@charset "UTF-8";
@import url(component.css?2603171);
/* -------------------------------------
カラー
------------------------------------- */
/* フォントサイズ */
/* SPデザインが375の場合 */
html {
  font-size: 2.6666666667vw;
}

/* 768px〜1440px：font-size 固定（1440基準） */
@media screen and (min-width: 769px) {
  html {
    font-size: 6.5px;
  }
}
/* 1024px〜1440px: 1440px基準で流動スケール */
@media screen and (min-width: 1024px) {
  html {
    font-size: 0.6944444444vw;
  }
}
/* 1440px〜1920px：1440基準で拡大 */
@media screen and (min-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
/* 1920px〜：固定 */
@media screen and (min-width: 1920px) {
  html {
    font-size: 10px;
  }
}
/* フロントのみ1920基準 */
.l-front {
  /* 768px〜1440px：font-size 固定（1440基準） */
}

body {
  font-family: "Zen Old Mincho", serif;
  color: #3C311D;
  background-color: #FDFCF5;
  font-weight: 500;
  font-size: 1.7rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.5rem;
  }
}

.font-en {
  font-family: "Montserrat", sans-serif;
}

.font-ttl {
  font-family: "Hina Mincho", serif;
}

.font-ttl2 {
  font-family: "Zen Old Mincho", serif;
}

.font-body {
  font-family: "Zen Old Mincho", serif;
}

.font-bold {
  font-weight: 700;
}

.l-mainInner {
  width: min(132rem, 100%);
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .l-mainInner {
    width: calc(100% - 6rem);
  }
}
@media screen and (max-width: 768px) {
  .l-mainInner {
    width: calc(100% - 6rem);
  }
}

.l-mainInner_wide {
  width: min(176.5rem, 100% - 12rem);
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .l-mainInner_wide {
    width: calc(100% - 12rem);
  }
}
@media screen and (max-width: 768px) {
  .l-mainInner_wide {
    width: calc(100% - 6rem);
  }
}

.l-mainInner_sm {
  width: min(120rem, 100%);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-mainInner_sm {
    width: calc(100% - 6rem);
  }
}

.l-bg_white {
  background-color: #FDFCF5;
}

.pc-only {
  display: block;
}
@media screen and (max-width: 1024px) {
  .pc-only {
    display: none;
  }
}

