@charset "UTF-8";
/*###################################################################
※※※※ 直接編集禁止 ※※※※
このCSSファイルはSassから生成されていますので直接編集しないようご注意ください。
  編集は拡張子「.scss」ファイルを編集して当ファイルにコンパイルしてください。
  もしくは別途cssファイルを作成して読み込ませてください。
###################################################################*/
:root {
  --base: #fff;
  --base2: #f4f5e3;
  --base3: #e0edf3;
  --main: #077cbc;
  --accent: #89c40a;
  --text: #010817;
}

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

[id] {
  scroll-margin-top: 110px;
}
@media (max-width: 768px) {
  [id] {
    scroll-margin-top: 90px;
  }
}

body {
  color: var(--text);
  font-family: "Zen Kaku Gothic Antique", sans-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 {
  position: relative;
  z-index: 10;
  background-color: var(--base);
}
.header_sticky {
  width: 100%;
  position: fixed;
  top: 0;
}
.header_sticky .header__top {
  display: none;
}
@media (max-width: 768px) {
  .header_sticky .header__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__top {
  height: clamp(5rem, 0.2681082982rem + 9.8452883263vw, 9.375rem);
  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;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  padding: 0 clamp(1.875rem, -57.5rem + 55.5555555556vw, 5rem);
}
@media (max-width: 768px) {
  .header__top {
    padding: 0 20px;
  }
}
.header__logo {
  max-width: clamp(12.5rem, -9.7398909986rem + 46.2728551336vw, 33.0625rem);
  width: 100%;
}
@media (max-width: 768px) {
  .header__logo {
    max-width: 14.878125rem;
  }
}
.header__info {
  max-width: clamp(28.1875rem, 12.572257384rem + 32.4894514768vw, 42.625rem);
  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: clamp(0.625rem, 0.2870077356rem + 0.7032348805vw, 0.9375rem);
     -moz-column-gap: clamp(0.625rem, 0.2870077356rem + 0.7032348805vw, 0.9375rem);
          column-gap: clamp(0.625rem, 0.2870077356rem + 0.7032348805vw, 0.9375rem);
}
@media (max-width: 768px) {
  .header__info {
    display: none;
  }
}
.header__address {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(0.875rem, 0.4694092827rem + 0.8438818565vw, 1.25rem);
  line-height: 1.6;
  white-space: pre-line;
}
.header__buttons {
  max-width: clamp(18.3125rem, 8.8487165963rem + 19.6905766526vw, 27.0625rem);
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header__tel {
  max-width: clamp(9.8125rem, 4.6750175809rem + 10.6891701828vw, 14.5625rem);
  width: 100%;
  height: clamp(3.0625rem, 1.9809247539rem + 2.2503516174vw, 4.0625rem);
  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;
  background-color: var(--main);
  color: var(--base);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.125rem, 0.6518108298rem + 0.9845288326vw, 1.5625rem);
  font-weight: bold;
  border-radius: 10px;
  padding: 0 clamp(0.625rem, -0.0509845288rem + 1.4064697609vw, 1.25rem);
}
.header__tel::before {
  content: "";
  width: clamp(1.125rem, 0.6518108298rem + 0.9845288326vw, 1.5625rem);
  aspect-ratio: 25/33;
  background: url(../images/icon-tel.svg) no-repeat 0 0/contain;
}
.header__web {
  max-width: clamp(7.875rem, 4.1570850914rem + 7.735583685vw, 11.3125rem);
  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-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--base);
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.125rem, 0.6518108298rem + 0.9845288326vw, 1.5625rem);
  font-weight: bold;
  border: 3px solid var(--main);
  border-radius: 10px;
  padding: 0 clamp(0.625rem, -0.0509845288rem + 1.4064697609vw, 1.25rem);
}
.header__web::before {
  content: "";
  width: clamp(1.5625rem, 0.7513185654rem + 1.6877637131vw, 2.3125rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-calendar.svg) no-repeat 0 0/contain;
}

@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}
.header-nav__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: 1280px) {
  .header-nav__inner {
    max-width: clamp(37.5rem, -11.4090019569rem + 101.7612524462vw, 70rem);
  }
}
.header-nav__items {
  height: clamp(4.375rem, 0.6127690802rem + 7.8277886497vw, 6.875rem);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-nav__item {
  position: relative;
}
.header-nav__link {
  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: 10px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1rem, 0.623776908rem + 0.782778865vw, 1.25rem);
  font-weight: 500;
}
.header-nav__en {
  color: var(--main);
  font-size: clamp(0.8125rem, 0.530332681rem + 0.5870841487vw, 1rem);
  font-weight: 600;
}
.header-nav__submenu {
  width: clamp(9.0625rem, 6.7111056751rem + 4.8923679061vw, 10.625rem);
  position: absolute;
  top: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  padding-top: 12px;
}
.header-nav__subitems {
  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;
  background-color: var(--main);
}
.header-nav__subitem {
  width: 100%;
  position: relative;
}
.header-nav__subitem:not(:last-of-type)::after {
  content: "";
  width: 88.2352941176%;
  height: clamp(0.0625rem, -0.031555773rem + 0.1956947162vw, 0.125rem);
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--base);
}
.header-nav__sublink {
  display: block;
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(0.9375rem, 0.467221135rem + 0.9784735812vw, 1.25rem);
  font-weight: 500;
  text-align: center;
  padding: clamp(0.6875rem, 0.217221135rem + 0.9784735812vw, 1rem) 0 clamp(0.625rem, 0.154721135rem + 0.9784735812vw, 0.9375rem);
}
.header-nav__sublink_med1 {
  padding-top: 10px;
}
.header-nav__sublink_med6 {
  padding-bottom: 11px;
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__item:focus-within .header-nav__submenu {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .header-nav__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    opacity: 0.7;
  }
  .header-nav__link:hover + .header-nav__submenu, .header-nav__link:focus + .header-nav__submenu {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .header-nav__submenu {
    -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
    transition: -webkit-clip-path 0.3s ease-in-out;
    transition: clip-path 0.3s ease-in-out;
    transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  }
  .header-nav__submenu:hover, .header-nav__submenu:focus {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  .header-nav__submenu:hover::before, .header-nav__submenu:focus::before {
    content: "";
  }
  .header-nav__sublink {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .header-nav__sublink:hover, .header-nav__sublink:focus {
    background-color: var(--base);
    color: var(--main);
  }
}
/*###################################################################
  footer（module）
###################################################################*/
.footer {
  background-color: var(--base2);
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 45px;
  }
}
.footer__inner {
  max-width: 1199px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 60px;
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 1000px) {
  .footer__inner {
    -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: 40px;
    padding: clamp(1.875rem, -0.5103550296rem + 8.875739645vw, 3.75rem) 40px 0;
  }
}
.footer__group {
  max-width: clamp(26.875rem, -4.2490577889rem + 49.7487437186vw, 33.0625rem);
  width: 100%;
}
.footer__logo {
  max-width: clamp(21.82125rem, 7.5202514793rem + 53.2130177515vw, 33.0625rem);
  display: block;
  margin-inline: auto;
}
.footer__address {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  text-align: center;
  margin-top: 21px;
}
.footer__fax {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: 500;
  text-align: center;
  margin-top: 21px;
}
.footer__buttons {
  max-width: 433px;
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: clamp(1.1875rem, 1.1079881657rem + 0.2958579882vw, 1.25rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .footer__buttons {
    -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;
  }
}
.footer__tel {
  max-width: 233px;
  width: 100%;
  height: 65px;
  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;
  background-color: var(--main);
  color: var(--base);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.5625rem;
  font-weight: bold;
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .footer__tel {
    max-width: 350px;
    height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    font-size: 1.25rem;
  }
}
.footer__tel::before {
  content: "";
  width: 25px;
  aspect-ratio: 25/33;
  background: url(../images/icon-tel.svg) no-repeat 0 0/contain;
}
.footer__web {
  max-width: 181px;
  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-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--base);
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5625rem;
  font-weight: bold;
  border: 3px solid var(--main);
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .footer__web {
    max-width: 350px;
    height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    font-size: 1.25rem;
  }
}
.footer__web::before {
  content: "";
  width: 37px;
  aspect-ratio: 1/1;
  background: url(../images/icon-calendar.svg) no-repeat 0 0/contain;
}
.footer__info {
  max-width: 550px;
  width: 100%;
}
.footer__copy {
  height: clamp(5.0625rem, 4.6649408284rem + 1.4792899408vw, 5.375rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(0.8125rem, 0.573964497rem + 0.8875739645vw, 1rem);
  margin-top: clamp(1.8125rem, -0.6523668639rem + 9.1715976331vw, 3.75rem);
}

.bottom-nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .bottom-nav {
    display: none;
  }
}
.bottom-nav__items {
  min-width: 23.46rem;
  width: 87.2930232558%;
  display: grid;
  grid-template-columns: 17.7323103154% 37.5932438193% 39.2583120205%;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-inline: auto;
}
.bottom-nav__item {
  height: 45px;
}
.bottom-nav__tel {
  height: 100%;
  display: grid;
  place-items: center;
  background-color: var(--main);
  border-radius: 10px;
}
.bottom-nav__tel::before {
  content: "";
  width: 1.035rem;
  aspect-ratio: 25/33;
  background: url(../images/icon-tel.svg) no-repeat 0 0/contain;
}
.bottom-nav__web {
  height: 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: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  background-color: var(--base);
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  border: 3px solid var(--main);
  border-radius: 10px;
}
.bottom-nav__web::before {
  content: "";
  width: 1.506875rem;
  aspect-ratio: 1/1;
  background: url(../images/icon-calendar.svg) no-repeat 0 0/contain;
}
.bottom-nav__access {
  height: 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: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  background-color: var(--main);
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  border: 3px solid var(--main);
  border-radius: 10px;
}
.bottom-nav__access::before {
  content: "";
  width: 1.75rem;
  aspect-ratio: 28/27;
  background: url(../images/icon-access.svg) no-repeat 0 0/contain;
}

/*###################################################################
  c-margin（module）
###################################################################*/
.c-mt80 {
  margin-top: clamp(3.75rem, 0.964673913rem + 11.1413043478vw, 6.3125rem);
}

/*###################################################################
  c-link（module）
###################################################################*/
.c-link-1 {
  max-width: clamp(17.5rem, 8.3059210526rem + 34.2105263158vw, 29.6875rem);
  width: 100%;
  height: clamp(4rem, 2.774122807rem + 4.5614035088vw, 5.625rem);
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background-color: var(--main);
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 1.014254386rem + 0.8771929825vw, 1.5625rem);
  font-weight: 500;
}
.c-link-1::after {
  content: "";
  width: 71px;
  aspect-ratio: 71/16;
  background: url(../images/icon-link-arrow.svg) no-repeat 0 0/contain;
}

.c-link-2 {
  max-width: clamp(20rem, 13.8706140351rem + 22.8070175439vw, 28.125rem);
  width: 100%;
  height: clamp(4rem, 2.774122807rem + 4.5614035088vw, 5.625rem);
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background-color: var(--base);
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 1.014254386rem + 0.8771929825vw, 1.5625rem);
  font-weight: 500;
}
.c-link-2::after {
  content: "";
  width: 71px;
  aspect-ratio: 71/16;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-link-arrow.svg);
          mask-image: url(../images/icon-link-arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/*###################################################################
  c-inner（module）
###################################################################*/
.c-inner-1 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .c-inner-1 {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}

/*###################################################################
  c-text（module）
###################################################################*/
.c-t20 {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 2;
}

.c-t20m {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  font-weight: 500;
  line-height: 2;
}

.c-t20d {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 2;
  white-space: pre-line;
  text-indent: -1em;
  padding-left: 1em;
}

/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  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.525rem, 0.375rem + 0.6vw, 0.75rem);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.75rem, 1.25rem + 2vw, 2.5rem);
  line-height: 1;
}
.c-title-1::before {
  content: "";
  width: clamp(4.1875rem, 3.0208333333rem + 4.6666666667vw, 5.9375rem);
  aspect-ratio: 95/92;
  background: url(../images/icon-title-deco-1.svg) no-repeat 0 0/contain;
  margin-left: 22px;
}
.c-title-1::after {
  content: "";
  width: clamp(8.9375rem, 6.1875rem + 11vw, 13.0625rem);
  aspect-ratio: 209/28;
  background: url(../images/icon-title-deco-2.svg) no-repeat 0 0/contain;
  margin-top: clamp(0.74375rem, 0.53125rem + 0.85vw, 1.0625rem);
}

