@charset "UTF-8";
/*###################################################################
※※※※ 直接編集禁止 ※※※※
このCSSファイルはSassから生成されていますので直接編集しないようご注意ください。
  編集は拡張子「.scss」ファイルを編集して当ファイルにコンパイルしてください。
  もしくは別途cssファイルを作成して読み込ませてください。
###################################################################*/
:root {
  --base: #fff;
  --main: #00BD90;
  --main2: #2FC38F;
  --main3: #00A67E;
  --main4: #00A27B;
  --accent: #FFFC00;
  --text: #000;
}

/*###################################################################
  base（共通設定）
###################################################################*/
/*----------------------------------
  html
----------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  color: var(--text);
  font-family: "Zen Old Mincho", serif;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

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

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  背景色が伸びて出現
----------------------------------*/
@-webkit-keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.header_sticky {
  position: fixed;
  background-color: var(--base);
  background-color: rgba(255, 255, 255, 0.8);
}
.header_sticky .header__inner {
  padding-bottom: 5px;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .header_sticky .header__inner {
    padding-top: 10px;
    padding-right: 10px;
  }
}
.header_sticky .header__logo-link {
  max-width: 193px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .header_sticky .header__logo-link {
    margin-top: 0;
  }
}
.header_sticky .header__title {
  row-gap: 4px;
}
.header_sticky .header__title-bg {
  padding: 2px 0;
}
.header_sticky .header__title-text {
  height: 15px;
  font-size: 0.625rem;
}
.header_sticky .header__group {
  max-width: 300px;
}
@media (max-width: 768px) {
  .header_sticky .header__group {
    max-width: 50px;
  }
}
.header_sticky .header__address {
  display: none;
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-left: clamp(0.625rem, -0.8075633383rem + 2.9806259314vw, 1.875rem);
}
@media (max-width: 768px) {
  .header__inner {
    padding-top: 10px;
    padding-right: 10px;
  }
}
.header__logo-link {
  max-width: clamp(12.0625rem, 0.7452496274rem + 23.5469448584vw, 21.9375rem);
  width: 100%;
  margin-top: clamp(0.625rem, -1.094076006rem + 3.5767511177vw, 2.125rem);
}
@media (max-width: 768px) {
  .header__logo-link {
    margin-top: 0;
  }
}
.header__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.25rem, -0.0365126677rem + 0.5961251863vw, 0.5rem);
}
.header__title-bg {
  max-width: 346px;
  border-top: 1px solid var(--text);
  border-bottom: 1px solid var(--text);
  padding: clamp(0.125rem, -0.0898845007rem + 0.4470938897vw, 0.3125rem) 0;
}
.header__title-text {
  height: clamp(0.9375rem, 0.2212183308rem + 1.4903129657vw, 1.5625rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  color: #141414;
  font-size: clamp(0.625rem, 0.1952309985rem + 0.8941877794vw, 1rem);
}
.header__group {
  max-width: clamp(18.75rem, 4.1378539493rem + 30.4023845007vw, 31.5rem);
  width: 100%;
}
@media (max-width: 768px) {
  .header__group {
    max-width: 50px;
  }
}
.header__menu {
  display: grid;
  grid-template-columns: 80.1587301587% 1fr;
}
.header__contact {
  max-width: 404px;
  width: 100%;
  display: grid;
  grid-template-columns: 66.5841584158% 1fr;
}
@media (max-width: 768px) {
  .header__contact {
    display: none;
  }
}
.header__address {
  height: clamp(1.5rem, 1.0702309985rem + 0.8941877794vw, 1.875rem);
  display: grid;
  place-items: center;
  background-color: #ff0a43;
  color: var(--base);
  font-size: clamp(0.75rem, 0.4634873323rem + 0.5961251863vw, 1rem);
  letter-spacing: 0.1em;
  border-radius: 0 0 0 10px;
}
@media (max-width: 768px) {
  .header__address {
    display: none;
  }
}

@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  footer（module）
###################################################################*/
@media (max-width: 768px) {
  .footer {
    padding-bottom: 55px;
  }
}
.footer__text1 {
  max-width: clamp(45.9375rem, 17.7207681018rem + 58.7084148728vw, 64.6875rem);
  position: relative;
  font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
  line-height: 1.5;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--accent);
          text-decoration-color: var(--accent);
  text-decoration-thickness: clamp(0.625rem, 0.4696132597rem + 0.6629834254vw, 1rem);
  text-underline-offset: calc(clamp(0.25rem, 0.1723066298rem + 0.3314917127vw, 0.4375rem) * -1);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .footer__text1 {
    max-width: clamp(22.375rem, 13.6083015267rem + 37.4045801527vw, 31.5625rem);
    line-height: 1.7;
  }
}
.footer__text1::before, .footer__text1::after {
  content: "";
  width: clamp(1.875rem, -0.4508587786rem + 9.9236641221vw, 4.3125rem);
  aspect-ratio: 69/83;
  position: absolute;
  top: clamp(0.375rem, -2.9169520548rem + 6.8493150685vw, 2.5625rem);
  top: 41px;
}
@media (max-width: 768px) {
  .footer__text1::before, .footer__text1::after {
    top: 27px;
  }
}
.footer__text1::before {
  left: 0;
  background: url(../images/icon-title-deco-2l.svg) no-repeat center center/contain;
}
.footer__text1::after {
  right: 0;
  background: url(../images/icon-title-deco-2r.svg) no-repeat center center/contain;
}
.footer__logo {
  max-width: clamp(18.8125rem, 15.830629771rem + 12.7226463104vw, 21.9375rem);
  display: block;
  margin-top: clamp(1.8125rem, -0.0958969466rem + 8.1424936387vw, 3.8125rem);
  margin-inline: auto;
}
.footer__address {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1em;
  margin-top: clamp(0.9375rem, 0.6393129771rem + 1.272264631vw, 1.25rem);
}
.footer__outer {
  max-width: 1440px;
  margin-top: clamp(1.8125rem, 1.4375rem + 1.6vw, 2.4375rem);
  margin-inline: auto;
}
.footer__body {
  max-width: 1421px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .footer__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
    padding-right: 0;
  }
}
.footer__img {
  max-width: 683px;
  width: 100%;
}
@media (max-width: 768px) {
  .footer__img {
    display: none;
  }
}
.footer__contents {
  max-width: 647px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: clamp(0rem, -4.8770458265rem + 10.147299509vw, 3.875rem);
}
@media (max-width: 768px) {
  .footer__contents {
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem);
  }
}
.footer__contact {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 9px;
     -moz-column-gap: 9px;
          column-gap: 9px;
}
@media (max-width: 1000px) {
  .footer__contact {
    max-width: 325px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 19px;
  }
}
.footer__tel {
  max-width: 333px;
  width: 100%;
  min-height: 4.43125rem;
  background-color: var(--base);
  border: 1px solid #141414;
  padding: 0.345625rem 12px 0;
}
@media (max-width: 1000px) {
  .footer__tel {
    max-width: 303px;
  }
}
@media (max-width: 768px) {
  .footer__tel {
    max-width: 325px;
    min-height: 103px;
    padding-top: 10px;
  }
}
.footer__tel-inner {
  max-width: 307px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .footer__tel-inner {
    max-width: 205px;
  }
}
.footer__tel-title {
  height: 1.03875rem;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 0.6575rem;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .footer__tel-title {
    height: 20px;
    font-size: 0.875rem;
  }
}
.footer__tel-ls {
  letter-spacing: 0.11em;
}
.footer__tel-number {
  font-size: 1.15rem;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 768px) {
  .footer__tel-number {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .footer__tel-en {
    font-size: 1rem;
  }
}
.footer__tel-time {
  font-size: 0.575rem;
  text-align: center;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .footer__tel-time {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}
.footer__web {
  max-width: 303px;
  width: 100%;
  min-height: 71px;
  position: relative;
  background: -webkit-linear-gradient(148.75deg, #02905e 5.22%, #3abfbf 87.7%);
  background: linear-gradient(301.25deg, #02905e 5.22%, #3abfbf 87.7%);
  padding: 5px 10px 0;
}
@media (max-width: 768px) {
  .footer__web {
    max-width: 325px;
    min-height: 83px;
    padding-top: 7px;
  }
}
.footer__web::before {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  right: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  background-color: var(--base);
}
@media (max-width: 768px) {
  .footer__web::before {
    width: 13px;
    bottom: 4px;
    right: 5px;
  }
}
.footer__web-inner {
  max-width: 263px;
  margin-inline: auto;
}
.footer__web-title {
  height: 0.944375rem;
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 8px;
  line-height: 1;
}
@media (max-width: 768px) {
  .footer__web-title {
    max-width: 205px;
    height: 20px;
    font-size: 0.875rem;
    margin-inline: auto;
  }
}
.footer__web-text1 {
  color: var(--base);
  font-size: 1.133125rem;
  text-align: center;
  margin-top: clamp(0.3125rem, 0.1335877863rem + 0.7633587786vw, 0.5rem);
}
@media (max-width: 768px) {
  .footer__web-text1 {
    font-size: 1.25rem;
  }
}
.footer__web-text2 {
  color: var(--base);
  font-size: 0.575rem;
  text-align: center;
  margin-top: clamp(0.375rem, 0.3153625954rem + 0.2544529262vw, 0.4375rem);
}
@media (max-width: 768px) {
  .footer__web-text2 {
    font-size: 0.75rem;
  }
}
.footer__table-wrapper {
  max-width: clamp(22.1875rem, 14.6135496183rem + 32.3155216285vw, 30.125rem);
  width: 100%;
  background-color: var(--main);
  margin-top: clamp(1.5rem, 0.7770522388rem + 3.0845771144vw, 3.4375rem);
  padding: 20px 10px clamp(1.25rem, 1.1903625954rem + 0.2544529262vw, 1.3125rem);
}
.footer__table {
  max-width: 450px;
  width: 100%;
  color: var(--base);
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  margin-inline: auto;
}
.footer__table * {
  letter-spacing: 0.1em;
}
.footer__tr-top {
  border-bottom: 1px solid var(--base);
}
.footer__left {
  width: 34.9%;
  text-align: center;
}
@media (max-width: 768px) {
  .footer__left {
    width: 30.8%;
  }
}
.footer__th {
  padding-bottom: clamp(0.5625rem, 0.3239503817rem + 1.0178117048vw, 0.8125rem);
}
@media (max-width: 768px) {
  .footer__left_time {
    text-align: left;
  }
}
.footer__am {
  padding-top: 14px;
}
@media (max-width: 768px) {
  .footer__am {
    padding-top: 22px;
  }
}
.footer__pm {
  padding-top: 15px;
}
@media (max-width: 768px) {
  .footer__pm {
    padding-top: 19px;
  }
}
.footer__note {
  letter-spacing: 0.1em;
  margin-top: clamp(0.75rem, 0.2729007634rem + 2.0356234097vw, 1.25rem);
}
.footer__map {
  margin-top: clamp(2.3125rem, 0.8875rem + 6.08vw, 4.6875rem);
}
.footer__gmap {
  width: 100%;
  height: clamp(12.5rem, -0.625rem + 56vw, 34.375rem);
}
.footer__copy {
  height: clamp(1.875rem, 0.525rem + 5.76vw, 4.125rem);
  display: grid;
  place-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#c6eeaf), to(#1ac496));
  background: -webkit-linear-gradient(left, #c6eeaf 0%, #1ac496 100%);
  background: linear-gradient(90deg, #c6eeaf 0%, #1ac496 100%);
  color: var(--base);
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
}

.fixed-nav {
  display: none;
}
@media (max-width: 768px) {
  .fixed-nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 55px;
    position: fixed;
    bottom: 0;
    z-index: 5;
  }
}
.fixed-nav__link {
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 1;
}
.fixed-nav__tel {
  row-gap: 10px;
  background-color: var(--base);
  letter-spacing: 0.02em;
  border: 1px solid var(--main);
  padding-top: 6px;
}
.fixed-nav__tel-ls {
  letter-spacing: 0.11em;
}
.fixed-nav__tel-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  font-size: 0.875rem;
}
.fixed-nav__tel-number::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.fixed-nav__tel-title {
  width: 128px;
  height: 15px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 0.625rem;
  letter-spacing: 0.1em;
}
.fixed-nav__web {
  row-gap: 8px;
  background: -webkit-linear-gradient(148.75deg, #008abd 21.47%, #0038f0 100%);
  background: linear-gradient(301.25deg, #008abd 21.47%, #0038f0 100%);
  padding-top: 0.3125rem;
}
.fixed-nav__web-title {
  width: 132px;
  height: 15px;
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 0.625rem;
}
.fixed-nav__web-text1 {
  color: var(--base);
  font-size: 1rem;
}
.fixed-nav__page-top {
  display: grid;
  place-items: center;
  background-color: var(--base);
  border: 1px solid #1b1b4c;
}
.fixed-nav__page-top::before {
  content: "";
  width: 20px;
  aspect-ratio: 20/12;
  background-color: #1b1b4c;
  -webkit-mask-image: url(../images/icon-page-top.svg);
          mask-image: url(../images/icon-page-top.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/*###################################################################
  c-title（module）
###################################################################*/
/*###################################################################
  br（module）
###################################################################*/
.br-1000-b {
  display: none;
}
@media (max-width: 1000px) {
  .br-1000-b {
    display: block;
  }
}
.br-900-b {
  display: none;
}
@media (max-width: 900px) {
  .br-900-b {
    display: block;
  }
}
.br-800-b {
  display: none;
}
@media (max-width: 800px) {
  .br-800-b {
    display: block;
  }
}
.br-sp-b {
  display: none;
}
@media (max-width: 768px) {
  .br-sp-b {
    display: block;
  }
}
.br-600-b {
  display: none;
}
@media (max-width: 600px) {
  .br-600-b {
    display: block;
  }
}
.br-500-b {
  display: none;
}
@media (max-width: 500px) {
  .br-500-b {
    display: block;
  }
}
@media (max-width: 500px) {
  .br-sp-n {
    display: none;
  }
}

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  max-width: 100px;
  aspect-ratio: 100/103;
  position: relative;
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(0.75rem, 0.4634873323rem + 0.5961251863vw, 1rem);
  text-align: center;
  padding-bottom: clamp(0.75rem, -0.3244225037rem + 2.2354694486vw, 1.6875rem);
}
@media (max-width: 768px) {
  .hamburger {
    width: 50px;
    aspect-ratio: 1/1;
    padding-bottom: 5px;
  }
}
.hamburger[aria-expanded=true] .hamburger__line {
  background-color: transparent;
}
.hamburger[aria-expanded=true] .hamburger__line::before {
  -webkit-transform: translateY(-9px) rotate(150deg);
      -ms-transform: translateY(-9px) rotate(150deg);
          transform: translateY(-9px) rotate(150deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(9px) rotate(-150deg);
      -ms-transform: translateY(9px) rotate(-150deg);
          transform: translateY(9px) rotate(-150deg);
}
.hamburger_sticky {
  font-size: 0.75rem;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .hamburger_sticky {
    padding-bottom: 5px;
  }
}
.hamburger_sticky .hamburger__line {
  top: calc(50% - 11px);
}
@media (max-width: 768px) {
  .hamburger_sticky .hamburger__line {
    top: calc(50% - 6px);
  }
}
.hamburger__line {
  width: 33px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: calc(50% - clamp(0.6875rem, 0.3293591654rem + 0.7451564829vw, 1rem));
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: var(--base);
}
@media (max-width: 768px) {
  .hamburger__line {
    width: 30px;
    top: calc(50% - 6px);
  }
}
.hamburger__line::before {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--base);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 9px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--base);
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 320px;
  height: 100vh;
  -webkit-transform: translateX(320px);
      -ms-transform: translateX(320px);
          transform: translateX(320px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--main3);
  z-index: 15;
  overflow: auto;
  overscroll-behavior-y: contain;
  visibility: hidden;
}
.drawer[aria-hidden=false] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.drawer_position {
  position: fixed;
  top: 0;
  right: 0;
}
.drawer__inner {
  padding-bottom: 100px;
}
.drawer__top {
  width: 100%;
  height: 112px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--main3);
  z-index: 1;
}
.drawer__item {
  border-bottom: 1px solid var(--base);
}
.drawer__item:first-of-type {
  border-top: 1px solid var(--base);
}
.drawer__link {
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--base);
  padding-right: 20px;
  padding-left: 20px;
}
.drawer__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 18px;
  margin-top: 15px;
  padding: 0 15px;
}
.drawer__tel {
  max-width: 333px;
  width: 100%;
  min-height: 4.43125rem;
  background-color: var(--base);
  border: 1px solid #141414;
  padding: 0.345625rem 12px 0;
}
@media (max-width: 1000px) {
  .drawer__tel {
    max-width: 303px;
  }
}
@media (max-width: 768px) {
  .drawer__tel {
    max-width: 325px;
    min-height: 103px;
    padding-top: 10px;
  }
}
.drawer__tel-inner {
  max-width: 307px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .drawer__tel-inner {
    max-width: 205px;
  }
}
.drawer__tel-title {
  height: 1.03875rem;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 0.6575rem;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .drawer__tel-title {
    height: 20px;
    font-size: 0.875rem;
  }
}
.drawer__tel-ls {
  letter-spacing: 0.11em;
}
.drawer__tel-number {
  font-size: 1.15rem;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 768px) {
  .drawer__tel-number {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .drawer__tel-en {
    font-size: 1rem;
  }
}
.drawer__tel-time {
  font-size: 0.575rem;
  text-align: center;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .drawer__tel-time {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}
.drawer__web {
  max-width: 303px;
  width: 100%;
  min-height: 71px;
  position: relative;
  background: -webkit-linear-gradient(148.75deg, #02905e 5.22%, #3abfbf 87.7%);
  background: linear-gradient(301.25deg, #02905e 5.22%, #3abfbf 87.7%);
  padding: 5px 10px 0;
}
@media (max-width: 768px) {
  .drawer__web {
    max-width: 325px;
    min-height: 83px;
    padding-top: 7px;
  }
}
.drawer__web::before {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  right: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  background-color: var(--base);
}
@media (max-width: 768px) {
  .drawer__web::before {
    width: 13px;
    bottom: 4px;
    right: 5px;
  }
}
.drawer__web-inner {
  max-width: 263px;
  margin-inline: auto;
}
.drawer__web-title {
  height: 0.944375rem;
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 8px;
  line-height: 1;
}
@media (max-width: 768px) {
  .drawer__web-title {
    max-width: 205px;
    height: 20px;
    font-size: 0.875rem;
    margin-inline: auto;
  }
}
.drawer__web-text1 {
  color: var(--base);
  font-size: 1.133125rem;
  text-align: center;
  margin-top: clamp(0.3125rem, 0.1335877863rem + 0.7633587786vw, 0.5rem);
}
@media (max-width: 768px) {
  .drawer__web-text1 {
    font-size: 1.25rem;
  }
}
.drawer__web-text2 {
  color: var(--base);
  font-size: 0.575rem;
  text-align: center;
  margin-top: clamp(0.375rem, 0.3153625954rem + 0.2544529262vw, 0.4375rem);
}
@media (max-width: 768px) {
  .drawer__web-text2 {
    font-size: 0.75rem;
  }
}

.is-drawer-active {
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .drawer__link {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .drawer__link:hover, .drawer__link:focus {
    background-color: var(--base);
    color: var(--main3);
  }
}
.drawer-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}

.is-drawer-active {
  height: 100%;
  overflow: hidden;
}
.is-drawer-active .drawer-bg {
  visibility: visible;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  height: clamp(15.3125rem, 9.7007042254rem + 23.9436619718vw, 31.25rem);
  display: grid;
  place-items: center;
  position: relative;
  line-height: 1;
}
.lower-mv_invisalign {
  background: url(../images/lower-mv-invisalign.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-invisalign.webp) 1x, url(../images/lower-mv-invisalign@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-invisalign.webp) 1x, url(../images/lower-mv-invisalign@2x.webp) 2x);
}
.lower-mv_reason {
  background: url(../images/lower-mv-reason.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-reason.webp) 1x, url(../images/lower-mv-reason@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-reason.webp) 1x, url(../images/lower-mv-reason@2x.webp) 2x);
}
.lower-mv_flow {
  background: url(../images/lower-mv-flow.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-flow.webp) 1x, url(../images/lower-mv-flow@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-flow.webp) 1x, url(../images/lower-mv-flow@2x.webp) 2x);
}
.lower-mv_fee {
  background: url(../images/lower-mv-fee.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-fee.webp) 1x, url(../images/lower-mv-fee@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-fee.webp) 1x, url(../images/lower-mv-fee@2x.webp) 2x);
}
.lower-mv_doctor {
  background: url(../images/lower-mv-doctor.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-doctor.webp) 1x, url(../images/lower-mv-doctor@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-doctor.webp) 1x, url(../images/lower-mv-doctor@2x.webp) 2x);
}
.lower-mv__title {
  font-size: clamp(1.5rem, 1.235915493rem + 1.1267605634vw, 2.25rem);
  line-height: 1.75;
  text-align: center;
  letter-spacing: 0.1em;
}
.lower-mv__title_inv {
  font-size: clamp(1.25rem, 0.8978873239rem + 1.5023474178vw, 2.25rem);
}
.lower-mv__en {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: calc(clamp(0.125rem, 0.0149647887rem + 0.4694835681vw, 0.4375rem) * -1);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0.3)), to(rgb(0, 189, 144)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 30%, rgb(0, 189, 144) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 30%, rgb(0, 189, 144) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-size: clamp(2.3125rem, 0.926056338rem + 5.9154929577vw, 6.25rem);
  letter-spacing: 0.1em;
}
.lower-mv__en_inv {
  font-size: clamp(2rem, 0.5035211268rem + 6.3849765258vw, 6.25rem);
  bottom: calc(clamp(0.125rem, 0.0149647887rem + 0.4694835681vw, 0.4375rem) * -1);
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
@media (max-width: 768px) {
  .top-mv {
    background-color: #ff0a43;
  }
}
.top-mv__address {
  display: none;
}
@media (max-width: 768px) {
  .top-mv__address {
    height: 45px;
    display: grid;
    place-items: center;
    background-color: #ff0a43;
    color: var(--base);
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
    line-height: 1.4285714286;
    text-align: center;
    letter-spacing: 0.1em;
  }
}
.top-mv__br {
  display: none;
}
@media (max-width: 500px) {
  .top-mv__br {
    display: block;
  }
}

.top-plan {
  background: url(../images/top-plan-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-plan-bg.webp) 1x, url(../images/top-plan-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-plan-bg.webp) 1x, url(../images/top-plan-bg@2x.webp) 2x);
}
@media (max-width: 500px) {
  .top-plan {
    background: url(../images/top-plan-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-plan-bg_sp.webp) 1x, url(../images/top-plan-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-plan-bg_sp.webp) 1x, url(../images/top-plan-bg_sp@2x.webp) 2x);
  }
}
.top-plan_pos {
  margin-top: clamp(0rem, -0.7769337017rem + 3.3149171271vw, 1.875rem);
}
.top-plan__inner {
  max-width: 1019px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 100px 30px 95px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1280px) {
  .top-plan__inner {
    padding: clamp(5.5625rem, 5.2776243094rem + 1.2154696133vw, 6.25rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 99px;
  }
}
.top-plan__text1 {
  max-width: clamp(18.4375rem, 12.9989640884rem + 23.2044198895vw, 31.5625rem);
  width: 100%;
  height: clamp(2.625rem, 1.3042127072rem + 5.635359116vw, 5.8125rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: clamp(0.875rem, 0.6160220994rem + 1.1049723757vw, 1.5rem);
  border-top: clamp(0.0625rem, -0.0151933702rem + 0.3314917127vw, 0.25rem) solid var(--text);
  border-bottom: clamp(0.0625rem, -0.0151933702rem + 0.3314917127vw, 0.25rem) solid var(--text);
}
.top-plan__title {
  max-width: clamp(21.5625rem, 12.7313535912rem + 37.679558011vw, 42.875rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.75rem, 0.0507596685rem + 2.9834254144vw, 2.4375rem);
  position: relative;
  margin-top: clamp(0.5rem, 0.2669198895rem + 0.9944751381vw, 1.0625rem);
}
.top-plan__title::before, .top-plan__title::after {
  content: "";
  width: clamp(2.5rem, 1.9820441989rem + 2.2099447514vw, 3.75rem);
  aspect-ratio: 60/123;
  position: absolute;
  top: clamp(0.9375rem, 0.0310773481rem + 3.8674033149vw, 3.125rem);
}
.top-plan__title::before {
  left: 0;
  background: url(../images/icon-title-deco-1l.svg) no-repeat center center/contain;
}
.top-plan__title::after {
  right: 0;
  background: url(../images/icon-title-deco-1r.svg) no-repeat center center/contain;
}
.top-plan__dot {
  background-image: -webkit-radial-gradient(center, circle, var(--text) 10%, transparent 10%);
  background-image: radial-gradient(circle at center, var(--text) 10%, transparent 10%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.6em; /* 点の間隔とサイズ調整 */
  font-size: clamp(1.5rem, 0.9561464088rem + 2.320441989vw, 2.8125rem);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--accent);
          text-decoration-color: var(--accent);
  text-decoration-thickness: clamp(0.9375rem, 0.6008287293rem + 1.4364640884vw, 1.75rem);
  text-underline-offset: calc(clamp(0.375rem, 0.1678176796rem + 0.8839779006vw, 0.875rem) * -1);
  padding-top: 0.5em; /* 縦方向の位置調整 */
}
@media (max-width: 500px) {
  .top-plan__dot {
    background-size: 1em 1em;
    padding-top: 0.8em;
  }
}
.top-plan__title-text {
  font-size: clamp(1.75rem, 1.0507596685rem + 2.9834254144vw, 3.4375rem);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--accent);
          text-decoration-color: var(--accent);
  text-decoration-thickness: clamp(0.9375rem, 0.6008287293rem + 1.4364640884vw, 1.75rem);
  text-underline-offset: calc(clamp(0.375rem, 0.1678176796rem + 0.8839779006vw, 0.875rem) * -1);
}
.top-plan__en {
  color: var(--main2);
  font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
  margin-top: clamp(1.1875rem, 0.229281768rem + 4.0883977901vw, 3.5rem);
}
.top-plan__text2 {
  font-size: clamp(0.875rem, 0.7714088398rem + 0.4419889503vw, 1.125rem);
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(0.8125rem, 0.1132596685rem + 2.9834254144vw, 2.5rem);
}
@media (max-width: 768px) {
  .top-plan__text2 {
    max-width: clamp(20.3125rem, -2.0515267176rem + 95.4198473282vw, 43.75rem);
    line-height: 1.7857142857;
    text-align: left;
  }
}

.top-consult_pos {
  margin-top: clamp(1.4375rem, -1.6184392265rem + 13.0386740331vw, 8.8125rem);
}
.top-consult__text1 {
  display: none;
}
@media (max-width: 768px) {
  .top-consult__text1 {
    max-width: clamp(20.1875rem, 10.8840648855rem + 39.6946564885vw, 29.9375rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(0.5625rem, -0.0935114504rem + 2.7989821883vw, 1.25rem);
    position: relative;
    font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--accent);
            text-decoration-color: var(--accent);
    text-decoration-thickness: 16px;
    text-underline-offset: -8px;
    margin-inline: auto;
  }
}
.top-consult__text1::before, .top-consult__text1::after {
  content: "";
  width: clamp(1.875rem, -0.4508587786rem + 9.9236641221vw, 4.3125rem);
  aspect-ratio: 69/83;
  position: absolute;
}
@media (max-width: 768px) {
  .top-consult__text1::before, .top-consult__text1::after {
    top: calc(clamp(-0.5rem, -0.9770992366rem + 2.0356234097vw, 0rem) * -1);
  }
}
.top-consult__text1::before {
  left: 0;
  background: url(../images/icon-title-deco-2l.svg) no-repeat center center/contain;
}
.top-consult__text1::after {
  right: 0;
  background: url(../images/icon-title-deco-2r.svg) no-repeat center center/contain;
}
.top-consult__bg {
  position: relative;
  background: url(../images/top-consult-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-consult-bg.webp) 1x, url(../images/top-consult-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-consult-bg.webp) 1x, url(../images/top-consult-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-consult__bg {
    background: url(../images/top-consult-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-consult-bg_sp.webp) 1x, url(../images/top-consult-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-consult-bg_sp.webp) 1x, url(../images/top-consult-bg_sp@2x.webp) 2x);
    margin-top: clamp(1.5625rem, 0.6679389313rem + 3.8167938931vw, 2.5rem);
  }
}
.top-consult__bg::before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  background: url(../images/top-consult-deco-1.webp) repeat-x center center/auto;
  background-image: -webkit-image-set(url(../images/top-consult-deco-1.webp) 1x, url(../images/top-consult-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-consult-deco-1.webp) 1x, url(../images/top-consult-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-consult__bg::before {
    height: 20px;
    background: url(../images/top-consult-deco-1_sp.webp) repeat-x center center/auto;
    background-image: -webkit-image-set(url(../images/top-consult-deco-1_sp.webp) 1x, url(../images/top-consult-deco-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-consult-deco-1_sp.webp) 1x, url(../images/top-consult-deco-1_sp@2x.webp) 2x);
  }
}
.top-consult__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 71px 30px 73px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1280px) {
  .top-consult__inner {
    padding: clamp(2.625rem, 1.8739640884rem + 3.2044198895vw, 4.4375rem) clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) clamp(1.875rem, 0.7613950276rem + 4.7513812155vw, 4.5625rem);
  }
}
.top-consult__title-area {
  position: relative;
}
@media (max-width: 768px) {
  .top-consult__title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 26px;
  }
}
.top-consult__title {
  color: var(--base);
  font-size: clamp(2.625rem, 0.8639502762rem + 7.5138121547vw, 6.875rem);
}
.top-consult__balloon {
  max-width: clamp(7.4375rem, 4.3336594912rem + 6.457925636vw, 9.5rem);
  width: 100%;
  position: absolute;
  top: calc(clamp(-3.6875rem, -8.7665117417rem + 10.5675146771vw, -0.3125rem) * -1);
  left: calc(clamp(5.5625rem, -4.8776908023rem + 21.7221135029vw, 12.5rem) * -1);
}
@media (max-width: 768px) {
  .top-consult__balloon {
    max-width: clamp(7.5rem, 5.5916030534rem + 8.1424936387vw, 9.5rem);
    position: static;
    margin-left: 7px;
  }
}
.top-consult__text2 {
  max-width: clamp(43.375rem, 22.3065068493rem + 43.8356164384vw, 57.375rem);
  width: 100%;
  position: relative;
  color: var(--base);
  font-size: clamp(1.25rem, 0.9392265193rem + 1.3259668508vw, 2rem);
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--base);
          text-decoration-color: var(--base);
  text-decoration-thickness: 2px;
  text-underline-offset: clamp(0.4375rem, 0.061276908rem + 0.782778865vw, 0.6875rem);
  margin-top: calc(clamp(-6.5625rem, -15.0275195695rem + 17.6125244618vw, -0.9375rem) * -1);
}
@media (max-width: 768px) {
  .top-consult__text2 {
    max-width: clamp(22.1875rem, 18.6092557252rem + 15.2671755725vw, 25.9375rem);
    margin-top: 50px;
  }
}
.top-consult__text2::before, .top-consult__text2::after {
  content: "";
  width: 58px;
  aspect-ratio: 58/70;
  position: absolute;
  top: clamp(0.5rem, -1.0989481409rem + 3.3268101761vw, 1.5625rem);
}
@media (max-width: 768px) {
  .top-consult__text2::before, .top-consult__text2::after {
    top: clamp(0.9375rem, 0.1025763359rem + 3.5623409669vw, 1.8125rem);
  }
}
.top-consult__text2::before {
  left: 0;
  background: url(../images/icon-title-deco-2lw.svg) no-repeat center center/contain;
}
.top-consult__text2::after {
  right: 0;
  background: url(../images/icon-title-deco-2rw.svg) no-repeat center center/contain;
}
.top-consult__text3 {
  max-width: clamp(20.0625rem, 9.729281768rem + 44.0883977901vw, 45rem);
  width: 100%;
  height: clamp(3.125rem, 2.0113950276rem + 4.7513812155vw, 5.8125rem);
  display: grid;
  place-items: center;
  position: relative;
  background-color: var(--base);
  font-size: clamp(1.5rem, 0.8784530387rem + 2.6519337017vw, 3rem);
  margin-top: clamp(1rem, 0.3784530387rem + 2.6519337017vw, 2.5rem);
}
.top-consult__text3::before, .top-consult__text3::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--text);
}
.top-consult__text3::before {
  top: clamp(0.201875rem, 0.1560359116rem + 0.1955801105vw, 0.3125rem);
}
.top-consult__text3::after {
  bottom: clamp(0.201875rem, 0.1560359116rem + 0.1955801105vw, 0.3125rem);
}
.top-consult__color {
  color: var(--main3);
}
.top-consult__items1 {
  max-width: 1173px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.25rem, -0.1078244275rem + 1.5267175573vw, 0.625rem) 30px;
  margin-top: clamp(0.375rem, -0.4002862595rem + 3.3078880407vw, 1.1875rem);
}
@media (max-width: 768px) {
  .top-consult__items1 {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-consult__item1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--base);
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  letter-spacing: 0.05em;
}
.top-consult__item1::before {
  content: "";
  width: 30px;
  aspect-ratio: 1/1;
  margin-top: calc(clamp(-0.75rem, -0.8692748092rem + 0.5089058524vw, -0.625rem) * -1);
}
@media (max-width: 768px) {
  .top-consult__item1_1 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.top-consult__item1_1::before {
  background: url(../images/icon-p.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .top-consult__item1_2 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.top-consult__item1_2::before {
  background: url(../images/icon-train.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .top-consult__item1_3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
.top-consult__item1_3::before {
  background: url(../images/icon-car.svg) no-repeat center center/contain;
}
@media (max-width: 500px) {
  .top-consult__item1_3::before {
    margin-top: 3px;
  }
}
.top-consult__number {
  font-size: clamp(1.5rem, 1.2614503817rem + 1.0178117048vw, 1.75rem);
}
.top-consult__walk {
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
}
.top-consult__items2 {
  max-width: 1213px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px clamp(0.9375rem, 0.3411259542rem + 2.5445292621vw, 1.5625rem);
  margin-top: clamp(1.1875rem, 0.2333015267rem + 4.0712468193vw, 2.1875rem);
}
@media (max-width: 768px) {
  .top-consult__items2 {
    max-width: clamp(20.3125rem, 3.9122137405rem + 69.9745547074vw, 37.5rem);
  }
}
.top-consult__item2 {
  min-height: clamp(3.75rem, 2.6213307241rem + 2.3483365949vw, 4.5rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background-color: var(--main3);
  outline: 1px solid var(--base);
  outline-offset: calc(clamp(0.375rem, 0.2455110497rem + 0.5524861878vw, 0.6875rem) * -1);
  padding: 20px 20px;
}
@media (max-width: 768px) {
  .top-consult__item2 {
    padding: 20px 0 clamp(1.0625rem, 0.8835877863rem + 0.7633587786vw, 1.25rem);
    min-height: 100px;
  }
}
.top-consult__item2-inner {
  max-width: 514px;
  margin-inline: auto;
}
.top-consult__item2-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(0.625rem, -1.25rem + 3.90625vw, 1.875rem);
     -moz-column-gap: clamp(0.625rem, -1.25rem + 3.90625vw, 1.875rem);
          column-gap: clamp(0.625rem, -1.25rem + 3.90625vw, 1.875rem);
  color: var(--base);
  font-size: clamp(0.875rem, 0.7714088398rem + 0.4419889503vw, 1.125rem);
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .top-consult__item2-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(0.5rem, 0.3807251908rem + 0.5089058524vw, 0.625rem);
    text-align: center;
  }
}
.top-consult__item2-text::before {
  content: "";
  width: clamp(1.083125rem, 0.7808977901rem + 1.2895027624vw, 1.8125rem);
  aspect-ratio: 29/24;
  background: url(../images/icon-check-1.svg) no-repeat center center/contain;
}

.top-contact {
  position: relative;
  background: url(../images/top-contact-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-contact-bg.webp) 1x, url(../images/top-contact-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-contact-bg.webp) 1x, url(../images/top-contact-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-contact {
    background: url(../images/top-contact-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-contact-bg_sp.webp) 1x, url(../images/top-contact-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-contact-bg_sp.webp) 1x, url(../images/top-contact-bg_sp@2x.webp) 2x);
  }
}
.top-contact::before {
  content: "";
  width: clamp(15.555rem, 1.413778626rem + 60.3358778626vw, 30.375rem);
  aspect-ratio: 486/51;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/top-contact-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-contact-deco-1.webp) 1x, url(../images/top-contact-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-contact-deco-1.webp) 1x, url(../images/top-contact-deco-1@2x.webp) 2x);
}
.top-contact__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 62px 30px 62px;
}
@media (max-width: 1280px) {
  .top-contact__inner {
    padding: clamp(2.875rem, 1.9208015267rem + 4.0712468193vw, 3.875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(2.5rem, 1.1879770992rem + 5.5979643766vw, 3.875rem);
  }
}
.top-contact__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 15px;
}
@media (max-width: 768px) {
  .top-contact__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-contact__tel {
  max-width: 660px;
  width: 100%;
  min-height: clamp(6.25rem, 3.8048664122rem + 10.4325699746vw, 8.8125rem);
  background-color: var(--base);
  padding: clamp(0.4375rem, 0.1989503817rem + 1.0178117048vw, 0.6875rem) 20px 0;
}
@media (max-width: 768px) {
  .top-contact__tel {
    max-width: clamp(20.3125rem, 3.9122137405rem + 69.9745547074vw, 37.5rem);
  }
}
.top-contact__tel-inner {
  max-width: 610px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-contact__tel-inner {
    max-width: clamp(12.8125rem, -8.358778626rem + 90.3307888041vw, 35rem);
  }
}
.top-contact__tel-title {
  height: clamp(1.25rem, 0.4747137405rem + 3.3078880407vw, 2.0625rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(0.875rem, 0.4640982824rem + 1.7531806616vw, 1.305625rem);
  letter-spacing: 0.02em;
}
.top-contact__tel-ls {
  letter-spacing: 0.11em;
}
.top-contact__tel-number {
  font-size: clamp(1.5rem, 0.784351145rem + 3.0534351145vw, 2.25rem);
  margin-top: clamp(0.5625rem, 0.3239503817rem + 1.0178117048vw, 0.8125rem);
  text-align: center;
}
@media (max-width: 768px) {
  .top-contact__tel-en {
    font-size: clamp(1rem, 0.5229007634rem + 2.0356234097vw, 1.5rem);
  }
}
.top-contact__tel-time {
  font-size: clamp(0.875rem, 0.6197519084rem + 1.0890585242vw, 1.1425rem);
  text-align: center;
  margin-top: 10px;
}
.top-contact__web {
  max-width: clamp(20.3125rem, 3.9122137405rem + 69.9745547074vw, 37.5rem);
  width: 100%;
  min-height: clamp(5.1875rem, 1.7285305344rem + 14.7582697201vw, 8.8125rem);
  position: relative;
  background: -webkit-linear-gradient(148.75deg, #02905e 5.22%, #3abfbf 87.7%);
  background: linear-gradient(301.25deg, #02905e 5.22%, #3abfbf 87.7%);
  padding: clamp(0.375rem, 0.1364503817rem + 1.0178117048vw, 0.625rem) 20px 0;
}
@media (max-width: 768px) {
  .top-contact__web {
    border: 1px solid var(--base);
  }
}
.top-contact__web::before {
  content: "";
  width: 13px;
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  right: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  background-color: var(--base);
}
.top-contact__web-inner {
  max-width: 522px;
  margin-inline: auto;
}
.top-contact__web-title {
  height: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 0.875rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .top-contact__web-title {
    max-width: clamp(12.8125rem, -6.0925572519rem + 80.6615776081vw, 32.625rem);
    margin-inline: auto;
  }
}
.top-contact__web-text1 {
  color: var(--base);
  font-size: clamp(1.75rem, 0.997553816rem + 1.5655577299vw, 2.25rem);
  text-align: center;
  margin-top: clamp(0.3125rem, -0.2838740458rem + 2.5445292621vw, 0.9375rem);
}
@media (max-width: 768px) {
  .top-contact__web-text1 {
    font-size: clamp(1.25rem, 0.2958015267rem + 4.0712468193vw, 2.25rem);
  }
}
.top-contact__web-text2 {
  color: var(--base);
  font-size: clamp(0.9375rem, 0.6289970646rem + 0.6418786693vw, 1.1425rem);
  text-align: center;
  margin-top: clamp(0.4375rem, 0.2585877863rem + 0.7633587786vw, 0.625rem);
}
@media (max-width: 768px) {
  .top-contact__web-text2 {
    font-size: clamp(0.75rem, 0.3921755725rem + 1.5267175573vw, 1.125rem);
  }
}

.top-trouble {
  position: relative;
  z-index: 1;
  background: url(../images/top-trouble-bg.webp) no-repeat left bottom/cover;
  background-image: -webkit-image-set(url(../images/top-trouble-bg.webp) 1x, url(../images/top-trouble-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-trouble-bg.webp) 1x, url(../images/top-trouble-bg@2x.webp) 2x);
  padding-top: 32px;
}
@media (max-width: 768px) {
  .top-trouble {
    background: url(../images/top-trouble-bg_sp.webp) no-repeat left bottom/cover;
    background-image: -webkit-image-set(url(../images/top-trouble-bg_sp.webp) 1x, url(../images/top-trouble-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-trouble-bg_sp.webp) 1x, url(../images/top-trouble-bg_sp@2x.webp) 2x);
    padding-top: 41px;
  }
}
.top-trouble__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1rem, 0.4043508287rem + 2.5414364641vw, 2.4375rem);
  color: var(--base);
  line-height: 1;
}
.top-trouble__jp {
  max-width: clamp(19.375rem, 11.5150207182rem + 33.5359116022vw, 38.34375rem);
  width: 100%;
  position: relative;
}
.top-trouble__jp::before, .top-trouble__jp::after {
  content: "";
  width: clamp(1rem, 0.6374309392rem + 1.546961326vw, 1.875rem);
  height: clamp(2.25rem, 1.783839779rem + 1.9889502762vw, 3.375rem);
  -webkit-clip-path: polygon(69.5% 0%, 100% 0%, 30.5% 100%, 0% 100%);
          clip-path: polygon(69.5% 0%, 100% 0%, 30.5% 100%, 0% 100%);
  position: absolute;
  top: 0;
  background-color: #3abfbf;
}
.top-trouble__jp::before {
  left: calc(clamp(0.3125rem, 0.2348066298rem + 0.3314917127vw, 0.5rem) * -1);
}
.top-trouble__jp::after {
  right: calc(clamp(0.3125rem, 0.2348066298rem + 0.3314917127vw, 0.5rem) * -1);
}
.top-trouble__jp-text {
  width: 100%;
  height: clamp(2.25rem, 1.783839779rem + 1.9889502762vw, 3.375rem);
  -webkit-clip-path: polygon(3.5% 0%, 100% 0%, 96.5% 100%, 0% 100%);
          clip-path: polygon(3.5% 0%, 100% 0%, 96.5% 100%, 0% 100%);
  display: grid;
  place-items: center;
  background-color: rgba(47, 195, 143, 0.8);
  font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
}
.top-trouble__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.375rem, 0.3131906077rem + 4.5303867403vw, 3.9375rem);
     -moz-column-gap: clamp(1.375rem, 0.3131906077rem + 4.5303867403vw, 3.9375rem);
          column-gap: clamp(1.375rem, 0.3131906077rem + 4.5303867403vw, 3.9375rem);
  font-size: clamp(3rem, 0.9281767956rem + 8.8397790055vw, 8rem);
  letter-spacing: 0.05em;
}
.top-trouble__en::before, .top-trouble__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--base);
  margin-top: clamp(0.0625rem, -0.3518646409rem + 1.7679558011vw, 1.0625rem);
}
.top-trouble__inner {
  max-width: 1236px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(1.875rem, 1.5171755725rem + 1.5267175573vw, 2.25rem);
  padding-bottom: 59px;
}
@media (max-width: 768px) {
  .top-trouble__inner {
    max-width: 600px;
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) 234px;
  }
}
.top-trouble__items {
  max-width: clamp(26.5rem, -9.8995841487rem + 75.7338551859vw, 50.6875rem);
  container: top-trouble-items/inline-size;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.75rem, 0.185665362rem + 1.1741682975vw, 1.125rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .top-trouble__items {
    max-width: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -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: 14px 15px;
  }
}
.top-trouble__item {
  container: top-trouble-item/inline-size;
  display: grid;
  grid-template-columns: 6.8564036223cqw 1fr;
}
@media (max-width: 768px) {
  .top-trouble__item {
    max-width: clamp(10.625rem, 4.0648854962rem + 27.989821883vw, 17.5rem);
    width: 100%;
    display: block;
    position: relative;
    border-bottom: 2px solid #1b1b4c;
  }
}
.top-trouble__item:nth-of-type(odd) {
  padding-right: clamp(0.625rem, -2.0085616438rem + 5.4794520548vw, 2.375rem);
}
@media (max-width: 768px) {
  .top-trouble__item:nth-of-type(odd) {
    padding-right: 0;
  }
}
.top-trouble__item:nth-of-type(even) {
  padding-left: clamp(0.625rem, -2.0085616438rem + 5.4794520548vw, 2.375rem);
}
@media (max-width: 768px) {
  .top-trouble__item:nth-of-type(even) {
    padding-left: 0;
  }
}
.top-trouble__check {
  display: grid;
  place-items: center;
  background-color: #1b1b4c;
  border-bottom: 0.2587322122cqw solid #1b1b4c;
}
@media (max-width: 768px) {
  .top-trouble__check {
    width: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem);
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
  }
}
.top-trouble__check::before {
  content: "";
  width: 3.7516170763cqw;
  aspect-ratio: 16/13;
  background: url(../images/icon-check-1.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .top-trouble__check::before {
    width: clamp(0.9625rem, 0.4496183206rem + 2.1882951654vw, 1.5rem);
  }
}
.top-trouble__text {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 3.1047865459cqw;
  letter-spacing: -0.02em;
  border-bottom: 0.2587322122cqw solid #1b1b4c;
  padding: 1.7076326003cqw 0;
  padding-left: 2.5873221216cqw;
}
@media (max-width: 768px) {
  .top-trouble__text {
    min-height: clamp(6.65625rem, 4.0620229008rem + 11.0687022901vw, 9.375rem);
    -webkit-align-content: inherit;
        -ms-flex-line-pack: inherit;
            align-content: inherit;
    display: grid;
    place-items: center;
    font-size: clamp(1rem, 0.8807251908rem + 0.5089058524vw, 1.125rem);
    line-height: 1.25;
    text-align: center;
    border-bottom: 2px solid #1b1b4c;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .top-trouble__text_s {
    font-size: clamp(0.875rem, 0.6364503817rem + 1.0178117048vw, 1.125rem);
    line-height: 1.4285714286;
  }
}

.top-about {
  position: relative;
}
@media (max-width: 768px) {
  .top-about {
    padding-top: 58px;
  }
}
@media (max-width: 768px) {
  .top-about::before {
    content: "";
    width: clamp(15.555rem, 3.2029007634rem + 52.7022900763vw, 28.5rem);
    aspect-ratio: 486/51;
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/top-contact-deco-1.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-contact-deco-1.webp) 1x, url(../images/top-contact-deco-1@2x.webp) 2x);
    background-image: image-set(url(../images/top-contact-deco-1.webp) 1x, url(../images/top-contact-deco-1@2x.webp) 2x);
  }
}
.top-about__sp-text {
  display: none;
}
@media (max-width: 768px) {
  .top-about__sp-text {
    max-width: clamp(21.75rem, 10.4188931298rem + 48.3460559796vw, 33.625rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
    position: relative;
    font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--accent);
            text-decoration-color: var(--accent);
    text-decoration-thickness: 10px;
    text-underline-offset: -5px;
    margin-inline: auto;
  }
}
.top-about__sp-text::before, .top-about__sp-text::after {
  content: "";
  width: clamp(1.875rem, -0.4508587786rem + 9.9236641221vw, 4.3125rem);
  aspect-ratio: 69/83;
  position: absolute;
}
@media (max-width: 768px) {
  .top-about__sp-text::before, .top-about__sp-text::after {
    top: calc(clamp(-1.4375rem, -1.9742366412rem + 2.2900763359vw, -0.875rem) * -1);
  }
}
.top-about__sp-text::before {
  left: 0;
  background: url(../images/icon-title-deco-2l.svg) no-repeat center center/contain;
}
.top-about__sp-text::after {
  right: 0;
  background: url(../images/icon-title-deco-2r.svg) no-repeat center center/contain;
}
.top-about__bg {
  position: relative;
  z-index: 1;
  background-color: var(--main4);
  padding-top: clamp(2.5625rem, 1.3101145038rem + 5.3435114504vw, 3.875rem);
}
@media (max-width: 768px) {
  .top-about__bg {
    margin-top: clamp(2.0625rem, 1.6450381679rem + 1.7811704835vw, 2.5rem);
  }
}
.top-about__bg::before {
  content: "";
  width: 100%;
  height: 437px;
  position: absolute;
  top: -2px;
  z-index: -1;
  background: url(../images/top-about-bg-1.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/top-about-bg-1.webp) 1x, url(../images/top-about-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-about-bg-1.webp) 1x, url(../images/top-about-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-about__bg::before {
    height: 249px;
    top: 0;
    background: url(../images/top-about-bg-1_sp.webp) repeat-x left center/auto;
    background-image: -webkit-image-set(url(../images/top-about-bg-1_sp.webp) 1x, url(../images/top-about-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-about-bg-1_sp.webp) 1x, url(../images/top-about-bg-1_sp@2x.webp) 2x);
  }
}
.top-about__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.3125rem, 0.7686464088rem + 2.320441989vw, 2.625rem);
  color: var(--base);
  line-height: 1;
}
.top-about__jp {
  font-size: clamp(1.5rem, 0.9561464088rem + 2.320441989vw, 2.8125rem);
  line-height: 1.4583333333;
  text-align: center;
}
.top-about__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.375rem, -0.1788674033rem + 6.6298342541vw, 5.125rem);
     -moz-column-gap: clamp(1.375rem, -0.1788674033rem + 6.6298342541vw, 5.125rem);
          column-gap: clamp(1.375rem, -0.1788674033rem + 6.6298342541vw, 5.125rem);
  font-size: clamp(3rem, 0.9281767956rem + 8.8397790055vw, 8rem);
  letter-spacing: 0.05em;
}
.top-about__en::before, .top-about__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--base);
  margin-top: clamp(0.0625rem, -0.9734116022rem + 4.4198895028vw, 2.5625rem);
}
.top-about__inner {
  max-width: 1001px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: calc(clamp(-0.625rem, -1.1688535912rem + 2.320441989vw, 0.6875rem) * -1);
  padding-bottom: 83px;
}
@media (max-width: 768px) {
  .top-about__inner {
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) clamp(2.5rem, -0.0644083969rem + 10.941475827vw, 5.1875rem);
  }
}
.top-about__img {
  max-width: clamp(18.73rem, 8.3625966851rem + 44.2342541436vw, 43.75rem);
  margin-inline: auto;
}
.top-about__subtitle {
  color: #fefbaf;
  font-size: clamp(1.5rem, 1.1374309392rem + 1.546961326vw, 2.375rem);
  line-height: 1.4583333333;
  text-align: center;
  white-space: pre-line;
  margin-top: calc(clamp(-0.625rem, -2.4378453039rem + 7.7348066298vw, 3.75rem) * -1);
}
.top-about__text1 {
  color: var(--base);
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  margin-top: clamp(1.25rem, 0.4150763359rem + 3.5623409669vw, 2.125rem);
}
@media (max-width: 768px) {
  .top-about__text1 {
    max-width: clamp(20.3125rem, -2.0515267176rem + 95.4198473282vw, 43.75rem);
    line-height: 1.6666666667;
    text-align: left;
    margin-inline: auto;
  }
}
.top-about__box {
  height: 250px;
  background-color: var(--base);
  margin-top: 25px;
  padding: clamp(0.9375rem, -0.4937977099rem + 6.106870229vw, 2.4375rem) clamp(0.75rem, 0.5710877863rem + 0.7633587786vw, 0.9375rem) 30px;
}
@media (max-width: 768px) {
  .top-about__box {
    height: 265px;
    margin-top: 30px;
  }
}
.top-about__box-body {
  max-width: 928px;
  height: 185px;
  overflow-y: auto;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-about__box-body {
    height: 212px;
  }
}
.top-about__box-body::-webkit-scrollbar {
  width: 3px;
}
.top-about__box-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-about__box-body::-webkit-scrollbar-thumb {
  background-color: var(--text);
}
.top-about__box-inner {
  max-width: 931px;
  margin-inline: auto;
  padding-right: 10px;
  padding-left: clamp(0.1875rem, -0.2299618321rem + 1.7811704835vw, 0.625rem);
}
.top-about__box-title {
  font-size: clamp(1rem, 0.8807251908rem + 0.5089058524vw, 1.125rem);
  font-weight: bold;
  line-height: 1.5625;
  text-align: center;
}
.top-about__box-text {
  font-size: 1rem;
  line-height: 1.5;
  white-space: pre-line;
  margin-top: clamp(1.25rem, 0.4150763359rem + 3.5623409669vw, 2.125rem);
}
@media (max-width: 768px) {
  .top-about__box-text {
    max-width: clamp(18rem, -3.8869274809rem + 93.3842239186vw, 40.9375rem);
  }
}

