@charset "UTF-8";
/* CSS Document */
/* キャンペーン独自CSS */


/* フォント指定*/
@font-face {
  font-family: "Alphabet";
  src: url("../font/MINISerif-Regular.otf");
  unicode-range: U+0041-005A, U+0061-007A; /* A-Z, a-z */
}

@font-face {
  font-family: "Number";
  src: url("../font/MINISerif-Regular.otf");
  unicode-range: U+0030-0039; /* 0-9 */
}

@font-face {
  font-family: 'motoya';
  src: url("../font/MotoyaAporoStd-W3.otf");
}

.font-motoya {
  font-family:'motoya';
}

#campaign #campaign_wrapper h1, #campaign #campaign_wrapper h2, #campaign #campaign_wrapper h3, #campaign #campaign_wrapper h4, #campaign #campaign_wrapper h5, #campaign #campaign_wrapper h6, #campaign #campaign_wrapper p, #campaign #campaign_wrapper th, #campaign #campaign_wrapper td, #campaign #campaign_wrapper dt, #campaign #campaign_wrapper dd, #campaign #campaign_wrapper li, #campaign #campaign_wrapper #backToTop{
  font-family: "Alphabet","Number", "motoya";
}
body #campaign_wrapper {
  font-family: "Alphabet","Number", "motoya";
}
/* フォント指定END*/




/* #cmpn-detail */
#campaign #cmpn-detail {
  width: 960px;
  margin: 0 auto;
}
#campaign #cmpn-detail .sec01 {
  position: relative;
  margin-top: -24px;
}
#campaign #cmpn-detail .sec01 .btn {
  position: absolute;
  bottom: 0;
}
#campaign #cmpn-detail .sec02 .btn a {
  transition: 1s;

  -webkit-transition: 1s;
}
#campaign #cmpn-detail .sec02 .btn a:hover {
  opacity: 0.8;
}

/* #cmpn-offer */
#campaign #cmpn-offer {
  width: 960px;
  margin: initial;
  margin-inline: auto;
  margin-top: 60px;
  border: initial;
}
#campaign #cmpn-offer .offer-02 {
  width: 100%;
}
#campaign #cmpn-offer .offer-02 .button {
  width: 100%;
  margin: 0;
  box-shadow: initial !important;
  background-color: initial !important;
}
#campaign #cmpn-offer .offer-02 .button a {
  display: block;
  width: 100%;
  padding-block: 32px;
  background-color: #ff0072;
  color: #ffffff;
  font-weight: 900;
  font-size: 26px;
  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: 20px;
  font-size: 15px;
}

/* #cmpn-about */
#campaign #cmpn-about h2 {
  display: flex;
  align-items: center;
  height: 67px;
}