@charset "UTF-8";
/* google font */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap");
body {
  background: #00adda url(../img/campaign1/bg_body_cp1.jpg) top center repeat-y;
  background-size: 1920px auto;
  color: #000;
  font-family: "Noto Sans JP", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  line-height: 48px;
}

.kv {
  max-width: 1110px;
  margin: 0 auto 14px;
}

.cpContent {
  /* 開閉部分 */
}
.cpContent__title {
  width: calc(100% - 64px);
  max-width: 1000px;
  margin: 0 auto 24px;
}
.cpContent .accordion {
  cursor: pointer;
}
.cpContent .accordion + .cpContent__inner {
  transition: 0.3s;
  height: auto;
}
.cpContent .accordion + .cpContent__inner.isClosed {
  height: 0;
  padding: 0 40px;
  overflow: hidden;
}
.cpContent__inner {
  position: relative;
  width: calc(100% - 80px);
  max-width: 1000px;
  margin: 0 auto;
}
.cpContent__inner .isFinished {
  z-index: 2;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(181, 181, 182, 0.8);
}
.cpContent__inner .isFinished .txtFinished {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cpContent h2, .cpContent h3, .cpContent h4, .cpContent p:not(.caution) {
  text-align: center;
}
.cpContent h2 img, .cpContent h3 img, .cpContent h4 img, .cpContent p:not(.caution) img {
  margin: 0 auto;
}
.cpContent h3 {
  margin-bottom: 64px;
}
.cpContent h4 {
  color: #76440d;
  font-size: 42px;
  font-family: "M PLUS 1", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  line-height: 59px;
  text-align: center;
}
.cpContent h4 span {
  color: #eb5e00;
}
.cpContent h4 span .small {
  font-size: 21px;
}

.cpContent.content1 {
  padding-bottom: 97px;
}
.cpContent.content1 .cpContent__inner.cp1 {
  background: url(../img/campaign1/bg_cp1.png) top center no-repeat;
  background-size: 100% auto;
}
.cpContent.content1 .cpContent__inner.cp2 {
  background: url(../img/campaign2/bg_cp2.png) top center no-repeat;
  background-size: 100% auto;
}
.cpContent.content1 .cpContent__inner.cp3 {
  background: url(../img/campaign3/bg_cp3.png) top center no-repeat;
  background-size: 100% auto;
}

.content1 {
  /* 第1弾 */
  /* 第2弾 */
  /* 配布終了後 */
}
.content1 .cp1 {
  margin-bottom: 22px;
  padding: 45px 40px 121px;
}
.content1 .cp1 h4 {
  margin-bottom: 25px;
}
.content1 .cp1 .main {
  width: calc(100% - 43px);
  margin-left: 33px;
  margin-bottom: 55px;
}
.content1 .cp1 .caution {
  margin-bottom: 130px;
}
.content1 .cp1 .caution:last-of-type {
  margin-bottom: 0;
}
.content1 .cp1 .target {
  margin-bottom: 50px;
}
.content1 .cp2 {
  margin-bottom: 97px;
  padding: 65px 40px 97px;
}
.content1 .cp2.isSoon {
  padding: 5px;
}
.content1 .cp2 h3 {
  margin-bottom: 56px;
}
.content1 .cp2 h4 {
  margin-bottom: 22px;
}
.content1 .cp2 .main {
  width: calc(100% - 43px);
  margin-left: 33px;
  margin-bottom: 67px;
}
.content1 .cp2 .caution {
  margin-bottom: 97px;
}
.content1 .cp2 .caution:last-of-type {
  margin-bottom: 0;
}
.content1 .cp2 .target {
  margin-bottom: 64px;
}
.content1 .cp3 {
  padding: 67px 40px 90px;
}
.content1 .cp3 h4 {
  margin-bottom: 54px;
  font-size: 37px;
}
.content1 .cp3 .main {
  margin-bottom: 67px;
}

/* web抽選で当たる */
.cpContent.content2 {
  padding: 40px 0 80px;
  background: url(../img/campaign4/bg_body_cp4.jpg);
}
.cpContent.content2 .cpContent__inner {
  padding: 54px 40px 115px;
  background: url(../img/campaign4/bg_cp4.png) top center no-repeat;
  background-size: 100% auto;
}

.content2 .main {
  margin: 0 auto 76px;
}
.content2 .subtitle {
  margin: 0 auto 40px;
}
.content2__box {
  max-height: 510px;
  margin-bottom: 60px;
  padding: 40px 36px;
  border: 15px solid #67c1ad;
  border-radius: 34px;
  overflow-y: scroll;
}
.content2__box__inner {
  max-width: 100%;
}
.content2__box pre {
  font-size: 30px;
  white-space: pre-wrap;
}
.content2 .btn {
  display: block;
  margin-bottom: 96px;
}

/* フォロー＆リポスト */
.cpContent.content3 {
  padding: 30px 0 80px;
  background: url(../img/campaign5/bg_body_cp5.jpg);
}
.cpContent.content3 .cpContent__inner {
  padding: 38px 40px 60px;
  background: url(../img/campaign5/bg_cp5.png) top center no-repeat;
  background-size: 100% auto;
}
.cpContent.content3 .cpContent__inner h4 {
  margin: 0 auto 20px;
}
.cpContent.content3 .cpContent__inner .main {
  margin: 0 0 16px 3%;
}
.cpContent.content3 .cpContent__inner.type2 {
  padding: 54px 40px 85px;
  background: url(../img/campaign5/bg_cp5_2.png) top center no-repeat;
  background-size: 100% auto;
}
.cpContent.content3 .cpContent__inner.type2 h4 {
  margin: 0 auto 26px;
}
.cpContent.content3 .cpContent__inner.type2 .main {
  margin: 0 0 16px 3.8%;
}

.content3 h2 {
  margin-bottom: 40px;
}
.content3 h3 {
  margin-bottom: 36px;
}
.content3 h4 {
  width: calc(100% - 40px);
}
.content3 .main {
  width: 95.8%;
}

/* パウ・パトロールとは */
.cpContent.content4 {
  padding: 56px 0 80px;
  background: url(../img/aside/bg_about.jpg);
}
.cpContent.content4 .cpContent__inner {
  padding: 35px 40px;
  border: 15px solid #ac7f3b;
  border-radius: 34px;
  background: #FFF;
}
.cpContent.content4 h2 {
  margin-bottom: 32px;
}
.cpContent.content4 h2 img {
  margin: 0;
}
.cpContent.content4 p {
  text-align: left;
}

.content4__img {
  margin: 22px auto 36px;
}
.content4__img img {
  max-width: 93.4%;
}
.content4 .btn {
  display: block;
  max-width: 680px;
  margin: 0 auto;
}

/* リンク */
.cpContent.content5 {
  padding: 56px 0 70px;
  background: #fee100 url(../img/aside/bg_link.jpg) top center repeat-y;
  background-size: 1920px auto;
}

.content5 .btn {
  display: block;
  max-width: 680px;
  margin: 0 auto 36px;
}
.content5 .btn:last-of-type {
  margin: 0 auto 65px;
}
.content5 h3 {
  margin: 0 auto 64px;
}
.content5 ul {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.footer {
  padding: 36px 0 50px;
  background: #eb5e00;
}
.footer__inner {
  width: calc(100% - 80px);
  max-width: 1000px;
  margin: 0 auto;
}
.footer img {
  width: calc(100% - 80px);
  margin: 0 auto;
}

.pageTop {
  z-index: 2;
  position: fixed;
  bottom: 25px;
  right: 25px;
}

/* faq */
.faqHeader {
  height: 146px;
  padding: 20px 0;
  background: #fee100;
}
.faqHeader img {
  margin: 0 auto;
}

.faq {
  width: calc(100% - 40px);
  margin: 86px auto 0;
  padding-top: 36px;
  font-family: "Zen Maru Gothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.025em;
}
.faq h1 {
  width: 51%;
  max-width: 510px;
  margin: 0 auto 100px;
}
.faq__inner {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 108px;
  background: url(../img/bg_content.png) top center repeat-y;
  background-size: 100% auto;
}
.faq__inner:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 1.94vw;
  top: -1.9vw;
  background: url(../img/bg_content_top.png) top center no-repeat;
  background-size: 100% auto;
}
.faq__inner:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2.68vw;
  bottom: -2.5vw;
  background: url(../img/bg_content_bottom.png) bottom center no-repeat;
  background-size: 100% auto;
}
.faq__box {
  width: 83%;
  max-width: 840px;
  margin: 0 auto;
}
.faq__question, .faq__answer {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.faq__question h2, .faq__question div, .faq__answer h2, .faq__answer div {
  width: 100%;
}
.faq__question h2, .faq__answer h2 {
  max-width: 80px;
  font-size: 60px;
  font-weight: bold;
}
.faq__question h3, .faq__answer h3 {
  font-size: 30px;
  font-weight: 900;
  line-height: 50px;
}
.faq__question h3 + p, .faq__answer h3 + p {
  margin-top: 40px;
}
.faq__question p, .faq__answer p {
  font-size: 25px;
}
.faq__question p.large, .faq__answer p.large {
  font-size: 30px;
}
.faq__question p + h3, .faq__answer p + h3 {
  margin-top: 48px;
}
.faq__question {
  margin-bottom: 60px;
}
.faq__question h2 {
  color: #00a476;
  font-weight: bold;
}
.faq__question h3 {
  color: #00a476;
  font-weight: bold;
}
.faq__answer {
  margin-bottom: 50px;
}
.faq__answer h2 {
  color: #eb5e00;
  font-weight: bold;
}
.faq__answer h3 {
  color: #eb5e00;
  font-weight: bold;
}
.faq__answer p + p {
  margin-top: 24px;
}
.faq__line {
  width: 67%;
  max-width: 670px;
  height: 70px;
  margin: 0 auto 50px;
  background: url(../img/img_faq_line.png) center no-repeat;
  background-size: 100% auto;
}
.faq + .footer {
  background: #fee100;
}
.faq + .footer__inner {
  padding-bottom: 140px;
}
.faq + .footer img {
  margin: 0;
}

@media screen and (max-width: 1080px) {
  body {
    font-size: 2.59vw;
    line-height: 4.44vw;
  }
  .kv {
    margin: 0 auto 1.29vw;
  }
  .cpContent__title {
    width: calc(100% - 5.92vw);
    margin: 0 auto 2.22vw;
  }
  .cpContent .accordion + .cpContent__inner.isClosed {
    padding: 0 3.7vw;
  }
  .cpContent__inner {
    width: calc(100% - 7.4vw);
  }
  .cpContent__inner .isFinished {
    z-index: 2;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(181, 181, 182, 0.8);
  }
  .cpContent__inner .isFinished .txtFinished.txt1 {
    max-width: 53.7vw;
  }
  .cpContent__inner .isFinished .txtFinished.txt2 {
    max-width: 77.5vw;
  }
  .cpContent h3 {
    margin-bottom: 5.92vw;
  }
  .cpContent h4 {
    font-size: 3.88vw;
    line-height: 5.46vw;
  }
  .cpContent h4 span .small {
    font-size: 1.94vw;
  }
  .cpContent.content1 {
    padding-bottom: 8.98vw;
  }
  .content1 {
    /* 第1弾 */
    /* 第2弾 */
    /* 配布終了後 */
  }
  .content1 .cp1 {
    margin-bottom: 2.03vw;
    padding: 4.16vw 3.7vw 11.2vw;
  }
  .content1 .cp1 h4 {
    margin-bottom: 2.3vw;
  }
  .content1 .cp1 .main {
    width: calc(100% - 3.98vw);
    margin-left: 3vw;
    margin-bottom: 5.1vw;
  }
  .content1 .cp1 .caution {
    margin-bottom: 12vw;
  }
  .content1 .cp1 .target {
    margin-bottom: 4.6vw;
  }
  .content1 .cp2 {
    margin-bottom: 8.98vw;
    padding: 6vw 3.7vw 8.98vw;
  }
  .content1 .cp2 h3 {
    margin-bottom: 5.18vw;
  }
  .content1 .cp2 h4 {
    margin-bottom: 2vw;
  }
  .content1 .cp2 .main {
    width: calc(100% - 3.98vw);
    margin-left: 3.05vw;
    margin-bottom: 6.2vw;
  }
  .content1 .cp2 .caution {
    margin-bottom: 8.98vw;
  }
  .content1 .cp2 .target {
    margin-bottom: 5.9vw;
  }
  .content1 .cp3 {
    padding: 6.2vw 3.7vw 6.7vw;
  }
  .content1 .cp3 h4 {
    margin-bottom: 5vw;
    font-size: 3.42vw;
  }
  .content1 .cp3 .main {
    margin-bottom: 6.2vw;
  }
  /* web抽選で当たる */
  .cpContent.content2 {
    padding: 3.7vw 0 7.4vw;
    background-size: 26.2vw auto;
  }
  .cpContent.content2 .cpContent__inner {
    padding: 5vw 3.7vw 10.6vw;
  }
  .content2 .main {
    margin: 0 auto 7vw;
  }
  .content2 .subtitle {
    width: 27.5vw;
    margin: 0 auto 3.7vw;
  }
  .content2__box {
    max-height: 47.2vw;
    margin-bottom: 5.55vw;
    padding: 3.7vw 3.33vw;
    border: 1.38vw solid #67c1ad;
    border-radius: 3.14vw;
  }
  .content2__box pre {
    font-size: 2.7vw;
  }
  .content2 .btn {
    margin-bottom: 8.88vw;
  }
  /* フォロー＆リポスト */
  .cpContent.content3 {
    padding: 2.77vw 0 7.4vw;
    background-size: 34.1vw auto;
  }
  .cpContent.content3 .cpContent__inner {
    padding: 3.5vw 3.7vw 5.55vw;
  }
  .cpContent.content3 .cpContent__inner h4 {
    margin: 0 auto 1.85vw;
  }
  .cpContent.content3 .cpContent__inner .main {
    margin: 0 0 1.48vw 3%;
  }
  .cpContent.content3 .cpContent__inner.type2 {
    padding: 5vw 3.7vw 7.87vw;
  }
  .cpContent.content3 .cpContent__inner.type2 h4 {
    margin: 0 auto 2.4vw;
  }
  .cpContent.content3 .cpContent__inner.type2 .main {
    margin: 0 0 1.48vw 3.8%;
  }
  .content3 h2 {
    margin-bottom: 3.7vw;
  }
  .content3 h3 {
    margin-bottom: 3.33vw;
  }
  .content3 h4 {
    width: calc(100% - 3.7vw);
    margin: 0 auto 0.24vw;
  }
  .content3 .main {
    width: calc(100% - 2.96vw);
  }
  /* パウ・パトロールとは */
  .cpContent.content4 {
    padding: 5.18vw 0 7.4vw;
    background-size: 59.2vw auto;
  }
  .cpContent.content4 .cpContent__inner {
    padding: 3.24vw 3.7vw;
    border: 1.38vw solid #ac7f3b;
    border-radius: 3.14vw;
  }
  .cpContent.content4 h2 {
    width: 56.6vw;
    margin-bottom: 2.96vw;
  }
  .content4__img {
    margin: 2vw auto 3.33vw;
  }
  .content4 .btn {
    max-width: 62.96vw;
  }
  /* リンク */
  .cpContent.content5 {
    padding: 5.18vw 0 6.48vw;
  }
  .content5 .btn {
    max-width: 62.96vw;
    margin: 0 auto 3.33vw;
  }
  .content5 .btn:last-of-type {
    margin: 0 auto 6vw;
  }
  .content5 h3 {
    width: 26.9vw;
  }
  .content5 ul {
    gap: 5.55vw;
  }
  .content5 ul li {
    max-width: 9.9vw;
  }
  .footer {
    padding: 3.33vw 0 4.6vw;
  }
  .footer__inner {
    width: calc(100% - 7.4vw);
    max-width: 92.5vw;
  }
  .footer img {
    width: calc(100% - 7.4vw);
  }
  .pageTop {
    max-width: 14vw;
  }
  /* faq */
  .faqHeader {
    height: 13.51vw;
    padding: 1.85vw 0;
  }
  .faqHeader img {
    max-width: 22.9vw;
  }
  .faq {
    margin-top: 7.96vw;
    padding-top: 3.33vw;
  }
  .faq h1 {
    max-width: 47.2vw;
    margin: 0 auto 9.25vw;
  }
  .faq__question, .faq__answer {
    gap: 2.77vw;
  }
  .faq__question h2, .faq__answer h2 {
    max-width: 7.4vw;
    font-size: 5.55vw;
  }
  .faq__question h3, .faq__answer h3 {
    font-size: 2.77vw;
    line-height: 4.62vw;
  }
  .faq__question h3 + p, .faq__answer h3 + p {
    margin-top: 3.7vw;
  }
  .faq__question p, .faq__answer p {
    font-size: 2.31vw;
  }
  .faq__question p.large, .faq__answer p.large {
    font-size: 2.77vw;
  }
  .faq__question p + h3, .faq__answer p + h3 {
    margin-top: 4.44vw;
  }
  .faq__question {
    margin-bottom: 5.55vw;
  }
  .faq__answer {
    margin-bottom: 4.6vw;
  }
  .faq__answer p + p {
    margin-top: 2.22vw;
  }
}/*# sourceMappingURL=style.css.map */