.tb-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  .tb-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .tb-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.pc-none {
  display: none;
}
@media screen and (max-width: 1024px) {
  .pc-none {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .tb-none {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .tb-none {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none;
  }
}

.all-none {
  display: none !important;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* -------------------------------------
ヘッダー
------------------------------------- */
#pageHeader {
  overflow-x: clip;
  width: 100%;
}

.l-overlay {
  opacity: 0;
  pointer-events: none;
  transition: 1s ease;
}

.l-head {
  position: relative;
}

.l-fixed {
  height: max(4rem, 40px);
  position: fixed;
  z-index: 99;
  top: 2rem;
}
@media screen and (max-width: 768px) {
  .l-fixed {
    top: 2.3rem;
  }
}
.l-fixed:nth-of-type(2) {
  left: 41%;
  translate: -50% 0;
}
@media screen and (max-width: 1200px) {
  .l-fixed:nth-of-type(2) {
    left: 40%;
    translate: -50% 0;
    gap: 2.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-fixed:nth-of-type(2) {
    left: 90%;
    top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .l-fixed:nth-of-type(2) {
    left: auto;
    right: 7.4rem;
  }
}
.l-fixed:nth-of-type(3) {
  right: 2rem;
}
@media screen and (max-width: 768px) {
  .l-fixed:nth-of-type(3) {
    right: 2rem;
  }
}
.l-fixed:nth-of-type(4) {
  top: 3rem;
  right: 2.4rem;
  z-index: 199;
}

.js-blend {
  mix-blend-mode: difference;
  transition: mix-blend-mode 0.3s ease;
}
.js-blend.clear {
  mix-blend-mode: normal;
}

.l-head_title {
  position: absolute;
  top: 2.4rem;
  left: 5rem;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .l-head_title {
    top: 1rem;
    left: 1rem;
  }
}

.l-head_logo {
  width: 13.8rem;
  height: 10.9rem;
}
.l-head_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .l-head_logo {
    width: 10.6rem;
    height: 8.8rem;
  }
}

.l-logo_white .l-head_logo {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.l-head_nav {
  display: flex;
  justify-content: space-between;
  gap: 4.3rem;
}

.l-gnav {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .l-gnav {
    display: none;
  }
}

.l-gnav_list {
  height: 100%;
  display: flex;
  justify-content: center;
}
.l-gnav_list .l-gnav_item {
  position: relative;
  display: flex;
  transition: 0.3s;
}
.l-gnav_list .l-gnav_item > a {
  height: 100%;
  display: grid;
  padding-inline: 2rem;
  place-content: center;
  font-weight: 500;
  font-size: max(1.4rem, 14px);
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 1200px) {
  .l-gnav_list .l-gnav_item > a {
    padding-inline: 1.5rem;
  }
}
@media (hover: hover) {
  .l-gnav_list .l-gnav_item > a:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
@media (hover: hover) {
  .l-gnav_list .l-gnav_item:hover .l-gnav_sub_box {
    opacity: 1;
    pointer-events: auto;
    transition: 0.3s;
  }
}

.l-gnav_lang_list {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0.5rem;
}
.l-gnav_lang_list li a {
  font-weight: 700;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.3s;
}
.l-gnav_lang_list li:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1rem;
  margin-right: 0.5rem;
  background-color: #fff;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.l-head_other {
  display: flex;
  gap: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .l-head_other {
    display: none;
  }
}

.l-head_other-btn {
  width: max(17.8rem, 148px);
  height: max(3.8rem, 38px);
  padding-inline: 3.6rem 2rem;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .l-head_other-btn {
    width: max(17.8rem, 138px);
    padding-inline: 2.6rem 2rem;
  }
}
.l-head_other-btn .l-head_other-btnBox {
  position: absolute;
  right: 1rem;
}
@media (hover: hover) {
  .l-head_other-btn:hover .icon-arrow {
    -webkit-animation: arrow-slide 0.3s cubic-bezier(0.41, 0.12, 0.26, 0.97) 0.1s forwards;
            animation: arrow-slide 0.3s cubic-bezier(0.41, 0.12, 0.26, 0.97) 0.1s forwards;
  }
}

.l-head_restaurant {
  background-color: #362E16;
}

.l-head_online {
  background-color: #708C13;
}

.icon-set {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.icon-restaurant {
  width: 1.3rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2210%22%20viewBox%3D%220%200%2013%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2790_1964)%22%3E%3Cpath%20d%3D%22M1.84503%200.0537782C1.86969%200.124779%201.88138%200.19349%201.88011%200.25991C1.87285%200.645016%201.90161%200.952577%201.9054%201.32885C1.90761%201.54512%201.91709%201.77023%201.93416%202.00483C1.94964%202.21947%201.95344%202.5231%201.9468%202.68114C1.93321%203.00702%201.84251%203.27728%201.675%203.49225C1.61685%203.56685%201.51888%203.66861%201.38109%203.79719C1.22781%203.94018%201.15796%204.11359%201.17155%204.31776C1.17629%204.38941%201.17882%204.43751%201.17882%204.46172C1.18419%205.15701%201.18672%205.50841%201.18672%205.51626C1.18641%205.68019%201.18988%205.8235%201.19778%205.94685C1.21074%206.15789%201.20063%206.33425%201.2139%206.52173C1.23034%206.75076%201.24772%207.00892%201.24456%207.21407C1.24108%207.44114%201.26162%207.62699%201.27079%207.91034C1.28754%208.40309%201.3005%208.71589%201.30966%208.8484C1.32989%209.13437%201.3419%209.35686%201.34569%209.51555C1.35106%209.73967%201.31377%209.87088%201.12509%209.97362C1.09317%209.99096%201.02649%209.99979%200.924725%209.99979C0.756275%209.99946%200.648821%209.92323%200.574552%209.77272C0.549585%209.72233%200.538523%209.64413%200.540736%209.53812C0.546424%209.2695%200.551481%209.10819%200.55559%209.05388C0.568863%208.87654%200.566019%208.74697%200.573288%208.58501C0.663359%206.53842%200.714242%205.32289%200.725935%204.93844C0.7351%204.64331%200.741737%204.46336%200.745846%204.39825C0.755011%204.26181%200.749954%204.15089%200.730676%204.06582C0.719931%204.0187%200.685166%203.95883%200.626699%203.88619C0.620378%203.87834%200.613109%203.87147%200.605208%203.86558C0.438023%203.74157%200.310342%203.62084%200.221535%203.50403C-0.00917433%203.20039%20-0.00727809%202.83426%200.00378331%202.40368C0.0116843%202.10364%200.0360194%201.84974%200.0458167%201.54349C0.0508733%201.38022%200.05593%201.26407%200.0609866%201.19437C0.0843736%200.860963%200.0859538%200.540969%200.103336%200.219665C0.106812%200.153245%200.126091%200.0946773%200.160855%200.043308C0.16686%200.0344738%200.176025%200.0276028%200.186139%200.0243308C0.233229%200.00927996%200.268309%200.00666241%200.290748%200.0164782C0.325828%200.0318563%200.348267%200.0681747%200.347951%200.109074C0.343843%200.428741%200.34005%200.618513%200.336574%200.67839C0.326776%200.838387%200.324564%201.02849%200.329621%201.24803C0.332781%201.39102%200.334677%201.69465%200.334994%202.15894C0.334994%202.22405%200.347951%202.32384%200.372918%202.3739C0.415584%202.45799%200.483848%202.5038%200.578344%202.51132C0.727832%202.52245%200.802733%202.37325%200.812214%202.2391C0.822644%202.08859%200.83813%201.88311%200.832125%201.70349C0.828648%201.59355%200.853299%201.48917%200.844134%201.38971C0.841606%201.36451%200.843502%201.28566%200.849507%201.15249C0.855828%201.01213%200.840342%200.850493%200.85488%200.720598C0.872578%200.567798%200.85488%200.442483%200.856144%200.281505C0.856776%200.206905%200.870998%200.130669%200.881743%200.0802808C0.883955%200.0694835%200.888696%200.0593405%200.895333%200.0505063C0.918404%200.0207317%200.952852%200.00404487%200.998046%200.00110013C1.07042%20-0.00380776%201.09791%200.0622852%201.09886%200.126742C1.10234%200.338109%201.08527%200.560273%201.09602%200.794543C1.10487%200.985624%201.09128%201.2091%201.09507%201.37367C1.10171%201.6495%201.10771%201.92434%201.11308%202.19755C1.11466%202.28752%201.15449%202.38012%201.23223%202.47468C1.23887%202.48253%201.24772%202.48777%201.25752%202.48875L1.39657%202.50511C1.40289%202.50609%201.4089%202.50478%201.41459%202.50216C1.52109%202.44818%201.57261%202.34936%201.56913%202.2054C1.56471%202.00679%201.56534%201.84222%201.57134%201.71167C1.58177%201.48296%201.58493%201.21499%201.58114%200.907752C1.57956%200.773276%201.58304%200.54784%201.59157%200.23079C1.59189%200.21672%201.59505%200.202978%201.60073%200.190545C1.61717%200.153572%201.62697%200.122489%201.62981%200.0966405C1.64245%20-0.0129692%201.74927%20-0.019513%201.82481%200.0282572C1.83429%200.0341466%201.84124%200.043308%201.84503%200.0537782Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.9422%208.01857C12.9422%208.16155%2012.9602%208.32155%2012.9628%208.45963C12.9688%208.81528%2012.9808%209.14215%2012.9985%209.44055C13.0209%209.82631%2012.7972%2010.0675%2012.4144%209.98238C12.2144%209.93788%2012.1066%209.70656%2012.1104%209.50305C12.1129%209.37184%2012.1044%209.2606%2012.1151%209.14215C12.1259%209.02633%2012.1448%208.66379%2012.1717%208.05489C12.1913%207.61743%2012.2403%206.8999%2012.3184%205.90294C12.3307%205.74262%2012.3326%205.57902%2012.2387%205.43963C12.234%205.43309%2012.2289%205.4272%2012.2232%205.42164C12.0791%205.29305%2011.978%205.1926%2011.9198%205.12029C11.8762%205.06598%2011.8345%204.98386%2011.7947%204.87392C11.7223%204.67269%2011.6888%204.44071%2011.6939%204.17732C11.6989%203.92506%2011.704%203.69733%2011.7087%203.49382C11.7125%203.32041%2011.7416%203.1591%2011.7378%202.98896C11.7365%202.93039%2011.7409%202.8342%2011.7514%202.69972C11.7561%202.63788%2011.7618%202.54136%2011.7691%202.41048C11.794%201.9462%2011.832%201.53753%2011.8825%201.18416C11.9132%200.970506%2011.9739%200.734272%2012.0649%200.475136C12.112%200.340986%2012.2194%200.156122%2012.3582%200.0916653C12.4125%200.0664715%2012.4906%200.0537109%2012.5924%200.0537109C12.7118%200.0537109%2012.7864%200.112933%2012.8161%200.231377C12.8395%200.324627%2012.8534%200.470228%2012.8525%200.597179C12.8442%201.65336%2012.843%202.30545%2012.8484%202.55379C12.8676%203.44408%2012.8819%204.27777%2012.891%205.0542C12.8935%205.27898%2012.8948%205.39252%2012.8945%205.39481C12.8812%205.56233%2012.8995%205.7027%2012.9011%205.86564C12.9059%206.32633%2012.9147%206.75397%2012.927%207.14889C12.9365%207.45089%2012.9416%207.74078%2012.9422%208.01857Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.30104%200.114661C7.51816%200.153597%207.63478%200.174864%207.65026%200.177809C7.74255%200.196132%207.83894%200.228197%207.92016%200.249137C8.05321%200.283492%208.17584%200.35024%208.31869%200.4003C8.40465%200.430402%208.50009%200.4749%208.6047%200.533468C8.84268%200.666635%208.97732%200.743853%209.00829%200.764466C9.27503%200.942132%209.53449%201.15383%209.78638%201.39955C10.0269%201.63415%2010.2396%201.89459%2010.4248%202.18154C10.6191%202.48288%2010.7816%202.80517%2010.9118%203.14807C10.9595%203.27338%2011.0155%203.45072%2011.0796%203.67943C11.116%203.80867%2011.1539%203.99321%2011.1934%204.23369C11.2234%204.41561%2011.238%204.60375%2011.237%204.79777C11.2335%205.57355%2011.073%206.30941%2010.7554%207.00534C10.6653%207.20232%2010.5186%207.44575%2010.3148%207.73531C10.1413%207.98234%209.92133%208.22316%209.65491%208.45808C9.46433%208.62626%209.26175%208.77775%209.04684%208.91223C8.93939%208.97963%208.83889%209.0346%208.74566%209.0768C8.63094%209.12883%208.47576%209.21194%208.33006%209.26461C7.82977%209.44621%207.3121%209.53782%206.77673%209.54011C6.3545%209.54175%205.96577%209.50052%205.61022%209.41643C5.41775%209.37095%205.19589%209.29831%204.94496%209.19917C4.71583%209.10887%204.50724%209.00286%204.3192%208.88114C3.84356%208.57358%203.45578%208.22774%203.15585%207.84394C2.78672%207.3718%202.51429%206.84797%202.33826%206.27243C2.27379%206.06172%202.21532%205.79866%202.16254%205.48357C2.14168%205.35826%202.12999%205.21756%202.12746%205.06149C2.12462%204.88939%202.1243%204.74771%202.1262%204.63647C2.13125%204.34952%202.16444%204.07271%202.22575%203.80638C2.25767%203.66667%202.2741%203.59501%202.27473%203.59109C2.2858%203.51943%202.30413%203.4481%202.32909%203.37743C2.37365%203.25277%202.42264%203.06627%202.48617%202.91314C2.63123%202.56337%202.81674%202.23356%203.04303%201.92404C3.07937%201.87463%203.14226%201.79414%203.23107%201.6829C3.29965%201.59685%203.36729%201.52094%203.43334%201.45484C3.75412%201.13452%204.06984%200.879965%204.37988%200.690848C4.60648%200.552445%204.8827%200.422877%205.20917%200.302142C5.48317%200.200385%205.76919%200.132656%206.06785%200.0989555C6.46922%200.0534757%206.89587%200.0420239%207.30104%200.114661ZM9.07055%202.49892C8.70647%202.08992%208.25169%201.74997%207.74318%201.5746C7.62782%201.53501%207.52985%201.50392%207.44958%201.48135C7.38479%201.46302%207.34149%201.45288%207.31937%201.45092C7.20433%201.44045%207.10478%201.41002%206.98437%201.40053C6.77293%201.38384%206.55929%201.38646%206.34312%201.40838C6.21892%201.42082%206.09661%201.45812%205.96608%201.48167C5.88676%201.49607%205.79479%201.52421%205.69018%201.56642C5.39563%201.68519%205.12257%201.8357%204.87069%202.01794C4.76576%202.09418%204.67854%202.18514%204.59573%202.25581C4.52747%202.31438%204.463%202.37851%204.402%202.4482C4.16782%202.71584%203.9725%203.00476%203.81606%203.31494C3.52847%203.88458%203.42797%204.51966%203.46273%205.16521C3.49212%205.7185%203.67669%206.27603%203.9567%206.7305C4.03413%206.85582%204.15865%207.02269%204.33058%207.23176C4.41148%207.33025%204.51325%207.397%204.5872%207.47225C4.63524%207.52133%204.70066%207.5763%204.78315%207.63715C5.12321%207.88877%205.49803%208.05825%205.9073%208.14561C6.13074%208.19306%206.32574%208.22054%206.49292%208.22807C6.61618%208.23363%206.77515%208.22872%206.97014%208.21334C7.14365%208.19927%207.30104%208.17473%207.44294%208.13972C8.045%207.98987%208.56488%207.68493%209.0026%207.22522C9.51364%206.68862%209.82051%206.04078%209.92322%205.28136C9.94661%205.1073%209.94977%204.87924%209.94693%204.72612C9.93903%204.33251%209.86539%203.95231%209.72602%203.58585C9.57021%203.17719%209.35182%202.81498%209.07055%202.49892Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.12623%201.85285C7.71027%201.93923%208.27725%202.26184%208.68241%202.67018C8.85465%202.84392%209.01236%203.0543%209.15521%203.30199C9.29553%203.54509%209.39761%203.80129%209.46113%204.07122C9.55279%204.45862%209.57965%204.84634%209.54172%205.23439C9.53382%205.31619%209.51454%205.42187%209.4842%205.55144C9.25729%206.51372%208.63121%207.27411%207.73366%207.60621C7.49094%207.69586%207.25991%207.75378%207.04058%207.77995C6.9562%207.7901%206.8026%207.7937%206.57948%207.79075C6.39775%207.78846%206.24479%207.77603%206.1209%207.7528C5.4136%207.61996%204.77173%207.22209%204.37668%206.59682C4.32548%206.51601%204.20602%206.32623%204.15387%206.20746C3.8707%205.5606%203.79737%204.88429%203.93359%204.17919C3.94971%204.09707%203.96993%204.01985%203.9949%203.94689C4.03188%203.83957%204.04768%203.74664%204.09445%203.64325C4.18579%203.44105%204.24678%203.31311%204.27712%203.25978C4.48729%202.89234%204.75877%202.58675%205.09093%202.34331C5.44805%202.08189%205.82825%201.92025%206.23152%201.85907C6.53934%201.81228%206.83768%201.80999%207.12623%201.85285Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2790_1964%22%3E%3Crect%20width%3D%2213%22%20height%3D%2210%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.icon-cart {
  width: 1.2rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.2996%201.44729C8.43541%201.45046%205.5712%201.44865%202.70757%201.44684C2.59471%201.08887%202.46813%200.734411%202.37753%200.36999C2.34729%200.190326%202.21649%20-0.00586584%202.00588%200.000134264C1.46757%200.0120213%200.928901%200.0120213%200.390587%200.00602116C0.234238%20-0.00212993%200.0742561%200.0885509%200.0228039%200.234478C-0.06545%200.447425%200.114926%200.703731%200.349566%200.713807C0.806189%200.719694%201.26316%200.71743%201.72026%200.7206C1.99979%201.56027%202.26513%202.40493%202.53904%203.24642C2.88326%204.243%203.18729%205.25181%203.50268%206.257C3.2671%206.37972%203.07067%206.58814%203.01781%206.84716C2.9796%207.07064%202.9762%207.31551%203.09388%207.5194C3.25679%207.83276%203.62598%208.01378%203.98298%207.99918C5.93441%207.99239%207.88596%207.99046%209.83739%207.99737C9.99268%207.99329%2010.1656%208.02612%2010.3025%207.93488C10.4781%207.83084%2010.5834%207.57827%2010.4351%207.41083C10.3237%207.24622%2010.1046%207.2717%209.92986%207.27815C7.93214%207.27996%205.93441%207.26581%203.9375%207.2786C3.81093%207.28777%203.68446%207.15226%203.74013%207.03328C3.77459%206.90693%203.9177%206.86958%204.03572%206.85542C6.06603%206.611%208.09974%206.39115%2010.1286%206.13349C10.3175%206.11617%2010.4261%205.9442%2010.487%205.78865C10.9984%204.54448%2011.4304%203.272%2011.9338%202.02455C11.9952%201.87771%2012.0528%201.68062%2011.9163%201.55575C11.7591%201.38242%2011.5069%201.4559%2011.2997%201.44718L11.2996%201.44729Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.71429%209.30126C4.47962%209.05649%204.12237%208.95496%203.79426%209.0185C3.2808%209.09531%202.92356%209.64804%203.01403%2010.1566C3.05516%2010.4545%203.23812%2010.7318%203.50157%2010.8741C3.83064%2011.0606%204.26206%2011.0378%204.57199%2010.8197C4.73438%2010.7069%204.85172%2010.5379%204.93066%2010.3573C5.07582%2010.0046%204.98808%209.56544%204.71417%209.30126H4.71429Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M8.75572%209.03179C8.26494%209.13456%207.92236%209.66439%208.01522%2010.1609C8.05927%2010.4565%208.23763%2010.7315%208.5003%2010.8725C8.87826%2011.0931%209.39445%2011.0209%209.7001%2010.7062C9.96657%2010.4401%2010.0814%2010.0159%209.93736%209.65861C9.77182%209.1869%209.23367%208.90087%208.75572%209.03179Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.icon-blank {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3523_5139)%22%3E%3Cpath%20d%3D%22M7.00016%205.44444H1.51367V0H7.00016V5.44444ZM2.1443%204.73737H6.36953V0.707071H2.1443V4.73737Z%22%20fill%3D%22%233C311D%22%2F%3E%3Cpath%20d%3D%22M5.8018%207.00013H0V1.20215H0.630631V6.29306H5.8018V7.00013Z%22%20fill%3D%22%233C311D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3523_5139%22%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.icon-blank.--white {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.l-head_other-btnBox {
  width: 0.8rem;
  height: 0.7rem;
  overflow: hidden;
}

.icon-arrow {
  display: block;
  height: 100%;
  position: relative;
}
.icon-arrow::before, .icon-arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.6666%205.56364C10.1559%205.56364%207.28458%203.08883%207.14562%200H6.1975C6.29119%202.39003%207.81372%204.46275%2010.0282%205.56364H0V6.40519H10.0773C7.84109%207.50452%206.30277%209.59221%206.2147%2012H7.16282C7.29265%208.904%2010.1679%206.42078%2013.6842%206.42078C13.7902%206.42078%2013.8954%206.42327%2014%206.42764V5.55616C13.8895%205.56114%2013.7786%205.56364%2013.6666%205.56364Z%22%20fill%3D%22%233C311D%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.icon-arrow::before {
  translate: -200% 0;
}
@-webkit-keyframes arrow-slide {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 200% 0;
  }
}
@keyframes arrow-slide {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 200% 0;
  }
}
.l-head_other-text {
  font-size: max(1.2rem, 12px);
  margin-left: 1rem;
  color: #fff;
}
.l-head_other-text.--online {
  font-size: max(1.1rem, 11px);
}

/* -------------------------------------
ハンバーガーメニュー
------------------------------------- */
/* ボタン　 */
.l-menu_btn {
  display: none;
  width: 4rem;
  height: 100%;
  cursor: pointer;
  position: relative;
  top: 50%;
  translate: 0 -50%;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .l-menu_btn {
    display: block;
  }
}
.l-menu_btn .l-menu_lineBox {
  width: 100%;
  height: 1.73rem;
  position: relative;
  top: 50%;
  translate: 0 -50%;
}
.l-menu_btn .l-menu_line {
  height: 1.3px;
  width: 3.33rem;
  border-radius: 9999px;
  display: inline-block;
  position: absolute;
  background-color: #fff;
  transition: 0.3s;
}
.l-menu_btn .l-menu_line:first-of-type {
  top: 0;
  left: 0;
}
.l-menu_btn .l-menu_line:nth-of-type(2) {
  top: 50%;
  right: 0;
  translate: 0 -50%;
}
.l-menu_btn .l-menu_line:last-of-type {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .l-menu_btn.active span:first-of-type {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 30deg;
  }
  .l-menu_btn.active span:nth-of-type(2) {
    translate: 50% 0;
    opacity: 0;
  }
  .l-menu_btn.active span:last-of-type {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: -30deg;
  }
}

/* メニュー背景 */
.l-menu_bg {
  width: 100vw;
  max-width: 50vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 6rem;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  background-color: #FDFCF5;
  opacity: 0;
  overflow-y: scroll;
  pointer-events: none;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .l-menu_bg {
    max-width: unset;
    height: 100dvh;
  }
}
.l-menu_bg.open {
  opacity: 1;
  pointer-events: auto;
}

.l-menu_logo {
  width: 9.9rem;
  height: 7.9rem;
  margin: 1.4rem 0 0 1.6rem;
}
.l-menu_logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.l-menu_logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.l-sp_inner {
  width: calc(100% - 6rem);
  margin: 0 auto;
}

.l-menu_lang {
  margin-top: 0.6rem;
}

.l-menu_lang-list {
  display: flex;
  justify-content: flex-end;
}
.l-menu_lang-list > li:not(:first-of-type) {
  margin-left: 1rem;
  display: flex;
}
.l-menu_lang-list > li:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #3C311D;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
  margin-right: 0.7rem;
}
.l-menu_lang-list > li > a {
  font-size: 1.4rem;
}
.l-menu_lang-list > li > a.--active {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.6rem;
}

.l-sp {
  margin-top: 3.5rem;
}

.l-sp_list {
  display: flex;
  flex-direction: column;
}
.l-sp_list > li > a,
.l-sp_list > li .l-sp_toggle > a {
  font-size: 2.3rem;
  line-height: 3.3rem;
  flex: 1;
  padding-block: 2.5rem;
}
@media screen and (max-width: 768px) {
  .l-sp_list > li > a,
  .l-sp_list > li .l-sp_toggle > a {
    font-size: 1.5rem;
    line-height: 2.2rem;
    padding-block: 1.1rem;
  }
}
.l-sp_list .l-sp_inner {
  padding-right: 0.9rem;
}

.l-sp_toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-sp_toggle button {
  width: 1.6rem;
  height: 3.6rem;
  padding: 0;
  background-color: transparent;
  align-self: flex-end;
  cursor: pointer;
  position: relative;
}
.l-sp_toggle button::before, .l-sp_toggle button::after {
  content: "";
  display: block;
  width: 1.1rem;
  height: 1px;
  background-color: #3C311D;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: 0.3s;
}
.l-sp_toggle button::after {
  rotate: 90deg;
}
.l-sp_toggle button[aria-expanded=false]::after {
  rotate: 0deg;
}

.l-sp_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-sp_item a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-sp_item a::after {
  content: "";
  display: block;
  width: 1.077rem;
  height: 0.923rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5128%204.27972C7.81227%204.27972%205.60352%202.37602%205.49663%200H4.76731C4.83938%201.83848%206.01056%203.43289%207.71402%204.27972H0V4.92707H7.75181C6.03161%205.77271%204.84829%207.37862%204.78054%209.23077H5.50986C5.60973%206.84923%207.82144%204.93906%2010.5263%204.93906C10.6078%204.93906%2010.6888%204.94098%2010.7692%204.94434V4.27397C10.6842%204.2778%2010.5989%204.27972%2010.5128%204.27972Z%22%20fill%3D%22%233C311D%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 0.2rem;
}

.l-sp_sublist {
  margin-bottom: 0.8rem;
  background-color: #fff;
  transition: 0.3s;
}
.l-sp_sublist .l-sp_item a {
  padding-block: 1.3rem;
}
.l-sp_sublist .l-sp_item:first-child a {
  padding-top: 2.4rem;
}
.l-sp_sublist .l-sp_item:last-child a {
  padding-bottom: 2.4rem;
}

.l-sp_other {
  display: flex;
  gap: 0.9rem;
  margin-top: 4rem;
}

.l-sp_other-btn {
  width: 100%;
  height: 5rem;
  padding-inline: 1.7rem 1rem;
  display: flex;
  align-items: center;
  position: relative;
}

.l-sp_other-text {
  font-size: 1.8rem;
  color: #fff;
  flex: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-sp_other-text {
    font-size: 1.2rem;
  }
}

.l-sp_copyright {
  margin-top: 4.9rem;
}

.l-sp_copyright-text {
  font-size: 1.1rem;
}

/* -------------------------------------
フッター
------------------------------------- */
.l-view {
  width: 100%;
  height: 100dvh;
  max-height: 60rem;
  background-image: url("../img/common/view_02.webp?260318");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .l-view {
    height: 60rem;
  }
}

#pageFooter {
  overflow-x: clip;
  position: relative;
}

.l-foot_inner {
  height: 56.2rem;
  padding-block: 10.6rem 7rem;
}
@media screen and (max-width: 768px) {
  .l-foot_inner {
    padding-block: 4.4rem 7rem;
    padding-inline: 0;
    height: auto;
  }
}

.l-foot_content {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 11.5rem;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .l-foot_content {
    padding-right: 4.5rem;
  }
}
@media screen and (max-width: 768px) {
  .l-foot_content {
    flex-direction: column;
    padding-right: 0;
  }
}

.l-foot_site_logo_img {
  display: block;
  max-width: 30.6rem;
  height: 25.5rem;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
@media screen and (max-width: 768px) {
  .l-foot_site_logo_img {
    -webkit-filter: unset;
            filter: unset;
    width: 19.7rem;
    max-width: unset;
    height: 15.8rem;
    margin: 0 auto;
  }
}
.l-foot_site_logo_img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.l-foot_nav {
  display: flex;
  justify-content: space-between;
  min-width: 52rem;
  padding-right: 6rem;
  margin-left: 3.5rem;
}
@media screen and (max-width: 1200px) {
  .l-foot_nav {
    gap: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-foot_nav {
    padding-right: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .l-foot_nav {
    min-width: unset;
    width: auto;
    margin-left: 0;
    flex-direction: column;
    gap: 0;
    padding-inline: 3rem;
    margin-top: 5.2rem;
  }
}

.l-foot_nav-list {
  border-left: 1px solid #E6E4DC;
  padding-block: 2.8rem 1rem;
  padding-left: 5.2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 1024px) {
  .l-foot_nav-list {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-foot_nav-list {
    border-left: none;
    padding-left: 0;
    padding-block: 1rem;
    gap: 1.9rem;
  }
}
.l-foot_nav-list a {
  font-size: 1.6rem;
  transition: 0.15s;
}
@media (hover: hover) {
  .l-foot_nav-list a:hover {
    opacity: 0.7;
  }
}

.l-foot_nav-item {
  margin-block: 1rem;
}

.l-foot_nav-sublist {
  padding-block: 1rem;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.l-foot_nav-sublist > li a {
  font-size: 1.3rem;
  line-height: 0.26;
}

.l-foot_other {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
@media screen and (max-width: 768px) {
  .l-foot_other {
    display: none;
  }
}

.l-foot_other-btn {
  width: 22rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
}
.l-foot_other-btn .icon-arrow:before, .l-foot_other-btn .icon-arrow:after {
  transition: 0.3s;
}
@media (hover: hover) {
  .l-foot_other-btn:hover {
    opacity: 0.8;
  }
  .l-foot_other-btn:hover .icon-arrow:before {
    translate: 0 0;
  }
  .l-foot_other-btn:hover .icon-arrow:after {
    translate: 200% 0;
  }
}

.l-foot_contact {
  background-color: #494845;
}

.l-foot_online {
  background-color: #708C13;
}

.l-foot_other-text {
  font-size: max(1.2rem, 12px);
  color: #fff;
}

.l-foot_other-btnBox {
  display: block;
  width: 0.8rem;
  height: 0.7rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  translate: 0 -50%;
  overflow: hidden;
}

.l-foot_blank-btnBox {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  translate: 0 -50%;
}

.l-foot_backTop {
  position: absolute;
  bottom: 2.1rem;
  right: 1.5rem;
}
@media screen and (max-width: 768px) {
  .l-foot_backTop {
    display: none;
  }
}

.l-foot_backTop_btn {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
}
@media (hover: hover) {
  .l-foot_backTop_btn:hover .icon-arrow:before {
    translate: 0 0;
  }
  .l-foot_backTop_btn:hover .icon-arrow:after {
    translate: 200% 0;
  }
  .l-foot_backTop_btn:hover .l-foot_backTop_text {
    opacity: 0.7;
  }
}

.l-foot_backTop-btnBox {
  width: 1.4rem;
  height: 1.2rem;
  overflow: hidden;
}
.l-foot_backTop-btnBox .icon-arrow {
  rotate: -90deg;
}
.l-foot_backTop-btnBox .icon-arrow:before, .l-foot_backTop-btnBox .icon-arrow:after {
  -webkit-filter: unset;
          filter: unset;
  transition: 0.3s;
}

.l-foot_backTop_text {
  font-size: 1.2rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  transition: 0.3s;
}

.l-foot_copyright {
  position: absolute;
  bottom: 2.4rem;
  left: 1rem;
}
@media screen and (max-width: 768px) {
  .l-foot_copyright {
    position: static;
    text-align: center;
    margin-top: 5.2rem;
  }
}

.l-foot_copyright_text {
  font-size: 1.2rem;
  font-weight: 400;
}

/* -------------------------------------
モーダル
------------------------------------- */
.l-modal__btn,
.js-modal__btn {
  cursor: pointer;
}

.l-modal__overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.l-modal__overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.l-modal__container {
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1001;
  width: 95%;
  height: 58.4rem;
  max-width: 1020px;
  max-height: 600px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.l-modal__container::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-modal__container {
    width: 100%;
    height: 39.1rem;
  }
}

.l-modal__container.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
  pointer-events: auto;
}

.l-modal__close {
  position: absolute;
  top: 2.3rem;
  right: 2.2rem;
  width: 1.83rem;
  height: 1.83rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .l-modal__close {
    top: unset;
    bottom: 3rem;
    left: 50%;
  }
}

.l-modal__close::before,
.l-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #6D4747;
}

.l-modal__close::before {
  translate: -50% -50%;
  rotate: 45deg;
}

.l-modal__close::after {
  translate: -50% -50%;
  rotate: -45deg;
}

.l-modal__content {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 7.6rem 6.1rem;
  border-radius: 2rem;
}
@media screen and (max-width: 768px) {
  .l-modal__content {
    padding: 3.6rem 2rem;
  }
}

/* モーダル汎用書体スタイル */
.l-modal__title {
  font-size: 2.3rem;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .l-modal__title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.l-modal__description {
  margin-bottom: 3rem;
}
.l-modal__description p {
  line-height: 2em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .l-modal__description p {
    font-size: 1.4rem;
  }
}

.l-modal__section {
  margin-bottom: 3rem;
}

.l-modal__section-header {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-width: 1px 0;
  padding: 0.2rem 0 0.2rem 0.6rem;
  margin-bottom: 2rem;
  position: relative;
}

.l-modal__section-title {
  font-weight: 500;
  line-height: 2;
  text-align: left;
  margin: 0;
  font-size: 1.6rem;
}

.l-modal__section-content p {
  line-height: 2em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .l-modal__section-content p {
    font-size: 1.4rem;
  }
}

.l-modal__section-list {
  margin: 0;
  padding-left: 2rem;
  list-style: disc;
}
.l-modal__section-list li {
  font-size: 1.6rem;
  font-weight: 350;
  line-height: 2em;
  text-align: left;
}
.l-modal__section-list li::marker {
  font-size: 1rem;
}
.l-modal__section-list li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .l-modal__section-list li {
    font-size: 1.4rem;
  }
}

.l-modal__btn {
  width: 21.4rem;
  height: 5rem;
  margin: 5rem auto 0;
}
.l-modal__btn .c-btn_text {
  font-size: 1.2rem;
}

/* ナビゲーション */
.l-modal__nav-list {
  display: flex;
  gap: 0.8rem;
}
.l-modal__nav-list li a {
  width: 17.3rem;
  min-height: 6.4rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background-color: #F5F3EE;
  padding: 1.2rem;
  border-radius: 0.5rem;
  transition: 0.3s;
}
@media (hover: hover) {
  .l-modal__nav-list li a:hover {
    background-color: #998C6D;
    transition: 0.3s;
  }
  .l-modal__nav-list li a:hover .l-modal__nav-text {
    color: #fff;
  }
}

.l-modal__nav-sub {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  padding: 2.5rem 4rem 3.8rem;
  background-color: #FAF6F6;
  border-radius: 0.5rem;
}
.l-modal__nav-sub > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 0.6rem;
}
.l-modal__nav-sub > a .c-icon_box {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 3rem;
}
.l-modal__nav-sub > a .l-modal__nav-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.03em;
}
.l-modal__nav-sub .l-modal__nav-sub-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 3.2rem;
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  position: relative;
  list-style: none;
}
.l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item {
  width: 25rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item a {
  margin-block: var(--leading-trim);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.4rem 0.4rem 1.6rem;
  background-image: radial-gradient(#5D5150 1px, transparent 1px);
  background-size: 7.3px 7.3px;
  background-position: left bottom;
  background-repeat: repeat-x;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #5D5150;
  font-size: 1.4rem;
  font-weight: 500;
  transition: 0.3s;
}
.l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item a::before {
  margin-right: 1rem;
  margin-top: 0;
  transition: 0.3s;
}
@media (hover: hover) {
  .l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item a:hover {
    color: #6D4747;
    transition: 0.3s;
  }
  .l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item a:hover::before {
    translate: 0.5rem 0;
    transition: 0.3s;
  }
}
.l-modal__nav-sub .l-modal__nav-sub-list .l-modal__nav-sub-item a.c-arrow_mini::before {
  height: 0.729rem;
}

.l-modal_header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.l-modal__logo {
  display: flex;
  justify-content: center;
}
.l-modal__logo img {
  width: 28.4rem;
  height: auto;
  margin-top: 0.9rem;
}

.l-modal_instagram {
  width: 4.8rem;
  margin-bottom: 0.4rem;
  margin-left: 0.4rem;
  align-self: flex-end;
}

.l-modal__nav {
  margin-top: 3.8rem;
}

.l-modal__nav-text {
  line-height: 1.25;
  margin-block: var(--leading-trim);
  letter-spacing: 0.03em;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  transition: 0.3s;
}

/* -------------------------------------
ニュース一覧
------------------------------------- */
.l-archive_cnt {
  border-bottom: 1px solid #C0BBB3;
  margin-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .l-archive_cnt {
    margin-bottom: 8rem;
  }
}

.l-archive_space {
  padding-bottom: 6rem;
}

.l-cat_block {
  margin-block: 5.4rem 0;
}

.l-news_block {
  margin-block: 5.7rem 0;
}

.l-magazine_block {
  margin-block: 7.5rem;
}

/* -------------------------------------
2カラム用レイアウト
------------------------------------- */
.l-col2 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-col2 {
    flex-direction: column;
  }
}
.l-col2.--sticky {
  position: relative;
}
.l-col2.--sticky .l-content_side {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 3rem;
}
@media screen and (max-width: 768px) {
  .l-col2.--sticky .l-content_side {
    position: static;
  }
}

/* -------------------------------------
投稿レイアウト
------------------------------------- */
.l-single {
  padding-block: 5rem 12rem;
}
@media screen and (max-width: 768px) {
  .l-single {
    padding-block: 5rem 6rem;
  }
}

/* -------------------------------------
animation
------------------------------------- */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}