.c-title-2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 0.8636363636rem + 2.0454545455vw, 2.5rem);
  line-height: 1.5;
  text-align: center;
  border-top: 2px solid var(--main);
  border-bottom: 2px solid var(--main);
  margin-inline: auto;
  padding: clamp(0.5625rem, 0.4772727273rem + 0.3409090909vw, 0.75rem) clamp(1.875rem, -0.1136363636rem + 7.9545454545vw, 6.25rem);
}

.c-title-3 {
  position: relative;
  background-color: #e9f2d6;
  border-bottom: 3px solid var(--accent);
  padding: 0.65625rem 15px 0.65625rem clamp(2.5625rem, 0.5738636364rem + 7.9545454545vw, 6.9375rem);
}
.c-title-3::before {
  content: "";
  width: clamp(1.75rem, 1.3522727273rem + 1.5909090909vw, 2.625rem);
  aspect-ratio: 42/63;
  position: absolute;
  top: 50%;
  left: clamp(0.25rem, -0.0056818182rem + 1.0227272727vw, 0.8125rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-c-title-2.svg) no-repeat 0 0/contain;
}
.c-title-3__text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 0.9659090909rem + 1.1363636364vw, 1.875rem);
  line-height: 1.6;
}

/*###################################################################
  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;
  }
}

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  width: 60px;
  height: 60px;
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 30;
  background-color: var(--main);
  padding-bottom: 6px;
}
@media (min-width: 769px) {
  .hamburger {
    display: none;
  }
}
.hamburger[aria-expanded=true] .hamburger__line {
  background-color: transparent;
}
.hamburger[aria-expanded=true] .hamburger__line::before {
  -webkit-transform: translateY(-10px) rotate(135deg);
      -ms-transform: translateY(-10px) rotate(135deg);
          transform: translateY(-10px) rotate(135deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(10px) rotate(-135deg);
      -ms-transform: translateY(10px) rotate(-135deg);
          transform: translateY(10px) rotate(-135deg);
}
.hamburger[aria-expanded=true] .hamburger__text_menu {
  display: none;
}
.hamburger[aria-expanded=true] .hamburger__text_close {
  display: block;
}
.hamburger__line {
  width: 35px;
  height: 4px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 8px);
  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);
}
.hamburger__line::before {
  content: "";
  width: 100%;
  height: 4px;
  display: inline-block;
  position: absolute;
  top: 10px;
  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: 4px;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  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__text {
  color: var(--base);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
}
.hamburger__text_close {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover, .hamburger:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  max-width: 430px;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--main);
  color: var(--base);
  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: 80px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--main);
  z-index: 1;
}
.drawer__items {
  max-width: 210px;
  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: 33px;
  margin-inline: auto;
  padding-top: 51px;
}
.drawer__item {
  position: relative;
}
.drawer__item_medical {
  padding-left: 22px;
}
.drawer__link {
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}
.drawer__en {
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
.drawer__details[open] .drawer__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.drawer__summary {
  width: 18px;
  height: 12px;
  display: block;
  position: absolute;
  top: -16px;
  left: -25px;
}
.drawer__summary::-webkit-details-marker {
  display: none;
}
.drawer__icon {
  width: 18px;
  height: 12px;
  display: block;
  -webkit-transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, background-color 0.4s;
  transition: transform 0.4s, background-color 0.4s, -webkit-transform 0.4s;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-drawer-arrow.svg);
          mask-image: url(../images/icon-drawer-arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  cursor: pointer;
}
.drawer__body {
  overflow: hidden;
}
.drawer__subitems {
  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;
  padding-top: 20px;
}
.drawer__subitem:not(:last-of-type) {
  border-bottom: 1px solid var(--base);
}
.drawer__sublink {
  width: 181px;
  display: block;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.975rem 0 0.88125rem 4px;
}
.drawer__sublink_med1 {
  padding-top: 0;
}
.drawer__sublink_med6 {
  padding-bottom: 0;
}

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

@media (hover: hover) and (pointer: fine) {
  .drawer__link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .drawer__link:hover, .drawer__link:focus {
    color: var(--accent);
  }
  .drawer__sublink {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .drawer__sublink:hover, .drawer__sublink:focus {
    color: var(--accent);
  }
  .drawer__icon:hover, .drawer__icon:focus {
    background-color: var(--accent);
  }
}
.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;
  }
}
/*###################################################################
  information（module）
###################################################################*/
.info__table {
  width: 100%;
  background-color: var(--base);
  font-size: clamp(0.795625rem, 0.2175739645rem + 2.150887574vw, 1.25rem);
  border: 2px solid var(--main);
}
.info__th-top {
  height: clamp(1.98875rem, 0.5432248521rem + 5.3786982249vw, 3.125rem);
  background-color: var(--main);
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
.info__th-left {
  width: 23.8%;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border: 2px solid var(--main);
}
.info__td {
  height: clamp(1.98875rem, 0.5432248521rem + 5.3786982249vw, 3.125rem);
  text-align: center;
  vertical-align: middle;
  border: 2px solid var(--main);
}
.info__circle::before {
  content: "";
  width: clamp(1.193125rem, 0.3256508876rem + 3.2278106509vw, 1.875rem);
  aspect-ratio: 1/1;
  display: block;
  background: url(../images/icon-circle.svg) no-repeat 0 0/contain;
  margin-inline: auto;
}
.info__cross::before {
  content: "";
  width: clamp(0.976875rem, 0.1523372781rem + 3.0680473373vw, 1.625rem);
  aspect-ratio: 1/1;
  display: block;
  background: url(../images/icon-cross.svg) no-repeat 0 0/contain;
  margin-inline: auto;
}

/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  height: clamp(14.375rem, 4.4736842105rem + 36.8421052632vw, 27.5rem);
  background: url(../images/lower-mv-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
}
.lower-mv__inner {
  max-width: 1216px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  height: 100%;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
@media (max-width: 768px) {
  .lower-mv__inner {
    padding: 0 clamp(0.9375rem, -0.2551775148rem + 4.4378698225vw, 1.875rem);
  }
}
.lower-mv__box {
  max-width: clamp(17.1875rem, 10.8235rem + 23.68vw, 35.6875rem);
  min-height: 115px;
  position: relative;
  margin-top: 14px;
  margin-left: auto;
  padding-right: clamp(2rem, 0.151rem + 6.88vw, 7.375rem);
}
@media (max-width: 768px) {
  .lower-mv__box {
    margin-right: auto;
    padding-right: 0;
  }
}
.lower-mv__box::after {
  content: "";
  width: 100%;
  aspect-ratio: 571/115;
  position: absolute;
  top: calc(50% + clamp(-0.375rem, -0.8498216246rem + 0.9879253568vw, 0.1875rem));
  left: calc(50% - 0px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/mv-deco.webp) no-repeat 0 0/contain;
  background-image: -webkit-image-set(url(../images/mv-deco.webp) 1x, url(../images/mv-deco@2x.webp) 2x);
  background-image: image-set(url(../images/mv-deco.webp) 1x, url(../images/mv-deco@2x.webp) 2x);
}
@media (max-width: 768px) {
  .lower-mv__box::after {
    top: calc(50% + clamp(-0.4375rem, -0.9130434783rem + 1.902173913vw, 0rem));
    background: url(../images/mv-deco_sp.webp) no-repeat 0 0/contain;
    background-image: -webkit-image-set(url(../images/mv-deco_sp.webp) 1x, url(../images/mv-deco_sp@2x.webp) 2x);
    background-image: image-set(url(../images/mv-deco_sp.webp) 1x, url(../images/mv-deco_sp@2x.webp) 2x);
  }
}
.lower-mv__title {
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
  font-size: clamp(2rem, 1.613rem + 1.44vw, 3.125rem);
  text-align: right;
}
@media (max-width: 768px) {
  .lower-mv__title {
    text-align: center;
  }
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-title1 {
  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: clamp(1.25rem, -0.6311154599rem + 3.9138943249vw, 2.5rem);
     -moz-column-gap: clamp(1.25rem, -0.6311154599rem + 3.9138943249vw, 2.5rem);
          column-gap: clamp(1.25rem, -0.6311154599rem + 3.9138943249vw, 2.5rem);
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 768px) {
  .top-title1 {
    -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: 17px;
  }
}
.top-title1__jp {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(2.5rem, 1.5514705882rem + 3.5294117647vw, 4.375rem);
}
.top-title1__en {
  color: var(--accent);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.6176470588rem + 2.3529411765vw, 2.5rem);
}

.top-title2 {
  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.0625rem, 0.6514705882rem + 1.5294117647vw, 1.875rem);
  font-weight: 500;
  line-height: 1;
}
.top-title2__jp {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(2.5rem, 1.5514705882rem + 3.5294117647vw, 4.375rem);
}
.top-title2__en {
  color: var(--accent);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.6176470588rem + 2.3529411765vw, 2.5rem);
}

