/**
* Foundation
* ========================== */
@import url("https://cdn.jsdelivr.net/npm/destyle.css@4.0.0/destyle.min.css");
* {
  background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
  body::-webkit-scrollbar {
    background-color: #fff;
  }
  body::-webkit-scrollbar-thumb {
    background: #d6d6d6;
    border-radius: 6px;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-track {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
html {
  height: 100%;
  font-size: 62.5%;
  background-color: rgba(31, 41, 108, 0.95);
}

body {
  height: 100svh;
  /*max-width: 428px;*/
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

body, input, select, textarea {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.5;
  font-size: 14px;
  width: 100%;
  color: #000000;
}

.body-wrap {
  overflow-x: hidden;
  background-color: #ffffff;
  position: relative;
}

body.fixed {
  position: fixed;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #000000;
}
a:hover {
  color: #000000;
}

/**
* Layout
* ========================== */
.l-wrap {
  padding-left: 24px;
  padding-right: 24px;
}
.l-wrap.--small {
  padding-left: 12px;
  padding-right: 12px;
}

.l-section {
  padding: 32px 0 0 0;
}
.l-section > *:first-child {
  margin-top: 0;
}
.l-section > *:last-child {
  margin-bottom: 0;
}
.l-section.--huge {
  padding: 140px 0 0 0;
}
.l-section.--large {
  padding: 120px 0 0 0;
}
.l-section.--middle {
  padding: 80px 0 0 0;
}
.l-section.--small {
  padding: 60px 0 0 0;
}
.l-section.--pt-0 {
  padding-top: 0;
}
.l-section.--pb-0 {
  padding-bottom: 0;
}
@media screen and (max-width: 599px) {
  .l-section.--sp-pt-0 {
    padding-top: 0;
  }
  .l-section.--sp-pb-0 {
    padding-bottom: 0;
  }
}

/* Object
* ========================== */
/* Component ------------ */
.c-box-01 {
  background-color: #dceaf0;
  padding: 24px 16px;
  border-radius: 10px;
}

.c-box-02 {
  border: 2px solid #1f296c;
  padding: 24px 16px;
  height: 400px;
  overflow-y: scroll;
}

.c-heading-01 {
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;
  color: #1f296c;
}

/* Project ------------ */
.p-cta-01 {
  margin-top: 24px;
}
.p-cta-01 dd {
  font-size: 11px;
  margin-top: 12px;
}

.p-cta-fixed {
  position: fixed;
  bottom: 12px;
  left: 0;
  padding: 0 12px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.p-cta-fixed.is-show {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 428px) {
  .p-cta-fixed {
    width: 428px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(40px);
            transform: translateX(-50%) translateY(40px);
  }
  .p-cta-fixed.is-show {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}

.p-home-sec01 {
  background-color: #1f296c;
  color: #ffffff;
}

.p-home-sec01__inner {
  padding-top: 24px;
  padding-bottom: 24px;
}

.p-home-sec01__img li + li {
  margin-top: 20px;
}

.p-home-sec01__list {
  margin-top: 20px;
}

.p-home-sec01__sns {
  text-align: center;
  padding: 28px 0;
  background-color: #dceaf0;
}
.p-home-sec01__sns dt {
  font-weight: 700;
  font-size: 18px;
  color: #1f296c;
}
.p-home-sec01__sns dd {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 32px;
}
.p-home-sec01__sns dd div {
  width: 67px;
}

.p-home-sec01__period {
  background-color: #ffdc00;
  padding: 24px 0;
  text-align: center;
  color: #1f296c;
}
.p-home-sec01__period dt {
  font-size: 16px;
  font-weight: 700;
}
.p-home-sec01__period dd {
  font-weight: 900;
  font-size: 18px;
}
.p-home-sec01__period dd span {
  font-size: 21px;
}

.p-home-sec02__list-01 {
  margin-top: 12px;
}

.p-home-sec02__list-02 {
  margin-top: 16px;
}
.p-home-sec02__list-02 > * + * {
  margin-top: 12px;
}

.p-home-sec02__explain {
  margin-top: 20px;
  text-align: center;
}
.p-home-sec02__explain dt {
  background-color: #1f296c;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 9999px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 170px;
  height: 28px;
  line-height: 1;
  margin: 0 auto;
}
.p-home-sec02__explain dd {
  font-weight: 700;
  font-size: 18px;
  margin-top: 12px;
  color: #1f296c;
}

.p-home-sec02__list-03 {
  margin-top: 20px;
}

.p-home-sec03__period {
  margin-top: 20px;
}

.p-home-sec03__list {
  margin-top: 20px;
}

.p-home-sec04__list {
  margin-top: 20px;
}

.p-home-sec04__btn {
  margin: 20px auto 0;
  width: 270px;
}

.p-home-sec05__rules > * {
  background-image: url(../img/cmn-dot-01.webp);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 12px;
}
.p-home-sec05__rules > * + * {
  margin-top: 12px;
}
.p-home-sec05__rules > *:first-child {
  padding-top: 0;
  background: none;
}
.p-home-sec05__rules dl dl dt {
  font-weight: normal;
}
.p-home-sec05__rules a {
  color: #146eff;
  text-decoration: underline;
}
.p-home-sec05__rules a:hover {
  text-decoration: none;
}

.p-home-sec07 {
  padding-bottom: 140px;
}

.p-home-sec07__box {
  border: 2px solid #1f296c;
  border-radius: 20px;
  text-align: center;
  padding: 32px 20px;
}
.p-home-sec07__box > * {
  background-image: url(../img/cmn-dot-01.webp);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 16px;
}
.p-home-sec07__box > * + * {
  margin-top: 16px;
}
.p-home-sec07__box > *:first-child {
  padding-top: 0;
  background: none;
}

.p-faq-01 > dl {
  background-color: #dceaf0;
  padding: 2px;
  border-radius: 10px;
  color: #1f296c;
}
.p-faq-01 > dl dt {
  padding: 12px 40px 12px 12px;
  font-weight: 700;
  background-image: url(../img/cmn-arrow-02.webp);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  cursor: pointer;
}
.p-faq-01 > dl dt.is-open {
  background-image: url(../img/cmn-arrow-01.webp);
}
.p-faq-01 > dl dd {
  background-color: #ffffff;
  font-weight: 500;
  padding: 12px;
  border-radius: 0 0 10px 10px;
}
.p-faq-01 > dl + dl {
  margin-top: 12px;
}
.p-faq-01 .js-accordion-content {
  display: none;
}
.p-faq-01 .js-accordion-trigger {
  cursor: pointer;
}

/* Utility ------------ */
.u-lite {
  font-weight: 300;
}

.u-regular {
  font-weight: 400;
}

.u-medium {
  font-weight: 500;
}

.u-semi-bold {
  font-weight: 600;
}

.u-bold {
  font-weight: 700;
}

.u-txt-center-left {
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .u-txt-center-left {
    text-align: left !important;
  }
}

.u-txt-left-center {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .u-txt-left-center {
    text-align: center !important;
  }
}

.u-fs-11 {
  font-size: 11px;
}
.u-fs-11 > * + * {
  margin-top: 2px;
}

.u-fs-16 {
  font-size: 16px;
}

.u-mt-08 {
  margin-top: 8px;
}

.u-mt-12 {
  margin-top: 12px;
}

.u-mt-16 {
  margin-top: 16px;
}

.u-color-red {
  color: #f00000;
}

/* @import "_00_reset";
@import "_01_base";
@import "_02_component";
@import "_03_header";
@import "_04_footer";
@import "_05_side";
@import "_06_post";
@import "_07_page";
@import "_08_home"; *//*# sourceMappingURL=style.css.map */