@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,
*::before,
*::after{box-sizing:border-box}
*{margin:0;padding:0;}
img,
picture,
video,
canvas,
svg{display:block;max-width:100%}
input,
button,
textarea,
select{font:inherit}
p,
h1,
h2,
h3,
h4,
h5,
h6{overflow-wrap:break-word}


/* addition */
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,ol,li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 4.2667vw;
}
@media screen and (min-width:751px) {
  html body,
  table th,
  table td {
    font-size: 25px;
  }
}

strong, em {
  font-weight: 700;
}

.fontPpn {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
.fontPpn.fontPpn600 {
  font-weight: 600;
}
strong.fontPpn,
em.fontPpn,
strong .fontPpn,
em .fontPpn {
  font-weight: 700;
}


/* ---------------------------------------------
link
--------------------------------------------- */
a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
@media screen and (min-width:751px) {
  #lp_page__id {
    width: 612px;
    margin: 0 auto;
    border-right: 6px solid #000;
    border-left: 6px solid #000;
  }
}

.wrapper {
  width: 100%;
  margin: 0 auto;
}

.contentsWrapper {
  width: 88%;
  margin: 0 auto;
}


/* ---------------------------------------------
base
--------------------------------------------- */
.lp_page__wrapper {
  overflow: hidden;
}
.lp_page__class {
  background-repeat: repeat-y;
  background-position: center;
  background-size: 124.6667vw auto;
  position: relative;
}
@media screen and (min-width:751px) {
  .lp_page__class {
    background-size: 622px auto;
  }
}
.webp .lp_page__class {
  background-image: url(../images/content_bg1.webp);
}
.no-webp .lp_page__class {
  background-image: url(../images/content_bg1.jpg);
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.lp_page__class sup {
  font-size: 60%;
  font-weight: 400;
  vertical-align: super;
}

.lp_page__class .red1 {
  color: #d50001;
}
.lp_page__class .blu1 {
  color: #00008a;
}

.lp_page__class .taC {
  text-align: center;
}
.lp_page__class .taR {
  text-align: right;
}

.lp_page__class .note small {
  font-size: 2.7vw;
  display: block;
}
@media screen and (min-width:751px) {
  .lp_page__class .note small {
    font-size: 17px;
  }
}
.lp_page__class .note1 small {
  padding-left: 1em;
  text-indent: -1em;
}
.lp_page__class .note2 small {
  padding-left: 1.7em;
  text-indent: -1.7em;
}

/* btn */
.lp_page__class .btnArea {
  text-align: center;
}
.lp_page__class .btnArea .btn {
  margin-bottom: 1em;
  font-size: 5.3333vw;
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btn {
    font-size: 32px;
  }
}
.lp_page__class .btnArea .btn:last-child {
  margin-bottom: 0;
}
.lp_page__class .btnArea .btn a {
  text-decoration: none;
}
.lp_page__class .btnArea .btnSty1 a {
  padding: .5em 0;
  border: .5333vw solid #e72748;
  border-radius: 4em;
  background-color: #fff;
  display: inline-block;
  display: block;
  overflow: hidden;
  position: relative;
  transition: all .2s;
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btnSty1 a {
    border: 3px solid #e72748;
  }
}
.lp_page__class .btnArea .btnSty1 a::after {
  content: '';
  width: 4.5333vw;
  height: 4.5333vw;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 58% center;
  background-size: 1.3333vw auto;
  border-width: .5333vw;
  position: absolute;
  top: 50%;
  right: 2vw;
  transform: translateY(-50%);
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btnSty1 a::after {
    width: 27px;
    height: 27px;
    background-size: 8px auto;
    border-width: 4px;
    right: .5em;
  }
}
.lp_page__class .btnArea .btnSty1_1 a {
  color: #fff;
  background-color: #e72748;
  box-shadow: 0 1.0667vw 0 1px #be1f3c;
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btnSty1_1 a {
    box-shadow: 0 8px 0 .1333vw #be1f3c;
  }
}
.lp_page__class .btnArea .btnSty1_1 a::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow1.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.61%2019.38%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23e5027f%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5l7.12%2C8.19L1.5%2C17.88%22%2F%3E%3C%2Fsvg%3E');
  background-color: #fff;
}
.lp_page__class .btnArea .btnSty1_2 a {
  color: #e72748;
  background-color: #fff;
  box-shadow: 0 1.0667vw 0 1px #e72748;
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btnSty1_2 a {
    box-shadow: 0 8px 0 .1333vw #e72748;
  }
}
.lp_page__class .btnArea .btnSty1_2 a::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow2.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.61%2019.38%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5l7.12%2C8.19L1.5%2C17.88%22%2F%3E%3C%2Fsvg%3E');
  background-color: #e72748;
}
.lp_page__class .btnArea .btnSty1_3 a {
  color: #fff;
  background-color: #0dbf16;
  border-color: #0dbf16;
  box-shadow: 0 1.0667vw 0 1px #cbefcd;
}
@media screen and (min-width:751px) {
  .lp_page__class .btnArea .btnSty1_3 a {
    box-shadow: 0 8px 0 .1333vw #cbefcd;
  }
}
.lp_page__class .btnArea .btnSty1_3 a::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow6.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.31%2018.8%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%230dbf16%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5l6.83%2C7.9-6.83%2C7.9%22%2F%3E%3C%2Fsvg%3E');
  background-color: #fff;
}
.lp_page__class .btnArea .btnSty1_4 a {
  color: #fff;
  background-color: #2359ba;
  border-width: .2667vw;
  border-color: #fff;
}
.lp_page__class .btnArea .btnSty1_4 a::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow8.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012.04%2022.6%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%232359ba%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5l8.55%2C9.8L1.5%2C21.1%22%2F%3E%3C%2Fsvg%3E');
  background-color: #fff;
  transition: right .2s;
}
.lp_page__class .btnArea .btnSty1 a:hover {
  transform: translateY(8px);
}
.lp_page__class .btnArea .btnSty1_1 a:hover  {
  box-shadow: 0 0 0 0 #be1f3c;
}
.lp_page__class .btnArea .btnSty1_2 a:hover {
  box-shadow: 0 0 0 0 #e72748;
}
.lp_page__class .btnArea .btnSty1_3 a:hover {
  box-shadow: 0 0 0 0 #cbefcd;
}
.lp_page__class .btnArea .btnSty1_4 a:hover {
  transform: translate(0);
}
.lp_page__class .btnArea .btnSty1_4 a:hover::after {
  right: 1vw;
}

