@charset "UTF-8";
/*==========================================================
 会員特典
==========================================================*/
/*
Made by Elly Loel - https://ellyloel.com/
参考記事:
- Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
- Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
- Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE
メモ:
- :where()は簡単に上書きできるように詳細度を低くするために使用しています。
*/
* {
  margin: 0;
  padding: 0;
  /* line-heightをemベースでcalc()で計算。font-sizeを小さくするとline-heightは大きくなり、font-sizeを大きくするとline-heightは小さくなります。参考: https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ */
  line-height: calc(0.25rem + 1em + 0.25rem);
  font-size: 62.5%;
  font-style: normal;
  font-weight: unset;
}

/* より直感的なボックスサイズのモデルを使用 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* fieldset, progress, meter以外のすべての要素でボーダーを削除し、背景に適切なデフォルトを設定 */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  -webkit-text-size-adjust: none;
}

/* 減速を好まないユーザーのためにスムーズなスクロールを実現 */
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  /* アプリケーションでパーセントによる高さを許可する */
  min-block-size: 100%;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
  /* scrollbar-gutter: stable both-edges; バグが修正されるまで削除: https://bugs.chromium.org/p/chromium/issues/detail?id=1318404#c2 */
}

/* 各メディア要素のデフォルトを改善 */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* ストロークを削除し、fillの塗りつぶしカラーはフォントカラーを継承 */
:where(svg) {
  stroke: none;
  fill: currentColor;
}

/* fill属性のないSVG */
:where(svg):where(:not([fill])) {
  /* fillを取り除き、ストロークのカラーはフォントカラーを継承 */
  stroke: currentColor;
  fill: none;
  /* 丸みを帯びたストローク */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* width属性のないSVGのサイズを設定 */
:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

/* テキストのオーバーフローを回避 */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* リストの役割をするul、ol要素のリストスタイルを削除。デフォルトのスタイルが削除されることを示唆しています */
:where(ul, ol, li)[role=list] {
  list-style: none;
}

ul,
ol,
li {
  list-style: none;
}

/* クラスを持たないアンカータグに、より読みやすい下線スタイルを設定。アンカータグに設定することもできますが、コンフリクトを引き起こす可能性があります */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* インタラクティブな要素は適切なカーソルを設定して操作できることを明確にする */
/* フォーカスのアウトラインをアニメーション化 */
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    -webkit-transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

/* ユーザーがボタンのテキストを選択できないようにする */
:where(input[type=file])::-webkit-file-upload-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
}

/* 無効化されたボタンには無効化されたカーソルを表示 */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

time {
  font-size: 1em;
}

/*==========================================================
	共通設定 (Primary style)
==========================================================*/
html,
body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
  /* スムーススクロール */
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-size: 1.6em;
}

