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

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

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

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

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

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  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);
  }
}
/*----------------------------------
  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;
  background-color: var(--main);
}
.header_sticky {
  position: fixed;
}
.header_sticky .header__inner {
  padding-left: 12px;
}
.header_sticky .header__group {
  max-width: clamp(13.8125rem, 3.9994411326rem + 20.4172876304vw, 22.375rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header_sticky .header__logo {
  max-width: 155px;
}
@media (max-width: 768px) {
  .header_sticky .header__logo {
    max-width: 90px;
  }
}
.header_sticky .header__logo-link {
  top: -2px;
}
.header_sticky .header__items {
  max-width: 177px;
  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;
  margin-top: 18px;
}
@media (max-width: 768px) {
  .header_sticky .header__items {
    margin-top: 7px;
  }
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-top: clamp(0.4375rem, 0.1509873323rem + 0.5961251863vw, 0.6875rem);
  padding-right: clamp(0.3125rem, -1.6214605067rem + 4.0238450075vw, 2rem);
  padding-bottom: 16px;
  padding-left: clamp(0.3125rem, -1.7647168405rem + 4.3219076006vw, 2.125rem);
}
@media (max-width: 768px) {
  .header__inner {
    padding-top: 0;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
  }
}
.header__group {
  max-width: clamp(7.8125rem, 0.6496833085rem + 14.9031296572vw, 14.0625rem);
  width: 100%;
}
@media (max-width: 768px) {
  .header__group {
    max-width: 90px;
  }
}
.header__logo {
  max-width: 225px;
  width: 100%;
  position: relative;
}
.header__logo-link {
  width: 100%;
  position: absolute;
  top: clamp(0rem, -0.2865126677rem + 0.5961251863vw, 0.25rem);
  left: 0;
}
@media (max-width: 768px) {
  .header__logo-link {
    position: static;
  }
}
.header__items {
  display: none;
}
.header__item_1 {
  width: clamp(2.4375rem, 1.0765648286rem + 2.8315946349vw, 3.625rem);
  aspect-ratio: 86/77;
  -webkit-transform: translateY(calc(clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem) * -1));
      -ms-transform: translateY(calc(clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem) * -1));
          transform: translateY(calc(clamp(0.125rem, 0.0533718331rem + 0.1490312966vw, 0.1875rem) * -1));
}
.header__item_2 {
  width: clamp(1.875rem, 0.8722056632rem + 2.086438152vw, 2.75rem);
  aspect-ratio: 44/45;
}
.header__item_3 {
  width: clamp(1.875rem, 0.8722056632rem + 2.086438152vw, 2.75rem);
  aspect-ratio: 44/45;
}
.header__menu {
  max-width: clamp(31.625rem, 14.720752608rem + 35.1713859911vw, 46.375rem);
  width: 100%;
  color: var(--base);
  line-height: 1;
}
@media (max-width: 768px) {
  .header__menu {
    display: none;
  }
}
.header__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.header__info {
  max-width: 309px;
  width: 100%;
  font-size: clamp(0.8125rem, 0.5976154993rem + 0.4470938897vw, 1rem);
  line-height: 1.25;
}
.header__info-sub {
  font-size: clamp(0.6875rem, 0.4726154993rem + 0.4470938897vw, 0.875rem);
  --ls: 0.02em;
}
.header__tel {
  max-width: clamp(9.5rem, 1.8357861401rem + 15.9463487332vw, 16.1875rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, -0.1888971684rem + 1.043219076vw, 0.75rem);
     -moz-column-gap: clamp(0.3125rem, -0.1888971684rem + 1.043219076vw, 0.75rem);
          column-gap: clamp(0.3125rem, -0.1888971684rem + 1.043219076vw, 0.75rem);
  margin-right: clamp(0.375rem, 0.0168591654rem + 0.7451564829vw, 0.6875rem);
}
.header__tel-icon {
  min-width: clamp(0.875rem, -0.0561661699rem + 1.9374068554vw, 1.6875rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-tel.svg) no-repeat center center/contain;
}
.header__tel-number {
  font-size: clamp(1.125rem, 0.265461997rem + 1.7883755589vw, 1.875rem);
}
.header__web {
  max-width: clamp(5.625rem, 1.2556818182rem + 9.0909090909vw, 9.4375rem);
  width: 100%;
  height: clamp(1.875rem, 1.5168591654rem + 0.7451564829vw, 2.1875rem);
  display: grid;
  place-items: center;
  position: relative;
  border: 1px solid var(--base);
  font-size: clamp(0.75rem, 0.4634873323rem + 0.5961251863vw, 1rem);
  margin-top: clamp(0rem, -0.3581408346rem + 0.7451564829vw, 0.3125rem);
}
.header__web::after {
  content: "";
  width: 8px;
  aspect-ratio: 8/7;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: 4px;
  right: 4px;
  background-color: var(--base);
}
.header__nav {
  margin-top: clamp(0.375rem, -0.3412816692rem + 1.4903129657vw, 1rem);
}

.header-nav {
  width: 100%;
}
.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-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.header-nav__item {
  position: relative;
}
.header-nav__item:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: clamp(0.9375rem, 0.6509873323rem + 0.5961251863vw, 1.1875rem);
  position: absolute;
  top: calc(50% + clamp(-0.125rem, -0.2682563338rem + 0.2980625931vw, 0rem) * -1);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(clamp(0.8125rem, -0.4051788376rem + 2.5335320417vw, 1.875rem) * -1);
  background-color: var(--base);
}
.header-nav__link {
  font-size: clamp(0.8125rem, 0.5976154993rem + 0.4470938897vw, 1rem);
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  footer（module）
###################################################################*/
.access {
  background: url(../images/access-bg.webp) no-repeat top center/cover;
  background-image: -webkit-image-set(url(../images/access-bg.webp) 1x, url(../images/access-bg@2x.webp) 2x);
  background-image: image-set(url(../images/access-bg.webp) 1x, url(../images/access-bg@2x.webp) 2x);
}
@media (max-width: 600px) {
  .access {
    background: url(../images/access-bg_sp.webp) no-repeat top center/cover;
    background-image: -webkit-image-set(url(../images/access-bg_sp.webp) 1x, url(../images/access-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/access-bg_sp.webp) 1x, url(../images/access-bg_sp@2x.webp) 2x);
  }
}
.access__inner {
  max-width: 1039px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 94px 30px 167px;
}
@media (max-width: 1280px) {
  .access__inner {
    padding: clamp(4.125rem, 1.2083333333rem + 12.4444444444vw, 5.875rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(6rem, 3.3375rem + 11.36vw, 10.4375rem);
  }
}
.access__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 9px;
  color: var(--base);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.0332749562rem + 1.7513134851vw, 2.5rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .access__title {
    row-gap: 17px;
  }
}
.access__title::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--base);
}
.access__text {
  max-width: 980px;
  color: var(--base);
  line-height: 2.185;
  text-align: center;
  white-space: pre-line;
  margin-top: 25px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .access__text {
    line-height: 2;
    text-align: left;
  }
}
.access__body {
  background-color: rgba(255, 255, 255, 0.78);
  margin-top: clamp(2.125rem, 1.1125rem + 4.32vw, 3.8125rem);
  padding: clamp(1.4375rem, -3.9791666667rem + 23.1111111111vw, 4.6875rem) clamp(0.78125rem, 0rem + 3.3333333333vw, 1.25rem) 47px;
}
@media (max-width: 600px) {
  .access__body {
    padding-bottom: 61px;
  }
}
.access__body-inner {
  max-width: 672px;
  margin-inline: auto;
}
.access__dl {
  display: grid;
  grid-template-columns: clamp(4.6875rem, -1.6199874687rem + 16.7919799499vw, 8.875rem) 1fr;
  row-gap: clamp(0.88125rem, 0.7145833333rem + 0.7111111111vw, 0.98125rem);
  line-height: 1.875;
}
@media (max-width: 600px) {
  .access__dl {
    grid-template-columns: 1fr;
  }
}
.access__dt {
  border-bottom: 2px solid var(--accent);
}
@media (max-width: 600px) {
  .access__dt {
    padding-bottom: 15px;
  }
}
.access__dd {
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 12px;
  padding-left: clamp(0.875rem, -3.9262218045rem + 12.7819548872vw, 4.0625rem);
}
@media (max-width: 600px) {
  .access__dd {
    padding-left: 0;
  }
}
.access__address {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-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;
}
.access__address-sub {
  margin-left: auto;
}
@media (max-width: 600px) {
  .access__address-sub {
    margin-left: 0;
  }
}
.access__br {
  display: none;
}
@media (max-width: 700px) {
  .access__br {
    display: block;
  }
}
@media (max-width: 600px) {
  .access__br {
    display: none;
  }
}
.access__link {
  height: 3.275rem !important;
  margin-top: 49px;
  margin-inline: auto;
}
@media (max-width: 600px) {
  .access__link {
    margin-top: 66px;
  }
}

