body {
    font-family: 'Noto Sans JP', sans-serif;
}
.btn-pink{
    color: #fff;
    background-color: #EB619C;
    border-color: #EB619C;
    border-radius: 25px;
    white-space: nowrap;
}

.btn-pink:hover {
  color: #fff;
  background-color: #F08EB8;
  border-color: #EB619C;
}
.btn-check:focus + .btn-pink, .btn-pink:focus {
  color: #fff;
  background-color: #F08EB8;
  border-color: #EB619C;
  box-shadow: 0 0 0 0.25rem rgba(240, 184, 142, 0.5);
}
.btn-check:checked + .btn-pink, .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #EB619C;
  border-color: #F08EB8;
}
.btn-check:checked + .btn-pink:focus, .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(240, 184, 142, 0.5);
}

#campaign {
  background-color: #018DDB;
  padding-bottom: 100px;
}

#campaign h2 {
  background-color: #018DDB;
  padding: 10px;
  color: white;
}

#campaign .contents {
  background-color: #FFF;
  margin: 0 10px;
  padding: 5px;
}

.modal-footer {
  justify-content: center;
}

.cp_img {
position: relative;
}

.cp_img img{
    position: absolute;
    top: -429px;
    left: 27.3px;
    width: 500px;
    max-width: 464px;
}

@media (max-width: 959px) {
    .cp_img {
    position: relative;
    }

    .cp_img img{
        position: absolute;
        top: -44.7vw;
        left: 3.1vw;
        width: 48vw;
    }
    .btn-pink {
        width: 95%;
    }
}