@charset "UTF-8";
/* 既存 */
body {
  background: #ebe7e7;
  font-family: "a-otf-ud-shin-go-pr6n", "Noto Sans JP", sans-serif;
}

footer, .l-footer__frame {
  background: #FFF;
}

.main {
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 80px;
  background: url(../img/bg_main_1.png) top center repeat-y;
  background-size: 1024px auto;
}

.mainContent {
  width: 100%;
}
.mainContent__inner {
  position: relative;
}
.mainContent h1 {
  position: relative;
}
.mainContent h1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tie {
  z-index: 2;
  position: relative;
  margin-top: -10px;
}
.tie.type1 {
  min-height: 263px;
  background: url(../img/bg_tie_1.png) top center no-repeat;
  background-size: auto 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tie.type1 h2 img {
  max-width: 534px;
}
.tie.type2 {
  min-height: 91px;
  background: url(../img/bg_tie_2.png) top center no-repeat;
  background-size: auto 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tie.type2 h2 img {
  max-width: 450px;
}

.cpContents__inner {
  position: relative;
  margin: 0 auto;
}
.cpContents__btn {
  margin-bottom: 30px;
}
.cpContents__btn a, .cpContents__btn p {
  display: block;
  max-width: 452px;
  margin: 0 auto;
}
.cpContents__btn a img, .cpContents__btn p img {
  width: 100%;
}

.section1.cpContents {
  padding-top: 38px;
  background: url(../img/bg_content1_1.png) top left;
  background-size: 503px auto;
}

.section1 {
  margin-top: -10px;
  padding-bottom: 62px;
}
.section1__inner {
  max-width: 534px;
  margin: 0 auto;
  padding: 45px 33px 47px;
  background: url(../img/bg_content1_2.jpg) top center no-repeat;
  background-size: 100% auto;
}
.section1__box h3 {
  /* 通常テキスト */
  margin: 0 auto 16px;
}
.section1__box p {
  /* 注釈テキスト */
  padding-top: 6px;
}

.section2.cpContents {
  margin-top: -10px;
  background: url(../img/bg_content2_1.jpg) top left;
  background-size: 1024px auto;
}
.section2.cpContents .cpContents__inner {
  max-width: 750px;
  background: url(../img/bg_content2_2.png), url(../img/bg_content2_2.png);
  background-size: 13.5px auto;
  background-position: top left 30px, top right 30px;
  background-repeat: repeat-y;
}

.section2 {
  background: url(../img/bg_main_2.png) top center no-repeat;
  background-size: 1024px auto;
}
.section2__inner {
  max-width: 534px;
  margin: 0 auto;
  padding: 54px 0 80px;
}
.section2 h2 {
  margin-bottom: 64px;
  text-align: center;
}
.section2__box {
  margin: 0 auto 94px;
}
.section2__box.last {
  margin: 0 auto 60px;
}
.section2__caution {
  max-width: 414px;
  margin-bottom: 80px;
}
.section2 .tie {
  display: block;
  margin: 0 auto 63px;
}
.section2__contact {
  max-width: 290px;
  margin: 0 auto 63px;
}
.section2 .campaignBtn {
  display: block;
  max-width: 452px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .mainContent h1 {
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  .mainContent h1 img {
    min-width: 1024px;
  }
}
@media screen and (max-width: 750px) {
  .main {
    padding-top: 55px;
  }
  .mainContent h1 img {
    min-width: 136.5vw;
    width: auto;
    height: auto;
    max-width: none;
  }
  .tie.type1 {
    min-height: 35.1vw;
    margin-top: -1.3vw;
  }
  .tie.type1 h2 img {
    max-width: 71.2vw;
  }
  .tie.type2 {
    min-height: 12.1vw;
  }
  .tie.type2 h2 img {
    max-width: 60vw;
  }
  .cpContents__btn {
    margin-bottom: 4vw;
  }
  .cpContents__btn a, .cpContents__btn p {
    display: block;
    max-width: 60.3vw;
  }
  .section1.cpContents {
    padding-top: 5.1vw;
  }
  .section1 {
    margin-top: -1.3vw;
    padding-bottom: 8.3vw;
  }
  .section1__inner {
    max-width: 71.2vw;
    padding: 6vw 4.4vw 7.2vw;
  }
  .section1__box h3 {
    /* 通常テキスト */
    margin: 0 auto 2.1vw;
  }
  .section1__box p {
    /* 注釈テキスト */
    padding-top: 0.8vw;
  }
  .section2.cpContents {
    background-size: 100vw auto;
  }
  .section2.cpContents .cpContents__inner {
    max-width: 100%;
    background-size: 1.8vw auto;
    background-position: top left 4vw, top right 4vw;
  }
  .section2 {
    margin-top: -1.3vw;
    background-size: 100% auto;
  }
  .section2__inner {
    max-width: 71.2vw;
    margin: 0 auto;
    padding: 7.2vw 0 10.7vw;
  }
  .section2 h2 {
    margin-bottom: 8.5vw;
    text-align: center;
  }
  .section2__box {
    margin: 0 auto 12.5vw;
  }
  .section2__box.last {
    margin: 0 auto 8vw;
  }
  .section2__caution {
    max-width: 55.2vw;
    margin-bottom: 10.6vw;
  }
  .section2 .tie {
    display: block;
    margin: 0 auto 8.4vw;
  }
  .section2__contact {
    max-width: 38.6vw;
    margin: 0 auto 8.4vw;
  }
  .section2 .campaignBtn {
    display: block;
    max-width: 60.3vw;
    margin: 0 auto;
  }
}/*# sourceMappingURL=extend.css.map */