/* swiper */
.swiper {
  padding-bottom: 1em;
}
.swiper-button {
  width: 12vw;
  height: 12vw;
  background-color: #fff;
  border: .5333vw solid #2359ba;
  border-radius: 50%;
  top: 40%;
}
@media screen and (min-width:751px) {
  .swiper-button {
    width: 72px;
    height: 72px;
    border: 3px solid #2359ba;
  }
}
.swiper-button.swiper-button-prev {
  left: -3.5vw;
}
.swiper-button.swiper-button-next {
  right: -3.5vw;
}
@media screen and (min-width:751px) {
  .swiper-button.swiper-button-prev {
    left: -24px;
  }
  .swiper-button.swiper-button-next {
    right: -24px;
  }
}
.swiper-button::after {
  content: '';
  width: 2.9333vw;
  height: 4.5333vw;
  color: #2359ba;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width:751px) {
  .swiper-button::after {
    width: 17px;
    height: 27px;
  }
}
.swiper-button.swiper-button-prev::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow3.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.09%2033.9%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%232359ba%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%206px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M19.09%2C3L3%2C16.95l16.09%2C13.95%22%2F%3E%3C%2Fsvg%3E');
}
.swiper-button.swiper-button-next::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow4.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.09%2033.9%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%232359ba%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%206px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M3%2C3l16.09%2C13.95L3%2C30.9%22%2F%3E%3C%2Fsvg%3E');
}
.swiper-pagination {
  position: relative !important;
  top: auto !important;
  bottom: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 1.8666vw;
  height: 1.8666vw;
  margin: 0 .3em;
  background-color: #dcdcdc;
  opacity: 1;
}
@media screen and (min-width:751px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2359ba;
}

/* deco */
.lp_page__class .overhead_deco {
  position: relative;
}
.lp_page__class .overhead_deco::before {
  content: '';
  width: 100%;
  height: 10vh;
  margin-bottom: 1em;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20224%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%233d72d1%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C224l60-32c60-32%2C180-96%2C300-128s240-32%2C360%2C5.3c120%2C37.7%2C240%2C111.7%2C360%2C112%2C120-.3%2C240-74.3%2C300-112l60-37.3V0H0v224Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center top;
  background-size: 100% auto;
  display: block;
}
@media screen and (min-width:751px) {
  .lp_page__class .overhead_deco::before {
    height: 100px;
  }
}