.top-bg-1 {
  background: url(../images/top-bg-1.webp) no-repeat center bottom/100% auto;
  background-image: -webkit-image-set(url(../images/top-bg-1.webp) 1x, url(../images/top-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-bg-1.webp) 1x, url(../images/top-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-bg-1 {
    background: none;
  }
}

@media (max-width: 768px) {
  .top-mv {
    background: url(../images/top-bg-1_sp.webp) no-repeat center bottom/100% auto;
    background-image: -webkit-image-set(url(../images/top-bg-1_sp.webp) 1x, url(../images/top-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-bg-1_sp.webp) 1x, url(../images/top-bg-1_sp@2x.webp) 2x);
  }
}
.top-mv__inner {
  padding: 0 clamp(1.875rem, -52.5rem + 50vw, 7.5rem) 40px;
}
@media (max-width: 768px) {
  .top-mv__inner {
    padding: 0 clamp(0.9375rem, -20.6142241379rem + 86.2068965517vw, 2.5rem) clamp(1.3125rem, -0.1982248521rem + 5.6213017751vw, 2.5rem);
  }
}
.top-mv__body {
  position: relative;
}
.top-mv__box {
  max-width: clamp(24rem, 14.1342618002rem + 20.5268935236vw, 35.6875rem);
  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: clamp(2.8125rem, 0.9132135016rem + 3.951701427vw, 5.0625rem);
  position: absolute;
  top: clamp(1.25rem, -3.709248079rem + 10.3183315038vw, 7.125rem);
  right: clamp(0.625rem, -0.1663693743rem + 1.6465422613vw, 1.5625rem);
  z-index: 3;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .top-mv__box {
    max-width: clamp(19rem, 12.6390532544rem + 23.6686390533vw, 24rem);
    row-gap: 45px;
    top: 30px;
    right: inherit;
    left: calc(50% + 6px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.top-mv__box::after {
  content: "";
  width: 100%;
  aspect-ratio: 571/115;
  position: absolute;
  top: calc(50% - clamp(0.25rem, -0.119305708rem + 0.7683863886vw, 0.6875rem));
  left: calc(50% - 0px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/mv-deco.webp) no-repeat 0 0/contain;
  background-image: -webkit-image-set(url(../images/mv-deco.webp) 1x, url(../images/mv-deco@2x.webp) 2x);
  background-image: image-set(url(../images/mv-deco.webp) 1x, url(../images/mv-deco@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__box::after {
    top: calc(50% + 9px);
    background: url(../images/mv-deco_sp.webp) no-repeat 0 0/contain;
    background-image: -webkit-image-set(url(../images/mv-deco_sp.webp) 1x, url(../images/mv-deco_sp@2x.webp) 2x);
    background-image: image-set(url(../images/mv-deco_sp.webp) 1x, url(../images/mv-deco_sp@2x.webp) 2x);
  }
}
.top-mv__title {
  color: var(--main);
  font-size: clamp(2.5rem, 1.4448408342rem + 2.1953896817vw, 3.75rem);
  letter-spacing: 0.2em;
}
@media (max-width: 768px) {
  .top-mv__title {
    font-size: clamp(1.875rem, 1.0798816568rem + 2.9585798817vw, 2.5rem);
    text-align: center;
    letter-spacing: 0.15em;
  }
}
.top-mv__s {
  font-size: clamp(1.5625rem, 1.2987102086rem + 0.5488474204vw, 1.875rem);
}
@media (max-width: 768px) {
  .top-mv__s {
    font-size: clamp(1.25rem, 0.8524408284rem + 1.4792899408vw, 1.5625rem);
  }
}
.top-mv__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: var(--base);
  font-size: clamp(0.875rem, 0.5584522503rem + 0.6586169045vw, 1.25rem);
  letter-spacing: 0.2em;
  margin-left: clamp(0rem, -0.5275795829rem + 1.0976948408vw, 0.625rem);
}
@media (max-width: 768px) {
  .top-mv__text {
    font-size: clamp(0.75rem, 0.5909763314rem + 0.5917159763vw, 0.875rem);
  }
}
.top-mv__text::after {
  content: "";
  width: clamp(23.125rem, 15.3168221734rem + 16.2458836443vw, 32.375rem);
  aspect-ratio: 518/33;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #c6c6c6;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
@media (max-width: 768px) {
  .top-mv__text::after {
    width: clamp(19.5rem, 14.8883136095rem + 17.1597633136vw, 23.125rem);
  }
}
.top-mv__slide {
  overflow: hidden;
  border-radius: 40px;
}

@media (max-width: 768px) {
  .top-news {
    background-color: var(--base);
  }
}
.top-news__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 39px;
  padding-left: 39px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .top-news__inner {
    padding: 0 35px clamp(1.8125rem, 0.9378698225rem + 3.2544378698vw, 2.5rem) 40px;
  }
}
@media (max-width: 429px) {
  .top-news__inner {
    padding: 0 clamp(0.9375rem, -16.3038793103rem + 68.9655172414vw, 2.1875rem) 29px clamp(0.9375rem, -20.6142241379rem + 86.2068965517vw, 2.5rem);
  }
}
.top-news__body {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 20px 20px 33px;
}
@media (max-width: 768px) {
  .top-news__body {
    padding: 23px 0 33px;
  }
}
.top-news__body-inner {
  max-width: 1216px;
  margin-inline: auto;
  padding-left: 4px;
}
@media (max-width: 768px) {
  .top-news__body-inner {
    padding-left: 0;
  }
}
.top-news__main {
  height: 445px;
  overflow-y: auto;
  margin-top: clamp(1.1875rem, -0.7207840237rem + 7.100591716vw, 2.6875rem);
  padding-right: 20px;
}
@media (max-width: 768px) {
  .top-news__main {
    height: 530px;
    padding-right: 12px;
  }
}
.top-news__main::-webkit-scrollbar {
  width: 8px;
}
@media (max-width: 768px) {
  .top-news__main::-webkit-scrollbar {
    width: 5px;
  }
}
.top-news__main::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-news__main::-webkit-scrollbar-thumb {
  background-color: var(--main);
}
.top-news__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: 33px;
}
.top-news__post {
  max-width: 1108px;
  display: grid;
  grid-template-columns: clamp(7.1875rem, 4.0836594912rem + 6.457925636vw, 9.25rem) 1fr;
  font-size: clamp(1rem, 0.8735294118rem + 0.4705882353vw, 1.25rem);
  line-height: 1.6;
}
@media (max-width: 768px) {
  .top-news__post {
    grid-template-columns: 1fr;
    row-gap: 17px;
  }
}
.top-news__date {
  color: var(--main);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
}
.top-news__post-link {
  font-family: "Zen Maru Gothic", sans-serif;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: clamp(0.125rem, 0.0454881657rem + 0.2958579882vw, 0.1875rem);
}
.top-news__excerpt {
  white-space: pre-line;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .top-news__excerpt {
    margin-top: 24px;
  }
}
.top-news__more {
  margin-inline: auto;
}
.top-news__no-post {
  height: 300px;
  display: grid;
  place-items: center;
  font-size: clamp(1.25rem, 0.9338235294rem + 1.1764705882vw, 1.875rem);
  text-align: center;
}

@media (hover: hover) and (pointer: fine) {
  .top-news__post-link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .top-news__post-link:hover, .top-news__post-link:focus {
    color: var(--main);
  }
}
.top-overview {
  background: url(../images/top-overview-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-overview-bg.webp) 1x, url(../images/top-overview-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-overview-bg.webp) 1x, url(../images/top-overview-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-overview {
    background: url(../images/top-overview-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-overview-bg_sp.webp) 1x, url(../images/top-overview-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-overview-bg_sp.webp) 1x, url(../images/top-overview-bg_sp@2x.webp) 2x);
  }
}
.top-overview__inner {
  max-width: 1211px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 60px;
  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;
}
@media (max-width: 1000px) {
  .top-overview__inner {
    -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.8125rem, -0.5392011834rem + 5.0295857988vw, 1.875rem);
    padding: clamp(1.875rem, -0.5103550296rem + 8.875739645vw, 3.75rem) clamp(0.9375rem, -20.6142241379rem + 86.2068965517vw, 2.5rem);
  }
}
.top-overview__group1 {
  max-width: 550px;
  width: 100%;
}
.top-overview__logo {
  max-width: 529px;
  display: block;
  margin-inline: auto;
}
.top-overview__address {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  text-align: center;
  margin-top: 21px;
}
.top-overview__fax {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: 500;
  text-align: center;
  margin-top: 21px;
}
.top-overview__tel {
  height: clamp(3.4375rem, 2.6423816568rem + 2.9585798817vw, 4.0625rem);
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  background-color: var(--main);
  color: var(--base);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.8524408284rem + 1.4792899408vw, 1.5625rem);
  font-weight: bold;
  border-radius: 10px;
  margin-top: 20px;
}
.top-overview__tel::before {
  content: "";
  width: 25px;
  aspect-ratio: 25/33;
  background: url(../images/icon-tel.svg) no-repeat 0 0/contain;
}
.top-overview__info {
  margin-top: 20px;
}
.top-overview__group2 {
  max-width: clamp(25.875rem, -6.8637992832rem + 52.3297491039vw, 35rem);
  width: 100%;
}
@media (max-width: 1000px) {
  .top-overview__group2 {
    max-width: 560px;
  }
}
.top-overview__car {
  display: grid;
  grid-template-columns: 1fr clamp(11.0625rem, -1.9433243728rem + 20.7885304659vw, 14.6875rem);
  background-color: var(--base);
  border: 5px solid var(--main);
  padding: 5px;
}
@media (max-width: 1000px) {
  .top-overview__car {
    min-height: 190px;
    grid-template-columns: 1fr clamp(8.6875rem, 1.0543639053rem + 28.4023668639vw, 14.6875rem);
  }
}
.top-overview__car-box {
  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: 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;
  background-color: #b8e1f7;
  font-weight: 500;
}
.top-overview__car-text-1 {
  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: 10px;
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5rem, 0.1545698925rem + 2.1505376344vw, 1.875rem);
}
@media (max-width: 1000px) {
  .top-overview__car-text-1 {
    font-size: clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem);
  }
}
.top-overview__car-text-1::before {
  content: "";
  width: clamp(2.14875rem, 0.429704142rem + 6.3964497041vw, 3.5rem);
  aspect-ratio: 56/42;
  background: url(../images/icon-car.svg) no-repeat 0 0/contain;
}
.top-overview__car-text-2 {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: 12px;
}
.top-overview__img {
  height: 100%;
  aspect-ratio: 240/229;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .top-overview__img {
    aspect-ratio: 149/170;
  }
}
.top-overview__map {
  margin-top: clamp(0.9375rem, -0.6527366864rem + 5.9171597633vw, 2.1875rem);
}
.top-overview__gmap {
  width: 100%;
  height: clamp(18.75rem, 10.798816568rem + 29.5857988166vw, 25rem);
}

.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);
}
@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__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 71px 30px 60px;
}
@media (max-width: 1000px) {
  .top-greet__inner {
    max-width: 700px;
    padding: clamp(1.25rem, -1.1546052632rem + 8.9473684211vw, 4.4375rem) clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem) clamp(1.875rem, 0.4605263158rem + 5.2631578947vw, 3.75rem);
  }
}
.top-greet__body {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: clamp(0.625rem, -0.9652366864rem + 5.9171597633vw, 1.875rem) 20px clamp(1.875rem, 1.0798816568rem + 2.9585798817vw, 2.5rem);
}
.top-greet__body-inner {
  max-width: 1130px;
  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: 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;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .top-greet__body-inner {
    -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: 26px;
  }
}
.top-greet__box {
  max-width: 480px;
  width: 100%;
  margin-top: 8px;
}
.top-greet__text-1 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 1.0919117647rem + 0.5882352941vw, 1.5625rem);
  line-height: 1.2;
  margin-top: clamp(2rem, 0.3969298246rem + 5.9649122807vw, 4.125rem);
}
@media (max-width: 768px) {
  .top-greet__text-1 {
    text-align: center;
  }
}
.top-greet__text-2 {
  font-size: clamp(1rem, 0.8735294118rem + 0.4705882353vw, 1.25rem);
  line-height: 2;
  white-space: pre-line;
  margin-top: clamp(1.8125rem, 0.8583579882rem + 3.550295858vw, 2.5625rem);
}
.top-greet__name-box {
  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: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-top: clamp(1.875rem, 1.0798816568rem + 2.9585798817vw, 2.5rem);
}
@media (max-width: 768px) {
  .top-greet__name-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.top-greet__job {
  width: clamp(3.75rem, 2.8014705882rem + 3.5294117647vw, 5.625rem);
  height: clamp(2.75rem, 1.9279411765rem + 3.0588235294vw, 4.375rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  color: var(--main);
  font-size: clamp(1.25rem, 1.0919117647rem + 0.5882352941vw, 1.5625rem);
  border: 1px solid var(--main);
}
.top-greet__name {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, 1.5588235294rem + 1.1764705882vw, 2.5rem);
}
.top-greet__link {
  max-width: clamp(17.5rem, 11.8421052632rem + 21.0526315789vw, 25rem);
  margin-top: clamp(2.5rem, 1.6041666667rem + 3.3333333333vw, 3.6875rem);
}
@media (max-width: 768px) {
  .top-greet__link {
    margin-inline: auto;
  }
}
.top-greet__img {
  max-width: clamp(20rem, 3.3025147929rem + 62.1301775148vw, 33.125rem);
  width: 100%;
}

.top-feature__top {
  background-color: var(--base2);
}
.top-feature__top-inner {
  max-width: 676px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 48px 15px 44px;
}
@media (max-width: 1280px) {
  .top-feature__top-inner {
    max-width: clamp(22.25rem, 12.1323529412rem + 37.6470588235vw, 42.25rem);
    padding: clamp(2.125rem, 1.6535087719rem + 1.7543859649vw, 2.75rem) 15px clamp(1.9375rem, 1.3245614035rem + 2.2807017544vw, 2.75rem);
  }
}
.top-feature__title {
  position: relative;
}
.top-feature__title::before, .top-feature__title::after {
  content: "";
  width: clamp(3.625rem, 1.8227941176rem + 6.7058823529vw, 7.1875rem);
  aspect-ratio: 115/90;
  position: absolute;
  bottom: clamp(0.625rem, 0.1507352941rem + 1.7647058824vw, 1.5625rem);
  background: url(../images/icon-top-feature.svg) no-repeat 0 0/contain;
}
.top-feature__title::before {
  left: 0;
}
.top-feature__title::after {
  right: 0;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.top-feature__01 {
  background: #fff8c6 url(../images/top-feature-1-bg.webp) no-repeat bottom right/clamp(15.9375rem, 11.3020134228rem + 17.2483221477vw, 32rem) auto;
  background-image: -webkit-image-set(url(../images/top-feature-1-bg.webp) 1x, url(../images/top-feature-1-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-1-bg.webp) 1x, url(../images/top-feature-1-bg@2x.webp) 2x);
  margin-top: clamp(1.25rem, 0.3070175439rem + 3.5087719298vw, 2.5rem);
}
@media (max-width: 768px) {
  .top-feature__01 {
    background-color: #fff8c6;
    background-image: none;
  }
}
.top-feature__01-inner {
  max-width: 1920px;
  margin-inline: auto;
  padding-bottom: clamp(1.875rem, -0.4330882353rem + 8.5882352941vw, 6.4375rem);
}
.top-feature__01-body {
  max-width: 1550px;
  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: 1000px) {
  .top-feature__01-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;
    padding-right: 0;
  }
}
.top-feature__box-outer {
  display: contents;
}
@media (max-width: 1000px) {
  .top-feature__box-outer_01 {
    max-width: 580px;
    width: 100%;
    display: block;
    padding: 0 40px;
  }
}
.top-feature__box {
  width: 100%;
  border-radius: 20px;
  padding: clamp(1.375rem, -0.41890681rem + 2.8673835125vw, 1.875rem) 20px clamp(1.875rem, -0.1431451613rem + 3.2258064516vw, 2.4375rem);
}
.top-feature__box_01 {
  max-width: 500px;
  background-color: var(--base);
  margin-top: clamp(1.875rem, -6.0128454231rem + 12.6079447323vw, 6.4375rem);
}
.top-feature__box_0203 {
  max-width: 640px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: calc(clamp(-17.375rem, -29.2609536082rem + 18.9985272459vw, -9.3125rem) * -1);
}
@media (max-width: 1000px) {
  .top-feature__box_0203 {
    margin-top: clamp(11.75rem, 7.4594298246rem + 15.9649122807vw, 17.4375rem);
  }
}
.top-feature__box-inner {
  margin-inline: auto;
}
.top-feature__box-inner_01 {
  max-width: 400px;
}
.top-feature__box-inner_0203 {
  max-width: 560px;
}
.top-feature__number-area {
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
}
.top-feature__number-area_01 {
  -webkit-column-gap: clamp(1.25rem, -0.0954301075rem + 2.1505376344vw, 1.625rem);
     -moz-column-gap: clamp(1.25rem, -0.0954301075rem + 2.1505376344vw, 1.625rem);
          column-gap: clamp(1.25rem, -0.0954301075rem + 2.1505376344vw, 1.625rem);
}
.top-feature__number-text {
  font-size: clamp(1rem, 0.8114035088rem + 0.701754386vw, 1.25rem);
}
.top-feature__number {
  font-size: clamp(3.75rem, 2.8070175439rem + 3.5087719298vw, 5rem);
}
.top-feature__box-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5625rem, 0.8552631579rem + 2.6315789474vw, 2.5rem);
  font-weight: 500;
  line-height: 1.6;
  white-space: pre-line;
  margin-top: clamp(1.3125rem, 0.6397849462rem + 1.0752688172vw, 1.5rem);
}
.top-feature__box-title_01 {
  color: #f0b131;
}
.top-feature__box-title_02 {
  color: #1b93d4;
}
.top-feature__box-title_03 {
  max-width: 521px;
  color: #f2753b;
}
.top-feature__text {
  font-size: clamp(1rem, 0.8114035088rem + 0.701754386vw, 1.25rem);
  font-weight: 500;
  line-height: 2;
  margin-top: clamp(1.25rem, 1.0257616487rem + 0.3584229391vw, 1.3125rem);
}
.top-feature__01-img {
  max-width: 960px;
  width: 100%;
}
.top-feature__0203 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-top: clamp(1.25rem, 0.3070175439rem + 3.5087719298vw, 2.5rem);
}
@media (max-width: 1000px) {
  .top-feature__0203 {
    grid-template-columns: 1fr;
    row-gap: clamp(1.25rem, 0.3070175439rem + 3.5087719298vw, 2.5rem);
  }
}
.top-feature__02 {
  background: #cde7f5 url(../images/top-feature-2-bg.webp) no-repeat bottom left/clamp(12.5rem, 8.8926174497rem + 13.4228187919vw, 25rem) auto;
  background-image: -webkit-image-set(url(../images/top-feature-2-bg.webp) 1x, url(../images/top-feature-2-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-2-bg.webp) 1x, url(../images/top-feature-2-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature__02 {
    background-color: #cde7f5;
    background-image: none;
  }
}
.top-feature__03 {
  background: #f7e8e1 url(../images/top-feature-3-bg.webp) no-repeat bottom left/clamp(15.6875rem, 11.1602348993rem + 16.8456375839vw, 31.375rem) auto;
  background-image: -webkit-image-set(url(../images/top-feature-3-bg.webp) 1x, url(../images/top-feature-3-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-3-bg.webp) 1x, url(../images/top-feature-3-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature__03 {
    background-color: #f7e8e1;
    background-image: none;
  }
}
.top-feature__03-outer {
  max-width: 940px;
  width: 100%;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .top-feature__03-outer {
    max-width: 100%;
  }
}
.top-feature__body {
  max-width: 890px;
  width: 100%;
  position: relative;
  margin-left: auto;
  padding: 1px 30px 56px;
}
@media (max-width: 1000px) {
  .top-feature__body {
    padding: 1px 40px clamp(1.875rem, 0.649122807rem + 4.5614035088vw, 3.5rem);
    max-width: 100%;
  }
}
.top-feature__img {
  max-width: clamp(18.75rem, 2.7192982456rem + 59.649122807vw, 40rem);
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.top-feature__bottom {
  position: relative;
  margin-top: clamp(1.25rem, 0.3070175439rem + 3.5087719298vw, 2.5rem);
}
.top-feature__wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.top-feature__slide {
  width: 384px;
}
@media (max-width: 768px) {
  .top-feature__slide {
    width: 215px;
  }
}
.top-feature__slide-img {
  height: 100%;
  aspect-ratio: 384/204;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .top-feature__slide-img {
    aspect-ratio: 215/204;
  }
}
.top-feature__link {
  max-width: clamp(21.25rem, 14.8848684211rem + 23.6842105263vw, 29.6875rem);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}

.top-med {
  background-color: var(--base2);
}
.top-med_pos {
  margin-top: clamp(1.25rem, 0.3070175439rem + 3.5087719298vw, 2.5rem);
}
.top-med__top-inner {
  max-width: 720px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 48px;
}
@media (max-width: 1000px) {
  .top-med__top-inner {
    padding: clamp(2.125rem, 1.4649122807rem + 2.4561403509vw, 3rem) clamp(0.9375rem, -0.2551775148rem + 4.4378698225vw, 1.875rem) 0;
  }
}
.top-med__top-text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 0.6176470588rem + 2.3529411765vw, 2.5rem);
  font-weight: 500;
  text-align: center;
  margin-top: clamp(1.5625rem, 0.9301470588rem + 2.3529411765vw, 2.8125rem);
}
.top-med__blue {
  color: var(--main);
}
.top-med__main {
  max-width: 1920px;
  display: grid;
  grid-template-columns: 41.6666666667% 1fr;
  outline: clamp(0.4375rem, 0.3110294118rem + 0.4705882353vw, 0.6875rem) solid var(--base);
  outline-offset: calc(clamp(1.6875rem, 1.4989035088rem + 0.701754386vw, 1.9375rem) * -1);
  margin-top: clamp(1.9375rem, 0.5230263158rem + 5.2631578947vw, 3.8125rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-med__main {
    grid-template-columns: 1fr;
  }
}
.top-med__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-med__box {
  background-color: var(--main);
  color: var(--base);
  padding: clamp(1.25rem, -0.8051470588rem + 7.6470588235vw, 5.3125rem) clamp(2.5rem, 2.1838235294rem + 1.1764705882vw, 3.125rem) 50px;
}
.top-med__box-inner {
  max-width: 640px;
  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-inline: auto;
}
@media (max-width: 768px) {
  .top-med__box-inner {
    max-width: 540px;
  }
}
.top-med__box-icon {
  max-width: clamp(5.5rem, 4.4882352941rem + 3.7647058824vw, 7.5rem);
}
.top-med__box-title {
  margin-top: calc(clamp(-2rem, -2.7951183432rem + 2.9585798817vw, -1.375rem) * -1);
}
.top-med__box-text {
  margin-top: 21px;
}
.top-med__box-link {
  margin-top: clamp(1.75rem, 1.4022058824rem + 1.2941176471vw, 2.4375rem);
}
.top-med__t50 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, 1.2426470588rem + 2.3529411765vw, 3.125rem);
  font-weight: 500;
}
.top-med__t50::first-letter {
  color: var(--accent);
}
.top-med__t20 {
  font-size: clamp(1rem, 0.8735294118rem + 0.4705882353vw, 1.25rem);
  font-weight: 500;
  line-height: 2;
}
.top-med__items {
  max-width: 1400px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px clamp(1.25rem, -2.8879310345rem + 8.6206896552vw, 2.5rem);
  margin-top: clamp(1.875rem, 0.4605263158rem + 5.2631578947vw, 3.75rem);
}
@media (max-width: 1280px) {
  .top-med__items {
    max-width: 900px;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem);
  }
}
@media (max-width: 768px) {
  .top-med__items {
    max-width: 440px;
    grid-template-columns: 1fr;
  }
}
.top-med__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  justify-items: center;
  gap: 0;
  background-color: var(--base);
  border: 7px solid var(--main);
  border-radius: 20px;
  padding: clamp(1.4375rem, 0.9660087719rem + 1.7543859649vw, 2.0625rem) 30px 33px;
}
.top-med__item-icon_2 {
  max-width: clamp(4.5625rem, 4.1830882353rem + 1.4117647059vw, 5.3125rem);
}
.top-med__item-icon_3 {
  max-width: clamp(6.75rem, 6.1808823529rem + 2.1176470588vw, 7.875rem);
}
.top-med__item-icon_3 {
  max-width: clamp(6.8125rem, 6.2433823529rem + 2.1176470588vw, 7.9375rem);
}
.top-med__item-title {
  margin-top: 30px;
}
.top-med__item-text {
  margin-top: calc(clamp(-2.125rem, -2.8793859649rem + 2.8070175439vw, -1.125rem) * -1);
}
.top-med__item-link {
  margin-top: 29px;
}
.top-med__link {
  max-width: clamp(14.6875rem, 9.2653508772rem + 20.1754385965vw, 21.875rem);
}
.top-med__link::after {
  width: 46px;
  aspect-ratio: 46/16;
  background: url(../images/icon-link-arrow-s.svg) no-repeat 0 0/contain;
}
.top-med__bottom {
  background: url(../images/top-med-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-med-bg.webp) 1x, url(../images/top-med-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-med-bg.webp) 1x, url(../images/top-med-bg@2x.webp) 2x);
  margin-top: clamp(1.875rem, 0.4605263158rem + 5.2631578947vw, 3.75rem);
}
@media (max-width: 768px) {
  .top-med__bottom {
    background: url(../images/top-med-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-med-bg_sp.webp) 1x, url(../images/top-med-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-med-bg_sp.webp) 1x, url(../images/top-med-bg_sp@2x.webp) 2x);
  }
}
.top-med__bottom-inner {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 100px 40px 100px;
}
@media (max-width: 1000px) {
  .top-med__bottom-inner {
    padding: clamp(2.5rem, -0.3289473684rem + 10.5263157895vw, 6.25rem) 40px;
  }
}
.top-med__bottom-body {
  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;
  background-color: var(--base);
  border: 7px solid var(--main);
  border-radius: 20px;
  padding: clamp(1.5625rem, 1.3095588235rem + 0.9411764706vw, 2.0625rem) 40px clamp(1.5rem, 1.2154411765rem + 1.0588235294vw, 2.0625rem);
}
.top-med__bottom-icon {
  max-width: clamp(3.375rem, 2.4580882353rem + 3.4117647059vw, 5.1875rem);
}
.top-med__bottom-title {
  margin-top: clamp(1.3125rem, 0.6485294118rem + 2.4705882353vw, 2.625rem);
}
.top-med__bottom-text {
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: 22px;
}
.top-med__bottom-link {
  margin-top: clamp(1.25rem, 0.6492647059rem + 2.2352941176vw, 2.4375rem);
}