.top-merit {
  background: url(../images/top-merit-bg.webp) repeat top left/auto;
  background-image: -webkit-image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
}
.top-merit__inner {
  max-width: 1290px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 76px 30px 100px;
}
@media (max-width: 1280px) {
  .top-merit__inner {
    padding: clamp(2.5625rem, 0.4751908397rem + 8.9058524173vw, 4.75rem) clamp(0.5625rem, -0.6898854962rem + 5.3435114504vw, 1.875rem) clamp(2.8125rem, 0.6375rem + 9.28vw, 6.4375rem);
  }
}
.top-merit__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 20px;
}
.top-merit__jp {
  width: 100%;
  height: 56px;
  display: grid;
  place-items: center;
  font-size: clamp(1.125rem, 0.9696132597rem + 0.6629834254vw, 1.5rem);
  line-height: 1.3888888889;
  text-align: center;
  border-top: 1px solid var(--text);
  border-bottom: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-merit__jp {
    height: 61px;
  }
}
.top-merit__en {
  font-size: clamp(3rem, 1.8087016575rem + 5.0828729282vw, 5.875rem);
  line-height: 1;
}
.top-merit__items {
  max-width: 1169px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 113px clamp(0.9375rem, -5.8924672489rem + 10.9170305677vw, 2.5rem);
  margin-top: clamp(1.875rem, 0.15rem + 7.36vw, 4.75rem);
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .top-merit__items {
    max-width: 748px;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5625rem, -0.8497807018rem + 10.2923976608vw, 7.0625rem) 40px;
  }
}
@media (max-width: 700px) {
  .top-merit__items {
    max-width: 374px;
    grid-template-columns: 1fr;
  }
}
.top-merit__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.top-merit__img {
  border-right: clamp(0.3125rem, 0.0709685115rem + 1.0305343511vw, 0.565625rem) solid;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#38e5a8), to(#00ced0)) 1;
  -webkit-border-image: -webkit-linear-gradient(bottom, #38e5a8 0%, #00ced0 100%) 1;
       -o-border-image: linear-gradient(0deg, #38e5a8 0%, #00ced0 100%) 1;
          border-image: -webkit-gradient(linear, left bottom, left top, from(#38e5a8), to(#00ced0)) 1;
          border-image: linear-gradient(0deg, #38e5a8 0%, #00ced0 100%) 1;
}
.top-merit__box {
  background-color: var(--base);
  border-bottom: clamp(0.3125rem, 0.0709685115rem + 1.0305343511vw, 0.565625rem) solid;
  border-right: clamp(0.3125rem, 0.0709685115rem + 1.0305343511vw, 0.565625rem) solid;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 189, 144)), to(rgb(56, 229, 168))) 1;
  -webkit-border-image: -webkit-linear-gradient(bottom, rgb(0, 189, 144) 0%, rgb(56, 229, 168) 100%) 1;
       -o-border-image: linear-gradient(0deg, rgb(0, 189, 144) 0%, rgb(56, 229, 168) 100%) 1;
          border-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 189, 144)), to(rgb(56, 229, 168))) 1;
          border-image: linear-gradient(0deg, rgb(0, 189, 144) 0%, rgb(56, 229, 168) 100%) 1;
  padding: 1px 10px 25px;
}
.top-merit__box_s {
  min-height: 282px;
}
@media (max-width: 768px) {
  .top-merit__box_s {
    min-height: 279px;
  }
}
.top-merit__box_l {
  min-height: 309px;
}
@media (max-width: 768px) {
  .top-merit__box_l {
    min-height: 307px;
  }
}
.top-merit__box-inner {
  max-width: 263px;
  margin-inline: auto;
}
.top-merit__number {
  max-width: 135px;
  margin-top: -46px;
  margin-inline: auto;
}
.top-merit__number img {
  aspect-ratio: 135/75;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.top-merit__item-title {
  max-width: 263px;
  width: 100%;
  font-size: 1.358125rem;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid var(--text);
  padding-bottom: 13px;
  margin-top: 1px;
}
.top-merit__text {
  font-size: 1.01875rem;
  line-height: 1.6;
  margin-top: 21px;
}

.top-reason {
  overflow: hidden;
  position: relative;
  padding-bottom: 56px;
}
@media (max-width: 768px) {
  .top-reason {
    padding-bottom: 0;
  }
}
.top-reason::before {
  content: "";
  max-width: clamp(14.625rem, 0.2258287293rem + 61.4364640884vw, 49.375rem);
  width: 100%;
  aspect-ratio: 790/100;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/top-reason-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-reason-deco-1.webp) 1x, url(../images/top-reason-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-reason-deco-1.webp) 1x, url(../images/top-reason-deco-1@2x.webp) 2x);
}
.top-reason__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
  padding-top: clamp(1.5rem, -0.1833563536rem + 7.182320442vw, 5.5625rem);
}
.top-reason__outer::before, .top-reason__outer::after {
  content: "";
  width: 669px;
  aspect-ratio: 669/543;
  position: absolute;
  z-index: -1;
}
@media (max-width: 768px) {
  .top-reason__outer::before, .top-reason__outer::after {
    content: none;
  }
}
.top-reason__outer::before {
  top: 402px;
  left: -24.3%;
  background: url(../images/top-reason-deco-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-reason-deco-2.webp) 1x, url(../images/top-reason-deco-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-reason-deco-2.webp) 1x, url(../images/top-reason-deco-2@2x.webp) 2x);
}
.top-reason__outer::after {
  bottom: -56px;
  right: -5.3%;
  background: url(../images/top-reason-deco-3.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-reason-deco-3.webp) 1x, url(../images/top-reason-deco-3@2x.webp) 2x);
  background-image: image-set(url(../images/top-reason-deco-3.webp) 1x, url(../images/top-reason-deco-3@2x.webp) 2x);
}
.top-reason__text1 {
  max-width: clamp(45.9375rem, 17.7207681018rem + 58.7084148728vw, 64.6875rem);
  position: relative;
  font-size: clamp(1.125rem, 0.7624309392rem + 1.546961326vw, 2rem);
  line-height: 1.5;
  text-align: center;
  white-space: pre-line;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--accent);
          text-decoration-color: var(--accent);
  text-decoration-thickness: clamp(0.625rem, 0.4696132597rem + 0.6629834254vw, 1rem);
  text-underline-offset: calc(clamp(0.25rem, 0.1723066298rem + 0.3314917127vw, 0.4375rem) * -1);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-reason__text1 {
    max-width: clamp(22.375rem, 13.6083015267rem + 37.4045801527vw, 31.5625rem);
    line-height: 1.7;
  }
}
.top-reason__text1::before, .top-reason__text1::after {
  content: "";
  width: clamp(1.875rem, -0.4508587786rem + 9.9236641221vw, 4.3125rem);
  aspect-ratio: 69/83;
  position: absolute;
  top: clamp(2.5625rem, -1.7640655577rem + 9.0019569472vw, 5.4375rem);
}
@media (max-width: 768px) {
  .top-reason__text1::before, .top-reason__text1::after {
    top: 57px;
  }
}
.top-reason__text1::before {
  left: 0;
  background: url(../images/icon-title-deco-2l.svg) no-repeat center center/contain;
}
.top-reason__text1::after {
  right: 0;
  background: url(../images/icon-title-deco-2r.svg) no-repeat center center/contain;
}
.top-reason__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.5625rem, 0.9150552486rem + 2.7624309392vw, 3.125rem);
  margin-top: clamp(1.9375rem, 0.7979972376rem + 4.861878453vw, 4.6875rem);
}
.top-reason__jp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.125rem, 1.0732044199rem + 0.2209944751vw, 1.25rem);
  line-height: 1;
}
.top-reason__jp-s {
  font-size: clamp(1rem, 0.6892265193rem + 1.3259668508vw, 1.75rem);
  letter-spacing: 0.05em;
}
.top-reason__jp-l {
  font-size: clamp(1.5rem, 1.033839779rem + 1.9889502762vw, 2.625rem);
  letter-spacing: 0.05em;
}
.top-reason__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(3.0625rem, 2.6481353591rem + 1.7679558011vw, 4.0625rem);
     -moz-column-gap: clamp(3.0625rem, 2.6481353591rem + 1.7679558011vw, 4.0625rem);
          column-gap: clamp(3.0625rem, 2.6481353591rem + 1.7679558011vw, 4.0625rem);
  letter-spacing: 0.05em;
}
.top-reason__en::before, .top-reason__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: #141414;
  margin-top: clamp(0.0625rem, -0.9734116022rem + 4.4198895028vw, 2.5625rem);
  margin-top: clamp(-0.375rem, -0.6080801105rem + 0.9944751381vw, 0.1875rem);
}
.top-reason__en-img {
  max-width: clamp(13.5625rem, 4.3428867403rem + 39.3370165746vw, 35.8125rem);
  width: 100%;
}
.top-reason__inner {
  max-width: 1360px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.0625rem, 0.6122237569rem + 6.1878453039vw, 5.5625rem);
}
@media (max-width: 1480px) {
  .top-reason__inner {
    padding: 0 clamp(0.625rem, -1.0014805415rem + 3.3840947547vw, 1.875rem);
  }
}
@media (max-width: 768px) {
  .top-reason__inner {
    max-width: 600px;
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.top-reason__body {
  max-width: 1356px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, 0rem + 8vw, 5rem);
}
.top-reason__item {
  max-width: 1289px;
  width: 100%;
  display: grid;
}
@media (max-width: 768px) {
  .top-reason__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.top-reason__item_1 {
  grid-template-columns: 50.5818463926% 1fr;
  margin-left: auto;
}
.top-reason__item_2 {
  grid-template-columns: 1fr 50.4266873545%;
}
.top-reason__box {
  position: relative;
  z-index: 1;
  background-color: var(--base);
  border: 1px solid var(--text);
  padding: clamp(1.25rem, -2.4909052453rem + 7.7834179357vw, 4.125rem) clamp(0.9375rem, 0.1242597293rem + 1.6920473773vw, 1.5625rem) 30px;
}
@media (max-width: 768px) {
  .top-reason__box {
    padding: 53px 20px 49px;
  }
}
.top-reason__box::before, .top-reason__box::after {
  content: "";
  width: clamp(2.5rem, 0.6295473773rem + 3.8917089679vw, 3.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: clamp(0.5rem, -0.3945642978rem + 1.8612521151vw, 1.1875rem);
  border-top: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box::before, .top-reason__box::after {
    width: 45px;
    top: 10px;
  }
}
.top-reason__box::before {
  left: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-left: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box::before {
    left: 10px;
  }
}
.top-reason__box::after {
  right: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-right: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box::after {
    right: 10px;
  }
}
@media (max-width: 768px) {
  .top-reason__box_2 {
    padding-bottom: 43px;
  }
}
.top-reason__box-inner {
  margin-inline: auto;
}
.top-reason__box-inner::before, .top-reason__box-inner::after {
  content: "";
  width: clamp(2.5rem, 0.6295473773rem + 3.8917089679vw, 3.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  bottom: clamp(0.5rem, -0.3945642978rem + 1.8612521151vw, 1.1875rem);
  border-bottom: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box-inner::before, .top-reason__box-inner::after {
    width: 45px;
    bottom: 10px;
  }
}
.top-reason__box-inner::before {
  left: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-left: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box-inner::before {
    left: 10px;
  }
}
.top-reason__box-inner::after {
  right: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-right: 1px solid var(--text);
}
@media (max-width: 768px) {
  .top-reason__box-inner::after {
    right: 10px;
  }
}
.top-reason__box-inner_1 {
  max-width: 501px;
}
.top-reason__box-inner_2 {
  max-width: 532px;
}
.top-reason__box-content {
  position: relative;
  z-index: 1;
}
.top-reason__number {
  font-size: clamp(1.125rem, 0.1653764805rem + 1.9966159052vw, 1.8625rem);
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
}
.top-reason__item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.5625rem, -0.4947123519rem + 2.1996615905vw, 1.375rem);
  font-size: clamp(1rem, 0.0241116751rem + 2.0304568528vw, 1.75rem);
  line-height: 1.7;
  text-align: center;
  white-space: pre-line;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .top-reason__item-title {
    row-gap: 20px;
    font-size: 1.125rem;
    line-height: 1.3888888889;
    margin-top: 14px;
  }
}
.top-reason__item-title::after {
  content: "";
  width: 121px;
  aspect-ratio: 121/2;
  background: url(../images/icon-title-deco-3.svg) no-repeat center center/contain;
}
.top-reason__text {
  font-size: clamp(0.875rem, 0.6472927242rem + 0.4737732657vw, 1.05rem);
  line-height: 1.8;
  white-space: pre-line;
  margin-top: clamp(0.4375rem, -0.7823604061rem + 2.538071066vw, 1.375rem);
}
@media (max-width: 768px) {
  .top-reason__text {
    max-width: clamp(17.875rem, -0.5340909091rem + 78.5454545455vw, 31.375rem);
    margin-top: 20px;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .top-reason__text_1 {
    line-height: 2.1428571429;
  }
}
.top-reason__text_2 {
  max-width: 502px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-reason__text_2 {
    max-width: clamp(17.875rem, -0.5340909091rem + 78.5454545455vw, 31.375rem);
    font-size: 1.045625rem;
  }
}
.top-reason__deco {
  position: absolute;
  top: 0;
  z-index: -1;
  background-color: #d0e3ec;
  background-image: -webkit-repeating-linear-gradient(left, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
}
.top-reason__deco_1 {
  max-width: clamp(7.0625rem, -2.8590313029rem + 20.6429780034vw, 14.6875rem);
  width: 100%;
  aspect-ratio: 235/205;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
  left: 0;
}
@media (max-width: 768px) {
  .top-reason__deco_1 {
    max-width: 235px;
  }
}
.top-reason__deco_2 {
  max-width: clamp(7.0625rem, 0.8005499154rem + 13.0287648054vw, 11.875rem);
  width: 100%;
  aspect-ratio: 190/218;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
          clip-path: polygon(100% 0, 0 0, 100% 100%);
  right: 0;
  background-image: -webkit-repeating-linear-gradient(bottom, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(0deg, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
}
@media (max-width: 768px) {
  .top-reason__deco_2 {
    max-width: 235px;
    aspect-ratio: 235/205;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
            clip-path: polygon(0 0, 0% 100%, 100% 0);
    right: inherit;
    left: 0;
    background-image: -webkit-repeating-linear-gradient(left, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
    background-image: repeating-linear-gradient(90deg, #f7ffdd, #f7ffdd 2px, transparent 2px, transparent 4px);
  }
}
.top-reason__img_2 {
  grid-area: 1/1/2/2;
}
.top-reason__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-csl {
  position: relative;
}
.top-csl::before {
  content: "";
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  background: url(../images/top-csl-deco-1.webp) repeat-x center center/auto;
  background-image: -webkit-image-set(url(../images/top-csl-deco-1.webp) 1x, url(../images/top-csl-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-csl-deco-1.webp) 1x, url(../images/top-csl-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-csl::before {
    height: 20px;
    background: url(../images/top-consult-deco-1_sp.webp) repeat-x center center/auto;
    background-image: -webkit-image-set(url(../images/top-consult-deco-1_sp.webp) 1x, url(../images/top-consult-deco-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-consult-deco-1_sp.webp) 1x, url(../images/top-consult-deco-1_sp@2x.webp) 2x);
  }
}
.top-csl::after {
  content: "";
  width: 100%;
  height: clamp(29.4375rem, 27.8137254902rem + 6.9281045752vw, 32.75rem);
  position: absolute;
  top: 0;
  z-index: -1;
  background-color: rgba(255, 251, 175, 0.7);
}
@media (max-width: 768px) {
  .top-csl::after {
    height: clamp(44.625rem, 36.3950381679rem + 35.1145038168vw, 53.25rem);
  }
}
.top-csl_pos {
  margin-top: clamp(3rem, 2.8210877863rem + 0.7633587786vw, 3.1875rem);
}
.top-csl__inner {
  max-width: 1080px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
  padding-top: 59px;
}
@media (max-width: 768px) {
  .top-csl__inner {
    max-width: 600px;
    padding: clamp(2.5rem, 1.366889313rem + 4.834605598vw, 3.6875rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 0;
  }
}
.top-csl__title {
  max-width: clamp(38.125rem, 23.8746630728rem + 29.6495956873vw, 45rem);
  font-size: clamp(1rem, 0.693627451rem + 1.3071895425vw, 1.625rem);
  line-height: 1.7;
  text-align: center;
  white-space: pre-line;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--text);
  margin-inline: auto;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .top-csl__title {
    max-width: 500px;
    line-height: 1.5625;
  }
}
.top-csl__text {
  font-size: clamp(1rem, 0.9387254902rem + 0.2614379085vw, 1.125rem);
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .top-csl__text {
    line-height: 1.875;
    text-align: left;
    margin-top: 21px;
  }
}
.top-csl__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .top-csl__items {
    max-width: clamp(20rem, 9.2652671756rem + 45.8015267176vw, 31.25rem);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem) 20px;
    margin-top: 25px;
    margin-inline: auto;
  }
}
.top-csl__item {
  max-width: 255px;
  width: 100%;
}

.top-cf {
  position: relative;
}
.top-cf::before {
  content: "";
  max-width: clamp(9.375rem, -1.3424295775rem + 45.7276995305vw, 39.8125rem);
  width: 100%;
  aspect-ratio: 637/655;
  position: absolute;
  top: calc(clamp(-4.8125rem, -4.9665492958rem + 0.6572769953vw, -4.375rem) * -1);
  left: 0;
  background: url(../images/top-cf-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-cf-deco-1.webp) 1x, url(../images/top-cf-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-cf-deco-1.webp) 1x, url(../images/top-cf-deco-1@2x.webp) 2x);
}
.top-cf::after {
  content: "";
  width: 100%;
  height: 521px;
  position: absolute;
  bottom: 0;
  background: url(../images/top-cf-bg.webp) repeat-x bottom center/auto;
  background-image: -webkit-image-set(url(../images/top-cf-bg.webp) 1x, url(../images/top-cf-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-cf-bg.webp) 1x, url(../images/top-cf-bg@2x.webp) 2x);
}
.top-cf_pos {
  margin-top: clamp(3.0625rem, 2.0006906077rem + 4.5303867403vw, 5.625rem);
}
.top-cf__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1rem, 0.2748618785rem + 3.0939226519vw, 2.75rem);
  position: relative;
  z-index: 1;
}
.top-cf__jp {
  font-size: clamp(1.125rem, 0.658839779rem + 1.9889502762vw, 2.25rem);
  letter-spacing: 0.05em;
}
.top-cf__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(2.8125rem, -2.7367906067rem + 11.5459882583vw, 6.5rem);
     -moz-column-gap: clamp(2.8125rem, -2.7367906067rem + 11.5459882583vw, 6.5rem);
          column-gap: clamp(2.8125rem, -2.7367906067rem + 11.5459882583vw, 6.5rem);
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .top-cf__en {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.top-cf__en::before, .top-cf__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: #141414;
  margin-top: clamp(0.0625rem, -0.9734116022rem + 4.4198895028vw, 2.5625rem);
  margin-top: clamp(-0.375rem, -0.6080801105rem + 0.9944751381vw, 0.1875rem);
}
@media (max-width: 768px) {
  .top-cf__en::before, .top-cf__en::after {
    content: none;
  }
}
.top-cf__en-img {
  max-width: clamp(21.625rem, 6.5006906077rem + 64.5303867403vw, 58.125rem);
  width: 100%;
}
.top-cf__inner {
  max-width: 1274px;
  position: relative;
  z-index: 1;
  margin-top: clamp(3.375rem, 3.1960877863rem + 0.7633587786vw, 3.5625rem);
  margin-inline: auto;
  padding-right: clamp(0rem, -40.3125rem + 100vw, 1.875rem);
  padding-bottom: clamp(3.125rem, 1.5744274809rem + 6.6157760814vw, 4.75rem);
  padding-left: clamp(0.9375rem, -0.234375rem + 5vw, 1.875rem);
}
.top-cf__table-wapper {
  overflow-x: auto;
}
@media (max-width: 675px) {
  .top-cf__table-wapper {
    padding-right: clamp(0.9375rem, -0.234375rem + 5vw, 1.875rem);
  }
}
.top-cf__table-wapper.is-scrollable {
  cursor: -webkit-grab;
  cursor: grab;
}
.top-cf__table-wapper.is-scrollable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.top-cf__table {
  width: 100%;
  min-width: 600px;
  font-size: clamp(0.55625rem, -0.0802980132rem + 1.5066225166vw, 1.125rem);
}
.top-cf__bdt {
  border-top: 2px solid #4a4a4a;
}
.top-cf__left {
  background-color: var(--main);
  color: var(--base);
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid var(--base);
}
.top-cf__th {
  width: 27.4299835255%;
  color: var(--base);
  font-size: clamp(0.74125rem, -0.1079470199rem + 2.0099337748vw, 1.5rem);
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  padding: clamp(0.25rem, -0.1347268212rem + 0.9105960265vw, 0.59375rem) 0;
}
.top-cf__th_1 {
  background-color: #016ab4;
}
.top-cf__th_2 {
  background-color: #b565d9;
}
.top-cf__th_3 {
  background-color: #fd686e;
}
.top-cf__img-area {
  padding: clamp(0.5625rem, -0.2069536424rem + 1.821192053vw, 1.25rem) 5px;
}
.top-cf__y {
  background-color: #fffbb9;
}
.top-cf__img {
  max-width: clamp(8.494375rem, -1.2350165563rem + 23.0281456954vw, 17.1875rem);
  margin-inline: auto;
}
.top-cf__bdb {
  border-bottom: 3px solid #d9d9d9;
}
.top-cf__td {
  line-height: 1.75;
  text-align: center;
  vertical-align: middle;
  white-space: pre-line;
  padding: clamp(0.35625rem, -0.1543874172rem + 1.2086092715vw, 0.8125rem) 0;
}
.top-cf__symbol {
  font-size: clamp(0.865rem, -0.1254966887rem + 2.3443708609vw, 1.75rem);
}
.top-cf__w {
  background-color: var(--base);
  border-left: 3px solid #d9d9d9;
}

.top-flow {
  background: url(../images/top-merit-bg.webp) repeat top left/auto;
  background-image: -webkit-image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  padding-top: clamp(3.0625rem, 1.6122237569rem + 6.1878453039vw, 6.5625rem);
}
.top-flow__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1rem, 0.4561464088rem + 2.320441989vw, 2.3125rem);
  position: relative;
  z-index: 1;
}
.top-flow__jp {
  font-size: clamp(1.125rem, 0.658839779rem + 1.9889502762vw, 2.25rem);
  letter-spacing: 0.05em;
}
.top-flow__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(clamp(-5.125rem, -5.9278314917rem + 3.4254143646vw, -3.1875rem) * -1);
     -moz-column-gap: calc(clamp(-5.125rem, -5.9278314917rem + 3.4254143646vw, -3.1875rem) * -1);
          column-gap: calc(clamp(-5.125rem, -5.9278314917rem + 3.4254143646vw, -3.1875rem) * -1);
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .top-flow__en {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.top-flow__en::before, .top-flow__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: #141414;
  margin-top: clamp(0.0625rem, -0.9734116022rem + 4.4198895028vw, 2.5625rem);
  margin-top: clamp(-0.375rem, -0.6080801105rem + 0.9944751381vw, 0.1875rem);
}
.top-flow__en-img {
  max-width: clamp(9.4375rem, 2.9630524862rem + 27.6243093923vw, 25.0625rem);
  width: 100%;
}
.top-flow__inner {
  max-width: 1230px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(1.4375rem, 0.5569751381rem + 3.7569060773vw, 3.5625rem);
  padding-bottom: 103px;
}
@media (max-width: 1000px) {
  .top-flow__inner {
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) clamp(3.125rem, 1.1375rem + 8.48vw, 6.4375rem);
  }
}
.top-flow__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.9375rem, 1.0375rem + 3.84vw, 3.4375rem);
}
.top-flow__item {
  background-color: var(--base);
  padding: clamp(1.25rem, 0.481557377rem + 3.2786885246vw, 3.125rem) clamp(0.625rem, 0.3268129771rem + 1.272264631vw, 0.9375rem) clamp(1.875rem, 1.362704918rem + 2.1857923497vw, 3.125rem);
}
.top-flow__item-inner {
  max-width: 1130px;
  margin-inline: auto;
}
.top-flow__item-title-bg {
  height: clamp(2.5rem, 1.8596311475rem + 2.7322404372vw, 4.0625rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#afedee), color-stop(46.63%, #afeec0), color-stop(75%, #c6eeaf), color-stop(87.5%, #e1eeaf));
  background: -webkit-linear-gradient(left, #afedee 0%, #afeec0 46.63%, #c6eeaf 75%, #e1eeaf 87.5%);
  background: linear-gradient(90deg, #afedee 0%, #afeec0 46.63%, #c6eeaf 75%, #e1eeaf 87.5%);
  padding-left: clamp(1.0625rem, 0.7807377049rem + 1.2021857923vw, 1.75rem);
}
.top-flow__item-title-bg::before, .top-flow__item-title-bg::after {
  content: "";
  width: clamp(0.4375rem, 0.2325819672rem + 0.8743169399vw, 0.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  left: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-left: 1px solid var(--text);
}
.top-flow__item-title-bg::before {
  top: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-top: 1px solid var(--text);
}
.top-flow__item-title-bg::after {
  bottom: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-bottom: 1px solid var(--text);
}
.top-flow__item-title-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
     -moz-column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
          column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
}
.top-flow__item-title-col::before, .top-flow__item-title-col::after {
  content: "";
  width: clamp(0.4375rem, 0.2325819672rem + 0.8743169399vw, 0.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  right: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-right: 1px solid var(--text);
}
.top-flow__item-title-col::before {
  top: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-top: 1px solid var(--text);
}
.top-flow__item-title-col::after {
  bottom: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-bottom: 1px solid var(--text);
}
.top-flow__number {
  width: clamp(1.875rem, 1.2218237705rem + 2.7868852459vw, 3.46875rem);
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background: -webkit-linear-gradient(308.91deg, rgba(56, 229, 168, 0.996) 29.15%, #2fc38f 29.15%);
  background: linear-gradient(141.09deg, rgba(56, 229, 168, 0.996) 29.15%, #2fc38f 29.15%);
  color: var(--base);
  font-size: clamp(1.125rem, 0.868852459rem + 1.0928961749vw, 1.75rem);
  border-radius: 50%;
}
.top-flow__item-title {
  font-size: clamp(1.125rem, 0.868852459rem + 1.0928961749vw, 1.75rem);
}
.top-flow__text {
  font-size: clamp(1rem, 0.9487704918rem + 0.218579235vw, 1.125rem);
  line-height: 2;
  margin-top: clamp(1.25rem, 1.1475409836rem + 0.4371584699vw, 1.5rem);
}
@media (max-width: 768px) {
  .top-flow__text {
    line-height: 1.875;
  }
}
.top-flow__contact {
  max-width: 1119px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 25px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-flow__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 20px;
    margin-top: 29px;
  }
}
.top-flow__tel {
  max-width: 577px;
  width: 100%;
  min-height: clamp(6.25rem, 4.8783396947rem + 5.8524173028vw, 7.6875rem);
  background-color: var(--base);
  border: 1px solid #141414;
  padding: clamp(0.4375rem, 0.2585877863rem + 0.7633587786vw, 0.625rem) 20px 0;
}
@media (max-width: 768px) {
  .top-flow__tel {
    max-width: clamp(20.3125rem, 8.3253816794rem + 51.1450381679vw, 32.875rem);
  }
}
.top-flow__tel-inner {
  max-width: 533px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-flow__tel-inner {
    max-width: clamp(12.8125rem, -8.358778626rem + 90.3307888041vw, 35rem);
  }
}
.top-flow__tel-title {
  height: clamp(1.25rem, 0.7234017176rem + 2.2468193384vw, 1.801875rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(0.875rem, 0.6215410305rem + 1.0814249364vw, 1.140625rem);
  letter-spacing: 0.02em;
}
.top-flow__tel-ls {
  letter-spacing: 0.11em;
}
.top-flow__tel-number {
  font-size: clamp(1.5rem, 1.0407919847rem + 1.9592875318vw, 1.98125rem);
  margin-top: clamp(0.5625rem, 0.5028625954rem + 0.2544529262vw, 0.625rem);
  text-align: center;
}
@media (max-width: 768px) {
  .top-flow__tel-en {
    font-size: clamp(1rem, 0.5229007634rem + 2.0356234097vw, 1.5rem);
  }
}
.top-flow__tel-time {
  font-size: clamp(0.875rem, 0.757514313rem + 0.5012722646vw, 0.998125rem);
  text-align: center;
  margin-top: 8px;
}
.top-flow__web {
  max-width: clamp(20.3125rem, 8.3253816794rem + 51.1450381679vw, 32.875rem);
  width: 100%;
  min-height: clamp(5.3125rem, 3.046278626rem + 9.6692111959vw, 7.6875rem);
  position: relative;
  background: -webkit-linear-gradient(148.75deg, #02905e 5.22%, #3abfbf 87.7%);
  background: linear-gradient(301.25deg, #02905e 5.22%, #3abfbf 87.7%);
  padding: clamp(0.375rem, 0.2115935115rem + 0.6972010178vw, 0.54625rem) 20px 0;
}
@media (max-width: 768px) {
  .top-flow__web {
    border: 1px solid var(--base);
  }
}
.top-flow__web::before {
  content: "";
  width: 13px;
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  right: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  background-color: var(--base);
}
.top-flow__web-inner {
  max-width: 456px;
  margin-inline: auto;
}
.top-flow__web-title {
  height: clamp(1.25rem, 0.8796517176rem + 1.5801526718vw, 1.638125rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 0.764375rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .top-flow__web-title {
    max-width: clamp(12.8125rem, -6.0925572519rem + 80.6615776081vw, 32.625rem);
    font-size: 0.875rem;
    margin-inline: auto;
  }
}
.top-flow__web-text1 {
  color: var(--base);
  font-size: clamp(1.625rem, 1.1123960372rem + 1.0665362035vw, 1.965625rem);
  text-align: center;
  margin-top: clamp(0.3125rem, -0.2838740458rem + 2.5445292621vw, 0.9375rem);
}
@media (max-width: 768px) {
  .top-flow__web-text1 {
    font-size: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-flow__web-text2 {
  color: var(--base);
  font-size: clamp(0.9375rem, 0.8462659002rem + 0.1898238748vw, 0.998125rem);
  text-align: center;
  margin-top: clamp(0.375rem, 0.3153625954rem + 0.2544529262vw, 0.4375rem);
}
@media (max-width: 768px) {
  .top-flow__web-text2 {
    font-size: clamp(0.75rem, 0.3921755725rem + 1.5267175573vw, 1.125rem);
  }
}
.top-flow__items2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px 5px;
  margin-top: 21px;
}
@media (max-width: 768px) {
  .top-flow__items2 {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    margin-top: 30px;
  }
}
.top-flow__item2 {
  max-width: clamp(10rem, 6.3376669847rem + 15.6259541985vw, 13.838125rem);
  width: 100%;
  height: clamp(3.125rem, 2.2304389313rem + 3.8167938931vw, 4.0625rem);
  display: grid;
  place-items: center;
  font-size: clamp(0.875rem, 0.6364503817rem + 1.0178117048vw, 1.125rem);
  border-radius: 9999px;
  border: 1px dashed var(--text);
}

.top-fee {
  position: relative;
  z-index: 1;
  background-color: var(--main4);
  padding-top: clamp(2.5625rem, -3.2689579256rem + 12.133072407vw, 6.4375rem);
}
.top-fee::before {
  content: "";
  width: 100%;
  height: 473px;
  position: absolute;
  top: -2px;
  z-index: -1;
  background: url(../images/top-fee-bg-1.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/top-fee-bg-1.webp) 1x, url(../images/top-fee-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-fee-bg-1.webp) 1x, url(../images/top-fee-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-fee::before {
    height: 167px;
    top: 0;
    background: url(../images/top-fee-bg-1_sp.webp) repeat-x left center/auto;
    background-image: -webkit-image-set(url(../images/top-fee-bg-1_sp.webp) 1x, url(../images/top-fee-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-fee-bg-1_sp.webp) 1x, url(../images/top-fee-bg-1_sp@2x.webp) 2x);
  }
}
.top-fee::after {
  content: "";
  width: 100%;
  height: 473px;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: url(../images/top-fee-bg-2.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/top-fee-bg-2.webp) 1x, url(../images/top-fee-bg-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-fee-bg-2.webp) 1x, url(../images/top-fee-bg-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-fee::after {
    height: 167px;
    bottom: 0;
    background: url(../images/top-fee-bg-2_sp.webp) repeat-x left center/auto;
    background-image: -webkit-image-set(url(../images/top-fee-bg-2_sp.webp) 1x, url(../images/top-fee-bg-2_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-fee-bg-2_sp.webp) 1x, url(../images/top-fee-bg-2_sp@2x.webp) 2x);
  }
}
.top-fee_pos {
  margin-top: clamp(0rem, -2.4397208122rem + 5.076142132vw, 1.875rem);
}
.top-fee__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.6875rem, 0.2990331492rem + 1.6574585635vw, 1.625rem);
  color: var(--base);
  line-height: 1;
}
.top-fee__jp {
  font-size: clamp(1.125rem, 0.658839779rem + 1.9889502762vw, 2.25rem);
  line-height: 1.4583333333;
  text-align: center;
}
.top-fee__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(clamp(-6.5625rem, -8.0386740331rem + 6.2983425414vw, -3rem) * -1);
     -moz-column-gap: calc(clamp(-6.5625rem, -8.0386740331rem + 6.2983425414vw, -3rem) * -1);
          column-gap: calc(clamp(-6.5625rem, -8.0386740331rem + 6.2983425414vw, -3rem) * -1);
  font-size: clamp(3rem, 0.9281767956rem + 8.8397790055vw, 8rem);
  letter-spacing: 0.05em;
}
.top-fee__en::before, .top-fee__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--base);
  margin-top: clamp(0.0625rem, -0.403660221rem + 1.9889502762vw, 1.1875rem);
}
.top-fee__inner {
  max-width: 1120px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.9375rem, 1.3977272727rem + 2.303030303vw, 3.125rem);
  margin-top: 41px;
  padding-bottom: clamp(4.6875rem, 4.2045454545rem + 2.0606060606vw, 5.75rem);
}
@media (max-width: 768px) {
  .top-fee__inner {
    margin-top: 49px;
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(4.6875rem, 4.2045454545rem + 2.0606060606vw, 5.75rem);
  }
}
.top-fee__body-title {
  max-width: clamp(17.3125rem, -0.3863636364rem + 75.5151515152vw, 56.25rem);
  height: clamp(2.3125rem, -0.1022727273rem + 10.303030303vw, 7.625rem);
  display: grid;
  place-items: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 93.7% 48%, 100% 100%, 0 100%, 6.3% 50%);
          clip-path: polygon(0 0, 100% 0, 93.7% 48%, 100% 100%, 0 100%, 6.3% 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#00ced0), color-stop(39.22%, #1ac496));
  background: -webkit-linear-gradient(top, #00ced0 0%, #1ac496 39.22%);
  background: linear-gradient(180deg, #00ced0 0%, #1ac496 39.22%);
  color: var(--base);
  font-size: clamp(0.9625rem, -0.0204545455rem + 4.1939393939vw, 3.125rem);
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-inline: auto;
}
.top-fee__box {
  background-color: var(--base);
  -webkit-box-shadow: 4px 4px 4px rgba(83, 83, 83, 0.5);
          box-shadow: 4px 4px 4px rgba(83, 83, 83, 0.5);
  margin-top: calc(clamp(1.1875rem, -0.0056818182rem + 5.0909090909vw, 3.8125rem) * -1);
  padding: clamp(1.9375rem, 0.0625rem + 8vw, 6.0625rem) clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem) clamp(1.125rem, -0.9204545455rem + 8.7272727273vw, 5.625rem);
}
.top-fee__box-inner {
  max-width: 835px;
  margin-inline: auto;
}
.top-fee__text-l {
  font-size: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem);
  text-align: center;
}
.top-fee__text1 {
  position: relative;
  letter-spacing: 0.05em;
  padding-bottom: clamp(0.25rem, -0.1193181818rem + 1.5757575758vw, 1.0625rem);
}
.top-fee__text1::before, .top-fee__text1::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--main);
}
.top-fee__text1::before {
  max-width: clamp(10.625rem, -0.2556818182rem + 46.4242424242vw, 34.5625rem);
  width: 100%;
  height: clamp(0.019375rem, -0.0002272727rem + 0.0836363636vw, 0.0625rem);
  bottom: 0;
}
.top-fee__text1::after {
  max-width: clamp(2.0625rem, 0.0738636364rem + 8.4848484848vw, 6.4375rem);
  width: 100%;
  height: clamp(0.6875rem, 0.0056818182rem + 2.9090909091vw, 2.1875rem);
  -webkit-clip-path: polygon(0 0, 50% 98%, 100% 0);
          clip-path: polygon(0 0, 50% 98%, 100% 0);
  top: 99%;
}
.top-fee__text2 {
  font-size: clamp(0.625rem, 0.3977272727rem + 0.9696969697vw, 1.125rem);
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(1.3125rem, 0.2329545455rem + 4.6060606061vw, 3.6875rem);
}
@media (max-width: 768px) {
  .top-fee__text2 {
    max-width: clamp(20rem, -1.9465648855rem + 93.6386768448vw, 43rem);
    margin-inline: auto;
  }
}
.top-fee__fee {
  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: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
     -moz-column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
          column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
}
.top-fee__fee_1 {
  margin-top: clamp(0.8125rem, -0.4659090909rem + 5.4545454545vw, 3.625rem);
}
.top-fee__fee-number {
  font-size: clamp(1.231875rem, -0.0263636364rem + 5.3684848485vw, 4rem);
  font-weight: bold;
  letter-spacing: 0.05em;
}
.top-fee__fee-text {
  font-size: clamp(0.61625rem, -0.0127272727rem + 2.6836363636vw, 2rem);
}
.top-fee__text3 {
  margin-top: clamp(0.875rem, 0.1363636364rem + 3.1515151515vw, 2.5rem);
}
.top-fee__text4 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
     -moz-column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
          column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
  font-size: clamp(0.6875rem, 0.2045454545rem + 2.0606060606vw, 1.75rem);
  letter-spacing: 0.05em;
  margin-top: clamp(0.4375rem, 0.3522727273rem + 0.3636363636vw, 0.625rem);
  margin-inline: auto;
}
.top-fee__text4::before {
  content: "";
  min-width: clamp(0.9375rem, -0.0852272727rem + 4.3636363636vw, 3.1875rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-loan.svg) no-repeat center center/contain;
}
.top-fee__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.5rem, -0.4375rem + 4vw, 2.5625rem);
  margin-top: clamp(0.4375rem, -0.5568181818rem + 4.2424242424vw, 2.625rem);
}
.top-fee__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.4375rem, 0.2386363636rem + 0.8484848485vw, 0.875rem);
}
.top-fee__plan {
  font-size: clamp(0.75rem, 0.0681818182rem + 2.9090909091vw, 2.25rem);
  text-align: center;
  letter-spacing: 0.05em;
}

