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

/*###################################################################
  base（共通設定）
###################################################################*/
* {
  letter-spacing: var(--ls);
}

/*----------------------------------
  html
----------------------------------*/
html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: clamp(4.6875rem, 2.180514158rem + 5.21609538vw, 6.875rem);
}
@media (max-width: 768px) {
  [id] {
    scroll-margin-top: 60px;
  }
}

body {
  color: var(--text);
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  line-height: 2.1875;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

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

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  mv-title
----------------------------------*/
@-webkit-keyframes mvTitle {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes mvTitle {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
/*----------------------------------
  無限ループスライダー
----------------------------------*/
@-webkit-keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}
@media (max-width: 768px) {
  .header {
    background-color: var(--base);
  }
}
.header_lower {
  background-color: var(--base);
}
.header_sticky {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-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;
  padding-top: clamp(0.3125rem, -0.1172690015rem + 0.8941877794vw, 0.6875rem);
  padding-right: clamp(0.625rem, -0.6643070045rem + 2.6825633383vw, 1.75rem);
  padding-bottom: clamp(0.5rem, 0.1418591654rem + 0.7451564829vw, 0.8125rem);
  padding-left: clamp(0.625rem, -0.0912816692rem + 1.4903129657vw, 1.25rem);
}
@media (max-width: 768px) {
  .header__inner {
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 11px;
  }
}
.header__logo {
  max-width: clamp(11.5625rem, -4.1240685544rem + 32.6378539493vw, 25.25rem);
  width: 100%;
}
@media (max-width: 768px) {
  .header__logo {
    max-width: 206px;
  }
}
.header__menu {
  max-width: clamp(33.6875rem, 9.9785767511rem + 49.3293591654vw, 54.375rem);
  width: 100%;
  line-height: 1;
}
@media (max-width: 768px) {
  .header__menu {
    display: none;
  }
}
.header__buttons {
  max-width: clamp(18.9375rem, 12.2760804769rem + 13.8599105812vw, 24.75rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
  margin-left: auto;
}
.header__btn {
  width: 100%;
  height: clamp(1.875rem, 1.1587183308rem + 1.4903129657vw, 2.5rem);
  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(--main2);
  color: var(--base);
  border-radius: 9999px;
}
.header__btn::before {
  content: "";
  aspect-ratio: 1/1;
  background-color: var(--base);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.header__btn_tel {
  max-width: clamp(11.4375rem, 6.6384128167rem + 9.9850968703vw, 15.625rem);
  font-family: "Crimson Text", serif;
  font-size: clamp(1.25rem, 0.5337183308rem + 1.4903129657vw, 1.875rem);
  padding: 0 18px;
}
.header__btn_tel::before {
  min-width: clamp(1rem, 0.7134873323rem + 0.5961251863vw, 1.25rem);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
}
.header__btn_access {
  max-width: clamp(6.8125rem, 4.9501676602rem + 3.8748137109vw, 8.4375rem);
  font-size: clamp(0.9375rem, 0.5793591654rem + 0.7451564829vw, 1.25rem);
  font-weight: bold;
  padding-right: 16px;
  padding-left: 8px;
}
.header__btn_access::before {
  min-width: clamp(1rem, 0.6418591654rem + 0.7451564829vw, 1.3125rem);
  -webkit-mask-image: url(../images/icon-map.svg);
          mask-image: url(../images/icon-map.svg);
}
.header__nav {
  margin-top: clamp(0.5rem, -0.359538003rem + 1.7883755589vw, 1.25rem);
}

@media (hover: hover) and (pointer: fine) {
  .header__btn {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .header__btn:hover, .header__btn:focus {
    background-color: var(--main);
  }
}
.header-nav {
  font-size: clamp(0.8125rem, 0.5976154993rem + 0.4470938897vw, 1rem);
}
@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}
.header-nav__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;
}
.header-nav__item {
  position: relative;
}
.header-nav__submenu {
  width: clamp(9.75rem, 4.7360283159rem + 10.4321907601vw, 14.125rem);
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  position: absolute;
  top: 99%;
  left: calc(50% + 29px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  padding-top: clamp(1rem, -0.3609351714rem + 2.8315946349vw, 2.1875rem);
}
.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;
  row-gap: clamp(0.25rem, 0.1067436662rem + 0.2980625931vw, 0.375rem);
}
.header-nav__sublink {
  height: clamp(2.3125rem, 1.5245901639rem + 1.6393442623vw, 3rem);
  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;
  background-color: var(--base2);
  padding-left: clamp(1.25rem, -0.2541915052rem + 3.129657228vw, 2.5625rem);
}

@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: color 0.4s;
    transition: color 0.4s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    color: var(--main);
  }
  .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__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(--main);
    color: var(--base);
  }
}
/*###################################################################
  footer（module）
###################################################################*/
.footer {
  position: relative;
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 56px;
  }
}
.footer__bg1 {
  padding-top: clamp(4.125rem, 2.5875rem + 6.56vw, 6.6875rem);
}
.footer__contact {
  row-gap: 7px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .footer__contact {
    row-gap: 13px;
  }
}
.footer__inner1 {
  max-width: 1188px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 43px;
  padding-bottom: 108px;
}
@media (max-width: 768px) {
  .footer__inner1 {
    margin-top: 51px;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(5.25rem, 3.8187022901rem + 6.106870229vw, 6.75rem);
  }
}
.footer__body {
  max-width: 1149px;
  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-left: auto;
}
@media (max-width: 768px) {
  .footer__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 53px;
  }
}
.footer__group1 {
  max-width: 478px;
  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;
}
.footer__logo {
  max-width: clamp(20.1875rem, 10.9437022901rem + 39.4402035623vw, 29.875rem);
}
.footer__address {
  line-height: 1.8125;
  text-align: center;
  white-space: pre-line;
  margin-top: 21px;
}
@media (max-width: 768px) {
  .footer__address {
    margin-top: 23px;
  }
}
.footer__buttons {
  max-width: 260px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1.610625rem;
  margin-top: clamp(1rem, 0.4036259542rem + 2.5445292621vw, 1.625rem);
}
@media (max-width: 768px) {
  .footer__buttons {
    row-gap: 30px;
  }
}
.footer__btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main2);
  color: var(--base);
  border-radius: 9999px;
}
.footer__btn::before {
  content: "";
  background-color: var(--base);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__btn_tel {
  height: clamp(3.4375rem, 3.0957776718rem + 1.4580152672vw, 3.795625rem);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Crimson Text", serif;
  font-size: 1.875rem;
  line-height: 1;
  padding-right: 24px;
  padding-left: 21px;
}
.footer__btn_tel::before {
  width: 20px;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
}
.footer__btn_web {
  height: 55px;
  -webkit-column-gap: 19px;
     -moz-column-gap: 19px;
          column-gap: 19px;
  position: relative;
  padding-left: 25px;
}
.footer__btn_web::before {
  width: 38px;
  aspect-ratio: 38/26;
  -webkit-mask-image: url(../images/icon-web.svg);
          mask-image: url(../images/icon-web.svg);
}
.footer__btn_web::after {
  content: "";
  width: 9px;
  aspect-ratio: 9/15;
  position: absolute;
  top: 50%;
  right: 34px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-link-arrow-1.svg);
          mask-image: url(../images/icon-link-arrow-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__btn-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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2083333333;
}
.footer__btn-text2 {
  font-size: 1.5rem;
}
.footer__banner {
  max-width: 400px;
  width: 100%;
  margin-top: 31px;
}
@media (max-width: 768px) {
  .footer__banner {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .footer__banner_2 {
    margin-top: 22px;
  }
}
.footer__group2 {
  max-width: 530px;
  width: 100%;
  margin-top: clamp(0.625rem, -11.7173338369rem + 25.6797583082vw, 5.9375rem);
}
@media (max-width: 768px) {
  .footer__group2 {
    margin-top: 0;
  }
}
.footer__access {
  max-width: 503px;
  margin-top: 41px;
  margin-left: clamp(0.1875rem, 0.0085877863rem + 0.7633587786vw, 0.375rem);
}
@media (max-width: 768px) {
  .footer__access {
    margin-top: 57px;
  }
}
.footer__access-title {
  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;
  position: relative;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  font-family: "Crimson Text", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
}
.footer__access-title::after {
  content: "";
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
@media (max-width: 768px) {
  .footer__access-title::after {
    width: 58%;
    width: 157px;
    width: clamp(9.8125rem, -15.3660714286rem + 107.4285714286vw, 21.5625rem);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: calc(clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) * -1);
  }
}
.footer__access-color {
  color: var(--main);
  font-size: 50px;
}
.footer__access-text {
  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;
}
.footer__access-text::before {
  content: "";
  aspect-ratio: 1/1;
  background-color: var(--main2);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__access-text_1 {
  -webkit-column-gap: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
  line-height: 1.6875;
  margin-top: 24px;
  margin-left: 4px;
}
@media (max-width: 768px) {
  .footer__access-text_1 {
    -webkit-column-gap: 28px;
       -moz-column-gap: 28px;
            column-gap: 28px;
    margin-top: 30px;
    margin-left: 2px;
  }
}
.footer__access-text_1::before {
  min-width: 28px;
  -webkit-mask-image: url(../images/icon-train.svg);
          mask-image: url(../images/icon-train.svg);
}
.footer__access-text_2 {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  line-height: 1.5;
  margin-top: 24px;
  margin-left: 6px;
}
@media (max-width: 768px) {
  .footer__access-text_2 {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    margin-top: 42px;
    margin-left: 9px;
  }
}
.footer__access-text_2::before {
  min-width: 24px;
  -webkit-mask-image: url(../images/icon-car.svg);
          mask-image: url(../images/icon-car.svg);
}
.footer__gmap {
  width: 100%;
  height: 401px;
}
.footer__copy {
  height: 70px;
  display: grid;
  place-items: center;
  background-color: var(--accent);
  color: var(--base);
  font-size: clamp(0.875rem, 0.8rem + 0.32vw, 1rem);
  line-height: 1;
}
.footer__nav-area {
  background: var(--base2);
}
.footer__inner2 {
  max-width: 980px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 71px 30px 73px;
}
@media (max-width: 1280px) {
  .footer__inner2 {
    padding: clamp(3.8125rem, 3.2161259542rem + 2.5445292621vw, 4.4375rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(3.875rem, 3.2189885496rem + 2.7989821883vw, 4.5625rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer__btn {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .footer__btn:hover, .footer__btn:focus {
    background-color: var(--main);
  }
}
.footer-nav {
  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;
}
@media (max-width: 768px) {
  .footer-nav {
    row-gap: 52px;
  }
}
.footer-nav__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;
}
@media (max-width: 768px) {
  .footer-nav__items {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    row-gap: 22px;
  }
}
@media (max-width: 768px) {
  .footer-nav__items_1 {
    -webkit-column-gap: 54px;
       -moz-column-gap: 54px;
            column-gap: 54px;
  }
}
@media (max-width: 768px) {
  .footer-nav__items_2 {
    -webkit-column-gap: 51px;
       -moz-column-gap: 51px;
            column-gap: 51px;
  }
}
@media (max-width: 550px) {
  .footer-nav__item_1 {
    width: 58px;
  }
}
@media (max-width: 550px) {
  .footer-nav__item_3 {
    width: 201px;
  }
}
.footer-nav__link {
  font-size: clamp(0.875rem, 0.4588744589rem + 0.8658008658vw, 1rem);
  line-height: 1;
}
@media (max-width: 768px) {
  .footer-nav__link {
    font-size: 1rem;
  }
}

.footer-page-top {
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 50px;
  right: 20px;
  z-index: 5;
  background-color: var(--main);
  padding-top: 7px;
}
@media (max-width: 768px) {
  .footer-page-top {
    display: none;
  }
}
.footer-page-top__text {
  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: 4px;
  color: var(--base);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.1428571429;
  text-align: center;
}
.footer-page-top__text::before {
  content: "";
  width: 18px;
  aspect-ratio: 18/10;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-page-top.svg);
          mask-image: url(../images/icon-page-top.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/*###################################################################
  c-bg（module）
###################################################################*/
.c-bg-1 {
  background: url(../images/c-bg-1.webp) repeat 0 0/auto;
  background-image: -webkit-image-set(url(../images/c-bg-1.webp) 1x, url(../images/c-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/c-bg-1.webp) 1x, url(../images/c-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .c-bg-1 {
    background: url(../images/c-bg-1_sp.webp) repeat 0 0/auto;
    background-image: -webkit-image-set(url(../images/c-bg-1_sp.webp) 1x, url(../images/c-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/c-bg-1_sp.webp) 1x, url(../images/c-bg-1_sp@2x.webp) 2x);
  }
}

/*###################################################################
  c-text（module）
###################################################################*/
.c-t16r {
  font-size: clamp(0.875rem, 0.7066549912rem + 0.350262697vw, 1rem);
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16r {
    font-size: 1rem;
  }
}

.c-t24r {
  font-size: clamp(1.25rem, 0.9133099825rem + 0.700525394vw, 1.5rem);
  white-space: pre-line;
  line-height: 1.6666666667;
}
@media (max-width: 768px) {
  .c-t24r {
    font-size: clamp(1.25rem, 1.0114503817rem + 1.0178117048vw, 1.5rem);
  }
}

/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  max-width: clamp(48.0625rem, 37.9985322896rem + 20.939334638vw, 54.75rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.c-title-1__jp {
  font-size: clamp(1.25rem, 1.1464088398rem + 0.4419889503vw, 1.5rem);
}
.c-title-1__en {
  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;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  font-family: "Crimson Text", serif;
  font-size: clamp(1.875rem, 1.6160220994rem + 1.1049723757vw, 2.5rem);
  font-weight: 400;
}
.c-title-1__en::before, .c-title-1__en::after {
  content: "";
  max-width: 226px;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
.c-title-1__color {
  color: var(--main);
  font-size: clamp(2.5rem, 2.2410220994rem + 1.1049723757vw, 3.125rem);
}

.c-title-2 {
  min-height: clamp(3.25rem, 2.8356353591rem + 1.7679558011vw, 4.25rem);
  display: grid;
  place-items: center;
  background-color: var(--accent);
  color: var(--base);
  font-size: clamp(1.125rem, 0.9696132597rem + 0.6629834254vw, 1.5rem);
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
  padding: 10px 0;
}

/*###################################################################
  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: 38px;
  height: 38px;
  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(--accent);
  padding-bottom: 2px;
}
@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(-6px) rotate(150deg);
      -ms-transform: translateY(-6px) rotate(150deg);
          transform: translateY(-6px) rotate(150deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(6px) rotate(-150deg);
      -ms-transform: translateY(6px) rotate(-150deg);
          transform: translateY(6px) rotate(-150deg);
}
.hamburger__line {
  width: 26px;
  height: 2px;
  position: absolute;
  top: calc(50% - 5px);
  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: 2px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--base);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  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: "Crimson Text", serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
}
/*###################################################################
  hours（module）
###################################################################*/
.hours__table-wrapper {
  background-color: var(--base);
  padding: 32px clamp(0.625rem, -0.9722432024rem + 3.3232628399vw, 1.3125rem) 26px;
}
@media (max-width: 768px) {
  .hours__table-wrapper {
    padding: clamp(1.4375rem, 0.9007633588rem + 2.2900763359vw, 2rem) 17px 26px;
  }
}
.hours__table {
  width: 100%;
  font-size: clamp(0.875rem, 0.584592145rem + 0.6042296073vw, 1rem);
  line-height: 1;
}
@media (max-width: 768px) {
  .hours__table {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}
.hours__top-left {
  width: 27%;
}
@media (max-width: 768px) {
  .hours__top-left {
    width: 31.5%;
  }
}
.hours__th-weekday {
  text-align: right;
}
@media (max-width: 768px) {
  .hours__th-weekday {
    text-align: center;
  }
}
.hours__top {
  font-weight: bold;
  border-bottom: 1px solid var(--main2);
  padding-bottom: clamp(0.875rem, 0.5768129771rem + 1.272264631vw, 1.1875rem);
}
.hours__left {
  font-weight: bold;
}
.hours__td {
  color: var(--main);
  text-align: right;
}
@media (max-width: 768px) {
  .hours__td {
    text-align: center;
  }
}
.hours__am {
  padding-top: clamp(1rem, 0.6421755725rem + 1.5267175573vw, 1.375rem);
}
.hours__pm {
  padding-top: clamp(1.9375rem, 1.2814885496rem + 2.7989821883vw, 2.625rem);
}
.hours__note {
  margin-top: clamp(0.4375rem, 0.2585877863rem + 0.7633587786vw, 0.625rem);
  margin-left: clamp(0rem, -0.4770992366rem + 2.0356234097vw, 0.5rem);
}

/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 320px;
  height: 100vh;
  -webkit-transform: translateX(320px);
      -ms-transform: translateX(320px);
          transform: translateX(320px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--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: 50px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--base);
  z-index: 1;
}
.drawer__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 30px;
  margin-top: 40px;
}
.drawer__item {
  width: 100%;
  font-size: 0.9375rem;
  line-height: 1;
  text-align: center;
}
.drawer__submenu {
  margin-top: 12px;
}
.drawer__subitems {
  max-width: 280px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-inline: auto;
}
.drawer__sublink {
  height: 40px;
  display: grid;
  place-items: center;
  background-color: var(--accent);
  color: var(--base);
}

.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(--main);
  }
  .drawer__sublink {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .drawer__sublink:hover, .drawer__sublink:focus {
    background-color: var(--main);
  }
}
.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;
}

/*###################################################################
  fixed-nav（module）
###################################################################*/
.fixed-nav {
  width: 54px;
  position: fixed;
  top: 156px;
  right: 0;
  z-index: 5;
}
@media (max-width: 768px) {
  .fixed-nav {
    width: 100%;
    top: inherit;
    bottom: 0;
    right: inherit;
  }
}
.fixed-nav__pc {
  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: 19px;
}
@media (max-width: 768px) {
  .fixed-nav__pc {
    display: none;
  }
}
.fixed-nav__pc-link {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px 0px 0px 15px;
}
.fixed-nav__sp {
  display: none;
}
@media (max-width: 768px) {
  .fixed-nav__sp {
    display: grid;
    grid-template-columns: 1fr 24.8% 20.8% 56px;
  }
}
.fixed-nav__link {
  height: 56px;
  color: var(--base);
}
.fixed-nav__link::before {
  content: "";
  background-color: var(--base);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.fixed-nav__link_tel {
  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: 7px;
  background-color: var(--main);
  font-size: 1rem;
  line-height: 0.9375;
  padding-top: 4px;
}
.fixed-nav__link_tel::before {
  width: 21px;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
}
.fixed-nav__link_web {
  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: 5px;
  background-color: var(--main2);
  padding-top: 5px;
}
.fixed-nav__link_web::before {
  width: 26px;
  aspect-ratio: 38/26;
  -webkit-mask-image: url(../images/icon-web.svg);
          mask-image: url(../images/icon-web.svg);
}
.fixed-nav__link_access {
  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: 8px;
  background-color: #d6bc8b;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  padding-top: 4px;
}
.fixed-nav__link_access::before {
  width: 20px;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(../images/icon-map.svg);
          mask-image: url(../images/icon-map.svg);
}
.fixed-nav__link_page-top {
  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: 4px;
  background-color: var(--main);
  font-size: 0.875rem;
  line-height: 1.1428571429;
  text-align: center;
  padding-top: 7px;
}
.fixed-nav__link_page-top::before {
  width: 18px;
  aspect-ratio: 18/10;
  -webkit-mask-image: url(../images/icon-page-top.svg);
          mask-image: url(../images/icon-page-top.svg);
}
.fixed-nav__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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.0714285714;
}
.fixed-nav__web-text1 {
  font-size: 0.625rem;
}
.fixed-nav__web-text2 {
  font-size: 0.875rem;
}

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  padding-top: clamp(4rem, 1.4213859911rem + 5.3651266766vw, 6.25rem);
}
@media (max-width: 768px) {
  .lower-mv {
    padding-top: 50px;
  }
}
.lower-mv__bg {
  height: clamp(11.25rem, 5.3080985915rem + 25.3521126761vw, 28.125rem);
  display: grid;
  place-items: center;
  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__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.9375rem, 0.5193661972rem + 1.7840375587vw, 2.125rem);
  color: var(--base);
  line-height: 1;
  margin-top: -6px;
}
.lower-mv__jp {
  font-size: clamp(1.5rem, 1.3679577465rem + 0.5633802817vw, 1.875rem);
  font-weight: bold;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.lower-mv__en {
  font-size: clamp(2.5rem, 2.0598591549rem + 1.8779342723vw, 3.75rem);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.lower-mv__en_med10 {
  font-size: clamp(2.25rem, 1.7218309859rem + 2.2535211268vw, 3.75rem);
  line-height: 1.2;
  text-align: center;
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-c__title1 {
  max-width: clamp(48.0625rem, 41.9488747554rem + 12.7201565558vw, 52.125rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.top-c__title1-jp {
  font-size: 1.5rem;
}
.top-c__title1-en {
  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;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  font-family: "Crimson Text", serif;
  font-size: clamp(2.5rem, 1.9820441989rem + 2.2099447514vw, 3.75rem);
  font-weight: 400;
}
.top-c__title1-en::before, .top-c__title1-en::after {
  content: "";
  max-width: 226px;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
.top-c__title1-color {
  color: var(--main);
  font-size: clamp(3.125rem, 2.6070441989rem + 2.2099447514vw, 4.375rem);
}
.top-c__title2 {
  max-width: clamp(48.0625rem, 41.9488747554rem + 12.7201565558vw, 52.125rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.top-c__title2-jp {
  color: var(--base);
  font-size: 1.5rem;
}
.top-c__title2-en {
  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;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  color: var(--base);
  font-family: "Crimson Text", serif;
  font-size: clamp(2.5rem, 1.9820441989rem + 2.2099447514vw, 3.75rem);
  font-weight: 400;
}
.top-c__title2-en::before, .top-c__title2-en::after {
  content: "";
  max-width: 226px;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
.top-c__title2-color {
  color: var(--main);
  font-size: clamp(3.125rem, 2.6070441989rem + 2.2099447514vw, 4.375rem);
}

.top-mv {
  overflow: hidden;
  position: relative;
}
.top-mv__text-area {
  position: absolute;
  bottom: clamp(0.9375rem, -6.3685730253rem + 15.2011922504vw, 7.3125rem);
  left: clamp(1.25rem, -2.4030365127rem + 7.6005961252vw, 4.4375rem);
  z-index: 3;
}
@media (min-width: 1441px) {
  .top-mv__text-area {
    bottom: 12.9%;
    left: 4.9%;
  }
}
@media (max-width: 768px) {
  .top-mv__text-area {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.top-mv__title {
  -webkit-animation: mvTitle 2s ease-in forwards;
          animation: mvTitle 2s ease-in forwards;
  color: var(--base);
  font-size: clamp(1.875rem, 0.4424366617rem + 2.9806259314vw, 3.125rem);
  line-height: 1.4;
  white-space: pre-line;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .top-mv__title {
    -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
            transform: translateX(8px);
    font-size: 2.5rem;
    line-height: 1.5;
    --ls: 0;
  }
}
.top-mv__s {
  font-size: clamp(1.3125rem, 0.3097056632rem + 2.086438152vw, 2.1875rem);
}
@media (max-width: 768px) {
  .top-mv__s {
    font-size: 1.875rem;
    --ls: 0;
  }
}
.top-mv__br {
  display: none;
}
@media (max-width: 600px) {
  .top-mv__br {
    display: block;
  }
}
.top-mv__items {
  max-width: clamp(22.375rem, 3.6084202683rem + 39.0461997019vw, 38.75rem);
  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.5rem, -0.0013971684rem + 1.043219076vw, 0.9375rem);
     -moz-column-gap: clamp(0.5rem, -0.0013971684rem + 1.043219076vw, 0.9375rem);
          column-gap: clamp(0.5rem, -0.0013971684rem + 1.043219076vw, 0.9375rem);
  margin-top: clamp(0.8125rem, 0.1678464978rem + 1.3412816692vw, 1.375rem);
}
@media (max-width: 768px) {
  .top-mv__items {
    max-width: clamp(23.4375rem, 20.7538167939rem + 11.4503816794vw, 26.25rem);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 2.428125rem;
       -moz-column-gap: 2.428125rem;
            column-gap: 2.428125rem;
    margin-top: clamp(4.0625rem, 0.6035305344rem + 14.7582697201vw, 7.6875rem);
    margin-inline: auto;
  }
}
.top-mv__item {
  max-width: clamp(8.884375rem, 6.0307251908rem + 12.1755725191vw, 11.875rem);
  width: 100%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .top-mv__item_b3 {
    margin-top: -27px;
  }
}
.top-mv__movie {
  line-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-mv__video {
  width: 100%;
  aspect-ratio: 144/91;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .top-mv__video {
    aspect-ratio: 75/176;
  }
}

.top-group1_pos {
  margin-top: clamp(1.125rem, -0.6044847328rem + 7.3791348601vw, 2.9375rem);
}
.top-group1__outer {
  max-width: 1440px;
  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-inline: auto;
}
@media (max-width: 768px) {
  .top-group1__outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(0.875rem, 0.159351145rem + 3.0534351145vw, 1.625rem);
  }
}
.top-group1__en {
  font-family: "Crimson Text", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}
.top-group1__en::first-letter {
  color: var(--main);
  font-size: 3.125rem;
}

.top-news {
  max-width: 710px;
  width: 100%;
}
@media (max-width: 768px) {
  .top-news {
    max-width: 100%;
  }
}
.top-news__title {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  line-height: 1;
}
.top-news__jp {
  font-size: 1.5rem;
}
.top-news__jp-slash {
  font-size: 2.5rem;
}
.top-news__body {
  background-color: var(--base2);
  margin-top: -20px;
}
.top-news__inner {
  max-width: 674px;
  margin-inline: auto;
  padding: 46px 15px 74px;
}
@media (max-width: 768px) {
  .top-news__inner {
    padding: 60px 20px clamp(1.5625rem, -1.3597328244rem + 12.4681933842vw, 4.625rem);
  }
}
.top-news__main {
  max-width: 597px;
  height: clamp(14.9375rem, -0.0911259542rem + 64.1221374046vw, 30.6875rem);
  overflow-y: auto;
  margin-left: auto;
}
.top-news__main::-webkit-scrollbar {
  width: 8px;
}
.top-news__main::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-news__main::-webkit-scrollbar-thumb {
  background-color: #f2edde;
}
.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: 35px;
  padding-right: 15px;
}
.top-news__post-link {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: block;
}
.top-news__more {
  max-width: 250px;
  width: 100%;
  height: 50px;
  display: grid;
  place-items: center;
  position: relative;
  background-color: var(--main2);
  color: var(--base);
  border-radius: 9999px;
  margin-inline: auto;
}
.top-news__more::after {
  content: "";
  width: 9px;
  aspect-ratio: 9/15;
  position: absolute;
  top: 50%;
  right: 46px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-link-arrow-1.svg);
          mask-image: url(../images/icon-link-arrow-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.top-news__no-post {
  height: 200px;
  display: grid;
  place-items: center;
}

@media (hover: hover) and (pointer: fine) {
  .top-news__more {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .top-news__more:hover, .top-news__more:focus {
    background-color: var(--main);
  }
}
.top-info {
  max-width: 710px;
  width: 100%;
}
@media (max-width: 768px) {
  .top-info {
    max-width: 100%;
  }
}
.top-info__en {
  text-align: center;
}
.top-info__body {
  background-color: #f2edde;
  margin-top: -20px;
}
.top-info__inner1 {
  max-width: 582px;
  margin-inline: auto;
  padding: 66px 15px 0;
}
@media (max-width: 768px) {
  .top-info__inner1 {
    padding: clamp(2.75rem, 1.4379770992rem + 5.5979643766vw, 4.125rem) 20px 0;
  }
}
.top-info__hours {
  max-width: 530px;
  margin-left: auto;
}
.top-info__inner2 {
  max-width: 616px;
  margin-top: 32px;
  margin-inline: auto;
  padding: 0 15px 48px;
}
@media (max-width: 1000px) {
  .top-info__inner2 {
    margin-top: -2px;
  }
}
@media (max-width: 768px) {
  .top-info__inner2 {
    max-width: 400px;
    margin-top: 8px;
    padding: 0 20px 58px;
  }
}
.top-info__access-body {
  max-width: 548px;
  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: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
@media (max-width: 1000px) {
  .top-info__access-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
  }
}
.top-info__access {
  font-family: "Crimson Text", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-top: 24px;
}
@media (max-width: 1000px) {
  .top-info__access {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
  }
}
.top-info__access::first-letter {
  color: var(--main2);
  font-size: 50px;
}
.top-info__col {
  max-width: 484px;
  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;
}
@media (max-width: 768px) {
  .top-info__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 22px;
  }
}
.top-info__box {
  max-width: 230px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 24px;
  position: relative;
  z-index: 1;
  background-color: #d6bc8b;
  padding-top: 27px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .top-info__box {
    max-width: 400px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.top-info__box::before, .top-info__box::after {
  content: "";
  width: 100%;
  height: 40.4347826087%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background-color: rgba(192, 157, 104, 0.5);
}
@media (max-width: 768px) {
  .top-info__box::before, .top-info__box::after {
    width: 68.6567164179%;
    height: 82.3008849558%;
  }
}
.top-info__box::before {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  left: 0;
}
.top-info__box::after {
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  right: 0;
}
@media (max-width: 768px) {
  .top-info__box_train {
    -webkit-column-gap: clamp(0.6875rem, 0.1507633588rem + 2.2900763359vw, 1.25rem);
       -moz-column-gap: clamp(0.6875rem, 0.1507633588rem + 2.2900763359vw, 1.25rem);
            column-gap: clamp(0.6875rem, 0.1507633588rem + 2.2900763359vw, 1.25rem);
    padding-bottom: 24px;
    padding-left: clamp(0.3125rem, -0.5820610687rem + 3.8167938931vw, 1.25rem);
  }
}
@media (max-width: 768px) {
  .top-info__box_car {
    -webkit-column-gap: calc(clamp(-1.6875rem, -2.1049618321rem + 1.7811704835vw, -1.25rem) * -1);
       -moz-column-gap: calc(clamp(-1.6875rem, -2.1049618321rem + 1.7811704835vw, -1.25rem) * -1);
            column-gap: calc(clamp(-1.6875rem, -2.1049618321rem + 1.7811704835vw, -1.25rem) * -1);
    padding-top: clamp(1.3125rem, 0.9546755725rem + 1.5267175573vw, 1.6875rem);
    padding-bottom: calc(clamp(-1.875rem, -2.2328244275rem + 1.5267175573vw, -1.5rem) * -1);
    padding-left: clamp(1.0625rem, 0.8835877863rem + 0.7633587786vw, 1.25rem);
  }
}
.top-info__icon {
  height: clamp(3.875rem, 0.2449018127rem + 7.5528700906vw, 5.4375rem);
}
.top-info__icon_train {
  max-width: clamp(4.125rem, 1.0757175227rem + 6.3444108761vw, 5.4375rem);
}
.top-info__icon_car {
  max-width: clamp(3.8125rem, 1.3440332326rem + 5.1359516616vw, 4.875rem);
}
.top-info__text {
  color: var(--base);
  font-size: clamp(0.875rem, 0.584592145rem + 0.6042296073vw, 1rem);
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .top-info__text {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .top-info__br1 {
    display: none;
  }
}
.top-info__br2 {
  display: none;
}
@media (max-width: 768px) {
  .top-info__br2 {
    display: block;
  }
}

.top-concept {
  position: relative;
  z-index: 1;
}
.top-concept::after {
  content: "";
  width: 100%;
  height: calc(clamp(-28.9375rem, -63.2678571429rem + 71.4285714286vw, -18.625rem) * -1);
  position: absolute;
  bottom: 100px;
  z-index: -1;
  background-color: #f2edde;
}
@media (max-width: 768px) {
  .top-concept::after {
    content: none;
  }
}
.top-concept_pos {
  margin-top: clamp(2.5rem, 1.2476145038rem + 5.3435114504vw, 3.8125rem);
  padding-top: clamp(1.75rem, 0.4033149171rem + 5.7458563536vw, 5rem);
  padding-bottom: clamp(4.625rem, 0.4503816794rem + 17.8117048346vw, 9rem);
}
.top-concept__title {
  row-gap: clamp(0.5625rem, 0.1481353591rem + 1.7679558011vw, 1.5625rem);
  margin-inline: auto;
}
.top-concept__outer {
  max-width: 1440px;
  margin-top: 53px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-concept__outer {
    max-width: 660px;
    margin-top: 56px;
    padding: 0 clamp(1.125rem, 0.409351145rem + 3.0534351145vw, 1.875rem);
  }
}
.top-concept__body {
  max-width: 1375px;
  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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .top-concept__body {
    max-width: 600px;
    -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: 48px;
    padding: 0;
  }
}
.top-concept__box {
  max-width: 641px;
  width: 100%;
}
.top-concept__box-title {
  color: var(--main2);
  font-size: clamp(1.625rem, 1.3077557756rem + 0.6600660066vw, 1.875rem);
  line-height: 1.3666666667;
}
@media (max-width: 768px) {
  .top-concept__box-title {
    font-size: 1.875rem;
  }
}
.top-concept__text {
  white-space: pre-line;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .top-concept__text {
    margin-top: 32px;
  }
}
.top-concept__img {
  max-width: 697px;
  width: 100%;
  margin-top: clamp(0rem, -0.6344884488rem + 1.3201320132vw, 0.5rem);
  padding-right: 20px;
}
.top-concept__img img {
  -webkit-box-shadow: 20px 15px 0px #aa8f3e;
          box-shadow: 20px 15px 0px #aa8f3e;
}

.top-feature {
  background-color: var(--base2);
  padding-bottom: clamp(4.125rem, 3.409351145rem + 3.0534351145vw, 4.875rem);
}
.top-feature__bg {
  background: url(../images/top-feature-bg.webp) no-repeat top center/cover;
  background-image: -webkit-image-set(url(../images/top-feature-bg.webp) 1x, url(../images/top-feature-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-bg.webp) 1x, url(../images/top-feature-bg@2x.webp) 2x);
  padding-top: clamp(1.875rem, -0.075rem + 8.32vw, 5.125rem);
  padding-bottom: 47px;
}
@media (max-width: 768px) {
  .top-feature__bg {
    background: url(../images/top-feature-bg_sp.webp) no-repeat top center/cover;
    background-image: -webkit-image-set(url(../images/top-feature-bg_sp.webp) 1x, url(../images/top-feature-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature-bg_sp.webp) 1x, url(../images/top-feature-bg_sp@2x.webp) 2x);
    padding-bottom: 0;
  }
}
.top-feature__title {
  row-gap: clamp(0.625rem, 0.4955110497rem + 0.5524861878vw, 0.9375rem);
  margin-inline: auto;
}
.top-feature__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(3.8125rem, 1.2989130435rem + 10.0543478261vw, 6.125rem);
}
@media (max-width: 768px) {
  .top-feature__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-feature__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px clamp(0.625rem, -4.9115044248rem + 8.8495575221vw, 2.5rem);
}
@media (max-width: 1000px) {
  .top-feature__items {
    max-width: 840px;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: clamp(0.625rem, -5.6168831169rem + 12.987012987vw, 2.5rem);
       -moz-column-gap: clamp(0.625rem, -5.6168831169rem + 12.987012987vw, 2.5rem);
            column-gap: clamp(0.625rem, -5.6168831169rem + 12.987012987vw, 2.5rem);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .top-feature__items {
    max-width: 400px;
    grid-template-columns: 1fr;
    row-gap: 61px;
  }
}
.top-feature__item {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}
.top-feature__item::after {
  content: "";
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
  background: url(../images/top-feature-deco.webp) no-repeat center left/cover;
  background-image: -webkit-image-set(url(../images/top-feature-deco.webp) 1x, url(../images/top-feature-deco@2x.webp) 2x);
  background-image: image-set(url(../images/top-feature-deco.webp) 1x, url(../images/top-feature-deco@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-feature__item::after {
    height: 16px;
    background: url(../images/top-feature-deco_sp.webp) no-repeat center left/cover;
    background-image: -webkit-image-set(url(../images/top-feature-deco_sp.webp) 1x, url(../images/top-feature-deco_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-feature-deco_sp.webp) 1x, url(../images/top-feature-deco_sp@2x.webp) 2x);
  }
}
.top-feature__img {
  overflow: hidden;
}
.top-feature__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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px calc(clamp(0rem, -0.5963740458rem + 2.5445292621vw, 0.625rem) * -1) 59px;
}
@media (max-width: 768px) {
  .top-feature__box_1 {
    padding-bottom: clamp(1.8125rem, 0.0233778626rem + 7.6335877863vw, 3.6875rem);
  }
}
@media (max-width: 768px) {
  .top-feature__box_2 {
    padding-bottom: clamp(1.75rem, -0.098759542rem + 7.8880407125vw, 3.6875rem);
  }
}
@media (max-width: 768px) {
  .top-feature__box_3 {
    padding-top: 19px;
    padding-bottom: clamp(1.6875rem, -0.2208969466rem + 8.1424936387vw, 3.6875rem);
  }
}
@media (max-width: 768px) {
  .top-feature__box_4 {
    padding-bottom: clamp(2.3125rem, 1.0004770992rem + 5.5979643766vw, 3.6875rem);
  }
}
@media (max-width: 768px) {
  .top-feature__box_5 {
    padding-top: 17px;
    padding-bottom: clamp(1.6875rem, -0.2208969466rem + 8.1424936387vw, 3.6875rem);
  }
}
@media (max-width: 768px) {
  .top-feature__box_6 {
    padding-top: 19px;
    padding-bottom: clamp(1.8125rem, 0.0233778626rem + 7.6335877863vw, 3.6875rem);
  }
}
.top-feature__features {
  color: var(--main);
  font-family: "Crimson Text", serif;
  font-size: clamp(1rem, 0.4565217391rem + 2.1739130435vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
}
.top-feature__number {
  color: var(--main);
  font-family: "Crimson Text", serif;
  font-size: clamp(3.125rem, 1.9322519084rem + 5.0890585242vw, 4.375rem);
  font-weight: 400;
  line-height: 1;
  margin-top: calc(clamp(0.1875rem, 0.0085877863rem + 0.7633587786vw, 0.375rem) * -1);
}
.top-feature__number::first-letter {
  color: var(--text);
}
.top-feature__item-title {
  min-height: 70px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-size: clamp(1.0625rem, -0.2293510324rem + 2.0648967552vw, 1.5rem);
  line-height: 1.4583333333;
  text-align: center;
  white-space: pre-line;
  margin-top: -5px;
}
@media (max-width: 1000px) {
  .top-feature__item-title {
    font-size: clamp(1.25rem, 0.4177489177rem + 1.7316017316vw, 1.5rem);
    line-height: 1.5909090909;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title {
    min-height: inherit;
    font-size: clamp(1.375rem, 1.2557251908rem + 0.5089058524vw, 1.5rem);
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_1 {
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_2 {
    margin-top: 3px;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_3 {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_4 {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_5 {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .top-feature__item-title_6 {
    font-size: clamp(1.25rem, 1.0114503817rem + 1.0178117048vw, 1.5rem);
    margin-top: 17px;
  }
}
.top-feature__text {
  max-width: 370px;
  font-size: clamp(0.875rem, 0.505899705rem + 0.5899705015vw, 1rem);
  white-space: pre-line;
  margin-top: 4px;
}
@media (max-width: 1000px) {
  .top-feature__text {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .top-feature__text {
    max-width: clamp(19.5625rem, 16.1631679389rem + 14.5038167939vw, 23.125rem);
  }
}
@media (max-width: 768px) {
  .top-feature__text_1 {
    margin-top: 11px;
  }
}
@media (max-width: 768px) {
  .top-feature__text_2 {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .top-feature__text_3 {
    margin-top: 23px;
  }
}
@media (max-width: 768px) {
  .top-feature__text_4 {
    margin-top: 18px;
  }
}
@media (max-width: 768px) {
  .top-feature__text_5 {
    margin-top: 18px;
  }
}
@media (max-width: 768px) {
  .top-feature__text_6 {
    margin-top: 16px;
  }
}
.top-feature__arrow {
  width: clamp(1.625rem, 1.2075381679rem + 1.7811704835vw, 2.0625rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-feature-arrow.svg) no-repeat center center/contain;
  border-radius: 50%;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .top-feature__arrow_1 {
    margin-top: 13px;
  }
}
@media (max-width: 768px) {
  .top-feature__arrow_2 {
    margin-top: 11px;
  }
}
@media (max-width: 768px) {
  .top-feature__arrow_3 {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .top-feature__arrow_4 {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .top-feature__arrow_5 {
    margin-top: -8px;
  }
}
@media (max-width: 768px) {
  .top-feature__arrow_6 {
    margin-top: -5px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .top-feature__link:hover img, .top-feature__link:focus img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .top-feature__img img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
}
.top-med {
  background: url(../images/top-medical-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-medical-bg.webp) 1x, url(../images/top-medical-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-medical-bg.webp) 1x, url(../images/top-medical-bg@2x.webp) 2x);
  padding-top: clamp(2.5rem, 0.475rem + 8.64vw, 5.875rem);
}
@media (max-width: 768px) {
  .top-med {
    background: url(../images/top-medical-bg_sp.webp) no-repeat top center/cover;
    background-image: -webkit-image-set(url(../images/top-medical-bg_sp.webp) 1x, url(../images/top-medical-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-medical-bg_sp.webp) 1x, url(../images/top-medical-bg_sp@2x.webp) 2x);
  }
}
.top-med__title {
  row-gap: clamp(0.5625rem, 0.5366022099rem + 0.1104972376vw, 0.625rem);
  margin-inline: auto;
}
.top-med__inner {
  max-width: 1189px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.125rem, 1.5882633588rem + 2.2900763359vw, 2.6875rem);
  padding-bottom: 91px;
}
@media (max-width: 768px) {
  .top-med__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(5.125rem, 4.1875rem + 4vw, 5.6875rem);
  }
}
.top-med__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 768px) {
  .top-med__col {
    max-width: 583px;
    -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: 2.13625rem;
    margin-inline: auto;
  }
}
.top-med__col-link {
  max-width: clamp(20.875rem, 6.0252862595rem + 63.358778626vw, 36.4375rem);
  width: 100%;
  aspect-ratio: 583/246;
  display: grid;
  place-items: center;
  position: relative;
}
.top-med__col-link::after {
  content: "";
  inset: 0;
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
}
.top-med__col-link_1 {
  background: url(../images/top-med-l1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-med-l1.webp) 1x, url(../images/top-med-l1@2x.webp) 2x);
  background-image: image-set(url(../images/top-med-l1.webp) 1x, url(../images/top-med-l1@2x.webp) 2x);
}
.top-med__col-link_2 {
  background: url(../images/top-med-l2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-med-l2.webp) 1x, url(../images/top-med-l2@2x.webp) 2x);
  background-image: image-set(url(../images/top-med-l2.webp) 1x, url(../images/top-med-l2@2x.webp) 2x);
}
.top-med__col-text {
  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;
  row-gap: clamp(0.875rem, 0.5768129771rem + 1.272264631vw, 1.1875rem);
  position: relative;
  z-index: 1;
  color: var(--base);
  font-size: clamp(2rem, 1.2006237006rem + 1.6632016632vw, 2.5rem);
  line-height: 1;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  margin-top: clamp(1.3125rem, -1.6851611227rem + 6.237006237vw, 3.1875rem);
}
@media (max-width: 768px) {
  .top-med__col-text {
    font-size: clamp(2rem, 1.5229007634rem + 2.0356234097vw, 2.5rem);
    margin-top: clamp(1.1875rem, -0.7208969466rem + 8.1424936387vw, 3.1875rem);
  }
}
.top-med__col-text::after {
  content: "";
  width: clamp(1.1875rem, -0.2114085239rem + 2.9106029106vw, 2.0625rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-med-arrow-1.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .top-med__col-text::after {
    width: clamp(1.181875rem, 0.3415839695rem + 3.5852417303vw, 2.0625rem);
  }
}
.top-med__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px clamp(0.625rem, -0.8238695426rem + 3.0145530146vw, 1.53125rem);
  margin-top: clamp(3.25rem, 2.7729007634rem + 2.0356234097vw, 3.75rem);
}
@media (max-width: 768px) {
  .top-med__items {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.75rem, 1.125rem + 2.6666666667vw, 2.125rem) clamp(1.1875rem, 0.6666666667rem + 2.2222222222vw, 1.5rem);
    margin-inline: auto;
  }
}
@media (max-width: 600px) {
  .top-med__items {
    max-width: 366px;
  }
}
.top-med__link {
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .top-med__col-link::after {
    -webkit-transition: -webkit-clip-path 0.4s;
    transition: -webkit-clip-path 0.4s;
    transition: clip-path 0.4s;
    transition: clip-path 0.4s, -webkit-clip-path 0.4s;
  }
  .top-med__col-link:hover::after, .top-med__col-link:focus::after {
    -webkit-clip-path: circle(0 at 50% 50%);
            clip-path: circle(0 at 50% 50%);
  }
  .top-med__link {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .top-med__link:hover, .top-med__link:focus {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.top-movie {
  background: url(../images/top-movie-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-movie-bg.webp) 1x, url(../images/top-movie-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-movie-bg.webp) 1x, url(../images/top-movie-bg@2x.webp) 2x);
  padding-top: clamp(3.75rem, 2.1994274809rem + 6.6157760814vw, 5.375rem);
  padding-bottom: clamp(5.5625rem, 2.8625rem + 11.52vw, 10.0625rem);
}
@media (max-width: 768px) {
  .top-movie {
    background: url(../images/top-movie-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-movie-bg_sp.webp) 1x, url(../images/top-movie-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-movie-bg_sp.webp) 1x, url(../images/top-movie-bg_sp@2x.webp) 2x);
  }
}
.top-movie__title {
  row-gap: clamp(0.4375rem, 0.3598066298rem + 0.3314917127vw, 0.625rem);
  margin-inline: auto;
}
.top-movie__inner {
  max-width: 1328px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(1.8125rem, 1.6335877863rem + 0.7633587786vw, 2rem);
}
@media (max-width: 768px) {
  .top-movie__inner {
    padding: 0 clamp(0.78125rem, -0.2624045802rem + 4.4529262087vw, 1.875rem);
  }
}
.top-movie__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;
}
@media (max-width: 1000px) {
  .top-movie__items {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(2.0625rem, 1.6450381679rem + 1.7811704835vw, 2.5rem) 30px;
  }
}
.top-movie__item {
  max-width: clamp(20.5rem, 1.3582251082rem + 39.8268398268vw, 26.25rem);
  width: 100%;
  aspect-ratio: 420/236;
}
@media (max-width: 768px) {
  .top-movie__item {
    max-width: 420px;
  }
}
.top-movie__item-title {
  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: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  color: var(--base);
  font-size: 1.25rem;
  line-height: 1;
}
.top-movie__item-title::before {
  content: "";
  min-width: 20px;
  aspect-ratio: 20/25;
  background: url(../images/icon-teeth.svg) no-repeat center center/contain;
}
.top-movie__color {
  color: var(--main);
}
.top-movie__video {
  margin-top: clamp(0.9375rem, 0.6393129771rem + 1.272264631vw, 1.25rem);
}
.top-movie__youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 420/236;
}

.top-greet {
  background-color: #000;
}
.top-greet__outer {
  max-width: 1440px;
  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;
  margin-inline: auto;
  padding-top: clamp(4.875rem, 3.675rem + 5.12vw, 6.875rem);
  padding-bottom: clamp(4.625rem, 3.425rem + 5.12vw, 6.625rem);
}
@media (max-width: 768px) {
  .top-greet__outer {
    -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: 36px;
  }
}
.top-greet__main {
  max-width: 660px;
  width: 100%;
}
.top-greet__title {
  row-gap: 1px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-greet__title {
    row-gap: 14px;
  }
}
.top-greet__br1 {
  display: none;
}
@media (max-width: 1150px) {
  .top-greet__br1 {
    display: block;
  }
}
@media (max-width: 768px) {
  .top-greet__br1 {
    display: none;
  }
}
@media (max-width: 600px) {
  .top-greet__br1 {
    display: block;
  }
}
.top-greet__box {
  margin-top: clamp(1.5625rem, -1.5891393443rem + 6.5573770492vw, 4.3125rem);
  padding: 0 15px;
}
@media (max-width: 768px) {
  .top-greet__box {
    margin-top: 63px;
    padding: 0 clamp(1.1875rem, 0.5314885496rem + 2.7989821883vw, 1.875rem);
  }
}
.top-greet__box-title {
  color: var(--main);
  font-size: 24px;
  line-height: 1.6666666667;
  text-align: center;
}
.top-greet__text {
  max-width: 491px;
  color: var(--base);
  white-space: pre-line;
  margin-top: clamp(1.25rem, -0.397447839rem + 3.4277198212vw, 2.6875rem);
  margin-inline: auto;
}
.top-greet__link {
  max-width: 250px;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: var(--main2);
  color: var(--base);
  font-size: 1.375rem;
  line-height: 1;
  border-radius: 9999px;
  margin-top: 28px;
  margin-inline: auto;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-greet__link {
    margin-top: 51px;
  }
}
.top-greet__link::after {
  content: "";
  width: 9px;
  aspect-ratio: 9/15;
  position: absolute;
  top: 50%;
  right: 46px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-link-arrow-1.svg);
          mask-image: url(../images/icon-link-arrow-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.top-greet__img {
  max-width: 780px;
  width: 100%;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .top-greet__img {
    margin-top: 0;
  }
}

@media (hover: hover) and (pointer: fine) {
  .top-greet__link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .top-greet__link:hover, .top-greet__link:focus {
    background-color: var(--main);
  }
}
.top-gallery {
  background-color: #f2edde;
  padding-top: clamp(3.9375rem, 2.6426104972rem + 5.5248618785vw, 7.0625rem);
  padding-bottom: clamp(4rem, 2.6274171271rem + 5.8563535912vw, 7.3125rem);
}
.top-gallery__slider {
  overflow: hidden;
}
.top-gallery__wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-gallery__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: infinity-scroll 80s linear infinite both;
          animation: infinity-scroll 80s linear infinite both;
}
.top-gallery__slide {
  max-width: clamp(19.125rem, 15.395718232rem + 15.9116022099vw, 28.125rem);
  margin-right: clamp(1.0625rem, 0.8812154696rem + 0.773480663vw, 1.5rem);
}

/*###################################################################
  clinic（page）
###################################################################*/
.clinic-c__title1 {
  max-width: clamp(48.0625rem, 45.7111056751rem + 4.8923679061vw, 49.625rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.clinic-c__title1-jp {
  font-size: clamp(1.25rem, 1.1464088398rem + 0.4419889503vw, 1.5rem);
}
.clinic-c__title1-en {
  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;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  font-family: "Crimson Text", serif;
  font-size: clamp(1.875rem, 1.6160220994rem + 1.1049723757vw, 2.5rem);
  font-weight: 400;
}
.clinic-c__title1-en::before, .clinic-c__title1-en::after {
  content: "";
  max-width: 226px;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
.clinic-c__title1-color {
  color: var(--main);
  font-size: clamp(2.5rem, 2.2410220994rem + 1.1049723757vw, 3.125rem);
}

.clinic1 {
  background-color: var(--base2);
  padding-top: 49px;
}
.clinic1__title {
  row-gap: 3px;
  margin-inline: auto;
}
.clinic1__inner {
  max-width: 1286px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 45px 30px 106px;
  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: 40px 15px;
}
@media (max-width: 768px) {
  .clinic1__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;
    padding: 45px clamp(0.875rem, -0.0791984733rem + 4.0712468193vw, 1.875rem) clamp(3.75rem, 1.0066793893rem + 11.7048346056vw, 6.625rem);
  }
}
.clinic1__dl {
  max-width: 608px;
  width: 100%;
  display: grid;
  grid-template-columns: clamp(4.375rem, 1.8105636833rem + 5.3356282272vw, 6.3125rem) 1fr;
  font-size: clamp(0.875rem, 0.7095524957rem + 0.3442340792vw, 1rem);
  line-height: 1.9375;
}
@media (max-width: 768px) {
  .clinic1__dl {
    grid-template-columns: clamp(4.375rem, 2.526240458rem + 7.8880407125vw, 6.3125rem) 1fr;
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}
.clinic1__dt {
  font-weight: 600;
  border-bottom: 2px solid var(--main2);
  padding-left: clamp(0rem, -0.8272375215rem + 1.7211703959vw, 0.625rem);
}
@media (max-width: 768px) {
  .clinic1__dt {
    padding-left: clamp(0rem, -0.5963740458rem + 2.5445292621vw, 0.625rem);
  }
}
.clinic1__dt:not(:first-of-type) {
  padding-top: clamp(0.5rem, -0.1617900172rem + 1.3769363167vw, 1rem);
}
@media (max-width: 768px) {
  .clinic1__dt:not(:first-of-type) {
    padding-top: 10px;
  }
}
.clinic1__dd {
  white-space: pre-line;
  border-bottom: 2px solid #ffeebb;
  padding-bottom: clamp(0.5rem, 0.0863812392rem + 0.8605851979vw, 0.8125rem);
  padding-left: clamp(0rem, -3.5571213425rem + 7.4010327022vw, 2.6875rem);
}
@media (max-width: 768px) {
  .clinic1__dd {
    padding-bottom: 10px;
    padding-left: clamp(0rem, -2.5644083969rem + 10.941475827vw, 2.6875rem);
  }
}
.clinic1__dd:not(:first-of-type) {
  padding-top: clamp(0.5rem, -0.1617900172rem + 1.3769363167vw, 1rem);
}
@media (max-width: 768px) {
  .clinic1__dd:not(:first-of-type) {
    padding-top: 10px;
  }
}
.clinic1__map {
  max-width: 644px;
  width: 100%;
  margin-top: 42px;
}
@media (max-width: 768px) {
  .clinic1__map {
    margin-top: 0;
  }
}
.clinic1__gmap {
  width: 100%;
  height: clamp(25rem, 14.1459923664rem + 46.31043257vw, 36.375rem);
}

.clinic2 {
  padding-top: clamp(3.75rem, 2.1397900763rem + 6.8702290076vw, 5.4375rem);
}
.clinic2__title {
  row-gap: 3px;
  margin-inline: auto;
}
.clinic2__inner {
  max-width: 1190px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 51px 30px 79px;
}
@media (max-width: 1280px) {
  .clinic2__inner {
    padding: clamp(2.1875rem, 1.2333015267rem + 4.0712468193vw, 3.1875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 79px;
  }
}
.clinic2__text1 {
  text-align: center;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .clinic2__text1 {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.clinic2__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;
  -webkit-column-gap: clamp(0.5rem, 0.0835977157rem + 1.7766497462vw, 0.9375rem);
     -moz-column-gap: clamp(0.5rem, 0.0835977157rem + 1.7766497462vw, 0.9375rem);
          column-gap: clamp(0.5rem, 0.0835977157rem + 1.7766497462vw, 0.9375rem);
  margin-top: clamp(1.875rem, -0.3375rem + 9.44vw, 5.5625rem);
}
.clinic2__top-img {
  max-width: 564px;
  width: 100%;
}
.clinic2__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.8125rem, 1.5004770992rem + 5.5979643766vw, 4.1875rem);
  position: relative;
  z-index: 1;
  margin-top: clamp(2.5rem, 0.4723282443rem + 8.6513994911vw, 4.625rem);
}
@media (max-width: 768px) {
  .clinic2__items {
    max-width: 500px;
    margin-inline: auto;
  }
}
.clinic2__item {
  min-height: 367px;
  position: relative;
  background-color: var(--base);
  padding: 22px 12px 30px;
}
@media (max-width: 768px) {
  .clinic2__item {
    padding: 22px 15px 30px;
  }
}
.clinic2__item::after {
  content: "";
  width: 97.4789915966%;
  aspect-ratio: 1160/344;
  position: absolute;
  right: calc(clamp(0.4375rem, -0.2916666667rem + 3.1111111111vw, 0.875rem) * -1);
  bottom: calc(clamp(0.4375rem, -0.0833333333rem + 2.2222222222vw, 0.75rem) * -1);
  z-index: -1;
  background-color: var(--main);
}
@media (max-width: 768px) {
  .clinic2__item::after {
    height: 98%;
    aspect-ratio: inherit;
  }
}
.clinic2__item-inner {
  max-width: 1112px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .clinic2__item-inner {
    max-width: 420px;
    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;
  }
}
.clinic2__item-body {
  max-width: 1102px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
     -moz-column-gap: 9px;
          column-gap: 9px;
}
@media (max-width: 768px) {
  .clinic2__item-body {
    display: contents;
  }
}
.clinic2__item-box {
  max-width: 722px;
  width: 100%;
}
@media (max-width: 768px) {
  .clinic2__item-box {
    display: contents;
  }
}
.clinic2__item-group {
  display: grid;
  grid-template-columns: clamp(3.375rem, -1.2214137214rem + 9.5634095634vw, 6.25rem) 1fr;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-image: -webkit-repeating-linear-gradient(left, var(--main), var(--main) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--main), var(--main) 2px, transparent 2px, transparent 4px);
  background-position: left -1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .clinic2__item-group {
    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;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.clinic2__item-number {
  color: var(--main);
  font-size: clamp(2.5rem, 0.5015592516rem + 4.158004158vw, 3.75rem);
  font-weight: 500;
  line-height: 1;
}
.clinic2__item-number::first-letter {
  color: var(--text);
}
.clinic2__item-title {
  font-size: clamp(1.25rem, 0.8503118503rem + 0.8316008316vw, 1.5rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .clinic2__item-title {
    text-align: center;
  }
}
.clinic2__item-text {
  max-width: 700px;
  white-space: pre-line;
  margin-top: 11px;
}
@media (max-width: 768px) {
  .clinic2__item-text {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
.clinic2__item-img {
  max-width: clamp(16.875rem, 6.7828742204rem + 20.9979209979vw, 23.1875rem);
  width: 100%;
  margin-top: 23px;
}
@media (max-width: 768px) {
  .clinic2__item-img {
    max-width: 400px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.clinic2__box {
  background-color: var(--base);
  margin-top: 64px;
  padding: 43px 15px 41px;
}
@media (max-width: 768px) {
  .clinic2__box {
    max-width: 600px;
    margin-inline: auto;
  }
}
.clinic2__box-inner {
  max-width: 1152px;
  margin-inline: auto;
}
.clinic2__box-body {
  max-width: 1122px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 15px;
}
@media (max-width: 768px) {
  .clinic2__box-body {
    max-width: 500px;
    -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;
  }
}
.clinic2__box-main {
  max-width: 759px;
  width: 100%;
}
.clinic2__box-title {
  height: clamp(3.125rem, 2.5254677755rem + 1.2474012474vw, 3.5rem);
  display: grid;
  place-items: center;
  background-color: #c8a848;
  color: var(--base);
  font-size: clamp(1.25rem, 0.8503118503rem + 0.8316008316vw, 1.5rem);
  font-weight: bold;
  line-height: 1;
}
.clinic2__box-text {
  white-space: pre-line;
  padding-left: clamp(0rem, -1.898518711rem + 3.9501039501vw, 1.1875rem);
}
.clinic2__box-text_1 {
  font-weight: bold;
  margin-top: clamp(0.9375rem, -1.0609407484rem + 4.158004158vw, 2.1875rem);
}
.clinic2__box-text_2 {
  max-width: 712px;
  margin-top: clamp(1.25rem, -1.1481288981rem + 4.9896049896vw, 2.75rem);
}
.clinic2__box-images {
  max-width: 315px;
  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: 23px;
}
@media (max-width: 768px) {
  .clinic2__box-images {
    max-width: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -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;
  }
}
.clinic2__box-img {
  max-width: 315px;
}

.clinic3__bg {
  background: url(../images/clinic3-bg-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/clinic3-bg-1.webp) 1x, url(../images/clinic3-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/clinic3-bg-1.webp) 1x, url(../images/clinic3-bg-1@2x.webp) 2x);
  padding-top: clamp(2.5rem, -0.125rem + 11.2vw, 6.875rem);
}
.clinic3__title {
  row-gap: 4px;
  margin-inline: auto;
}
.clinic3__inner {
  max-width: 1286px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 73px 30px 105px;
}
@media (max-width: 1280px) {
  .clinic3__inner {
    padding: clamp(2.5rem, 0.5319656489rem + 8.3969465649vw, 4.5625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(1.25rem, -1.9375rem + 13.6vw, 6.5625rem);
  }
}
.clinic3__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px clamp(0.625rem, -4.9115044248rem + 8.8495575221vw, 2.5rem);
}
@media (max-width: 1000px) {
  .clinic3__items {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: clamp(1.25rem, -2.9112554113rem + 8.658008658vw, 2.5rem);
       -moz-column-gap: clamp(1.25rem, -2.9112554113rem + 8.658008658vw, 2.5rem);
            column-gap: clamp(1.25rem, -2.9112554113rem + 8.658008658vw, 2.5rem);
  }
}
@media (max-width: 768px) {
  .clinic3__items {
    max-width: 400px;
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.clinic3__item {
  background-color: var(--base);
}
.clinic3__box {
  padding: 16px 10px 7px;
}
@media (max-width: 1000px) {
  .clinic3__box {
    padding-bottom: 15px;
  }
}
.clinic3__box-inner {
  max-width: 353px;
  margin-inline: auto;
}
.clinic3__item-title {
  font-size: clamp(1.375rem, 1.2557251908rem + 0.5089058524vw, 1.5rem);
  line-height: 1.75;
}
.clinic3__item-text {
  white-space: pre-line;
}
.clinic3__blank {
  height: 118px;
  background-color: #f5ebd3;
}

/*###################################################################
  staff（page）
###################################################################*/
.staff1_pos {
  margin-top: 47px;
}
.staff1__title {
  row-gap: 11px;
  margin-inline: auto;
}
.staff1__bg {
  background-color: var(--base2);
  margin-top: clamp(2.5rem, -0.1240458015rem + 11.1959287532vw, 5.25rem);
}
.staff1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 57px 30px 100px;
}
@media (max-width: 1280px) {
  .staff1__inner {
    padding: clamp(2.3125rem, 1.1197519084rem + 5.0890585242vw, 3.5625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 1.25rem + 8vw, 6.25rem);
  }
}
.staff1__col1 {
  max-width: 1258px;
  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: 768px) {
  .staff1__col1 {
    max-width: 600px;
    -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;
    margin-inline: auto;
  }
}
.staff1__col1-group {
  max-width: 640px;
  width: 100%;
}
.staff1__col1-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, 0.4141333938rem + 1.0889292196vw, 1.3125rem);
     -moz-column-gap: clamp(0.9375rem, 0.4141333938rem + 1.0889292196vw, 1.3125rem);
          column-gap: clamp(0.9375rem, 0.4141333938rem + 1.0889292196vw, 1.3125rem);
  line-height: 1;
}
.staff1__col1-jp {
  font-size: clamp(1.25rem, 0.9010889292rem + 0.7259528131vw, 1.5rem);
  font-weight: 500;
}
.staff1__col1-en {
  max-width: clamp(16.125rem, 3.1280626134rem + 27.0417422868vw, 25.4375rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  font-family: "Crimson Text", serif;
  font-size: clamp(1.625rem, 1.2760889292rem + 0.7259528131vw, 1.875rem);
  font-weight: 400;
  white-space: nowrap;
}
.staff1__col1-en::before {
  content: "";
  max-width: 226px;
  width: 100%;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background-color: var(--main2);
}
.staff1__col1-color {
  color: var(--main);
  font-size: clamp(2.125rem, 1.6016333938rem + 1.0889292196vw, 2.5rem);
}
.staff1__col1-subtitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--main);
  font-size: clamp(1.3125rem, 0.5274500907rem + 1.6333938294vw, 1.875rem);
  line-height: 1.6666666667;
  white-space: pre-line;
  margin-top: 19px;
  margin-inline: auto;
}
.staff1__col1-img {
  position: relative;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .staff1__col1-img {
    max-width: 480px;
    margin-inline: auto;
  }
}
.staff1__col1-name {
  width: clamp(10.5rem, 0.5560344828rem + 20.6896551724vw, 17.625rem);
  aspect-ratio: 282/113;
  position: absolute;
  bottom: calc(clamp(1.4375rem, 0.1290834846rem + 2.722323049vw, 2.375rem) * -1);
  right: clamp(1.125rem, -0.6195553539rem + 3.6297640653vw, 2.375rem);
}
@media (max-width: 768px) {
  .staff1__col1-name {
    max-width: clamp(9.5rem, 1.7413793103rem + 33.1034482759vw, 12.5rem);
  }
}
.staff1__col1-text {
  max-width: 586px;
  width: 100%;
  white-space: pre-line;
  margin-top: 16px;
}
.staff1__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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(2.5rem, -0.05rem + 10.88vw, 6.75rem);
}
@media (max-width: 768px) {
  .staff1__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;
  }
}
.staff1__col2-body {
  max-width: 616px;
  width: 100%;
  background-color: var(--base);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 30px 15px 28px;
}
.staff1__col2-inner {
  max-width: 572px;
  margin-inline: auto;
}
.staff1__col2-title {
  height: clamp(2.8125rem, 2.0319025522rem + 1.6241299304vw, 3.25rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: #000;
  font-size: clamp(1.5rem, 0.8309164733rem + 1.3921113689vw, 1.875rem);
  font-weight: 500;
  line-height: 1;
}
.staff1__items1 {
  max-width: 472px;
  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: 15px;
  margin-top: 38px;
  margin-inline: auto;
}
.staff1__item1 {
  max-width: 453px;
  width: 100%;
  display: grid;
  grid-template-columns: clamp(6.6875rem, 0.5542343387rem + 12.7610208817vw, 10.125rem) 1fr;
  background-image: -webkit-repeating-linear-gradient(left, #a5a1a1, #a5a1a1 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #a5a1a1, #a5a1a1 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  font-size: clamp(0.875rem, 0.6519721578rem + 0.464037123vw, 1rem);
  font-weight: 500;
  line-height: 2;
  margin-left: auto;
  padding-bottom: 14px;
}
@media (max-width: 768px) {
  .staff1__item1 {
    grid-template-columns: clamp(6.875rem, 1.4583333333rem + 23.1111111111vw, 10.125rem) 1fr;
    font-size: clamp(0.875rem, 0.6666666667rem + 0.8888888889vw, 1rem);
  }
}
.staff1__items2 {
  max-width: 456px;
  margin-top: 20px;
  margin-inline: auto;
}
.staff1__item2 {
  font-size: clamp(0.875rem, 0.6519721578rem + 0.464037123vw, 1rem);
  font-weight: 500;
  line-height: 2.0625;
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .staff1__item2 {
    font-size: clamp(0.875rem, 0.6666666667rem + 0.8888888889vw, 1rem);
  }
}

.staff2_pos {
  margin-top: clamp(3.125rem, 0.4625rem + 11.36vw, 7.5625rem);
}
.staff2__title {
  row-gap: 11px;
  margin-inline: auto;
}
.staff2__bg {
  margin-top: clamp(2.5rem, 0.8125rem + 7.2vw, 5.3125rem);
}
.staff2__inner {
  max-width: 1254px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 67px 30px 146px;
}
@media (max-width: 1280px) {
  .staff2__inner {
    padding: clamp(3.125rem, 2.1111641221rem + 4.3256997455vw, 4.1875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, -0.475rem + 15.36vw, 9.125rem);
  }
}
.staff2__col {
  max-width: 1238px;
  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;
  margin-left: auto;
}
@media (max-width: 768px) {
  .staff2__col {
    max-width: 600px;
    -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: 30px;
    margin-inline: auto;
  }
}
.staff2__col-main {
  max-width: 846px;
  width: 100%;
  margin-top: clamp(0rem, -2.3533427495rem + 4.8964218456vw, 1.625rem);
}
.staff2__col-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: clamp(0.5625rem, -0.2045454545rem + 3.2727272727vw, 1.125rem);
     -moz-column-gap: clamp(0.5625rem, -0.2045454545rem + 3.2727272727vw, 1.125rem);
          column-gap: clamp(0.5625rem, -0.2045454545rem + 3.2727272727vw, 1.125rem);
  font-weight: 500;
  line-height: 1;
}
.staff2__col-deco {
  max-width: clamp(3.6875rem, -11.4282015066rem + 31.450094162vw, 14.125rem);
  width: 100%;
  position: relative;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}
@media (max-width: 768px) {
  .staff2__col-deco {
    max-width: clamp(2.5rem, -10.2840909091rem + 54.5454545455vw, 11.875rem);
  }
}
.staff2__col-deco::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: calc(50% + 3px);
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--main2);
}
.staff2__col-name-jp {
  font-size: clamp(1.625rem, 0.3578154426rem + 2.6365348399vw, 2.5rem);
}
@media (max-width: 768px) {
  .staff2__col-name-jp {
    font-size: clamp(1.5rem, 0.9886363636rem + 2.1818181818vw, 1.875rem);
  }
}
.staff2__col-name-jp::first-letter {
  color: var(--main);
}
.staff2__col-name-en {
  color: var(--main);
  font-size: clamp(1rem, 0.6379472693rem + 0.7532956685vw, 1.25rem);
  margin-left: clamp(0rem, -1.4482109228rem + 3.0131826742vw, 1rem);
}
@media (max-width: 768px) {
  .staff2__col-name-en {
    font-size: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.125rem);
  }
}
.staff2__col-box {
  max-width: 794px;
  line-height: 2.25;
  margin-top: clamp(1.75rem, 1.3375rem + 1.76vw, 2.4375rem);
  margin-left: auto;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .staff2__col-box {
    padding-left: 0;
  }
}
.staff2__col-text {
  white-space: pre-line;
}
.staff2__col-text_note {
  text-indent: -1em;
  padding-left: 1em;
}
.staff2__col-items {
  margin-top: clamp(1.25rem, 1.0625rem + 0.8vw, 1.5625rem);
}
.staff2__col-item {
  text-indent: -1em;
  padding-left: 1em;
}
.staff2__col-item::first-letter {
  color: var(--main);
}
.staff2__col-img {
  max-width: clamp(17.5rem, 7.3625235405rem + 21.0922787194vw, 24.5rem);
  width: 100%;
}
@media (max-width: 768px) {
  .staff2__col-img {
    max-width: 380px;
  }
}
.staff2__hr {
  max-width: 1200px;
  height: 1px;
  background-image: -webkit-repeating-linear-gradient(left, #a5a1a1, #a5a1a1 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #a5a1a1, #a5a1a1 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  border: none;
  margin-top: clamp(2.5rem, 1.675rem + 3.52vw, 3.875rem);
  margin-inline: auto;
}
.staff2__items1 {
  max-width: 1224px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px clamp(0.9375rem, 0.1228813559rem + 1.6949152542vw, 1.5rem);
  margin-top: clamp(3.125rem, 2.4875rem + 2.72vw, 4.1875rem);
  margin-inline: auto;
}
.staff2__item1 {
  max-width: clamp(21rem, 15.9312617702rem + 10.5461393597vw, 24.5rem);
  width: 100%;
}
@media (max-width: 768px) {
  .staff2__item1 {
    max-width: 392px;
  }
}
.staff2__box {
  min-height: 207px;
  font-weight: 500;
  margin-top: clamp(1.125rem, 0.2625rem + 3.68vw, 2.5625rem);
}
.staff2__name-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(1.25rem, -0.7412900188rem + 4.143126177vw, 2.625rem);
     -moz-column-gap: clamp(1.25rem, -0.7412900188rem + 4.143126177vw, 2.625rem);
          column-gap: clamp(1.25rem, -0.7412900188rem + 4.143126177vw, 2.625rem);
  position: relative;
}
.staff2__name-wrapper::before {
  content: "";
  max-width: clamp(5.5625rem, 3.6617231638rem + 3.9548022599vw, 6.875rem);
  width: 100%;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  top: 21px;
  background-color: var(--main2);
}
.staff2__name-wrapper::after {
  content: "";
  width: 2px;
  height: 184px;
  position: absolute;
  top: 21px;
  left: 0;
  background-color: var(--main2);
}
.staff2__name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: 27px;
  line-height: 1;
}
.staff2__name-jp {
  font-size: 2.5rem;
}
.staff2__name-jp::first-letter {
  color: var(--main);
}
.staff2__name-en {
  color: var(--main);
  font-size: 1.25rem;
}
.staff2__items2 {
  padding-left: 9px;
}
.staff2__items2_1 {
  margin-top: 13px;
}
.staff2__items2_2 {
  margin-top: 20px;
}
.staff2__items2_3 {
  margin-top: 20px;
}
.staff2__text-wrapper {
  margin-top: 16px;
  padding-left: 9px;
}
.staff2__text1 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.75;
}
.staff2__item2 {
  white-space: pre-line;
  text-indent: -1em;
  padding-left: 1em;
}
.staff2__item2::first-letter {
  color: var(--main);
}

.staff3_pos {
  margin-top: clamp(3.125rem, 1.1375rem + 8.48vw, 6.4375rem);
}
.staff3__title {
  row-gap: 11px;
  margin-inline: auto;
}
.staff3__inner1 {
  max-width: 980px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.5rem, 0.6625rem + 7.84vw, 5.5625rem);
}
@media (max-width: 768px) {
  .staff3__inner1 {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.staff3__bg {
  background: url(../images/staff3-bg.webp) repeat 0 0/auto;
  background-image: -webkit-image-set(url(../images/staff3-bg.webp) 1x, url(../images/staff3-bg@2x.webp) 2x);
  background-image: image-set(url(../images/staff3-bg.webp) 1x, url(../images/staff3-bg@2x.webp) 2x);
  margin-top: calc(clamp(9.5rem, 6.2rem + 14.08vw, 15rem) * -1);
}
.staff3__inner2 {
  max-width: 1231px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 250px 30px 129px;
}
@media (max-width: 1280px) {
  .staff3__inner2 {
    padding: clamp(8.75rem, 4.625rem + 17.6vw, 15.625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 0.1625rem + 12.64vw, 8.0625rem);
  }
}
.staff3__items1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px clamp(0.9375rem, 0.1228813559rem + 1.6949152542vw, 1.5rem);
  margin-top: clamp(3.125rem, 2.4875rem + 2.72vw, 4.1875rem);
  margin-inline: auto;
}
.staff3__item1 {
  max-width: clamp(21rem, 15.9312617702rem + 10.5461393597vw, 24.5rem);
  width: 100%;
}
@media (max-width: 768px) {
  .staff3__item1 {
    max-width: 392px;
  }
}
.staff3__box {
  font-weight: 500;
  margin-top: clamp(1.125rem, 0.2625rem + 3.68vw, 2.5625rem);
}
.staff3__name-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  position: relative;
}
.staff3__name-wrapper::before {
  content: "";
  max-width: 70px;
  width: 100%;
  height: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  top: 21px;
  background-color: var(--main2);
}
.staff3__name-wrapper::after {
  content: "";
  width: 2px;
  height: 184px;
  position: absolute;
  top: 21px;
  left: 0;
  background-color: var(--main2);
}
.staff3__name {
  color: var(--main);
  font-size: clamp(2.25rem, 1.8879472693rem + 0.7532956685vw, 2.5rem);
  line-height: 1;
}
.staff3__job {
  color: var(--text);
  font-size: clamp(1.5rem, 0.956920904rem + 1.1299435028vw, 1.875rem);
}
.staff3__item1-inner {
  padding-left: 9px;
}
.staff3__item1-bg {
  max-width: 373px;
  min-height: 496px;
  background-color: var(--base2);
  margin-top: 10px;
  padding: 11px 0 19px;
}
@media (max-width: 768px) {
  .staff3__item1-bg {
    min-height: 400px;
  }
}
.staff3__text {
  white-space: pre-line;
}
.staff3__items2 {
  margin-top: 11px;
}
.staff3__text-wrapper {
  margin-top: 16px;
  padding-left: 9px;
}
.staff3__text1 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.75;
}
.staff3__item2 {
  white-space: pre-line;
  text-indent: -1em;
  padding-left: 1em;
}
.staff3__item2::first-letter {
  color: var(--main);
}

.staff4_pos {
  margin-top: clamp(3.125rem, 1.0625rem + 8.8vw, 6.5625rem);
}
.staff4__title {
  row-gap: 11px;
  margin-inline: auto;
}
.staff4__inner {
  max-width: 980px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.5rem, 1.3375rem + 4.96vw, 4.4375rem);
  padding-bottom: 510px;
}
@media (max-width: 768px) {
  .staff4__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(7.5rem, -7.125rem + 62.4vw, 31.875rem);
  }
}

/*###################################################################
  medical（page）
###################################################################*/
.med-nav {
  background: url(../images/med-menu-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/med-menu-bg.webp) 1x, url(../images/med-menu-bg@2x.webp) 2x);
  background-image: image-set(url(../images/med-menu-bg.webp) 1x, url(../images/med-menu-bg@2x.webp) 2x);
}
.med-nav__inner {
  max-width: 1344px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 114px 30px 112px;
}
@media (max-width: 1280px) {
  .med-nav__inner {
    padding: clamp(2.5rem, -0.275rem + 11.84vw, 7.125rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(2.5rem, -0.2rem + 11.52vw, 7rem);
  }
}
.med-nav__items {
  max-width: 1317px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 11px;
  margin-left: auto;
}
@media (max-width: 1000px) {
  .med-nav__items {
    max-width: 800px;
    grid-template-columns: repeat(3, 1fr);
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .med-nav__items {
    max-width: 600px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.med-nav__link {
  max-width: 320px;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .med-nav__link {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .med-nav__link:hover, .med-nav__link:focus {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.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;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .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;
  }
}
.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: 768px) {
  .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: 637px;
  width: 100%;
}
.med-col1__img {
  max-width: 584px;
  width: 100%;
}

.med1_pos {
  margin-top: clamp(3.125rem, 0.2762430939rem + 12.1546961326vw, 10rem);
}
.med1__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med1__inner {
  max-width: 1277px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .med1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.med1__col1 {
  margin-top: clamp(2.5rem, 0.8897900763rem + 6.8702290076vw, 4.1875rem);
}
.med1__col1-text {
  margin-top: clamp(0.9375rem, -0.5776050788rem + 3.1523642732vw, 2.0625rem);
}

.med2_pos {
  margin-top: clamp(3.125rem, 1.700621547rem + 6.0773480663vw, 6.5625rem);
}
.med2__bg {
  padding-top: clamp(2.5rem, 1.6rem + 3.84vw, 4rem);
  background-color: var(--base2);
}
.med2__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 76px 30px 74px;
}
@media (max-width: 1280px) {
  .med2__inner {
    padding: clamp(2.5rem, 1.15rem + 5.76vw, 4.75rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(2.5rem, 1.225rem + 5.44vw, 4.625rem);
  }
}
.med2__link {
  max-width: clamp(18.75rem, 13.7838222417rem + 10.3327495622vw, 22.4375rem);
  width: 100%;
  height: clamp(3.4375rem, 2.0907399299rem + 2.8021015762vw, 4.4375rem);
  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;
  position: relative;
  background-color: var(--main2);
  color: var(--base);
  font-size: clamp(1.25rem, 0.9133099825rem + 0.700525394vw, 1.5rem);
  line-height: 1;
  border-radius: 9999px;
  margin-top: clamp(1.25rem, 0.6428108808rem + 2.5906735751vw, 2.8125rem);
  margin-inline: auto;
  padding-left: 25px;
}
.med2__link::after {
  content: "";
  width: 9px;
  aspect-ratio: 9/15;
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-link-arrow-1.svg);
          mask-image: url(../images/icon-link-arrow-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.med2__item2 {
  margin-top: clamp(3.125rem, 0.5rem + 11.2vw, 7.5rem);
}
.med2__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;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .med2__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;
  }
}
.med2__col2_1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: clamp(1.5625rem, 0.0119274809rem + 6.6157760814vw, 3.1875rem);
}
@media (max-width: 768px) {
  .med2__col2_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.med2__col2_2 {
  margin-top: clamp(1.5625rem, -0.1669847328rem + 7.3791348601vw, 3.375rem);
}
.med2__col2-box {
  width: 100%;
}
.med2__col2-box_1 {
  max-width: 776px;
}
.med2__col2-box_2 {
  max-width: 751px;
}
.med2__col2-title {
  font-weight: bold;
}
.med2__col2-text1 {
  margin-top: clamp(1.125rem, 0.7075381679rem + 1.7811704835vw, 1.5625rem);
}
.med2__col2-img_1 {
  margin-top: 51px;
}
@media (max-width: 768px) {
  .med2__col2-img_1 {
    margin-top: 0;
  }
}
.med2__box {
  max-width: 1072px;
  position: relative;
  background-color: var(--base);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: clamp(1.875rem, 0.9375rem + 4vw, 3.4375rem);
  margin-inline: auto;
  padding: clamp(1.5625rem, 1.075rem + 2.08vw, 2.375rem) clamp(1.375rem, 0.925rem + 1.92vw, 2.125rem);
}
.med2__box::before, .med2__box::after {
  content: "";
  width: 192px;
  aspect-ratio: 192/56;
  position: absolute;
}
.med2__box::before {
  top: 9px;
  left: 9px;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}
.med2__box::after {
  bottom: 9px;
  right: 9px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
.med2__box-text {
  font-weight: bold;
}
.med2__item3 {
  margin-top: clamp(3.125rem, 1.5125rem + 6.88vw, 5.8125rem);
}
.med2__item3-title {
  color: var(--main);
  font-size: clamp(1.25rem, 1.1464088398rem + 0.4419889503vw, 1.5rem);
  font-weight: bold;
  line-height: 1.75;
  margin-top: calc(clamp(-0.9375rem, -1.1964779006rem + 1.1049723757vw, -0.3125rem) * -1);
}
.med2__item3-text {
  font-weight: bold;
  white-space: pre-line;
  margin-top: 14px;
}

@media (hover: hover) and (pointer: fine) {
  .med2__link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .med2__link:hover {
    background-color: var(--main);
  }
}
.med3_pos {
  margin-top: clamp(3.125rem, 1.5970303867rem + 6.5193370166vw, 6.8125rem);
}
.med3__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med3__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) {
  .med3__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.med3__col1 {
  margin-top: clamp(2.5rem, -0.0875rem + 11.04vw, 6.8125rem);
}
.med3__menu {
  margin-top: clamp(3.125rem, 1.7375rem + 5.92vw, 5.4375rem);
}
.med3__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(2.1875rem, 0.625rem + 6.6666666667vw, 3.125rem) 26px;
  margin-top: clamp(2.1875rem, 1.3525763359rem + 3.5623409669vw, 3.0625rem);
}
@media (max-width: 900px) {
  .med3__items {
    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__item {
  min-height: 496px;
  border: 1px solid var(--text);
  padding: 34px 12px 15px;
  -webkit-box-shadow: 8px 9px 0px var(--main);
          box-shadow: 8px 9px 0px var(--main);
}
@media (max-width: 900px) {
  .med3__item {
    max-width: clamp(15.625rem, -0.2040133779rem + 42.1404682274vw, 23.5rem);
    width: 100%;
  }
}
@media (max-width: 600px) {
  .med3__item {
    max-width: 400px;
    min-height: 300px;
  }
}
.med3__item-inner {
  max-width: 364px;
  margin-inline: auto;
}
.med3__item-title {
  color: var(--main);
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border-bottom: 1px solid var(--main);
  padding-bottom: clamp(1.5rem, 0.25rem + 5.3333333333vw, 2.25rem);
}
.med3__item-text {
  max-width: 350px;
  white-space: pre-line;
  margin-top: clamp(1.25rem, -0.2083333333rem + 6.2222222222vw, 2.125rem);
  margin-inline: auto;
}

.med4_pos {
  margin-top: clamp(3.125rem, 2.1408839779rem + 4.1988950276vw, 5.5rem);
}
.med4__bg {
  background-color: var(--base2);
  padding-top: clamp(2.5rem, 1.1875rem + 5.6vw, 4.6875rem);
}
.med4__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med4__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 83px 30px 125px;
}
@media (max-width: 1280px) {
  .med4__inner {
    padding: clamp(2.5rem, 0.8875rem + 6.88vw, 5.1875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 0.3125rem + 12vw, 7.8125rem);
  }
}

.med5_pos {
  margin-top: clamp(3.125rem, 2.4775552486rem + 2.7624309392vw, 4.6875rem);
}
.med5__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med5__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.5rem, 0.8875rem + 6.88vw, 5.1875rem);
}
@media (max-width: 768px) {
  .med5__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}

.med6_pos {
  margin-top: clamp(3.125rem, 2.166781768rem + 4.0883977901vw, 5.4375rem);
}
.med6__bg {
  background-color: var(--base2);
  padding-top: clamp(2.5rem, 1.1875rem + 5.6vw, 4.6875rem);
}
.med6__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med6__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 83px 30px 115px;
}
@media (max-width: 1280px) {
  .med6__inner {
    padding: clamp(2.5rem, 0.8875rem + 6.88vw, 5.1875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 0.6875rem + 10.4vw, 7.1875rem);
  }
}
.med6__items {
  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;
  row-gap: 20px;
  margin-top: clamp(1.25rem, -0.7701401051rem + 4.2031523643vw, 2.75rem);
}
.med6__item {
  background-image: -webkit-repeating-linear-gradient(left, #666, #666 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #666, #666 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  padding-bottom: 22px;
}
.med6__item-title {
  color: var(--main);
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.med6__item-text {
  margin-top: 10px;
}

.med7_pos {
  margin-top: clamp(3.125rem, 2.4775552486rem + 2.7624309392vw, 4.6875rem);
  padding-bottom: 73px;
}
.med7__title {
  row-gap: 12px;
  margin-inline: auto;
}
.med7__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.5rem, 0.8875rem + 6.88vw, 5.1875rem);
}
@media (max-width: 768px) {
  .med7__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.med7__balloon {
  max-width: 800px;
  position: relative;
  border: 1px solid var(--main);
  border-radius: 33px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  margin-top: clamp(3.125rem, -1.3553176796rem + 19.1160220994vw, 13.9375rem);
  margin-inline: auto;
  padding: 27px 15px 41px;
}
.med7__balloon::after {
  content: "";
  width: 81px;
  aspect-ratio: 81/42;
  position: absolute;
  bottom: -41px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/med7-deco-1.webp) no-repeat center center/contain;
  background-image: -webkit-image-set(url(../images/med7-deco-1.webp) 1x, url(../images/med7-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/med7-deco-1.webp) 1x, url(../images/med7-deco-1@2x.webp) 2x);
}
.med7__text {
  max-width: 694px;
  margin-inline: auto;
}

.med8__title {
  row-gap: 12px;
  margin-inline: auto;
}

.med8-1 {
  background-color: var(--base2);
  padding-top: clamp(3.125rem, 0.2762430939rem + 12.1546961326vw, 10rem);
}
.med8-1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 93px 30px 109px;
}
@media (max-width: 1280px) {
  .med8-1__inner {
    padding: clamp(2.1875rem, 0.0125rem + 9.28vw, 5.8125rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 0.9125rem + 9.44vw, 6.8125rem);
  }
}
.med8-1__col1 {
  max-width: 1275px;
}
.med8-1__title {
  color: var(--main);
  font-weight: bold;
}
.med8-1__items {
  max-width: 444px;
  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: 12px;
  background-color: var(--base);
  margin-top: 11px;
  padding: 17px 18px 13px 10px;
}
.med8-1__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: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  line-height: 1.75;
}
.med8-1__item::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/14;
  background: url(../images/icon-check.svg) no-repeat center center/contain;
  margin-top: 6px;
}
.med8-1__text {
  margin-top: 7px;
}
.med8-1__marker {
  text-decoration: underline;
  -webkit-text-decoration-color: #ffe1aa;
          text-decoration-color: #ffe1aa;
  text-decoration-thickness: 17px;
  text-underline-offset: -9px;
}

.med8-2_pos {
  margin-top: clamp(2.5rem, 0.7rem + 7.68vw, 5.5rem);
}
.med8-2__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) {
  .med8-2__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.med8-2__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: 16px;
  margin-top: 26px;
}
.med8-2__item_1 {
  background-image: -webkit-repeating-linear-gradient(left, #666, #666 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #666, #666 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  padding-bottom: 36px;
}
.med8-2__item_2 {
  background-image: -webkit-repeating-linear-gradient(left, #666, #666 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, #666, #666 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  padding-bottom: 26px;
}
.med8-2__item_3 {
  margin-top: clamp(0rem, -2.0201401051rem + 4.2031523643vw, 1.5rem);
}
.med8-2__item-inner_col {
  max-width: 1235px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 15px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .med8-2__item-inner_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.med8-2__item-inner_3 {
  max-width: 1057px;
  margin-inline: auto;
}
.med8-2__text1 {
  max-width: 853px;
  width: 100%;
  white-space: pre-line;
  margin-top: clamp(0rem, -1.5151050788rem + 3.1523642732vw, 1.125rem);
}
.med8-2__text2 {
  max-width: 875px;
  width: 100%;
  white-space: pre-line;
  margin-top: clamp(0rem, -3.787762697rem + 7.880910683vw, 2.8125rem);
}
.med8-2__text3 {
  max-width: 1057px;
  white-space: pre-line;
}
.med8-2__img {
  max-width: 343px;
  width: 100%;
}

.med8-3_pos {
  margin-top: clamp(3.125rem, 1.4rem + 7.36vw, 6rem);
}
.med8-3__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 107px 30px 60px;
}
@media (max-width: 1280px) {
  .med8-3__inner {
    padding: clamp(3.125rem, 0.9875rem + 9.12vw, 6.6875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(3.125rem, 2.5286259542rem + 2.5445292621vw, 3.75rem);
  }
}
.med8-3__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 15px;
}
@media (max-width: 768px) {
  .med8-3__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.med8-3__col_1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: clamp(1.875rem, 1.4575381679rem + 1.7811704835vw, 2.3125rem);
}
@media (max-width: 768px) {
  .med8-3__col_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.med8-3__col_2 {
  margin-top: calc(clamp(-1.875rem, -4.6966731898rem + 5.8708414873vw, 0rem) * -1);
}
.med8-3__box {
  width: 100%;
}
.med8-3__box_1 {
  max-width: 826px;
}
.med8-3__box_2 {
  max-width: 895px;
}
.med8-3__text1 {
  margin-top: clamp(0rem, -0.5892075306rem + 1.2259194396vw, 0.4375rem);
}
.med8-3__text2 {
  margin-top: clamp(0rem, -3.8719352014rem + 8.0560420315vw, 2.875rem);
}
.med8-3__img1 {
  max-width: 387px;
  width: 100%;
}
.med8-3__images {
  max-width: 726px;
  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.25rem, -2.0327276708rem + 6.8301225919vw, 3.6875rem);
  margin-inline: auto;
}
.med8-3__img2 {
  max-width: 348px;
  width: 100%;
}

.med9_pos {
  margin-top: clamp(3.125rem, -0.2417127072rem + 14.364640884vw, 11.25rem);
}
.med9__title {
  row-gap: 12px;
  margin-inline: auto;
}

.med9-1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.5rem, 1.0375rem + 6.24vw, 4.9375rem);
}
@media (max-width: 768px) {
  .med9-1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.med9-1__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .med9-1__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.med9-1__col-text {
  max-width: 647px;
  width: 100%;
}
.med9-1__col-img {
  max-width: 618px;
  width: 100%;
}

.med9-2 {
  background-color: var(--base2);
}
.med9-2_pos {
  margin-top: clamp(3.125rem, 2.225rem + 3.84vw, 4.625rem);
}
.med9-2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 70px 30px 304px;
}
@media (max-width: 1280px) {
  .med9-2__inner {
    padding: clamp(2.5rem, 1.375rem + 4.8vw, 4.375rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(7.5rem, 0.6rem + 29.44vw, 19rem);
  }
}
.med9-2__img {
  max-width: 1247px;
  margin-top: clamp(2.5rem, 1.675rem + 3.52vw, 3.875rem);
  margin-inline: auto;
}
.med9-2__text {
  max-width: 1245px;
  white-space: pre-line;
  margin-top: clamp(1.25rem, 0.7729007634rem + 2.0356234097vw, 1.75rem);
  margin-inline: auto;
}

.med10__mail {
  color: var(--main2);
}

.med10-1 {
  background-color: var(--base2);
}
.med10-1__inner1 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 60px;
}
@media (max-width: 1280px) {
  .med10-1__inner1 {
    padding: clamp(3.125rem, 2rem + 4.8vw, 5rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
  }
}
.med10-1__title {
  color: var(--main2);
  font-family: "Crimson Text", serif;
  font-size: clamp(1.75rem, 1.4392265193rem + 1.3259668508vw, 2.5rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}
.med10-1__text1 {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: pre-line;
  margin-top: clamp(1.5625rem, 1rem + 2.4vw, 2.5rem);
  margin-inline: auto;
}
.med10-1__col1 {
  margin-top: clamp(1.875rem, 0.75rem + 4.8vw, 3.75rem);
}
.med10-1__dl {
  display: grid;
  grid-template-columns: clamp(6.5625rem, 2.774737303rem + 7.880910683vw, 9.375rem) 1fr;
}
@media (max-width: 768px) {
  .med10-1__dl {
    grid-template-columns: clamp(6.875rem, 4.4895038168rem + 10.1781170483vw, 9.375rem) 1fr;
  }
}
.med10-1__dt {
  font-weight: 600;
  border-bottom: 2px solid var(--main2);
  padding: 12px 0;
}
.med10-1__dd {
  border-bottom: 2px solid #666;
  padding: 12px 0;
}
.med10-1__gmap {
  width: 100%;
  height: 320px;
}
.med10-1__list {
  max-width: 1000px;
  background-color: var(--base);
  margin-top: clamp(2.1875rem, 1.25rem + 4vw, 3.75rem);
  margin-inline: auto;
  padding: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem) 20px;
}
.med10-1__items {
  max-width: 800px;
  display: grid;
  grid-template-columns: clamp(14.5rem, 5.9573578595rem + 22.7424749164vw, 18.75rem) 1fr;
  gap: 18px 10px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .med10-1__items {
    grid-template-columns: 1fr;
  }
}
.med10-1__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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  font-weight: bold;
}
.med10-1__item::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 13/14;
  background: url(../images/icon-check.svg) no-repeat center center/contain;
  margin-top: 10px;
}

.med10-2_pos {
  margin-top: clamp(3.125rem, 1.25rem + 8vw, 6.25rem);
}
.med10-2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .med10-2__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 120px;
  }
}
.med10-2__title {
  color: var(--main2);
  font-family: "Crimson Text", serif;
  font-size: clamp(1.5rem, 1.3446132597rem + 0.6629834254vw, 1.875rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}
.med10-2__col1 {
  max-width: 1100px;
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  margin-inline: auto;
}
.med10-2__box-text {
  margin-top: clamp(1.25rem, 0.875rem + 1.6vw, 1.875rem);
}
.med10-2__img {
  max-width: 400px;
}
.med10-2__text1 {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: pre-line;
  margin-top: clamp(1.5625rem, 1rem + 2.4vw, 2.5rem);
  margin-inline: auto;
}
.med10-2__list {
  background-color: var(--base2);
  margin-top: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
  padding: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem) 20px;
}
.med10-2__list-inner {
  max-width: 1100px;
  margin-inline: auto;
}
.med10-2__list-title {
  color: var(--main2);
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid var(--main2);
  padding-bottom: 10px;
}
.med10-2__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: 10px;
  margin-top: 20px;
}
.med10-2__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: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  line-height: 1.75;
}
.med10-2__item::before {
  content: "";
  min-width: 8px;
  aspect-ratio: 1/1;
  background-color: var(--main2);
  border-radius: 50%;
  margin-top: 11px;
}
.med10-2__link {
  max-width: 350px;
  height: 55px;
  display: grid;
  place-items: center;
  background-color: var(--main2);
  color: var(--base);
  border-radius: 9999px;
  margin-top: 40px;
  margin-inline: auto;
}

@media (hover: hover) and (pointer: fine) {
  .med10-2__link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .med10-2__link:hover, .med10-2__link:focus {
    background-color: var(--main);
  }
}
/*###################################################################
  news（page）
###################################################################*/
.news-list {
  background-color: var(--base2);
}
.news-list_pos {
  padding-top: 50px;
}
.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: "Crimson Text", serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75;
}
.news-list__post-title {
  font-size: clamp(1.125rem, 0.6785714286rem + 1.1904761905vw, 1.25rem);
  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 {
  background-color: var(--base2);
}
.news-post_pos {
  padding-top: 50px;
}
.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: "Crimson Text", serif;
  font-size: 1.25rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__title {
  font-size: 1.5rem;
  font-weight: bold;
  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(3.125rem, 1.875rem + 5vw, 5rem);
}
.page-404__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 100px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
}
.page-404__text {
  white-space: pre-line;
  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: 54px auto 0;
}

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