.footer {
  position: relative;
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 65px;
  }
}
.footer__gmap {
  width: 100%;
  height: clamp(17.25rem, 12.375rem + 20.8vw, 25.375rem);
}
.footer__inner {
  max-width: 1328px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 46px;
}
@media (max-width: 1280px) {
  .footer__inner {
    padding: 46px clamp(0.75rem, -1.25725058rem + 4.1763341067vw, 1.875rem) 0;
  }
}
@media (max-width: 768px) {
  .footer__inner {
    padding: 68px clamp(1.75rem, 1.6307251908rem + 0.5089058524vw, 1.875rem) 0;
  }
}
.footer__body {
  max-width: 1177px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: clamp(0.625rem, 0.0674303944rem + 1.1600928074vw, 0.9375rem);
     -moz-column-gap: clamp(0.625rem, 0.0674303944rem + 1.1600928074vw, 0.9375rem);
          column-gap: clamp(0.625rem, 0.0674303944rem + 1.1600928074vw, 0.9375rem);
}
@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: 54px;
  }
}
.footer__group1 {
  max-width: clamp(16rem, 5.2946635731rem + 22.2737819026vw, 22rem);
  width: 100%;
}
@media (max-width: 768px) {
  .footer__group1 {
    max-width: 352px;
  }
}
.footer__logo {
  max-width: 243px;
  display: block;
  margin-left: 18px;
}
@media (max-width: 768px) {
  .footer__logo {
    margin-inline: auto;
    padding-left: 0;
  }
}
.footer__address {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-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;
  font-size: clamp(0.8125rem, 0.7009860789rem + 0.2320185615vw, 0.875rem);
  line-height: 1.5714285714;
  margin-top: clamp(1.3125rem, 1.0143129771rem + 1.272264631vw, 1.625rem);
}
@media (max-width: 768px) {
  .footer__address {
    font-size: 0.875rem;
    margin-inline: auto;
  }
}
.footer__br1 {
  display: none;
}
@media (max-width: 1200px) {
  .footer__br1 {
    display: block;
  }
}
.footer__address-sub {
  margin-left: auto;
}
@media (max-width: 768px) {
  .footer__address-sub {
    margin-left: 0;
  }
}
.footer__time {
  font-size: clamp(0.8125rem, 0.4779582367rem + 0.6960556845vw, 1rem);
  line-height: 1.875;
  text-align: center;
  white-space: pre-line;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .footer__time {
    font-size: 1rem;
    line-height: 2;
    margin-top: 16px;
  }
}
.footer__time-sub {
  font-size: 0.875rem;
}
@media (max-width: 1000px) {
  .footer__time-sub {
    display: block;
  }
}
@media (max-width: 768px) {
  .footer__time-sub {
    display: inline;
  }
}
.footer__group2 {
  max-width: 743px;
  width: 100%;
  margin-top: 49px;
}
@media (max-width: 768px) {
  .footer__group2 {
    margin-top: 0;
  }
}
.footer__items {
  max-width: 251px;
  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: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
  margin-top: clamp(4.5rem, 3.7125rem + 3.36vw, 5.8125rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .footer__items {
    margin-right: auto;
  }
}
.footer__item_1 {
  max-width: 46px;
  position: relative;
  margin-right: 16px;
}
.footer__item_1::after {
  content: "";
  height: 45px;
  width: 1px;
  position: absolute;
  top: 50%;
  right: -17px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--text);
}
.footer__item_2 {
  max-width: 58px;
  margin-right: 5px;
}
.footer__item_3 {
  margin-right: 5px;
}
.footer__item_34 {
  max-width: 44px;
}
.footer__copy {
  height: 70px;
  display: grid;
  place-items: center;
  background-color: var(--accent);
  color: var(--base);
  margin-top: 62px;
}
@media (max-width: 768px) {
  .footer__copy {
    margin-top: 94px;
  }
}