.top-recruit {
  background-color: var(--base2);
}
.top-recruit__outer {
  max-width: 1920px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
}
@media (max-width: 900px) {
  .top-recruit__outer {
    grid-template-columns: 1fr;
  }
}
.top-recruit__main {
  max-width: 670px;
  width: 100%;
  margin-left: auto;
  padding: clamp(2.125rem, 0.1808510638rem + 7.2340425532vw, 4.25rem) 30px clamp(1.875rem, 0.1595744681rem + 6.3829787234vw, 3.75rem);
}
@media (max-width: 900px) {
  .top-recruit__main {
    max-width: 441px;
    grid-area: 2/1/3/2;
    margin-right: auto;
  }
}
.top-recruit__box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .top-recruit__box {
    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-inline: auto;
  }
}
.top-recruit__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.25rem, 0.6176470588rem + 2.3529411765vw, 2.5rem);
  font-weight: 500;
  line-height: 1.6;
  white-space: pre-line;
  margin-top: clamp(2rem, 1.1994680851rem + 2.9787234043vw, 2.875rem);
}
.top-recruit__link {
  max-width: clamp(14.6875rem, 9.2653508772rem + 20.1754385965vw, 21.875rem);
  margin-top: clamp(2.4375rem, 1.2367021277rem + 4.4680851064vw, 3.75rem);
}
.top-recruit__link::after {
  width: 46px;
  aspect-ratio: 46/16;
  background: url(../images/icon-link-arrow-s.svg) no-repeat 0 0/contain;
}
@media (max-width: 900px) {
  .top-recruit__img {
    grid-area: 1/1/2/2;
  }
}
.top-recruit__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-insta__inner {
  max-width: 487px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  height: clamp(10.5rem, 5.1882352941rem + 19.7647058824vw, 21rem);
  display: grid;
  place-items: center;
}
.top-insta__link {
  max-width: clamp(18.8125rem, 13.5639705882rem + 19.5294117647vw, 29.1875rem);
}

