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

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

body {
  background-color: var(--base);
  color: var(--text);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1;
  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 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes mvTitle {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
/*----------------------------------
  zoom
----------------------------------*/
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
.header_sticky {
  position: fixed;
}
.header_sticky .header__inner {
  padding-top: 5px;
}
.header__title {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
.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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding: clamp(0.625rem, -0.0912816692rem + 1.4903129657vw, 1.25rem) clamp(1.25rem, -3.0476900149rem + 8.9418777943vw, 5rem) 0;
}
.header__menu {
  max-width: clamp(12.5rem, 11.0674366617rem + 2.9806259314vw, 13.75rem);
  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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 768px) {
  .header__menu {
    max-width: 90px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
.header__insta {
  max-width: 40px;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-insta.svg);
          mask-image: url(../images/icon-insta.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.header__tel {
  max-width: 160px;
  width: 100%;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(11.06%, #fccc6a), color-stop(50%, #ddaa43), color-stop(87.98%, #fccc6a));
  background: -webkit-linear-gradient(left, #fccc6a 11.06%, #ddaa43 50%, #fccc6a 87.98%);
  background: linear-gradient(90deg, #fccc6a 11.06%, #ddaa43 50%, #fccc6a 87.98%);
  color: var(--text);
}
@media (max-width: 768px) {
  .header__tel {
    max-width: 40px;
    height: 40px;
  }
}
.header__tel::before {
  content: "";
  min-width: 20px;
  aspect-ratio: 1/1;
  background-color: var(--text);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.header__tel-number {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .header__tel-number {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .header__insta {
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .header__insta:hover, .header__insta:focus {
    background-color: var(--text);
  }
  .header__tel {
    -webkit-transition: background 0.4s ease, color 0.4s ease;
    transition: background 0.4s ease, color 0.4s ease;
  }
  .header__tel::before {
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .header__tel:hover, .header__tel:focus {
    background: -webkit-gradient(linear, left top, right top, color-stop(11.06%, #fff), color-stop(50%, #f2f2f2), color-stop(87.98%, #fff));
    background: -webkit-linear-gradient(left, #fff 11.06%, #f2f2f2 50%, #fff 87.98%);
    background: linear-gradient(90deg, #fff 11.06%, #f2f2f2 50%, #fff 87.98%);
    color: var(--main);
  }
  .header__tel:hover::before, .header__tel:focus::before {
    background-color: var(--main);
  }
}
.header-nav {
  max-width: clamp(29.375rem, 14.8344821162rem + 30.2533532042vw, 42.0625rem);
  width: 100%;
}
@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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-nav__link {
  font-size: clamp(0.875rem, 0.5884873323rem + 0.5961251863vw, 1.125rem);
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__link {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    color: var(--main);
  }
}
/*###################################################################
  footer（module）
###################################################################*/
.footer__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
}
.footer__logo {
  max-width: clamp(12.0625rem, 9.625rem + 10.4vw, 16.125rem);
  width: 100%;
}
.footer__contact {
  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: 20px;
}
.footer__insta {
  max-width: 40px;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-insta.svg);
          mask-image: url(../images/icon-insta.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__tel {
  max-width: 160px;
  width: 100%;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
     -moz-column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
          column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
  background: -webkit-gradient(linear, left top, right top, color-stop(11.06%, #fccc6a), color-stop(50%, #ddaa43), color-stop(87.98%, #fccc6a));
  background: -webkit-linear-gradient(left, #fccc6a 11.06%, #ddaa43 50%, #fccc6a 87.98%);
  background: linear-gradient(90deg, #fccc6a 11.06%, #ddaa43 50%, #fccc6a 87.98%);
  color: var(--text);
}
.footer__tel::before {
  content: "";
  min-width: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  aspect-ratio: 1/1;
  background-color: var(--text);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer__tel-number {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.925rem + 0.32vw, 1.125rem);
  line-height: 1.2;
}
.footer__copy {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: center;
  margin-top: clamp(3.5625rem, 3.1450381679rem + 1.7811704835vw, 4rem);
  padding: 1.40625rem 0.46875rem;
}

@media (hover: hover) and (pointer: fine) {
  .footer__insta {
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .footer__insta:hover, .footer__insta:focus {
    background-color: var(--text);
  }
  .footer__tel {
    -webkit-transition: background 0.4s ease, color 0.4s ease;
    transition: background 0.4s ease, color 0.4s ease;
  }
  .footer__tel::before {
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .footer__tel:hover, .footer__tel:focus {
    background: -webkit-gradient(linear, left top, right top, color-stop(11.06%, #fff), color-stop(50%, #f2f2f2), color-stop(87.98%, #fff));
    background: -webkit-linear-gradient(left, #fff 11.06%, #f2f2f2 50%, #fff 87.98%);
    background: linear-gradient(90deg, #fff 11.06%, #f2f2f2 50%, #fff 87.98%);
    color: var(--main);
  }
  .footer__tel:hover::before, .footer__tel:focus::before {
    background-color: var(--main);
  }
}
.footer-nav {
  max-width: clamp(37.5rem, 32.2711438152rem + 10.8792846498vw, 42.0625rem);
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
@media (max-width: 768px) {
  .footer-nav {
    display: none;
  }
}
.footer-nav__list {
  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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.footer-nav__link {
  font-size: 1.125rem;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .footer-nav__link {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
  }
  .footer-nav__link:hover, .footer-nav__link:focus {
    color: var(--main);
  }
}
/*###################################################################
  c-link（module）
###################################################################*/
.c-link-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.125rem, 0.7671755725rem + 1.5267175573vw, 1.5rem);
  line-height: 1.2;
  border-bottom: 1px solid var(--text);
  padding: 10px;
}
.c-link-more::after {
  content: "";
  min-width: 8px;
  aspect-ratio: 8/9.24;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--text);
}

@media (hover: hover) and (pointer: fine) {
  .c-link-more {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .c-link-more:hover, .c-link-more:focus {
    background-color: var(--main);
    border-color: var(--main);
  }
}
.c-link-more-b {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  color: var(--base2);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.125rem, 0.7671755725rem + 1.5267175573vw, 1.5rem);
  line-height: 1.2;
  border-bottom: 1px solid var(--base2);
  padding: 10px;
}
.c-link-more-b::after {
  content: "";
  min-width: 8px;
  aspect-ratio: 8/9.24;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--base2);
}

@media (hover: hover) and (pointer: fine) {
  .c-link-more-b {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .c-link-more-b:hover, .c-link-more-b:focus {
    background-color: var(--main);
    border-color: var(--main);
  }
}
/*###################################################################
  c-text（module）
###################################################################*/
.c-t18 {
  font-size: clamp(0.875rem, 0.7714088398rem + 0.4419889503vw, 1.125rem);
  line-height: 2;
  white-space: pre-line;
}

.c-t18c {
  font-size: clamp(0.9375rem, 0.655332681rem + 0.5870841487vw, 1.125rem);
  line-height: 2;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t18c {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}

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

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  width: 35px;
  height: 10px;
  display: inline-block;
  position: relative;
  z-index: 30;
}
@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(-5px) rotate(165deg);
      -ms-transform: translateY(-5px) rotate(165deg);
          transform: translateY(-5px) rotate(165deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(5px) rotate(-165deg);
      -ms-transform: translateY(5px) rotate(-165deg);
          transform: translateY(5px) rotate(-165deg);
}
.hamburger__line {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 50%;
  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: transparent;
}
.hamburger__line::before {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 5px;
  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(--text);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 5px;
  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(--text);
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover, .hamburger:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 270px;
  height: 100vh;
  -webkit-transform: translateX(270px);
      -ms-transform: translateX(270px);
          transform: translateX(270px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--base2);
  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(--base2);
  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: 34px;
  padding-top: 112px;
}
.drawer__link {
  font-size: 1.125rem;
  text-align: center;
}
.drawer__button-wrapper {
  max-width: 260px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin: 30px auto 0;
}

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

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

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

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  height: clamp(12.1875rem, 7.7860915493rem + 18.779342723vw, 24.6875rem);
  display: grid;
  place-items: center;
}
.lower-mv_concept {
  background: url(../images/lower-mv-concept.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-concept.webp) 1x, url(../images/lower-mv-concept@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-concept.webp) 1x, url(../images/lower-mv-concept@2x.webp) 2x);
}
.lower-mv_menu {
  background: url(../images/lower-mv-menu.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-menu.webp) 1x, url(../images/lower-mv-menu@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-menu.webp) 1x, url(../images/lower-mv-menu@2x.webp) 2x);
}
.lower-mv_party-plan {
  background: url(../images/lower-mv-party-plan.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-party-plan.webp) 1x, url(../images/lower-mv-party-plan@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-party-plan.webp) 1x, url(../images/lower-mv-party-plan@2x.webp) 2x);
}
.lower-mv_takeout {
  background: url(../images/lower-mv-takeout.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-takeout.webp) 1x, url(../images/lower-mv-takeout@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-takeout.webp) 1x, url(../images/lower-mv-takeout@2x.webp) 2x);
}
.lower-mv_news {
  background: url(../images/lower-mv-news.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-news.webp) 1x, url(../images/lower-mv-news@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-news.webp) 1x, url(../images/lower-mv-news@2x.webp) 2x);
}
.lower-mv_access {
  background: url(../images/lower-mv-access.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-access.webp) 1x, url(../images/lower-mv-access@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-access.webp) 1x, url(../images/lower-mv-access@2x.webp) 2x);
}
.lower-mv_recruit {
  background: url(../images/lower-mv-recruit.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-recruit.webp) 1x, url(../images/lower-mv-recruit@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-recruit.webp) 1x, url(../images/lower-mv-recruit@2x.webp) 2x);
}
.lower-mv_contact, .lower-mv_404 {
  background: url(../images/lower-mv-contact.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-contact.webp) 1x, url(../images/lower-mv-contact@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-contact.webp) 1x, url(../images/lower-mv-contact@2x.webp) 2x);
}
.lower-mv__title {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.2676056338rem + 5.2582159624vw, 6rem);
}

/*###################################################################
  form（module）
###################################################################*/
.form {
  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;
}
.form__body {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
}
.form__paragraph {
  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: 1.2rem;
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
}
.form__title {
  min-height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.form__required {
  min-width: 52px;
  height: 39px;
  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;
  background-color: var(--main);
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.form__label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.form__input {
  width: 100%;
  height: 50px;
  background-color: #fff;
  color: var(--base);
  font-size: 1rem;
  line-height: 1.75;
  border: 2px solid #b6b6b6;
  padding: 0 15px;
}
.form__input_message {
  min-height: clamp(12.5rem, 8.4125rem + 17.44vw, 19.3125rem);
  height: auto;
  padding: 15px;
  resize: vertical;
}
.form__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 20px;
}
.form__radio .wpcf7-list-item {
  min-height: 25px;
  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;
  margin: 0;
}
.form__radio input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}
.form__radio .wpcf7-list-item-label {
  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;
  gap: 10px;
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
}
.form__radio .wpcf7-list-item-label::before {
  content: "";
  width: 25px;
  aspect-ratio: 1/1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #fff;
  border: 3px solid #b6b6b6;
  border-radius: 50%;
}
.form__radio .wpcf7-list-item-label::after {
  content: "";
  width: 11px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 7px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--main);
  border-radius: 50%;
  opacity: 0;
}
.form__radio input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.form__radio input[type=checkbox]:focus-visible + .wpcf7-list-item-label::before {
  outline: 2px solid var(--main);
  outline-offset: 2px;
}
.form__button-wrapper {
  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;
  position: relative;
  margin-top: clamp(2.5rem, 2.125rem + 1.6vw, 3.125rem);
  padding-bottom: 29px;
}
.form__button-wrapper .wpcf7-spinner {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
}
.form__action-button {
  max-width: 190px;
  width: 100%;
  height: 58px;
  background-color: var(--main);
  color: #000;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}
.form .wpcf7-form-control-wrap {
  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;
}
.form .wpcf7-not-valid-tip {
  color: #ff6b6b;
  font-size: clamp(0.75rem, 0.6307251908rem + 0.5089058524vw, 0.875rem);
  margin-top: 10px;
}
.form .wpcf7-response-output {
  line-height: 1.75;
  margin: 10px auto 0;
}
.form[data-status=sent] .form__button-wrapper {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .form__action-button {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .form__action-button:hover, .form__action-button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-c__title {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 0.8rem + 5.12vw, 4rem);
  font-weight: 500;
  line-height: 1.2;
}
.top-c__title::first-letter {
  color: var(--main);
}

.top-mv {
  container-type: inline-size;
  position: relative;
}
.top-mv__box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: calc(50% + 1.9444444444cqw);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__box {
    top: 42.6666666667cqw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.top-mv__logo {
  max-width: 26.875cqw;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-mv__logo {
    max-width: 60.2666666667cqw;
  }
}
.top-mv__text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  white-space: pre-line;
}
.top-mv__text_1 {
  font-size: 2.2222222222cqw;
  margin-top: 2.7777777778cqw;
}
@media (max-width: 768px) {
  .top-mv__text_1 {
    font-size: 6.4cqw;
    margin-top: 10.6666666667cqw;
  }
}
.top-mv__text_2 {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  font-size: 1.6666666667cqw;
  -webkit-animation: mvTitle 1.5s ease-in 2.3s forwards;
          animation: mvTitle 1.5s ease-in 2.3s forwards;
  margin-top: 1.3888888889cqw;
}
@media (max-width: 768px) {
  .top-mv__text_2 {
    font-size: 4.8cqw;
    margin-top: 5.3333333333cqw;
  }
}
.top-mv .swiper-slide-active img,
.top-mv .swiper-slide-duplicate-active img,
.top-mv .swiper-slide-prev img {
  -webkit-animation: zoom 7s linear 0s normal both;
          animation: zoom 7s linear 0s normal both;
}

.top-insta_pos {
  margin-top: clamp(1.75rem, 0.5572519084rem + 5.0890585242vw, 3rem);
}
.top-insta__inner {
  max-width: 1080px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-insta__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
@media (max-width: 768px) {
  .top-insta #sb_instagram {
    padding-bottom: 28px !important;
  }
}
.top-insta #sbi_images {
  gap: clamp(0.9375rem, -2.301212938rem + 6.7385444744vw, 2.5rem) !important;
}
.top-insta__inner2 {
  max-width: 800px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .top-insta__inner2 {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 20px;
  }
}

.top-concept {
  overflow: hidden;
}
.top-concept_pos {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .top-concept_pos {
    margin-top: 0;
  }
}
.top-concept__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-concept__outer {
    padding-top: 80px;
  }
}
.top-concept__outer::before, .top-concept__outer::after {
  content: "";
  max-width: clamp(12.125rem, 2.0897887324rem + 42.8169014085vw, 40.625rem);
  width: 100%;
  aspect-ratio: 650/474;
  position: absolute;
  top: 26px;
  z-index: -1;
  background: url(../images/top-concept-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-concept-deco-1.webp) 1x, url(../images/top-concept-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-concept-deco-1.webp) 1x, url(../images/top-concept-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-concept__outer::before, .top-concept__outer::after {
    top: 0;
  }
}
.top-concept__outer::before {
  left: -240px;
}
@media (max-width: 768px) {
  .top-concept__outer::before {
    content: none;
  }
}
.top-concept__outer::after {
  right: -241px;
}
@media (max-width: 768px) {
  .top-concept__outer::after {
    right: -54px;
  }
}
.top-concept__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) {
  .top-concept__inner {
    max-width: 600px;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-concept__title {
  text-align: center;
}
@media (max-width: 768px) {
  .top-concept__title {
    text-align: left;
  }
}
.top-concept__text {
  max-width: 639px;
  text-align: center;
  margin-top: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-concept__text {
    text-align: left;
  }
}
.top-concept__more {
  margin-top: clamp(1.1875rem, -1.2576335878rem + 10.4325699746vw, 3.75rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-concept__more {
    margin-inline: initial;
  }
}
.top-concept__img {
  margin-top: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem);
}
@media (max-width: 768px) {
  .top-concept__img {
    max-width: 450px;
    margin-inline: auto;
  }
}

.top-menu {
  background-color: var(--text);
}
.top-menu_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.top-menu__inner {
  max-width: 1160px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 60px 30px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.8125rem, 1.1564885496rem + 2.7989821883vw, 2.5rem) 15px;
}
@media (max-width: 1280px) {
  .top-menu__inner {
    padding: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(2.5rem, 1rem + 6.4vw, 5rem);
  }
}
@media (max-width: 768px) {
  .top-menu__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-menu__box {
  max-width: 560px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.25rem, 0.5rem + 3.2vw, 2.5rem);
  color: var(--base2);
}
.top-menu__img {
  max-width: 480px;
  width: 100%;
}

.top-col1 {
  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.8125rem, -0.1rem + 8.16vw, 5rem);
}
.top-col1_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.top-col1__outer {
  max-width: 1440px;
  width: 100%;
  overflow: hidden;
  margin-inline: auto;
}
.top-col1__body {
  max-width: 1390px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .top-col1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.top-col1__body_plan {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .top-col1__body_plan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-col1__body_takeout {
  margin-left: auto;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-col1__body_takeout {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-col1__box {
  max-width: 562px;
  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: 20px;
}
.top-col1__box_plan {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-col1__text {
  font-size: clamp(0.875rem, 0.498776908rem + 0.782778865vw, 1.125rem);
}
@media (max-width: 768px) {
  .top-col1__text {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}
.top-col1__text_plan {
  text-align: right;
}
@media (max-width: 768px) {
  .top-col1__text_plan {
    text-align: left;
  }
}
.top-col1__img {
  max-width: clamp(16.875rem, -17.9528985507rem + 72.4637681159vw, 45rem);
  width: 100%;
}
@media (max-width: 768px) {
  .top-col1__img {
    max-width: 600px;
  }
}

.top-news {
  background-color: var(--base2);
}
.top-news_pos {
  margin-top: clamp(2.5rem, 0.325rem + 9.28vw, 6.125rem);
}
.top-news__inner {
  max-width: 1120px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 110px;
}
@media (max-width: 1280px) {
  .top-news__inner {
    padding: clamp(2.4375rem, 0.9rem + 6.56vw, 5rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(2.5rem, -0.125rem + 11.2vw, 6.875rem);
  }
}
@media (max-width: 500px) {
  .top-news__inner {
    max-width: clamp(15.9375rem, 3.75rem + 52vw, 20rem);
  }
}
.top-news__title {
  text-align: right;
}
.top-news__main {
  margin-top: clamp(1.25rem, -0.1812977099rem + 6.106870229vw, 2.75rem);
}
.top-news__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;
  gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .top-news__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;
    -webkit-column-gap: clamp(0.75rem, -1.3609550562rem + 6.7415730337vw, 1.875rem);
       -moz-column-gap: clamp(0.75rem, -1.3609550562rem + 6.7415730337vw, 1.875rem);
            column-gap: clamp(0.75rem, -1.3609550562rem + 6.7415730337vw, 1.875rem);
  }
}
.top-news__post {
  max-width: clamp(13.125rem, 0.2247191011rem + 41.1985018727vw, 20rem);
  width: 100%;
}
@media (max-width: 500px) {
  .top-news__post {
    max-width: clamp(15.9375rem, 3.75rem + 52vw, 20rem);
  }
}
.top-news__post-link {
  display: block;
  position: relative;
  z-index: 1;
}
.top-news__content {
  max-width: clamp(15rem, 11.25rem + 16vw, 16.25rem);
  width: 100%;
  container-type: inline-size;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding: 10px;
}
.top-news__date {
  display: block;
  font-size: 8.3333333333cqw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 500px) {
  .top-news__date {
    font-size: clamp(1rem, 0.25rem + 3.2vw, 1.25rem);
  }
}
.top-news__post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8.3333333333cqw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-top: 4.1666666667cqw;
}
@media (max-width: 500px) {
  .top-news__post-title {
    font-size: clamp(1rem, 0.25rem + 3.2vw, 1.25rem);
    margin-top: clamp(0.3125rem, -0.625rem + 4vw, 0.625rem);
  }
}
.top-news__excerpt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  font-size: 6.6666666667cqw;
  line-height: 1.6;
  margin-top: 8.3333333333cqw;
}
@media (max-width: 500px) {
  .top-news__excerpt p {
    font-size: clamp(0.8125rem, 0.25rem + 2.4vw, 1rem);
    margin-top: clamp(0.9375rem, 0rem + 4vw, 1.25rem);
  }
}
.top-news__hover {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(30, 30, 30, 0.9);
}
.top-news__thumbnail {
  position: relative;
  z-index: 0;
}
.top-news__thumbnail img {
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-news__more {
  margin-top: 40px;
  margin-inline: auto;
}
.top-news__no-post {
  height: clamp(9.375rem, 7.5rem + 8vw, 12.5rem);
  display: grid;
  place-items: center;
  font-size: clamp(1.25rem, 0.875rem + 1.6vw, 1.875rem);
}

.top-news__post-link:hover .top-news__content,
.top-news__post-link:hover .top-news__hover, .top-news__post-link:focus .top-news__content,
.top-news__post-link:focus .top-news__hover {
  visibility: visible;
  opacity: 1;
}
.top-news__content, .top-news__hover {
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}

.top-access_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.top-access__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) {
  .top-access__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-access__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;
  row-gap: 20px;
  position: relative;
  border: 1px solid var(--text);
  padding: 40px 15px;
}
@media (max-width: 768px) {
  .top-access__box {
    padding: 40px clamp(0.625rem, 0.1041666667rem + 2.2222222222vw, 0.9375rem);
  }
}
.top-access__info {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px clamp(0.5625rem, -0.6rem + 4.96vw, 2.5rem);
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  font-weight: 500;
  line-height: 2;
}
.top-access__info dt,
.top-access__info dd {
  padding: 10px;
}
.top-access__tel {
  max-width: 160px;
  width: 100%;
  height: clamp(2.4375rem, 2.325rem + 0.48vw, 2.625rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
     -moz-column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
          column-gap: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
  background: -webkit-gradient(linear, left top, right top, color-stop(11.06%, var(--main)), color-stop(50%, #ddaa43), color-stop(87.98%, var(--main)));
  background: -webkit-linear-gradient(left, var(--main) 11.06%, #ddaa43 50%, var(--main) 87.98%);
  background: linear-gradient(90deg, var(--main) 11.06%, #ddaa43 50%, var(--main) 87.98%);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.925rem + 0.32vw, 1.125rem);
  line-height: 1.2;
}
.top-access__tel::before {
  content: "";
  min-width: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  aspect-ratio: 1/1;
  background-color: var(--text);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
.top-access__more {
  position: absolute;
  right: 40px;
  bottom: 40px;
}
@media (max-width: 768px) {
  .top-access__more {
    position: static;
  }
}

@media (hover: hover) and (pointer: fine) {
  .top-access__tel {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .top-access__tel:hover, .top-access__tel:focus {
    opacity: 0.7;
  }
}
.top-recruit_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.top-recruit__inner {
  max-width: 1280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1.25rem, 0.5rem + 3.2vw, 2.5rem);
  margin-inline: auto;
  background: url(../images/top-recruit-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-recruit-bg.webp) 1x, url(../images/top-recruit-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-recruit-bg.webp) 1x, url(../images/top-recruit-bg@2x.webp) 2x);
  padding: 60px 30px;
}
@media (max-width: 768px) {
  .top-recruit__inner {
    max-width: none;
    background: url(../images/top-recruit-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-recruit-bg_sp.webp) 1x, url(../images/top-recruit-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-recruit-bg_sp.webp) 1x, url(../images/top-recruit-bg_sp@2x.webp) 2x);
    padding: 68px clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-recruit__text {
  max-width: 640px;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 2;
  text-align: center;
}
@media (max-width: 768px) {
  .top-recruit__text {
    text-align: left;
  }
}

.top-contact {
  background-color: var(--base2);
}
.top-contact_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.top-contact__inner {
  max-width: 1195px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 768px) {
  .top-contact__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 20px;
    padding: clamp(2.5rem, 0.1145038168rem + 10.1781170483vw, 5rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-contact__title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.top-contact__text {
  max-width: 720px;
  min-width: 0;
  width: 100%;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 2;
}
.top-contact__more {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.top-map_pos {
  margin-top: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
  padding-bottom: clamp(2.5rem, -9.9837662338rem + 25.974025974vw, 6.25rem);
}
.top-map__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) {
  .top-map__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-map__gmap {
  width: 100%;
  height: clamp(25rem, 20.875rem + 17.6vw, 31.875rem);
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

@media (hover: hover) and (pointer: fine) {
  .top-map__gmap {
    -webkit-transition: -webkit-filter 0.4s ease;
    transition: -webkit-filter 0.4s ease;
    transition: filter 0.4s ease;
    transition: filter 0.4s ease, -webkit-filter 0.4s ease;
  }
  .top-map__gmap:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
/*###################################################################
  concept（page）
###################################################################*/
.concept1_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  padding-bottom: 120px;
}
.concept1__outer {
  max-width: 1440px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
  margin-inline: auto;
}
.concept1__item {
  max-width: 1390px;
  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: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .concept1__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(1.25rem, 0.0572519084rem + 5.0890585242vw, 2.5rem);
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.concept1__img {
  max-width: 760px;
  width: 100%;
  aspect-ratio: 760/480;
  overflow: hidden;
}
@media (max-width: 768px) {
  .concept1__img {
    max-width: 600px;
  }
}
.concept1__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.concept1__body {
  max-width: 560px;
  min-width: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.25rem, 0.5rem + 3.2vw, 2.5rem);
}
.concept1__heading {
  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;
  border-bottom: 2px solid var(--main);
  padding: 0 10px 20px;
}
.concept1__label {
  font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  font-weight: bold;
  line-height: 1.2;
}
.concept1__label-num {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
}
.concept1__title {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
  font-weight: bold;
  line-height: 1.75;
  margin-block: -0.275em;
}

/*###################################################################
  menu（page）
###################################################################*/
.menu1_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  padding-bottom: 120px;
}
.menu1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1rem + 6.4vw, 5rem);
}
@media (max-width: 768px) {
  .menu1__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.menu1__block_col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem) clamp(0.75rem, -1.6068301226rem + 4.9036777583vw, 2.5rem);
}
@media (max-width: 768px) {
  .menu1__block_col2 {
    grid-template-columns: 1fr;
  }
}
.menu1__half {
  min-width: 0;
}
.menu1__title {
  font-size: clamp(1.25rem, 0.2399299475rem + 2.1015761821vw, 2rem);
  font-weight: bold;
  line-height: 1.75;
  border-bottom: 2px solid var(--main);
  padding: 0 clamp(0rem, -2.2321428571rem + 5.9523809524vw, 0.625rem) calc(18px - 0.275em);
  margin-top: -0.275em;
}
@media (max-width: 768px) {
  .menu1__title {
    font-size: clamp(1.125rem, 0.7671755725rem + 1.5267175573vw, 1.5rem);
  }
}
.menu1__block > .menu1__title {
  max-width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .menu1__block > .menu1__title {
    max-width: 100%;
  }
}
.menu1__list {
  display: grid;
  row-gap: 20px;
  margin-top: 20px;
}
.menu1__list_col2 {
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: clamp(0.75rem, -1.6068301226rem + 4.9036777583vw, 2.5rem);
     -moz-column-gap: clamp(0.75rem, -1.6068301226rem + 4.9036777583vw, 2.5rem);
          column-gap: clamp(0.75rem, -1.6068301226rem + 4.9036777583vw, 2.5rem);
}
@media (max-width: 768px) {
  .menu1__list_col2 {
    grid-template-columns: 1fr;
  }
}
.menu1__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.menu1__item-name {
  -webkit-box-flex: 460;
  -webkit-flex: 460;
      -ms-flex: 460;
          flex: 460;
  min-width: 0;
  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;
  font-size: clamp(0.875rem, 0.4588744589rem + 0.8658008658vw, 1rem);
  line-height: 1.5;
  border-bottom: 1px solid var(--text);
  padding: calc(19.4px - 0.15em) clamp(0rem, -1.8382352941rem + 2.9411764706vw, 0.625rem);
  padding-right: 0;
}
@media (max-width: 768px) {
  .menu1__item-name {
    font-size: clamp(0.8125rem, 0.6335877863rem + 0.7633587786vw, 1rem);
    padding: calc(19.4px - 0.15em) clamp(0rem, -2.2321428571rem + 5.9523809524vw, 0.625rem);
    padding-right: 0;
  }
}
.menu1__item-price {
  -webkit-box-flex: 180;
  -webkit-flex: 180;
      -ms-flex: 180;
          flex: 180;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  color: var(--main);
  font-size: clamp(0.875rem, 0.4588744589rem + 0.8658008658vw, 1rem);
  line-height: 1.2;
  border-bottom: 1px solid var(--text);
  padding: 19.4px clamp(0rem, -1.8382352941rem + 2.9411764706vw, 0.625rem);
  padding-left: 0;
}
@media (max-width: 768px) {
  .menu1__item-price {
    font-size: clamp(0.8125rem, 0.6335877863rem + 0.7633587786vw, 1rem);
    padding: 19.4px clamp(0rem, -2.2321428571rem + 5.9523809524vw, 0.625rem);
    padding-left: 0;
  }
}
.menu1__imgs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 40px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .menu1__imgs {
    grid-template-columns: 1fr;
    gap: clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.menu1__imgs_span {
  grid-column: 1/-1;
  margin-top: 0;
}
.menu1__img {
  aspect-ratio: 620/400;
  overflow: hidden;
}
.menu1__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*###################################################################
  party-plan（page）
###################################################################*/
.party1_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  padding-bottom: 120px;
}
.party1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1rem + 6.4vw, 5rem);
}
@media (max-width: 768px) {
  .party1__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.party1__plan {
  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.5rem, 1.0875rem + 1.76vw, 2.1875rem);
}
.party1__title {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
  font-weight: bold;
  line-height: 1.75;
  border-bottom: 2px solid var(--main);
  padding: 0 10px calc(18px - 0.275em);
  margin-top: -0.275em;
}
.party1__info {
  max-width: 936px;
  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.25rem, 1.08125rem + 0.72vw, 1.53125rem);
  font-weight: 500;
}
.party1__lead {
  font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  line-height: 1.75;
}
.party1__price-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.party1__price {
  font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  line-height: 1.2;
}
.party1__price-num {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
}
.party1__tax {
  font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  line-height: 1.2;
}
.party1__desc {
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 1.75;
}
.party1__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;
  row-gap: clamp(1.25rem, 1.0625rem + 0.8vw, 1.5625rem);
  border: 2px solid var(--text);
  padding: clamp(1.5rem, 0.975rem + 2.24vw, 2.375rem) clamp(1.25rem, -1rem + 9.6vw, 5rem);
}
.party1__box-title {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
  line-height: 1.2;
}
.party1__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}
.party1__item {
  position: relative;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  font-weight: 500;
  line-height: 1.75;
  padding-left: 25px;
}
.party1__item::before {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  position: absolute;
  top: calc((1.75em - 15px) / 2);
  left: 0;
  background-color: var(--text);
  border-radius: 50%;
}

/*###################################################################
  takeout（page）
###################################################################*/
.takeout-coming-soon {
  color: var(--main);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.0497237569rem + 6.1878453039vw, 6rem);
  line-height: 1.2;
  text-align: center;
  padding: 120px 0 200px;
}

/*###################################################################
  news（page）
###################################################################*/
.news-list_pos {
  margin-top: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
}
.news-list__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) {
  .news-list__inner {
    padding: 0 clamp(1.25rem, 0.2083333333rem + 3.4722222222vw, 1.875rem) 120px;
  }
}
.news-list__filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(1.875rem, -2.3336252189rem + 8.7565674256vw, 5rem);
     -moz-column-gap: clamp(1.875rem, -2.3336252189rem + 8.7565674256vw, 5rem);
          column-gap: clamp(1.875rem, -2.3336252189rem + 8.7565674256vw, 5rem);
}
@media (max-width: 768px) {
  .news-list__filter {
    max-width: 600px;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: auto 1fr;
    gap: 20px 10px;
    margin-inline: auto;
  }
}
.news-list__filter-item {
  max-width: 384px;
  min-width: 0;
  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;
  gap: clamp(0.625rem, -0.2167250438rem + 1.7513134851vw, 1.25rem);
}
@media (max-width: 768px) {
  .news-list__filter-item {
    display: contents;
  }
}
.news-list__filter-label {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.9585492228rem + 1.2435233161vw, 2rem);
  line-height: 1.2;
}
.news-list__select {
  max-width: 240px;
  min-width: 0;
  width: 100%;
  position: relative;
}
.news-list__select select {
  width: 100%;
  height: clamp(2.75rem, 2.5071243523rem + 1.0362694301vw, 3.375rem);
  background-color: #363432;
  color: var(--text);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.8056994819rem + 0.829015544vw, 1.5rem);
  line-height: 1.2;
  border-bottom: 1px solid var(--text);
  padding: 0 30px 0 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .news-list__select {
    max-width: 100%;
  }
}
.news-list__select::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-75%) rotate(45deg);
      -ms-transform: translateY(-75%) rotate(45deg);
          transform: translateY(-75%) rotate(45deg);
  border-right: 1px solid var(--text);
  border-bottom: 1px solid var(--text);
  pointer-events: none;
}
.news-list__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.75rem, -1.8337020649rem + 4.1297935103vw, 1.625rem);
  margin-top: 40px;
}
@media (max-width: 1000px) {
  .news-list__items {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.75rem, -2.1628787879rem + 6.0606060606vw, 1.625rem);
  }
}
@media (max-width: 768px) {
  .news-list__items {
    max-width: 626px;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0.75rem, -0.0849236641rem + 3.5623409669vw, 1.625rem);
    margin-inline: auto;
  }
}
.news-list__item {
  max-width: 300px;
  width: 100%;
  min-width: 0;
}
.news-list__post-link {
  display: block;
}
.news-list__thumbnail {
  overflow: hidden;
}
.news-list__thumbnail img {
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__text-box {
  font-weight: 500;
  line-height: 1.2;
  margin-top: clamp(0.375rem, 0.0768129771rem + 1.272264631vw, 0.6875rem);
}
.news-list__date {
  font-size: clamp(0.9375rem, 0.7585877863rem + 0.7633587786vw, 1.125rem);
}
.news-list__post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(0.8125rem, 0.6932251908rem + 0.5089058524vw, 0.9375rem);
  margin-top: clamp(0.3125rem, 0.0143129771rem + 1.272264631vw, 0.625rem);
}
.news-list__no-post {
  height: 200px;
  grid-area: 1/1/2/5;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list__pagination {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  margin-top: clamp(2.5rem, 1.9413860104rem + 2.3834196891vw, 3.9375rem);
}
.news-list__pagination ul.page-numbers {
  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: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
}
.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:has(.prev) {
  margin-right: auto;
}
.news-list__pagination ul.page-numbers li:has(.next) {
  margin-left: auto;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}
.news-list__pagination .prev,
.news-list__pagination .next {
  font-size: 1.5rem;
}

@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__date, .news-list__post-link:focus .news-list__date {
    color: var(--main);
  }
  .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__date {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
  }
  .news-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: var(--main);
            text-decoration-color: var(--main);
  }
  .news-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-list__pagination a:hover, .news-list__pagination a:focus {
    opacity: 0.7;
  }
}
.news-post_pos {
  margin-top: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
}
.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 var(--text);
  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-size: 1.25rem;
  font-weight: 500;
}
@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 var(--text);
}
.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 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  --spacing: 0;
}
.news-post-pager__blank {
  min-width: clamp(3.3125rem, 0.6339285714rem + 11.4285714286vw, 4.0625rem);
}

@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;
  }
}
/*###################################################################
  accsess（page）
###################################################################*/
.access1_pos {
  margin-top: 38px;
}
.access1__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) {
  .access1__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.access1__body {
  max-width: 1227px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.875rem, 1.2786259542rem + 2.5445292621vw, 2.5rem) 15px;
}
@media (max-width: 768px) {
  .access1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.access1__box {
  max-width: 560px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.5rem, 0.9rem + 2.56vw, 2.5rem);
}
.access1__title {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 2px solid var(--main);
  padding: 0 10px 20px;
}
.access1__img {
  max-width: 620px;
  width: 100%;
}
.access1__img img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.access1__gallery {
  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.0572519084rem + 5.0890585242vw, 2.5rem) clamp(0.625rem, 0.3268129771rem + 1.272264631vw, 0.9375rem);
  margin-top: clamp(0.625rem, -0.5rem + 4.8vw, 2.5rem);
}
.access1__gallery-img {
  max-width: 400px;
  width: 100%;
}
.access1__gallery-img img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.access2_pos {
  margin-top: clamp(2.5rem, 1rem + 6.4vw, 5rem);
  padding-bottom: clamp(2.5rem, 0.25rem + 9.6vw, 6.25rem);
}
.access2__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) {
  .access2__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.access2__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  padding: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem) 0;
  border: 1px solid var(--main);
}
.access2__title {
  color: var(--main);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.25rem, 1.2rem + 4.48vw, 4rem);
  font-weight: 500;
  line-height: 1.2;
}
.access2__list {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  gap: clamp(0.25rem, -0.1078244275rem + 1.5267175573vw, 0.625rem) clamp(0.625rem, -1.1641221374rem + 7.6335877863vw, 2.5rem);
}
.access2__term, .access2__desc {
  min-width: 0;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  font-weight: 500;
  line-height: 2;
  padding: clamp(0.3125rem, 0.0143129771rem + 1.272264631vw, 0.625rem);
}
.access2__gmap {
  width: 100%;
  height: clamp(25rem, 20.875rem + 17.6vw, 31.875rem);
  margin-top: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

@media (hover: hover) and (pointer: fine) {
  .access2__gmap {
    -webkit-transition: -webkit-filter 0.4s ease;
    transition: -webkit-filter 0.4s ease;
    transition: filter 0.4s ease;
    transition: filter 0.4s ease, -webkit-filter 0.4s ease;
  }
  .access2__gmap:hover, .access2__gmap:focus {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
/*###################################################################
  recruit（page）
###################################################################*/
.recruit1_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  padding-bottom: 120px;
}
.recruit1__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) {
  .recruit1__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.recruit1__block + .recruit1__block {
  margin-top: clamp(2.5rem, 1rem + 6.4vw, 5rem);
}
.recruit1__title {
  font-size: clamp(1.5rem, 1.2rem + 1.28vw, 2rem);
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 2px solid var(--main);
  padding: 0 10px 20px;
}
.recruit1__table {
  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;
  margin-top: clamp(1.5rem, 0.9rem + 2.56vw, 2.5rem);
}
.recruit1__row {
  display: grid;
  grid-template-columns: clamp(8.75rem, -5.5593257443rem + 29.7723292469vw, 19.375rem) 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 768px) {
  .recruit1__row {
    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;
  }
}
.recruit1__term {
  max-width: 310px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 1px solid var(--text);
  padding: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem) 10px;
}
@media (max-width: 768px) {
  .recruit1__term {
    max-width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-bottom: none;
    padding: clamp(0.9375rem, 0.6393129771rem + 1.272264631vw, 1.25rem) 10px 0;
  }
}
.recruit1__desc {
  width: 100%;
  font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
  line-height: 1.6;
  border-bottom: 1px solid var(--text);
  padding: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem) 20px;
}
@media (max-width: 768px) {
  .recruit1__desc {
    padding: clamp(0.5rem, 0.3807251908rem + 0.5089058524vw, 0.625rem) 10px clamp(0.9375rem, 0.6393129771rem + 1.272264631vw, 1.25rem);
  }
}
.recruit1__item, .recruit1__note {
  padding-left: 1em;
  text-indent: -1em;
}
.recruit1__text_space {
  margin-top: 1.6em;
}
.recruit1__button {
  max-width: 320px;
  width: 100%;
  height: clamp(3.5rem, 3.2rem + 1.28vw, 4rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  background-color: #ddaa43;
  font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
  font-weight: bold;
  line-height: 1.2;
  margin-top: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
  margin-inline: auto;
}
.recruit1__button::after {
  content: "";
  min-width: 8px;
  aspect-ratio: 8/9.24;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--text);
}

@media (hover: hover) and (pointer: fine) {
  .recruit1__button {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .recruit1__button:hover, .recruit1__button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  contact（page）
###################################################################*/
.contact1_pos {
  margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  padding-bottom: 90px;
}
.contact1__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) {
  .contact1__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.contact1__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: 10px;
  line-height: 1.2;
}
.contact1__en {
  color: var(--main);
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 1.4rem + 2.56vw, 3rem);
}
.contact1__jp {
  font-size: 1.5rem;
  font-weight: 500;
}
.contact1__form {
  max-width: 720px;
  width: 100%;
  margin-top: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
  margin-inline: auto;
}

/*###################################################################
  page-404（page）
###################################################################*/
.page-404_pos {
  margin-top: clamp(3.125rem, 2.7083333333rem + 1.6666666667vw, 3.75rem);
}
.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: 120px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 120px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
.page-404__text {
  margin-top: 40px;
}
.page-404__button {
  width: 175px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border: 1px solid var(--text);
  margin: 50px auto 0;
}

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