.footer-nav {
  max-width: 742px;
}
.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 {
    max-width: 319px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 38px 55px;
    margin-inline: auto;
  }
}
.footer-nav__item {
  position: relative;
}
.footer-nav__item:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: clamp(0.9375rem, 0.4914443155rem + 0.9280742459vw, 1.1875rem);
  position: absolute;
  top: calc(50% + clamp(-0.125rem, -0.3480278422rem + 0.464037123vw, 0rem) * -1);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(clamp(0.3125rem, -2.4753480278rem + 5.8004640371vw, 1.875rem) * -1);
  background-color: var(--text);
}
@media (max-width: 768px) {
  .footer-nav__item:not(:last-of-type)::after {
    height: 19px;
    top: calc(50% + 0px);
    right: -30px;
  }
}
@media (max-width: 768px) {
  .footer-nav__item_3::after {
    display: none;
  }
}
.footer-nav__link {
  font-size: clamp(0.875rem, 0.6519721578rem + 0.464037123vw, 1rem);
  line-height: 1;
}
@media (max-width: 768px) {
  .footer-nav__link {
    font-size: 1rem;
  }
}

.footer-page-top {
  width: 68px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  position: absolute;
  bottom: 101px;
  right: 20px;
  z-index: 5;
  background-color: var(--accent2);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .footer-page-top {
    display: none;
  }
}
.footer-page-top::after {
  content: "";
  width: 27px;
  aspect-ratio: 27/16;
  background: url(../images/icon-page-top.svg) no-repeat center center/contain;
}

@media (hover: hover) and (pointer: fine) {
  .footer-page-top {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .footer-page-top:hover {
    background-color: var(--accent);
  }
}
.sp-nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .sp-nav {
    display: none;
  }
}
.sp-nav__items {
  display: grid;
  grid-template-columns: 1fr 26.1333333333% 18.1333333333% 66px;
}
.sp-nav__link {
  height: 65px;
}
.sp-nav__link_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.125rem;
  padding-top: 5px;
}
.sp-nav__link_1::before {
  content: "";
  width: 27px;
  aspect-ratio: 1/1;
  background: url(../images/icon-tel.svg) no-repeat center center/contain;
}
.sp-nav__link_2 {
  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: #3b3b3b;
  color: var(--base);
  font-size: 1.125rem;
  padding-top: 7px;
}
.sp-nav__link_2::before {
  content: "";
  width: 34px;
  aspect-ratio: 34/25;
  background: url(../images/icon-web.svg) no-repeat center center/contain;
}
.sp-nav__link_3 {
  display: grid;
  place-items: center;
}
.sp-nav__link_3::before {
  content: "";
  width: 66px;
  aspect-ratio: 46/45;
  background: url(../images/icon-insta.svg) no-repeat center center/contain;
}
.sp-nav__link_4 {
  width: 64px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background-color: var(--accent2);
  border-radius: 50%;
}
.sp-nav__link_4::before {
  content: "";
  width: 26px;
  aspect-ratio: 27/16;
  background: url(../images/icon-page-top.svg) no-repeat center center/contain;
}

@media (hover: hover) and (pointer: fine) {
  .sp-nav__link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .sp-nav__link_1:hover, .sp-nav__link_1:focus, .sp-nav__link_2:hover, .sp-nav__link_2:focus, .sp-nav__link_4:hover, .sp-nav__link_4:focus {
    background-color: var(--accent);
  }
}
/*###################################################################
  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-link（module）
###################################################################*/
.c-link-1 {
  max-width: 220px;
  height: 50px;
  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(--accent2);
  color: var(--base);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: 1.125rem;
  padding-left: 25px;
}
.c-link-1::after {
  content: "";
  min-width: 46px;
  height: 1px;
  background-color: var(--base);
}

@media (hover: hover) and (pointer: fine) {
  .c-link-1 {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .c-link-1:hover, .c-link-1:focus {
    background-color: var(--accent);
  }
}
/*###################################################################
  c-text（module）
###################################################################*/
.c-t16 {
  line-height: 2.185;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16 {
    line-height: 2;
  }
}

.c-t16r {
  font-size: clamp(0.9375rem, 0.7294372294rem + 0.4329004329vw, 1rem);
  line-height: 2.185;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16r {
    line-height: 2;
  }
}

/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 9px;
  color: var(--accent);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.0332749562rem + 1.7513134851vw, 2.5rem);
  line-height: 1.75;
}
.c-title-1::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--accent);
}

.c-title-2 {
  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: 9px;
  color: var(--accent);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.625rem, 0.0638051044rem + 3.2482598608vw, 2.5rem);
  line-height: 1.75;
  text-align: center;
}
@media (max-width: 768px) {
  .c-title-2 {
    font-size: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
  }
}
.c-title-2::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--accent);
}
.c-title-2_gap {
  row-gap: 0;
}
.c-title-2__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: 11px;
}
.c-title-2__s {
  position: relative;
  bottom: -10px;
  font-size: clamp(1rem, 0.1078886311rem + 1.8561484919vw, 1.5rem);
  line-height: 1;
}
@media (max-width: 768px) {
  .c-title-2__s {
    font-size: clamp(0.875rem, 0.6364503817rem + 1.0178117048vw, 1.125rem);
  }
}