/* link */
.lp_page__class .linkSty1 {
  text-align: center;
}
.lp_page__class .linkSty1 .link {
  display: inline-block;
}
.lp_page__class .linkSty1 a {
  color: #2359ba;
  text-decoration: none;
  border-bottom: 2px solid #2359ba;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp_page__class .linkSty1 a::after {
  content: '';
  width: 2.8vw;
  height: 2.8vw;
  margin-left: .5em;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow7.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.62%2019.4%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%232359ba%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5l7.13%2C8.2L1.5%2C17.9%22%2F%3E%20%3Cpath%20id%3D%22_%E4%B8%89%E8%A7%92%E5%BD%A2_2-2%22%20data-name%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%202-2%22%20class%3D%22cls-1%22%20d%3D%22M11.5%2C1.5l7.13%2C8.2-7.13%2C8.2%22%2F%3E%3C%2Fsvg%3E') no-repeat center / 100% auto;
  display: inline-block;
  transition: transform .2s;
}
@media screen and (min-width:751px) {
  .lp_page__class .linkSty1 a::after {
    width: 16px;
    height: 16px;
  }
}

.lp_page__class .linkSty1 a:hover::after {
  transform: translateX(.3em);
}

/* toggle */
.lp_page__class .toggleCont {
  display: none;
}


/* ---------------------------------------------
#pageHeader
--------------------------------------------- */
#pageHeader {
  margin: 0;
  width: 100%;
  padding: 1em 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
#pageHeader .logo {
  width: 16.9333vw;
  margin: 0 4vw 0 auto;
}
@media screen and (min-width:751px) {
  #pageHeader .logo {
    width: 102px;
    margin: 0 25px 0 auto;
  }
}


/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  padding-bottom: 1px;
  position: relative;
  z-index: 2;
}


/* contentHeader */
#mainContents .contentHeader {
  margin-bottom: -1px;
  padding: 16.4vw 0 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-color: #f2f2f2;
  position: relative;
  z-index: 1;
}
@media screen and (min-width:751px) {
  #mainContents .contentHeader {
    padding-top: 100px;
  }
}
.webp #mainContents .contentHeader {
  background-image: url(../images/pageHeader_bg1.webp);
}
.no-webp #mainContents .contentHeader {
  background-image: url(../images/pageHeader_bg1.jpg);
}
#hero {
  margin-bottom: -1px;
  padding-bottom: 10vw;
  background: url(../images/cta_bg1_top.svg) no-repeat center bottom / 100% auto;
}
@media screen and (min-width:751px) {
  #hero {
    padding-bottom: 75px;
  }
}
#hero .pageTitle {
  width: 83.067%;
  margin: 0 auto 4.6667vw;
}
@media screen and (min-width:751px) {
  #hero .pageTitle {
    margin-bottom: 35px;
  }
}
#hero .pageTitle .main {
  margin-bottom: 10vw;
  display: block;
}
@media screen and (min-width:751px) {
  #hero .pageTitle .main {
    margin-bottom: 75px;
  }
}
#hero .pageTitle .sub {
  width: 80%;
  margin: 0 auto;
  display: block;
}
#hero .fvImg {
  width: 83.734%;
  margin: 0 auto 1em;
}
#hero .txtArea1 {
  text-align: center;
}
#hero .txtArea1 * {
  font-weight: 400;
}
#hero .txtArea1 .txt1 {
  font-size: 85%;
}
#hero .txtArea1 .note small {
  font-size: 2.6vw;
}
@media screen and (min-width:751px) {
  #hero .txtArea1 .note small {
    font-size: 15px;
  }
}
#mainContents .contentHeader .cta {
  padding: .5em 0 3em;
  background-color: #ffea8b;
  position: relative;
  z-index: 1;
}
#mainContents .contentHeader .cta .ctaTtlArea {
  margin-bottom: .5em;
}
#mainContents .contentHeader .cta .ctaTtlArea .ttl {
  text-align: center;
  line-height: 1.1;
  font-size: 6.6666vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width:751px) {
  #mainContents .contentHeader .cta .ctaTtlArea .ttl {
    font-size: 40px;
  }
}
#mainContents .contentHeader .cta .ctaTtlArea .ttl::before,
#mainContents .contentHeader .cta .ctaTtlArea .ttl::after {
  content: '';
  width: 9.3333vw;
  height: 17.5999vw;
  margin: 0 .5em;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22cta1_dec.svg%22%20data-name%3D%22cta1%20dec.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2069.77%20131.86%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231b1b1b%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_12%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%2012%22%20class%3D%22cls-1%22%20d%3D%22M32.77%2C0l37%2C131L20.77%2C9%2C32.77%2C0Z%22%2F%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_12_%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%2012%20%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC%22%20class%3D%22cls-1%22%20d%3D%22M10.8%2C66.31l47.58%2C65.55L0%2C80.78l10.8-14.47Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
}
@media screen and (min-width:751px) {
  #mainContents .contentHeader .cta .ctaTtlArea .ttl::before,
  #mainContents .contentHeader .cta .ctaTtlArea .ttl::after {
    width: 56px;
    height: 106px;
  }
}
#mainContents .contentHeader .cta .ctaTtlArea .ttl::after {
  transform: scale(-1, 1);
}