.top-greet {
  background: url(../images/top-greet-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-greet-bg.webp) 1x, url(../images/top-greet-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-greet-bg.webp) 1x, url(../images/top-greet-bg@2x.webp) 2x);
  padding-top: clamp(2.3125rem, 0.7rem + 6.88vw, 5rem);
  padding-bottom: clamp(11.125rem, 8.8718922652rem + 9.6132596685vw, 16.5625rem);
}
@media (max-width: 768px) {
  .top-greet {
    background: url(../images/top-greet-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-greet-bg_sp.webp) 1x, url(../images/top-greet-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-greet-bg_sp.webp) 1x, url(../images/top-greet-bg_sp@2x.webp) 2x);
  }
}
.top-greet__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.125rem, 0.2962707182rem + 3.5359116022vw, 3.125rem);
     -moz-column-gap: clamp(1.125rem, 0.2962707182rem + 3.5359116022vw, 3.125rem);
          column-gap: clamp(1.125rem, 0.2962707182rem + 3.5359116022vw, 3.125rem);
  color: var(--base);
  font-size: clamp(3rem, 0.9281767956rem + 8.8397790055vw, 8rem);
  letter-spacing: 0.05em;
}
.top-greet__en::before, .top-greet__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--base);
  margin-top: clamp(0.0625rem, -0.403660221rem + 1.9889502762vw, 1.1875rem);
}
.top-greet__jp {
  display: none;
}
@media (max-width: 768px) {
  .top-greet__jp {
    display: block;
    color: var(--base);
    font-size: clamp(1.125rem, 0.658839779rem + 1.9889502762vw, 2.25rem);
    text-align: center;
    margin-top: 11px;
  }
}
.top-greet__outer {
  max-width: 1440px;
  margin-top: clamp(2rem, -0.55rem + 10.88vw, 6.25rem);
  margin-inline: auto;
}
.top-greet__body {
  max-width: 1302px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 34px 15px;
}
@media (max-width: 768px) {
  .top-greet__body {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: auto;
  }
}
.top-greet__img-area {
  max-width: 707px;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .top-greet__img-area {
    max-width: clamp(22.5rem, 8.1870229008rem + 61.0687022901vw, 37.5rem);
  }
}
.top-greet__name {
  max-width: clamp(9.375rem, 1.6813794727rem + 16.0075329567vw, 14.6875rem);
  width: 100%;
  position: absolute;
  bottom: -85px;
  right: 0;
}
@media (max-width: 768px) {
  .top-greet__name {
    max-width: clamp(9.375rem, 7.5858778626rem + 7.6335877863vw, 11.25rem);
    bottom: 0;
  }
}
.top-greet__img {
  max-width: 598px;
}
@media (max-width: 768px) {
  .top-greet__img {
    max-width: clamp(18.759375rem, 8.0335877863rem + 45.7633587786vw, 30rem);
    border-radius: 0 200px 0 0;
    overflow: hidden;
  }
}
.top-greet__box {
  max-width: 579px;
  width: 100%;
  color: var(--base);
  margin-top: clamp(2.6875rem, -5.09663371rem + 16.1958568738vw, 8.0625rem);
}
@media (max-width: 768px) {
  .top-greet__box {
    max-width: 600px;
    margin-top: 0;
    padding-left: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-greet__box-title {
  max-width: 539px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(1.875rem, 0.9698681733rem + 1.8832391714vw, 2.5rem);
     -moz-column-gap: clamp(1.875rem, 0.9698681733rem + 1.8832391714vw, 2.5rem);
          column-gap: clamp(1.875rem, 0.9698681733rem + 1.8832391714vw, 2.5rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.75rem, 1.0258945386rem + 1.5065913371vw, 2.25rem);
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .top-greet__box-title {
    font-size: clamp(1.5rem, 1.2614503817rem + 1.0178117048vw, 1.75rem);
    -webkit-column-gap: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
       -moz-column-gap: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
            column-gap: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
  }
}
.top-greet__box-title::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: var(--base);
}
.top-greet__text {
  max-width: 519px;
  font-size: clamp(1rem, 0.8189736347rem + 0.3766478343vw, 1.125rem);
  line-height: 2;
  white-space: pre-line;
  letter-spacing: 0.05em;
  margin-top: clamp(1.4375rem, -0.1727099237rem + 6.8702290076vw, 3.125rem);
  margin-left: auto;
  padding-right: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
}
@media (max-width: 768px) {
  .top-greet__text {
    max-width: 100%;
  }
}

.top-clinic {
  background: url(../images/top-merit-bg.webp) repeat top left/auto;
  background-image: -webkit-image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  padding-top: clamp(3.125rem, 0.7625rem + 10.08vw, 7.0625rem);
  padding-bottom: clamp(2rem, -1.2800572519rem + 13.9949109415vw, 5.4375rem);
}
.top-clinic_pos {
  margin-top: clamp(2rem, 0.3875rem + 6.88vw, 4.6875rem);
}
.top-clinic__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1rem, 0.6633287293rem + 1.4364640884vw, 1.8125rem);
  position: relative;
  z-index: 1;
}
.top-clinic__jp {
  font-size: clamp(1.125rem, 0.658839779rem + 1.9889502762vw, 2.25rem);
  letter-spacing: 0.05em;
}
.top-clinic__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(clamp(-4rem, -4.3366712707rem + 1.4364640884vw, -3.1875rem) * -1);
     -moz-column-gap: calc(clamp(-4rem, -4.3366712707rem + 1.4364640884vw, -3.1875rem) * -1);
          column-gap: calc(clamp(-4rem, -4.3366712707rem + 1.4364640884vw, -3.1875rem) * -1);
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .top-clinic__en {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.top-clinic__en::before, .top-clinic__en::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: #141414;
  margin-top: calc(clamp(0.375rem, 0.0642265193rem + 1.3259668508vw, 1.125rem) * -1);
}
.top-clinic__en-img {
  max-width: clamp(11.6875rem, 3.7886740331rem + 33.7016574586vw, 30.75rem);
  width: 100%;
}
.top-clinic__outer {
  max-width: 1440px;
  margin-top: clamp(1.8125rem, 0.5375rem + 5.44vw, 3.9375rem);
  margin-inline: auto;
}
.top-clinic__body {
  max-width: 1428px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .top-clinic__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
    padding-right: 0;
  }
}
.top-clinic__img {
  max-width: 683px;
  width: 100%;
  margin-top: 45px;
}
@media (max-width: 768px) {
  .top-clinic__img {
    margin-top: 0;
  }
}
.top-clinic__contents {
  max-width: 647px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .top-clinic__contents {
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem);
  }
}
.top-clinic__logo {
  max-width: clamp(18.8125rem, 15.830629771rem + 12.7226463104vw, 21.9375rem);
  width: 100%;
}
.top-clinic__address {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1em;
  white-space: pre-line;
  margin-top: 15px;
}
.top-clinic__contact {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 9px;
     -moz-column-gap: 9px;
          column-gap: 9px;
  margin-top: 29px;
}
@media (max-width: 1000px) {
  .top-clinic__contact {
    max-width: 325px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 19px;
  }
}
.top-clinic__tel {
  max-width: 333px;
  width: 100%;
  min-height: 4.43125rem;
  background-color: var(--base);
  border: 1px solid #141414;
  padding: 0.345625rem 12px 0;
}
@media (max-width: 1000px) {
  .top-clinic__tel {
    max-width: 303px;
  }
}
@media (max-width: 768px) {
  .top-clinic__tel {
    max-width: 325px;
    min-height: 103px;
    padding-top: 10px;
  }
}
.top-clinic__tel-inner {
  max-width: 307px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-clinic__tel-inner {
    max-width: 205px;
  }
}
.top-clinic__tel-title {
  height: 1.03875rem;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 0.6575rem;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .top-clinic__tel-title {
    height: 20px;
    font-size: 0.875rem;
  }
}
.top-clinic__tel-ls {
  letter-spacing: 0.11em;
}
.top-clinic__tel-number {
  font-size: 1.15rem;
  margin-top: 7px;
  text-align: center;
}
@media (max-width: 768px) {
  .top-clinic__tel-number {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .top-clinic__tel-en {
    font-size: 1rem;
  }
}
.top-clinic__tel-time {
  font-size: 0.575rem;
  text-align: center;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .top-clinic__tel-time {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}
.top-clinic__web {
  max-width: 303px;
  width: 100%;
  min-height: 71px;
  position: relative;
  background: -webkit-linear-gradient(148.75deg, #02905e 5.22%, #3abfbf 87.7%);
  background: linear-gradient(301.25deg, #02905e 5.22%, #3abfbf 87.7%);
  padding: 5px 10px 0;
}
@media (max-width: 768px) {
  .top-clinic__web {
    max-width: 325px;
    min-height: 83px;
    padding-top: 7px;
  }
}
.top-clinic__web::before {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  right: clamp(0.15625rem, 0.0071564885rem + 0.6361323155vw, 0.3125rem);
  background-color: var(--base);
}
@media (max-width: 768px) {
  .top-clinic__web::before {
    width: 13px;
    bottom: 4px;
    right: 5px;
  }
}
.top-clinic__web-inner {
  max-width: 263px;
  margin-inline: auto;
}
.top-clinic__web-title {
  height: 0.944375rem;
  display: grid;
  place-items: center;
  background-color: var(--base);
  font-size: 8px;
  line-height: 1;
}
@media (max-width: 768px) {
  .top-clinic__web-title {
    max-width: 205px;
    height: 20px;
    font-size: 0.875rem;
    margin-inline: auto;
  }
}
.top-clinic__web-text1 {
  color: var(--base);
  font-size: 1.133125rem;
  text-align: center;
  margin-top: clamp(0.3125rem, 0.1335877863rem + 0.7633587786vw, 0.5rem);
}
@media (max-width: 768px) {
  .top-clinic__web-text1 {
    font-size: 1.25rem;
  }
}
.top-clinic__web-text2 {
  color: var(--base);
  font-size: 0.575rem;
  text-align: center;
  margin-top: clamp(0.375rem, 0.3153625954rem + 0.2544529262vw, 0.4375rem);
}
@media (max-width: 768px) {
  .top-clinic__web-text2 {
    font-size: 0.75rem;
  }
}
.top-clinic__table-wrapper {
  max-width: clamp(22.1875rem, 14.6135496183rem + 32.3155216285vw, 30.125rem);
  width: 100%;
  background-color: var(--main);
  margin-top: clamp(1.5rem, -0.348759542rem + 7.8880407125vw, 3.4375rem);
  padding: 20px 10px clamp(1.25rem, 1.1903625954rem + 0.2544529262vw, 1.3125rem);
}
.top-clinic__table {
  max-width: 450px;
  width: 100%;
  color: var(--base);
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  margin-inline: auto;
}
.top-clinic__table * {
  letter-spacing: 0.1em;
}
.top-clinic__tr-top {
  border-bottom: 1px solid var(--base);
}
.top-clinic__left {
  width: 34.9%;
  text-align: center;
}
@media (max-width: 768px) {
  .top-clinic__left {
    width: 30.8%;
  }
}
.top-clinic__th {
  padding-bottom: clamp(0.5625rem, 0.3239503817rem + 1.0178117048vw, 0.8125rem);
}
@media (max-width: 768px) {
  .top-clinic__left_time {
    text-align: left;
  }
}
.top-clinic__am {
  padding-top: 14px;
}
@media (max-width: 768px) {
  .top-clinic__am {
    padding-top: 22px;
  }
}
.top-clinic__pm {
  padding-top: 15px;
}
@media (max-width: 768px) {
  .top-clinic__pm {
    padding-top: 19px;
  }
}
.top-clinic__note {
  letter-spacing: 0.1em;
  margin-top: clamp(0.75rem, 0.2729007634rem + 2.0356234097vw, 1.25rem);
}

.top-faq {
  position: relative;
  z-index: 1;
  background-color: #1dc9a0;
  padding-top: clamp(2.375rem, 1.3611641221rem + 4.3256997455vw, 3.4375rem);
}
.top-faq::before {
  content: "";
  width: 100%;
  height: 273px;
  position: absolute;
  top: 0;
  z-index: -1;
  background: url(../images/top-faq-bg.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/top-faq-bg.webp) 1x, url(../images/top-faq-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-faq-bg.webp) 1x, url(../images/top-faq-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-faq::before {
    height: 215px;
    background: url(../images/top-faq-bg_sp.webp) repeat-x left center/auto;
    background-image: -webkit-image-set(url(../images/top-faq-bg_sp.webp) 1x, url(../images/top-faq-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-faq-bg_sp.webp) 1x, url(../images/top-faq-bg_sp@2x.webp) 2x);
  }
}
.top-faq__title {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(clamp(-6.3125rem, -7.6850828729rem + 5.8563535912vw, -3rem) * -1);
     -moz-column-gap: calc(clamp(-6.3125rem, -7.6850828729rem + 5.8563535912vw, -3rem) * -1);
          column-gap: calc(clamp(-6.3125rem, -7.6850828729rem + 5.8563535912vw, -3rem) * -1);
  color: var(--base);
  font-size: clamp(3rem, 0.9281767956rem + 8.8397790055vw, 8rem);
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .top-faq__title {
    letter-spacing: 0.05em;
  }
}
.top-faq__title::before, .top-faq__title::after {
  content: "";
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--base);
  margin-top: clamp(0.0625rem, -0.403660221rem + 1.9889502762vw, 1.1875rem);
}
.top-faq__inner {
  max-width: 1214px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.375rem, -0.8875rem + 13.92vw, 7.8125rem);
  padding-bottom: 140px;
}
@media (max-width: 1280px) {
  .top-faq__inner {
    padding: 0 clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) clamp(1.875rem, -2.25rem + 17.6vw, 8.75rem);
  }
}
.top-faq__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.9375rem, -0.20625rem + 4.88vw, 2.84375rem);
}
.top-faq__details[open] .top-faq__icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.top-faq__summary {
  display: grid;
  grid-template-columns: clamp(2.1875rem, 0.875rem + 5.6vw, 4.375rem) 1fr clamp(1.375rem, 1.0375rem + 1.44vw, 1.9375rem);
  position: relative;
  background-color: #007c5f;
  cursor: pointer;
}
@media (max-width: 768px) {
  .top-faq__summary {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-faq__summary::-webkit-details-marker {
  display: none;
}
.top-faq__q {
  max-width: clamp(1.5625rem, 0.4rem + 4.96vw, 3.5rem);
  width: 100%;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  font-size: clamp(1.125rem, 0.75rem + 1.6vw, 1.75rem);
  background-color: #fffbaf;
  border-radius: 50%;
  margin-top: -10px;
  margin-left: -12px;
}
@media (max-width: 768px) {
  .top-faq__q {
    max-width: 25px;
    font-size: 1.125rem;
    margin-top: 0;
    margin-left: 5px;
  }
}
.top-faq__q-title {
  min-height: clamp(2.1875rem, 1.4375rem + 3.2vw, 3.4375rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  color: var(--base);
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 1.45;
  padding-right: clamp(0rem, -0.375rem + 1.6vw, 0.625rem);
}
@media (max-width: 768px) {
  .top-faq__q-title {
    padding: 0.294375rem 0;
  }
}
.top-faq__body {
  background-color: var(--base);
}
.top-faq__body-inner {
  max-width: 1157px;
  margin-inline: auto;
  padding: clamp(0.9375rem, 0.525rem + 1.76vw, 1.625rem) clamp(0.625rem, 0.4375rem + 0.8vw, 0.9375rem) clamp(0.9375rem, 0.4125rem + 2.24vw, 1.8125rem);
}
.top-faq__text {
  font-size: clamp(1rem, 0.925rem + 0.32vw, 1.125rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .top-faq__text {
    line-height: 1.875;
  }
}
.top-faq__icon {
  width: clamp(0.625rem, 0.4rem + 0.96vw, 1rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: clamp(0.625rem, 0.4375rem + 0.8vw, 0.9375rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-faq__icon::before, .top-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: var(--base);
}
.top-faq__icon::before {
  width: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
  height: 100%;
}
.top-faq__icon::after {
  width: 100%;
  height: clamp(0.0625rem, 0.0028625954rem + 0.2544529262vw, 0.125rem);
}

.top-spacer {
  height: clamp(1.75rem, -1.1722328244rem + 12.4681933842vw, 4.8125rem);
}

/*###################################################################
  invisalign（page）
###################################################################*/
.inv-c_pos {
  margin-top: 63px;
  padding-bottom: 41px;
}
.inv-c__inner {
  max-width: 1120px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .inv-c__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.inv-c__title {
  max-width: 456px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-inline: auto;
  padding-bottom: 34px;
}
.inv-c__title::after {
  content: "";
  max-width: 152px;
  width: 100%;
  aspect-ratio: 152/16;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/inv-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/inv-deco-1.webp) 1x, url(../images/inv-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/inv-deco-1.webp) 1x, url(../images/inv-deco-1@2x.webp) 2x);
}
.inv-c__jp {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.4375rem, -0.9341603053rem + 5.8524173028vw, 1.875rem);
     -moz-column-gap: clamp(0.4375rem, -0.9341603053rem + 5.8524173028vw, 1.875rem);
          column-gap: clamp(0.4375rem, -0.9341603053rem + 5.8524173028vw, 1.875rem);
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: -15px;
}
.inv-c__jp::before, .inv-c__jp::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: var(--main);
}
.inv-c__en {
  max-width: 161px;
}
.inv-c__text {
  max-width: 1120px;
  color: #141414;
  font-size: clamp(1rem, 0.9353448276rem + 0.275862069vw, 1.125rem);
  line-height: 1.6666666667;
  text-align: center;
  letter-spacing: 0.05em;
  white-space: pre-line;
  margin-top: 30px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .inv-c__text {
    text-align: left;
  }
}
.inv-c__hr {
  border-top: 1px solid #59cfa5;
  margin-top: 49px;
}

.inv2_pos {
  margin-top: clamp(3.75rem, 2.4568965517rem + 5.5172413793vw, 6.25rem);
}
.inv2__title-deco {
  max-width: 454px;
  -webkit-clip-path: polygon(3.2% 0%, 100% 0%, 96.8% 100%, 0% 100%);
          clip-path: polygon(3.2% 0%, 100% 0%, 96.8% 100%, 0% 100%);
  background-color: #3abfbf;
  margin-inline: auto;
  padding: 0 7px;
}
.inv2__title {
  max-width: 440px;
  height: 45px;
  -webkit-clip-path: polygon(3.2% 0%, 100% 0%, 96.8% 100%, 0% 100%);
          clip-path: polygon(3.2% 0%, 100% 0%, 96.8% 100%, 0% 100%);
  display: grid;
  place-items: center;
  background-color: rgba(47, 195, 143, 0.8);
  color: var(--base);
  font-size: clamp(1.25rem, 1.1rem + 0.64vw, 1.5rem);
}
.inv2__col {
  max-width: 1070px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 15px;
  margin-top: clamp(2.1875rem, 1.7025862069rem + 2.0689655172vw, 3.125rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .inv2__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.inv2__items {
  max-width: 560px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16.5px;
}
.inv2__item {
  display: grid;
  grid-template-columns: 38px 1fr;
  row-gap: 20px;
}
.inv2__check {
  width: 28px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background-color: #1b1b4c;
}
.inv2__check::before {
  content: "";
  width: 16px;
  aspect-ratio: 29/24;
  background-color: #fffbaf;
  -webkit-mask-image: url(../images/icon-check-1.svg);
          mask-image: url(../images/icon-check-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.inv2__text {
  font-size: clamp(0.9375rem, 0.5018882175rem + 0.9063444109vw, 1.125rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .inv2__text {
    font-size: 1rem;
  }
}
.inv2__img-area {
  max-width: 430px;
  width: 100%;
  position: relative;
  margin-top: 3px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.inv2__img {
  -webkit-box-shadow: 10px 10px 0 0 var(--main);
          box-shadow: 10px 10px 0 0 var(--main);
}

.inv3_pos {
  margin-top: 61px;
}
.inv3__title {
  max-width: 1062px;
  position: relative;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .inv3__title {
    max-width: clamp(33.6875rem, 26.8151629073rem + 18.2957393484vw, 38.25rem);
  }
}
@media (max-width: 600px) {
  .inv3__title {
    max-width: 476px;
  }
}
.inv3__title::before, .inv3__title::after {
  content: "";
  width: clamp(2.8125rem, 1.4583333333rem + 5.7777777778vw, 3.625rem);
  aspect-ratio: 58/70;
  position: absolute;
  top: -14px;
}
@media (max-width: 1000px) {
  .inv3__title::before, .inv3__title::after {
    top: 14px;
  }
}
@media (max-width: 600px) {
  .inv3__title::before, .inv3__title::after {
    top: calc(clamp(-2.125rem, -3.0625rem + 4vw, -1.5625rem) * -1);
  }
}
.inv3__title::before {
  left: 0;
  background: url(../images/icon-title-deco-4l.svg) no-repeat center center/contain;
}
.inv3__title::after {
  right: 0;
  background: url(../images/icon-title-deco-4r.svg) no-repeat center center/contain;
}
.inv3__title-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #141414;
  font-size: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem);
  line-height: 1.75;
  text-align: center;
  border-bottom: 2px solid #31c8c9;
  margin-inline: auto;
  padding-bottom: 2px;
}
.inv3__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 15px;
  margin-top: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .inv3__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.inv3__item {
  max-width: 550px;
  width: 100%;
}
.inv3__img-area {
  max-width: 430px;
  width: 100%;
  position: relative;
  margin-inline: auto;
  padding-right: 10px;
  padding-bottom: 10px;
}
.inv3__img {
  -webkit-box-shadow: 10px 10px 0 0 var(--main);
          box-shadow: 10px 10px 0 0 var(--main);
}
.inv3__box {
  margin-top: clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
}
.inv3__box-title {
  color: var(--main);
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.6666666667;
  white-space: pre-line;
  border-bottom: 1px solid var(--main);
  padding-bottom: 9px;
}
.inv3__text {
  font-size: 1rem;
  line-height: 1.875;
  white-space: pre-line;
  margin-top: 10px;
}

.inv4_pos {
  margin-top: 50px;
}
.inv4__items1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(2.5rem, 1.9036259542rem + 2.5445292621vw, 3.125rem) clamp(0.9375rem, -1.916567696rem + 5.9382422803vw, 2.5rem);
}
@media (max-width: 768px) {
  .inv4__items1 {
    max-width: 540px;
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.inv4__title {
  font-size: clamp(1.25rem, 0.7933491686rem + 0.9501187648vw, 1.5rem);
  font-weight: bold;
  line-height: 1.75;
  text-decoration: underline;
  -webkit-text-decoration-color: #c6eeaf;
          text-decoration-color: #c6eeaf;
  text-decoration-thickness: 10px;
  text-underline-offset: -3px;
  margin-top: 7px;
}
.inv4__items2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.875rem, 0.6575rem + 0.928vw, 1.2375rem);
  margin-top: clamp(0.9375rem, 0.2814885496rem + 2.7989821883vw, 1.625rem);
}
.inv4__item2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.inv4__item2::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background-color: var(--main);
  border-radius: 50%;
  margin-top: 4px;
}
.inv4__text {
  font-size: 16px;
  line-height: 1.45;
}
.inv4__item-text {
  margin-top: clamp(0.9375rem, 0.525rem + 1.76vw, 1.625rem);
}

/*###################################################################
  reason（page）
###################################################################*/
.reason-c {
  overflow: hidden;
}
.reason-c_pos {
  margin-top: 60px;
  padding-bottom: 42px;
}
.reason-c__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.reason-c__outer::before {
  content: "";
  width: 144.4444444444%;
  aspect-ratio: 2080/2430;
  position: absolute;
  top: 255px;
  left: -35.2777777778%;
  z-index: -1;
  background: url(../images/reason-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/reason-bg.webp) 1x, url(../images/reason-bg@2x.webp) 2x);
  background-image: image-set(url(../images/reason-bg.webp) 1x, url(../images/reason-bg@2x.webp) 2x);
}
@media (min-width: 1441px) {
  .reason-c__outer::before {
    width: 2080px;
    left: -508px;
  }
}
.reason1__inner {
  max-width: 1288px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .reason1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.reason1__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 48px;
}
.reason1__item {
  width: 100%;
  display: grid;
}
@media (max-width: 768px) {
  .reason1__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.reason1__item_1 {
  grid-template-columns: 50.5818463926% 1fr;
  margin-left: auto;
}
.reason1__item_2 {
  grid-template-columns: 1fr 50.4266873545%;
}
.reason1__box {
  position: relative;
  z-index: 1;
  background-color: var(--base);
  border: 1px solid var(--text);
  padding: clamp(1.25rem, -2.4909052453rem + 7.7834179357vw, 4.125rem) clamp(0.9375rem, 0.1242597293rem + 1.6920473773vw, 1.5625rem) 30px;
}
@media (max-width: 768px) {
  .reason1__box {
    padding: 53px 20px 49px;
  }
}
.reason1__box::before, .reason1__box::after {
  content: "";
  width: clamp(2.5rem, 0.6295473773rem + 3.8917089679vw, 3.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: clamp(0.5rem, -0.3945642978rem + 1.8612521151vw, 1.1875rem);
  border-top: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box::before, .reason1__box::after {
    width: 45px;
    top: 10px;
  }
}
.reason1__box::before {
  left: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-left: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box::before {
    left: 10px;
  }
}
.reason1__box::after {
  right: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-right: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box::after {
    right: 10px;
  }
}
@media (max-width: 768px) {
  .reason1__box_2 {
    padding-bottom: 43px;
  }
}
.reason1__box_3 {
  padding-bottom: clamp(2.5rem, 1.0110294118rem + 6.3529411765vw, 4.1875rem);
}
.reason1__box-inner1 {
  max-width: 470px;
  margin-inline: auto;
}
.reason1__box-inner1::before, .reason1__box-inner1::after {
  content: "";
  width: clamp(2.5rem, 0.6295473773rem + 3.8917089679vw, 3.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  bottom: clamp(0.5rem, -0.3945642978rem + 1.8612521151vw, 1.1875rem);
  border-bottom: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box-inner1::before, .reason1__box-inner1::after {
    width: 45px;
    bottom: 10px;
  }
}
.reason1__box-inner1::before {
  left: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-left: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box-inner1::before {
    left: 10px;
  }
}
.reason1__box-inner1::after {
  right: clamp(0.5rem, -0.3132402707rem + 1.6920473773vw, 1.125rem);
  border-right: 1px solid var(--text);
}
@media (max-width: 768px) {
  .reason1__box-inner1::after {
    right: 10px;
  }
}
.reason1__box-inner1_3 {
  max-width: 1120px;
}
.reason1__box-content {
  position: relative;
  z-index: 1;
}
.reason1__number {
  font-size: 1.125rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
}
.reason1__item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.5625rem, -0.2507402707rem + 1.6920473773vw, 1.1875rem);
  font-size: clamp(1rem, 0.3494077834rem + 1.3536379019vw, 1.5rem);
  line-height: 1.7;
  text-align: center;
  white-space: pre-line;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .reason1__item-title {
    row-gap: 20px;
    font-size: 1.125rem;
    line-height: 1.3888888889;
    margin-top: 14px;
  }
}
.reason1__item-title::after {
  content: "";
  width: 121px;
  aspect-ratio: 121/2;
  background: url(../images/icon-title-deco-3.svg) no-repeat center center/contain;
}
.reason1__text {
  font-size: clamp(0.875rem, 0.7123519459rem + 0.3384094755vw, 1rem);
  line-height: 1.8;
  white-space: pre-line;
  margin-top: clamp(0.4375rem, -1.5142766497rem + 4.0609137056vw, 1.9375rem);
}
@media (max-width: 768px) {
  .reason1__text {
    max-width: clamp(17.875rem, -0.5340909091rem + 78.5454545455vw, 31.375rem);
    margin-top: 20px;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .reason1__text_1 {
    line-height: 2.1428571429;
  }
}
.reason1__text_2 {
  max-width: 502px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .reason1__text_2 {
    max-width: clamp(17.875rem, -0.5340909091rem + 78.5454545455vw, 31.375rem);
  }
}
.reason1__img_2 {
  grid-area: 1/1/2/2;
}
.reason1__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reason2_pos {
  margin-top: 63px;
}
.reason2__inner {
  max-width: 1062px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .reason2__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.reason2__title {
  max-width: 1062px;
  position: relative;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .reason2__title {
    max-width: clamp(33.6875rem, 26.8151629073rem + 18.2957393484vw, 38.25rem);
  }
}
@media (max-width: 600px) {
  .reason2__title {
    max-width: 435px;
  }
}
.reason2__title::before, .reason2__title::after {
  content: "";
  width: clamp(2.8125rem, 1.4583333333rem + 5.7777777778vw, 3.625rem);
  aspect-ratio: 58/70;
  position: absolute;
  top: -14px;
}
@media (max-width: 1000px) {
  .reason2__title::before, .reason2__title::after {
    top: 14px;
  }
}
@media (max-width: 600px) {
  .reason2__title::before, .reason2__title::after {
    top: clamp(0.5625rem, -1.1041666667rem + 7.1111111111vw, 1.5625rem);
  }
}
.reason2__title::before {
  left: 0;
  background: url(../images/icon-title-deco-4l.svg) no-repeat center center/contain;
}
.reason2__title::after {
  right: 0;
  background: url(../images/icon-title-deco-4r.svg) no-repeat center center/contain;
}
.reason2__title-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem);
  line-height: 1.75;
  text-align: center;
  border-bottom: 2px solid #31c8c9;
  margin-inline: auto;
  padding: 0 clamp(0rem, -7.5452261307rem + 12.0603015075vw, 1.5rem) 2px;
}
.reason2__items {
  max-width: 848px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 2.0825381679rem + 1.7811704835vw, 2.9375rem);
  margin-top: 60px;
  margin-inline: auto;
}
.reason2__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.125rem, 0.5286259542rem + 2.5445292621vw, 1.75rem);
}
.reason2__item-title {
  max-width: 600px;
  width: 100%;
  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;
  -webkit-column-gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
     -moz-column-gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
          column-gap: clamp(0.625rem, 0.0286259542rem + 2.5445292621vw, 1.25rem);
  border-top: 1px solid #00ced0;
  border-bottom: 1px solid #00ced0;
  margin-inline: auto;
  padding: 13px 0;
}
.reason2__number {
  color: var(--main);
  font-size: clamp(1rem, 0.8807251908rem + 0.5089058524vw, 1.125rem);
}
.reason2__item-title-text {
  font-size: clamp(1.25rem, 1.0114503817rem + 1.0178117048vw, 1.5rem);
  font-weight: bold;
}
.reason2__text {
  line-height: 1.75;
}
.reason2__deco {
  max-width: 298px;
  width: 100%;
  aspect-ratio: 502/53;
  background: url(../images/fee-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/fee-deco-1.webp) 1x, url(../images/fee-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/fee-deco-1.webp) 1x, url(../images/fee-deco-1@2x.webp) 2x);
  margin-top: clamp(2.1875rem, 1.4122137405rem + 3.3078880407vw, 3rem);
  margin-inline: auto;
}

/*###################################################################
  flow（page）
###################################################################*/
.flow1 {
  padding-bottom: 42px;
}
.flow1__bg {
  background: url(../images/top-merit-bg.webp) repeat top left/auto;
  background-image: -webkit-image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-merit-bg.webp) 1x, url(../images/top-merit-bg@2x.webp) 2x);
}
.flow1__inner {
  max-width: 1230px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 110px 30px 100px;
}
@media (max-width: 1280px) {
  .flow1__inner {
    padding: clamp(2.5rem, 0.2370689655rem + 9.6551724138vw, 6.875rem) clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem) clamp(3.125rem, 1.1853448276rem + 8.275862069vw, 6.875rem);
  }
}
.flow1__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.flow1__item {
  background-color: var(--base);
  padding: clamp(1.25rem, 0.481557377rem + 3.2786885246vw, 3.125rem) clamp(0.625rem, 0.3268129771rem + 1.272264631vw, 0.9375rem) clamp(1.875rem, 1.362704918rem + 2.1857923497vw, 3.125rem);
}
.flow1__item-inner {
  max-width: 1130px;
  margin-inline: auto;
}
.flow1__item-title-bg {
  height: clamp(2.5rem, 1.8596311475rem + 2.7322404372vw, 4.0625rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#afedee), color-stop(46.63%, #afeec0), color-stop(75%, #c6eeaf), color-stop(87.5%, #e1eeaf));
  background: -webkit-linear-gradient(left, #afedee 0%, #afeec0 46.63%, #c6eeaf 75%, #e1eeaf 87.5%);
  background: linear-gradient(90deg, #afedee 0%, #afeec0 46.63%, #c6eeaf 75%, #e1eeaf 87.5%);
  padding-left: clamp(1.0625rem, 0.7807377049rem + 1.2021857923vw, 1.75rem);
}
.flow1__item-title-bg::before, .flow1__item-title-bg::after {
  content: "";
  width: clamp(0.4375rem, 0.2325819672rem + 0.8743169399vw, 0.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  left: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-left: 1px solid var(--text);
}
.flow1__item-title-bg::before {
  top: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-top: 1px solid var(--text);
}
.flow1__item-title-bg::after {
  bottom: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-bottom: 1px solid var(--text);
}
.flow1__item-title-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
     -moz-column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
          column-gap: clamp(0.5rem, 0.3078893443rem + 0.8196721311vw, 0.96875rem);
}
.flow1__item-title-col::before, .flow1__item-title-col::after {
  content: "";
  width: clamp(0.4375rem, 0.2325819672rem + 0.8743169399vw, 0.9375rem);
  aspect-ratio: 1/1;
  position: absolute;
  right: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-right: 1px solid var(--text);
}
.flow1__item-title-col::before {
  top: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-top: 1px solid var(--text);
}
.flow1__item-title-col::after {
  bottom: clamp(0.3125rem, 0.2868852459rem + 0.1092896175vw, 0.375rem);
  border-bottom: 1px solid var(--text);
}
.flow1__number {
  width: clamp(1.875rem, 1.2218237705rem + 2.7868852459vw, 3.46875rem);
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background: -webkit-linear-gradient(308.91deg, rgba(56, 229, 168, 0.996) 29.15%, #2fc38f 29.15%);
  background: linear-gradient(141.09deg, rgba(56, 229, 168, 0.996) 29.15%, #2fc38f 29.15%);
  color: var(--base);
  font-size: clamp(1.125rem, 0.868852459rem + 1.0928961749vw, 1.75rem);
  border-radius: 50%;
}
.flow1__item-title {
  font-size: clamp(1.25rem, 1.0450819672rem + 0.8743169399vw, 1.75rem);
}
.flow1__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px 15px;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .flow1__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flow1__text {
  max-width: 580px;
  width: 100%;
  font-size: clamp(1rem, 0.9487704918rem + 0.218579235vw, 1.125rem);
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .flow1__text {
    line-height: 1.875;
  }
}
.flow1__img {
  max-width: 500px;
  width: 100%;
}
.flow1__items2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px 5px;
  margin-top: 34px;
}
@media (max-width: 768px) {
  .flow1__items2 {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    margin-top: 30px;
  }
}
.flow1__item2 {
  max-width: clamp(10rem, 6.3376669847rem + 15.6259541985vw, 13.838125rem);
  width: 100%;
  height: clamp(3.125rem, 2.2304389313rem + 3.8167938931vw, 4.0625rem);
  display: grid;
  place-items: center;
  font-size: clamp(0.875rem, 0.6364503817rem + 1.0178117048vw, 1.125rem);
  border-radius: 9999px;
  border: 1px dashed var(--text);
}

/*###################################################################
  fee（page）
###################################################################*/
.fee1_pos {
  margin-top: 40px;
  padding-bottom: 42px;
}
.fee1__bg {
  position: relative;
  z-index: 1;
  background-color: var(--main);
}
.fee1__bg::before, .fee1__bg::after {
  content: "";
  width: 100%;
  position: absolute;
}
.fee1__bg::before {
  height: 738px;
  top: clamp(6.0625rem, 1.8922413793rem + 17.7931034483vw, 14.125rem);
  z-index: -1;
  background: url(../images/price-bg-1.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/price-bg-1.webp) 1x, url(../images/price-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/price-bg-1.webp) 1x, url(../images/price-bg-1@2x.webp) 2x);
}
.fee1__bg::after {
  height: 368px;
  bottom: 0;
  z-index: -1;
  background: url(../images/price-bg-2.webp) repeat-x left center/auto;
  background-image: -webkit-image-set(url(../images/price-bg-2.webp) 1x, url(../images/price-bg-2@2x.webp) 2x);
  background-image: image-set(url(../images/price-bg-2.webp) 1x, url(../images/price-bg-2@2x.webp) 2x);
}
.fee1__inner {
  max-width: 1120px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 50px 30px 48px;
  z-index: 1;
}
@media (max-width: 1280px) {
  .fee1__inner {
    padding: 50px clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 48px;
  }
}
.fee1__inner::before {
  content: "";
  max-width: clamp(20.9375rem, 14.675rem + 26.72vw, 31.375rem);
  width: 100%;
  aspect-ratio: 502/53;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/fee-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/fee-deco-1.webp) 1x, url(../images/fee-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/fee-deco-1.webp) 1x, url(../images/fee-deco-1@2x.webp) 2x);
}
.fee1__top-box {
  background-color: var(--base);
  outline: 1px solid var(--main);
  outline-offset: -11px;
  padding: clamp(2.5rem, -0.125rem + 11.2vw, 6.875rem) clamp(1.25rem, 1.0625rem + 0.8vw, 1.5625rem) clamp(2.5rem, -0.05rem + 10.88vw, 6.75rem);
}
.fee1__top-box-inner {
  max-width: 908px;
  margin-inline: auto;
}
.fee1__top-box-text {
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 1.6666666667;
  text-align: center;
  letter-spacing: 0.05em;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .fee1__top-box-text {
    text-align: left;
  }
}
.fee1__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1.9036259542rem + 2.5445292621vw, 3.125rem);
  margin-top: clamp(3.125rem, 1.25rem + 8vw, 6.25rem);
}
.fee1__border {
  position: relative;
  z-index: 1;
  max-width: clamp(17.3125rem, -0.3863636364rem + 75.5151515152vw, 56.25rem);
  -webkit-filter: drop-shadow(0px 2px 0px var(--base)) drop-shadow(0px -1px 0px var(--base)) drop-shadow(0px 0px 0px var(--base));
          filter: drop-shadow(0px 2px 0px var(--base)) drop-shadow(0px -1px 0px var(--base)) drop-shadow(0px 0px 0px var(--base));
  margin-inline: auto;
}
.fee1__body-title {
  height: clamp(2.3125rem, -0.1022727273rem + 10.303030303vw, 7.625rem);
  display: grid;
  place-items: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 93.7% 48%, 100% 100%, 0 100%, 6.3% 50%);
          clip-path: polygon(0 0, 100% 0, 93.7% 48%, 100% 100%, 0 100%, 6.3% 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#00ced0), color-stop(39.22%, #1ac496));
  background: -webkit-linear-gradient(top, #00ced0 0%, #1ac496 39.22%);
  background: linear-gradient(180deg, #00ced0 0%, #1ac496 39.22%);
  color: var(--base);
  font-size: clamp(0.9625rem, -0.0204545455rem + 4.1939393939vw, 3.125rem);
  font-weight: bold;
  letter-spacing: 0.05em;
}
.fee1__box {
  background-color: var(--base);
  -webkit-box-shadow: 4px 4px 4px rgba(83, 83, 83, 0.5);
          box-shadow: 4px 4px 4px rgba(83, 83, 83, 0.5);
  margin-top: calc(clamp(1.1875rem, -0.0056818182rem + 5.0909090909vw, 3.8125rem) * -1);
  padding: clamp(1.9375rem, 0.0625rem + 8vw, 6.0625rem) clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem) clamp(1.125rem, -0.9204545455rem + 8.7272727273vw, 5.625rem);
}
.fee1__box-inner {
  max-width: 835px;
  margin-inline: auto;
}
.fee1__text-l {
  font-size: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem);
  text-align: center;
}
.fee1__text1 {
  position: relative;
  letter-spacing: 0.05em;
  padding-bottom: clamp(0.25rem, -0.1193181818rem + 1.5757575758vw, 1.0625rem);
}
.fee1__text1::before, .fee1__text1::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--main);
}
.fee1__text1::before {
  max-width: clamp(10.625rem, -0.2556818182rem + 46.4242424242vw, 34.5625rem);
  width: 100%;
  height: clamp(0.019375rem, -0.0002272727rem + 0.0836363636vw, 0.0625rem);
  bottom: 0;
}
.fee1__text1::after {
  max-width: clamp(2.0625rem, 0.0738636364rem + 8.4848484848vw, 6.4375rem);
  width: 100%;
  height: clamp(0.6875rem, 0.0056818182rem + 2.9090909091vw, 2.1875rem);
  -webkit-clip-path: polygon(0 0, 50% 98%, 100% 0);
          clip-path: polygon(0 0, 50% 98%, 100% 0);
  top: 99%;
}
.fee1__text2 {
  font-size: clamp(0.625rem, 0.3977272727rem + 0.9696969697vw, 1.125rem);
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(1.3125rem, 0.2329545455rem + 4.6060606061vw, 3.6875rem);
}
@media (max-width: 768px) {
  .fee1__text2 {
    max-width: clamp(20rem, -1.9465648855rem + 93.6386768448vw, 43rem);
    margin-inline: auto;
  }
}
.fee1__fee {
  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: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
     -moz-column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
          column-gap: clamp(0.1875rem, -0.0965909091rem + 1.2121212121vw, 0.8125rem);
}
.fee1__fee_1 {
  margin-top: clamp(0.8125rem, -0.4659090909rem + 5.4545454545vw, 3.625rem);
}
.fee1__fee-number {
  font-size: clamp(1.231875rem, -0.0263636364rem + 5.3684848485vw, 4rem);
  font-weight: bold;
  letter-spacing: 0.05em;
}
.fee1__fee-text {
  font-size: clamp(0.61625rem, -0.0127272727rem + 2.6836363636vw, 2rem);
}
.fee1__text3 {
  margin-top: clamp(0.875rem, 0.1363636364rem + 3.1515151515vw, 2.5rem);
}
.fee1__text4 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
     -moz-column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
          column-gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
  font-size: clamp(0.6875rem, 0.2045454545rem + 2.0606060606vw, 1.75rem);
  letter-spacing: 0.05em;
  margin-top: clamp(0.4375rem, 0.3522727273rem + 0.3636363636vw, 0.625rem);
  margin-inline: auto;
}
.fee1__text4::before {
  content: "";
  min-width: clamp(0.9375rem, -0.0852272727rem + 4.3636363636vw, 3.1875rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-loan.svg) no-repeat center center/contain;
}
.fee1__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.5rem, -0.4375rem + 4vw, 2.5625rem);
  margin-top: clamp(0.4375rem, -0.5568181818rem + 4.2424242424vw, 2.625rem);
}
.fee1__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.4375rem, 0.2386363636rem + 0.8484848485vw, 0.875rem);
}
.fee1__plan {
  font-size: clamp(0.75rem, 0.0681818182rem + 2.9090909091vw, 2.25rem);
  text-align: center;
  letter-spacing: 0.05em;
}