/*###################################################################
  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: 42px;
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 30;
  background-color: var(--accent);
  margin-top: 4px;
  padding-bottom: 7px;
}
@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: 23px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 6px);
  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__menu {
  color: var(--base);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: 0.625rem;
  text-align: center;
  line-height: 1;
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 300px;
  height: 100vh;
  -webkit-transform: translateX(300px);
      -ms-transform: translateX(300px);
          transform: translateX(300px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--main);
  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(--main);
  z-index: 1;
}
.drawer__item {
  border-bottom: 1px solid var(--base);
}
.drawer__item:first-of-type {
  border-top: 1px solid var(--base);
}
.drawer__link {
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--base);
  padding-right: 20px;
  padding-left: 20px;
}

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

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

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

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  insta（module）
###################################################################*/
.insta__inner {
  max-width: 740px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: clamp(4.1875rem, 3.175rem + 4.32vw, 5.875rem);
}
@media (max-width: 768px) {
  .insta__inner {
    max-width: 378px;
    padding-right: clamp(0.125rem, -1.5448473282rem + 7.1246819338vw, 1.875rem);
    padding-left: clamp(1.0625rem, 0.2872137405rem + 3.3078880407vw, 1.875rem);
  }
}
.insta__link {
  display: block;
}

/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  border-bottom: clamp(0.625rem, 0.4792746114rem + 0.621761658vw, 1rem) solid var(--accent);
}
.lower-mv__bg {
  height: clamp(14.375rem, 9.0317357513rem + 22.7979274611vw, 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 {
  color: var(--base);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.3892487047rem + 2.0725388601vw, 3.125rem);
  margin-top: clamp(1.875rem, 0.8792098446rem + 4.2487046632vw, 4.4375rem);
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-c__title-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 9px;
  color: var(--accent);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.0332749562rem + 1.7513134851vw, 2.5rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .top-c__title-1 {
    row-gap: 17px;
  }
}
.top-c__title-1::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--accent);
}
.top-c__t16 {
  line-height: 2.185;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .top-c__t16 {
    line-height: 2;
  }
}

.top-mv {
  position: relative;
}
.top-mv__title {
  max-width: clamp(6.375rem, 2.7935916542rem + 7.4515648286vw, 9.5rem);
  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;
  position: absolute;
  top: clamp(5.5625rem, 0.8350409836rem + 9.8360655738vw, 9.6875rem);
  right: clamp(1.375rem, -2.0839694656rem + 14.7582697201vw, 5rem);
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__title {
    max-width: clamp(7.125rem, 4.858778626rem + 9.6692111959vw, 9.5rem);
    top: clamp(4.4375rem, -0.7509541985rem + 22.1374045802vw, 9.875rem);
  }
}
.top-mv__title-text {
  color: var(--base);
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(2.75rem, 1.3174366617rem + 2.9806259314vw, 4rem);
  line-height: 1;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  --ls: 0.09em;
  text-shadow: 4px 4px 2.8px rgba(0, 0, 0, 0.33);
}
@media (max-width: 768px) {
  .top-mv__title-text {
    font-size: clamp(3.125rem, 2.2900763359rem + 3.5623409669vw, 4rem);
  }
}
.top-mv__title-text_1 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  -webkit-animation: mvTitle 2.5s ease-in 0.5s forwards;
          animation: mvTitle 2.5s ease-in 0.5s forwards;
}
.top-mv__title-text_2 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  -webkit-animation: mvTitle 2.5s ease-in 2.5s forwards;
          animation: mvTitle 2.5s ease-in 2.5s forwards;
  margin-top: clamp(6.1875rem, 2.6060916542rem + 7.4515648286vw, 9.3125rem);
}
@media (max-width: 768px) {
  .top-mv__title-text_2 {
    margin-top: 148px;
  }
}
.top-mv__menu {
  width: 100%;
  height: clamp(6.625rem, -2.686661699rem + 19.3740685544vw, 14.75rem);
  -webkit-clip-path: polygon(0 70.5%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 70.5%, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  bottom: 0;
  z-index: 3;
  background-color: rgba(44, 44, 44, 0.7);
}
@media (max-width: 768px) {
  .top-mv__menu {
    height: 147px;
    -webkit-clip-path: polygon(0 55.6%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 55.6%, 100% 0, 100% 100%, 0% 100%);
  }
}
.top-mv__items {
  max-width: 251px;
  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: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
  position: absolute;
  bottom: clamp(0.625rem, -5.1768815201rem + 12.0715350224vw, 5.6875rem);
  right: clamp(1.25rem, -3.0476900149rem + 8.9418777943vw, 5rem);
}
@media (max-width: 768px) {
  .top-mv__items {
    bottom: 15px;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.top-mv__item_1 {
  max-width: 46px;
  position: relative;
  margin-right: 16px;
}
.top-mv__item_1::after {
  content: "";
  height: 45px;
  width: 1px;
  position: absolute;
  top: 50%;
  right: -17px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
}
.top-mv__item_2 {
  max-width: 58px;
  margin-right: 5px;
}
.top-mv__item_3 {
  margin-right: 5px;
}
.top-mv__item_34 {
  max-width: 44px;
}
.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-news__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 42px;
}
@media (max-width: 768px) {
  .top-news__inner {
    padding: 39px clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 0;
  }
}
.top-news__text {
  max-width: 868px;
  line-height: 2.185;
  text-align: center;
  margin-top: clamp(1.0625rem, 0.6450381679rem + 1.7811704835vw, 1.5rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-news__text {
    text-align: start;
  }
}
.top-news__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px clamp(0.625rem, -1.9001751313rem + 5.2539404553vw, 2.5rem);
  margin-top: 27px;
}
@media (max-width: 768px) {
  .top-news__items {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-top: 44px;
  }
}
.top-news__post {
  line-height: 2.185;
}
@media (max-width: 768px) {
  .top-news__post {
    line-height: 1.5625;
  }
}
.top-news__thumbnail {
  overflow: hidden;
}
.top-news__thumbnail img {
  height: 100%;
  aspect-ratio: 29/21;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-news__box {
  font-size: clamp(0.875rem, 0.7066549912rem + 0.350262697vw, 1rem);
  margin-top: clamp(0.5625rem, 0.1416374781rem + 0.8756567426vw, 0.875rem);
  padding-left: clamp(0rem, -1.2625875657rem + 2.6269702277vw, 0.9375rem);
}
@media (max-width: 768px) {
  .top-news__box {
    font-size: 1rem;
  }
}
.top-news__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  grid-area: 1/1/2/5;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}
.top-news__more {
  margin-top: clamp(2.75rem, 2.5114503817rem + 1.0178117048vw, 3rem);
  margin-inline: auto;
}

@media (hover: hover) and (pointer: fine) {
  .top-news__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .top-news__post-link:hover .top-news__thumbnail img, .top-news__post-link:focus .top-news__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .top-news__post-link:hover .top-news__date, .top-news__post-link:focus .top-news__date {
    color: var(--accent);
  }
  .top-news__post-link:hover .top-news__post-title, .top-news__post-link:focus .top-news__post-title {
    color: var(--accent);
  }
  .top-news__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;
  }
  .top-news__date {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .top-news__post-title {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
}
.top-shop {
  position: relative;
}
.top-shop::after {
  content: "";
  width: 100%;
  aspect-ratio: 1920/608;
  position: absolute;
  bottom: 0;
  background: url(../images/top-shop-bg-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-shop-bg-2.webp) 1x, url(../images/top-shop-bg-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-shop-bg-2.webp) 1x, url(../images/top-shop-bg-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-shop::after {
    aspect-ratio: 768/467;
    background: url(../images/top-shop-bg-2_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/top-shop-bg-2_sp.webp) 1x, url(../images/top-shop-bg-2_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-shop-bg-2_sp.webp) 1x, url(../images/top-shop-bg-2_sp@2x.webp) 2x);
  }
}
@media (min-width: 1921px) {
  .top-shop::after {
    height: 608px;
    aspect-ratio: initial;
  }
}
.top-shop_pos {
  margin-top: 23px;
  padding-bottom: 37px;
}
@media (max-width: 768px) {
  .top-shop_pos {
    padding-bottom: 72px;
  }
}
.top-shop__bg1 {
  -webkit-clip-path: polygon(0 0, 100% 14.2%, 100% 83.7%, 0% 100%);
          clip-path: polygon(0 0, 100% 14.2%, 100% 83.7%, 0% 100%);
  position: relative;
  z-index: 1;
  background: url(../images/top-shop-bg-1.webp) no-repeat center left/cover;
  background-image: -webkit-image-set(url(../images/top-shop-bg-1.webp) 1x, url(../images/top-shop-bg-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-shop-bg-1.webp) 1x, url(../images/top-shop-bg-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-shop__bg1 {
    -webkit-clip-path: polygon(0 0, 100% 9.6%, 100% 91.7%, 0% 100%);
            clip-path: polygon(0 0, 100% 9.6%, 100% 91.7%, 0% 100%);
    background: url(../images/top-shop-bg-1_sp.webp) no-repeat center left/cover;
    background-image: -webkit-image-set(url(../images/top-shop-bg-1_sp.webp) 1x, url(../images/top-shop-bg-1_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-shop-bg-1_sp.webp) 1x, url(../images/top-shop-bg-1_sp@2x.webp) 2x);
  }
}
.top-shop__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 93px 30px 181px;
  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(0.6875rem, -0.445610687rem + 4.834605598vw, 1.875rem) 15px;
}
@media (max-width: 768px) {
  .top-shop__inner {
    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;
    padding: 44px clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 121px;
  }
}
.top-shop__box {
  max-width: 612px;
  width: 100%;
  color: var(--base);
}
.top-shop__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 9px;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.0332749562rem + 1.7513134851vw, 2.5rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .top-shop__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 18px;
  }
}
.top-shop__title::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--base);
}
.top-shop__text {
  margin-top: 25px;
}
.top-shop__images {
  max-width: 559px;
  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(3.0625rem, 2.6450381679rem + 1.7811704835vw, 3.5rem);
  margin-inline: auto;
}
.top-shop__img2 {
  max-width: 269px;
  width: 100%;
}
.top-shop__img1 {
  max-width: 640px;
  width: 100%;
  margin-top: 71px;
}