/* contents */
#mainContents #sec1 {
  margin-bottom: 6em;
  padding: 6.6667vw 0 1px;
  background: url(../images/cta_bg1_btm.svg) no-repeat center top / 100% auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 {
    padding: 50px 0 1px;
  }
}
#mainContents #sec1 .secTtl {
  text-align: left;
}
#mainContents #sec1 .secTtl .en {
  letter-spacing: -.03em;
  font-size: 19.3333vw;
  font-style: italic;
  position: relative;
  text-shadow: 5px 5px 0px rgba(0,0,0,0.3), 6px 6px 0px #000;
  transform-origin: left bottom;
  transform: rotate(-12.5deg);
  display: block;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 2px #000;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .secTtl .en {
    font-size: 115px;
  }
}
#mainContents #sec1 .txtArea1 {
  margin-bottom: 2em;
  font-size: 4.8vw;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .txtArea1 {
    font-size: 29px;
  }
}
#mainContents #sec1 .lineup {
  margin: 0 auto 3em;
  position: relative;
}
#mainContents #sec1 .lineup .lineup_border {
  width: 90.667%;
  margin: 0 auto;
  padding: 1.3333vw;
  background: url(../images/sec1_bg1.jpg) repeat-y center top / 100% auto;
  border-radius: 4.2667vw;
  position: relative;
  z-index: 3;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .lineup_border {
    padding: 9px;
    border-radius: 26px;
  }
}
#mainContents #sec1 .lineup:last-child {
  margin-bottom: 0;
}
#mainContents #sec1 .lineup .lineup_inner {
  padding: 2em 0 3em;
  background-color: #fff;
  border-radius: 2.9333vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .lineup_inner {
    border-radius: 22px;
  }
}
#mainContents #sec1 .lineup::before,
#mainContents #sec1 .lineup::after {
  content: '';
  position: absolute;
  right: 0;
  left: 4.6665%;
  display: block;
}
#mainContents #sec1 .lineup::before {
  background-color: #e5e5e5;
  border-radius: 4.2667vw 0 0 4.2667vw;
  position: absolute;
  top: 9.3333vw;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup::before {
    border-radius: 22px 0 0 22px;
    top: 50px;
  }
}
#mainContents #sec1 .lineup::after {
  background-image: url(../images/sec1_bg2.png), url(../images/sec1_bg3.png);
  background-repeat: no-repeat, no-repeat;
  background-position: right top, right bottom;
  background-size: 100% auto, 100% auto;
  border-radius: 4.2667vw 0 0 0;
  top: 0;
  bottom: calc(0px - 27.6vw);
  z-index: 2;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup::after {
    border-radius: 22px 0 0 0;
    bottom: calc(0px - 165px);
  }
}
#mainContents #sec1 .lineup .seriesTtlArea {
  margin-bottom: .5em;
  text-align: center;
}
#mainContents #sec1 .lineup .seriesTtlArea .ttl {
  font-size: 6.1333vw;
  font-weight: 400;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .seriesTtlArea .ttl {
    font-size: 36px;
  }
}
#mainContents #sec1 .lineup .lineup_item .ttl {
  margin-bottom: 1em;
  padding-left: .5em;
  line-height: 1.2;
  font-size: 4.9333vw;
  border-left: 1.6vw solid #1b1b1b;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .lineup_item .ttl {
    border-width: 10px;
    font-size: 29px;
  }
}
#mainContents #sec1 .lineup .lineup_item .itemImg {
  width: 66.6667vw;
  margin: 0 auto 2em;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .lineup_item .itemImg {
    width: 400px;
  }
}
#mainContents #sec1 .lineup .lineup_item .btnArea .btn {
  font-size: 4vw;
}
@media screen and (min-width:751px) {
  #mainContents #sec1 .lineup .lineup_item .btnArea .btn {
    font-size: 24px;
  }
}
#mainContents #sec1 .lineup .lineup_item .btnArea .btn a {
  padding: 1.2em 0;
}
#mainContents #sec1 .lineup1 {
  z-index: 1;
}
#mainContents #sec1 .lineup1 .lineup_item {
  width: 90.905%;
  margin: 0 auto;
}
#mainContents #sec1 .lineup1 .lineup_item .block {
  margin-bottom: 3em;
}
#mainContents #sec1 .lineup1 .lineup_item .block:last-child {
  margin-bottom: 0;
}
#mainContents #sec1 .lineup1 .lineup_item .ttl {
  margin-left: .5em;
}
#mainContents #sec1 .lineup2 {
  text-align: center;
  z-index: 2;
}
#mainContents #sec1 .lineup2 .lineup_item .ttl {
  display: inline-block;
}
#mainContents #sec1 .lineup2 .lineup_item {
  margin-bottom: 3em;
}
#mainContents #sec1 .lineup2 .lineup_item:last-child {
  margin-bottom: 0;
}
#mainContents #sec1 .lineup2 .lineup_item .slider {
  position: relative;
}
#mainContents #sec1 .lineup2 .lineup_item .itemImg {
  width: 75.758%;
}
#mainContents #sec1 .lineup2 .lineup_item .btnArea {
  width: 90.91%;
  margin: 0 auto;
}
#mainContents #sec1 .lineup .slider {
  margin-bottom: 3em;
  position: relative;
}
#mainContents #sec1 .lineup .slider:last-child {
  margin-bottom: 0;
}
#mainContents #sec1 .lineup .slider .lineup_item {
  margin-bottom: 0;
}