/*###################################################################
  doctor（page）
###################################################################*/
.doctor-c {
  color: #141414;
}
.doctor-c__title {
  max-width: 330px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
  position: relative;
  margin-inline: auto;
  padding-bottom: 36px;
}
.doctor-c__title::after {
  content: "";
  max-width: 152px;
  width: 100%;
  aspect-ratio: 152/16;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/inv-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/inv-deco-1.webp) 1x, url(../images/inv-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/inv-deco-1.webp) 1x, url(../images/inv-deco-1@2x.webp) 2x);
}
.doctor-c__jp {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
     -moz-column-gap: clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
          column-gap: clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
}
.doctor-c__jp::before, .doctor-c__jp::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: var(--main);
}

.doctor1 {
  background-color: var(--main);
}
.doctor1_pos {
  margin-top: 40px;
}
.doctor1__inner {
  max-width: 1340px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 45px 30px 45px;
}
@media (max-width: 1280px) {
  .doctor1__inner {
    padding: clamp(2.5rem, 2.2018129771rem + 1.272264631vw, 2.8125rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.doctor1__body {
  background-color: var(--base);
  padding: clamp(2.5625rem, 1.6083015267rem + 4.0712468193vw, 3.5625rem) 15px clamp(2.5rem, 1.6054389313rem + 3.8167938931vw, 3.4375rem);
}
.doctor1__body-inner {
  max-width: 1120px;
  margin-inline: auto;
}
.doctor1__col1 {
  max-width: 1110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px 15px;
  margin-top: clamp(1.875rem, -0.9375rem + 12vw, 6.5625rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .doctor1__col1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.doctor1__col1-box {
  max-width: 522px;
  width: 100%;
}
.doctor1__col1-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  line-height: 1;
}
.doctor1__col1-name-jp {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.doctor1__col1-name-en {
  color: var(--main);
}
.doctor1__col1-text {
  line-height: 1.5625;
  letter-spacing: 0.05em;
  white-space: pre-line;
  margin-top: clamp(1.875rem, 1.5375rem + 1.44vw, 2.4375rem);
}
.doctor1__img-area {
  max-width: 488px;
  width: 100%;
  position: relative;
  margin-top: 16px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .doctor1__img-area {
    max-width: clamp(22.5rem, 17.1326335878rem + 22.9007633588vw, 28.125rem);
  }
}
.doctor1__name {
  max-width: clamp(9.375rem, 4.8493408663rem + 9.4161958569vw, 12.5rem);
  width: 100%;
  position: absolute;
  bottom: calc(clamp(1.875rem, 0.2647900763rem + 6.8702290076vw, 3.5625rem) * -1);
  right: 0;
}
@media (max-width: 768px) {
  .doctor1__name {
    max-width: clamp(8.125rem, 5.143129771rem + 12.7226463104vw, 11.25rem);
  }
}
.doctor1__img {
  max-width: 430px;
}
@media (max-width: 768px) {
  .doctor1__img {
    max-width: clamp(19.6875rem, 9.8473282443rem + 41.9847328244vw, 30rem);
    border-radius: 0 200px 0 0;
    overflow: hidden;
  }
}
.doctor1__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(2.5rem, 2.2018129771rem + 1.272264631vw, 2.8125rem) 15px;
  margin-top: clamp(3.125rem, 1.0625rem + 8.8vw, 6.5625rem);
}
@media (max-width: 768px) {
  .doctor1__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.doctor1__group {
  width: 100%;
}
.doctor1__group_1 {
  max-width: 550px;
}
.doctor1__group_2 {
  max-width: 540px;
}
.doctor1__group-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 10px;
  font-weight: bold;
  line-height: 1;
}
.doctor1__group-title_2 {
  margin-top: 35px;
}
.doctor1__group-jp {
  font-size: 24px;
  font-weight: bold;
}
.doctor1__group-en {
  color: var(--main);
  font-size: 20px;
}
.doctor1__items1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin-top: 49px;
}
@media (max-width: 768px) {
  .doctor1__items1 {
    margin-top: 30px;
  }
}
.doctor1__item1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  line-height: 1.45;
}
.doctor1__item1:not(:last-of-type) {
  border-bottom: 1px dashed #d9d9d9;
  padding-bottom: 8px;
}
.doctor1__item1::before {
  content: "";
  min-width: 12px;
  aspect-ratio: 1/1;
  background-color: var(--main);
  border-radius: 50%;
  margin-top: 5px;
}
.doctor1__items2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.875rem, 0.5171755725rem + 1.5267175573vw, 1.25rem);
  margin-top: clamp(2.875rem, 1.1625593824rem + 3.5629453682vw, 3.8125rem);
}
@media (max-width: 768px) {
  .doctor1__items2 {
    margin-top: 30px;
  }
}
.doctor1__item2 {
  display: grid;
  grid-template-columns: clamp(6.875rem, 4.1350950119rem + 5.7007125891vw, 8.375rem) 1fr;
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  line-height: 1.45;
  border-bottom: 1px solid #38e5a8;
  padding-right: clamp(0rem, -2.0549287411rem + 4.2755344418vw, 1.125rem);
  padding-bottom: clamp(0.875rem, 0.5768129771rem + 1.272264631vw, 1.1875rem);
  padding-left: clamp(0rem, -1.7124406176rem + 3.5629453682vw, 0.9375rem);
}
@media (max-width: 768px) {
  .doctor1__item2 {
    grid-template-columns: clamp(6.0625rem, 3.8559160305rem + 9.4147582697vw, 8.375rem) 1fr;
  }
}
.doctor1__year {
  color: var(--main);
  font-weight: bold;
}