.top-menu {
  position: relative;
}
.top-menu_pos {
  margin-top: 44px;
}
@media (max-width: 768px) {
  .top-menu_pos {
    margin-top: -32px;
  }
}
.top-menu__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-menu__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem);
  }
}
.top-menu__body {
  max-width: 1256px;
  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: 27px 15px;
}
@media (max-width: 768px) {
  .top-menu__body {
    -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;
  }
}
.top-menu__box {
  max-width: 553px;
  width: 100%;
  margin-top: clamp(0rem, -5.2083333333rem + 8.3333333333vw, 1.5625rem);
}
.top-menu__title {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .top-menu__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-menu__text {
  margin-top: clamp(1.25rem, 0.7974340866rem + 0.9416195857vw, 1.5625rem);
}
.top-menu__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px 15px;
  margin-top: clamp(0.9375rem, -1.0537900188rem + 4.143126177vw, 2.3125rem);
}
@media (max-width: 1000px) {
  .top-menu__items {
    max-width: 220px;
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 15px;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .top-menu__items {
    row-gap: 29px;
    margin-top: 42px;
  }
}
@media (max-width: 1000px) {
  .top-menu__item {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .top-menu__item_2 {
    grid-area: 3/1/4/2;
  }
}
@media (max-width: 1000px) {
  .top-menu__item_3 {
    grid-area: 2/1/3/2;
  }
}
.top-menu__img {
  max-width: 640px;
  width: 100%;
}

.top-cmt_pos {
  margin-top: clamp(1.8125rem, 1.3950381679rem + 1.7811704835vw, 2.25rem);
}
.top-cmt__bg {
  -webkit-clip-path: polygon(0 16.2%, 100% 0, 100% 100%, 0 85.9%);
          clip-path: polygon(0 16.2%, 100% 0, 100% 100%, 0 85.9%);
  position: relative;
  z-index: 1;
  background: url(../images/top-cmt-bg.webp) no-repeat center right/cover;
  background-image: -webkit-image-set(url(../images/top-cmt-bg.webp) 1x, url(../images/top-cmt-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-cmt-bg.webp) 1x, url(../images/top-cmt-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-cmt__bg {
    -webkit-clip-path: polygon(0 8.2%, 100% 0, 100% 100%, 0 91.6%);
            clip-path: polygon(0 8.2%, 100% 0, 100% 100%, 0 91.6%);
    background: url(../images/top-cmt-bg_sp.webp) no-repeat center right/cover;
    background-image: -webkit-image-set(url(../images/top-cmt-bg_sp.webp) 1x, url(../images/top-cmt-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-cmt-bg_sp.webp) 1x, url(../images/top-cmt-bg_sp@2x.webp) 2x);
  }
}
.top-cmt__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 197px 30px 165px;
  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: 34px 15px;
}
@media (max-width: 768px) {
  .top-cmt__inner {
    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;
    padding: 126px clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 90px;
  }
}
.top-cmt__box {
  max-width: 612px;
  width: 100%;
  color: var(--base);
  margin-top: clamp(0rem, -1.2625875657rem + 2.6269702277vw, 0.9375rem);
}
.top-cmt__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 12px;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: clamp(1.875rem, 1.0332749562rem + 1.7513134851vw, 2.5rem);
  line-height: 1.75;
}
@media (max-width: 768px) {
  .top-cmt__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 20px;
  }
}
.top-cmt__title::after {
  content: "";
  width: 77px;
  height: 3px;
  background-color: var(--base);
}
.top-cmt__text {
  margin-top: 27px;
}
.top-cmt__link {
  height: 52.4px;
  margin-top: clamp(4.0625rem, 3.5767487047rem + 2.0725388601vw, 5.3125rem);
  margin-inline: auto;
}
.top-cmt__img1 {
  max-width: 640px;
  width: 100%;
}

.top-gallery_pos {
  margin-top: clamp(2.4375rem, 1.971339779rem + 1.9889502762vw, 3.5625rem);
  padding-bottom: 93px;
}
@media (max-width: 768px) {
  .top-gallery_pos {
    padding-bottom: 102px;
  }
}
.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 45s linear infinite both;
          animation: infinity-scroll 45s linear infinite both;
}
.top-gallery__slide {
  max-width: clamp(10.25rem, 5.4848066298rem + 20.3314917127vw, 21.75rem);
  margin-right: clamp(0.4375rem, 0.1914709945rem + 1.0497237569vw, 1.03125rem);
}
.top-gallery__slide img {
  height: 100%;
  aspect-ratio: 348/248;
  -o-object-fit: cover;
     object-fit: cover;
}

