@charset "UTF-8";
/* CSS Document */
/* キャンペーン独自CSS */

.img-campaign {
  max-width: 100%;
}
.img-campaign img {
  display: block;
  width: 100%;
}

/* #cmpn-detail */
#campaign #cmpn-detail .sec01 {
  position: relative;
  margin-top: -27px;
}
#campaign #cmpn-detail .sec01 .btn {
  position: absolute;
  position: absolute;
  bottom: 0;
  left: calc(50% + 0px);
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;

  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
#campaign #cmpn-detail .sec01 .btn a,
#campaign #cmpn-detail .sec01 .btn img {
  display: block;
  width: 100%;
}

/* #cmpn-offer */
#campaign #cmpn-offer {
  margin: initial;
  margin-top: 40px;
  border: initial;
}
#campaign #cmpn-offer .offer-02 {
  padding: initial;
  background-color: #ffffff;
}
#campaign #cmpn-offer .offer-02 .button {
  background-color: initial !important;
  box-shadow: initial !important;
}
#campaign #cmpn-offer .offer-02 .button a {
  display: block;
  width: calc(340 / 375 * 100%);
  margin: 0 auto;
  padding-block: 22px;
  background-color: #ff0072;
  color: #ffffff;
  font-weight: 900;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s, opacity 0.3s;
}
#campaign #cmpn-offer .offer-02 .button a:hover {
  opacity: 0.9;
}
#campaign #cmpn-offer .offer-02 .caution {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.5;
}

/* #cmpn-about */
#campaign #cmpn-about .ttl-cp-about {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