.doctor2_pos {
  margin-top: clamp(3.125rem, 1.25rem + 8vw, 6.25rem);
}
.doctor2__inner {
  max-width: 1110px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .doctor2__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.doctor2__title {
  row-gap: 11px;
}
.doctor2__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2.1875rem, 1.8855444785rem + 1.2883435583vw, 2.84375rem) clamp(0.625rem, 0.0541864608rem + 1.1876484561vw, 0.9375rem);
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
@media (max-width: 768px) {
  .doctor2__items {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
}
@media (max-width: 500px) {
  .doctor2__items {
    max-width: 360px;
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.doctor2__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.doctor2__link {
  display: block;
  overflow: hidden;
}
.doctor2__item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 15px;
}
.doctor2__deco {
  min-width: 7px;
  height: 20px;
  position: relative;
  background-color: #4affd4;
}
.doctor2__deco::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  background-color: #38e5a8;
}
.doctor2__text {
  font-size: 14px;
  line-height: 1.4285714286;
  white-space: pre-line;
  margin-top: 5px;
}

@media (hover: hover) and (pointer: fine) {
  .doctor2__link:hover img, .doctor2__link:focus img {
    scale: 1.1;
  }
  .doctor2__link img {
    -webkit-transition: scale 0.4s;
    transition: scale 0.4s;
  }
}
.doctor3_pos {
  margin-top: clamp(3.125rem, 1.25rem + 8vw, 6.25rem);
  padding-bottom: 42px;
}
.doctor3__inner {
  max-width: 880px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .doctor3__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.doctor3__title {
  row-gap: 28px;
}
.doctor3__jp {
  -webkit-column-gap: clamp(0.9375rem, -1.4479961832rem + 10.1781170483vw, 3.4375rem);
     -moz-column-gap: clamp(0.9375rem, -1.4479961832rem + 10.1781170483vw, 3.4375rem);
          column-gap: clamp(0.9375rem, -1.4479961832rem + 10.1781170483vw, 3.4375rem);
}
.doctor3__dl {
  display: grid;
  grid-template-columns: clamp(5.875rem, 0.1504424779rem + 24.4247787611vw, 14.5rem) 1fr;
  row-gap: clamp(0.9375rem, 0.8006084071rem + 0.5840707965vw, 1.14375rem);
  font-size: clamp(0.875rem, 0.7920353982rem + 0.3539823009vw, 1rem);
  line-height: 1.5625;
  margin-top: clamp(2.5rem, 2.126659292rem + 1.592920354vw, 3.0625rem);
}
.doctor3__dt {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  color: #007c5f;
  font-weight: bold;
  border-bottom: 1px solid #38e5a8;
  padding-left: clamp(0rem, -1.0653409091rem + 3.4090909091vw, 0.9375rem);
  padding-bottom: clamp(0.9375rem, 0.8006084071rem + 0.5840707965vw, 1.14375rem);
}
.doctor3__dd {
  white-space: pre-line;
  border-bottom: 1px solid #38e5a8;
  padding-bottom: clamp(0.9375rem, 0.8006084071rem + 0.5840707965vw, 1.14375rem);
}
.doctor3__access {
  height: 45px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  background-color: var(--main);
  color: #fdfdfd;
  font-weight: bold;
  margin-top: 50px;
  padding-left: 15px;
}
.doctor3__access::before {
  content: "";
  width: 8px;
  aspect-ratio: 8/13;
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-left-arrow.svg) no-repeat center center/contain;
}
.doctor3__map {
  margin-top: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
}
.doctor3__gmap {
  width: 100%;
  height: clamp(18.75rem, 14.6017699115rem + 17.6991150442vw, 25rem);
}

/*###################################################################
  page-404（page）
###################################################################*/
.page-404_pos {
  margin-top: 60px;
}
.page-404__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 100px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}
.page-404__text {
  line-height: 2;
  white-space: pre-line;
  margin-top: 40px;
}
.page-404__button-wrapper {
  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;
}
.page-404__button {
  width: 175px;
  height: 48px;
  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;
  font-weight: bold;
  border: 1px solid var(--text);
  margin: 54px auto 0;
}

@media (hover: hover) and (pointer: fine) {
  .page-404__button {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page-404__button:hover, .page-404__button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  js-（js制御用）
###################################################################*/