/*###################################################################
  commitment（page）
###################################################################*/
.cmt1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 78px 30px 489px;
}
@media (max-width: 1480px) {
  .cmt1__inner {
    padding: clamp(3.75rem, 2.6765267176rem + 4.5801526718vw, 4.875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(5.625rem, -3.1558098592rem + 37.4647887324vw, 30.5625rem);
  }
}
.cmt1__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(3.75rem, 2.55rem + 5.12vw, 5.75rem);
}
.cmt1__item {
  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) {
  .cmt1__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;
  }
}
.cmt1__item_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) {
  .cmt1__item_r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cmt1__box {
  max-width: 680px;
  width: 100%;
  margin-top: clamp(0rem, -1.8517950963rem + 3.8528896673vw, 1.375rem);
}
@media (max-width: 768px) {
  .cmt1__box {
    max-width: 600px;
  }
}
.cmt1__box_3 {
  max-width: 694px;
}
@media (max-width: 768px) {
  .cmt1__box_3 {
    max-width: 600px;
  }
}
.cmt1__box_5 {
  max-width: 701px;
}
@media (max-width: 768px) {
  .cmt1__box_5 {
    max-width: 600px;
  }
}
.cmt1__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  row-gap: 20px;
}
.cmt1__number {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: var(--accent);
  font-size: clamp(1.5rem, 1.1421755725rem + 1.5267175573vw, 1.875rem);
  line-height: 1;
  padding-right: 24px;
}
.cmt1__number::after {
  content: "";
  width: 3px;
  height: clamp(3rem, 2.4036259542rem + 2.5445292621vw, 3.625rem);
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background-color: var(--accent);
}
.cmt1__l {
  font-size: clamp(2rem, 1.5229007634rem + 2.0356234097vw, 2.5rem);
}
.cmt1__title-main {
  font-size: clamp(1.25rem, 1.0114503817rem + 1.0178117048vw, 1.5rem);
  line-height: 1.75;
}
.cmt1__text {
  margin-top: 20px;
}
.cmt1__img {
  max-width: 533px;
  width: 100%;
}

/*###################################################################
  food（page）
###################################################################*/
.food1__inner {
  max-width: 1156px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 81px 30px 473px;
}
@media (max-width: 1480px) {
  .food1__inner {
    padding: clamp(3.125rem, 1.9625rem + 4.96vw, 5.0625rem) clamp(0.9375rem, -1.2405589124rem + 4.5317220544vw, 1.875rem) clamp(5.625rem, -2.8036971831rem + 35.9624413146vw, 29.5625rem);
  }
}
@media (max-width: 768px) {
  .food1__inner {
    max-width: 520px;
    padding: clamp(3.125rem, 1.9625rem + 4.96vw, 5.0625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(5.625rem, -2.8036971831rem + 35.9624413146vw, 29.5625rem);
  }
}
.food1__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 768px) {
  .food1__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: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.food1__pc-body {
  max-width: 513px;
  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;
}
@media (max-width: 768px) {
  .food1__pc-body {
    display: contents;
  }
}
.food1__pc-body_l {
  row-gap: 77px;
}
.food1__pc-body_r {
  row-gap: 97px;
}
.food1__cat {
  width: 100%;
}
@media (max-width: 768px) {
  .food1__cat_1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 768px) {
  .food1__cat_2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 768px) {
  .food1__cat_3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 768px) {
  .food1__cat_4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}
.food1__cat_5 {
  margin-top: 18px;
}
@media (max-width: 768px) {
  .food1__cat_5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .food1__cat_6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
}
.food1__cat_7 {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .food1__cat_7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .food1__cat_8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
}
.food1__cat_9 {
  margin-top: 15px;
}
@media (max-width: 768px) {
  .food1__cat_9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
    margin-top: 0;
  }
}
.food1__cat_10 {
  margin-top: 14px;
}
@media (max-width: 768px) {
  .food1__cat_10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .food1__cat_11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
}
@media (max-width: 768px) {
  .food1__cat_12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media (max-width: 768px) {
  .food1__cat_13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
}
.food1__cat_14 {
  margin-top: 14px;
}
@media (max-width: 768px) {
  .food1__cat_14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .food1__cat_15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15;
  }
}
.food1__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: 12px;
  margin-top: clamp(1.5625rem, -0.6875rem + 9.6vw, 5.3125rem);
}
.food1__items_1 {
  margin-top: clamp(1.5625rem, -0.2375rem + 7.68vw, 4.5625rem);
}
.food1__items_5 {
  margin-top: clamp(1.5625rem, -0.275rem + 7.84vw, 4.625rem);
}
.food1__items_6 {
  margin-top: clamp(1.5625rem, -1.2875rem + 12.16vw, 6.3125rem);
}
.food1__item {
  font-size: clamp(0.9375rem, 0.8259860789rem + 0.2320185615vw, 1rem);
  line-height: 1.875;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .food1__item {
    font-size: clamp(0.9375rem, 0.8778625954rem + 0.2544529262vw, 1rem);
  }
}
.food1__item:not(:last-of-type) {
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left 1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
}
.food1__item_15 {
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left 1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
}
.food1__dl {
  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: 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;
}
.food1__dd {
  margin-left: auto;
}