a {
  color: inherit;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

span,
strong,
em,
small,
i,
b {
  font-size: 1em;
}

button {
  border: none;
  text-decoration: none;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

/*==========================================================
	formタグ
==========================================================*/
/* フォーム内のタイポグラフィのスタイルを削除 */
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* textareaのサイズ変更は垂直のみにし、ブラウザがサポートしている場合にのみblockにします */
/*==========================================================
	ウィンドウ・フォントサイズ設定
==========================================================*/
/*==========  サイズ設定 END  =============================*/
/*==========================================================
	レスポンシブ設定
==========================================================*/
/*==========================================================
	ホバー処理
==========================================================*/
/*=========================================
ボタン
-----------------------------------------*/
/*=======================================   
    ボタン装飾
---------------------------------------*/
/*=======================================
基本外側レイアウト
---------------------------------------*/
/*================================
 日付選択
--------------------------------*/
/*=========================================
モーダルエラーメッセージ
-----------------------------------------*/
/*==========================================================
	フォント読み込み
==========================================================*/
@font-face {
  font-display: swap;
  font-family: "OldStandard-Regular";
  src: url("../fonts/OldStandard-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
}
/*==========================================================
	フォント指定
==========================================================*/
.block_search-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1em;
  position: relative;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head {
    width: 100%;
  }
}
.block_search-head form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5em;
  font-size: 1em;
  background-color: #abbcbb;
  gap: 0 0.8em;
  padding: 0.8em;
  border-radius: 0.3em;
}
.block_search-head form.active {
  background-color: #0089FF;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form {
    padding: 2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3vw 0;
    width: 100%;
  }
}
.block_search-head form > div {
  position: relative;
  border: 1px solid;
  font-size: 1em;
  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;
  border-radius: 0.3em;
  background-color: #fff;
  padding: 1em;
  cursor: pointer;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form > div {
    width: 100%;
  }
}
.block_search-head form .box_date {
  gap: 0 2em;
  padding-left: 3.4em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form .box_date {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 6vw;
    padding-left: 6vw;
  }
}
.block_search-head form .box_date::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0.8em;
  width: 1.8em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26" fill="none"><path d="M5.08,4.53c.48,0,.87-.39.87-.87h0V.87C5.94.39,5.55,0,5.08,0c-.48,0-.86.39-.86.87v2.79c0,.48.39.87.87.87h0" fill="%23000000"/><path d="M12,4.53c.48,0,.87-.39.87-.87V.87c0-.48-.39-.87-.87-.87s-.87.39-.87.87v2.79c0,.48.39.87.87.87" fill="%23000000"/><path d="M20.48,2.28v1.38c0,.87-.7,1.57-1.56,1.57s-1.56-.7-1.56-1.57h0v-1.38h-3.81v1.38c0,.87-.7,1.57-1.56,1.57s-1.56-.7-1.56-1.57v-1.38h-3.81v1.38c-.02.87-.74,1.55-1.6,1.53-.83-.02-1.5-.69-1.52-1.53v-1.38H0v23.72h24V2.28h-3.52ZM22.62,24.6H1.38V6.47h21.23v18.14Z" fill="%23000000"/><path  d="M18.92,4.53c.48,0,.87-.39.87-.87V.87c0-.48-.39-.87-.87-.87-.48,0-.86.39-.86.87v2.79c0,.48.39.87.87.87" fill="%23000000"/></svg>');
  aspect-ratio: 12/13;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.block_search-head form .box_date .wrap_date {
  position: relative;
  font-size: 1em;
  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: 480px) and (orientation: portrait) {
  .block_search-head form .box_date .wrap_date {
    height: 100%;
  }
}
.block_search-head form .box_date .wrap_date time {
  font-size: max(12px, 1em);
  font-weight: 700;
}
.block_search-head form .box_date .wrap_date.check-in::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -45%;
  left: calc(100% + 0.4em);
  width: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16" fill="%23000000"><polygon points="18 7.99 10.25 0 9.57 .71 16.15 7.5 0 7.5 0 8.5 16.15 8.5 9.57 15.29 10.25 16 18 8.01 17.99 8 18 7.99" /></svg>');
  aspect-ratio: 1.125;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form .box_date .wrap_date.check-in::after {
    left: calc(100% + 1vw);
  }
}
.block_search-head form .box_room {
  gap: 0 1em;
  padding-left: 3.4em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form .box_room {
    gap: 0 10vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.block_search-head form .box_room::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0.8em;
  width: 2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 20" fill="%23000000"><path d="M24.74,8.47c-.32-.31-.66-.58-1.03-.83V2.3c0-1.27-1.05-2.3-2.34-2.3H5.43c-1.29,0-2.34,1.03-2.34,2.3v5.38s0,.06.01.09c-.3.21-.58.45-.85.7C.82,9.85,0,11.75,0,13.73v.64c0,.83.66,1.51,1.5,1.55v1.58c0,.21.17.38.39.38h.72v1.74c0,.21.17.38.39.38h2.48c.21,0,.39-.17.39-.38h0v-1.74h15.27v1.74c0,.21.17.38.39.38h2.48c.21,0,.39-.17.39-.38h0v-1.74h.72c.21,0,.39-.17.39-.38h0v-1.58c.84-.04,1.5-.72,1.5-1.55v-.64c0-1.98-.82-3.87-2.25-5.26M6.19,5.76c0,.22.03.45.07.67h0c-.57.11-1.12.27-1.65.5.43-.5.97-.9,1.58-1.16M7.03,6.34s-.01-.03-.01-.05c-.08-.44-.08-.89,0-1.32.12-.34.42-.59.77-.65.59-.05,1.2-.08,1.8-.08s1.2.03,1.79.08c.36.06.65.31.78.65.08.44.08.89,0,1.33,0,0,0,.02,0,.03h-4.5c-.21,0-.41,0-.62.03M12.99,5.41h.82c-.01.3,0,.6.05.9h-.92c.05-.3.06-.6.05-.9M14.65,6.31s0-.02,0-.02c-.08-.44-.08-.89,0-1.32.12-.34.42-.59.77-.65.59-.05,1.2-.08,1.8-.08s1.2.03,1.79.08c.36.06.65.31.78.65.08.44.08.89,0,1.33,0,.01,0,.03-.01.04-.14,0-.28-.01-.43-.01h-4.7ZM20.62,5.68c.69.26,1.29.68,1.76,1.24-.59-.25-1.2-.42-1.83-.52.04-.24.06-.48.07-.72M5.43.76h15.94c.86,0,1.57.69,1.57,1.54v4.08c-.63-.72-1.46-1.25-2.38-1.53,0-.01,0-.03,0-.04-.19-.67-.76-1.17-1.46-1.27-1.25-.11-2.5-.11-3.75,0-.63.1-1.17.51-1.41,1.1h-1.06c-.24-.58-.78-1-1.41-1.1-1.25-.11-2.5-.11-3.75,0-.7.1-1.27.6-1.46,1.27,0,.03-.01.07-.02.1-.95.32-1.77.92-2.37,1.7V2.3c0-.85.7-1.54,1.57-1.54M24.72,17.12h-.72c-.21,0-.39.17-.39.38h0v1.74h-1.7v-1.74c0-.21-.17-.38-.39-.38H5.47c-.21,0-.39.17-.39.38h0v1.74h-1.7v-1.74c0-.21-.17-.38-.39-.38h-.72v-1.19h22.44v1.19ZM26.22,14.37c0,.44-.36.79-.81.79H1.59c-.45,0-.81-.36-.81-.79v-.64c0-1.77.73-3.47,2.02-4.71,1.3-1.25,3.04-1.95,4.86-1.94h11.7c1.82,0,3.56.69,4.86,1.94,1.29,1.24,2.02,2.94,2.02,4.71v.64Z"/></svg>');
  aspect-ratio: 27/20;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.block_search-head form .box_room > div {
  font-size: max(12px, 1em);
  font-weight: 700;
}
.block_search-head form .box_room .wrap_people {
  position: relative;
  padding-left: 1.2em;
}
.block_search-head form .box_room .wrap_people::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 0.9em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 21" fill="none"><path d="M8,12.14c-3.33,0-6.04-2.72-6.04-6.07S4.67,0,8,0s6.04,2.72,6.04,6.07-2.71,6.07-6.04,6.07ZM8,1.06c-2.75,0-4.99,2.25-4.99,5.01s2.24,5.01,4.99,5.01,4.99-2.25,4.99-5.01S10.75,1.06,8,1.06Z" fill="%23000000"/><path d="M15.46,21H.04l-.02-.51c-.01-.18-.02-.25-.02-.33.05-4.41,3.52-7.91,7.91-7.96,2.13-.05,4.16.79,5.68,2.29,1.53,1.5,2.39,3.51,2.41,5.66h0c0,.08,0,.16,0,.23l-.02.51-.51.1ZM1.06,19.94h13.89c-.08-1.78-.81-3.44-2.09-4.69-1.33-1.3-3.08-2.03-4.94-1.99-3.73.04-6.7,2.96-6.86,6.68Z" fill="%23000000"/></svg>');
  aspect-ratio: 16/21;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.block_search-head form .box_room .wrap_people.en {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
}
.block_search-head form button {
  background-color: #21649d;
  color: #fff;
  font-size: max(12px, 1em);
  font-weight: 700;
  padding-inline: 2em;
  border-radius: 0.5em;
  letter-spacing: 0.12em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head form button {
    border-radius: 1vw;
    height: 3.4em;
  }
}
.block_search-head .box_calender {
  position: absolute;
  top: 100%;
  left: -1em;
  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;
  font-size: 1em;
  z-index: 1;
  background-color: #fff;
  padding: 1.4em 1.4em 2em;
  gap: 2em 0;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  opacity: 0;
  display: none;
}
.block_search-head .box_calender .btn_close {
  display: none;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head .box_calender .btn_close {
    position: absolute;
    top: 2vw;
    right: 2vw;
    width: 6vw;
    aspect-ratio: 1;
    display: grid;
  }
  .block_search-head .box_calender .btn_close::before, .block_search-head .box_calender .btn_close::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    height: 2px;
    width: 100%;
    display: inline-block;
    background-color: #000;
  }
  .block_search-head .box_calender .btn_close::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .block_search-head .box_calender .btn_close::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head .box_calender {
    position: fixed;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 5;
    padding: 14vw 8vw 8vw;
  }
}
.block_search-head .box_calender.active {
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.block_search-head .box_calender .wrap_calender > ol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 1em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head .box_calender .wrap_calender > ol {
    grid-template-columns: unset;
    grid-auto-flow: row;
    gap: 4vw 0;
  }
  .block_search-head .box_calender .wrap_calender > ol > li:nth-of-type(n + 2) {
    display: none;
  }
}
.block_search-head .box_number-of-people {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  font-size: 1em;
  background-color: #fff;
  padding: 1.4em;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  opacity: 0;
  display: none;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head .box_number-of-people {
    padding: 12vw 4vw 4vw;
  }
}
.block_search-head .box_number-of-people .btn_close {
  display: none;
}
@media (max-width: 480px) and (orientation: portrait) {
  .block_search-head .box_number-of-people .btn_close {
    position: absolute;
    top: 2vw;
    right: 2vw;
    width: 6vw;
    aspect-ratio: 1;
    display: grid;
  }
  .block_search-head .box_number-of-people .btn_close::before, .block_search-head .box_number-of-people .btn_close::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    height: 2px;
    width: 100%;
    display: inline-block;
    background-color: #000;
  }
  .block_search-head .box_number-of-people .btn_close::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .block_search-head .box_number-of-people .btn_close::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
.block_search-head .box_number-of-people.active {
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wrap_calender {
  position: relative;
  font-size: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.wrap_calender button {
  position: absolute;
  top: -0.5em;
  font-size: max(12px, 0.875em);
  z-index: 1;
}
.wrap_calender button::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20" fill="%23000000"><polygon points="12 9.96 1.22 0 0 1.13 9.6 10 0 18.87 1.22 20 12 10.04 11.95 10 12 9.96" /></svg>');
  aspect-ratio: 0.6;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 0.6em;
}
.wrap_calender button.btn_prev {
  left: 0;
  padding-left: 1em;
}
.wrap_calender button.btn_prev::after {
  left: 0;
  scale: -1 1;
}
.wrap_calender button.btn_next {
  right: 0;
  padding-right: 1em;
}
.wrap_calender button.btn_next::after {
  right: 0;
}
.wrap_calender > ol {
  position: relative;
  font-size: 1em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 1em;
  margin-top: 1em;
}
.wrap_calender > ol > li {
  position: relative;
  font-size: 1em;
  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;
}
.wrap_calender > ol > li .item_month {
  font-size: max(12px, 0.875em);
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .wrap_calender > ol > li.sp_mode {
    display: none;
  }
}
.wrap_calender > ol > li > ul {
  position: relative;
  font-size: 1em;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  --b-radius: 1rem;
}
.wrap_calender > ol > li > ul.list_week {
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-top-left-radius: var(--b-radius);
  border-top-right-radius: var(--b-radius);
}
.wrap_calender > ol > li > ul.list_week li {
  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;
  font-size: 12px;
  font-weight: 700;
  padding-block: 0.2em;
}
.wrap_calender > ol > li > ul.list_week li:last-of-type {
  border-top-right-radius: var(--b-radius);
}
.wrap_calender > ol > li > ul.list_week li:not(:last-of-type) {
  border-right: 1px solid #707070;
}
.wrap_calender > ol > li > ul.list_week li.sat {
  color: #4eafeb;
}
.wrap_calender > ol > li > ul.list_week li.sun {
  color: #c40000;
}
.wrap_calender > ol > li > ul.list_day {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-bottom-right-radius: var(--b-radius);
  border-bottom-left-radius: var(--b-radius);
}
.wrap_calender > ol > li > ul.list_day li {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  font-size: 1em;
  border-top: 1px solid #707070;
  width: 2.6em;
  cursor: pointer;
}
.wrap_calender > ol > li > ul.list_day li::before {
  position: absolute;
  inset: 0;
  margin: auto;
  content: attr(data-day);
  font-size: max(12px, 1em);
  font-weight: 700;
  display: grid;
  place-items: center;
}
.wrap_calender > ol > li > ul.list_day li:not(:nth-of-type(7n)) {
  border-right: 1px solid #707070;
}
.wrap_calender > ol > li > ul.list_day li.off {
  color: #cccccc;
}
.wrap_calender > ol > li > ul.list_day li.start_active, .wrap_calender > ol > li > ul.list_day li.end_active {
  color: #fff;
  background-color: #21649d !important;
}
.wrap_calender > ol > li > ul.list_day li.start_active:hover, .wrap_calender > ol > li > ul.list_day li.end_active:hover {
  background-color: #21649d;
}
.wrap_calender > ol > li > ul.list_day li.cell_hover {
  background-color: #efefef;
}

.box_number-of-people {
  position: relative;
  font-size: 1em;
  background-color: #fff;
  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;
  gap: 0.5em 0;
}
.box_number-of-people ul {
  font-size: 1em;
  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;
  gap: 0.5em 0;
}
.box_number-of-people ul > li {
  position: relative;
  font-size: 1em;
  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;
  gap: 0 2em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .box_number-of-people ul > li {
    gap: 0 4vw;
  }
}
.box_number-of-people ul > li .title {
  font-size: max(12px, 1em);
  font-weight: 700;
}
.box_number-of-people ul > li .sub-title {
  font-size: max(12px, 0.875em);
  padding-left: 1em;
}
.box_number-of-people ul > li .wrap_select_number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  -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;
  border: 1px solid #000;
  border-radius: 0.3em;
  padding: 0.3em;
}
.box_number-of-people ul > li .wrap_select_number button {
  position: relative;
  width: 1.6em;
  aspect-ratio: 1;
}
.box_number-of-people ul > li .wrap_select_number button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 55%;
}
.box_number-of-people ul > li .wrap_select_number button.up::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><polygon points="24 11 13 11 13 0 11 0 11 11 0 11 0 13 11 13 11 24 13 24 13 13 24 13 24 11" fill="%23000000"/></svg>');
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.box_number-of-people ul > li .wrap_select_number button.down::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 2" fill="none"><rect width="24" height="2" fill="%23000000"/></svg>');
  aspect-ratio: 12;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.box_number-of-people ul > li .wrap_select_number button.down.inactive {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.box_number-of-people ul > li .wrap_select_number button.open::after, .box_number-of-people ul > li .wrap_select_number button.close::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20" fill="%23000000"><polygon points="12 9.96 1.22 0 0 1.13 9.6 10 0 18.87 1.22 20 12 10.04 11.95 10 12 9.96" /></svg>');
  aspect-ratio: 0.6;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: 90deg;
  width: 40%;
}
.box_number-of-people ul > li .wrap_select_number button.close::after {
  rotate: -90deg;
}
.box_number-of-people ul > li .wrap_select_number button.open::after {
  rotate: 90deg;
}
.box_number-of-people ul > li .wrap_select_number input[type=text] {
  width: 2em;
  font-size: max(12px, 1em);
  border-radius: unset;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.box_number-of-people ul > li p {
  font-size: max(12px, 0.875em);
  color: #a6a6a6;
  font-weight: 700;
}
.box_number-of-people ul.sub_list {
  margin-top: 0.5em;
  overflow: hidden;
  padding: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 480px) and (orientation: portrait) {
  .box_number-of-people ul.sub_list {
    gap: 2vw 0;
  }
}
.box_number-of-people ul.sub_list.active {
  height: auto;
  padding: 0.5em 0;
  opacity: 1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .box_number-of-people ul.sub_list > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box_number-of-people ul.sub_list > li .sub-title {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    padding-left: unset;
  }
  .box_number-of-people ul.sub_list > li p,
  .box_number-of-people ul.sub_list > li .wrap_select_number {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
}
.box_number-of-people .wrap_room {
  font-size: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #707070;
}
.box_number-of-people .wrap_room .item_check {
  position: relative;
  font-size: 1em;
  margin-top: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
}
.box_number-of-people .wrap_room .item_check .btn_check {
  font-size: 1em;
}
.box_number-of-people .wrap_room .item_check .btn_check input[type=checkbox] {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.box_number-of-people .wrap_room .item_check .btn_check label {
  position: relative;
  display: block;
  font-size: 1em;
  width: 1.8em;
  aspect-ratio: 1;
  border-radius: 0.2em;
  border: 1px solid #707070;
  background-color: #fff;
}
.box_number-of-people .wrap_room .item_check .btn_check label::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 60%;
  background: #707070;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
}
.box_number-of-people .wrap_room .item_check .btn_check input[type=checkbox]:checked + label::before {
  opacity: 1;
}
.box_number-of-people .wrap_room .item_check p {
  font-size: max(12px, 0.875em);
  letter-spacing: 0.04em;
}
.box_number-of-people .inner_box {
  position: relative;
  font-size: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .box_number-of-people .inner_box {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.box_number-of-people .inner_box .wrap_people {
  font-size: 1em;
  padding: 1em 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  .box_number-of-people .inner_box .wrap_people {
    width: 36vw;
    padding-inline: 1vw;
  }
}
.box_number-of-people .inner_box .wrap_people .title-room {
  font-size: max(12px, 1em);
  font-weight: 700;
}

/*==========================================================
	オフィシャルサイトCOMMON
==========================================================*/
html {
  background-color: #faf9f6;
  border-image-source: url(../img/main_frame.webp);
  border-image-width: 8px;
  border-width: 8px;
  border-image-repeat: repeat;
  border-image-slice: 10;
  margin: 5px;
  padding: 5px;
  border-style: solid;
}
@media (max-width: 834px) and (orientation: portrait) {
  html {
    -webkit-border-image: unset;
         -o-border-image: unset;
            border-image: unset;
    margin: 0;
    padding: unset;
    border: unset;
  }
}

body {
  position: relative;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: unset;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #141418;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  font-family: "Roboto", "Noto Sans JP", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: clamp(1.2rem, 0.4036326942vw + 10.4863773966px, 1.6rem);
  border-image-source: url(../img/main_frame.webp);
  border-image-width: 5px;
  border-width: 5px;
  border-image-slice: 7;
}
@media (max-width: 1194px) and (orientation: landscape) {
  body {
    overflow-x: clip;
  }
}
@media (max-width: 834px) and (orientation: portrait) {
  body {
    font-size: 1.4vw;
    border: unset;
    padding-top: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  body {
    font-size: 3.6vw;
    padding-top: 12vw;
  }
}
body img {
  width: 100%;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  body a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  body br.pc {
    display: none;
  }
}
body br.sp {
  display: none;
}
@media (max-width: 480px) and (orientation: portrait) {
  body br.sp {
    display: inline;
  }
}

/*================================
 フォームタグ初期化
--------------------------------*/
input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  outline: none;
}

input[type=radio],
input[type=checkbox] {
  position: absolute;
  inset: 0;
  z-index: 1;
}
input[type=radio].read-only,
input[type=checkbox].read-only {
  pointer-events: none;
}

/*================================
 セレクトボックス(マスター)
--------------------------------*/
/*================================
 セレクトボックス(UL>LI版 中央寄せ)
--------------------------------*/
/*================================
 セレクトボックス(UL>LI版)左寄せ
--------------------------------*/
/*==========================================================
	共通
==========================================================*/
main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 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;
  font-size: 1em;
  width: 100%;
}
main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  opacity: 0;
}
main.is-active::after {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 1;
}

section,
article {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  position: relative;
  font-size: 1em;
}

svg {
  fill: transparent;
  stroke: transparent;
}

.display_mode::after {
  content: "pc";
  display: none;
}
@media (max-width: 1194px) and (orientation: landscape) {
  .display_mode::after {
    content: "tbw";
    display: none;
  }
}
@media (max-width: 834px) and (orientation: portrait) {
  .display_mode::after {
    content: "tb";
    display: none;
  }
}
@media (max-width: 928px) and (orientation: landscape) {
  .display_mode::after {
    content: "spw";
    display: none;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .display_mode::after {
    content: "sp";
    display: none;
  }
}

.inner_main h1 {
  font-size: 12px;
  letter-spacing: 0.08em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main h1 {
    padding: 1vw 2vw;
  }
}
.inner_main .container_head {
  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;
  color: #fff;
  padding: 4em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main .container_head {
    padding: 6vw;
  }
}
.inner_main .container_head::before, .inner_main .container_head::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.inner_main .container_head::before {
  background: url(../img/h2_bg.webp) no-repeat center center/cover;
}
.inner_main .container_head::after {
  background-color: #686154;
  mix-blend-mode: multiply;
}
.inner_main .container_head h2 {
  font-size: max(12px, 1.9375em);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main .container_head h2 {
    font-size: max(12px, 1.75em);
  }
}
.inner_main .container_head .h2_sidebar {
  font-size: max(12px, 0.875em);
  font-weight: 700;
  margin-top: 2em;
  letter-spacing: 0.08em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main .container_head .h2_sidebar {
    margin-top: 2vw;
  }
}

/*==========================================
	ハンバーガーメニュー
==========================================*/
.hamburger-button {
  position: absolute;
  --boxSize: 8vw;
  width: var(--boxSize);
  right: 2vw;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  z-index: 100;
  -webkit-transition: 0.8s ease-out;
  transition: 0.8s ease-out;
  font-size: 1em;
  border-radius: 0.5rem;
}
.hamburger-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 2px;
  background-color: #141418;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (max-width: 480px) and (orientation: portrait) {
  .hamburger-button span {
    width: 80%;
  }
}
.hamburger-button span:nth-of-type(1) {
  -webkit-transform: translate(-50%, calc(-50% - 1.4vw));
          transform: translate(-50%, calc(-50% - 1.4vw));
}
@media (max-width: 480px) and (orientation: portrait) {
  .hamburger-button span:nth-of-type(1) {
    -webkit-transform: translate(-50%, calc(-50% - 2vw));
            transform: translate(-50%, calc(-50% - 2vw));
  }
}
.hamburger-button span:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.hamburger-button span:nth-of-type(3) {
  -webkit-transform: translate(-50%, calc(-50% + 1.4vw));
          transform: translate(-50%, calc(-50% + 1.4vw));
}
@media (max-width: 480px) and (orientation: portrait) {
  .hamburger-button span:nth-of-type(3) {
    -webkit-transform: translate(-50%, calc(-50% + 2vw));
            transform: translate(-50%, calc(-50% + 2vw));
  }
}
.hamburger-button.active span {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.hamburger-button.active span:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.hamburger-button.active span:nth-of-type(2) {
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  opacity: 0;
}
.hamburger-button.active span:nth-of-type(3) {
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
}

/*==========================================================
    header(ヘッダー)
==========================================================*/
header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: initial;
  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;
  min-width: 13rem;
  max-width: 16rem;
  border-image-source: url(../img/main_frame.webp);
  border-width: 0 5px 0 0;
  border-image-slice: 3;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100vh;
  height: 100dvh;
  z-index: 2;
}
header > section {
  overflow: scroll;
  height: 100%;
}
@media (max-width: 834px) and (orientation: portrait) {
  header {
    max-width: unset;
    z-index: 50;
    height: unset;
  }
}
header section {
  position: relative;
  font-size: inherit;
}
@media (max-width: 834px) and (orientation: portrait) {
  header section {
    display: contents;
  }
}
header .block_head-menu {
  display: none;
}
@media (max-width: 834px) and (orientation: portrait) {
  header .block_head-menu {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
    background-color: #faf9f6;
    width: 100vw;
    width: 100dvw;
    height: 8vw;
    padding: 2vw;
    border-image-source: url(../img/main_frame.webp);
    border-width: 0 0 5px 0;
    border-image-slice: 14;
    z-index: 100;
  }
  header .block_head-menu .wrap_logo {
    width: 20vw;
  }
  header .block_head-menu .wrap_logo img {
    width: 100%;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  header .block_head-menu {
    height: 12vw;
  }
}
header .block_side-menu {
  display: contents;
}
@media (max-width: 834px) and (orientation: portrait) {
  header .block_side-menu {
    position: relative;
    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;
    background-color: #faf9f6;
    position: fixed;
    min-height: 100vh;
    min-height: 100dvh;
    top: 8vw;
    right: 0;
    z-index: 1;
    width: 25vw;
    -webkit-transform: translateX(25vw);
            transform: translateX(25vw);
    opacity: 1;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
  }
  header .block_side-menu.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    opacity: 1;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@media (max-width: 834px) and (orientation: portrait) {
  header .block_side-menu {
    padding: 1rem;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  header .block_side-menu {
    top: 12vw;
    width: 60vw;
    overflow-y: scroll;
    height: 100%;
    -webkit-transform: translateX(50vw);
            transform: translateX(50vw);
  }
}
header .block_side-menu .block_side-menu_inner {
  display: contents;
  font-size: inherit;
}
@media (max-width: 834px) and (orientation: portrait) {
  header .block_side-menu .block_side-menu_inner {
    background-color: #faf9f6;
    border-image-source: url(../img/main_frame.webp);
    border-width: 3px 3px 0 3px;
    border-image-slice: 14;
    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;
  }
}
header .box_logo {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  background-color: #141418;
  display: grid;
  place-items: center;
  padding: 1em;
}
@media (max-width: 834px) and (orientation: portrait) {
  header .box_logo {
    display: none;
  }
}
header section {
  padding-bottom: 3em;
}
header section .box_lang {
  position: relative;
  margin-top: 0.5em;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  margin-inline: 0.3em;
  font-size: 1em;
}
header section .box_lang::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0.65em;
  width: 1.1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="none"><path d="M17.04,3.74s-.01-.01-.02-.02C13.85-.43,7.91-1.23,3.76,1.94c-.67.51-1.27,1.11-1.78,1.78,0,0-.01.01-.02.02s0,.01,0,.02C-.65,7.15-.65,11.85,1.95,15.24c0,0,0,.01,0,.02s.01.01.02.02c3.17,4.15,9.11,4.95,13.27,1.78.67-.51,1.27-1.11,1.78-1.78,0,0,.01,0,.02-.01s0-.01,0-.02c2.6-3.39,2.6-8.1,0-11.48,0,0,0-.01,0-.02M16.4,14.13c-.62-.37-1.28-.67-1.97-.9.24-1.03.37-2.08.4-3.14h2.95c-.1,1.44-.58,2.83-1.38,4.03M1.22,10.09h2.96c.03,1.06.16,2.11.4,3.14-.69.23-1.35.53-1.97.9-.81-1.2-1.28-2.59-1.38-4.04M2.6,4.87c.62.37,1.28.67,1.97.9-.24,1.03-.37,2.08-.4,3.14H1.22c.1-1.44.57-2.84,1.38-4.04M10.09,6.51c1.07-.03,2.14-.17,3.18-.42.21.92.33,1.87.37,2.81h-3.55v-2.39ZM10.09,5.33V1.29c1.18.35,2.21,1.74,2.86,3.67-.94.22-1.9.34-2.86.37M8.91,1.29v4.04c-.96-.03-1.92-.16-2.86-.37.65-1.93,1.68-3.31,2.86-3.67M8.91,6.51v2.4h-3.55c.03-.95.16-1.89.37-2.82,1.04.25,2.11.39,3.18.42M5.36,10.09h3.55v2.4c-1.07.03-2.14.17-3.18.42-.21-.93-.33-1.87-.37-2.82M8.91,13.67v4.04c-1.18-.35-2.21-1.74-2.86-3.67.94-.22,1.9-.34,2.86-.37M10.09,17.71v-4.04c.96.03,1.92.16,2.86.37-.64,1.93-1.68,3.31-2.86,3.67ZM10.09,12.49v-2.4h3.55c-.03.95-.16,1.89-.37,2.81-1.04-.24-2.11-.38-3.18-.41ZM14.82,8.91c-.03-1.06-.16-2.11-.4-3.14.69-.23,1.35-.53,1.97-.9.81,1.2,1.29,2.59,1.39,4.04h-2.96ZM15.65,3.94c-.5.28-1.02.51-1.55.69-.32-1.01-.8-1.96-1.43-2.81,1.14.48,2.16,1.2,2.98,2.12M6.33,1.82c-.63.85-1.11,1.8-1.43,2.81-.54-.18-1.06-.41-1.55-.69.83-.92,1.85-1.64,2.99-2.12ZM3.34,15.07c.5-.28,1.02-.51,1.55-.69.32,1.01.8,1.96,1.43,2.81-1.14-.48-2.16-1.2-2.98-2.12M12.67,17.18c.63-.85,1.11-1.8,1.43-2.81.54.18,1.06.42,1.55.69-.83.92-1.84,1.64-2.98,2.12h0Z" fill="%23000000"/></svg>');
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: 2;
}
header section .box_lang > ul {
  height: var(--boxHeight);
  background-color: #fff;
  font-size: 1em;
  outline: 1px solid #c7c7c7;
  border-radius: 0.5rem;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 1;
  --itemPaddingLeft: 1.4em;
  --boxHeight: 3rem;
  width: 100%;
  outline: 1px solid #141418;
  border-radius: unset;
}
header section .box_lang > ul .select_label {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  height: 0;
  font-size: max(12px, 0.875em);
  line-height: var(--boxHeight);
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section .box_lang > ul .select_label {
    font-size: 3.6vw;
  }
}
header section .box_lang > ul .select_label::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 0.8em;
  width: 0.7em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23335D95"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
}
header section .box_lang > ul .select_label-placeholder {
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
header section .box_lang > ul > li {
  position: relative;
  font-size: 1em;
}
header section .box_lang > ul > li.select_items {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  padding-top: var(--boxHeight);
}
header section .box_lang > ul > li.select_items > ul {
  position: relative;
  font-size: 1em;
  margin: 0;
}
header section .box_lang > ul > li.select_items > ul:has(input[type=radio]:checked) {
  overflow: unset;
  max-height: unset;
}
header section .box_lang > ul > li.select_items > ul > li {
  position: relative;
  font-size: 1em;
}
header section .box_lang > ul > li.select_items > ul > li > label {
  z-index: -1;
}
header section .box_lang > ul > li.select_items > ul > li > label::after {
  display: none;
}
header section .box_lang > ul > li.select_items input[type=radio] {
  width: 0;
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  right: 0;
}
header section .box_lang > ul > li.select_items input[type=radio]:hover::after {
  opacity: 1;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_label {
  width: 100%;
  height: var(--boxHeight);
  margin-top: calc(var(--boxHeight) * -1);
  border-radius: 0.5rem;
  background-color: #edf1f8;
  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;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_label::after {
  display: inline-block;
  rotate: 90deg;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel {
  display: block;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul {
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul .select_label {
  height: var(--boxHeight);
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul .select_label:hover {
  background-color: #335d95;
  color: #fff;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel > .select_expandLabel {
  display: none;
}
header section .box_lang > ul > li .select_closeLabel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
header section .box_lang > ul > li .select_expandLabel {
  display: block;
  width: 100%;
  font-size: 1em;
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
header section .box_lang > ul:hover {
  outline-color: #335d95;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
header section .box_lang > ul .select_label {
  padding-left: var(--itemPaddingLeft);
}
header section .box_lang > ul:hover {
  outline-color: #335d95;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
header section .box_lang > ul .select_label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 2.6em;
  font-size: 1.3rem;
  font-weight: 700;
}
header section .box_lang > ul .select_label-placeholder {
  font-size: 1.3rem;
  height: var(--boxHeight);
}
header section .box_lang > ul > li a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
header section .box_lang > ul > li a::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  background-color: rgba(0, 0, 0, 0);
}
header section .box_lang > ul > li a:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_label {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #faf9f6;
}
header section .box_lang > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul .select_label:hover {
  background-color: #141418;
  color: #fff;
}
header section .link_member {
  position: relative;
  background-color: #141418;
  color: #faf9f6;
  margin-top: 0.5em;
  border: 1px solid;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  margin-inline: 0.3em;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: max(12px, 0.875em);
  letter-spacing: 0.04em;
  font-weight: 700;
  padding: 0.5em 0 0.5em 1.4em;
}
header section .link_member::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0.9em;
  width: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 25" fill="none"><path d="M16.27,9.66H5.24v-3.89c0-2.07,1.68-3.74,3.76-3.74s3.76,1.67,3.76,3.74v1.55h2.03v-1.55c0-3.18-2.59-5.76-5.79-5.76S3.21,2.58,3.21,5.76v3.89h-1.48C.77,9.66,0,10.43,0,11.38H0v5.46C0,21.35,4.03,25,9,25s9-3.65,9-8.15v-5.46c0-.95-.77-1.72-1.73-1.72ZM16.37,16.85c0,3.6-3.31,6.53-7.37,6.53s-7.37-2.93-7.37-6.53v-5.46c0-.06.05-.1.1-.1h14.54c.06,0,.1.05.1.1v5.46Z" fill="%23ffffff"/><path d="M9,13.98h0c-.97,0-1.76.79-1.76,1.76,0,.71.44,1.36,1.1,1.62l-.53,2.25h2.37l-.53-2.24c.9-.36,1.34-1.38.98-2.28-.27-.66-.91-1.1-1.63-1.1Z" fill="%23ffffff"/></svg>');
  aspect-ratio: 0.72;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
header section .link_member.en {
  padding-left: 0;
}
header section .link_member.en::before {
  display: none;
}
@media (max-width: 834px) and (orientation: portrait) {
  header section .link_member {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
header section nav {
  position: relative;
  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: 1em;
  border-image-source: url(../img/main_frame.webp);
  border-width: 0 0 2px 0;
  border-image-slice: 5;
  padding: 1rem;
  gap: 2px 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section nav {
    padding: 1.2rem;
  }
}
header section nav a {
  position: relative;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2em;
  padding: 3px;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section nav a {
    font-size: 1.4rem;
  }
}
header section nav a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000000;
  opacity: 0;
  z-index: -1;
}
@media (hover: hover) {
  header section nav a:where(:-webkit-any-link, :enabled, summary):hover {
    color: #faf9f6;
  }
  header section nav a:where(:-moz-any-link, :enabled, summary):hover {
    color: #faf9f6;
  }
  header section nav a:where(:any-link, :enabled, summary):hover {
    color: #faf9f6;
  }
  header section nav a:where(:-webkit-any-link, :enabled, summary):hover::before {
    opacity: 1;
  }
  header section nav a:where(:-moz-any-link, :enabled, summary):hover::before {
    opacity: 1;
  }
  header section nav a:where(:any-link, :enabled, summary):hover::before {
    opacity: 1;
  }
}
header section nav .link_online-store::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 1em;
  width: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="none"><path d="M18.08,0h-5.66C11.92,0,11.51.42,11.51.93s.41.93.92.93h2.8l-4.55,4.6c-.54.54-.54,1.42,0,1.97.54.54,1.41.54,1.95,0l4.55-4.6v2.83c0,.51.41.93.92.93s.92-.42.92-.93V.93C19,.41,18.59,0,18.08,0c0,0,0,0,0,0" fill="%23000000"/><path d="M16.13,9.97c-.54,0-.97.44-.97.98h0v5.11c0,.54-.43.97-.96.97H2.91c-.53,0-.96-.44-.96-.97V4.65c0-.54.43-.97.96-.97h4.67c.54,0,.97-.44.97-.98,0-.54-.43-.98-.97-.98H2.91C1.3,1.72,0,3.03,0,4.65v11.41c0,1.62,1.3,2.94,2.91,2.94h11.29c1.6,0,2.91-1.32,2.91-2.94v-5.11c0-.54-.44-.98-.97-.98h0" fill="%23000000"/></svg>');
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (hover: hover) {
  header section nav .link_online-store:where(:-webkit-any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="none"><path d="M18.08,0h-5.66C11.92,0,11.51.42,11.51.93s.41.93.92.93h2.8l-4.55,4.6c-.54.54-.54,1.42,0,1.97.54.54,1.41.54,1.95,0l4.55-4.6v2.83c0,.51.41.93.92.93s.92-.42.92-.93V.93C19,.41,18.59,0,18.08,0c0,0,0,0,0,0" fill="%23faf9f6"/><path d="M16.13,9.97c-.54,0-.97.44-.97.98h0v5.11c0,.54-.43.97-.96.97H2.91c-.53,0-.96-.44-.96-.97V4.65c0-.54.43-.97.96-.97h4.67c.54,0,.97-.44.97-.98,0-.54-.43-.98-.97-.98H2.91C1.3,1.72,0,3.03,0,4.65v11.41c0,1.62,1.3,2.94,2.91,2.94h11.29c1.6,0,2.91-1.32,2.91-2.94v-5.11c0-.54-.44-.98-.97-.98h0" fill="%23faf9f6"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  header section nav .link_online-store:where(:-moz-any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="none"><path d="M18.08,0h-5.66C11.92,0,11.51.42,11.51.93s.41.93.92.93h2.8l-4.55,4.6c-.54.54-.54,1.42,0,1.97.54.54,1.41.54,1.95,0l4.55-4.6v2.83c0,.51.41.93.92.93s.92-.42.92-.93V.93C19,.41,18.59,0,18.08,0c0,0,0,0,0,0" fill="%23faf9f6"/><path d="M16.13,9.97c-.54,0-.97.44-.97.98h0v5.11c0,.54-.43.97-.96.97H2.91c-.53,0-.96-.44-.96-.97V4.65c0-.54.43-.97.96-.97h4.67c.54,0,.97-.44.97-.98,0-.54-.43-.98-.97-.98H2.91C1.3,1.72,0,3.03,0,4.65v11.41c0,1.62,1.3,2.94,2.91,2.94h11.29c1.6,0,2.91-1.32,2.91-2.94v-5.11c0-.54-.44-.98-.97-.98h0" fill="%23faf9f6"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  header section nav .link_online-store:where(:any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="none"><path d="M18.08,0h-5.66C11.92,0,11.51.42,11.51.93s.41.93.92.93h2.8l-4.55,4.6c-.54.54-.54,1.42,0,1.97.54.54,1.41.54,1.95,0l4.55-4.6v2.83c0,.51.41.93.92.93s.92-.42.92-.93V.93C19,.41,18.59,0,18.08,0c0,0,0,0,0,0" fill="%23faf9f6"/><path d="M16.13,9.97c-.54,0-.97.44-.97.98h0v5.11c0,.54-.43.97-.96.97H2.91c-.53,0-.96-.44-.96-.97V4.65c0-.54.43-.97.96-.97h4.67c.54,0,.97-.44.97-.98,0-.54-.43-.98-.97-.98H2.91C1.3,1.72,0,3.03,0,4.65v11.41c0,1.62,1.3,2.94,2.91,2.94h11.29c1.6,0,2.91-1.32,2.91-2.94v-5.11c0-.54-.44-.98-.97-.98h0" fill="%23faf9f6"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
}
header section nav.box_nav_05 p {
  font-size: 12px;
  font-weight: 700;
  padding-left: 1.3em;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section nav.box_nav_05 p {
    display: none;
  }
}
header section nav.box_nav_05 a {
  font-weight: 400;
  font-size: 12px;
}
header section nav.box_nav_06 a {
  font-size: 1.1rem;
  position: relative;
}
header section nav.box_nav_06 a.tel {
  font-size: 1.6rem;
  padding-left: 2rem;
}
header section nav.box_nav_06 a.tel::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 1.6rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M20,15.4c-1.2,0-2.4-0.2-3.5-0.6c-0.4-0.1-0.7,0-1,0.2l-1.6,2c-2.8-1.3-5.5-3.9-6.9-6.8l2-1.7c0.3-0.3,0.4-0.7,0.2-1C8.8,6.4,8.6,5.2,8.6,4c0-0.5-0.4-1-1-1H4.2C3.7,3,3,3.2,3,4c0,9.3,7.7,17,17,17c0.7,0,1-0.6,1-1.2v-3.5C21,15.8,20.5,15.4,20,15.4z" fill="%23000000"/></svg>');
  aspect-ratio: 1/2;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
header section nav.box_nav_06 a.contact {
  font-size: 1.1rem;
  padding-left: 2rem;
}
header section nav.box_nav_06 a.contact::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 1.6rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (hover: hover) {
  header section nav.box_nav_06 a.contact:where(:-webkit-any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  header section nav.box_nav_06 a.contact:where(:-moz-any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  header section nav.box_nav_06 a.contact:where(:any-link, :enabled, summary):hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
}
header section .box_sns {
  font-size: 1em;
  position: relative;
  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;
  gap: 1rem 0;
  padding: 1rem;
}
header section .box_sns a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  padding-block: 4px;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section .box_sns a {
    gap: 0.6rem 0;
  }
}
header section .box_sns a svg {
  width: 1.6rem;
  aspect-ratio: 1;
  fill: #000000;
}
header section .box_sns a span {
  font-size: 1.1rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  header section .box_sns a span {
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  header section .box_sns a:where(:-webkit-any-link, :enabled, summary):hover svg {
    fill: #ffffff;
  }
  header section .box_sns a:where(:-moz-any-link, :enabled, summary):hover svg {
    fill: #ffffff;
  }
  header section .box_sns a:where(:any-link, :enabled, summary):hover svg {
    fill: #ffffff;
  }
}

/*==========================================================
    footer(フッター)
==========================================================*/
footer {
  position: relative;
  font-size: 1em;
  width: 100%;
  border-image-source: url(../img/main_frame.webp);
  border-width: 6px 0 0 0;
  border-image-slice: 5;
  padding: 4em clamp(2rem, 6vw, 8rem) 3em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer {
    padding: 6vw 2rem 4vw;
  }
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.2em;
  background: url(../img/footer_object01.webp) no-repeat center center/contain;
  aspect-ratio: 1;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer::before {
    top: -4rem;
    width: 7rem;
  }
}
footer .block_top {
  position: relative;
  font-size: 1em;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 4em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 4vw;
  }
}
footer .block_top .box_company {
  position: relative;
  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: 1em;
  gap: 0.2em 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company {
    gap: unset;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company.en p {
    font-size: 12px;
  }
}
footer .block_top .box_company.en address {
  font-size: 12px;
  text-align: center;
}
footer .block_top .box_company .wrap_logo {
  max-width: 10rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company .wrap_logo {
    max-width: unset;
    width: 9.3rem;
  }
}
footer .block_top .box_company p {
  font-size: max(12px, 0.875em);
  font-weight: 700;
  margin-top: 0.3em;
  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: 480px) and (orientation: portrait) {
  footer .block_top .box_company p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 1.4rem;
  }
}
footer .block_top .box_company p span {
  font-size: 1rem;
  margin-left: 0.5em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company p span {
    margin-left: unset;
    font-size: 0.8em;
  }
}
footer .block_top .box_company address {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company address {
    font-size: 1.2rem;
    margin-top: 2vw;
    opacity: 0.7;
  }
}
footer .block_top .box_company address span {
  margin-right: 0.5em;
}
footer .block_top .box_company .tel {
  font-size: max(12px, 1.5em);
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 1em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_company .tel {
    font-size: 2rem;
    font-weight: 700;
    padding-left: 2.4rem;
    margin-top: 0.5rem;
  }
}
footer .block_top .box_company .tel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 53%;
  translate: 0 -50%;
  width: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M20,15.4c-1.2,0-2.4-0.2-3.5-0.6c-0.4-0.1-0.7,0-1,0.2l-1.6,2c-2.8-1.3-5.5-3.9-6.9-6.8l2-1.7c0.3-0.3,0.4-0.7,0.2-1C8.8,6.4,8.6,5.2,8.6,4c0-0.5-0.4-1-1-1H4.2C3.7,3,3,3.2,3,4c0,9.3,7.7,17,17,17c0.7,0,1-0.6,1-1.2v-3.5C21,15.8,20.5,15.4,20,15.4z" fill="%23000000"/></svg>');
  aspect-ratio: 1/2;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
footer .block_top .box_company .fax {
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
footer .block_top .box_company .fax::before {
  content: "FAX";
  margin-right: 0.3em;
}
footer .block_top .box_site-map {
  position: relative;
  font-size: 1em;
  padding-inline: 2em;
  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;
  gap: 1em 0;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_site-map {
    border: unset;
    padding-inline: unset;
    gap: 2vw 0;
    margin-top: 6vw;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_site-map.en > nav {
    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;
    grid-template-columns: unset;
    gap: 0 6vw;
  }
}
footer .block_top .box_site-map > nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 1em;
  gap: 0.8em 1em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_site-map > nav {
    display: grid;
    grid-template-columns: repeat(2, 9em);
    gap: 2vw;
    margin-bottom: 2vw;
  }
}
footer .block_top .box_site-map > nav a {
  font-size: 12px;
  letter-spacing: 0.08em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_site-map > nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
  }
}
footer .block_top .box_site-map > a {
  max-width: 28rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_site-map > a {
    max-width: unset;
    width: 28rem;
  }
}
footer .block_top .box_link {
  position: relative;
  font-size: 1em;
  padding-inline: 2em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_link {
    padding-inline: 4vw;
    margin-top: 6vw;
  }
}
footer .block_top .box_link nav {
  font-size: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_top .box_link nav {
    gap: 2vw 2vw;
    max-width: 26rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
footer .block_top .box_link nav a {
  max-width: 8rem;
}
footer .block_top .box_link nav a.ban_pinkribbon {
  width: 3rem;
}
footer .block_top .box_link nav a img {
  -webkit-filter: saturate(0);
          filter: saturate(0);
}
@media (hover: hover) {
  footer .block_top .box_link nav a:where(:-webkit-any-link, :enabled, summary):hover img {
    -webkit-filter: saturate(100%);
            filter: saturate(100%);
  }
  footer .block_top .box_link nav a:where(:-moz-any-link, :enabled, summary):hover img {
    filter: saturate(100%);
  }
  footer .block_top .box_link nav a:where(:any-link, :enabled, summary):hover img {
    -webkit-filter: saturate(100%);
            filter: saturate(100%);
  }
}
footer .block_bottom {
  position: relative;
  font-size: 1em;
  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;
  border-top: 1px solid #cccccc;
  padding-top: 2.6em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 3rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2vw 0;
  }
  footer .block_bottom.en .copyright {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin-inline: 4vw;
    margin-bottom: 6vw;
  }
}
footer .block_bottom::after {
  content: "";
  position: absolute;
  width: 2.6rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23f25c47"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  opacity: 0.7;
  right: 1rem;
  bottom: calc(100% - 1.4rem);
  rotate: -50deg;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_bottom::after {
    bottom: calc(100% - 3.6rem);
  }
}
footer .block_bottom .copyright {
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  line-height: 1.6em;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_bottom .copyright {
    font-size: 1rem;
    letter-spacing: unset;
    letter-spacing: 0.08em;
    line-height: 1.8em;
  }
}
footer .block_bottom .copyright_en {
  position: relative;
  font-size: 1rem;
  letter-spacing: 0.08em;
  line-height: 1.6em;
  color: rgba(20, 20, 24, 0.7);
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_bottom .copyright_en {
    letter-spacing: unset;
  }
}
footer .block_bottom .copyright_en::after {
  content: "";
  position: absolute;
  width: 2.6rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23f25c47"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  opacity: 0.7;
  right: 0;
  bottom: calc(100% - 1rem);
  rotate: -40deg;
}
@media (max-width: 480px) and (orientation: portrait) {
  footer .block_bottom .copyright_en::after {
    bottom: calc(100% - 2rem);
  }
}

/*=========================================
サイトHEADブロック
-----------------------------------------*/
.containerSiteHead {
  position: relative;
  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;
  min-height: 6rem;
  width: 100%;
}
@media (max-width: 480px) and (orientation: portrait) {
  .containerSiteHead {
    display: none;
  }
}
.containerSiteHead::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: -5px;
  width: 16.5rem;
  height: 82px;
  background: url(../img/containerSiteHead-illust.webp) no-repeat center center/contain;
}
.containerSiteHead > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  -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;
}
.containerSiteHead > div:not(:has(.breadcrumb)) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.containerSiteHead > div > nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 2rem;
  padding: 0.8rem 2rem;
  justify-self: flex-end;
}
.containerSiteHead > div > nav a {
  position: relative;
  font-size: 1.1rem;
  font-weight: 700;
}
.containerSiteHead > div > nav a.link_availability {
  background-color: #000;
  color: #fff;
  padding: 1.2em 2.8rem;
  border: 1px solid #000;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (hover: hover) {
  .containerSiteHead > div > nav a.link_availability:where(:-webkit-any-link, :enabled, summary):hover {
    background-color: transparent;
    color: #000;
  }
  .containerSiteHead > div > nav a.link_availability:where(:-moz-any-link, :enabled, summary):hover {
    background-color: transparent;
    color: #000;
  }
  .containerSiteHead > div > nav a.link_availability:where(:any-link, :enabled, summary):hover {
    background-color: transparent;
    color: #000;
  }
}
.containerSiteHead > div > nav a.link_login {
  padding: 1.1rem 1rem 1.1rem 3.6rem;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.containerSiteHead > div > nav a.link_login::before {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 2.4rem;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  right: calc(100% - 2.4rem);
}
.containerSiteHead > div > nav a.link_login::after {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% + 1rem);
  height: 100%;
}
@media (hover: hover) {
  .containerSiteHead > div > nav a.link_login:where(:-webkit-any-link, :enabled, summary):hover {
    color: #fff;
    z-index: 1;
  }
  .containerSiteHead > div > nav a.link_login:where(:-moz-any-link, :enabled, summary):hover {
    color: #fff;
    z-index: 1;
  }
  .containerSiteHead > div > nav a.link_login:where(:any-link, :enabled, summary):hover {
    color: #fff;
    z-index: 1;
  }
  .containerSiteHead > div > nav a.link_login:where(:-webkit-any-link, :enabled, summary):hover::after {
    z-index: -1;
    background-color: #000;
  }
  .containerSiteHead > div > nav a.link_login:where(:-moz-any-link, :enabled, summary):hover::after {
    z-index: -1;
    background-color: #000;
  }
  .containerSiteHead > div > nav a.link_login:where(:any-link, :enabled, summary):hover::after {
    z-index: -1;
    background-color: #000;
  }
  .containerSiteHead > div > nav a.link_login:where(:-webkit-any-link, :enabled, summary):hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1;
  }
  .containerSiteHead > div > nav a.link_login:where(:-moz-any-link, :enabled, summary):hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1;
  }
  .containerSiteHead > div > nav a.link_login:where(:any-link, :enabled, summary):hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1;
  }
}

/*==========================================================
  mixin
==========================================================*/
/*==========================================================
  main
==========================================================*/
:root {
  --articlePadding: 2rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  :root {
    --articlePadding: 1.5rem;
  }
}

.inner_main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 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;
  font-size: 1em;
  container-type: inline-size;
}
@media (max-width: 834px) and (orientation: portrait) {
  .inner_main {
    padding-inline: 0;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main {
    gap: 0;
    padding-top: unset;
  }
}
.inner_main section {
  border-image-source: url(../img/main_frame.webp);
  border-image-slice: 3;
  border-width: 0 0 5px 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  .inner_main section {
    padding: 0;
  }
}
.inner_main section:not(:nth-of-type(-n + 2)) {
  margin-top: 2px;
  border-width: 5px 0 5px 0;
}
.inner_main section:last-of-type {
  border-width: 3px 0 0 0;
}
.inner_main section > article {
  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;
}

.contents-title-block {
  position: relative;
  font-family: "Roboto", "Noto Sans JP", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
  font-style: normal;
  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;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  padding: 2.2rem;
  border-image-source: url(../img/main_frame.webp);
  border-width: 0 0 3px 0;
  border-image-slice: 5;
  min-height: 8.2rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .contents-title-block {
    -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;
    padding: var(--articlePadding);
    gap: 0.5rem 0;
    min-height: unset;
  }
}
.contents-title-block h2 {
  position: relative;
  font-size: 2.2rem;
  font-weight: 700;
  padding-left: 4rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .contents-title-block h2 {
    font-size: 1.6rem;
    padding-left: 3rem;
  }
}
.contents-title-block h2::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 2.8rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .contents-title-block h2::before {
    width: 1.8rem;
  }
}
.contents-title-block .h2_sidebar {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.7em;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .contents-title-block .h2_sidebar {
    font-size: 1.1rem;
    text-align: justify;
    width: 24em;
    letter-spacing: 0.04em;
  }
}

.container01 {
  padding: 5px;
}
.container01 .box_weather {
  position: absolute;
  top: 2em;
  right: 2em;
  z-index: 1;
  display: grid;
  font-size: inherit;
  color: #fff;
  gap: 0.2em 0.5em;
}
.container01 .box_weather .title {
  grid-column: span 2;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
}
.container01 .box_weather .icon {
  font-size: 1em;
  width: 2em;
  aspect-ratio: 1;
  position: relative;
}
.container01 .box_weather .icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-filter: brightness(0) invert(100);
          filter: brightness(0) invert(100);
}
.container01 .box_weather .icon.weather01::before {
  background-image: url(../img/top/weather/weather01.svg);
}
.container01 .box_weather .icon.weather02::before {
  background-image: url(../img/top/weather/weather02.svg);
}
.container01 .box_weather .icon.weather03::before {
  background-image: url(../img/top/weather/weather03.svg);
}
.container01 .box_weather .icon.weather04::before {
  background-image: url(../img/top/weather/weather04.svg);
}
.container01 .box_weather .icon.weather05::before {
  background-image: url(../img/top/weather/weather05.svg);
}
.container01 .box_weather .icon.weather06::before {
  background-image: url(../img/top/weather/weather06.svg);
}
.container01 .box_weather .icon.weather07::before {
  background-image: url(../img/top/weather/weather07.svg);
}
.container01 .box_weather .icon.weather08::before {
  background-image: url(../img/top/weather/weather08.svg);
}
.container01 .box_weather .icon.weather09::before {
  background-image: url(../img/top/weather/weather09.svg);
}
.container01 .box_weather .icon.weather10::before {
  background-image: url(../img/top/weather/weather10.svg);
}
.container01 .box_weather .temperature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.container01 .box_weather .temperature span {
  font-size: max(12px, 1.5em);
  font-weight: 700;
  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;
}
.container01 .box_weather .temperature span::after {
  content: "℃";
  font-size: 0.6em;
  margin-left: 0.2em;
  display: inline-block;
  line-height: 1em;
  padding-top: 0.4em;
}
.container01 .linkNotice {
  position: absolute;
  bottom: 2em;
  left: 2em;
  font-size: inherit;
  width: 10em;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  z-index: 100;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .linkNotice {
    bottom: 2vw;
    left: 4vw;
    width: 30vw;
  }
}
.container01 #box_dragonfly .dragonfly_top {
  mix-blend-mode: multiply;
}
.container01 .block_slide {
  position: relative;
  width: 100%;
  height: calc(100vh - 11rem);
  height: calc(100dvh - 11rem);
  overflow: hidden;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(114, 91, 15, 0.1)), to(rgba(114, 50, 15, 0.3)));
  background-image: -webkit-linear-gradient(bottom, rgba(114, 91, 15, 0.1), rgba(114, 50, 15, 0.3));
  background-image: linear-gradient(0deg, rgba(114, 91, 15, 0.1), rgba(114, 50, 15, 0.3));
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide {
    height: 96vh;
    height: 96dvh;
  }
}
.container01 .block_slide::after {
  content: "";
  inset: 0;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(114, 91, 15, 0.2)), color-stop(70%, rgba(114, 50, 15, 0.3)), to(rgba(114, 50, 15, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(114, 91, 15, 0.2), rgba(114, 50, 15, 0.3) 70%, rgba(114, 50, 15, 0.2));
  background-image: linear-gradient(to bottom, rgba(114, 91, 15, 0.2), rgba(114, 50, 15, 0.3) 70%, rgba(114, 50, 15, 0.2));
  z-index: 5;
  opacity: 0.5;
}
.container01 .block_slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../img/top/head/back.webp) no-repeat center center/cover;
  z-index: -1;
}
.container01 .block_slide .wrap_slide-image {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  left: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.container01 .block_slide .wrap_slide-image .item_image img {
  height: 100%;
}
.container01 .block_slide .wrap_slide-image.layer01 {
  bottom: 0;
  z-index: 4;
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image {
  position: relative;
  height: 20rem;
  --moveDuration: 160s;
  --moveDelay: calc((var(--moveDuration) / 2) * -1);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer01 .item_image {
    height: 38vw;
    width: 506vw;
  }
  .container01 .block_slide .wrap_slide-image.layer01 .item_image img {
    height: 100%;
  }
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image:first-of-type {
  -webkit-animation-name: loop-head;
          animation-name: loop-head;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-delay: var(--moveDelay);
          animation-delay: var(--moveDelay);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image:last-of-type {
  -webkit-animation-name: loop-head2;
          animation-name: loop-head2;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke01 {
  position: absolute;
  bottom: 12rem;
  left: 6%;
  width: 3%;
  background: url(../img/top/head/smoke_01_1.webp) no-repeat center center/contain;
  aspect-ratio: 0.522;
  z-index: -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke01 {
    bottom: 16vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke02 {
  position: absolute;
  bottom: 9rem;
  left: 60%;
  width: 8.8%;
  background: url(../img/top/head/smoke_01_2.webp) no-repeat center center/contain;
  aspect-ratio: 1.464;
  z-index: -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke02 {
    bottom: 10vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke03 {
  position: absolute;
  bottom: 10rem;
  left: 93%;
  width: 2.64%;
  background: url(../img/top/head/smoke_01_3.webp) no-repeat center center/contain;
  aspect-ratio: 0.511;
  z-index: -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer01 .item_image .object_smoke03 {
    bottom: 8vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 {
  bottom: 4%;
  z-index: 3;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 {
    bottom: 5vw;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image {
  position: relative;
  height: 38rem;
  --moveDuration: 220s;
  --moveDelay: calc((var(--moveDuration) / 2) * -1);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 .item_image {
    height: 75vw;
    width: 490vw;
  }
  .container01 .block_slide .wrap_slide-image.layer02 .item_image img {
    height: 100%;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image:first-of-type {
  -webkit-animation-name: loop-head;
          animation-name: loop-head;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-delay: var(--moveDelay);
          animation-delay: var(--moveDelay);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image:last-of-type {
  -webkit-animation-name: loop-head2;
          animation-name: loop-head2;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke01 {
  position: absolute;
  bottom: 20rem;
  left: 11%;
  width: 17%;
  background: url(../img/top/head/smoke_02_1.webp) no-repeat center center/contain;
  aspect-ratio: 1.894;
  z-index: -1;
  opacity: 0.95;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke01 {
    bottom: 24vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke02 {
  position: absolute;
  bottom: 25rem;
  left: 46.5%;
  width: 15.3%;
  background: url(../img/top/head/smoke_02_2.webp) no-repeat center center/contain;
  aspect-ratio: 2.2664;
  z-index: -1;
  opacity: 0.95;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke02 {
    bottom: 30vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke03 {
  position: absolute;
  bottom: 25rem;
  left: 78%;
  width: 3.23%;
  background: url(../img/top/head/smoke_02_3.webp) no-repeat center center/contain;
  aspect-ratio: 0.674;
  z-index: -1;
  opacity: 0.95;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke03 {
    bottom: 22vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke04 {
  position: absolute;
  bottom: 39rem;
  left: 93%;
  width: 2.35%;
  background: url(../img/top/head/smoke_02_4.webp) no-repeat center center/contain;
  aspect-ratio: 0.631;
  z-index: -1;
  opacity: 0.95;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer02 .item_image .object_smoke04 {
    bottom: 42vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer03 {
  bottom: 16%;
  z-index: 2;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer03 {
    bottom: 30vw;
  }
}
.container01 .block_slide .wrap_slide-image.layer03 .item_image {
  position: relative;
  height: 33rem;
  --moveDuration: 300s;
  --moveDelay: calc((var(--moveDuration) / 2) * -1);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer03 .item_image {
    height: 74vw;
    width: 574vw;
    --moveDuration: 380s;
  }
  .container01 .block_slide .wrap_slide-image.layer03 .item_image img {
    height: 100%;
  }
}
.container01 .block_slide .wrap_slide-image.layer03 .item_image:first-of-type {
  -webkit-animation-name: loop-head;
          animation-name: loop-head;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-delay: var(--moveDelay);
          animation-delay: var(--moveDelay);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer03 .item_image:last-of-type {
  -webkit-animation-name: loop-head2;
          animation-name: loop-head2;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer03 .item_image .object_smoke01 {
  position: absolute;
  bottom: 28rem;
  left: 36.5%;
  width: 1.47%;
  background: url(../img/top/head/smoke_03_1.webp) no-repeat center center/contain;
  aspect-ratio: 0.657;
  z-index: -1;
  opacity: 0.8;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer03 .item_image .object_smoke01 {
    bottom: 34vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer04 {
  bottom: 15%;
  z-index: 1;
  mix-blend-mode: multiply;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer04 {
    bottom: 23vh;
  }
}
.container01 .block_slide .wrap_slide-image.layer04 .item_image {
  height: 57rem;
  --moveDuration: 360s;
  --moveDelay: calc((var(--moveDuration) / 2) * -1);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .block_slide .wrap_slide-image.layer04 .item_image {
    height: 100vw;
    width: 465vw;
    --moveDuration: 480s;
  }
  .container01 .block_slide .wrap_slide-image.layer04 .item_image img {
    height: 100%;
  }
}
.container01 .block_slide .wrap_slide-image.layer04 .item_image:first-of-type {
  -webkit-animation-name: loop-head;
          animation-name: loop-head;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-delay: var(--moveDelay);
          animation-delay: var(--moveDelay);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.container01 .block_slide .wrap_slide-image.layer04 .item_image:last-of-type {
  -webkit-animation-name: loop-head2;
          animation-name: loop-head2;
  -webkit-animation-duration: var(--moveDuration);
          animation-duration: var(--moveDuration);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes loop-head {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop-head {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loop-head2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes loop-head2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.container01 > article {
  position: absolute;
  inset: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2em 0;
  padding-bottom: 10%;
  z-index: 10;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article {
    gap: 2vw 0;
  }
}
.container01 > article h1 {
  width: 60%;
  max-width: 56rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article h1 {
    max-width: unset;
    width: 90vw;
  }
}
.container01 > article .h1_sidebar {
  font-size: max(12px, 1.25em);
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .h1_sidebar {
    font-size: max(12px, 1.125em);
  }
}
.container01 > article .block_search-head {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  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;
  max-width: 93rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head {
    max-width: unset;
    margin-top: 6vw;
    width: 88vw;
    z-index: 10;
  }
}
.container01 > article .block_search-head .btn_done {
  background-color: #21649d;
  color: #fff;
  font-size: max(12px, 1em);
  font-weight: 700;
  padding-block: 0.7em;
  border-radius: 0.3em;
  width: 100%;
  max-width: 18em;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.container01 > article .block_search-head .btn_done:disabled {
  background-color: #abbcbb;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head {
    max-width: unset;
  }
}
.container01 > article .block_search-head form {
  border-image-source: url(../img/main_frame.webp);
  border-width: 5px;
  border-image-slice: 7;
  background-color: #faf9f6;
  outline: 1rem solid #faf9f6;
  border-radius: unset;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form {
    padding: 4vw;
  }
}
.container01 > article .block_search-head form > div {
  padding-block: 0.8em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form > div {
    padding-block: 4vw;
  }
}
.container01 > article .block_search-head form .box_date {
  padding-left: 2.4em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_date {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 6vw;
    padding-left: 6vw;
  }
}
.container01 > article .block_search-head form .box_date::before {
  width: 1.4em;
  left: 0.6em;
}
.container01 > article .block_search-head form .box_date .wrap_date time {
  font-size: max(12px, 0.875em);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_date .wrap_date time {
    font-size: 12px;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_date .wrap_date.check-in::after {
    left: calc(100% + 1vw);
  }
}
.container01 > article .block_search-head form .box_room {
  padding-left: 2.6em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_room {
    padding-left: unset;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.container01 > article .block_search-head form .box_room::before {
  width: 1.6em;
  left: 0.6em;
}
.container01 > article .block_search-head form .box_room > div {
  font-size: max(12px, 0.875em);
  font-weight: 700;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_room > div {
    font-size: max(12px, 1em);
  }
}
.container01 > article .block_search-head form .box_price {
  font-size: inherit;
  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;
  padding-left: 2.6em;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_price {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-block: 2vw;
  }
}
.container01 > article .block_search-head form .box_price::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0.8em;
  width: 1.1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 14" fill="%23000000"><path d="M5.19,14c.09-.69.14-1.41.14-2.27v-1.19h-2.66c-.79,0-1.25.04-1.85.14v-2c.62.11,1.04.14,1.85.14h2.66v-.53l-.58-.9h-2.05c-.81,0-1.25.04-1.85.14v-2c.58.11,1.04.14,1.85.14h.99L1.24,1.81C.72,1.02.26.33,0,0h3.03c.16.51.35.9.85,1.72l2.61,4.46,2.61-4.44c.49-.83.71-1.27.85-1.74h3.05c-.23.3-.93,1.3-1.25,1.81l-2.43,3.86h.99c.79,0,1.27-.04,1.85-.14v2c-.6-.11-1.08-.14-1.85-.14h-2.06l-.58.91v.51h2.61c.79,0,1.23-.04,1.85-.14v2c-.6-.11-1.08-.14-1.85-.14h-2.61v1.19c0,1,.04,1.56.14,2.27h-2.61Z"/></svg>');
  aspect-ratio: 13/14;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.container01 > article .block_search-head form .box_price .item_price {
  font-size: inherit;
  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;
}
.container01 > article .block_search-head form .box_price .item_price::after {
  content: "円";
  margin-left: 0.2em;
}
.container01 > article .block_search-head form .box_price .item_price:nth-of-type(2)::before {
  content: "~";
  font-size: 1.4em;
  margin-inline: 0.3em;
}
.container01 > article .block_search-head form .box_price .item_price > ul {
  height: var(--boxHeight);
  background-color: #fff;
  font-size: 1em;
  outline: 1px solid #c7c7c7;
  border-radius: 0.5rem;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 1;
  --itemPaddingLeft: 1.4em;
  --boxHeight: 3.6rem;
  --itemPaddingLeft: 1em;
  width: 5em;
}
.container01 > article .block_search-head form .box_price .item_price > ul .select_label {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  height: 0;
  font-size: max(12px, 0.875em);
  line-height: var(--boxHeight);
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_price .item_price > ul .select_label {
    font-size: 3.6vw;
  }
}
.container01 > article .block_search-head form .box_price .item_price > ul .select_label::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 0.8em;
  width: 0.7em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23335D95"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: 0.2s cubic-bezier(0.4, 0.25, 0.3, 1);
}
.container01 > article .block_search-head form .box_price .item_price > ul .select_label-placeholder {
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li {
  position: relative;
  font-size: 1em;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  padding-top: var(--boxHeight);
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items > ul {
  position: relative;
  font-size: 1em;
  margin: 0;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items > ul:has(input[type=radio]:checked) {
  overflow: unset;
  max-height: unset;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items > ul > li {
  position: relative;
  font-size: 1em;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items > ul > li > label {
  z-index: -1;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items > ul > li > label::after {
  display: none;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio] {
  width: 0;
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  right: 0;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:hover::after {
  opacity: 1;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_label {
  width: 100%;
  height: var(--boxHeight);
  margin-top: calc(var(--boxHeight) * -1);
  border-radius: 0.5rem;
  background-color: #edf1f8;
  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;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_label::after {
  display: inline-block;
  rotate: 90deg;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_closeLabel {
  display: block;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul {
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul .select_label {
  height: var(--boxHeight);
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_closeLabel + ul .select_label:hover {
  background-color: #335d95;
  color: #fff;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li.select_items input[type=radio]:checked + .select_closeLabel > .select_expandLabel {
  display: none;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li .select_closeLabel {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.container01 > article .block_search-head form .box_price .item_price > ul > li .select_expandLabel {
  display: block;
  width: 100%;
  font-size: 1em;
  height: var(--boxHeight);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.container01 > article .block_search-head form .box_price .item_price > ul:hover {
  outline-color: #335d95;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.container01 > article .block_search-head form .box_price .item_price > ul .select_label {
  padding-left: var(--itemPaddingLeft);
}
.container01 > article .block_search-head form .box_price .item_price > ul:hover {
  outline-color: #335d95;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_price .item_price > ul {
    width: 7em;
    --boxHeight: 8vw;
  }
}
.container01 > article .block_search-head form .box_price .item_price > ul .select_label {
  font-size: max(12px, 0.875em);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form .box_price .item_price > ul .select_label {
    font-size: max(12px, 1em);
  }
}
.container01 > article .block_search-head form .box_price .item_price > ul ul {
  overflow-y: scroll;
  max-height: 16em;
}
.container01 > article .block_search-head form button {
  background-color: #141418;
  color: #fff;
  font-size: max(12px, 1em);
  font-weight: 700;
  height: 6rem;
  width: 50%;
  border-radius: 4px;
  letter-spacing: 0.12em;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(100% + 2em);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head form button {
    top: unset;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    border-radius: 1vw;
    height: 3.4em;
    position: relative;
    left: unset;
    translate: unset;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head .box_calender {
    top: 50vh;
  }
}
.container01 > article .block_search-head .box_number-of-people {
  right: 30%;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 > article .block_search-head .box_number-of-people {
    position: fixed;
    top: 50vw;
    width: 90vw;
    left: 5vw;
    right: unset;
  }
}
.container01 .dragonfly_top,
.container01 .dragonfly_bottom {
  width: 100%;
  height: 50%;
  font-size: inherit;
  overflow: hidden;
  z-index: 5;
}
.container01 .dragonfly_top {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.container01 .dragonfly_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.container01 .dragonfly {
  width: 5em;
  aspect-ratio: 1;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.05s ease-in;
  transition: -webkit-transform 0.05s ease-in;
  transition: transform 0.05s ease-in;
  transition: transform 0.05s ease-in, -webkit-transform 0.05s ease-in;
}
.container01 .dragonfly.flipped {
  -webkit-transform: translate3d(0, 0, 0) scaleX(-1);
          transform: translate3d(0, 0, 0) scaleX(-1);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container01 .dragonfly {
    width: 8vw;
  }
}

/*======================================
2030ビジョンバナー
--------------------------------------*/
section.container02 {
  padding: var(--articlePadding);
}
section.container02 .link_2030 {
  font-size: inherit;
}

/*======================================
黒川温泉の過ごし方
--------------------------------------*/
.container03 .contents-title-block h2::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23000000"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.container03 > article {
  padding: var(--articlePadding);
}
.container03 > article.splide.is-initialized:not(.is-active) .splide__list {
  display: grid;
}
.container03 > article .splide__arrows {
  position: absolute;
  right: 2rem;
  bottom: calc(100% + 4rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 100;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  gap: 0 1.6rem;
  display: none;
}
.container03 > article .splide__arrows button {
  border: solid 1px #2e232e;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  left: unset !important;
  right: unset !important;
}
.container03 > article .splide__arrows button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23ffffff"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: -90deg;
}
.container03 > article .splide__arrows button.splide__arrow--prev::after {
  scale: 1 -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .splide__arrows {
    bottom: calc(100% + 5rem);
    display: grid;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article {
    padding: 2rem;
  }
}
.container03 > article .box_details {
  font-size: inherit;
  display: contents;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details {
    display: block;
    position: relative;
    width: 100%;
  }
}
.container03 > article .box_details > nav {
  display: grid;
  font-size: inherit;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  position: relative;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav {
    gap: unset;
    grid-template-columns: unset;
    grid-auto-columns: 80vw;
    grid-auto-flow: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: unset;
  }
}
.container03 > article .box_details > nav .box_illust {
  padding: 13%;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav .box_illust {
    display: grid;
    place-content: center;
    padding: 5% 15%;
  }
}
.container03 > article .box_details > nav a {
  background-color: #000;
  color: #fff;
  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;
  font-size: inherit;
  padding-bottom: 2rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a {
    position: relative;
    padding-right: 2rem;
    background-color: transparent;
  }
  .container03 > article .box_details > nav a::before {
    content: "";
    width: calc(100% - 2rem);
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #000;
  }
}
.container03 > article .box_details > nav a .item_image {
  position: relative;
  font-size: inherit;
  overflow: hidden;
  width: 100%;
}
.container03 > article .box_details > nav a .item_image::after {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 0;
  width: calc(100% + 2rem);
  height: 5px;
  border-image-source: url(../img/main_frame.webp);
  border-image-width: 5px;
  border-width: 5px;
  border-image-slice: 2;
}
.container03 > article .box_details > nav a .item_image img {
  aspect-ratio: 1.6;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a .item_image img {
    aspect-ratio: 1.6;
  }
}
.container03 > article .box_details > nav a h3 {
  position: relative;
  margin-left: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  translate: 0 -2rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a h3 {
    margin-left: 2rem;
    translate: 0 -2rem;
    margin-bottom: -1rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.container03 > article .box_details > nav a h3::after {
  content: "";
  position: absolute;
  left: 0.5em;
  bottom: calc(100% + 2rem);
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a h3::after {
    bottom: calc(100% + 1rem);
  }
}
.container03 > article .box_details > nav a p {
  font-size: 1.3rem;
  line-height: 1.6em;
  letter-spacing: 0.08em;
  margin-inline: 3rem;
  text-align: justify;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a p {
    margin-inline: 2rem;
    font-size: 1.2rem;
  }
}
.container03 > article .box_details > nav a.wrap_01 h3::after {
  background: url(../img/tegata/h4_illust.webp) no-repeat center center/cover;
  aspect-ratio: 2.48;
  width: 7rem;
}
.container03 > article .box_details > nav a.wrap_01 h3 img {
  width: 14rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a.wrap_01 h3 img {
    width: 9rem;
  }
}
.container03 > article .box_details > nav a.wrap_02 h3::after {
  background: url(../img/pickup_yukata/h2_object.webp) no-repeat center center/cover;
  aspect-ratio: 5.03;
  -webkit-filter: brightness(0) invert(100);
          filter: brightness(0) invert(100);
  width: 6.6rem;
}
.container03 > article .box_details > nav a.wrap_02 h3 img {
  width: 22rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a.wrap_02 h3 img {
    width: 13.8rem;
  }
}
.container03 > article .box_details > nav a.wrap_03 h3::after {
  background: url(../img/pickup_walk/h2_object.webp) no-repeat center center/cover;
  aspect-ratio: 6.744;
  -webkit-filter: brightness(0) invert(100);
          filter: brightness(0) invert(100);
  width: 9.6rem;
}
.container03 > article .box_details > nav a.wrap_03 h3 img {
  width: 19rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a.wrap_03 h3 img {
    width: 11.5rem;
  }
}
.container03 > article .box_details > nav a.wrap_04 h3::after {
  background: url(../img/tenpaku/h2_object.webp) no-repeat center center/cover;
  aspect-ratio: 1.2;
  -webkit-filter: brightness(0) invert(100);
          filter: brightness(0) invert(100);
  width: 4.3rem;
}
.container03 > article .box_details > nav a.wrap_04 h3 img {
  width: 19rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a.wrap_04 h3 img {
    width: 12rem;
  }
}
.container03 > article .box_details > nav a.wrap_05 h3::after {
  background: url(../img/top/container03_menu-05-illust.webp) no-repeat center center/cover;
  aspect-ratio: 1.849;
  -webkit-filter: brightness(0) invert(100);
          filter: brightness(0) invert(100);
  width: 9rem;
  bottom: calc(100% + 1rem);
}
.container03 > article .box_details > nav a.wrap_05 h3 img {
  width: 20rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container03 > article .box_details > nav a.wrap_05 h3 img {
    width: 12.3rem;
  }
}

/*======================================
黒川温泉イベント情報
--------------------------------------*/
.container04 h2::before {
  background: url(../../assets/img/top/icon_calendar.webp) no-repeat center center/contain;
  aspect-ratio: 184/203;
  width: 2.4rem;
}
.container04 > article {
  padding: 1rem 0 4.5rem 2rem;
}
.container04 > article .box_slide {
  position: relative;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
}
.container04 > article .box_slide .splide__arrows {
  position: absolute;
  right: 2rem;
  bottom: calc(100% + 4rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 100;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  gap: 0 1.6rem;
}
.container04 > article .box_slide .splide__arrows button {
  border: solid 1px #2e232e;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  left: unset !important;
  right: unset !important;
}
.container04 > article .box_slide .splide__arrows button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23ffffff"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: -90deg;
}
.container04 > article .box_slide .splide__arrows button.splide__arrow--prev::after {
  scale: 1 -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container04 > article .box_slide .splide__arrows {
    bottom: calc(100% + 2.6rem);
  }
}
.container04 > article .box_slide .box_slide__inner {
  position: relative;
  width: 100%;
  font-size: inherit;
  container-type: inline-size;
}
.container04 > article .box_slide .box_slide__inner > ul {
  position: relative;
  display: grid;
  font-size: inherit;
  grid-auto-flow: column;
  grid-auto-columns: 25cqw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  grid-template-rows: auto auto auto 1fr;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container04 > article .box_slide .box_slide__inner > ul {
    grid-auto-columns: 70vw;
  }
}
.container04 > article .box_slide .box_slide__inner > ul > li {
  position: relative;
  font-size: inherit;
  grid-row: span 5;
  display: grid;
  grid-template-rows: subgrid;
  padding-right: 2.5rem;
  gap: 1rem 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container04 > article .box_slide .box_slide__inner > ul > li {
    padding-right: 2rem;
  }
}
.container04 > article .box_slide .box_slide__inner > ul > li.label-new::before {
  position: absolute;
  content: "NEW";
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  right: 1rem;
  top: 0;
  width: 5.5rem;
  display: grid;
  place-items: center;
  background: url(../img/top/bg_new-icon.webp) no-repeat center center/cover;
  aspect-ratio: 1;
  z-index: 2;
}
.container04 > article .box_slide .box_slide__inner > ul > li > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.container04 > article .box_slide .box_slide__inner > ul > li .item_image img {
  aspect-ratio: 1.614;
  -o-object-fit: cover;
     object-fit: cover;
}
.container04 > article .box_slide .box_slide__inner > ul > li .title {
  font-size: 1.5rem;
  font-weight: 700;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date {
  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: inherit;
  margin: 0.3rem 0 0;
  line-height: 1em;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date time {
  font-size: 1rem;
  color: #505050;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date time::before {
  content: attr(data-category);
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1rem;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date span {
  color: #505050;
  font-size: 12px;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date.is-inactive span {
  text-decoration: line-through;
}
.container04 > article .box_slide .box_slide__inner > ul > li .date.is-inactive::after {
  content: "終了しました";
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.container04 > article .box_slide .box_slide__inner > ul > li p {
  position: relative;
  max-height: 3lh;
  overflow-y: hidden;
  line-height: 1.6em;
  font-size: 1.2rem;
}
.container04 > article .box_slide .box_slide__inner > ul > li p::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5lh;
}
.container04 > article .box_slide .box_slide__inner > ul > li .wrap_person {
  position: relative;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.5em;
  font-size: inherit;
  margin-top: 1rem;
}
.container04 > article .box_slide .box_slide__inner > ul > li .wrap_person img {
  width: 3.4rem;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container04 > article .box_slide .box_slide__inner > ul > li .wrap_person span {
  font-size: 1.1rem;
  color: #777777;
}
.container04 > article .box_slide .box_slide__inner > ul > li .wrap_person span::before {
  content: "by";
  margin-right: 0.5em;
}
.container04 > article .box_slide .box_slide__inner > ul > li {
  padding-top: 1rem;
}

/*======================================
お得な情報とキャンペーン
--------------------------------------*/
.container05 h2::before {
  background: url(../../assets/img/top/icon_megaphone.webp) no-repeat center center/contain;
  aspect-ratio: 214/162;
  width: 2.8rem;
}
.container05 > article {
  padding: 1rem 0 4.5rem 2rem;
}
.container05 > article .box_slide {
  position: relative;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
}
.container05 > article .box_slide .splide__arrows {
  position: absolute;
  right: 2rem;
  bottom: calc(100% + 4rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 100;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  gap: 0 1.6rem;
}
.container05 > article .box_slide .splide__arrows button {
  border: solid 1px #2e232e;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  left: unset !important;
  right: unset !important;
}
.container05 > article .box_slide .splide__arrows button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23ffffff"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: -90deg;
}
.container05 > article .box_slide .splide__arrows button.splide__arrow--prev::after {
  scale: 1 -1;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container05 > article .box_slide .splide__arrows {
    bottom: calc(100% + 2.6rem);
  }
}
.container05 > article .box_slide .box_slide__inner {
  position: relative;
  width: 100%;
  font-size: inherit;
  container-type: inline-size;
}
.container05 > article .box_slide .box_slide__inner > ul {
  position: relative;
  display: grid;
  font-size: inherit;
  grid-auto-flow: column;
  grid-auto-columns: 25cqw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  grid-template-rows: auto auto 1fr;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container05 > article .box_slide .box_slide__inner > ul {
    grid-auto-columns: 70vw;
  }
}
.container05 > article .box_slide .box_slide__inner > ul > li {
  position: relative;
  font-size: inherit;
  grid-row: span 5;
  display: grid;
  grid-template-rows: subgrid;
  padding-right: 2.5rem;
  gap: 1rem 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container05 > article .box_slide .box_slide__inner > ul > li {
    padding-right: 2rem;
  }
}
.container05 > article .box_slide .box_slide__inner > ul > li.label-new::before {
  position: absolute;
  content: "NEW";
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  right: 1rem;
  top: 0;
  width: 5.5rem;
  display: grid;
  place-items: center;
  background: url(../img/top/bg_new-icon.webp) no-repeat center center/cover;
  aspect-ratio: 1;
  z-index: 2;
}
.container05 > article .box_slide .box_slide__inner > ul > li > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.container05 > article .box_slide .box_slide__inner > ul > li .item_image img {
  aspect-ratio: 1.614;
  -o-object-fit: cover;
     object-fit: cover;
}
.container05 > article .box_slide .box_slide__inner > ul > li .title {
  font-size: 1.5rem;
  font-weight: 700;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date {
  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: inherit;
  margin: 0.3rem 0 0;
  line-height: 1em;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date time {
  font-size: 1rem;
  color: #505050;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date time::before {
  content: attr(data-category);
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1rem;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date span {
  color: #505050;
  font-size: 12px;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date.is-inactive span {
  text-decoration: line-through;
}
.container05 > article .box_slide .box_slide__inner > ul > li .date.is-inactive::after {
  content: "終了しました";
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.container05 > article .box_slide .box_slide__inner > ul > li p {
  position: relative;
  max-height: 3lh;
  overflow-y: hidden;
  line-height: 1.6em;
  font-size: 1.2rem;
}
.container05 > article .box_slide .box_slide__inner > ul > li p::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5lh;
}
.container05 > article .box_slide .box_slide__inner > ul > li .wrap_person {
  position: relative;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.5em;
  font-size: inherit;
  margin-top: 1rem;
}
.container05 > article .box_slide .box_slide__inner > ul > li .wrap_person img {
  width: 3.4rem;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container05 > article .box_slide .box_slide__inner > ul > li .wrap_person span {
  font-size: 1.1rem;
  color: #777777;
}
.container05 > article .box_slide .box_slide__inner > ul > li .wrap_person span::before {
  content: "by";
  margin-right: 0.5em;
}
.container05 > article .box_slide .box_slide__inner > ul > li {
  padding-top: 1rem;
}

/*======================================
黒川温泉を五感で楽しむ
--------------------------------------*/
.container06 .contents-title-block h2::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23000000"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.container06 .contents-title-block a {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 9rem;
  padding: 2px;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container06 .contents-title-block a {
    font-size: 1.3rem;
  }
}
@media (hover: hover) {
  .container06 .contents-title-block a:where(:-webkit-any-link, :enabled, summary):hover {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
  }
  .container06 .contents-title-block a:where(:-moz-any-link, :enabled, summary):hover {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
  }
  .container06 .contents-title-block a:where(:any-link, :enabled, summary):hover {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
  }
}
.container06 > article {
  padding: 2rem 0 4.5rem 2rem;
}
.container06 > article .box_slide {
  position: relative;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
}
.container06 > article .box_slide .splide__arrows {
  position: absolute;
  right: 2rem;
  bottom: calc(100% + 4rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  z-index: 100;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  gap: 0 1.6rem;
  bottom: calc(100% + 5rem);
}
.container06 > article .box_slide .splide__arrows button {
  border: solid 1px #2e232e;
  width: 2.6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  left: unset !important;
  right: unset !important;
}
.container06 > article .box_slide .splide__arrows button::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23ffffff"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: -90deg;
}
.container06 > article .box_slide .splide__arrows button.splide__arrow--prev::after {
  scale: 1 -1;
}
.container06 > article .box_slide .box_slide__inner {
  position: relative;
  width: 100%;
  font-size: inherit;
  container-type: inline-size;
}
.container06 > article .box_slide .box_slide__inner > ul {
  position: relative;
  display: grid;
  font-size: inherit;
  grid-auto-flow: column;
  grid-auto-columns: 25cqw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  grid-template-rows: auto auto auto auto 1fr;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container06 > article .box_slide .box_slide__inner > ul {
    grid-auto-columns: 70vw;
  }
}
.container06 > article .box_slide .box_slide__inner > ul > li {
  position: relative;
  font-size: inherit;
  grid-row: span 5;
  display: grid;
  grid-template-rows: subgrid;
  padding-right: 2.5rem;
  gap: 1rem 0;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container06 > article .box_slide .box_slide__inner > ul > li {
    padding-right: 2rem;
  }
}
.container06 > article .box_slide .box_slide__inner > ul > li.label-new::before {
  position: absolute;
  content: "NEW";
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  right: 1rem;
  top: 0;
  width: 5.5rem;
  display: grid;
  place-items: center;
  background: url(../img/top/bg_new-icon.webp) no-repeat center center/cover;
  aspect-ratio: 1;
  z-index: 2;
}
.container06 > article .box_slide .box_slide__inner > ul > li > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.container06 > article .box_slide .box_slide__inner > ul > li .item_image img {
  aspect-ratio: 1.614;
  -o-object-fit: cover;
     object-fit: cover;
}
.container06 > article .box_slide .box_slide__inner > ul > li .title {
  font-size: 1.5rem;
  font-weight: 700;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date {
  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: inherit;
  margin: 0.3rem 0 0;
  line-height: 1em;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date time {
  font-size: 1rem;
  color: #505050;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date time::before {
  content: attr(data-category);
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1rem;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date span {
  color: #505050;
  font-size: 12px;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date.is-inactive span {
  text-decoration: line-through;
}
.container06 > article .box_slide .box_slide__inner > ul > li .date.is-inactive::after {
  content: "終了しました";
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.container06 > article .box_slide .box_slide__inner > ul > li p {
  position: relative;
  max-height: 3lh;
  overflow-y: hidden;
  line-height: 1.6em;
  font-size: 1.2rem;
}
.container06 > article .box_slide .box_slide__inner > ul > li p::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5lh;
}
.container06 > article .box_slide .box_slide__inner > ul > li .wrap_person {
  position: relative;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.5em;
  font-size: inherit;
  margin-top: 1rem;
}
.container06 > article .box_slide .box_slide__inner > ul > li .wrap_person img {
  width: 3.4rem;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container06 > article .box_slide .box_slide__inner > ul > li .wrap_person span {
  font-size: 1.1rem;
  color: #777777;
}
.container06 > article .box_slide .box_slide__inner > ul > li .wrap_person span::before {
  content: "by";
  margin-right: 0.5em;
}
.container06 > article > a {
  background-color: #141418;
  color: #faf9f6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  width: 17.5em;
  border-radius: 4px;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  font-size: max(12px, 1em);
  letter-spacing: 0.08em;
  margin-top: 2em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container06 > article > a {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
  }
}
.container06 > article > a:hover {
  background-color: rgba(20, 20, 24, 0.8);
}
.container06 > article > a::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 1em;
  width: 0.6em;
  aspect-ratio: 0.85;
  background-color: #faf9f6;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.container06 > article > a span {
  font-size: max(12px, 1em);
}

/*======================================
お知らせ
--------------------------------------*/
.container07 .contents-title-block h2::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23000000"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.container07 > article {
  padding-bottom: 0 !important;
}
.container07 > article h2::before {
  width: 1.2em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 218 228" fill="%23141418"><path d="M128.34,134.01c.52-7.6.9-13.81,1.4-20.02.21-2.61,1.91-3.57,4.13-2.38,9.4,5.04,19.44,9.29,27.87,15.65,8.58,6.47,15.73,14.9,23.17,22.78,7.87,8.34,15.3,17.1,23.05,25.55,2.3,2.51,2.58,3.82,1.01,7.66-3.64,8.94-9.51,7.46-16.73,7.09-13.08-.67-22.01-9.2-32.6-14.78-13.77-7.26-21.27-20.1-29.88-31.91-1.93-2.64-1.13-7.27-1.42-9.65Z"/><path d="M185.31,118.47c-14.24-.4-27.06-4.38-36.99-15.16-4.51-4.89-3.81-11.82.88-15.76,7.26-6.11,14.3-12.48,21.47-18.71,2.48-2.15,4.83-4.57,7.63-6.2,6.31-3.66,12.96-5.72,20.09-1.94.72.38,1.51.77,2.3.88,11.34,1.52,14.59,10.39,17.12,19.47.64,2.29-.35,5.6-1.67,7.78-5.26,8.68-10.7,17.27-16.64,25.49-1.55,2.14-5.03,3.15-7.83,4.04-1.94.61-4.22.12-6.35.12ZM182.75,93.73c7.41,0,9.61-1.48,10.23-6.88.4-3.5-4.82-10.19-7.47-9.26-5.16,1.82-9.35,5.02-10.8,10.6-.82,3.16.15,5.6,4.09,5.55,1.31-.02,2.63,0,3.94-.01Z"/><path d="M138.73,97.84c-.28,7.66-4.18,10.17-9.81,6.81-17.57-10.47-35.02-21.13-52.51-31.74-.54-.33-1.16-.77-1.42-1.31-4.84-10.08-12.41-18.84-12.94-30.98-.39-8.81-2.85-17.51-3.89-26.32-.47-4,.11-8.15.59-12.19.1-.85,2.14-2.32,2.83-2.1,4.17,1.35,8.32,2.61,10.64,7.17,6.45,12.72,13.06,25.37,19.94,37.87,6.61,12.02,13.29,23.79,25.5,31.72,7.32,4.75,13.11,11.87,19.48,18.04.96.93,1.32,2.48,1.6,3.02Z"/><path d="M77.67,108.26c-9.91,0-19.69-.08-29.46.04-4.35.05-7.94-1.15-11.04-4.32-10.71-10.92-21.48-21.78-32.36-32.53-3.08-3.04-6.77-6.89-3.58-10.37,2.44-2.67,7.99-3.78,11.95-3.43,4.88.44,9.55,3.15,14.33,4.83,5.27,1.86,10.46,4.04,15.85,5.46,17.61,4.64,31.63,15.66,46.17,25.72,1.87,1.29,3.47,3.61,4.18,5.78,1.19,3.66-1.19,6.92-4.96,7.49-3.72.56-7.47.9-11.09,1.32Z"/><path d="M135.91,74.12c-3.39-1.9-6.55-4.61-10.15-5.47-5.16-1.24-4.8-5.02-5.61-8.58-1.45-6.4-3.3-12.72-4.37-19.18-.36-2.17.49-5.17,1.9-6.87,3.76-4.55,8.21-8.51,12.22-12.86,2.73-2.96,5.83-3.9,9.73-3.13,4.98.98,10.05,1.51,15.01,2.55,7.53,1.59,13.34,6.21,18.48,11.58,1.1,1.15,1.5,3.8,1.06,5.45-1.24,4.73-2.52,9.61-4.83,13.86-2.44,4.48-5.8,8.57-9.27,12.35-6.31,6.87-15.7,6.55-24.17,10.3ZM135.26,47.61c-.25.11-.51.21-.76.32.97,2.61,1.21,6.31,3.09,7.6,3.16,2.17,6.91.93,9.67-2.09.32-.35.84-.51,1.27-.75,2.73-1.53,2.77-3.43.7-5.54-2.07-2.11-4.09-4.29-6.32-6.21-1.08-.94-3.07-2.25-3.83-1.85-1.56.83-2.91,2.53-3.7,4.18-.57,1.19-.11,2.88-.11,4.34Z"/><path d="M158.73,227.99c-6.7.18-11.56-1.92-15.68-5.69-13.07-11.97-26.21-23.88-38.94-36.2-2.63-2.54-4.15-6.59-5.33-10.22-4.33-13.42.86-25.89,4.7-38.34,2.07-6.71,5.65-7.29,10.02-1.71,2.2,2.81,3.18,6.66,4.37,10.16,1.99,5.85,2.83,12.27,5.69,17.63,10.56,19.72,21.76,39.1,32.68,58.63.86,1.53,1.41,3.24,2.49,5.75Z"/><path d="M74.79,144.35c-8.39,17.35-26.8,28.79-44.09,27.1.38-1.25.58-2.45,1.1-3.5,6.06-12.21,16.4-20.79,25.94-29.99,1.06-1.02,4.13-.93,5.73-.2,3.84,1.76,7.36,4.22,11.31,6.58Z"/><path d="M100.68,135.05c-6.8,2.24-13.22,4.91-19.91,6.25-2.15.43-5.03-2.58-7.5-4.13-1.23-.77-2.19-2.01-3.46-2.67-5.5-2.83-5.9-3.68-1.37-7.7,4.24-3.77,8.93-7.14,13.82-10.01,1.35-.79,4.95.15,6.08,1.49,4.14,4.9,7.68,10.32,12.34,16.77Z"/><path d="M95.07,111.94c.17-4.46,7.37-13.03,11.27-13.22,1.89-.09,3.98,1.13,5.75,2.15,2.62,1.51,5.07,3.34,7.54,5.11.76.54,1.69,1.2,1.97,2.01,1.83,5.27-5.42,16.33-11,16.67-1.36.08-3.04-.43-4.11-1.27-3.72-2.91-7.3-6.03-10.79-9.21-.6-.54-.53-1.82-.64-2.24Z"/></svg>');
  aspect-ratio: 1/1.459;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  bottom: calc(100% + 0.5em) !important;
}
.container07 > article > ul {
  position: relative;
  font-size: inherit;
  display: grid;
  grid-template-columns: auto 1fr auto;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container07 > article > ul {
    grid-template-columns: auto 1fr;
  }
}
.container07 > article > ul > li {
  position: relative;
  font-size: inherit;
  grid-column: span 3;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  display: grid;
  grid-template-columns: subgrid;
  padding: 2.1rem 2rem;
  gap: 0 1.5rem;
  overflow: hidden;
}
@media (min-width: 480px) {
  .container07 > article > ul > li:hover {
    background-color: #000;
    color: #fff;
  }
  .container07 > article > ul > li:hover span::after {
    -webkit-filter: invert(100);
            filter: invert(100);
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .container07 > article > ul > li {
    padding: 1rem 2rem;
    grid-column: span 2;
  }
}
.container07 > article > ul > li:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: calc(100% + 2rem);
  bottom: 0;
  left: 50%;
  translate: -50%;
  height: 1px;
  border-image-source: url(../img/main_frame.webp);
  border-image-width: 5px;
  border-image-slice: 4;
  opacity: 0.4;
}
.container07 > article > ul > li > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.container07 > article > ul > li h3 {
  font-size: 1.3rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container07 > article > ul > li h3 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    font-size: 1.2rem;
  }
}
.container07 > article > ul > li time {
  color: #777;
  font-size: 1.2rem;
}
.container07 > article > ul > li span {
  position: relative;
  font-size: inherit;
  margin-right: 1rem;
  justify-self: end;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container07 > article > ul > li span {
    grid-row: span 2;
    margin-right: unset;
    width: 1rem;
  }
}
.container07 > article > ul > li span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8" fill="%23000000"><polygon points="6.5 8 0 1.59 1.61 0 6.5 4.82 11.39 0 13 1.59 6.5 8" /></svg>');
  aspect-ratio: 13/8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  rotate: -90deg;
  opacity: 0.6;
}

/*======================================
SNS
--------------------------------------*/
.container08 {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 0 !important;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container08 {
    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;
  }
}
.container08 > div {
  padding: 8px;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container08 > div {
    padding: 2rem;
    width: 100%;
  }
}
.container08 > div.wrap_facebook {
  border-image-source: url(../img/main_frame.webp);
  border-width: 0 5px 0 0;
  border-image-slice: 2;
  width: 51rem;
}
@media (max-width: 480px) and (orientation: portrait) {
  .container08 > div.wrap_facebook {
    border-width: 0 0 4px 0;
    width: 100%;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .container08 > div.wrap_tripadvisor {
    display: none;
  }
}
.container08 > div.wrap_tripadvisor * {
  background-color: transparent !important;
}/*# sourceMappingURL=index.css.map */