@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #333;
  background-color: #fff;
}

.js-scroll {
  overflow-y: hidden !important;
}
.js-scroll .scroll-hint-icon {
  top: calc(50% - 46px);
  left: calc(50% - 75px);
  width: 130px;
}
@media (max-width: 767px) {
  .js-scroll {
    width: calc(100% + 20px);
    margin-left: 0px;
    margin-right: -20px;
    padding-right: 20px;
  }
}

.header-nav-item:not(:first-child)::before {
  content: "｜";
  margin: 0 0.1em;
  color: #333;
}

.tab-active-card::before {
  background-color: #fff4f4 !important;
}

.tab-active-lump::before {
  background-color: #eaf6fb !important;
}

.tab-inactive::before {
  content: none !important;
}

#conditions table {
  letter-spacing: 0.1em;
}
#conditions table th {
  min-width: 94px;
  color: #C47A00;
  text-align: left;
}
#conditions table th, #conditions table td {
  padding-bottom: 10px;
}
@media (max-width: 639px) {
  #conditions tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }
  #conditions th, #conditions td {
    display: block;
    padding-bottom: 4px;
  }
  #conditions th {
    min-width: unset;
  }
}

#overview h2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 48px;
}
#overview table th {
  font-weight: 700;
  min-width: 135px;
  text-align: left;
  padding-left: 25px;
  padding-right: 30px;
}
#overview table th, #overview table td {
  padding-top: 20px;
  padding-bottom: 20px;
}
#overview table td {
  padding-right: 25px;
}
@media (max-width: 639px) {
  #overview table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #overview table th {
    min-width: unset;
    display: block;
    padding: 20px 20px 10px;
  }
  #overview table td {
    display: block;
    padding: 0 20px 20px;
  }
}
#overview .overview-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease;
  transition: max-height 0.35s ease;
}

.flow-section::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 200px;
  width: 4px;
  height: calc(100% - 400px);
  background-color: #ff387a;
  z-index: 0;
}

.menu-button.active .hamburger-line:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.menu-button.active .hamburger-line:nth-child(2) {
  opacity: 0;
}
.menu-button.active .hamburger-line:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}

.mobile-menu.open {
  max-height: 400px;
}

table th, table td {
  vertical-align: middle;
}

.accordion-btn {
  width: 100%;
  background-color: #c07b21;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  gap: 16px;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 639px) {
  .accordion-btn {
    gap: 20px;
  }
}
.accordion-btn::after {
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjQuNTcxNCAxNy44NTcxSDcuNDI4NTdDNy4wNDk2OSAxNy44NTcxIDYuNjg2MzMgMTcuNzA2NiA2LjQxODQyIDE3LjQzODdDNi4xNTA1MSAxNy4xNzA4IDYgMTYuODA3NSA2IDE2LjQyODZDNiAxNi4wNDk3IDYuMTUwNTEgMTUuNjg2MyA2LjQxODQyIDE1LjQxODRDNi42ODYzMyAxNS4xNTA1IDcuMDQ5NjkgMTUgNy40Mjg1NyAxNUgyNC41NzE0QzI0Ljk1MDMgMTUgMjUuMzEzNyAxNS4xNTA1IDI1LjU4MTYgMTUuNDE4NEMyNS44NDk1IDE1LjY4NjMgMjYgMTYuMDQ5NyAyNiAxNi40Mjg2QzI2IDE2LjgwNzUgMjUuODQ5NSAxNy4xNzA4IDI1LjU4MTYgMTcuNDM4N0MyNS4zMTM3IDE3LjcwNjYgMjQuOTUwMyAxNy44NTcxIDI0LjU3MTQgMTcuODU3MVoiIGZpbGw9IiNDMDdCMjEiLz4KICA8cGF0aCBkPSJNMTQuNTcxNiAyNC45OTk5TDE0LjU3MTYgNy44NTcwNEMxNC41NzE2IDcuNDc4MTYgMTQuNzIyMSA3LjExNDc5IDE0Ljk5IDYuODQ2ODlDMTUuMjU3OSA2LjU3ODk4IDE1LjYyMTMgNi40Mjg0NyAxNi4wMDAxIDYuNDI4NDdDMTYuMzc5IDYuNDI4NDcgMTYuNzQyNCA2LjU3ODk4IDE3LjAxMDMgNi44NDY4OUMxNy4yNzgyIDcuMTE0OCAxNy40Mjg3IDcuNDc4MTYgMTcuNDI4NyA3Ljg1NzA0TDE3LjQyODcgMjQuOTk5OUMxNy40Mjg3IDI1LjM3ODggMTcuMjc4MiAyNS43NDIxIDE3LjAxMDMgMjYuMDFDMTYuNzQyNCAyNi4yNzggMTYuMzc5IDI2LjQyODUgMTYuMDAwMSAyNi40Mjg1QzE1LjYyMTMgMjYuNDI4NSAxNS4yNTc5IDI2LjI3OCAxNC45OSAyNi4wMUMxNC43MjIxIDI1Ljc0MjEgMTQuNTcxNiAyNS4zNzg4IDE0LjU3MTYgMjQuOTk5OVoiIGZpbGw9IiNDMDdCMjEiLz4KPC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: auto;
  width: 32px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.accordion-btn:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjQuNTcxNCAxNy44NTcxSDcuNDI4NTdDNy4wNDk2OSAxNy44NTcxIDYuNjg2MzMgMTcuNzA2NiA2LjQxODQyIDE3LjQzODdDNi4xNTA1MSAxNy4xNzA4IDYgMTYuODA3NSA2IDE2LjQyODZDNiAxNi4wNDk3IDYuMTUwNTEgMTUuNjg2MyA2LjQxODQyIDE1LjQxODRDNi42ODYzMyAxNS4xNTA1IDcuMDQ5NjkgMTUgNy40Mjg1NyAxNUgyNC41NzE0QzI0Ljk1MDMgMTUgMjUuMzEzNyAxNS4xNTA1IDI1LjU4MTYgMTUuNDE4NEMyNS44NDk1IDE1LjY4NjMgMjYgMTYuMDQ5NyAyNiAxNi40Mjg2QzI2IDE2LjgwNzUgMjUuODQ5NSAxNy4xNzA4IDI1LjU4MTYgMTcuNDM4N0MyNS4zMTM3IDE3LjcwNjYgMjQuOTUwMyAxNy44NTcxIDI0LjU3MTQgMTcuODU3MVoiIGZpbGw9IiNDMDdCMjEiLz4KPC9zdmc+");
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.faq-btn span {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faq-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease;
  transition: max-height 0.35s ease;
  background-color: #FDF8EC;
}
.faq-body-inner {
  padding: 30px 30px 35px;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.faq-body-inner p + p {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .faq-body-inner {
    padding: 20px;
  }
}

.features-subtitle {
  font-size: 28px;
  font-weight: 700;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  margin: 0 0 57px;
  color: #333;
}
.features-subtitle::before, .features-subtitle::after {
  content: "";
  background-color: #FF9600;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 42px;
  margin: 0 0 0.2em;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  width: 2px;
}
.features-subtitle::before {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.features-subtitle::after {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media (max-width: 767px) {
  .features-subtitle {
    font-size: 22px;
    margin-bottom: 45px;
    line-height: 1.3;
  }
}/*# sourceMappingURL=style.css.map */