/*###################################################################
  drink（page）
###################################################################*/
.drink1__inner {
  max-width: 600px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 82px;
}
@media (max-width: 1000px) {
  .drink1__inner {
    padding: clamp(3.125rem, 1.925rem + 5.12vw, 5.125rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 0;
  }
}
.drink1__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, 1.4623091603rem + 4.427480916vw, 3.5875rem);
  margin-top: clamp(2.5rem, 1.2625rem + 5.28vw, 4.5625rem);
}
.drink1__item-title {
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left 1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
  line-height: 1.5;
  padding-bottom: 7px;
}
.drink1__desc {
  font-size: clamp(0.9375rem, 0.8778625954rem + 0.2544529262vw, 1rem);
  line-height: 1.875;
  margin-top: 8px;
}
.drink1__desc_long {
  white-space: nowrap;
}
@media (max-width: 660px) {
  .drink1__desc_long {
    white-space: normal;
  }
}
.drink1__dl {
  max-width: 534px;
  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: 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;
  font-size: clamp(0.9375rem, 0.8778625954rem + 0.2544529262vw, 1rem);
  line-height: 2.25;
}
.drink1__dl:first-of-type {
  margin-top: clamp(0.625rem, 0.0882633588rem + 2.2900763359vw, 1.1875rem);
}
.drink1__dd {
  margin-left: auto;
}
.drink1__dl-set {
  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: 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;
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left 1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
  font-size: clamp(0.9375rem, 0.8778625954rem + 0.2544529262vw, 1rem);
  padding-bottom: 1px;
}
.drink1__dt-set {
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
  line-height: 1.5;
}
.drink1__dd-set {
  line-height: 2.25;
  margin-left: auto;
  padding-right: clamp(0rem, -16.5rem + 44vw, 1.375rem);
}

.drink2_pos {
  margin-top: clamp(3.125rem, 0.4625rem + 11.36vw, 7.5625rem);
  padding-bottom: clamp(5.625rem, -0.6029929577rem + 26.5727699531vw, 23.3125rem);
}
.drink2__inner {
  max-width: 1152px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .drink2__inner {
    max-width: 520px;
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.drink2__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 768px) {
  .drink2__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: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.drink2__pc-body {
  max-width: 524px;
  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;
}
@media (max-width: 768px) {
  .drink2__pc-body {
    display: contents;
  }
}
.drink2__pc-body_l {
  row-gap: 81px;
}
.drink2__pc-body_r {
  row-gap: 95px;
}
.drink2__cat {
  width: 100%;
}
@media (max-width: 768px) {
  .drink2__cat_1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 768px) {
  .drink2__cat_2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.drink2__cat_3 {
  margin-top: 17px;
}
@media (max-width: 768px) {
  .drink2__cat_3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 0;
  }
}
.drink2__cat_4 {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .drink2__cat_4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 0;
  }
}
.drink2__cat_5 {
  margin-top: 68px;
}
@media (max-width: 768px) {
  .drink2__cat_5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .drink2__cat_6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media (max-width: 768px) {
  .drink2__cat_7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
    margin-top: 0;
  }
}
.drink2__cat_8 {
  margin-top: 103px;
}
@media (max-width: 768px) {
  .drink2__cat_8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
    margin-top: 0;
  }
}
.drink2__cat_9 {
  max-width: 524px;
  margin-top: 92px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .drink2__cat_9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
    margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.drink2__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: 12px;
  margin-top: clamp(1.5625rem, 0.9661259542rem + 2.5445292621vw, 2.1875rem);
}
.drink2__item {
  font-size: clamp(0.9375rem, 0.8259860789rem + 0.2320185615vw, 1rem);
  line-height: 1.875;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .drink2__item {
    font-size: clamp(0.9375rem, 0.8778625954rem + 0.2544529262vw, 1rem);
  }
}
.drink2__item:not(:last-of-type) {
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left 1px bottom;
  background-repeat: repeat-x;
  background-size: 400% 1px;
}
.drink2__dl {
  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: 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;
}
.drink2__dl_lh {
  line-height: 2.1875;
}
.drink2__dl_mt {
  margin-top: 3px;
}
.drink2__dd {
  margin-left: auto;
}