/*###################################################################
  clinic（page）
###################################################################*/
.clinic1_pos {
  margin-top: clamp(3.125rem, 0.9583333333rem + 8.6666666667vw, 6.375rem);
}
.clinic1__bg {
  background: url(../images/clinic1-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/clinic1-bg.webp) 1x, url(../images/clinic1-bg@2x.webp) 2x);
  background-image: image-set(url(../images/clinic1-bg.webp) 1x, url(../images/clinic1-bg@2x.webp) 2x);
  color: var(--base);
  margin-top: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
}
.clinic1__inner {
  max-width: 960px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 72px 30px 79px;
}
@media (max-width: 1000px) {
  .clinic1__inner {
    padding: clamp(3.125rem, 2.2083333333rem + 3.6666666667vw, 4.5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, 1.9166666667rem + 4.8333333333vw, 4.9375rem);
  }
}
.clinic1__subtitle {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.75rem, 1.4090909091rem + 1.3636363636vw, 2.5rem);
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.clinic1__text {
  max-width: 741px;
  text-align: center;
  margin-top: 33px;
  margin-inline: auto;
}

.clinic2__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
@media (max-width: 1000px) {
  .clinic2__body {
    grid-template-columns: 1fr;
  }
}
.clinic2__item {
  min-height: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.clinic2__item_1 {
  background: url(../images/clinic2-bg-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/clinic2-bg-1.webp) 1x, url(../images/clinic2-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/clinic2-bg-1.webp) 1x, url(../images/clinic2-bg-1@2x.webp) 2x);
}
.clinic2__item_2 {
  background: url(../images/clinic2-bg-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/clinic2-bg-2.webp) 1x, url(../images/clinic2-bg-2@2x.webp) 2x);
  background-image: image-set(url(../images/clinic2-bg-2.webp) 1x, url(../images/clinic2-bg-2@2x.webp) 2x);
}
.clinic2__item-box {
  width: 100%;
  height: clamp(12.5rem, 7.9851804124rem + 7.2164948454vw, 15.5625rem);
  display: grid;
  place-items: center;
  color: var(--base);
  margin-top: auto;
  padding: 0 18px;
}
@media (max-width: 1000px) {
  .clinic2__item-box {
    height: clamp(8.125rem, 3.9583333333rem + 16.6666666667vw, 14.375rem);
  }
}
.clinic2__item-box_1 {
  max-width: clamp(18.75rem, 0.7828608247rem + 28.7187039764vw, 30.9375rem);
  background-color: var(--accent);
  margin-left: auto;
}
@media (max-width: 1000px) {
  .clinic2__item-box_1 {
    max-width: clamp(16.5625rem, 8.0625rem + 34vw, 29.3125rem);
  }
}
.clinic2__item-box_2 {
  max-width: clamp(18.75rem, 3.1784793814rem + 24.8895434462vw, 29.3125rem);
  background-color: var(--main);
}
@media (max-width: 1000px) {
  .clinic2__item-box_2 {
    max-width: clamp(16.5625rem, 8.0625rem + 34vw, 29.3125rem);
  }
}
.clinic2__item-box-inner {
  max-width: 320px;
  width: 100%;
}
.clinic2__item-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, 0.9536082474rem + 1.4727540501vw, 2.5rem);
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  border-bottom: 2px solid var(--base);
}
@media (max-width: 1000px) {
  .clinic2__item-title {
    font-size: clamp(1.5rem, 1rem + 2vw, 2.25rem);
  }
}
.clinic2__item-title_1 {
  padding-bottom: clamp(0.625rem, 0.2916666667rem + 1.3333333333vw, 1.125rem);
}
.clinic2__item-title_2 {
  padding-bottom: 10px;
}
.clinic2__item-text {
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(0.75rem, 0.375rem + 1.5vw, 1.3125rem);
}
.clinic2__col {
  background: var(--base2);
}
.clinic2__col-inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .clinic2__col-inner {
    -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: 30px;
    padding: clamp(3.125rem, 1.875rem + 5vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic2__img-1 {
  max-width: 590px;
  width: 100%;
}
.clinic2__col-box {
  max-width: 630px;
  width: 100%;
}
@media (max-width: 1000px) {
  .clinic2__col-box {
    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: 30px;
  }
}
.clinic2__col-text-box {
  max-width: 600px;
  color: var(--main);
}
.clinic2__col-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5rem, 0.8333333333rem + 2.6666666667vw, 2.5rem);
  border-bottom: 2px solid var(--main);
  padding-bottom: 20px;
}
.clinic2__col-text {
  margin-top: 21px;
}
.clinic2__col-img-2 {
  margin-top: 29px;
}
@media (max-width: 1000px) {
  .clinic2__col-img-2 {
    margin-top: 0;
  }
}