#mainContents #sec2 {
  margin-bottom: 6em;
  padding: .5em 0;
  position: relative;
  z-index: 3;
  background-color: #fff;
}
#mainContents #sec2::before,
#mainContents #sec2::after {
  content: '';
  width: 100%;
  height: 22vw;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  left: 0;
  z-index: 1;
}
@media screen and (min-width:751px) {
  #mainContents #sec2::before,
  #mainContents #sec2::after {
    height: 150px;
  }
}
#mainContents #sec2::before {
  background-position: center bottom;
  bottom: 100%;
}
.webp #mainContents #sec2::before {
  background-image: url(../images/sec2_bg1.webp);
}
.no-webp #mainContents #sec2::before {
  background-image: url(../images/sec2_bg1.png);
}
#mainContents #sec2::after {
  background-position: center top;
  top: 100%;
}
.webp #mainContents #sec2::after {
  background-image: url(../images/sec2_bg2.webp);
}
.no-webp #mainContents #sec2::after {
  background-image: url(../images/sec2_bg2.png);
}
#mainContents #sec2 .sec_inner {
  margin: -1px 0;
}
#mainContents #sec2 .secTtl {
  margin-bottom: -1.5em;
  position: relative;
  z-index: 2;
}
#mainContents #sec2 .secTtl .logo {
  width: 36%;
  margin: 0 auto 1.5em;
  display: block;
}
#mainContents #sec2 .secTtl .txt {
  width: 66.667%;
  margin: 0 auto;
  display: block;
}
#mainContents #sec2 .txtArea1 {
  margin-bottom: 1em;
  position: relative;
  z-index: 3;
}
#mainContents #sec2 .txtArea1 .price {
  width: 100%;
  margin: 0 auto -1em;
  display: block;
  position: relative;
  z-index: 2;
}
#mainContents #sec2 .txtArea1 .freeCalls {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 1;
}


#mainContents #sec3 {
  padding-top: 4em;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
#mainContents #sec3 .bgSty1 {
  padding-bottom: 25vw;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .bgSty1 {
    padding-bottom: 160px;
  }
}
#mainContents #sec3 .bgSty1::before {
  content: '';
  width: 100%;
  height: 27vw;
  display: block;
  background-color: #000;
  clip-path: ellipse(58% 100% at 50% 100%);
  position: relative;
  position: absolute;
  top: -16vw;
  left: 0;
  z-index: -1;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .bgSty1::before {
    height: 150px;
    clip-path: ellipse(58% 100% at 50% 100%);
    top: -100px;
  }
}
#mainContents #sec3 .bgSty1.bg1,
#mainContents #sec3 .bgSty1.bg1::before {
  background-color: #0ab8b9;
}
#mainContents #sec3 .bgSty1.bg2,
#mainContents #sec3 .bgSty1.bg2::before {
  background-color: #ee5554;
}
#mainContents #sec3 .bgSty1.bg3,
#mainContents #sec3 .bgSty1.bg3::before {
  background-color: #3d72d1;
}
#mainContents #sec3 .bgSty1.bg1 {
  z-index: 1;
}
#mainContents #sec3 .bgSty1.bg2 {
  z-index: 2;
}
#mainContents #sec3 .bgSty1.bg3 {
  margin-bottom: 0;
  padding-bottom: 1.5em;
  z-index: 3;
}
#mainContents #sec3 .bg3::after {
  content: '';
  width: 100%;
  height: 35vw;
  background: linear-gradient(0deg,rgba(61, 114, 209, 1) 0%, rgba(61, 114, 209, 1) 60%, rgba(61, 114, 209, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .bg3::after {
    height: 200px;
  }
}
#mainContents #sec3 .secTtl {
  width: 80%;
  margin: 0 auto 1em;
}
#mainContents #sec3 .reason .ttlArea {
  margin-bottom: 1em;
}
#mainContents #sec3 .reason .ttlArea .ttl {
  width: 80%;
  margin: 0 auto;
}
#mainContents #sec3 .reason .reason_cont {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 6.6667vw;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .reason .reason_cont {
    border-radius: 40px;
  }
}
#mainContents #sec3 .reason .reason_cont::after {
  content: '';
  width: 91.3333vw;
  height: calc(100% + 31.6vw);
  background: url(../images/reason_cont_bg.png) no-repeat left top;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .reason .reason_cont::after {
    width: 540px;
    height: calc(100% + 174px);
    background-position: left top 13px;
  }
}
#mainContents #sec3 .reason .reason_cont .reason_list {
  padding: 2em 0 .5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#mainContents #sec3 .reason .reason_cont .reason_list li {
  width: 50%;
  margin-bottom: 1.5em;
  text-align: center;
}
#mainContents #sec3 .reason .reason_cont .reason_list li .reasonFig {
  width: 66%;
  margin: 0 auto .5em;
}
#mainContents #sec3 .reason .reason_cont .reason_list li .txt {
  font-size: 3.7333vw;
}
@media screen and (min-width:751px) {
  #mainContents #sec3 .reason .reason_cont .reason_list li .txt {
    font-size: 22px;
  }
}
#mainContents #sec3 .noteArea1 {
  padding-top: 2em;
  color: #fff;
  position: relative;
  z-index: 4;
}