/*###################################################################
  course（page）
###################################################################*/
.course1__inner {
  max-width: 993px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 45px;
}
@media (max-width: 768px) {
  .course1__inner {
    padding: 45px clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 0;
  }
}
.course1__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(3.125rem, 2.2625rem + 3.68vw, 4.5625rem);
  margin-top: clamp(3.125rem, 0.3125rem + 12vw, 7.8125rem);
}
.course1__title-box {
  display: grid;
  grid-template-columns: 1fr 266px;
  background-image: -webkit-repeating-linear-gradient(left, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-image: repeating-linear-gradient(90deg, var(--text), var(--text) 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  font-size: clamp(1.25rem, 1.1rem + 0.64vw, 1.5rem);
  line-height: 1.75;
  padding-bottom: 2px;
  padding-left: 8px;
}
@media (max-width: 768px) {
  .course1__title-box {
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 4px;
    padding-bottom: 5px;
    padding-left: 0;
  }
}
.course1__body {
  margin-top: 18px;
}
.course1__body_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) {
  .course1__body_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: 20px;
  }
}
.course1__text-box {
  max-width: 583px;
  width: 100%;
}
.course1__text {
  max-width: 500px;
  margin-left: auto;
}
.course1__strong {
  font-weight: 900;
}
.course1__indent {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}
.course1__img {
  max-width: 368px;
  width: 100%;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .course1__img {
    margin-top: 0;
  }
}

.course2_pos {
  margin-top: clamp(5rem, 2.5397099448rem + 10.4972375691vw, 10.9375rem);
}
.course2__inner {
  max-width: 1156px;
  -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-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-bottom: clamp(5.625rem, -8.8336267606rem + 61.6901408451vw, 46.6875rem);
}
@media (max-width: 768px) {
  .course2__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(5.625rem, -8.8336267606rem + 61.6901408451vw, 46.6875rem);
  }
}
.course2__item {
  max-width: 520px;
  width: 100%;
}
.course2__text {
  margin-top: clamp(1.875rem, 0.2625rem + 6.88vw, 4.5625rem);
}
.course2__br {
  display: none;
}
@media (max-width: 900px) {
  .course2__br {
    display: block;
  }
}
@media (max-width: 768px) {
  .course2__br {
    display: none;
  }
}
@media (max-width: 450px) {
  .course2__br {
    display: block;
  }
}
.course2__indent {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}

/*###################################################################
  shop（page）
###################################################################*/
.shop1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 81px;
}
@media (max-width: 768px) {
  .shop1__inner {
    padding: clamp(3.75rem, 2.4976145038rem + 5.3435114504vw, 5.0625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 0;
  }
}
.shop1__box {
  max-width: 842px;
  margin-top: clamp(2.1875rem, 1.175rem + 4.32vw, 3.875rem);
  margin-inline: auto;
}
.shop1__text {
  max-width: 766px;
  margin-left: auto;
}
.shop1__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: clamp(0.3125rem, -0.0625rem + 1.6vw, 0.9375rem);
     -moz-column-gap: clamp(0.3125rem, -0.0625rem + 1.6vw, 0.9375rem);
          column-gap: clamp(0.3125rem, -0.0625rem + 1.6vw, 0.9375rem);
  margin-top: clamp(1.875rem, 0.675rem + 5.12vw, 3.875rem);
}
.shop1__img {
  height: 100%;
  aspect-ratio: 415/312;
  -o-object-fit: cover;
     object-fit: cover;
}

.shop2_pos {
  margin-top: clamp(5rem, 3.2rem + 7.68vw, 8rem);
}
.shop2__slider {
  overflow: hidden;
  margin-top: clamp(2.8125rem, 1.0125rem + 7.68vw, 5.8125rem);
}
.shop2__wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.shop2__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: infinity-scroll 40s linear infinite both;
          animation: infinity-scroll 40s linear infinite both;
}
.shop2__slide {
  max-width: clamp(10.25rem, 5.4848066298rem + 20.3314917127vw, 21.75rem);
  margin-right: clamp(0.4375rem, 0.1914709945rem + 1.0497237569vw, 1.03125rem);
}
.shop2__slide img {
  height: 100%;
  aspect-ratio: 348/248;
  -o-object-fit: cover;
     object-fit: cover;
}

.shop3_pos {
  margin-top: clamp(5rem, 2.525rem + 10.56vw, 9.125rem);
  padding-bottom: clamp(5.625rem, 1.275rem + 18.56vw, 12.875rem);
}
.shop3__inner {
  max-width: 806px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .shop3__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.shop3__dl {
  max-width: 723px;
  display: grid;
  grid-template-columns: clamp(5.125rem, -2.0314885496rem + 30.534351145vw, 12.625rem) 1fr;
  margin-left: auto;
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  line-height: 2.15;
  margin-top: clamp(2.5rem, 1.8439885496rem + 2.7989821883vw, 3.1875rem);
}
.shop3__dt {
  font-weight: 400;
  border-bottom: 1px solid #C8C8C8;
}
.shop3__dd {
  font-weight: 400;
  border-bottom: 1px solid #C8C8C8;
}
.shop3__address {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-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;
}
.shop3__address-sub {
  margin-left: auto;
}
@media (max-width: 600px) {
  .shop3__address-sub {
    margin-left: 0;
  }
}
.shop3__map {
  margin-top: clamp(3.125rem, 0.9875rem + 9.12vw, 6.6875rem);
}
.shop3__gmap {
  width: 100%;
  height: 333px;
}

/*###################################################################
  news（page）
###################################################################*/
.news-list_pos {
  padding-top: clamp(3.125rem, 1.5347633136rem + 5.9171597633vw, 4.375rem);
}
.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);
}
@media (max-width: 600px) {
  .news-list__items {
    row-gap: 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-size: 1.25rem;
  font-weight: 500;
  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 * {
  --ls: 0;
}
.news-list__pagination ul.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.news-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.news-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .news-list__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .news-list__post-link:hover .news-list__thumbnail img, .news-list__post-link:focus .news-list__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .news-list__post-link:hover .news-list__post-title, .news-list__post-link:focus .news-list__post-title {
    color: var(--main);
    text-decoration: underline;
  }
  .news-list__thumbnail img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
  .news-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: var(--main);
            text-decoration-color: var(--main);
  }
  .news-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-list__pagination a:hover, .news-list__pagination a:focus {
    opacity: 0.7;
  }
}
.news-post_pos {
  padding-top: clamp(3.125rem, 1.5347633136rem + 5.9171597633vw, 4.375rem);
}
.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-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__title {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: 1.5rem;
  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(--accent);
  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-family: "Zen Antique", serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.75;
}
.page-404__text {
  line-height: 2;
  white-space: pre-line;
  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: 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制御用）
###################################################################*/