.clinic3__top-inner {
  max-width: 1170px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .clinic3__top-inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic3__top-text {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.125rem, 0.7840909091rem + 1.3636363636vw, 1.875rem);
  font-weight: 500;
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(1.875rem, 0.5833333333rem + 5.1666666667vw, 3.8125rem);
}
.clinic3__bg {
  background-color: var(--base3);
  margin-top: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
}
.clinic3__items {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5625rem, 0.1041666667rem + 5.8333333333vw, 3.75rem) clamp(1.25rem, -61.5838607595rem + 78.4810126582vw, 5.125rem);
}
@media (max-width: 1000px) {
  .clinic3__items {
    padding: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
@media (max-width: 768px) {
  .clinic3__items {
    max-width: 600px;
    grid-template-columns: 1fr;
  }
}
.clinic3__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  justify-items: center;
  gap: 0;
  background-color: var(--base);
  border: 7px solid var(--main);
  border-radius: 20px;
  padding: 23px clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
}
.clinic3__item-icon {
  width: 100%;
}
.clinic3__item-icon_1 {
  max-width: clamp(4.25rem, 3.5860294118rem + 2.4705882353vw, 5.5625rem);
}
.clinic3__item-icon_2 {
  max-width: clamp(2.8125rem, 2.3698529412rem + 1.6470588235vw, 3.6875rem);
}
.clinic3__item-icon_3 {
  max-width: clamp(4.5625rem, 3.8669117647rem + 2.5882352941vw, 5.9375rem);
}
.clinic3__item-icon_4 {
  max-width: clamp(5rem, 4.2411764706rem + 2.8235294118vw, 6.5rem);
}
.clinic3__item-title {
  margin-top: 12px;
}
.clinic3__t50 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, 1.2426470588rem + 2.3529411765vw, 3.125rem);
  font-weight: 500;
}
.clinic3__t50::first-letter {
  color: var(--accent);
}
.clinic3__item-text {
  max-width: 480px;
  margin-top: 21px;
}
.clinic3__t20 {
  font-size: clamp(1rem, 0.8735294118rem + 0.4705882353vw, 1.25rem);
  font-weight: 500;
  line-height: 2;
}
.clinic3__item-link {
  margin-top: 39px;
}
.clinic3__link {
  max-width: clamp(14.6875rem, 9.2653508772rem + 20.1754385965vw, 21.875rem);
}
.clinic3__link::after {
  width: 46px;
  aspect-ratio: 46/16;
  background: url(../images/icon-link-arrow-s.svg) no-repeat 0 0/contain;
}

.clinic4__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .clinic4__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic4__top {
  max-width: 1051px;
  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;
  margin-top: clamp(2.5rem, 1.5416666667rem + 3.8333333333vw, 3.9375rem);
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .clinic4__top {
    -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: 40px;
  }
}
.clinic4__group {
  max-width: 432px;
  width: 100%;
}
.clinic4__logo {
  max-width: clamp(21.82125rem, 7.5202514793rem + 53.2130177515vw, 33.0625rem);
  display: block;
  margin-inline: auto;
}
.clinic4__address {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  text-align: center;
}
.clinic4__fax {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: 500;
  text-align: center;
  margin-top: 21px;
}
.clinic4__buttons {
  max-width: 433px;
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: clamp(1.1875rem, 1.1079881657rem + 0.2958579882vw, 1.25rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .clinic4__buttons {
    -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;
  }
}
.clinic4__tel {
  max-width: 233px;
  width: 100%;
  height: 65px;
  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;
  background-color: var(--main);
  color: var(--base);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.5625rem;
  font-weight: bold;
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .clinic4__tel {
    max-width: 350px;
    height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    font-size: 1.25rem;
  }
}
.clinic4__tel::before {
  content: "";
  width: 25px;
  aspect-ratio: 25/33;
  background: url(../images/icon-tel.svg) no-repeat 0 0/contain;
}
.clinic4__web {
  max-width: 181px;
  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-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--base);
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5625rem;
  font-weight: bold;
  border: 3px solid var(--main);
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .clinic4__web {
    max-width: 350px;
    height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    font-size: 1.25rem;
  }
}
.clinic4__web::before {
  content: "";
  width: 37px;
  aspect-ratio: 1/1;
  background: url(../images/icon-calendar.svg) no-repeat 0 0/contain;
}
.clinic4__info {
  max-width: 550px;
  width: 100%;
}
.clinic4__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;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(1.875rem, 0.5416666667rem + 5.3333333333vw, 3.875rem);
}
@media (max-width: 768px) {
  .clinic4__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;
    row-gap: 20px;
  }
}
.clinic4__item {
  max-width: 600px;
  width: 100%;
}
.clinic4__gmap {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

.clinic5__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .clinic5__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic5__images {
  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 20px;
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
@media (max-width: 768px) {
  .clinic5__images {
    -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;
  }
}
.clinic5__text {
  margin-top: clamp(1.5625rem, 0.8958333333rem + 2.6666666667vw, 2.5625rem);
}

.clinic6__inner {
  max-width: 980px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .clinic6__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic6__slider {
  margin-top: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
}
.clinic6__text {
  background-color: var(--main);
}
.clinic6__prev::after, .clinic6__next::after {
  background-image: url(../images/icon-slider1-arrow.svg);
}

.clinic7__inner {
  max-width: 980px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .clinic7__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.clinic7__slider {
  margin-top: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
}
.clinic7__text {
  background-color: var(--accent);
}
.clinic7__prev::after, .clinic7__next::after {
  background-image: url(../images/icon-slider2-arrow.svg);
}

.clinic8__inner {
  max-width: 1140px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 115px;
}
@media (max-width: 1000px) {
  .clinic8__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(5.625rem, 4.5833333333rem + 4.1666666667vw, 7.1875rem);
  }
}
.clinic8__title-s {
  font-size: clamp(1.3125rem, 0.9375rem + 1.5vw, 1.875rem);
  margin-top: clamp(0.5625rem, 0.3958333333rem + 0.6666666667vw, 0.8125rem);
}
.clinic8__text_top {
  margin-top: clamp(1.875rem, 0.0833333333rem + 7.1666666667vw, 4.5625rem);
}
.clinic8__main {
  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.0454545455rem + 1.8181818182vw, 3.5rem);
  margin-top: clamp(1.875rem, 1.0511363636rem + 3.2954545455vw, 3.6875rem);
}
.clinic8__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: 0.71875rem;
  margin-top: clamp(1.5625rem, 1.2215909091rem + 1.3636363636vw, 2.3125rem);
}
.clinic8__item {
  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: clamp(0.375rem, 0.2613636364rem + 0.4545454545vw, 0.625rem);
     -moz-column-gap: clamp(0.375rem, 0.2613636364rem + 0.4545454545vw, 0.625rem);
          column-gap: clamp(0.375rem, 0.2613636364rem + 0.4545454545vw, 0.625rem);
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 1.6;
}
.clinic8__item::before {
  content: "";
  min-width: clamp(0.6rem, 0.5318181818rem + 0.2727272727vw, 0.75rem);
  aspect-ratio: 1/1;
  background-color: var(--accent);
  border-radius: 50%;
  margin-top: 9px;
}

.clinic-slider__top {
  max-width: 880px;
  position: relative;
  margin-inline: auto;
  padding: 0 70px;
}
@media (max-width: 768px) {
  .clinic-slider__top {
    max-width: 100%;
    padding: 0;
  }
}
.clinic-slider__swiper {
  max-width: 600px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .clinic-slider__swiper {
    max-width: 100%;
  }
}
.clinic-slider__slide {
  position: relative;
}
.clinic-slider__text {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--base);
  font-size: clamp(0.875rem, 0.4673913043rem + 1.6304347826vw, 1.25rem);
  font-weight: 500;
  line-height: 1.2;
  padding: clamp(0.625rem, -0.0543478261rem + 2.7173913043vw, 1.25rem) clamp(1.875rem, -0.1630434783rem + 8.152173913vw, 3.75rem);
}
.clinic-slider__img {
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.clinic-slider__prev, .clinic-slider__next {
  width: clamp(2.1875rem, 0.4891304348rem + 6.7934782609vw, 3.75rem);
  height: inherit;
  aspect-ratio: 1/1;
  top: calc(50% + 20px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.clinic-slider__prev::after, .clinic-slider__next::after {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
.clinic-slider__prev {
  left: 0;
}
@media (max-width: 768px) {
  .clinic-slider__prev {
    left: clamp(0rem, -0.6793478261rem + 2.7173913043vw, 0.625rem);
  }
}
.clinic-slider__next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
  .clinic-slider__next {
    right: clamp(0rem, -0.6793478261rem + 2.7173913043vw, 0.625rem);
  }
}
.clinic-slider__bottom {
  margin-top: clamp(1.25rem, -1.4673913043rem + 10.8695652174vw, 3.75rem);
}
.clinic-slider__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.625rem, -2.1875rem + 7.5vw, 2.5rem);
}
.clinic-slider__item {
  cursor: pointer;
}
.clinic-slider__item1 {
  position: relative;
}
.clinic-slider__item1::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.clinic-slider__item1_active::after {
  content: none;
}
.clinic-slider__item2 {
  position: relative;
}
.clinic-slider__item2::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.clinic-slider__item2_active::after {
  content: none;
}
.clinic-slider__item-img {
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {
  .clinic-slider__item1:hover::after, .clinic-slider__item1:focus::after {
    content: none;
  }
  .clinic-slider__item2:hover::after, .clinic-slider__item2:focus::after {
    content: none;
  }
}
/*###################################################################
  doctor（page）
###################################################################*/
.doctor-main__1 {
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}

.doctor1 {
  background-color: var(--base2);
}
.doctor1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
  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: 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;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .doctor1__inner {
    -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: 40px;
    padding: clamp(2.8125rem, 1.3541666667rem + 5.8333333333vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.doctor1__box {
  max-width: 640px;
  width: 100%;
  margin-top: auto;
}
.doctor1__name-box {
  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: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media (max-width: 768px) {
  .doctor1__name-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.doctor1__job {
  width: clamp(3.75rem, 2.8977272727rem + 3.4090909091vw, 5.625rem);
  height: clamp(2.75rem, 2.0113636364rem + 2.9545454545vw, 4.375rem);
  display: grid;
  place-items: center;
  background-color: var(--base);
  color: var(--main);
  font-size: clamp(1.25rem, 1.1079545455rem + 0.5681818182vw, 1.5625rem);
  border: 1px solid var(--main);
}
.doctor1__name {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, 1.5909090909rem + 1.1363636364vw, 2.5rem);
}
.doctor1__title {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5rem, 1.0454545455rem + 1.8181818182vw, 2.5rem);
  line-height: 1.2;
  margin-top: clamp(1.5625rem, 0.9375rem + 2.5vw, 2.5rem);
}
.doctor1__text {
  white-space: pre-line;
  margin-top: clamp(1.5625rem, 0.9375rem + 2.5vw, 2.5rem);
}
.doctor1__img {
  max-width: 530px;
  width: 100%;
}
@media (max-width: 768px) {
  .doctor1__img {
    max-width: clamp(18.75rem, 11.9565217391rem + 27.1739130435vw, 25rem);
  }
}

.doctor2 {
  background-color: var(--main);
}
.doctor2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 60px;
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .doctor2__inner {
    padding: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 60px;
  }
}
@media (max-width: 900px) {
  .doctor2__inner {
    -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: 30px;
  }
}
.doctor2__box {
  max-width: 600px;
  width: 100%;
  background-color: var(--base);
  padding: 30px clamp(0.9375rem, -4.6684587814rem + 8.9605734767vw, 2.5rem) 31px;
}
.doctor2__box_2 {
  padding-top: clamp(1.875rem, -0.3673835125rem + 3.5842293907vw, 2.5rem);
}
.doctor2__title {
  height: clamp(3.25rem, 2.2272727273rem + 4.0909090909vw, 5.5rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background-color: var(--main);
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5rem, 1.0454545455rem + 1.8181818182vw, 2.5rem);
  font-weight: 500;
  text-align: center;
}
.doctor2__title::first-letter {
  color: var(--accent);
}
.doctor2__text {
  white-space: pre-line;
  margin-top: 31px;
}
.doctor2__items {
  max-width: 410px;
  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: 5px;
  margin-top: 23px;
  margin-inline: auto;
}
.doctor2__item {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 1.75;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

/*###################################################################
  medical（page）
###################################################################*/
.med-col1 {
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .med-col1 {
    -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: 30px;
  }
}
.med-col1_r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1000px) {
  .med-col1_r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.med-col1__box {
  max-width: 640px;
  width: 100%;
}
.med-col1__title {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 1.1477272727rem + 0.9090909091vw, 1.875rem);
  line-height: 1.6;
  white-space: pre-line;
}
.med-col1__text {
  margin-top: 21px;
}
.med-col1__img {
  max-width: 600px;
  width: 100%;
}

.med-col2 {
  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: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .med-col2 {
    -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: 30px;
  }
}
.med-col2_r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1000px) {
  .med-col2_r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.med-col2__box {
  max-width: 640px;
  width: 100%;
}
.med-col2__text {
  white-space: pre-line;
  margin-top: 1px;
}
.med-col2__img {
  max-width: 600px;
  width: 100%;
}

.med-consult {
  max-width: 960px;
  background-color: var(--base2);
  margin-inline: auto;
  padding: 20px 20px 40px;
}
.med-consult__icon {
  width: clamp(3.75rem, 2.9166666667rem + 3.3333333333vw, 5rem);
  aspect-ratio: 80/88;
  background: url(../images/icon-light.svg) no-repeat 0 0/contain;
  margin-inline: auto;
}
.med-consult__title {
  max-width: 640px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 1.1477272727rem + 0.9090909091vw, 1.875rem);
  line-height: 1.6;
  text-align: center;
  border-bottom: 3px solid var(--main);
  margin-top: clamp(1.125rem, 0.875rem + 1vw, 1.5rem);
  margin-inline: auto;
  padding-bottom: 11px;
}
.med-consult__items {
  display: grid;
  gap: 20px 30px;
  margin-top: 31px;
  margin-inline: auto;
}
.med-consult__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 1.2;
}
.med-consult__text {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  text-align: right;
  margin-top: 10px;
  margin-inline: auto;
}

.med1__col {
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
.med1__consult {
  margin-top: clamp(1.875rem, 0.625rem + 5vw, 3.75rem);
}
.med1__consult-items {
  max-width: 640px;
  grid-template-columns: auto auto auto 1fr;
}
@media (max-width: 600px) {
  .med1__consult-items {
    max-width: 400px;
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 500px) {
  .med1__consult-items {
    max-width: 280px;
    grid-template-columns: auto auto;
  }
}
.med1__consult-text {
  max-width: 640px;
}

.med2__col {
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}

.med2-2__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.9375rem, 0.3125rem + 2.5vw, 1.875rem) clamp(0.9375rem, -7.5835573477rem + 13.6200716846vw, 3.3125rem);
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
@media (max-width: 1000px) {
  .med2-2__items {
    max-width: 600px;
    grid-template-columns: repeat(2, 1fr);
    margin-inline: auto;
  }
}
.med2-2__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  background-color: #efefef;
  border-radius: 30px;
  padding: 30px 10px 18px;
}
.med2-2__icon {
  margin-inline: auto;
}
.med2-2__icon_1 {
  width: clamp(5.25rem, 3.8295454545rem + 5.6818181818vw, 8.375rem);
  aspect-ratio: 134/122;
  background: url(../images/icon-med2-1.svg) no-repeat 0 0/contain;
}
.med2-2__icon_2 {
  width: clamp(4.875rem, 3.5681818182rem + 5.2272727273vw, 7.75rem);
  aspect-ratio: 124/134;
  background: url(../images/icon-med2-2.svg) no-repeat 0 0/contain;
}
.med2-2__icon_3 {
  width: clamp(4.1875rem, 3.0795454545rem + 4.4318181818vw, 6.625rem);
  aspect-ratio: 106/134;
  background: url(../images/icon-med2-3.svg) no-repeat 0 0/contain;
}
.med2-2__icon_4 {
  width: clamp(2.1875rem, 1.5909090909rem + 2.3863636364vw, 3.5rem);
  aspect-ratio: 56/143;
  background: url(../images/icon-med2-4.svg) no-repeat 0 0/contain;
}
.med2-2__text {
  color: var(--main);
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  white-space: pre-line;
  margin-top: 25px;
}

.med3__col {
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
.med3__consult {
  margin-top: clamp(1.875rem, 0.6666666667rem + 4.8333333333vw, 3.6875rem);
}
.med3__consult-items {
  max-width: 760px;
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 900px) {
  .med3__consult-items {
    max-width: 600px;
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 600px) {
  .med3__consult-items {
    max-width: 300px;
    grid-template-columns: 1fr;
  }
}

.med3-2 {
  background-color: var(--base3);
}
.med3-2_pos {
  margin-top: clamp(2.5rem, 0.875rem + 6.5vw, 4.9375rem);
}
.med3-2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
}
@media (max-width: 1000px) {
  .med3-2__inner {
    padding: clamp(2.5rem, 0.8333333333rem + 6.6666666667vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 80px;
  }
}
.med3-2__top {
  max-width: 600px;
  margin-top: clamp(1.875rem, 0.5416666667rem + 5.3333333333vw, 3.875rem);
  margin-inline: auto;
}
.med3-2__top-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 1.1477272727rem + 0.9090909091vw, 1.875rem);
  text-align: center;
}
.med3-2__text {
  margin-top: clamp(1.5625rem, 0.8958333333rem + 2.6666666667vw, 2.5625rem);
}
.med3-2__img {
  margin-top: clamp(1.875rem, 1.5rem + 1.5vw, 2.4375rem);
}
.med3-2__flow-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 1.1477272727rem + 0.9090909091vw, 1.875rem);
  text-align: center;
  margin-top: clamp(1.875rem, -0.25rem + 8.5vw, 5.0625rem);
}
.med3-2__flow-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-indent: -1em;
  margin-top: clamp(1.5625rem, 1.1875rem + 1.5vw, 2.125rem);
  margin-inline: auto;
  padding-left: 1em;
}
.med3-2__flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px clamp(0.9375rem, -4.6684587814rem + 8.9605734767vw, 2.5rem);
  margin-top: 31px;
}
@media (max-width: 1000px) {
  .med3-2__flow {
    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;
  }
}
.med3-2__flow-item {
  max-width: clamp(20.625rem, 3.0104712042rem + 36.6492146597vw, 25rem);
  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;
  background-color: var(--base);
  color: var(--main);
  border: 3px solid var(--main);
  border-radius: 30px;
  padding: clamp(1.5625rem, 1.0208333333rem + 2.1666666667vw, 2.375rem) 15px clamp(2.5rem, 2rem + 2vw, 3.25rem);
}
.med3-2__flow-number {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(3.125rem, 2.5568181818rem + 2.2727272727vw, 4.375rem);
}
.med3-2__flow-item-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.5rem, 1.3295454545rem + 0.6818181818vw, 1.875rem);
  margin-top: clamp(0.625rem, 0.2840909091rem + 1.3636363636vw, 1.375rem);
}
.med3-2__flow-item-text {
  max-width: 320px;
  margin-top: clamp(1.25rem, 0.9659090909rem + 1.1363636364vw, 1.875rem);
}
.med3-2__flow-note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  text-indent: -1em;
  margin-top: clamp(1.25rem, 1.0511363636rem + 0.7954545455vw, 1.6875rem);
  padding-left: 1em;
}