#mainContents #sec4 {
  padding-bottom: 5em;
  position: relative;
  z-index: 4;
}
#mainContents #sec4 .secTtl {
  width: 97.728%;
  margin: 0 auto 1em;
}


#mainContents #sec5 {
  padding-bottom: 3em;
  position: relative;
  z-index: 4;
}
#mainContents #sec5 .secTtl {
  margin: 0 auto 2em;
  text-align: center;
}
#mainContents #sec5 .secTtl .txt {
  margin-bottom: .3em;
  font-size: 4.8vw;
  font-weight: 400;
  display: block;
}
@media screen and (min-width:751px) {
  #mainContents #sec5 .secTtl .txt {
    font-size: 29px;
  }
}
#mainContents #sec5 .secTtl .img {
  width: 90.667%;
  margin: 0 auto;
  display: block;
}
#mainContents #sec5 .steps {
  margin: 0;
}
#mainContents #sec5 .steps .step {
  margin: 0 0 3em;
  padding: 1em;
  background-color: #fff;
  border: .4vw solid #000;
  border-radius: 3.6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec5 .steps .step {
    border: 3px solid #000;
    border-radius: 27px;
  }
}
#mainContents #sec5 .steps .step::after {
  content: '';
  width: .4vw;
  height: 3em;
  margin: 0 0 2em;
  position: relative;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22arrow5.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%2011.8%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231b1b1b%3B%20fill-rule%3A%20evenodd%3B%20stroke%3A%20%23000%3B%20stroke-dasharray%3A%200%209%3B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%203px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_18%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%2018%22%20class%3D%22cls-1%22%20d%3D%22M1.5%2C1.5v8.8%22%2F%3E%3C%2Fsvg%3E') repeat-y center top;
  background-size: 100% auto;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media screen and (min-width:751px) {
  #mainContents #sec5 .steps .step::after {
    width: 3px;
  }
}
#mainContents #sec5 .steps .step2 {
  margin-bottom: 2em;
}
#mainContents #sec5 .steps .step .ttl {
  width: 42.05%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mainContents #sec5 .steps .step .figImg {
  width: 23.73%;
}
#mainContents #sec5 .steps .step .txtArea {
  width: 66%;
}
#mainContents #sec5 .delivery {
  margin-bottom: 2em;
}
#mainContents #sec5 .delivery .txt {
  width: 90.134%;
  margin: 0 auto;
}
#mainContents #sec5 .noteArea1 {
  margin-bottom: 2em;
}
#mainContents #sec5 .btnArea1 {
  margin-bottom: 1.5em;
}
#mainContents #sec5 .btnArea2 .ttl {
  width: 92.273%;
  margin: 0 auto .3em;
}