.med4-1__col {
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
.med4-1__consult {
  margin-top: clamp(1.875rem, 0.625rem + 5vw, 3.75rem);
}
.med4-1__consult-items {
  max-width: 704px;
  grid-template-columns: auto auto 1fr;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .med4-1__consult-items {
    max-width: 455px;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 500px) {
  .med4-1__consult-items {
    max-width: 240px;
    grid-template-columns: 1fr;
  }
}
.med4-1__consult-text {
  max-width: 706px;
}

.med4-2 {
  background-color: var(--base3);
}
.med4-2_pos {
  margin-top: clamp(2.5rem, 0.8333333333rem + 6.6666666667vw, 5rem);
}
.med4-2__inner {
  max-width: 1064px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
}
@media (max-width: 1000px) {
  .med4-2__inner {
    padding: clamp(2.5rem, 0.8333333333rem + 6.6666666667vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.med4-2__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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(1.875rem, 0.625rem + 5vw, 3.75rem);
}
@media (max-width: 600px) {
  .med4-2__items {
    -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: 30px;
  }
}
.med4-2__item {
  max-width: 500px;
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: var(--base);
  padding: 23px 15px 25px;
}
.med4-2__img {
  max-width: 400px;
}
.med4-2__item-title {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.375rem, 1.1477272727rem + 0.9090909091vw, 1.875rem);
  line-height: 1.2;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(1.25rem, 0.4166666667rem + 3.3333333333vw, 2.5rem);
}
.med4-2__s {
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
}
.med4-2__text {
  max-width: 400px;
  margin-top: 20px;
}

.med4-3__col {
  margin-top: clamp(1.8125rem, 0.4791666667rem + 5.3333333333vw, 3.8125rem);
}

.med4-4__col {
  margin-top: clamp(1.8125rem, 0.4791666667rem + 5.3333333333vw, 3.8125rem);
}

.med4-5 {
  background-color: var(--base3);
}
.med4-5_pos {
  margin-top: clamp(2.5rem, 0.875rem + 6.5vw, 4.9375rem);
}
.med4-5__inner {
  max-width: 960px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
}
@media (max-width: 1000px) {
  .med4-5__inner {
    padding: clamp(2.5rem, 0.8333333333rem + 6.6666666667vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.med4-5__text {
  margin-top: clamp(1.875rem, 0.625rem + 5vw, 3.75rem);
}

.med4-6__col {
  margin-top: clamp(1.8125rem, 0.4791666667rem + 5.3333333333vw, 3.8125rem);
}

.med5-1__col {
  margin-top: clamp(1.8125rem, 0.4791666667rem + 5.3333333333vw, 3.8125rem);
}
.med5-1__consult {
  margin-top: clamp(1.875rem, -0.2083333333rem + 8.3333333333vw, 5rem);
}
.med5-1__consult-items {
  max-width: 250px;
  grid-template-columns: repeat(2, auto);
  margin-inline: auto;
}

.med5-2 {
  background-color: var(--base3);
}
.med5-2_pos {
  margin-top: clamp(2.5rem, 0.875rem + 6.5vw, 4.9375rem);
}
.med5-2__inner {
  max-width: 960px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
}
@media (max-width: 1000px) {
  .med5-2__inner {
    padding: clamp(2.5rem, 0.8333333333rem + 6.6666666667vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.med5-2__text {
  white-space: pre-line;
  margin-top: clamp(1.875rem, 0.625rem + 5vw, 3.75rem);
}

.med6-1__inner {
  max-width: 1140px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 120px;
}
@media (max-width: 1000px) {
  .med6-1__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(5rem, 3.3333333333rem + 6.6666666667vw, 7.5rem);
  }
}
.med6-1__sec-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.8333333333rem + 6.6666666667vw, 5rem);
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
.med6-1__subtitle {
  color: var(--main);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.25rem, 0.9659090909rem + 1.1363636364vw, 1.875rem);
  line-height: 1.6;
  margin-top: clamp(1.5625rem, 0.6875rem + 3.5vw, 2.875rem);
}
.med6-1__text_1 {
  margin-top: clamp(1.5625rem, 1.4791666667rem + 0.3333333333vw, 1.6875rem);
}
.med6-1__text_2 {
  margin-top: clamp(1.5625rem, 0.8958333333rem + 2.6666666667vw, 2.5625rem);
}
.med6-1__text-2 {
  white-space: pre-line;
  margin-top: clamp(1.5625rem, 0.9375rem + 2.5vw, 2.5rem);
}
.med6-1__buttons {
  max-width: 985px;
  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: 39px;
}
@media (max-width: 1000px) {
  .med6-1__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
  }
}
.med6-1__button {
  width: 100%;
  height: clamp(4rem, 2.774122807rem + 4.5614035088vw, 5.625rem);
  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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background-color: var(--main);
  color: var(--base);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.125rem, 0.7949561404rem + 1.2280701754vw, 1.5625rem);
  font-weight: 500;
}
.med6-1__button::after {
  content: "";
  width: 71px;
  aspect-ratio: 71/16;
  background: url(../images/icon-link-arrow.svg) no-repeat 0 0/contain;
}
.med6-1__button_1 {
  max-width: 375px;
}
.med6-1__button_2 {
  max-width: 550px;
}
.med6-1__col {
  margin-top: clamp(1.5625rem, 0.9375rem + 2.5vw, 2.5rem);
}
.med6-1__col-box {
  max-width: 480px;
}
@media (max-width: 1000px) {
  .med6-1__col-box {
    max-width: 640px;
  }
}
.med6-1__consult {
  margin-top: clamp(1.875rem, 0.6666666667rem + 4.8333333333vw, 3.6875rem);
}
.med6-1__consult-title {
  margin-top: 14px;
}
.med6-1__consult-items {
  max-width: 686px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.med6-1__consult-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.med6-1__consult-text {
  max-width: 766px;
}

/*###################################################################
  recruit（page）
###################################################################*/
.recruit1__title {
  font-size: clamp(1.5625rem, 0.9375rem + 2.5vw, 2.5rem);
}
.recruit1__text {
  line-height: 1.2;
  text-align: center;
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}

.recruit2__subtitle {
  color: var(--main);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.9318181818rem + 2.2727272727vw, 3.75rem);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  margin-top: clamp(2.5rem, 1.5833333333rem + 3.6666666667vw, 3.875rem);
}
.recruit2__bg {
  background-color: #e7e7e7;
  margin-top: calc(clamp(1.5rem, 1.1306818182rem + 1.4772727273vw, 2.3125rem) * -1);
}
.recruit2__inner {
  max-width: 817px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 97px 30px 59px;
}
@media (max-width: 1000px) {
  .recruit2__inner {
    padding: clamp(3.125rem, 1.1666666667rem + 7.8333333333vw, 6.0625rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(2.5rem, 1.7083333333rem + 3.1666666667vw, 3.6875rem);
  }
}
.recruit2__text {
  text-align: center;
  white-space: pre-line;
}

.recruit3__bg_01 {
  background: #fff8c6 url(../images/recruit3-deco-r.webp) no-repeat bottom right/clamp(6.3125rem, -0.3486842105rem + 26.6447368421vw, 31.625rem) auto;
  background-image: -webkit-image-set(url(../images/recruit3-deco-r.webp) 1x, url(../images/recruit3-deco-r@2x.webp) 2x);
  background-image: image-set(url(../images/recruit3-deco-r.webp) 1x, url(../images/recruit3-deco-r@2x.webp) 2x);
  margin-top: clamp(2.5rem, 1.625rem + 3.5vw, 3.8125rem);
}
.recruit3__bg_02 {
  background: #cde7f5 url(../images/recruit3-deco-l.webp) no-repeat bottom left/clamp(6.3125rem, -0.3486842105rem + 26.6447368421vw, 31.625rem) auto;
  background-image: -webkit-image-set(url(../images/recruit3-deco-l.webp) 1x, url(../images/recruit3-deco-l@2x.webp) 2x);
  background-image: image-set(url(../images/recruit3-deco-l.webp) 1x, url(../images/recruit3-deco-l@2x.webp) 2x);
}
.recruit3__bg_03 {
  background: #f7e8e1 url(../images/recruit3-deco-r.webp) no-repeat bottom right/clamp(6.3125rem, -0.3486842105rem + 26.6447368421vw, 31.625rem) auto;
  background-image: -webkit-image-set(url(../images/recruit3-deco-r.webp) 1x, url(../images/recruit3-deco-r@2x.webp) 2x);
  background-image: image-set(url(../images/recruit3-deco-r.webp) 1x, url(../images/recruit3-deco-r@2x.webp) 2x);
}
.recruit3__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
}
@media (max-width: 1000px) {
  .recruit3__inner {
    padding: clamp(3.125rem, 1.875rem + 5vw, 5rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.recruit3__body {
  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;
}
@media (max-width: 1000px) {
  .recruit3__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.recruit3__body_r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1000px) {
  .recruit3__body_r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.recruit3__box {
  max-width: clamp(21.25rem, 5.4166666667rem + 63.3333333333vw, 45rem);
  width: 100%;
  min-height: clamp(25rem, 20.8333333333rem + 16.6666666667vw, 31.25rem);
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  background-color: var(--base);
  border-radius: 20px;
  margin-top: 40px;
  padding: 30px 15px;
}
@media (max-width: 1000px) {
  .recruit3__box {
    margin-top: -40px;
  }
}
.recruit3__box_r {
  margin-left: -40px;
}
@media (max-width: 1000px) {
  .recruit3__box_r {
    margin-left: auto;
  }
}
.recruit3__box_l {
  margin-right: -40px;
}
@media (max-width: 1000px) {
  .recruit3__box_l {
    margin-right: auto;
  }
}
.recruit3__box-inner {
  max-width: 600px;
}
.recruit3__number {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(3.625rem, 2.7083333333rem + 3.6666666667vw, 5rem);
  line-height: 1.2;
}
.recruit3__box-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.875rem, -0.3673835125rem + 3.5842293907vw, 2.5rem);
  font-weight: 500;
  line-height: 1.6;
  white-space: pre-line;
  margin-top: clamp(0.625rem, 0.2083333333rem + 1.6666666667vw, 1.25rem);
}
@media (max-width: 1000px) {
  .recruit3__box-title {
    font-size: clamp(1.5rem, 0.8333333333rem + 2.6666666667vw, 2.5rem);
  }
}
.recruit3__box-title_01 {
  color: #f0b131;
}
.recruit3__box-title_02 {
  color: #1b93d4;
}
.recruit3__box-title_03 {
  color: #f2753b;
}
@media (max-width: 1000px) {
  .recruit3__box-title_03 {
    font-size: clamp(1.375rem, 0.625rem + 3vw, 2.5rem);
  }
}
.recruit3__text {
  margin-top: clamp(0.75rem, 0.375rem + 1.5vw, 1.3125rem);
}
.recruit3__img {
  max-width: clamp(21.25rem, 10.4166666667rem + 43.3333333333vw, 37.5rem);
  width: 100%;
}
@media (max-width: 1000px) {
  .recruit3__img_l {
    margin-left: auto;
  }
}

/*###################################################################
  news（page）
###################################################################*/
.news-list_pos {
  margin-top: clamp(3.125rem, 0.7396449704rem + 8.875739645vw, 5rem);
}
.news-list__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-list__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
@media (max-width: 600px) {
  .news-list__inner {
    max-width: 400px;
  }
}
.news-list__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.875rem, -0.3571428571rem + 5.9523809524vw, 2.5rem);
  margin-top: 100px;
}
@media (max-width: 600px) {
  .news-list__items {
    row-gap: 50px;
    margin-top: 50px;
  }
}
.news-list__post-link {
  display: grid;
  grid-template-columns: clamp(11.25rem, -4.375rem + 41.6666666667vw, 15.625rem) 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
     -moz-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
          column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
  background-color: var(--base);
  border: 1px solid #75778d;
}
@media (max-width: 600px) {
  .news-list__post-link {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.news-list__thumbnail {
  max-width: 300px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .news-list__thumbnail {
    max-width: 100%;
  }
}
.news-list__thumbnail img {
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__text-box {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  .news-list__text-box {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
.news-list__date {
  display: block;
  color: var(--main);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
}
.news-list__post-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: clamp(1.125rem, 0.6785714286rem + 1.1904761905vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75;
  text-align: start;
  word-break: break-all;
  padding-right: 15px;
}
@media (max-width: 600px) {
  .news-list__post-title {
    padding-right: 0;
  }
}
.news-list__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list__pagination {
  font-size: 1.25rem;
  margin-top: 150px;
}
@media (max-width: 768px) {
  .news-list__pagination {
    margin-top: 80px;
  }
}
.news-list__pagination ul.page-numbers {
  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;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.news-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.news-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .news-list__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .news-list__post-link:hover .news-list__thumbnail img, .news-list__post-link:focus .news-list__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .news-list__post-link:hover .news-list__post-title, .news-list__post-link:focus .news-list__post-title {
    color: var(--main);
    text-decoration: underline;
  }
  .news-list__thumbnail img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
  .news-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: var(--main);
            text-decoration-color: var(--main);
  }
  .news-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-list__pagination a:hover, .news-list__pagination a:focus {
    opacity: 0.7;
  }
}
.news-post_pos {
  margin-top: clamp(3.125rem, 0.7396449704rem + 8.875739645vw, 5rem);
}
.news-post__inner {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-post__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.news-post__bg {
  background-color: var(--base);
  border: 1px solid #75778d;
  padding: 50px 20px 100px;
}
@media (max-width: 768px) {
  .news-post__bg {
    padding: 50px clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 100px;
  }
}
.news-post__date {
  display: block;
  color: var(--main);
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .news-post__title {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}
.news-post__thumbnail {
  margin-top: 40px;
}
.news-post__editor {
  margin-top: 40px;
}

.news-post-pager {
  background-color: var(--base);
  border: 1px solid #75778d;
}
.news-post-pager_pos {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .news-post-pager_pos {
    margin-top: 60px;
  }
}
.news-post-pager__nav {
  height: 70px;
  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;
  color: var(--main);
  font-size: clamp(1rem, 0.1071428571rem + 3.8095238095vw, 1.25rem);
  font-weight: 500;
  padding-right: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
  padding-left: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
}
.news-post-pager__link {
  --spacing: 0;
}
.news-post-pager__blank {
  min-width: 106px;
  min-width: clamp(5.4375rem, 0.5267857143rem + 20.9523809524vw, 6.8125rem);
}

@media (hover: hover) and (pointer: fine) {
  .news-post-pager__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-post-pager__link:hover, .news-post-pager__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  page-404（page）
###################################################################*/
.page-404_pos {
  margin-top: clamp(5rem, 2.0833333333rem + 11.6666666667vw, 9.375rem);
}
.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-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}
.page-404__text {
  line-height: 1.75;
  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;
  margin-top: 50px;
}
.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: 50px 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制御用）
###################################################################*/