#mainContents #sec6 {
  margin-bottom: 3em;
  position: relative;
  z-index: 6;
}
#mainContents #sec6::before,
#mainContents #sec6::after {
  content: '';
  width: 100%;
  height: 19.2vw;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
}
@media screen and (min-width:751px) {
  #mainContents #sec6::before,
  #mainContents #sec6::after {
    height: 120px;
  }
}
#mainContents #sec6::before {
  background-position: center bottom;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22sec6_deco.svg%22%20data-name%3D%22sec6%20deco.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20750%20144%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23e2eaf8%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E6%A5%95%E5%86%86%E5%BD%A2_536%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20536%22%20class%3D%22cls-1%22%20d%3D%22M342.8%2C0c94.7%2C0%2C255.14%2C30.7%2C219.91%2C89.8-39.5%2C66.3%2C84.98%2C42.9%2C187.29%2C30.2v24H0S0%2C40%2C0%2C40C97.59%2C11.8%2C222.54%2C0%2C342.8%2C0Z%22%2F%3E%3C%2Fsvg%3E');
}
#mainContents #sec6::after {
  background-position: center top;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22sec6_deco.svg%22%20data-name%3D%22sec6%20deco.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20750%20144%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23e2eaf8%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E6%A5%95%E5%86%86%E5%BD%A2_536%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20536%22%20class%3D%22cls-1%22%20d%3D%22M407.2%2C144c-94.7%2C0-255.14-30.7-219.91-89.8C226.79-12.1%2C102.31%2C11.3%2C0%2C24V0s750%2C0%2C750%2C0c0%2C0%2C0%2C104%2C0%2C104-97.59%2C28.2-222.54%2C40-342.8%2C40Z%22%2F%3E%3C%2Fsvg%3E');
}
#mainContents #sec6 .bg {
  margin: -1px 0;
  padding: .5em 0;
  background-color: #e2eaf8;
}
#mainContents #sec6 .secTtl {
  margin: 0 auto 1em;
  text-align: center;
}
#mainContents #sec6 .secTtl .img {
  width: 43.734%;
  margin: 0 auto .5em;
  display: block;
}
#mainContents #sec6 .secTtl .txt {
  font-size: 5.5vw;
  font-weight: 400;
  display: block;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .secTtl .txt {
    font-size: 36px;
  }
}
#mainContents #sec6 .faqs .faq {
  margin-bottom: 1.2em;
  padding: 1em;
  border: .2667vw solid #1b1b1b;
  border-radius: 2vw;
  position: relative;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq {
    border: 2px solid #1b1b1b;
    border-radius: 12px;
  }
}
#mainContents #sec6 .faqs .faq .toggleBtn {
  width: 10.6667vw;
  height: 10.6667vw;
  cursor: pointer;
  background-color: #2359ba;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translate(30%, -50%);
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq .toggleBtn {
    width: 64px;
    height: 64px;
  }
}
#mainContents #sec6 .faqs .faq .toggleBtn:hover {
  background-color: #2865d4;
}
#mainContents #sec6 .faqs .faq .toggleBtn::before,
#mainContents #sec6 .faqs .faq .toggleBtn::after {
  content: '';
  width: 3.8667vw;
  height: .5333vw;
  background-color: #fff;
  border-radius: 1em;
  display: block;
  transition: transform .2s;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq .toggleBtn::before,
  #mainContents #sec6 .faqs .faq .toggleBtn::after {
    width: 23px;
    height: 3px;
  }
}
#mainContents #sec6 .faqs .faq .toggleBtn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mainContents #sec6 .faqs .faq .toggleBtn::after {
  transform: rotate(90deg);
}
#mainContents #sec6 .faqs .faq.active .toggleBtn::after {
  transform: rotate(180deg);
}
#mainContents #sec6 .faqs .faq .faqTtl {
  display: flex;
  justify-content: space-between;
}
#mainContents #sec6 .faqs .faq .faqTtl .icon {
  width: 4.8vw;
  height: 4.8vw;
  margin-top: .2em;
  text-indent: -2em;
  line-height: 1;
  color: transparent;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22faq_q.svg%22%20data-name%3D%22faq%20q.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.78%2035.32%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20isolation%3A%20isolate%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%232359ba%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22cls-1%22%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M35.78%2C35.32c-2.99%2C0-5.57-.64-8.55-2.62-3.17%2C1.75-6.3%2C2.62-10.07%2C2.62-9.38-.05-17.15-8.28-17.15-17.38C0%2C7.4%2C7.96%2C0%2C17.29%2C0c10.03%2C0%2C17.75%2C7.73%2C17.75%2C17.66%2C0%2C4.28-1.29%2C8-4.19%2C11.87%2C1.47.87%2C2.76%2C1.2%2C4.55%2C1.2h.37v4.6ZM30.08%2C17.66c0-6.85-5.52-13.11-12.23-13.11-7.54%2C0-12.88%2C6.21-12.88%2C13.15%2C0%2C1.24.09%2C2.21.46%2C3.5%2C2.07-.83%2C4.28-1.06%2C6.44-1.06%2C4.83%2C0%2C9.75%2C2.12%2C14.95%2C6.39%2C2.25-2.8%2C3.27-5.43%2C3.27-8.88ZM11.41%2C24.7c-1.29%2C0-2.48.09-3.91.78%2C2.39%2C3.31%2C6.25%2C5.29%2C10.16%2C5.29%2C1.98%2C0%2C3.54-.37%2C5.15-1.52-4.28-3.17-7.73-4.55-11.41-4.55Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center top;
  background-size: 100% auto;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq .faqTtl .icon {
    width: 30px;
    height: 30px;
  }
}
#mainContents #sec6 .faqs .faq .faqTtl .ttl {
  width: calc(100% - 1.9em);
  font-size: 4.2vw;
  font-weight: 400;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq .faqTtl .ttl {
    font-size: 25px;
  }
}
#mainContents #sec6 .faqs .faq .faqCont {
  margin-top: 1em;
  padding: 1em 1em 0 0;
  font-size: 3.8vw;
  border-top: .266vw solid #1b1b1b;
}
@media screen and (min-width:751px) {
  #mainContents #sec6 .faqs .faq .faqCont {
    font-size: 25px;
    border-top: 1px solid #1b1b1b;
  }
}
#mainContents #sec6 .faqs .faq .faqCont .txtArea p,
#mainContents #sec6 .faqs .faq .faqCont .txtArea .noteArea {
  margin-bottom: 1em;
}
#mainContents #sec6 .faqs .faq .faqCont .txtArea p:last-child,
#mainContents #sec6 .faqs .faq .faqCont .txtArea .noteArea:last-child {
  margin-bottom: 0;
}
#mainContents #sec6 .faqs .faq .faqCont .txtArea a {
  color: #1b1b1b;
}
#mainContents #sec6 .faqs .faq .faqCont .dlSty1 .block {
  padding-bottom: 2em;
}
#mainContents #sec6 .faqs .faq .faqCont .dlSty1 .block:last-child {
  padding-bottom: 0;
}
#mainContents #sec6 .faqs .faq .faqCont .dlSty1 dt {
  font-weight: 600;
  margin-bottom: .5em;
}
#mainContents #sec6 .linkArea {
  margin-bottom: 1em;
  text-align: center;
}


#mainContents .cta2 {
  margin-bottom: 2em;
}
#mainContents .cta2 .bnrArea1 {
  margin-bottom: 2em;
}
#mainContents .cta2 .btnArea2 .ttl {
  width: 94.394%;
  margin: 0 auto 1.5em;
}
#mainContents .cta2 .btnArea2 a {
  padding: .7em 0;
}


/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  padding: 3.5em 0 calc(2em + 21.0667vw);
  text-align: center;
  color: #fff;
  font-size: 3.4667vw;
  background-color: #2359ba;
  border-radius: 10.6667vw 10.6667vw 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #pageFooter {
    padding: 3.5em 0 calc(2em + 95px);
    font-size: 20px;
  }
}
#pageFooter .btnArea {
  margin-bottom: 2em;
}
#pageFooter .btnArea a {
  padding: .8em 0;
}
#pageFooter .btnArea {
  margin-bottom: 2em;
}
#pageFooter .name {
  margin-bottom: .5em;
  font-size: 123%;
  font-weight: 500;
}
#pageFooter .add {
  margin-bottom: 2em;
  font-size: 70%;
}
#pageFooter .footerNav {
  margin: 0 0 3em;
  text-align: center;
}
#pageFooter .footerNav ul {
  display: flex;
  justify-content: center;
}
#pageFooter .footerNav ul li {
  margin: 0 1em;
}
#pageFooter .footerNav ul li a:link,
#pageFooter .footerNav ul li a:visited {
  color: #fff;
  text-decoration: underline;
}
#pageFooter .footerNav ul li a:hover {
  text-decoration: none;
}
#pageFooter .copyright {
  font-size: 2vw;
}
@media screen and (min-width:751px) {
  #pageFooter .copyright {
    font-size: 14px;
  }
}


/* ---------------------------------------------
.floatingBtn
--------------------------------------------- */
.floatingBtn {
  padding: .9em 0;
  background-color: #1b1b1b;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
@media screen and (min-width:751px) {
  .floatingBtn {
    padding: .5em 0;
  }
}
.floatingBtn .btnArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
}
@media screen and (min-width:751px) {
  .floatingBtn .btnArea {
    gap: 20px;
  }
}
.floatingBtn.active .btnArea {
  transform: translateY(0);
}
.floatingBtn .btnArea li {
  width: 46%;
}
@media screen and (min-width:751px) {
  .floatingBtn .btnArea li {
    width: 290px;
  }
}
.floatingBtn .btnArea li a {
  line-height: 1.2;
  font-size: 3.8vw;
  border-width: 0 !important;
  box-shadow: none !important;
}
@media screen and (min-width:751px) {
  .floatingBtn .btnArea li a {
    font-size: 20px;
  }
}
.floatingBtn .btnArea li a:hover {
  transform: none !important;
}
.floatingBtn .btnArea li a:hover::after {
  right: 1vw;
}