@charset "UTF-8";
/* テーマ情報の設定 ====================================================================================================
Theme Name: リオホテル
Theme URL: 
Description: リオホテルのテーマ
Author: KOZAKIKAKU
Version: β
Tags:
License: 
License URI: 
*/
/* CSSリセット ================================================================================================================
各ブラウザに付随するデフォルトスタイルを相殺するための設定。
特定の要素に対して、制作上指定があった方が良い場合にもこちらで指定を行う。
*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
}

.font-weight {
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N D";
}

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

svg {
  display: block;
  width: auto;
  height: auto;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: black;
  cursor: pointer;
  text-decoration: none;
}

.note p {
  font-size: 11px;
  color: #000000;
  font-weight: 400;
  margin-top: 5px;
}

/* ハック ===========================================
ブラウザやデバイス、ブレイクポイントに対して強制的な指定が必要な場合はここに設定を追加する。
基本的に使用しないことを前提に、やむを得ない場合に追記及び使用する。
*/
@media (min-width: 1320px) {
  .pc {
    display: block;
  }
}
@media (max-width: 1319px) {
  .pc {
    display: none;
  }
}
@media (max-width: 960px) {
  .pc {
    display: none;
  }
}

@media (min-width: 1320px) {
  .tb {
    display: none;
  }
}
@media (max-width: 1319px) {
  .tb {
    display: block;
  }
}
@media (max-width: 960px) {
  .tb {
    display: none;
  }
}

@media (min-width: 1320px) {
  .pctb {
    display: block;
  }
}
@media (max-width: 1319px) {
  .pctb {
    display: block;
  }
}
@media (max-width: 960px) {
  .pctb {
    display: none;
  }
}

@media (min-width: 1320px) {
  .sp {
    display: none;
  }
}
@media (max-width: 1319px) {
  .sp {
    display: none;
  }
}
@media (max-width: 960px) {
  .sp {
    display: block;
  }
}

p a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: underline;
}
p a:hover {
  color: rgb(188, 26, 26);
  opacity: 1 !important;
}

/* コンテンツ部設定 =============================================================================================================
headerやfooter、お問い合わせ導線項目などの全体を通して共通になるセクションはここに記載する。
※1つの項目としてレイアウトが完成し、コンポーネント化されているもの以外はこちらに記載しない。（リストの形式などはmixinで設定）
*/
body {
  width: 100%;
  background: #f5f5f5;
}

header {
  width: 100%;
  height: 95px;
  background: white;
  position: fixed;
  z-index: 9000;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transition: all 0.4s ease-out;
}
header.active {
  height: 65px;
}
@media (max-width: 960px) {
  header.active {
    height: 50px;
  }
}
header.another {
  background: none;
}
@media (max-width: 960px) {
  header.another .wrap {
    background: none;
  }
}
@media (max-width: 960px) {
  header {
    height: 50px;
    padding: 0;
  }
}
header .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  max-width: 96vw;
  margin: 0px auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1319px) {
  header .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  header .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  header .wrap {
    max-width: inherit;
    width: 100%;
    align-items: normal;
    background: white;
    position: relative;
    z-index: 10;
  }
}
header .wrap .logo {
  width: 350px;
  height: fit-content;
  font-size: 16px;
  font-weight: 380;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  mix-blend-mode: difference;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  /*svg{
      width: auto;
      height: 24px;
      mix-blend-mode: difference;
      @include fade;
      z-index: 9999;
      @include sp{
          height: 26px;
      }
  }*/
}
header .wrap .logo:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
header .wrap .logo:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  header .wrap .logo {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  header .wrap .logo {
    width: 80vw;
    height: 24px;
    font-size: 15px;
    font-weight: 380;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: auto auto auto 5%;
    display: flex;
    align-items: center;
    position: relative;
  }
  header .wrap .logo:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  header .wrap .logo:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  header .wrap .logo {
    letter-spacing: 0em;
  }
}
header .wrap .logo img {
  width: auto;
  height: 24px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 9999;
  margin-right: 10px;
}
@media (max-width: 960px) {
  header .wrap .logo img {
    height: 22px;
    margin-right: 5px;
  }
}
@media (max-width: 960px) {
  header .wrap nav {
    width: 100%;
    height: 100vh;
    padding-top: 100px;
    flex-direction: column;
    background: white;
    gap: 0;
    transform: translateX(100%);
    transition: all 0.5s;
    position: absolute;
  }
  header .wrap nav.active {
    transform: translateX(0%);
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  header .wrap nav.active {
    transform: translateX(0%);
  }
}
header .wrap nav ul {
  height: fit-content;
  display: flex;
  gap: 50px;
}
@media (max-width: 960px) {
  header .wrap nav ul {
    flex-direction: column;
    gap: 0;
  }
  header .wrap nav ul.active {
    transform: translateX(0%);
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  header .wrap nav ul.active {
    transform: translateX(0%);
  }
}
header .wrap nav ul.global {
  display: none;
}
@media (max-width: 960px) {
  header .wrap nav ul.global {
    display: flex;
    margin-top: 10vw;
    justify-content: center;
    flex-direction: row;
    align-items: center;
  }
  header .wrap nav ul.global li {
    width: auto;
    display: inline-block;
  }
  header .wrap nav ul.global li.icon_e {
    padding-left: 18px;
    padding-right: 1.5vw;
  }
  header .wrap nav ul.global li.icon_e img {
    width: 3.5vw;
  }
  header .wrap nav ul.global li a {
    width: auto;
    color: black;
    display: inline-block;
    text-align: left;
    mix-blend-mode: normal;
    margin: 0px auto;
    padding: inherit;
    border-top: none;
    border-bottom: none;
  }
}
@media (max-width: 960px) {
  header .wrap nav ul li:line-b a {
    border-bottom: 1px solid #000000;
  }
}
header .wrap nav ul li a {
  display: block;
  font-size: 15px;
  font-weight: 420;
  text-align: center;
  color: white;
  mix-blend-mode: difference;
  position: relative;
}
header .wrap nav ul li a:before {
  content: "";
  width: 0;
  height: 2px;
  background: white;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  header .wrap nav ul li a:before {
    display: none;
  }
}
header .wrap nav ul li a:hover:before {
  width: 100%;
}
header .wrap nav ul li a.current:before {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  margin: auto;
}
@media (max-width: 960px) {
  header .wrap nav ul li a {
    width: 92%;
    color: black;
    mix-blend-mode: normal;
    margin: 0px auto;
    padding: 18px;
    border-top: 1px solid #000000;
  }
}
header .wrap .toggle-wrapping {
  display: none;
}
@media (max-width: 960px) {
  header .wrap .toggle-wrapping {
    width: fit-content;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    left: auto;
    margin: auto;
  }
}
header .rsv-btn {
  width: 60px;
  height: 320px;
  background: #212832;
  position: absolute;
  top: 220px;
  left: 0px;
  opacity: 1;
  cursor: pointer;
  transform: translateX(-60px);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .rsv-btn:hover {
  background: white;
}
@media (max-width: 960px) {
  header .rsv-btn:hover {
    background: #212832;
  }
}
header .rsv-btn.active {
  transform: translateX(0px);
  transform: translateY(0px) !important;
  cursor: none;
  pointer-events: none;
  background: none;
}
@media (max-width: 960px) {
  header .rsv-btn {
    width: 100%;
    height: 50px;
    top: 0px;
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
    transform: translateY(-50px);
  }
}
header .rsv-btn p {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  pointer-events: none;
  color: white;
  writing-mode: vertical-rl;
  mix-blend-mode: difference;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .rsv-btn p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
header .rsv-btn p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  header .rsv-btn p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  header .rsv-btn p {
    writing-mode: initial;
    mix-blend-mode: normal;
  }
}
header .rsv-btn p span {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: white;
  text-orientation: mixed;
  display: inline-block;
  margin-top: 14px;
  mix-blend-mode: difference;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .rsv-btn p span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
header .rsv-btn p span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  header .rsv-btn p span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  header .rsv-btn p span {
    text-orientation: initial;
    display: none;
  }
}
header .ctc-btn {
  width: 60px;
  height: 320px;
  background: #978767;
  position: absolute;
  top: 220px;
  left: 0px;
  opacity: 1;
  cursor: pointer;
  transform: translateX(-60px);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .ctc-btn:hover {
  opacity: 0.5;
}
header .ctc-btn.active {
  transform: translateX(0px);
  transform: translateY(0px) !important;
  cursor: none;
  pointer-events: none;
  background: none;
}
@media (max-width: 960px) {
  header .ctc-btn {
    width: 100%;
    height: 50px;
    top: 0px;
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
    transform: translateY(-50px);
  }
}
header .ctc-btn p {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  writing-mode: vertical-rl;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .ctc-btn p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
header .ctc-btn p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  header .ctc-btn p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  header .ctc-btn p {
    writing-mode: initial;
  }
}
header .ctc-btn p span {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: white;
  text-orientation: mixed;
  display: inline-block;
  margin-top: 14px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .ctc-btn p span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
header .ctc-btn p span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  header .ctc-btn p span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  header .ctc-btn p span {
    text-orientation: initial;
    display: none;
  }
}
header .rsv {
  width: 380px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  background: #212832;
  opacity: 1;
  transform: translateX(380px);
  display: flex;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  header .rsv {
    width: 100%;
    transform: translateX(0);
    transform: translateY(100vh);
  }
}
header .rsv.banquet {
  background: #978767;
}
header .rsv.active {
  opacity: 1;
  transform: translateX(0%);
}
@media (max-width: 960px) {
  header .rsv.active {
    transform: translateY(50px);
  }
}
header .rsv .box {
  color: #FFF;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05;
}
header .rsv .box .tel_wrap {
  box-sizing: border-box;
  background-color: #a29376;
  padding: 5px 20px 20px 20px;
  width: 270px;
  margin: 0 auto 20px;
}
@media (max-width: 960px) {
  header .rsv .box .tel_wrap {
    width: 90vw;
  }
}
header .rsv .box .tel_wrap .tel {
  font-size: 30px;
}
header .rsv .box .tel_wrap .tel span {
  font-size: 18px;
}
header .rsv .box .tel_wrap .note {
  font-size: 12px;
}
header .rsv .box .btn_warp a {
  display: block;
  font-size: 15px;
  color: #FFF;
  padding: 20px;
  box-sizing: border-box;
  width: 270px;
  border: solid 1px #FFF;
  margin: 0 auto;
}
@media (max-width: 960px) {
  header .rsv .box .btn_warp a {
    width: 90vw;
  }
}
header .rsv #search-bar-container .search-widget-search-container-bf1818 {
  box-shadow: none;
  background: transparent;
  color: #FFF;
}
@media (max-width: 960px) {
  header .rsv #search-bar-container .search-widget-search-container-bf1818 {
    width: 100% !important;
  }
}
header .rsv #search-bar-container .search-widget-search-container-bf1818 .input-container-title-db81ec {
  color: #FFF;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: "A+EqpB-游ゴシック体 Pr6N B", sans-serif;
}
header .rsv #search-bar-container .search-widget-two-picker-wrapper-4ca735:nth-child(1) label {
  font-size: 0;
}
header .rsv #search-bar-container .search-widget-two-picker-wrapper-4ca735:nth-child(1) label::before {
  font-size: 14px;
  content: "チェックイン - チェックアウト";
}
header .rsv #search-bar-container .search-widget-two-picker-wrapper-4ca735:nth-child(2) label {
  font-size: 0;
}
header .rsv #search-bar-container .search-widget-two-picker-wrapper-4ca735:nth-child(2) label::before {
  font-size: 14px;
  content: "人数";
}
header .rsv #search-bar-container .search-widget-input-wrapper-eaf5bf > .input-container-input-container-da40af label {
  font-size: 0;
}
header .rsv #search-bar-container .search-widget-input-wrapper-eaf5bf > .input-container-input-container-da40af label::before {
  font-size: 14px;
  content: "部屋数";
}
header .rsv #search-bar-container .search-widget-calendar-9fdfc9:nth-child(1) {
  background-color: #2e353f !important;
  background-image: url(../img/cmn/icon_calendar.svg) !important;
  color: #FFF !important;
  border: none !important;
  font-size: 15px !important;
  font-weight: 600;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif !important;
}
header .rsv #search-bar-container .search-widget-input-34bba0, header .rsv #search-bar-container .search-widget-select-75fb48 {
  border-radius: 0;
  width: 100%;
  background: url(../img/cmn/icon_down.svg) no-repeat 97% 50%, #2e353f !important;
  color: #FFF !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 600;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif !important;
}
header .rsv #search-bar-container .dropdown-selector-container-ef1ce2 .dropdown-selector-input-6d2b0e {
  min-width: 240px;
  background: url(../img/cmn/icon_down.svg) no-repeat 97% 50%, #2e353f !important;
  color: #FFF !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 600;
  margin-top: -9px !important;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif !important;
}
header .rsv #search-bar-container .input-container-input-container-da40af .input-container-slot-239963 {
  min-width: 240px;
}
header .rsv #search-bar-container .input-container-input-container-da40af .input-container-slot-239 {
  min-width: 240px;
}
header .rsv #search-bar-container .button-btn-f51c1a {
  margin-top: 30px;
  width: 240px;
  background: #FFF !important;
  color: #000 !important;
  border-radius: 0;
}
@media (max-width: 960px) {
  header .rsv #search-bar-container .button-btn-f51c1a {
    width: 80vw;
    margin-top: 4vw;
  }
}
header .rsv .cls {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .rsv .cls:hover span {
  opacity: 0.5;
}
header .rsv .cls.active {
  opacity: 1;
}
@media (max-width: 960px) {
  header .rsv .cls {
    top: 15px;
    right: 15px;
  }
}
header .rsv .cls span {
  width: 20px;
  height: 1.6px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  background: white;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
header .rsv .cls span:first-of-type {
  transform: rotate(45deg);
}
header .rsv .cls span:last-of-type {
  transform: rotate(-45deg);
}
header .rsv .btn_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  flex-direction: column;
  max-width: 240px;
  margin-left: -25px;
}
@media (max-width: 960px) {
  header .rsv .btn_wrap {
    margin-top: 0;
    max-width: 80vw;
    margin-left: 0;
  }
}
header .rsv .btn_wrap a {
  border: solid 1px #FFF;
  padding: 6px 6px;
  color: #FFF;
  font-size: 13px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
header .rsv .content {
  width: 100%;
  height: 100%;
  margin-left: 60px;
  position: relative;
  overflow-y: scroll;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overscroll-behavior-y: contain;
}
@media (max-width: 960px) {
  header .rsv .content {
    justify-content: flex-start;
    margin-left: 0px;
    margin-top: 50px;
  }
}
@media (max-width: 960px) {
  header .rsv .content.banquet-content {
    justify-content: center;
    margin-top: -5vw;
  }
}
header .rsv .content img {
  width: 90%;
  height: auto;
  position: absolute;
  top: 100px;
  right: auto;
  bottom: auto;
  left: 0;
  margin: auto;
}
@media (max-width: 960px) {
  header .rsv .content img {
    width: 76%;
    top: 30px;
    right: 0;
  }
}
header .navToggle {
  position: absolute; /* bodyに対しての絶対位置指定 */
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  text-align: center;
}
header .navToggle.active {
  background: #FFF;
}
header .navToggle.active span:nth-child(1) {
  width: 20px;
  top: 18px;
  transform: rotate(-45deg);
  border-bottom: solid 0.9px #FFF;
}
header .navToggle.active span:nth-child(2) {
  opacity: 0;
}
header .navToggle.active span:nth-child(3) {
  width: 20px;
  top: 18px;
  right: 0px;
  transform: rotate(45deg);
  border-bottom: solid 0.9px #FFF;
}
@media (min-width: 1320px) {
  header .navToggle {
    display: none;
  }
}
@media (max-width: 1319px) {
  header .navToggle {
    display: none;
  }
}
@media (max-width: 960px) {
  header .navToggle {
    display: block;
    width: 40px;
    height: 40px;
  }
}
header .navToggle span {
  mix-blend-mode: difference;
  display: block;
  transition: 0.35s ease-in-out;
  position: absolute;
  top: auto;
  right: 0px;
  bottom: auto;
  left: auto;
  margin: auto;
  margin: auto;
}
header .navToggle span:nth-child(1) {
  width: 20px;
  top: 15px;
  border-bottom: solid 0.9px #FFF;
}
header .navToggle span:nth-child(2) {
  width: 16px;
  top: 20px;
  border-bottom: solid 0.9px #FFF;
}
header .navToggle span:nth-child(3) {
  width: 12px;
  top: 25px;
  border-bottom: solid 0.9px #FFF;
}

footer .wrap {
  position: relative;
  max-width: 1160px;
  width: 100%;
  height: auto;
  margin: 40px auto 40px;
}
@media (max-width: 1319px) {
  footer .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  footer .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  footer .wrap {
    margin: 0 auto;
    padding: 60px 0 50px 0;
  }
}
footer .wrap h2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
footer .wrap h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
footer .wrap h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  footer .wrap h2 {
    font-size: 17px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
  }
  footer .wrap h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  footer .wrap h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  footer .wrap h2 {
    letter-spacing: 0em;
  }
}
footer .wrap p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 20px;
}
footer .wrap p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
footer .wrap p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  footer .wrap p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 5vw;
  }
  footer .wrap p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  footer .wrap p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  footer .wrap p {
    letter-spacing: 0em;
  }
}
footer .wrap .sns_insta {
  position: absolute;
  top: 57px;
  right: 35px;
}
@media (max-width: 960px) {
  footer .wrap .sns_insta {
    top: auto;
    bottom: 6vw;
    right: 48vw;
  }
}
footer .wrap .sns_tiktok {
  position: absolute;
  top: 57px;
  right: 0px;
}
@media (max-width: 960px) {
  footer .wrap .sns_tiktok {
    top: auto;
    bottom: 6vw;
    right: 40vw;
  }
}
footer .wrap .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 960px) {
  footer .wrap .link {
    flex-direction: column;
    margin-top: 34px;
  }
}
footer .wrap .link div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 960px) {
  footer .wrap .link div {
    flex-direction: column;
    gap: 42px;
  }
}
footer .wrap .link div .contact {
  width: 160px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 460;
  color: #000000;
  border: 1px solid black;
  cursor: pointer;
}
@media (960px < width) {
  footer .wrap .link div .contact {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  footer .wrap .link div .contact:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  footer .wrap .link div .contact {
    width: 264px;
    height: 44px;
    border: 1px solid black;
    flex-direction: column;
  }
}
footer .wrap .link div .sns {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .wrap .link div .sns:hover {
  opacity: 0.4;
}
footer .wrap .link div .sns svg {
  width: 20px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}
@media (max-width: 960px) {
  footer .wrap .link div .sns svg {
    width: 24px;
  }
}
footer .wrap .link nav ul {
  display: flex;
}
@media (max-width: 960px) {
  footer .wrap .link nav ul {
    max-width: 264px;
    width: 100%;
    flex-wrap: wrap;
    gap: 40px 0;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
footer .wrap .link nav ul li {
  padding: 0 18px;
  border-left: 1px solid black;
}
footer .wrap .link nav ul li:last-of-type {
  padding-right: 0px;
}
@media (max-width: 960px) {
  footer .wrap .link nav ul li {
    width: 50%;
    border-left: 0px;
    padding: 0;
  }
  footer .wrap .link nav ul li:nth-of-type(2) {
    order: 3;
  }
  footer .wrap .link nav ul li:nth-of-type(3) {
    order: 5;
  }
  footer .wrap .link nav ul li:nth-of-type(4) {
    order: 7;
  }
  footer .wrap .link nav ul li:nth-of-type(5) {
    order: 2;
  }
  footer .wrap .link nav ul li:nth-of-type(6) {
    order: 4;
  }
  footer .wrap .link nav ul li:nth-of-type(7) {
    order: 6;
  }
}
footer .wrap .link nav ul li a {
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .wrap .link nav ul li a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
footer .wrap .link nav ul li a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap .link nav ul li a {
    letter-spacing: 0em;
  }
}
footer .wrap .link nav ul li a:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  footer .wrap .link nav ul li a {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    white-space: nowrap;
    padding: 0;
  }
  footer .wrap .link nav ul li a:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  footer .wrap .link nav ul li a:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  footer .wrap .link nav ul li a {
    letter-spacing: 0em;
  }
}
footer .wrap2 {
  margin: 0px auto;
  padding: 60px 0 40px;
  background: #212832;
}
@media (max-width: 960px) {
  footer .wrap2 {
    padding: 60px 0 0px 0;
    position: relative;
  }
  footer .wrap2:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: auto;
    bottom: -1px;
    background: #212832;
  }
}
footer .wrap2 .g-logo {
  justify-content: center;
  display: flex;
}
footer .wrap2 svg {
  width: auto;
  height: 20px;
  margin: 0px auto;
}
@media (max-width: 960px) {
  footer .wrap2 svg {
    height: 23px;
  }
}
footer .wrap2 .tgl-wrapping {
  max-width: 1160px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 70px;
  display: flex;
  gap: 30px;
  position: relative;
}
@media (max-width: 1319px) {
  footer .wrap2 .tgl-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping {
    width: 90%;
  }
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping {
    flex-direction: column;
  }
}
footer .wrap2 .tgl-wrapping .tgl {
  width: 180px;
  position: relative;
  z-index: 1;
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl {
    width: 100%;
  }
}
footer .wrap2 .tgl-wrapping .tgl p {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  opacity: 0.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .wrap2 .tgl-wrapping .tgl p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
footer .wrap2 .tgl-wrapping .tgl p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl p {
    font-size: 15px;
    font-weight: 360;
    letter-spacing: 0.05em;
    line-height: 1;
    color: white;
    opacity: 1;
    padding: 26px 10px 0 10px;
    border-top: 0.8px solid rgba(255, 255, 255, 0.4);
    position: relative;
  }
  footer .wrap2 .tgl-wrapping .tgl p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  footer .wrap2 .tgl-wrapping .tgl p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl p.active:after {
    transform: rotate(135deg);
  }
  footer .wrap2 .tgl-wrapping .tgl p:after {
    content: "";
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 2px;
    margin: auto;
    /*矢印の形状*/
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
  }
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl nav {
    display: none;
  }
}
footer .wrap2 .tgl-wrapping .tgl nav a {
  width: fit-content;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: white;
  display: block;
  margin-top: 22px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .wrap2 .tgl-wrapping .tgl nav a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
footer .wrap2 .tgl-wrapping .tgl nav a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl nav a {
    letter-spacing: 0em;
  }
}
footer .wrap2 .tgl-wrapping .tgl nav a:hover {
  opacity: 0.5;
}
footer .wrap2 .tgl-wrapping .tgl nav a.current:before {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  bottom: -10px;
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl nav a {
    font-size: 13px;
    font-weight: 360;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 27px;
    padding-left: 10px;
  }
  footer .wrap2 .tgl-wrapping .tgl nav a:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  footer .wrap2 .tgl-wrapping .tgl nav a:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .tgl nav a {
    letter-spacing: 0em;
  }
}
footer .wrap2 .tgl-wrapping .jp {
  width: 285px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
@media (max-width: 960px) {
  footer .wrap2 .tgl-wrapping .jp {
    display: none;
  }
}
footer .wrap2 .tgl-wrapping .jp .on {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
footer .wrap3 {
  position: relative;
  background: #212832;
  padding: 24px 0;
}
footer .wrap3 .content-wrapping {
  max-width: 1320px;
  width: 100%;
  height: auto;
  max-width: 96vw;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  overflow: hidden;
}
@media (max-width: 1319px) {
  footer .wrap3 .content-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping {
    width: 90%;
  }
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping {
    max-width: inherit;
    flex-direction: column;
    align-items: center;
  }
}
footer .wrap3 .content-wrapping .left-content {
  display: flex;
  align-items: baseline;
  gap: 26px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content .logo {
    padding: 40px;
  }
}
footer .wrap3 .content-wrapping .left-content .logo svg {
  width: auto;
  height: 24px;
}
footer .wrap3 .content-wrapping .left-content nav ul {
  display: flex;
}
footer .wrap3 .content-wrapping .left-content nav ul.g-nav {
  position: absolute;
  left: calc(50% - 145px);
  bottom: 25px;
  width: 290px;
  justify-content: center;
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content nav ul.g-nav {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    margin-top: 4vw;
  }
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content nav ul {
    flex-wrap: wrap;
  }
}
footer .wrap3 .content-wrapping .left-content nav ul li {
  color: #FFF;
  font-size: 12px;
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content nav ul li {
    margin-bottom: 3vw;
  }
}
footer .wrap3 .content-wrapping .left-content nav ul li.line {
  padding: 0 18px;
  border-left: 1px solid white;
}
footer .wrap3 .content-wrapping .left-content nav ul li.line2 {
  padding: 0 18px;
  border-left: 1px solid white;
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content nav ul li.line2 {
    padding: 0 30vw 0 10px;
  }
}
footer .wrap3 .content-wrapping .left-content nav ul li.first {
  padding: 0 18px;
  padding-left: 0px;
  border-left: 0px solid white;
}
footer .wrap3 .content-wrapping .left-content nav ul li.icon {
  padding: 0 6px 0 20px;
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .left-content nav ul li.icon {
    padding: 0 6px 0 0px;
  }
}
footer .wrap3 .content-wrapping .left-content nav ul li.icon svg {
  height: 14px;
}
footer .wrap3 .content-wrapping .left-content nav ul li:last-of-type {
  padding-right: 0px;
}
footer .wrap3 .content-wrapping .left-content nav ul li a {
  display: inline-block;
  font-size: 12px;
  font-weight: 460;
  color: white;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .wrap3 .content-wrapping .left-content nav ul li a:hover {
  opacity: 0.5;
}
footer .wrap3 .content-wrapping .right-content {
  font-size: 10px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
}
footer .wrap3 .content-wrapping .right-content:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
footer .wrap3 .content-wrapping .right-content:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .right-content {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  footer .wrap3 .content-wrapping .right-content {
    margin-top: 24px;
  }
}

#main-visual .kv {
  width: 100%;
  height: 100vh;
  background-position: center !important;
  background-size: cover !important;
}
#main-visual .kv.kv1 {
  background: url(../img/top/kv1.jpg);
}
@media (max-width: 960px) {
  #main-visual .kv.kv1 {
    background: url(../img/top/sp_kv1.jpg);
  }
}
#main-visual .kv.kv2 {
  background: url(../img/top/kv2.jpg);
}
@media (max-width: 960px) {
  #main-visual .kv.kv2 {
    background: url(../img/top/sp_kv2.jpg);
  }
}
@media (max-width: 960px) {
  #main-visual .kv {
    width: 100%;
    height: auto;
    aspect-ratio: 7.5/9.6;
  }
}

#under-visual {
  width: 100%;
  height: fit-content;
  margin: 0px auto;
  padding-top: 95px;
}
#under-visual.information {
  height: 225px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
@media (max-width: 960px) {
  #under-visual.information {
    height: auto;
    min-height: auto;
    display: block;
    aspect-ratio: initial;
    padding: 20px 0px;
  }
}
#under-visual.information h1 {
  height: fit-content;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  color: #000000;
  padding-top: 5px;
}
#under-visual.information h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#under-visual.information h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #under-visual.information h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #under-visual.information h1 {
    max-width: 1320px;
    width: 100%;
    height: auto;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin: 0px auto;
    padding-top: 50px;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #under-visual.information h1 {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #under-visual.information h1 {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #under-visual.information h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #under-visual.information h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #under-visual.information h1 {
    letter-spacing: 0em;
  }
}
#under-visual.information h1 span {
  display: block;
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
  color: #000000;
}
#under-visual.information h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#under-visual.information h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #under-visual.information h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #under-visual.information h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #under-visual.information h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #under-visual.information h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #under-visual.information h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #under-visual {
    padding-top: 50px;
  }
}
#under-visual .bg {
  width: 100%;
  height: 506px;
  padding-top: 95px;
}
@media (max-width: 960px) {
  #under-visual .bg {
    height: auto;
    aspect-ratio: 7.5/5.6;
  }
}
#under-visual .bg.dining {
  background: url(../img/dining/dining_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.dining {
    background: url(../img/dining/dining_kv_sp.jpg) center/cover no-repeat;
  }
}
#under-visual .bg.bath {
  background: url(../img/bath/bath_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.bath {
    background: url(../img/bath/bath_kv_sp.jpg) center/cover no-repeat;
  }
}
#under-visual .bg.lounge {
  background: url(../img/lounge/lounge_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.lounge {
    background: url(../img/lounge/lounge_kv_sp.jpg) center/cover no-repeat;
  }
}
#under-visual .bg.activity {
  background: url(../img/activity/activity_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.activity {
    background: url(../img/activity/activity_kv_sp.jpg) center/cover no-repeat;
  }
}
#under-visual .bg.banquet {
  background: url(../img/banquet/banquet_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.banquet {
    background: url(../img/banquet/banquet_kv_sp.jpg) center/cover no-repeat;
  }
}
#under-visual .bg.ditails {
  background: url(../img/details/detail_kv.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #under-visual .bg.ditails {
    background: url(../img/details/detail_kv_sp.jpg) center/cover no-repeat;
  }
}

/*TOPページ*/
#main-visual .kv {
  position: relative;
}
#main-visual .kv .message {
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
}
@media (max-width: 960px) {
  #main-visual .kv .message {
    width: 100%;
    height: auto;
    aspect-ratio: 7.5/9.6;
  }
}
#main-visual .kv .message img {
  width: 445px;
  display: none;
}
@media (max-width: 960px) {
  #main-visual .kv .message img {
    width: 70vw;
  }
}

.important_notice {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 20px auto;
}
@media (max-width: 1319px) {
  .important_notice {
    width: 96%;
  }
}
@media (max-width: 960px) {
  .important_notice {
    width: 90%;
  }
}
.important_notice .box {
  background-color: #FFF;
  border: solid 1px #b2b2b2;
  padding: 13px;
  width: 100%;
  text-align: center;
}
.important_notice .box .notice {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  display: block;
  line-height: 1.5;
}
.important_notice .box .notice:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.important_notice .box .notice:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  .important_notice .box .notice {
    letter-spacing: 0em;
  }
}
.important_notice .box .notice + * {
  margin-top: 13px;
}
.important_notice .box a.notice {
  text-decoration: underline;
  transition: opacity 0.3s ease-in-out;
}
.important_notice .box a.notice:hover {
  opacity: 0.5;
}

#top-1 .logo {
  width: 220px;
  height: auto;
  margin: 0px auto;
  padding: 50px 0;
}
@media (max-width: 960px) {
  #top-1 .logo {
    width: 130px;
  }
}
#top-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
}
@media (max-width: 1319px) {
  #top-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap {
    width: 90%;
  }
}
#top-1 .wrap .region {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#top-1 .wrap .region .bg {
  width: 100%;
  height: 480px;
  background: url(../img/top/top-1-region.jpg) center/cover no-repeat;
}
@media (max-width: 960px) {
  #top-1 .wrap .region .bg {
    height: auto;
    background: url(../img/top/top-1-region-sp.jpg) center/cover no-repeat;
    aspect-ratio: 6.7/3;
  }
}
#top-1 .wrap .text-box {
  position: relative;
}
#top-1 .wrap .text-box p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: center;
  margin-top: 40px;
}
#top-1 .wrap .text-box p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#top-1 .wrap .text-box p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.9;
    text-align: left;
  }
  #top-1 .wrap .text-box p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9) * 0.5em);
    content: "";
  }
  #top-1 .wrap .text-box p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-1 .wrap .text-box p {
    letter-spacing: 0em;
  }
}
#top-1 .wrap .text-box p span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #212832;
  padding-top: 10px;
}
#top-1 .wrap .text-box p span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#top-1 .wrap .text-box p span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box p span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box p span {
    margin-bottom: 20px;
  }
}
#top-1 .wrap .text-box .btn {
  width: fit-content;
  min-width: 240px;
  height: 52px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  cursor: pointer;
}
#top-1 .wrap .text-box .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-1 .wrap .text-box .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #top-1 .wrap .text-box .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #top-1 .wrap .text-box .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 1319px) {
  #top-1 .wrap .text-box .btn {
    position: static;
    margin-top: 30px;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap .text-box .btn {
    display: none;
  }
}
#top-1 .wrap2 {
  width: 100% !important;
  margin: 0px auto;
  position: relative;
  background: white !important;
}
#top-1 .wrap2 .top-1-slider2-wrapping {
  max-width: 1160px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding-top: 50px;
  padding-bottom: 40px;
  margin-top: 110px;
  position: relative;
}
@media (max-width: 1319px) {
  #top-1 .wrap2 .top-1-slider2-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping {
    margin-top: 80px;
    padding-bottom: 50px;
    width: 100%;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article {
  width: 100% !important;
  /*.top-1-slider2-content{
              width: 100%!important;
              a{
                  width: 320px;
                  display: block;
                  margin: 0px auto;
                  padding: 0!important;
                  &:hover{
                      img{
                          transform: scale(1.1);

                      }
                  }
                  @include sp{
                      width: 92%;
                  }
                  .img-wrapping{
                      overflow: hidden;
                      aspect-ratio: 3.2 / 1.8;
                      background: #f8f8f8;
                      position: relative;
                      img{
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                          @include fade(.4s);
                      }
                  }
                  .info{
                      display: flex;
                      gap: 10px;
                      align-items: center;
                      margin-top: 10px;
                      .cat{
                          width: 90px;
                          height: 18px;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          background: #656565;
                          font-size: 12px;
                          font-weight: 400;
                          color: white;
                      }
                      .day{
                          display: block;
                          font-size: 12px;
                          font-weight: 400;
                          color: $text-color;
                      }
                  }
                  p{
                      @include text(14, 400, 1.4);
                      color: $text-color;
                      margin-top: 16px;
                  }
              }
          }*/
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content {
  width: 100% !important;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content {
    margin-top: 20px;
  }
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content:first-of-type {
    margin-top: 0;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a {
  width: 320px;
  display: block;
  margin: 0px auto;
  padding: 0 !important;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a:hover img {
  transform: scale(1.1);
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a {
    max-width: 1320px;
    width: 100%;
    height: auto;
    display: flex;
    gap: 16px;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a {
    width: 90%;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf {
  position: relative;
  width: 110px;
  color: #b30c00;
  border: solid 1px #b30c00;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding: 5px 6px 3px 6px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  transition: opacity 0.3s ease-in-out;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf {
    letter-spacing: 0em;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf {
    width: 40vw;
    margin: 10px 5vw;
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.3;
  }
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf {
    letter-spacing: 0em;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a.pdf::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024.8%2026.2%22%3E%3Cpath%20d%3D%22M3.5%2C26.2c-0.7%2C0-1.6-0.2-2.6-1c-1-0.8-1-1.8-0.9-2.3c0.1-0.6%2C0.4-1.1%2C1-1.7c0.4-0.4%2C0.9-0.8%2C1.6-1.3%0Ac1.1-0.7%2C2.5-1.5%2C4.3-2.2c0.4-0.2%2C0.9-0.4%2C1.3-0.6c0.3-0.7%2C1.3-2.9%2C2.3-5.4c0.1-0.3%2C0.2-0.6%2C0.3-0.9c-1-1.3-1.7-2.6-2.1-3.8%0AC8.2%2C5.5%2C8.2%2C4%2C8.6%2C2.6c0.2-0.9%2C0.6-1.5%2C1.2-2c0.6-0.5%2C1.3-0.7%2C2-0.6c0.4%2C0%2C0.8%2C0.2%2C1.2%2C0.4c0.4%2C0.2%2C0.7%2C0.5%2C1%2C0.8%0Ac0.3%2C0.3%2C0.5%2C0.7%2C0.7%2C1.2c0.2%2C0.4%2C0.3%2C0.9%2C0.3%2C1.4c0.1%2C0.9-0.2%2C2.2-0.7%2C4c-0.2%2C0.8-0.5%2C1.6-0.9%2C2.6c1.3%2C1.5%2C2.7%2C2.8%2C4%2C3.9%0Ac0%2C0%2C0.1%2C0%2C0.1%2C0C19%2C14%2C20.2%2C14%2C21.2%2C14c0.7%2C0%2C1.2%2C0.1%2C1.7%2C0.3c0.6%2C0.2%2C1.1%2C0.6%2C1.4%2C1.1c0.4%2C0.6%2C0.5%2C1.2%2C0.4%2C1.8%0Ac-0.1%2C0.6-0.4%2C1.1-0.9%2C1.5c-0.6%2C0.5-1.4%2C0.8-2.3%2C0.8c-0.1%2C0-0.2%2C0-0.4%2C0c-1.1-0.1-2.1-0.6-3.1-1.4c-0.4-0.3-0.8-0.7-1.4-1.2%0Ac-1.8%2C0.4-3.2%2C0.8-3.3%2C0.8c-0.1%2C0-1.7%2C0.6-3.6%2C1.3c-0.2%2C0.7-0.6%2C1.6-1.1%2C2.5c-0.5%2C1.1-1.1%2C2-1.7%2C2.7%0Ac-0.8%2C1-1.7%2C1.6-2.6%2C1.9C4.3%2C26.2%2C3.9%2C26.2%2C3.5%2C26.2z%20M2.3%2C23.3c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C3.1%2C24%2C3.6%2C24%2C3.9%2C23.9c0.4-0.1%2C0.9-0.5%2C1.4-1.1%0Ac0.5-0.6%2C0.9-1.3%2C1.4-2.2c0-0.1%2C0.1-0.2%2C0.1-0.3c-1.2%2C0.6-2.3%2C1.1-3%2C1.7c-0.5%2C0.3-0.9%2C0.7-1.2%2C1C2.4%2C23.1%2C2.3%2C23.3%2C2.3%2C23.3z%0A%20M19.8%2C16.3c1.2%2C1.1%2C2.3%2C0.9%2C2.6%2C0.6c0.1-0.1%2C0.1-0.1%2C0.1-0.1c0%2C0%2C0%2C0-0.1-0.1c-0.1-0.1-0.4-0.3-1.3-0.4%0AC20.7%2C16.3%2C20.3%2C16.3%2C19.8%2C16.3z%20M12.5%2C12.9c-0.4%2C1.1-0.9%2C2.2-1.3%2C3.1c0.9-0.3%2C1.5-0.5%2C1.5-0.5l0%2C0c0.1%2C0%2C0.8-0.2%2C1.8-0.5%0AC13.9%2C14.3%2C13.2%2C13.6%2C12.5%2C12.9z%20M11.5%2C2.3c-0.4%2C0-0.6%2C0.6-0.7%2C0.9c-0.4%2C1.7%2C0%2C3.4%2C1%2C5c0.8-2.5%2C0.9-3.7%2C0.9-4.2%0AC12.6%2C2.9%2C12%2C2.3%2C11.5%2C2.3C11.5%2C2.3%2C11.5%2C2.3%2C11.5%2C2.3z%22%20fill%3D%22%23b30c00%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .img-wrapping {
  overflow: hidden;
  aspect-ratio: 3.2/1.8;
  background: #f8f8f8;
  position: relative;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .img-wrapping {
    min-width: 120px;
    width: 20vw;
    height: auto;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .img-wrapping img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .info {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .info {
    margin-top: 0;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .info .cat {
  width: 90px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 12px;
  font-weight: 400;
  color: white;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a .info .day {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a p {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #000000;
  margin-top: 15px;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .top-1-slider2-content a p {
    letter-spacing: 0em;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots {
  position: static !important;
  text-align: center;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots {
    gap: 0px;
    margin-top: 36px;
    padding-bottom: 0px;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li {
  list-style: none;
  width: 40px;
  height: 4px;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li {
    width: 60px;
    height: 2px;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li button {
  padding: 0;
  color: transparent;
  outline: none;
  width: 40px;
  height: 4px;
  border: unset;
  display: block;
  background: #ccc;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li button:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li button {
    width: 60px;
    height: 2px;
  }
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots li button::before {
  content: none;
}
#top-1 .wrap2 .top-1-slider2-wrapping article .slick-dots .slick-active button {
  background: #212832;
}
#top-1 .wrap2 .top-1-slider2-wrapping .btn {
  width: 100px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  position: absolute;
  right: 32px;
  bottom: 30px;
  cursor: pointer;
}
@media (960px < width) {
  #top-1 .wrap2 .top-1-slider2-wrapping .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #top-1 .wrap2 .top-1-slider2-wrapping .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 1319px) {
  #top-1 .wrap2 .top-1-slider2-wrapping .btn {
    position: relative;
    right: auto;
    margin: 50px auto 0;
  }
}
@media (max-width: 960px) {
  #top-1 .wrap2 .top-1-slider2-wrapping .btn {
    position: static;
    margin: 7vw auto 0px;
  }
}

#top-2 {
  padding-top: 110px;
  padding-bottom: 100px;
  background: #f5f5f5;
}
@media (max-width: 960px) {
  #top-2 {
    padding-top: 0px;
    padding-bottom: 70px;
  }
}
#top-2 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
}
@media (max-width: 1319px) {
  #top-2 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap {
    width: 100%;
  }
}
#top-2 .wrap .content {
  max-width: 1240px;
  width: 100%;
  height: auto;
  display: flex;
  gap: 40px;
}
@media (max-width: 1319px) {
  #top-2 .wrap .content {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content {
    width: 90%;
  }
}
#top-2 .wrap .content:nth-of-type(n+2) {
  margin-top: 120px;
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(n+2) {
    margin-top: 70px;
  }
}
#top-2 .wrap .content:nth-of-type(odd) {
  margin-left: auto;
}
#top-2 .wrap .content:nth-of-type(even) {
  margin-right: auto;
}
#top-2 .wrap .content:nth-of-type(even) .text-box {
  order: 2;
}
#top-2 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
#top-2 .wrap .content:nth-of-type(even) .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#top-2 .wrap .content:nth-of-type(even) .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
#top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
  opacity: 0.5;
}
#top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
#top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
#top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
  margin: 0;
}
#top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 100%;
    height: fit-content !important;
    margin-top: 7px !important;
    margin: auto;
    position: static !important;
    z-index: 2;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout {
    display: flex;
    gap: 0px 1%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar {
    position: relative;
    width: 11.5662650602%;
    height: 2.5px;
    border-radius: 0;
    padding: 7px 0 7px 0;
    cursor: pointer;
    opacity: 1;
    background: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
    opacity: 0.5;
  }
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 2;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    content: "";
    display: block;
    width: 0px;
    height: 5px;
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 3;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
    margin: 0;
  }
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
    margin-left: 0px;
  }
  #top-2 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
    animation: Indicator 4s linear forwards;
    z-index: 4;
  }
  @keyframes Indicator {
    0% {
      width: 0;
      background-color: #212832;
    }
    100% {
      width: 100%;
      background-color: #212832;
    }
  }
}
@media (max-width: 1319px) {
  #top-2 .wrap .content {
    max-width: 1320px;
    width: 100%;
    height: auto;
    justify-content: space-between;
    margin: 0px auto;
  }
}
@media (max-width: 1319px) and (max-width: 1319px) {
  #top-2 .wrap .content {
    width: 96%;
  }
}
@media (max-width: 1319px) and (max-width: 960px) {
  #top-2 .wrap .content {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content {
    width: 100%;
    flex-direction: column;
    gap: 16px;
  }
}
#top-2 .wrap .content .text-box {
  width: 240px;
  margin-top: 80px;
}
@media (max-width: 1319px) {
  #top-2 .wrap .content .text-box {
    width: 40%;
    margin-top: 20px;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
    order: 2 !important;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #top-2 .wrap .content .text-box {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content .text-box {
    width: 90%;
  }
}
#top-2 .wrap .content .text-box h2 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
}
#top-2 .wrap .content .text-box h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-2 .wrap .content .text-box h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
#top-2 .wrap .content .text-box h2 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 22px;
  color: #000000;
}
#top-2 .wrap .content .text-box h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-2 .wrap .content .text-box h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box h2 span {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #top-2 .wrap .content .text-box h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top-2 .wrap .content .text-box h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-2 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
#top-2 .wrap .content .text-box p {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#top-2 .wrap .content .text-box p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#top-2 .wrap .content .text-box p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box p {
    margin-top: 22px;
  }
}
#top-2 .wrap .content .text-box .btn {
  width: 100px;
  min-width: 240px;
  height: 52px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  cursor: pointer;
  margin-top: 90px;
}
#top-2 .wrap .content .text-box .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-2 .wrap .content .text-box .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #top-2 .wrap .content .text-box .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #top-2 .wrap .content .text-box .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 1319px) {
  #top-2 .wrap .content .text-box .btn {
    margin-top: 40px;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .text-box .btn {
    margin-top: 30px;
    height: 40px;
  }
}
#top-2 .wrap .content .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #top-2 .wrap .content .slider {
    width: 60%;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .slider {
    width: 100%;
  }
}
#top-2 .wrap .content .slider .swiper {
  width: 100%;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #top-2 .wrap .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#top-2 .wrap .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#top-2 .wrap .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #top-2 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 9.6/5.4;
  }
}
@media (max-width: 960px) {
  #top-2 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/4.2;
  }
}
#top-2 .wrap .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #top-2 .wrap .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#top-2 .wrap .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#top-2 .wrap .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #top-2 .wrap .content .pg-layout .bar {
    height: 2.5px;
  }
}
#top-2 .wrap .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#top-2 .wrap .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #top-2 .wrap .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#top-2 .wrap .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #top-2 .wrap .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#top-2 .wrap .content .swiper-pagination-bullet {
  margin: 0;
}
#top-2 .wrap .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#top-2 .wrap .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}

#top-3 {
  padding-top: 60px;
  padding-bottom: 50px;
  background: white;
}
@media (max-width: 960px) {
  #top-3 {
    padding-top: 30px;
    padding-bottom: 46px;
  }
}
#top-3 .wrap {
  max-width: 800px;
  width: 100%;
  height: auto;
  margin: 0px auto;
}
@media (max-width: 1319px) {
  #top-3 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #top-3 .wrap {
    width: 90%;
  }
}
#top-3 .wrap h2 {
  font-size: 28px;
  font-weight: 280;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  color: #000000;
}
#top-3 .wrap h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap h2 {
    letter-spacing: 0em;
  }
}
#top-3 .wrap h2 span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #000000;
  margin-top: 22px;
}
#top-3 .wrap h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-3 .wrap h2 span {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #top-3 .wrap h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top-3 .wrap h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-3 .wrap h2 span {
    letter-spacing: 0em;
  }
}
#top-3 .wrap ul {
  margin-top: 40px;
}
@media (max-width: 960px) {
  #top-3 .wrap ul {
    margin-top: 16px;
  }
}
#top-3 .wrap ul li {
  border-top: 1px solid #989898;
}
#top-3 .wrap ul li:last-of-type {
  border-bottom: 1px solid #989898;
}
#top-3 .wrap ul li a {
  width: 100%;
  height: 80px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
#top-3 .wrap ul li a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap ul li a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a {
    letter-spacing: 0em;
  }
}
#top-3 .wrap ul li a:hover .title {
  opacity: 0.4;
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.4;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
  }
  #top-3 .wrap ul li a:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  #top-3 .wrap ul li a:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-3 .wrap ul li a {
    letter-spacing: 0em;
  }
}
#top-3 .wrap ul li a .day-cat-wrapping {
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a .day-cat-wrapping {
    gap: 10px;
  }
}
#top-3 .wrap ul li a .day-cat-wrapping .cat {
  width: 90px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
}
#top-3 .wrap ul li a .day-cat-wrapping .cat:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap ul li a .day-cat-wrapping .cat:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a .day-cat-wrapping .cat {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a .day-cat-wrapping .cat {
    order: 1;
  }
}
#top-3 .wrap ul li a .day-cat-wrapping .day {
  display: block;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
#top-3 .wrap ul li a .day-cat-wrapping .day:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap ul li a .day-cat-wrapping .day:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a .day-cat-wrapping .day {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #top-3 .wrap ul li a .day-cat-wrapping .day {
    order: 2;
  }
}
#top-3 .wrap ul li a .title {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#top-3 .wrap .btn {
  width: 100px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  margin: 30px 0 0 auto;
  cursor: pointer;
}
#top-3 .wrap .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#top-3 .wrap .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #top-3 .wrap .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #top-3 .wrap .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #top-3 .wrap .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #top-3 .wrap .btn {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0px auto;
    margin-top: 30px;
  }
  #top-3 .wrap .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #top-3 .wrap .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #top-3 .wrap .btn {
    letter-spacing: 0em;
  }
}

/*ROOMSページ*/
#rooms-1 {
  padding-top: 95px;
}
@media (max-width: 960px) {
  #rooms-1 {
    padding-top: 50px;
  }
}
#rooms-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  height: auto;
  margin: 0px auto;
  padding-top: 40px;
  padding-bottom: 160px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 1319px) {
  #rooms-1 .wrap {
    gap: 20px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap {
    width: 100%;
    padding: 0;
    flex-direction: column;
    gap: 0px;
  }
}
#rooms-1 .wrap .menu-open {
  display: none;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu-open {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 80px;
    left: 2.5%;
    z-index: 2;
    transform: translateX(-100px);
    opacity: 0;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
    background: #ffffff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #rooms-1 .wrap .menu-open.active {
    transform: translateX(0px);
    opacity: 1;
  }
  #rooms-1 .wrap .menu-open:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #212832;
    border-left: solid 2px #212832;
    transform: rotate(135deg);
    position: absolute;
    top: 0;
    right: 3px;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
#rooms-1 .wrap .menu {
  height: 100%;
  position: sticky;
  top: 135px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu {
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: static;
    overflow: visible;
  }
}
#rooms-1 .wrap .menu .sticky {
  height: auto;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky {
    height: auto;
    overflow: visible;
  }
}
#rooms-1 .wrap .menu .sticky .title {
  position: relative;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title {
    padding: 18px;
    background: #f5f5f5;
  }
}
#rooms-1 .wrap .menu .sticky .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
}
#rooms-1 .wrap .menu .sticky .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 {
    width: fit-content;
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #rooms-1 .wrap .menu .sticky .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .menu .sticky .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .title h1 .jp {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#rooms-1 .wrap .menu .sticky .title h1 .jp:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .title h1 .jp:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 .jp {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 .jp {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #rooms-1 .wrap .menu .sticky .title h1 .jp:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .menu .sticky .title h1 .jp:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title h1 .jp {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .title h1 .icon {
  display: none;
  height: fit-content;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  bottom: 2.6px;
  left: 6px;
  color: #000000;
  transform: rotate(45deg);
  margin-right: 6px;
}
#rooms-1 .wrap .menu .sticky .title .open {
  display: none;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title .open {
    font-size: 11px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    display: block;
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 7px 10px;
    border: 0.6px solid #212832;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #rooms-1 .wrap .menu .sticky .title .open:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .menu .sticky .title .open:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .title .open {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .flex-box {
  display: flex;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .flex-box {
    flex-direction: column;
  }
}
#rooms-1 .wrap .menu .sticky .flex-box .pic {
  margin: 0 20px 0 0;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .flex-box .pic {
    margin: 0 auto 20px;
  }
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3 {
  font-size: 16px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 15px;
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .flex-box .text h3 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3 span {
  font-size: 13px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .flex-box .text h3 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .flex-box .text h3 span {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .flex-box .text p {
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#rooms-1 .wrap .menu .sticky .flex-box .text p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .flex-box .text p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .flex-box .text p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping {
    padding: 0px 18px 30px 18px;
    background: white;
    display: none;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .sub-ttl {
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #8c8c8c;
  margin-top: 60px;
  margin-bottom: 13px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .sub-ttl:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .item-wrapping .sub-ttl:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .sub-ttl {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .sub-ttl {
    margin-top: 20px;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item {
  padding-top: 32px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale_v2 {
  padding-top: 0px;
  margin-left: -23px;
  transform: scale(0.8);
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale_v2 .anker {
  margin-bottom: 9px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale_v3 {
  padding-top: 0px;
  margin-left: -12px;
  transform: scale(0.9);
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale_v3 .anker {
  margin-bottom: 12px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale {
  padding-top: 0px;
  margin-left: -30px;
  transform: scale(0.8);
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale {
  display: flex;
  margin-left: -38px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.scale .item-title {
  margin-right: 10px;
  min-width: 89px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item.mt {
  margin-top: 15px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item {
    padding-top: 28px;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .item-title {
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #8c8c8c;
  margin-bottom: 13px;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .item-title:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .item-title:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .item-title {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker {
  width: fit-content;
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  display: block;
  margin-bottom: 13px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 0px;
    border-bottom: 0px;
  }
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker:hover {
  opacity: 0.5;
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker.active {
  border-bottom: 1px solid rgb(0, 0, 0);
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker.active {
    border-bottom: 0px;
  }
}
#rooms-1 .wrap .menu .sticky .item-wrapping .item .anker .icon {
  display: none;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker .icon {
    display: flex;
    align-items: center;
    margin-right: 6px;
  }
  #rooms-1 .wrap .menu .sticky .item-wrapping .item .anker .icon:before {
    content: "";
    position: relative;
    top: 3px;
    border: 4px solid transparent;
    border-top: 5px solid #8c8c8c;
  }
}
#rooms-1 .wrap .content-wrapping {
  width: 960px;
  height: auto;
  position: relative;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping {
    width: 76%;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping {
    width: 100%;
    background: #f5f5f5;
  }
}
#rooms-1 .wrap .content-wrapping .ttl {
  margin-top: 98px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .ttl {
    margin: 76px 5vw 0;
  }
}
#rooms-1 .wrap .content-wrapping .ttl h2 {
  font-size: 20px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 15px;
}
#rooms-1 .wrap .content-wrapping .ttl h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .ttl h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .ttl h2 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .ttl p {
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#rooms-1 .wrap .content-wrapping .ttl p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .ttl p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .ttl p {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content {
  margin-top: 98px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content {
    margin-top: 76px;
  }
}
#rooms-1 .wrap .content-wrapping .content:first-of-type {
  margin-top: 0px;
}
#rooms-1 .wrap .content-wrapping .content .flex-box {
  margin-top: 50px;
  display: flex;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box {
    flex-direction: column;
  }
}
#rooms-1 .wrap .content-wrapping .content .flex-box .pic {
  max-width: 480px;
  margin: 0 30px 0 0;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box .pic {
    margin: 0 5vw 20px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box .text {
    margin: 0 5vw;
  }
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3 {
  font-size: 18px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 15px;
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box .text h3 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3 span {
  font-size: 12px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
  display: inline-block;
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text h3 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box .text h3 span {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text p {
  font-size: 12px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .flex-box .text p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .flex-box .text p {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .slider {
    width: 100%;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .slider {
    width: 100%;
  }
}
#rooms-1 .wrap .content-wrapping .content .slider .swiper {
  width: 100%;
  height: 480px;
  position: relative;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .slider .swiper {
    aspect-ratio: initial;
  }
}
#rooms-1 .wrap .content-wrapping .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#rooms-1 .wrap .content-wrapping .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .slider .swiper .swiper-slide img {
    aspect-ratio: 9.6/4.8;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/3.5;
  }
}
#rooms-1 .wrap .content-wrapping .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#rooms-1 .wrap .content-wrapping .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#rooms-1 .wrap .content-wrapping .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .pg-layout .bar {
    height: 2.5px;
  }
}
#rooms-1 .wrap .content-wrapping .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#rooms-1 .wrap .content-wrapping .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#rooms-1 .wrap .content-wrapping .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#rooms-1 .wrap .content-wrapping .content .swiper-pagination-bullet {
  margin: 0;
}
#rooms-1 .wrap .content-wrapping .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#rooms-1 .wrap .content-wrapping .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping {
    width: 90%;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro {
  margin-top: 10px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro {
    margin-top: 18px;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 13px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping {
    flex-direction: column;
    align-items: baseline;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  letter-spacing: 0.02em;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 .eng {
  font-size: 14px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-top: 10px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping h3 .eng {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail {
  font-size: 14px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #000000;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail {
    font-size: 14px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 26px;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .h3-wrapping .detail {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text {
    font-size: 16px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin-top: 26px;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .text {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other {
    margin-top: 40px;
    flex-direction: column;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info {
  position: relative;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option {
  display: flex;
  gap: 24px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option {
    width: fit-content;
    flex-direction: column;
    gap: 0px;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping {
  display: flex;
  gap: 24px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon img {
  width: 28px;
  height: auto;
  object-fit: contain;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .icon-wrapping .icon span {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 6px 10px;
  border: 1px solid #212832;
  display: flex;
  min-width: 170px;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn:hover {
  background: #212832;
  color: white;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn {
    font-size: 15px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 11px 18px;
    border: 1px solid #212832;
    margin-top: 20px;
    width: 60vw;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .option .btn span {
  font-size: 8px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: absolute;
  top: 42px;
  white-space: nowrap;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement {
    letter-spacing: 0em;
  }
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement {
    position: static;
    margin-top: 20px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement {
    font-size: 11px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 20px;
    white-space: inherit;
    line-height: 1.6;
    width: 85vw;
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .info .complement {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking {
  display: flex;
  gap: 3px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking {
    margin-top: 20px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking {
    width: 100%;
    margin-top: 10px;
    flex-direction: column;
    gap: 16px;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a {
  width: 253px;
  height: 53px;
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  background: #212832;
  border: 1px solid #212832;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a:hover {
  background: white;
  color: #212832;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a:hover {
    color: white;
    background: #212832;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a {
    width: 100%;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: difference;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon {
    mix-blend-mode: normal;
  }
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon img {
  width: 23px;
  height: auto;
  object-fit: contain;
  aspect-ratio: 1/1;
  margin-right: 6px;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon span {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .content .intro-wrapping .intro .other .booking a .icon span {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities {
  background: white;
  margin-top: 74px;
  padding: 40px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities {
    padding: 30px 0;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping {
    width: 90%;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping:nth-of-type(n+2) {
  margin-top: 40px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping:last-of-type dl {
  padding-bottom: 0px;
  border-bottom: 0px solid;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 .eng {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  display: block;
  margin-top: 10px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h3 .eng {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  margin-top: 40px;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h4:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h4:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping h4 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap {
    flex-wrap: wrap;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet {
  width: 32%;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet {
    width: 49%;
    margin-bottom: 10px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet .pic {
  margin-bottom: 8px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet .text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping .pet_wrap .pet .text {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping#goods .text {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping#goods .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping#goods .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping#goods .text {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping#goods .pic {
  margin: 10px 0;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl {
  padding-bottom: 40px;
  border-bottom: 1px solid #989898;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping.mar-top {
  margin-top: 15px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping {
    flex-direction: column;
    margin-top: 30px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt {
  width: 140px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt {
    letter-spacing: 0em;
  }
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt {
    margin-right: 15px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dt {
    margin-right: 0px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd {
  width: 100%;
  max-width: 720px;
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  letter-spacing: 0.6px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd {
    margin-top: 14px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub {
  width: 100%;
  max-width: 720px;
  font-size: 10px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.4;
  letter-spacing: 0.6px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub {
    font-size: 13px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .dl-wrapping dd .sub {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list {
  margin-top: 40px;
  margin-left: 160px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list {
    margin-left: 0px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .lead {
  font-size: 14px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 10px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .lead:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .lead:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .lead {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .lead {
    margin-bottom: 5vw;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box {
    flex-direction: column;
    margin-bottom: 5vw;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .pic {
  width: 380px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .pic {
    width: auto;
    margin-bottom: 10px;
  }
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .pic img {
    width: 100vw;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text {
  width: 340px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text {
    width: auto;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text h5 {
  font-size: 14px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 10px;
  margin-top: 0;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text h5:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text h5:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text h5 {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text p {
  font-size: 14px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .amenities-list .flex_box .text p {
    letter-spacing: 0em;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement.mar-top-none {
  margin-top: 8px;
}
@media (max-width: 1319px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement {
    margin-left: 15px;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement {
    display: block;
    margin-top: 24px;
    margin-left: 0px;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement:before {
  content: "";
  width: 140px;
  height: 0px;
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement:before {
    display: none;
  }
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p {
  width: 100%;
  max-width: 720px;
  font-size: 10px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p {
    font-size: 13px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #rooms-1 .wrap .content-wrapping .amenities .amenities-wrapping dl .complement p {
    letter-spacing: 0em;
  }
}

/*DININGページ*/
@media (max-width: 960px) {
  #dining-1 .title {
    height: fit-content;
    min-height: 140px;
    padding: 18px 18px 30px 18px;
    margin: 0px auto;
  }
}
#dining-1 .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  margin: 0px auto;
  margin-top: 40px;
}
#dining-1 .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .title h1 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 0px;
  }
  #dining-1 .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .title h1 {
    letter-spacing: 0em;
  }
}
#dining-1 .title h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#dining-1 .title h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .title h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .title h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .title h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #dining-1 .title h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .title h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .title h1 span {
    letter-spacing: 0em;
  }
}
#dining-1 .title .anker {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 1319px) {
  #dining-1 .title .anker {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #dining-1 .title .anker {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #dining-1 .title .anker {
    margin-top: 0px;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
}
#dining-1 .title .anker .btn {
  padding: 12px 20px;
  border: 1px solid #212832;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  /*
  .icon{
      @include sp{
          display: flex;
          align-items: center;
          order: 2;
          margin-right: 6px;
          &:before{
              content: "";
              position: relative;
              top: 3px;
              border: 5px solid transparent;
              border-top: 6px solid #8c8c8c; 
          }
      }
  }*/
}
#dining-1 .title .anker .btn:hover {
  background: #212832;
}
#dining-1 .title .anker .btn:hover span {
  color: white;
}
#dining-1 .title .anker .btn:hover .icon {
  color: white;
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn {
    padding: 0;
    border: 0px;
    margin-top: 22px;
    justify-content: flex-start;
  }
  #dining-1 .title .anker .btn:hover {
    background: transparent;
  }
  #dining-1 .title .anker .btn:hover span {
    color: #212832;
  }
}
#dining-1 .title .anker .btn .jp {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-right: 30px;
}
#dining-1 .title .anker .btn .jp:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .title .anker .btn .jp:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn .jp {
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    order: 3;
    white-space: nowrap;
  }
  #dining-1 .title .anker .btn .jp:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .title .anker .btn .jp:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
#dining-1 .title .anker .btn .eng {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-right: 12px;
}
#dining-1 .title .anker .btn .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .title .anker .btn .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn .eng {
    width: 90px;
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #8c8c8c;
    order: 1;
  }
  #dining-1 .title .anker .btn .eng:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .title .anker .btn .eng:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
#dining-1 .title .anker .btn .icon {
  font-size: 8px;
}
@media (max-width: 960px) {
  #dining-1 .title .anker .btn .icon {
    color: #8c8c8c;
    margin-right: 6px;
    order: 2;
  }
}
#dining-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 50px 0 105px 0;
}
@media (max-width: 1319px) {
  #dining-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap {
    width: 100%;
    padding: 30px 0 40px 0;
    margin: 0px auto;
  }
}
#dining-1 .wrap .content {
  display: flex;
  gap: 40px;
}
#dining-1 .wrap .content:nth-of-type(n+2) {
  margin-top: 145px;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(n+2) {
    margin-top: 70px;
  }
}
#dining-1 .wrap .content:nth-of-type(even) .text-box {
  order: 2;
}
#dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
#dining-1 .wrap .content:nth-of-type(even) .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
#dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
  opacity: 0.5;
}
#dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
#dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
#dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
  margin: 0;
}
#dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 100%;
    height: fit-content !important;
    margin-top: 7px !important;
    margin: auto;
    position: static !important;
    z-index: 2;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout {
    display: flex;
    gap: 0px 1%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    position: relative;
    width: 11.5662650602%;
    height: 2.5px;
    border-radius: 0;
    padding: 7px 0 7px 0;
    cursor: pointer;
    opacity: 1;
    background: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
    opacity: 0.5;
  }
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 2;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    content: "";
    display: block;
    width: 0px;
    height: 5px;
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 3;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
    margin: 0;
  }
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
    margin-left: 0px;
  }
  #dining-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
    animation: Indicator 4s linear forwards;
    z-index: 4;
  }
  @keyframes Indicator {
    0% {
      width: 0;
      background-color: #212832;
    }
    100% {
      width: 100%;
      background-color: #212832;
    }
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content {
    width: 100%;
    flex-direction: column;
    gap: 26px;
  }
}
#dining-1 .wrap .content .text-box {
  width: 100%;
  max-width: 320px;
}
@media (max-width: 1319px) {
  #dining-1 .wrap .content .text-box {
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
    order: 2 !important;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #dining-1 .wrap .content .text-box {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box {
    width: 90%;
  }
}
#dining-1 .wrap .content .text-box h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  color: #000000;
}
#dining-1 .wrap .content .text-box h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 {
    font-size: 18px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-1 .wrap .content .text-box h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box h2 span {
  display: block;
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-bottom: 14px;
}
#dining-1 .wrap .content .text-box h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 span {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 8px;
  }
  #dining-1 .wrap .content .text-box h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box .text {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#dining-1 .wrap .content .text-box .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .text {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .text {
    margin-top: 20px;
  }
}
#dining-1 .wrap .content .text-box .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#dining-1 .wrap .content .text-box .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #dining-1 .wrap .content .text-box .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #dining-1 .wrap .content .text-box .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #dining-1 .wrap .content .text-box .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box dl {
  background: white;
  padding: 18px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl {
    margin-top: 26px;
  }
}
#dining-1 .wrap .content .text-box dl h2 {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  margin-bottom: 10px;
}
#dining-1 .wrap .content .text-box dl h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box dl h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box dl h2.mt {
  margin-top: 20px;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl h2 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-1 .wrap .content .text-box dl h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box dl h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box dl .dl-wrap {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 10px;
}
#dining-1 .wrap .content .text-box dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl .dl-wrap {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-1 .wrap .content .text-box dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#dining-1 .wrap .content .text-box dl .dl-wrap dt {
  width: 18%;
  max-width: 80px;
  white-space: nowrap;
  margin-right: 10px;
}
#dining-1 .wrap .content .text-box dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#dining-1 .wrap .content .text-box dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#dining-1 .wrap .content .text-box dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .text-box dl .dl-wrap dd a {
  text-decoration: underline;
}
#dining-1 .wrap .content .text-box .complement {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 10px;
}
#dining-1 .wrap .content .text-box .complement:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-1 .wrap .content .text-box .complement:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .text-box .complement {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-1 .wrap .content .text-box .complement:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-1 .wrap .content .text-box .complement:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap .content .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #dining-1 .wrap .content .slider {
    width: 50%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .slider {
    width: 100%;
  }
}
#dining-1 .wrap .content .slider .swiper {
  width: 100%;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #dining-1 .wrap .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#dining-1 .wrap .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#dining-1 .wrap .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #dining-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/4.25;
  }
}
#dining-1 .wrap .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#dining-1 .wrap .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#dining-1 .wrap .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .pg-layout .bar {
    height: 2.5px;
  }
}
#dining-1 .wrap .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#dining-1 .wrap .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#dining-1 .wrap .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #dining-1 .wrap .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#dining-1 .wrap .content .swiper-pagination-bullet {
  margin: 0;
}
#dining-1 .wrap .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#dining-1 .wrap .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
#dining-1 .wrap2 {
  max-width: 1240px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 40px 0 50px 0;
}
@media (max-width: 1319px) {
  #dining-1 .wrap2 {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap2 {
    width: 90%;
  }
}
#dining-1 .wrap2 .part-wrapping {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping {
    justify-content: space-between;
  }
}
@media (max-width: 1319px) {
  #dining-1 .wrap2 .part-wrapping {
    gap: 10px;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping {
    gap: 0px;
  }
}
#dining-1 .wrap2 .part-wrapping .part {
  width: 352px;
  margin: 0 20px;
  height: fit-content;
}
@media (max-width: 1319px) {
  #dining-1 .wrap2 .part-wrapping .part {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part {
    width: 48%;
    margin: 24px 0 0 0;
  }
}
#dining-1 .wrap2 .part-wrapping .part.mt {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part.mt {
    margin-top: 24px;
  }
}
#dining-1 .wrap2 .part-wrapping .part img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3.52/1.98;
  object-fit: cover;
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part img {
    width: 100%;
    min-width: inherit;
  }
}
#dining-1 .wrap2 .part-wrapping .part h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #212832;
  display: block;
  margin-top: 18px;
}
#dining-1 .wrap2 .part-wrapping .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-1 .wrap2 .part-wrapping .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #dining-1 .wrap2 .part-wrapping .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-1 .wrap2 .part-wrapping .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
#dining-1 .wrap2 .part-wrapping .part p {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 14px;
}
#dining-1 .wrap2 .part-wrapping .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-1 .wrap2 .part-wrapping .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-1 .wrap2 .part-wrapping .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-1 .wrap2 .part-wrapping .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}

#dining-parking {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 50px 0 105px 0;
}
@media (max-width: 1319px) {
  #dining-parking {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #dining-parking {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #dining-parking {
    width: 100%;
    padding: 30px 0 40px 0;
    margin: 0px auto;
  }
}
#dining-parking #parking {
  margin-top: 60px;
  margin-bottom: 100px;
}
@media (max-width: 960px) {
  #dining-parking #parking {
    margin-left: 4vw;
    margin-bottom: 6vw;
    margin-right: 4vw;
  }
}
#dining-parking #parking .parking {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #dining-parking #parking .parking {
    padding-bottom: 34px;
  }
}
#dining-parking #parking .parking h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-bottom: 12px;
  border-bottom: 1px solid #989898;
  text-align: left;
}
#dining-parking #parking .parking h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-parking #parking .parking h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking h2 {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking h2.no-border {
  padding-bottom: 0px;
  border: 0px;
}
@media (max-width: 960px) {
  #dining-parking #parking .parking h2 {
    padding-bottom: 18px;
  }
}
#dining-parking #parking .parking h2 span {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 12px;
}
#dining-parking #parking .parking h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-parking #parking .parking h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking h2 span {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking h3 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
#dining-parking #parking .parking h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-parking #parking .parking h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-parking #parking .parking h3 {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-top: 30px;
    border-top: 1px solid #999999;
  }
  #dining-parking #parking .parking h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-parking #parking .parking h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-parking #parking .parking h3 {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking p {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#dining-parking #parking .parking p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-parking #parking .parking p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-parking #parking .parking p {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #dining-parking #parking .parking p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-parking #parking .parking p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-parking #parking .parking p {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking .link {
  display: block;
  margin-top: 20px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
}
#dining-parking #parking .parking .link:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-parking #parking .parking .link:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking .link {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  background-color: #FFF;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#dining-parking #parking .parking .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#dining-parking #parking .parking .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #dining-parking #parking .parking .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #dining-parking #parking .parking .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #dining-parking #parking .parking .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #dining-parking #parking .parking .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #dining-parking #parking .parking .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-parking #parking .parking .btn {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #dining-parking #parking .parking dl {
    margin-top: 18px;
  }
}
#dining-parking #parking .parking dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 6px;
}
#dining-parking #parking .parking dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#dining-parking #parking .parking dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #dining-parking #parking .parking dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #dining-parking #parking .parking dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #dining-parking #parking .parking dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #dining-parking #parking .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#dining-parking #parking .parking dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#dining-parking #parking .parking dl .dl-wrap dt {
  display: block;
  width: 65px;
  margin-right: 20px;
  white-space: nowrap;
}
@media (max-width: 960px) {
  #dining-parking #parking .parking dl .dl-wrap dt {
    width: 55px;
  }
}
#dining-parking #parking .parking dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#dining-parking #parking .parking dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#dining-parking #parking .parking dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#dining-parking #parking .parking dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #dining-parking #parking .parking dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}

/*Loungeページ*/
@media (max-width: 960px) {
  #lounge-1 .title {
    height: fit-content;
    min-height: 140px;
    padding: 18px 18px 30px 18px;
    margin: 0px auto;
  }
}
#lounge-1 .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  margin: 0px auto;
  margin-top: 40px;
}
#lounge-1 .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title h1 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 0px;
  }
  #lounge-1 .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .title h1 {
    letter-spacing: 0em;
  }
}
#lounge-1 .title h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#lounge-1 .title h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .title h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .title h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #lounge-1 .title h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .title h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .title h1 span {
    letter-spacing: 0em;
  }
}
#lounge-1 .title .anker {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 1319px) {
  #lounge-1 .title .anker {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title .anker {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title .anker {
    margin-top: 0px;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
}
#lounge-1 .title .anker .btn {
  padding: 12px 20px;
  border: 1px solid #212832;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  /*
  .icon{
      @include sp{
          display: flex;
          align-items: center;
          order: 2;
          margin-right: 6px;
          &:before{
              content: "";
              position: relative;
              top: 3px;
              border: 5px solid transparent;
              border-top: 6px solid #8c8c8c; 
          }
      }
  }*/
}
#lounge-1 .title .anker .btn:hover {
  background: #212832;
}
#lounge-1 .title .anker .btn:hover span {
  color: white;
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn {
    padding: 0;
    border: 0px;
    margin-top: 22px;
    justify-content: flex-start;
  }
  #lounge-1 .title .anker .btn:hover {
    background: transparent;
  }
  #lounge-1 .title .anker .btn:hover span {
    color: #212832;
  }
}
#lounge-1 .title .anker .btn .jp {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-right: 30px;
}
#lounge-1 .title .anker .btn .jp:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .title .anker .btn .jp:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn .jp {
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    order: 3;
  }
  #lounge-1 .title .anker .btn .jp:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .title .anker .btn .jp:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
#lounge-1 .title .anker .btn .eng {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-right: 12px;
}
#lounge-1 .title .anker .btn .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .title .anker .btn .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn .eng {
    width: 90px;
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #8c8c8c;
    order: 1;
  }
  #lounge-1 .title .anker .btn .eng:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .title .anker .btn .eng:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
#lounge-1 .title .anker .btn .icon {
  font-size: 8px;
}
@media (max-width: 960px) {
  #lounge-1 .title .anker .btn .icon {
    color: #8c8c8c;
    margin-right: 6px;
    order: 2;
  }
}
#lounge-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 50px 0 105px 0;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap {
    width: 100%;
    padding: 30px 0 40px 0;
    margin: 0px auto;
  }
}
#lounge-1 .wrap .content {
  display: flex;
  gap: 40px;
}
#lounge-1 .wrap .content:nth-of-type(n+2) {
  margin-top: 145px;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(n+2) {
    margin-top: 70px;
  }
}
#lounge-1 .wrap .content:nth-of-type(even) .text-box {
  order: 2;
}
#lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
#lounge-1 .wrap .content:nth-of-type(even) .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
  opacity: 0.5;
}
#lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
  margin: 0;
}
#lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 100%;
    height: fit-content !important;
    margin-top: 7px !important;
    margin: auto;
    position: static !important;
    z-index: 2;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout {
    display: flex;
    gap: 0px 1%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    position: relative;
    width: 11.5662650602%;
    height: 2.5px;
    border-radius: 0;
    padding: 7px 0 7px 0;
    cursor: pointer;
    opacity: 1;
    background: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
    opacity: 0.5;
  }
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 2;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    content: "";
    display: block;
    width: 0px;
    height: 5px;
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 3;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
    margin: 0;
  }
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
    margin-left: 0px;
  }
  #lounge-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
    animation: Indicator 4s linear forwards;
    z-index: 4;
  }
  @keyframes Indicator {
    0% {
      width: 0;
      background-color: #212832;
    }
    100% {
      width: 100%;
      background-color: #212832;
    }
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content {
    width: 100%;
    flex-direction: column;
    gap: 26px;
  }
}
#lounge-1 .wrap .content .text-box {
  width: 100%;
  max-width: 320px;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap .content .text-box {
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
    order: 2 !important;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #lounge-1 .wrap .content .text-box {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box {
    width: 90%;
  }
}
#lounge-1 .wrap .content .text-box h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  color: #000000;
}
#lounge-1 .wrap .content .text-box h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 {
    font-size: 18px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #lounge-1 .wrap .content .text-box h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box h2 span {
  display: block;
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-bottom: 14px;
}
#lounge-1 .wrap .content .text-box h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 span {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 8px;
  }
  #lounge-1 .wrap .content .text-box h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box .text {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#lounge-1 .wrap .content .text-box .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .text {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .text {
    margin-top: 20px;
  }
}
#lounge-1 .wrap .content .text-box .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#lounge-1 .wrap .content .text-box .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #lounge-1 .wrap .content .text-box .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #lounge-1 .wrap .content .text-box .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #lounge-1 .wrap .content .text-box .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box dl {
  background: white;
  padding: 18px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl {
    margin-top: 26px;
  }
}
#lounge-1 .wrap .content .text-box dl h2 {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  margin-bottom: 10px;
}
#lounge-1 .wrap .content .text-box dl h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box dl h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box dl h2.mt {
  margin-top: 20px;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl h2 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #lounge-1 .wrap .content .text-box dl h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box dl h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box dl .dl-wrap {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 10px;
}
#lounge-1 .wrap .content .text-box dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl .dl-wrap {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #lounge-1 .wrap .content .text-box dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dt {
  width: 18%;
  max-width: 80px;
  white-space: nowrap;
  margin-right: 10px;
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .text-box dl .dl-wrap dd a {
  text-decoration: underline;
}
#lounge-1 .wrap .content .text-box .complement {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 10px;
}
#lounge-1 .wrap .content .text-box .complement:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#lounge-1 .wrap .content .text-box .complement:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .complement {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #lounge-1 .wrap .content .text-box .complement:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap .content .text-box .complement:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap .content .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap .content .slider {
    width: 50%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .slider {
    width: 100%;
  }
}
#lounge-1 .wrap .content .slider .swiper {
  width: 100%;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#lounge-1 .wrap .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#lounge-1 .wrap .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/4.25;
  }
}
#lounge-1 .wrap .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#lounge-1 .wrap .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#lounge-1 .wrap .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .pg-layout .bar {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#lounge-1 .wrap .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #lounge-1 .wrap .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#lounge-1 .wrap .content .swiper-pagination-bullet {
  margin: 0;
}
#lounge-1 .wrap .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#lounge-1 .wrap .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
#lounge-1 .wrap2 {
  max-width: 1240px;
  width: 100%;
  height: auto;
  margin: 50px auto 0;
  padding: 40px 0 0px 0;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap2 {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 {
    width: 90%;
  }
}
#lounge-1 .wrap2 .part-wrapping {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap2 .part-wrapping {
    gap: 10px;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping {
    gap: 0px;
  }
}
#lounge-1 .wrap2 .part-wrapping .part {
  width: 352px;
  margin: 0 20px;
  height: fit-content;
}
@media (max-width: 1319px) {
  #lounge-1 .wrap2 .part-wrapping .part {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part {
    width: 100%;
    margin: 24px 0 0 0;
  }
}
#lounge-1 .wrap2 .part-wrapping .part img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3.52/1.98;
  object-fit: cover;
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part img {
    width: 60vw;
    min-width: 240px;
  }
}
#lounge-1 .wrap2 .part-wrapping .part h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #212832;
  display: block;
  margin-top: 18px;
}
#lounge-1 .wrap2 .part-wrapping .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#lounge-1 .wrap2 .part-wrapping .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #lounge-1 .wrap2 .part-wrapping .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap2 .part-wrapping .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
#lounge-1 .wrap2 .part-wrapping .part p {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 14px;
}
#lounge-1 .wrap2 .part-wrapping .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#lounge-1 .wrap2 .part-wrapping .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #lounge-1 .wrap2 .part-wrapping .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #lounge-1 .wrap2 .part-wrapping .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #lounge-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}

/*Loungeページ*/
@media (max-width: 960px) {
  #activity-1 .title {
    height: fit-content;
    min-height: 140px;
    padding: 18px 18px 30px 18px;
    margin: 0px auto;
  }
}
#activity-1 .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  margin: 0px auto;
  margin-top: 40px;
}
#activity-1 .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .title h1 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 0px;
  }
  #activity-1 .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .title h1 {
    letter-spacing: 0em;
  }
}
#activity-1 .title h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#activity-1 .title h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .title h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .title h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .title h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #activity-1 .title h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .title h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .title h1 span {
    letter-spacing: 0em;
  }
}
#activity-1 .title .anker {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 1319px) {
  #activity-1 .title .anker {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #activity-1 .title .anker {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #activity-1 .title .anker {
    margin-top: 0px;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
}
#activity-1 .title .anker .btn {
  padding: 12px 20px;
  border: 1px solid #212832;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  /*
  .icon{
      @include sp{
          display: flex;
          align-items: center;
          order: 2;
          margin-right: 6px;
          &:before{
              content: "";
              position: relative;
              top: 3px;
              border: 5px solid transparent;
              border-top: 6px solid #8c8c8c; 
          }
      }
  }*/
}
#activity-1 .title .anker .btn:hover {
  background: #212832;
}
#activity-1 .title .anker .btn:hover span {
  color: white;
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn {
    padding: 0;
    border: 0px;
    margin-top: 22px;
    justify-content: flex-start;
  }
  #activity-1 .title .anker .btn:hover {
    background: transparent;
  }
  #activity-1 .title .anker .btn:hover span {
    color: #212832;
  }
}
#activity-1 .title .anker .btn .jp {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-right: 30px;
}
#activity-1 .title .anker .btn .jp:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .title .anker .btn .jp:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn .jp {
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    order: 3;
  }
  #activity-1 .title .anker .btn .jp:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .title .anker .btn .jp:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
#activity-1 .title .anker .btn .eng {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-right: 12px;
}
#activity-1 .title .anker .btn .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .title .anker .btn .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn .eng {
    width: 90px;
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #8c8c8c;
    order: 1;
  }
  #activity-1 .title .anker .btn .eng:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .title .anker .btn .eng:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
#activity-1 .title .anker .btn .icon {
  font-size: 8px;
}
@media (max-width: 960px) {
  #activity-1 .title .anker .btn .icon {
    color: #8c8c8c;
    margin-right: 6px;
    order: 2;
  }
}
#activity-1 .detail {
  width: 100%;
  margin-top: 50px;
}
#activity-1 .detail h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  border-bottom: 1px solid #989898;
  margin-bottom: 16px;
}
#activity-1 .detail h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .detail h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .detail h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .detail h2 {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-bottom: 12px;
  }
  #activity-1 .detail h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .detail h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .detail h2 {
    letter-spacing: 0em;
  }
}
#activity-1 .detail h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  display: block;
  margin-bottom: 16px;
}
#activity-1 .detail h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .detail h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .detail h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .detail h3 {
    font-size: 16px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  #activity-1 .detail h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  #activity-1 .detail h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .detail h3 {
    letter-spacing: 0em;
  }
}
#activity-1 .detail p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 16px;
}
#activity-1 .detail p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .detail p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .detail p {
    letter-spacing: 0em;
  }
}
#activity-1 .detail dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #activity-1 .detail dl {
    margin-top: 18px;
  }
}
#activity-1 .detail dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 20px;
}
#activity-1 .detail dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .detail dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .detail dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #activity-1 .detail dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .detail dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#activity-1 .detail dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#activity-1 .detail dl .dl-wrap dt {
  display: block;
  width: 7%;
  white-space: nowrap;
  max-width: 150px;
  margin-right: 20px;
}
@media (max-width: 960px) {
  #activity-1 .detail dl .dl-wrap dt {
    width: 55px;
  }
}
#activity-1 .detail dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#activity-1 .detail dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#activity-1 .detail dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#activity-1 .detail dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .detail dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 50px 0 105px 0;
}
@media (max-width: 1319px) {
  #activity-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap {
    width: 100%;
    padding: 30px 0 40px 0;
    margin: 0px auto;
  }
}
#activity-1 .wrap .content {
  display: flex;
  gap: 40px;
}
#activity-1 .wrap .content:nth-of-type(n+2) {
  margin-top: 145px;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(n+2) {
    margin-top: 70px;
  }
}
#activity-1 .wrap .content:nth-of-type(even) .text-box {
  order: 2;
}
#activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
#activity-1 .wrap .content:nth-of-type(even) .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
#activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
  opacity: 0.5;
}
#activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
#activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
#activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
  margin: 0;
}
#activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 100%;
    height: fit-content !important;
    margin-top: 7px !important;
    margin: auto;
    position: static !important;
    z-index: 2;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-wrapper {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout {
    display: flex;
    gap: 0px 1%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    position: relative;
    width: 11.5662650602%;
    height: 2.5px;
    border-radius: 0;
    padding: 7px 0 7px 0;
    cursor: pointer;
    opacity: 1;
    background: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:hover {
    opacity: 0.5;
  }
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 2;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:before {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    content: "";
    display: block;
    width: 0px;
    height: 5px;
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    z-index: 3;
    opacity: 1;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .pg-layout .bar:after {
    height: 2.5px;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet {
    margin: 0;
  }
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet:first-of-type {
    margin-left: 0px;
  }
  #activity-1 .wrap .content:nth-of-type(even) .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
    animation: Indicator 4s linear forwards;
    z-index: 4;
  }
  @keyframes Indicator {
    0% {
      width: 0;
      background-color: #212832;
    }
    100% {
      width: 100%;
      background-color: #212832;
    }
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content {
    width: 100%;
    flex-direction: column;
    gap: 26px;
  }
}
#activity-1 .wrap .content .text-box {
  width: 100%;
  max-width: 320px;
}
@media (max-width: 1319px) {
  #activity-1 .wrap .content .text-box {
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
    order: 2 !important;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #activity-1 .wrap .content .text-box {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box {
    width: 90%;
  }
}
#activity-1 .wrap .content .text-box h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  color: #000000;
}
#activity-1 .wrap .content .text-box h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 {
    font-size: 18px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #activity-1 .wrap .content .text-box h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box h2 span {
  display: block;
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-bottom: 14px;
}
#activity-1 .wrap .content .text-box h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 span {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 8px;
  }
  #activity-1 .wrap .content .text-box h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box h2 span {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box .text {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#activity-1 .wrap .content .text-box .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .text {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .text {
    margin-top: 20px;
  }
}
#activity-1 .wrap .content .text-box .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#activity-1 .wrap .content .text-box .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #activity-1 .wrap .content .text-box .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #activity-1 .wrap .content .text-box .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #activity-1 .wrap .content .text-box .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box .btn {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box dl {
  background: white;
  padding: 18px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl {
    margin-top: 26px;
  }
}
#activity-1 .wrap .content .text-box dl h2 {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  margin-bottom: 10px;
}
#activity-1 .wrap .content .text-box dl h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box dl h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box dl h2.mt {
  margin-top: 20px;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl h2 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #activity-1 .wrap .content .text-box dl h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box dl h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl h2 {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box dl .dl-wrap {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 10px;
}
#activity-1 .wrap .content .text-box dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl .dl-wrap {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #activity-1 .wrap .content .text-box dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#activity-1 .wrap .content .text-box dl .dl-wrap dt {
  width: 18%;
  max-width: 80px;
  white-space: nowrap;
  margin-right: 10px;
}
#activity-1 .wrap .content .text-box dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#activity-1 .wrap .content .text-box dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#activity-1 .wrap .content .text-box dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .text-box dl .dl-wrap dd a {
  text-decoration: underline;
}
#activity-1 .wrap .content .text-box .complement {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 10px;
}
#activity-1 .wrap .content .text-box .complement:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .wrap .content .text-box .complement:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .text-box .complement {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #activity-1 .wrap .content .text-box .complement:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .wrap .content .text-box .complement:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap .content .text-box .complement {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap .content .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #activity-1 .wrap .content .slider {
    width: 50%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .slider {
    width: 100%;
  }
}
#activity-1 .wrap .content .slider .swiper {
  width: 100%;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #activity-1 .wrap .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#activity-1 .wrap .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#activity-1 .wrap .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #activity-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/4.25;
  }
}
#activity-1 .wrap .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#activity-1 .wrap .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#activity-1 .wrap .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .pg-layout .bar {
    height: 2.5px;
  }
}
#activity-1 .wrap .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#activity-1 .wrap .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#activity-1 .wrap .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #activity-1 .wrap .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#activity-1 .wrap .content .swiper-pagination-bullet {
  margin: 0;
}
#activity-1 .wrap .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#activity-1 .wrap .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
#activity-1 .wrap2 {
  max-width: 1240px;
  width: 100%;
  height: auto;
  margin: 50px auto 0;
  padding: 40px 0 0px 0;
}
@media (max-width: 1319px) {
  #activity-1 .wrap2 {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap2 {
    width: 90%;
  }
}
#activity-1 .wrap2 .part-wrapping {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1319px) {
  #activity-1 .wrap2 .part-wrapping {
    gap: 10px;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping {
    gap: 0px;
  }
}
#activity-1 .wrap2 .part-wrapping .part {
  width: 352px;
  margin: 0 20px;
  height: fit-content;
}
@media (max-width: 1319px) {
  #activity-1 .wrap2 .part-wrapping .part {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part {
    width: 100%;
    margin: 24px 0 0 0;
  }
}
#activity-1 .wrap2 .part-wrapping .part img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3.52/1.98;
  object-fit: cover;
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part img {
    width: 60vw;
    min-width: 240px;
  }
}
#activity-1 .wrap2 .part-wrapping .part h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #212832;
  display: block;
  margin-top: 18px;
}
#activity-1 .wrap2 .part-wrapping .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#activity-1 .wrap2 .part-wrapping .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #activity-1 .wrap2 .part-wrapping .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #activity-1 .wrap2 .part-wrapping .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
#activity-1 .wrap2 .part-wrapping .part p {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 14px;
}
#activity-1 .wrap2 .part-wrapping .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#activity-1 .wrap2 .part-wrapping .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #activity-1 .wrap2 .part-wrapping .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #activity-1 .wrap2 .part-wrapping .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #activity-1 .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}

/*BATHページ*/
@media (max-width: 960px) {
  #bath-1 .title, .bath .title {
    height: auto;
    min-height: 140px;
    padding: 18px 18px 30px 18px;
    margin: 0px auto;
  }
}
#bath-1 .title h1, .bath .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  margin: 0px auto;
  margin-top: 40px;
}
#bath-1 .title h1:before, .bath .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .title h1:after, .bath .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .title h1, .bath .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .title h1, .bath .title h1 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 0px;
  }
  #bath-1 .title h1:before, .bath .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .title h1:after, .bath .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .title h1, .bath .title h1 {
    letter-spacing: 0em;
  }
}
#bath-1 .title h1 span, .bath .title h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#bath-1 .title h1 span:before, .bath .title h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .title h1 span:after, .bath .title h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .title h1 span, .bath .title h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .title h1 span, .bath .title h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #bath-1 .title h1 span:before, .bath .title h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .title h1 span:after, .bath .title h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .title h1 span, .bath .title h1 span {
    letter-spacing: 0em;
  }
}
#bath-1 .title .anker, .bath .title .anker {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 1319px) {
  #bath-1 .title .anker, .bath .title .anker {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #bath-1 .title .anker, .bath .title .anker {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #bath-1 .title .anker, .bath .title .anker {
    margin-top: 0px;
    flex-direction: column;
    gap: 0;
  }
}
#bath-1 .title .anker .btn, .bath .title .anker .btn {
  padding: 12px 20px;
  border: 1px solid #212832;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#bath-1 .title .anker .btn:hover, .bath .title .anker .btn:hover {
  background: #212832;
}
#bath-1 .title .anker .btn:hover span, .bath .title .anker .btn:hover span {
  color: white;
}
#bath-1 .title .anker .btn:hover .icon, .bath .title .anker .btn:hover .icon {
  color: white;
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn, .bath .title .anker .btn {
    padding: 0;
    border: 0px;
    margin-top: 22px;
    justify-content: flex-start;
  }
  #bath-1 .title .anker .btn:hover, .bath .title .anker .btn:hover {
    background: transparent;
  }
  #bath-1 .title .anker .btn:hover span, .bath .title .anker .btn:hover span {
    color: #212832;
  }
}
#bath-1 .title .anker .btn .jp, .bath .title .anker .btn .jp {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-right: 30px;
}
#bath-1 .title .anker .btn .jp:before, .bath .title .anker .btn .jp:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .title .anker .btn .jp:after, .bath .title .anker .btn .jp:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn .jp, .bath .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn .jp, .bath .title .anker .btn .jp {
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    order: 3;
    white-space: nowrap;
  }
  #bath-1 .title .anker .btn .jp:before, .bath .title .anker .btn .jp:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .title .anker .btn .jp:after, .bath .title .anker .btn .jp:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .title .anker .btn .jp, .bath .title .anker .btn .jp {
    letter-spacing: 0em;
  }
}
#bath-1 .title .anker .btn .eng, .bath .title .anker .btn .eng {
  font-size: 12px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-right: 12px;
}
#bath-1 .title .anker .btn .eng:before, .bath .title .anker .btn .eng:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .title .anker .btn .eng:after, .bath .title .anker .btn .eng:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn .eng, .bath .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn .eng, .bath .title .anker .btn .eng {
    width: 120px;
    font-size: 12px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #8c8c8c;
    order: 1;
  }
  #bath-1 .title .anker .btn .eng:before, .bath .title .anker .btn .eng:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .title .anker .btn .eng:after, .bath .title .anker .btn .eng:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .title .anker .btn .eng, .bath .title .anker .btn .eng {
    letter-spacing: 0em;
  }
}
#bath-1 .title .anker .btn .icon, .bath .title .anker .btn .icon {
  font-size: 8px;
}
@media (max-width: 960px) {
  #bath-1 .title .anker .btn .icon, .bath .title .anker .btn .icon {
    color: #8c8c8c;
    margin-right: 6px;
    order: 2;
  }
}
#bath-1 .slider, .bath .slider {
  max-width: 960px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
}
@media (max-width: 1319px) {
  #bath-1 .slider, .bath .slider {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #bath-1 .slider, .bath .slider {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #bath-1 .slider, .bath .slider {
    width: 100%;
  }
}
#bath-1 .slider .swiper, .bath .slider .swiper {
  width: 960px;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #bath-1 .slider .swiper, .bath .slider .swiper {
    width: 100%;
    height: auto;
    aspect-ratio: 9.6/5.4;
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  #bath-1 .slider .swiper, .bath .slider .swiper {
    width: 100%;
    height: 40vw;
    min-height: 210px;
    aspect-ratio: initial;
  }
}
#bath-1 .slider .swiper .swiper-slide, .bath .slider .swiper .swiper-slide {
  overflow: hidden;
}
#bath-1 .slider .swiper .swiper-slide img, .bath .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#bath-1 .swiper-pagination-wrapper, .bath .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #bath-1 .swiper-pagination-wrapper, .bath .swiper-pagination-wrapper {
    width: 90%;
  }
}
#bath-1 .pg-layout, .bath .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#bath-1 .pg-layout .bar, .bath .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #bath-1 .pg-layout .bar, .bath .pg-layout .bar {
    height: 2.5px;
  }
}
#bath-1 .pg-layout .bar:hover, .bath .pg-layout .bar:hover {
  opacity: 0.5;
}
#bath-1 .pg-layout .bar:before, .bath .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #bath-1 .pg-layout .bar:before, .bath .pg-layout .bar:before {
    height: 2.5px;
  }
}
#bath-1 .pg-layout .bar:after, .bath .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #bath-1 .pg-layout .bar:after, .bath .pg-layout .bar:after {
    height: 2.5px;
  }
}
#bath-1 .swiper-pagination-bullet, .bath .swiper-pagination-bullet {
  margin: 0;
}
#bath-1 .swiper-pagination-bullet:first-of-type, .bath .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#bath-1 .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after, .bath .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
#bath-1 .wrap, .bath .wrap {
  max-width: 960px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 70px 0;
}
@media (max-width: 1319px) {
  #bath-1 .wrap, .bath .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap, .bath .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap, .bath .wrap {
    padding: 20px 0;
    margin: 0px auto;
  }
}
#bath-1 .wrap .intro-wrapping, .bath .wrap .intro-wrapping {
  display: flex;
  gap: 80px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping, .bath .wrap .intro-wrapping {
    flex-direction: column;
  }
}
#bath-1 .wrap .intro-wrapping .intro, .bath .wrap .intro-wrapping .intro {
  width: auto;
  display: flex;
  margin-bottom: 50px;
}
#bath-1 .wrap .intro-wrapping .intro.wide, .bath .wrap .intro-wrapping .intro.wide {
  width: 340px;
  display: block;
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro.wide, .bath .wrap .intro-wrapping .intro.wide {
    width: 100%;
  }
}
#bath-1 .wrap .intro-wrapping .intro.wide dl, .bath .wrap .intro-wrapping .intro.wide dl {
  margin-left: 0px;
}
#bath-1 .wrap .intro-wrapping .intro.no_effect, .bath .wrap .intro-wrapping .intro.no_effect {
  width: auto;
  display: block;
}
#bath-1 .wrap .intro-wrapping .intro.no_effect dl, .bath .wrap .intro-wrapping .intro.no_effect dl {
  margin-left: 0px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro, .bath .wrap .intro-wrapping .intro {
    width: 100%;
    flex-direction: column;
  }
}
#bath-1 .wrap .intro-wrapping .intro h2, .bath .wrap .intro-wrapping .intro h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
}
#bath-1 .wrap .intro-wrapping .intro h2:before, .bath .wrap .intro-wrapping .intro h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .wrap .intro-wrapping .intro h2:after, .bath .wrap .intro-wrapping .intro h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2, .bath .wrap .intro-wrapping .intro h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2, .bath .wrap .intro-wrapping .intro h2 {
    font-size: 18px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #bath-1 .wrap .intro-wrapping .intro h2:before, .bath .wrap .intro-wrapping .intro h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .intro-wrapping .intro h2:after, .bath .wrap .intro-wrapping .intro h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2, .bath .wrap .intro-wrapping .intro h2 {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .intro-wrapping .intro h2 span, .bath .wrap .intro-wrapping .intro h2 span {
  display: block;
  font-size: 11px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  margin-bottom: 14px;
}
#bath-1 .wrap .intro-wrapping .intro h2 span:before, .bath .wrap .intro-wrapping .intro h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .wrap .intro-wrapping .intro h2 span:after, .bath .wrap .intro-wrapping .intro h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2 span, .bath .wrap .intro-wrapping .intro h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2 span, .bath .wrap .intro-wrapping .intro h2 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 8px;
  }
  #bath-1 .wrap .intro-wrapping .intro h2 span:before, .bath .wrap .intro-wrapping .intro h2 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .intro-wrapping .intro h2 span:after, .bath .wrap .intro-wrapping .intro h2 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro h2 span, .bath .wrap .intro-wrapping .intro h2 span {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .intro-wrapping .intro p, .bath .wrap .intro-wrapping .intro p {
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: 40px;
}
#bath-1 .wrap .intro-wrapping .intro p:before, .bath .wrap .intro-wrapping .intro p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#bath-1 .wrap .intro-wrapping .intro p:after, .bath .wrap .intro-wrapping .intro p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro p, .bath .wrap .intro-wrapping .intro p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro p, .bath .wrap .intro-wrapping .intro p {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.9;
    margin-top: 20px;
  }
  #bath-1 .wrap .intro-wrapping .intro p:before, .bath .wrap .intro-wrapping .intro p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .intro-wrapping .intro p:after, .bath .wrap .intro-wrapping .intro p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro p, .bath .wrap .intro-wrapping .intro p {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .intro-wrapping .intro dl, .bath .wrap .intro-wrapping .intro dl {
  background: white;
  padding: 18px;
  margin-top: 55px;
  margin-left: 30px;
  display: inline-block;
  min-width: 340px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro dl, .bath .wrap .intro-wrapping .intro dl {
    padding: 13px;
    min-width: inherit;
    margin-left: 0;
    width: 100%;
  }
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap, .bath .wrap .intro-wrapping .intro dl .dl-wrap {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 10px;
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap:before, .bath .wrap .intro-wrapping .intro dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap:after, .bath .wrap .intro-wrapping .intro dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap, .bath .wrap .intro-wrapping .intro dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap, .bath .wrap .intro-wrapping .intro dl .dl-wrap {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap:before, .bath .wrap .intro-wrapping .intro dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap:after, .bath .wrap .intro-wrapping .intro dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap, .bath .wrap .intro-wrapping .intro dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap:first-of-type, .bath .wrap .intro-wrapping .intro dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dt, .bath .wrap .intro-wrapping .intro dl .dl-wrap dt {
  width: 55px;
  max-width: 80px;
  white-space: nowrap;
  margin-right: 10px;
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dd, .bath .wrap .intro-wrapping .intro dl .dl-wrap dd {
  width: auto;
  margin-left: 10px;
  flex: 1;
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dd span, .bath .wrap .intro-wrapping .intro dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dd span:before, .bath .wrap .intro-wrapping .intro dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dd span:after, .bath .wrap .intro-wrapping .intro dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .intro-wrapping .intro dl .dl-wrap dd span, .bath .wrap .intro-wrapping .intro dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect, .bath .wrap .effect {
  width: 100%;
  flex: 1;
}
#bath-1 .wrap .effect h2, .bath .wrap .effect h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  border-bottom: 1px solid #989898;
}
#bath-1 .wrap .effect h2:before, .bath .wrap .effect h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect h2:after, .bath .wrap .effect h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect h2, .bath .wrap .effect h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect h2, .bath .wrap .effect h2 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #bath-1 .wrap .effect h2:before, .bath .wrap .effect h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .effect h2:after, .bath .wrap .effect h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .effect h2, .bath .wrap .effect h2 {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect p, .bath .wrap .effect p {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #000000;
  margin-top: 18px;
}
#bath-1 .wrap .effect p:before, .bath .wrap .effect p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect p:after, .bath .wrap .effect p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect p, .bath .wrap .effect p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect p, .bath .wrap .effect p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 18px;
  }
  #bath-1 .wrap .effect p:before, .bath .wrap .effect p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .effect p:after, .bath .wrap .effect p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .effect p, .bath .wrap .effect p {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect dl, .bath .wrap .effect dl {
  margin-top: 20px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl, .bath .wrap .effect dl {
    margin-top: 16px;
  }
}
#bath-1 .wrap .effect dl .dl-wrap, .bath .wrap .effect dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 12px;
}
#bath-1 .wrap .effect dl .dl-wrap:before, .bath .wrap .effect dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect dl .dl-wrap:after, .bath .wrap .effect dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap, .bath .wrap .effect dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap, .bath .wrap .effect dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.65;
    margin-top: 12px;
  }
  #bath-1 .wrap .effect dl .dl-wrap:before, .bath .wrap .effect dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.65) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .effect dl .dl-wrap:after, .bath .wrap .effect dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.65) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap, .bath .wrap .effect dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect dl .dl-wrap:first-of-type, .bath .wrap .effect dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#bath-1 .wrap .effect dl .dl-wrap dt, .bath .wrap .effect dl .dl-wrap dt {
  width: 6%;
  max-width: 100px;
  white-space: nowrap;
  margin-right: 20px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#bath-1 .wrap .effect dl .dl-wrap dt:before, .bath .wrap .effect dl .dl-wrap dt:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect dl .dl-wrap dt:after, .bath .wrap .effect dl .dl-wrap dt:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap dt, .bath .wrap .effect dl .dl-wrap dt {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect dl .dl-wrap dd, .bath .wrap .effect dl .dl-wrap dd {
  width: auto;
  flex: 1;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#bath-1 .wrap .effect dl .dl-wrap dd:before, .bath .wrap .effect dl .dl-wrap dd:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect dl .dl-wrap dd:after, .bath .wrap .effect dl .dl-wrap dd:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap dd, .bath .wrap .effect dl .dl-wrap dd {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .effect dl .dl-wrap dd span, .bath .wrap .effect dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#bath-1 .wrap .effect dl .dl-wrap dd span:before, .bath .wrap .effect dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#bath-1 .wrap .effect dl .dl-wrap dd span:after, .bath .wrap .effect dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .effect dl .dl-wrap dd span, .bath .wrap .effect dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .detail, .bath .wrap .detail {
  width: 100%;
  margin-top: 50px;
}
#bath-1 .wrap .detail h2, .bath .wrap .detail h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  border-bottom: 1px solid #989898;
}
#bath-1 .wrap .detail h2:before, .bath .wrap .detail h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .wrap .detail h2:after, .bath .wrap .detail h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail h2, .bath .wrap .detail h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail h2, .bath .wrap .detail h2 {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-bottom: 12px;
  }
  #bath-1 .wrap .detail h2:before, .bath .wrap .detail h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .detail h2:after, .bath .wrap .detail h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .detail h2, .bath .wrap .detail h2 {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .detail dl, .bath .wrap .detail dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail dl, .bath .wrap .detail dl {
    margin-top: 18px;
  }
}
#bath-1 .wrap .detail dl .dl-wrap, .bath .wrap .detail dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 20px;
}
#bath-1 .wrap .detail dl .dl-wrap:before, .bath .wrap .detail dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap .detail dl .dl-wrap:after, .bath .wrap .detail dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail dl .dl-wrap, .bath .wrap .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail dl .dl-wrap, .bath .wrap .detail dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #bath-1 .wrap .detail dl .dl-wrap:before, .bath .wrap .detail dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #bath-1 .wrap .detail dl .dl-wrap:after, .bath .wrap .detail dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap .detail dl .dl-wrap, .bath .wrap .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap .detail dl .dl-wrap:first-of-type, .bath .wrap .detail dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#bath-1 .wrap .detail dl .dl-wrap dt, .bath .wrap .detail dl .dl-wrap dt {
  display: block;
  width: 7%;
  white-space: nowrap;
  max-width: 150px;
  margin-right: 20px;
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail dl .dl-wrap dt, .bath .wrap .detail dl .dl-wrap dt {
    width: 55px;
  }
}
#bath-1 .wrap .detail dl .dl-wrap dd, .bath .wrap .detail dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#bath-1 .wrap .detail dl .dl-wrap dd span, .bath .wrap .detail dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#bath-1 .wrap .detail dl .dl-wrap dd span:before, .bath .wrap .detail dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#bath-1 .wrap .detail dl .dl-wrap dd span:after, .bath .wrap .detail dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap .detail dl .dl-wrap dd span, .bath .wrap .detail dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap2, .bath .wrap2 {
  max-width: 1240px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 40px 0 50px 0;
}
@media (max-width: 1319px) {
  #bath-1 .wrap2, .bath .wrap2 {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap2, .bath .wrap2 {
    width: 90%;
  }
}
#bath-1 .wrap2 .part-wrapping, .bath .wrap2 .part-wrapping {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping, .bath .wrap2 .part-wrapping {
    justify-content: space-between;
  }
}
@media (max-width: 1319px) {
  #bath-1 .wrap2 .part-wrapping, .bath .wrap2 .part-wrapping {
    gap: 10px;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping, .bath .wrap2 .part-wrapping {
    gap: 0px;
  }
}
#bath-1 .wrap2 .part-wrapping .part, .bath .wrap2 .part-wrapping .part {
  width: 352px;
  margin: 0 20px;
  height: fit-content;
}
@media (max-width: 1319px) {
  #bath-1 .wrap2 .part-wrapping .part, .bath .wrap2 .part-wrapping .part {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part, .bath .wrap2 .part-wrapping .part {
    width: 48%;
    margin: 24px 0 0 0;
  }
}
#bath-1 .wrap2 .part-wrapping .part.mt, .bath .wrap2 .part-wrapping .part.mt {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part.mt, .bath .wrap2 .part-wrapping .part.mt {
    margin-top: 24px;
  }
}
#bath-1 .wrap2 .part-wrapping .part img, .bath .wrap2 .part-wrapping .part img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3.52/1.98;
  object-fit: cover;
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part img, .bath .wrap2 .part-wrapping .part img {
    width: 100%;
    min-width: inherit;
  }
}
#bath-1 .wrap2 .part-wrapping .part h3, .bath .wrap2 .part-wrapping .part h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #212832;
  display: block;
  margin-top: 18px;
}
#bath-1 .wrap2 .part-wrapping .part h3:before, .bath .wrap2 .part-wrapping .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-1 .wrap2 .part-wrapping .part h3:after, .bath .wrap2 .part-wrapping .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part h3, .bath .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part h3, .bath .wrap2 .part-wrapping .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #bath-1 .wrap2 .part-wrapping .part h3:before, .bath .wrap2 .part-wrapping .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-1 .wrap2 .part-wrapping .part h3:after, .bath .wrap2 .part-wrapping .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part h3, .bath .wrap2 .part-wrapping .part h3 {
    letter-spacing: 0em;
  }
}
#bath-1 .wrap2 .part-wrapping .part p, .bath .wrap2 .part-wrapping .part p {
  font-size: 14.5px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 14px;
}
#bath-1 .wrap2 .part-wrapping .part p:before, .bath .wrap2 .part-wrapping .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-1 .wrap2 .part-wrapping .part p:after, .bath .wrap2 .part-wrapping .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part p, .bath .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part p, .bath .wrap2 .part-wrapping .part p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #bath-1 .wrap2 .part-wrapping .part p:before, .bath .wrap2 .part-wrapping .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #bath-1 .wrap2 .part-wrapping .part p:after, .bath .wrap2 .part-wrapping .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-1 .wrap2 .part-wrapping .part p, .bath .wrap2 .part-wrapping .part p {
    letter-spacing: 0em;
  }
}

#bath-2, .relaxation {
  padding: 90px 0 126px 0;
}
@media (max-width: 960px) {
  #bath-2, .relaxation {
    padding: 70px 0 80px 0;
  }
}
#bath-2 h2, .relaxation h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  margin-bottom: 80px;
}
#bath-2 h2:before, .relaxation h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 h2:after, .relaxation h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 h2, .relaxation h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 h2, .relaxation h2 {
    margin-bottom: 60px;
  }
}
#bath-2 h2 span, .relaxation h2 span {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
  color: #000000;
  display: block;
  margin-bottom: 12px;
}
#bath-2 h2 span:before, .relaxation h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 h2 span:after, .relaxation h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 h2 span, .relaxation h2 span {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap, .relaxation .wrap {
  max-width: 960px;
  width: 100%;
  height: auto;
  margin: 0px auto;
}
@media (max-width: 1319px) {
  #bath-2 .wrap, .relaxation .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap, .relaxation .wrap {
    width: 90%;
  }
}
#bath-2 .wrap .menu, .relaxation .wrap .menu {
  display: flex;
  gap: 28px;
  margin-top: 90px;
}
#bath-2 .wrap .menu:first-of-type, .relaxation .wrap .menu:first-of-type {
  margin-top: 0;
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu, .relaxation .wrap .menu {
    flex-direction: column;
  }
}
#bath-2 .wrap .menu .img, .relaxation .wrap .menu .img {
  width: 352px;
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .img, .relaxation .wrap .menu .img {
    width: 50vw;
    min-width: 200px;
  }
}
#bath-2 .wrap .menu .img img, .relaxation .wrap .menu .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 3.52/1.98 !important;
  object-fit: cover;
}
#bath-2 .wrap .menu .intro, .relaxation .wrap .menu .intro {
  width: 100%;
  flex: 1;
}
#bath-2 .wrap .menu .intro h3, .relaxation .wrap .menu .intro h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
#bath-2 .wrap .menu .intro h3:before, .relaxation .wrap .menu .intro h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 .wrap .menu .intro h3:after, .relaxation .wrap .menu .intro h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro h3, .relaxation .wrap .menu .intro h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro h3, .relaxation .wrap .menu .intro h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #bath-2 .wrap .menu .intro h3:before, .relaxation .wrap .menu .intro h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-2 .wrap .menu .intro h3:after, .relaxation .wrap .menu .intro h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .wrap .menu .intro h3, .relaxation .wrap .menu .intro h3 {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .menu .intro p, .relaxation .wrap .menu .intro p {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #000000;
  margin-top: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid #989898;
}
#bath-2 .wrap .menu .intro p:before, .relaxation .wrap .menu .intro p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
#bath-2 .wrap .menu .intro p:after, .relaxation .wrap .menu .intro p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro p, .relaxation .wrap .menu .intro p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro p, .relaxation .wrap .menu .intro p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 18px;
  }
  #bath-2 .wrap .menu .intro p:before, .relaxation .wrap .menu .intro p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
  }
  #bath-2 .wrap .menu .intro p:after, .relaxation .wrap .menu .intro p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .wrap .menu .intro p, .relaxation .wrap .menu .intro p {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .menu .intro dl, .relaxation .wrap .menu .intro dl {
  margin-top: 20px;
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl, .relaxation .wrap .menu .intro dl {
    margin-top: 16px;
  }
}
#bath-2 .wrap .menu .intro dl .dl-wrap, .relaxation .wrap .menu .intro dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 12px;
}
#bath-2 .wrap .menu .intro dl .dl-wrap:before, .relaxation .wrap .menu .intro dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-2 .wrap .menu .intro dl .dl-wrap:after, .relaxation .wrap .menu .intro dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl .dl-wrap, .relaxation .wrap .menu .intro dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl .dl-wrap, .relaxation .wrap .menu .intro dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.65;
    margin-top: 12px;
  }
  #bath-2 .wrap .menu .intro dl .dl-wrap:before, .relaxation .wrap .menu .intro dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.65) * 0.5em);
    content: "";
  }
  #bath-2 .wrap .menu .intro dl .dl-wrap:after, .relaxation .wrap .menu .intro dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.65) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl .dl-wrap, .relaxation .wrap .menu .intro dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .menu .intro dl .dl-wrap:first-of-type, .relaxation .wrap .menu .intro dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#bath-2 .wrap .menu .intro dl .dl-wrap h4, .relaxation .wrap .menu .intro dl .dl-wrap h4 {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
}
#bath-2 .wrap .menu .intro dl .dl-wrap h4:before, .relaxation .wrap .menu .intro dl .dl-wrap h4:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-2 .wrap .menu .intro dl .dl-wrap h4:after, .relaxation .wrap .menu .intro dl .dl-wrap h4:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl .dl-wrap h4, .relaxation .wrap .menu .intro dl .dl-wrap h4 {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .menu .intro dl .dl-wrap dt, .relaxation .wrap .menu .intro dl .dl-wrap dt {
  width: 14%;
  max-width: 100px;
  white-space: nowrap;
  margin-right: 20px;
}
#bath-2 .wrap .menu .intro dl .dl-wrap dd, .relaxation .wrap .menu .intro dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#bath-2 .wrap .menu .intro dl .dl-wrap dd span, .relaxation .wrap .menu .intro dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#bath-2 .wrap .menu .intro dl .dl-wrap dd span:before, .relaxation .wrap .menu .intro dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#bath-2 .wrap .menu .intro dl .dl-wrap dd span:after, .relaxation .wrap .menu .intro dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .menu .intro dl .dl-wrap dd span, .relaxation .wrap .menu .intro dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .detail, .relaxation .wrap .detail {
  width: 100%;
  margin-top: 50px;
}
#bath-2 .wrap .detail h2, .relaxation .wrap .detail h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  border-bottom: 1px solid #989898;
}
#bath-2 .wrap .detail h2:before, .relaxation .wrap .detail h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 .wrap .detail h2:after, .relaxation .wrap .detail h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail h2, .relaxation .wrap .detail h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail h2, .relaxation .wrap .detail h2 {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-bottom: 12px;
  }
  #bath-2 .wrap .detail h2:before, .relaxation .wrap .detail h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-2 .wrap .detail h2:after, .relaxation .wrap .detail h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .wrap .detail h2, .relaxation .wrap .detail h2 {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .detail dl, .relaxation .wrap .detail dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail dl, .relaxation .wrap .detail dl {
    margin-top: 18px;
  }
}
#bath-2 .wrap .detail dl .dl-wrap, .relaxation .wrap .detail dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 20px;
}
#bath-2 .wrap .detail dl .dl-wrap:before, .relaxation .wrap .detail dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-2 .wrap .detail dl .dl-wrap:after, .relaxation .wrap .detail dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail dl .dl-wrap, .relaxation .wrap .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail dl .dl-wrap, .relaxation .wrap .detail dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #bath-2 .wrap .detail dl .dl-wrap:before, .relaxation .wrap .detail dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #bath-2 .wrap .detail dl .dl-wrap:after, .relaxation .wrap .detail dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .wrap .detail dl .dl-wrap, .relaxation .wrap .detail dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#bath-2 .wrap .detail dl .dl-wrap:first-of-type, .relaxation .wrap .detail dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#bath-2 .wrap .detail dl .dl-wrap dt, .relaxation .wrap .detail dl .dl-wrap dt {
  display: block;
  width: 7%;
  white-space: nowrap;
  max-width: 150px;
  margin-right: 20px;
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail dl .dl-wrap dt, .relaxation .wrap .detail dl .dl-wrap dt {
    width: 55px;
  }
}
#bath-2 .wrap .detail dl .dl-wrap dd, .relaxation .wrap .detail dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#bath-2 .wrap .detail dl .dl-wrap dd span, .relaxation .wrap .detail dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#bath-2 .wrap .detail dl .dl-wrap dd span:before, .relaxation .wrap .detail dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#bath-2 .wrap .detail dl .dl-wrap dd span:after, .relaxation .wrap .detail dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .wrap .detail dl .dl-wrap dd span, .relaxation .wrap .detail dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#bath-2 .reserve, .relaxation .reserve {
  margin-top: 40px;
}
#bath-2 .reserve h2, .relaxation .reserve h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  border-bottom: 1px solid #989898;
  margin-bottom: 0;
  text-align: left;
}
#bath-2 .reserve h2:before, .relaxation .reserve h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 .reserve h2:after, .relaxation .reserve h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .reserve h2, .relaxation .reserve h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #bath-2 .reserve h2, .relaxation .reserve h2 {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-bottom: 12px;
  }
  #bath-2 .reserve h2:before, .relaxation .reserve h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-2 .reserve h2:after, .relaxation .reserve h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .reserve h2, .relaxation .reserve h2 {
    letter-spacing: 0em;
  }
}
#bath-2 .reserve p, .relaxation .reserve p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: 20px;
}
#bath-2 .reserve p:before, .relaxation .reserve p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#bath-2 .reserve p:after, .relaxation .reserve p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .reserve p, .relaxation .reserve p {
    letter-spacing: 0em;
  }
}
#bath-2 .btn, .relaxation .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#bath-2 .btn:before, .relaxation .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#bath-2 .btn:after, .relaxation .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #bath-2 .btn, .relaxation .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #bath-2 .btn, .relaxation .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #bath-2 .btn:hover, .relaxation .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #bath-2 .btn, .relaxation .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #bath-2 .btn:before, .relaxation .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #bath-2 .btn:after, .relaxation .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #bath-2 .btn, .relaxation .btn {
    letter-spacing: 0em;
  }
}

/*BANQUETページ*/
#banquet-1 .title {
  padding: 40px 0;
}
@media (max-width: 960px) {
  #banquet-1 .title {
    height: auto;
    min-height: 140px;
    padding: 15px 15px 50px 15px;
    margin: 0px auto;
  }
}
#banquet-1 .title h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: center;
}
#banquet-1 .title h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-1 .title h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .title h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-1 .title h1 {
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: left;
  }
  #banquet-1 .title h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #banquet-1 .title h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .title h1 {
    letter-spacing: 0em;
  }
}
#banquet-1 .title h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: 20px;
}
#banquet-1 .title h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-1 .title h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .title h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-1 .title h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: left;
    margin-top: 16px;
  }
  #banquet-1 .title h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #banquet-1 .title h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .title h1 span {
    letter-spacing: 0em;
  }
}
#banquet-1 .title p {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: 40px;
  text-align: center;
}
#banquet-1 .title p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-1 .title p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .title p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-1 .title p {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.8;
    text-align: left;
    margin-top: 38px;
  }
  #banquet-1 .title p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  #banquet-1 .title p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .title p {
    letter-spacing: 0em;
  }
}
#banquet-1 .title p span {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
#banquet-1 .title p span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-1 .title p span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .title p span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-1 .title p span {
    font-size: 15px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 20px;
  }
  #banquet-1 .title p span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #banquet-1 .title p span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .title p span {
    letter-spacing: 0em;
  }
}
#banquet-1 .wrap {
  width: 100%;
  margin: 0px auto;
  position: relative;
  background: white;
}
#banquet-1 .wrap .banquet-1-slider-wrapping {
  max-width: 1136px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 1319px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping {
    margin-top: 80px;
    padding-bottom: 50px;
    width: 100%;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article {
  width: 100% !important;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content {
  width: 100% !important;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content {
    margin-top: 20px;
  }
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content:first-of-type {
    margin-top: 0;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a {
  width: 320px;
  display: block;
  margin: 0px auto;
  padding: 0 !important;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a:hover img {
  transform: scale(1.1);
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a {
    max-width: 1320px;
    width: 100%;
    height: auto;
    display: flex;
    gap: 16px;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a {
    width: 90%;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf {
  position: relative;
  width: 110px;
  color: #b30c00;
  border: solid 1px #b30c00;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding: 5px 6px 3px 6px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  transition: opacity 0.3s ease-in-out;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf {
    letter-spacing: 0em;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf {
    width: 40vw;
    margin: 10px 5vw;
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.3;
  }
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
  }
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf {
    letter-spacing: 0em;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a.pdf::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024.8%2026.2%22%3E%3Cpath%20d%3D%22M3.5%2C26.2c-0.7%2C0-1.6-0.2-2.6-1c-1-0.8-1-1.8-0.9-2.3c0.1-0.6%2C0.4-1.1%2C1-1.7c0.4-0.4%2C0.9-0.8%2C1.6-1.3%0Ac1.1-0.7%2C2.5-1.5%2C4.3-2.2c0.4-0.2%2C0.9-0.4%2C1.3-0.6c0.3-0.7%2C1.3-2.9%2C2.3-5.4c0.1-0.3%2C0.2-0.6%2C0.3-0.9c-1-1.3-1.7-2.6-2.1-3.8%0AC8.2%2C5.5%2C8.2%2C4%2C8.6%2C2.6c0.2-0.9%2C0.6-1.5%2C1.2-2c0.6-0.5%2C1.3-0.7%2C2-0.6c0.4%2C0%2C0.8%2C0.2%2C1.2%2C0.4c0.4%2C0.2%2C0.7%2C0.5%2C1%2C0.8%0Ac0.3%2C0.3%2C0.5%2C0.7%2C0.7%2C1.2c0.2%2C0.4%2C0.3%2C0.9%2C0.3%2C1.4c0.1%2C0.9-0.2%2C2.2-0.7%2C4c-0.2%2C0.8-0.5%2C1.6-0.9%2C2.6c1.3%2C1.5%2C2.7%2C2.8%2C4%2C3.9%0Ac0%2C0%2C0.1%2C0%2C0.1%2C0C19%2C14%2C20.2%2C14%2C21.2%2C14c0.7%2C0%2C1.2%2C0.1%2C1.7%2C0.3c0.6%2C0.2%2C1.1%2C0.6%2C1.4%2C1.1c0.4%2C0.6%2C0.5%2C1.2%2C0.4%2C1.8%0Ac-0.1%2C0.6-0.4%2C1.1-0.9%2C1.5c-0.6%2C0.5-1.4%2C0.8-2.3%2C0.8c-0.1%2C0-0.2%2C0-0.4%2C0c-1.1-0.1-2.1-0.6-3.1-1.4c-0.4-0.3-0.8-0.7-1.4-1.2%0Ac-1.8%2C0.4-3.2%2C0.8-3.3%2C0.8c-0.1%2C0-1.7%2C0.6-3.6%2C1.3c-0.2%2C0.7-0.6%2C1.6-1.1%2C2.5c-0.5%2C1.1-1.1%2C2-1.7%2C2.7%0Ac-0.8%2C1-1.7%2C1.6-2.6%2C1.9C4.3%2C26.2%2C3.9%2C26.2%2C3.5%2C26.2z%20M2.3%2C23.3c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C3.1%2C24%2C3.6%2C24%2C3.9%2C23.9c0.4-0.1%2C0.9-0.5%2C1.4-1.1%0Ac0.5-0.6%2C0.9-1.3%2C1.4-2.2c0-0.1%2C0.1-0.2%2C0.1-0.3c-1.2%2C0.6-2.3%2C1.1-3%2C1.7c-0.5%2C0.3-0.9%2C0.7-1.2%2C1C2.4%2C23.1%2C2.3%2C23.3%2C2.3%2C23.3z%0A%20M19.8%2C16.3c1.2%2C1.1%2C2.3%2C0.9%2C2.6%2C0.6c0.1-0.1%2C0.1-0.1%2C0.1-0.1c0%2C0%2C0%2C0-0.1-0.1c-0.1-0.1-0.4-0.3-1.3-0.4%0AC20.7%2C16.3%2C20.3%2C16.3%2C19.8%2C16.3z%20M12.5%2C12.9c-0.4%2C1.1-0.9%2C2.2-1.3%2C3.1c0.9-0.3%2C1.5-0.5%2C1.5-0.5l0%2C0c0.1%2C0%2C0.8-0.2%2C1.8-0.5%0AC13.9%2C14.3%2C13.2%2C13.6%2C12.5%2C12.9z%20M11.5%2C2.3c-0.4%2C0-0.6%2C0.6-0.7%2C0.9c-0.4%2C1.7%2C0%2C3.4%2C1%2C5c0.8-2.5%2C0.9-3.7%2C0.9-4.2%0AC12.6%2C2.9%2C12%2C2.3%2C11.5%2C2.3C11.5%2C2.3%2C11.5%2C2.3%2C11.5%2C2.3z%22%20fill%3D%22%23b30c00%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .img-wrapping {
  overflow: hidden;
  aspect-ratio: 3.2/1.8;
  background: #f8f8f8;
  position: relative;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .img-wrapping {
    min-width: 120px;
    width: 20vw;
    height: auto;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .img-wrapping img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .info {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .info {
    margin-top: 0;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .info .cat {
  width: 90px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 12px;
  font-weight: 400;
  color: white;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a .info .day {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a p {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #000000;
  margin-top: 15px;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .banquet-1-slider-content a p {
    letter-spacing: 0em;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots {
  position: static !important;
  text-align: center;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots {
    display: none;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li {
  list-style: none;
  width: 40px;
  height: 4px;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li {
    width: 60px;
    height: 2px;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li button {
  padding: 0;
  color: transparent;
  outline: none;
  width: 40px;
  height: 4px;
  border: unset;
  display: block;
  background: #ccc;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li button:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  #banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li button {
    width: 60px;
    height: 2px;
  }
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots li button::before {
  content: none;
}
#banquet-1 .wrap .banquet-1-slider-wrapping article .slick-dots .slick-active button {
  background: #212832;
}

#banquet-2 {
  padding-top: 50px;
}
#banquet-2 h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #000000;
}
#banquet-2 h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 h2 {
    font-size: 17px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #banquet-2 h2:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #banquet-2 h2:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 h2 {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap {
  max-width: 1080px;
  width: 100%;
  height: auto;
  margin: 0px auto;
}
@media (max-width: 1319px) {
  #banquet-2 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap {
    width: 100%;
  }
}
#banquet-2 .wrap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#banquet-2 .wrap table.all {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap table.all {
    display: none;
  }
}
#banquet-2 .wrap table td, #banquet-2 .wrap table th {
  white-space: nowrap;
}
@media (max-width: 960px) {
  #banquet-2 .wrap table.part {
    width: 500px;
    white-space: nowrap;
    margin-top: 10px;
  }
}
#banquet-2 .wrap table.part .list-item tr:nth-of-type(2) th {
  width: 240px !important;
}
#banquet-2 .wrap table.part .list-content tr:nth-of-type(odd) {
  background: none;
}
#banquet-2 .wrap table .list-item tr:nth-of-type(2) th {
  width: 100px !important;
}
#banquet-2 .wrap table .list-item tr th {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  vertical-align: middle;
  color: #000000;
  border: 1px solid #beaa82;
  padding: 14px;
  position: relative;
}
#banquet-2 .wrap table .list-item tr th:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap table .list-item tr th:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap table .list-item tr th {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap table .list-item tr th:nth-of-type(1) {
  width: 200px;
}
#banquet-2 .wrap table .list-content tr:nth-of-type(odd) {
  background: white;
}
#banquet-2 .wrap table .list-content tr th {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: left;
  color: white;
  background: #978767;
  border: 1px solid #beaa82;
  padding: 14px;
  position: relative;
  cursor: pointer;
}
#banquet-2 .wrap table .list-content tr th:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap table .list-content tr th:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap table .list-content tr th {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap table .list-content tr th .icon {
  height: fit-content;
  position: absolute;
  top: 19px;
  right: 20px;
  bottom: auto;
  left: auto;
  margin: auto;
  border: 4px solid transparent;
  border-top: 5px solid white;
}
#banquet-2 .wrap table .list-content tr td {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #000000;
  border: 1px solid #beaa82;
  padding: 14px;
}
#banquet-2 .wrap table .list-content tr td:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap table .list-content tr td:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap table .list-content tr td {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap table .list-content tr td:first-of-type {
  text-align: left;
}
#banquet-2 .wrap .anker {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 20px;
}
@media (max-width: 1319px) {
  #banquet-2 .wrap .anker {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap .anker {
    width: 90%;
  }
}
#banquet-2 .wrap .anker a {
  font-size: 16px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  background: #978767;
  display: block;
  padding: 16px 20px;
  margin-top: 10px;
  position: relative;
}
#banquet-2 .wrap .anker a:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap .anker a:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .anker a {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap .anker a:first-of-type {
  margin-top: 0;
}
#banquet-2 .wrap .anker a span {
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  display: block;
  margin-top: 16px;
}
#banquet-2 .wrap .anker a span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap .anker a span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .anker a span {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap .anker a .icon {
  height: fit-content;
  position: absolute;
  top: 8px;
  right: 20px;
  bottom: 0;
  left: auto;
  margin: auto;
  border: 5px solid transparent;
  border-top: 6px solid white;
}
#banquet-2 .wrap .content {
  padding-top: 150px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content {
    padding-top: 60px;
  }
}
#banquet-2 .wrap .content:last-of-type {
  padding-bottom: 80px;
}
#banquet-2 .wrap .content .slider {
  width: 100%;
  margin: 0px auto;
  margin-top: 40px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .slider {
    width: 100%;
  }
}
#banquet-2 .wrap .content .slider .swiper {
  width: 100%;
  height: 540px;
  position: relative;
}
@media (max-width: 1319px) {
  #banquet-2 .wrap .content .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#banquet-2 .wrap .content .slider .swiper .swiper-slide {
  overflow: hidden;
}
#banquet-2 .wrap .content .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #banquet-2 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 9.6/4.8;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/4.2;
  }
}
#banquet-2 .wrap .content .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .swiper-pagination-wrapper {
    width: 90%;
  }
}
#banquet-2 .wrap .content .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#banquet-2 .wrap .content .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .pg-layout .bar {
    height: 2.5px;
  }
}
#banquet-2 .wrap .content .pg-layout .bar:hover {
  opacity: 0.5;
}
#banquet-2 .wrap .content .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .pg-layout .bar:before {
    height: 2.5px;
  }
}
#banquet-2 .wrap .content .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .pg-layout .bar:after {
    height: 2.5px;
  }
}
#banquet-2 .wrap .content .swiper-pagination-bullet {
  margin: 0;
}
#banquet-2 .wrap .content .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#banquet-2 .wrap .content .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
#banquet-2 .wrap .content .intro-wrapping {
  margin-top: 40px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping {
    max-width: 1320px;
    width: 100%;
    height: auto;
    margin: 0px auto;
    margin-top: 14px;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #banquet-2 .wrap .content .intro-wrapping {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping {
    width: 90%;
  }
}
#banquet-2 .wrap .content .intro-wrapping .intro {
  display: flex;
  justify-content: space-between;
  gap: 0 40px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro {
    flex-direction: column;
  }
}
#banquet-2 .wrap .content .intro-wrapping .intro h3 {
  width: 440px;
  height: 64px;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  background: #978767;
  display: flex;
  justify-content: center;
  align-items: center;
}
#banquet-2 .wrap .content .intro-wrapping .intro h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap .content .intro-wrapping .intro h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro h3 {
    width: 100%;
    height: 42px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .intro p {
  font-size: 13px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  flex: 1;
}
#banquet-2 .wrap .content .intro-wrapping .intro p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#banquet-2 .wrap .content .intro-wrapping .intro p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro p {
    font-size: 14.6px;
    font-weight: 360;
    letter-spacing: 0.05em;
    line-height: 1.86;
    margin-top: 22px;
  }
  #banquet-2 .wrap .content .intro-wrapping .intro p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.86) * 0.5em);
    content: "";
  }
  #banquet-2 .wrap .content .intro-wrapping .intro p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.86) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .intro p {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap .content .intro-wrapping .table-wrapping {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping {
    position: relative;
    overflow-x: scroll;
    margin-top: 40px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex {
  display: none;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex img {
    width: 53px;
    height: 30px;
    object-fit: cover;
  }
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .table-wrapping .ex span {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl {
  width: 100%;
  min-height: 50px;
  background: white;
  border: 1px solid #212832;
  margin-top: 40px;
  position: relative;
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl {
    min-height: 60px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl.active {
  height: auto;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl {
    width: 100%;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .open {
  display: block;
  height: fit-content;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding: 16px;
  cursor: pointer;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .open:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap .content .intro-wrapping .tgl .open:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .open {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .open {
    padding-top: 22px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .btn {
  width: 50px;
  height: 50px;
  background: #212832;
  position: absolute;
  top: -1px;
  right: 0;
  bottom: auto;
  margin: auto;
  cursor: pointer;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .btn {
    width: 60px;
    height: 60px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .btn.active:after {
  display: none;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .btn:before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .btn:before {
    width: 24px;
    height: 2.4px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .btn:after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 18px;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .btn:after {
    width: 2.4px;
    height: 24px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping {
  display: none;
  width: 90%;
  height: auto;
  margin: 0px auto;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  opacity: 1;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping.active {
  animation-name: fade;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping:last-of-type {
  margin-bottom: 60px;
  border-bottom: 0px;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .title {
  width: 140px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .title:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .title:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .title {
    letter-spacing: 0em;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img {
  display: flex;
  align-items: center;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img img {
  width: 140px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img img {
    width: 70%;
  }
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img .text {
  font-size: 12px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.8;
  padding-left: 10px;
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img .text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img .text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 .wrap .content .intro-wrapping .tgl .layout-wrapping .layout .img .text {
    letter-spacing: 0em;
  }
}

#banquet-2 #parking {
  margin-top: 60px;
  margin-bottom: 100px;
}
@media (max-width: 960px) {
  #banquet-2 #parking {
    margin-left: 4vw;
    margin-bottom: 6vw;
    margin-right: 4vw;
  }
}
#banquet-2 #parking .parking {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking {
    padding-bottom: 34px;
  }
}
#banquet-2 #parking .parking h2 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-bottom: 12px;
  border-bottom: 1px solid #989898;
  text-align: left;
}
#banquet-2 #parking .parking h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking h2 {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking h2.no-border {
  padding-bottom: 0px;
  border: 0px;
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking h2 {
    padding-bottom: 18px;
  }
}
#banquet-2 #parking .parking h2 span {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 12px;
}
#banquet-2 #parking .parking h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking h2 span {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking h3 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
#banquet-2 #parking .parking h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking h3 {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-top: 30px;
    border-top: 1px solid #999999;
  }
  #banquet-2 #parking .parking h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #banquet-2 #parking .parking h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 #parking .parking h3 {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking p {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#banquet-2 #parking .parking p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking p {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #banquet-2 #parking .parking p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #banquet-2 #parking .parking p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 #parking .parking p {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking .link {
  display: block;
  margin-top: 20px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
}
#banquet-2 #parking .parking .link:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking .link:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking .link {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #212832;
  background-color: #FFF;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#banquet-2 #parking .parking .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #banquet-2 #parking .parking .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #banquet-2 #parking .parking .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid #212832;
  }
  #banquet-2 #parking .parking .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #banquet-2 #parking .parking .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 #parking .parking .btn {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking dl {
    margin-top: 18px;
  }
}
#banquet-2 #parking .parking dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 6px;
}
#banquet-2 #parking .parking dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #banquet-2 #parking .parking dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #banquet-2 #parking .parking dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #banquet-2 #parking .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#banquet-2 #parking .parking dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#banquet-2 #parking .parking dl .dl-wrap dt {
  display: block;
  width: 65px;
  margin-right: 20px;
  white-space: nowrap;
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking dl .dl-wrap dt {
    width: 55px;
  }
}
#banquet-2 #parking .parking dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#banquet-2 #parking .parking dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#banquet-2 #parking .parking dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#banquet-2 #parking .parking dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #banquet-2 #parking .parking dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}

/*DETAILSページ*/
#detail-1-5-anker {
  padding-top: 96px;
  margin-top: -96px;
}
@media (max-width: 960px) {
  #detail-1-5-anker {
    padding-top: 50px;
    margin-top: -50px;
  }
}

#details-1 .wrap {
  max-width: 1320px;
  width: 100%;
  height: auto;
  height: auto;
  margin: 0px auto;
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 1319px) {
  #details-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 1319px) {
  #details-1 .wrap {
    gap: 20px;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap {
    width: 100%;
    padding: 0;
    flex-direction: column;
    gap: 0px;
  }
}
#details-1 .wrap .menu {
  height: 100%;
  position: sticky;
  top: 135px;
}
@media (max-width: 960px) {
  #details-1 .wrap .menu {
    width: 100%;
    height: auto;
    min-height: 140px;
    position: static;
    padding: 18px 18px 50px 18px;
  }
}
#details-1 .wrap .menu .sticky {
  height: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#details-1 .wrap .menu .sticky h1 {
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  margin-bottom: 50px;
}
#details-1 .wrap .menu .sticky h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
#details-1 .wrap .menu .sticky h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #details-1 .wrap .menu .sticky h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .menu .sticky h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .menu .sticky h1 span {
  display: block;
  font-family: "A+EqpB-游ゴシック体 Pr6N R", sans-serif;
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
}
#details-1 .wrap .menu .sticky h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .menu .sticky h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 span {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #details-1 .wrap .menu .sticky h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .menu .sticky h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .menu .sticky h1 span {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .menu .sticky .anker-wrapping {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-wrap: wrap;
    gap: 22px 0;
    justify-content: space-between;
    margin-top: 24px;
  }
  #details-1 .wrap .menu .sticky .anker-wrapping:after {
    content: "";
    width: 33.3333333333%;
    height: 0;
  }
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker {
  width: fit-content;
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  display: block;
  padding-bottom: 4px;
  margin-top: 22px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping .anker {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker:hover {
  opacity: 0.5;
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker.active {
  border-bottom: 1px solid rgb(0, 0, 0);
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping .anker.active {
    border-bottom: 0px;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping .anker {
    width: 33.3333333333%;
    font-size: 11px;
    font-weight: 320;
    letter-spacing: 0.05em;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px 0;
    margin-top: 0px;
  }
  #details-1 .wrap .menu .sticky .anker-wrapping .anker:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .menu .sticky .anker-wrapping .anker:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping .anker {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .menu .sticky .anker-wrapping .anker .icon {
  display: none;
}
@media (max-width: 960px) {
  #details-1 .wrap .menu .sticky .anker-wrapping .anker .icon {
    display: flex;
    align-items: center;
    margin-right: 6px;
  }
  #details-1 .wrap .menu .sticky .anker-wrapping .anker .icon:before {
    content: "";
    position: relative;
    top: 3px;
    border: 4px solid transparent;
    border-top: 5px solid #8c8c8c;
  }
}
#details-1 .wrap .content-wrapping {
  width: 960px;
  height: auto;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping {
    width: 76%;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping {
    width: 100%;
  }
}
#details-1 .wrap .content-wrapping .content {
  margin-top: 40px;
  padding: 40px;
  background: white;
}
#details-1 .wrap .content-wrapping .content:first-of-type {
  margin-top: 0px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content {
    margin-top: 10px;
    padding: 30px 20px;
  }
  #details-1 .wrap .content-wrapping .content.pd-reset {
    padding: 0px;
  }
  #details-1 .wrap .content-wrapping .content.pd-reset h2 {
    padding: 30px 0px 18px 0px;
    margin: 0 20px;
  }
  #details-1 .wrap .content-wrapping .content.pd-reset .detail, #details-1 .wrap .content-wrapping .content.pd-reset .root, #details-1 .wrap .content-wrapping .content.pd-reset .parking {
    padding: 0 20px;
  }
}
#details-1 .wrap .content-wrapping .content h2 {
  font-size: 18px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-bottom: 12px;
  border-bottom: 1px solid #989898;
}
#details-1 .wrap .content-wrapping .content h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h2 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content h2.no-border {
  padding-bottom: 0px;
  border: 0px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h2 {
    padding-bottom: 18px;
  }
}
#details-1 .wrap .content-wrapping .content h2 span {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 12px;
}
#details-1 .wrap .content-wrapping .content h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h2 span {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content h3.sub {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  display: block;
  margin-bottom: -15px;
  margin-top: 30px;
}
#details-1 .wrap .content-wrapping .content h3.sub:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content h3.sub:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h3.sub {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h3.sub {
    font-size: 16px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  #details-1 .wrap .content-wrapping .content h3.sub:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content h3.sub:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content h3.sub {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content h3.sub.bold {
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  font-weight: 500;
}
#details-1 .wrap .content-wrapping .content .flex_box {
  display: flex;
  margin-top: 15px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .flex_box {
    flex-direction: column;
  }
}
#details-1 .wrap .content-wrapping .content .flex_box .pic {
  width: 300px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .flex_box .pic {
    width: 100%;
  }
}
#details-1 .wrap .content-wrapping .content .flex_box .text {
  margin-left: 20px;
  width: 540px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .flex_box .text {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}
#details-1 .wrap .content-wrapping .content .flex_box .text p {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#details-1 .wrap .content-wrapping .content .flex_box .text p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .flex_box .text p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .flex_box .text p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .stay {
  margin-top: 26px;
}
#details-1 .wrap .content-wrapping .content .stay .part {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part {
    margin-top: 38px;
  }
}
#details-1 .wrap .content-wrapping .content .stay .part:first-of-type {
  margin-top: 0px;
}
#details-1 .wrap .content-wrapping .content .stay .part h3 {
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  display: block;
  margin-bottom: 16px;
}
#details-1 .wrap .content-wrapping .content .stay .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .stay .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part h3 {
    font-size: 16px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  #details-1 .wrap .content-wrapping .content .stay .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .stay .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part h3 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .stay .part h3.bold {
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  font-weight: 500;
  letter-spacing: 0.02em;
}
#details-1 .wrap .content-wrapping .content .stay .part h3.bold span {
  margin-left: 10px;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
}
#details-1 .wrap .content-wrapping .content .stay .part h3 span {
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
}
#details-1 .wrap .content-wrapping .content .stay .part p {
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 26px;
}
#details-1 .wrap .content-wrapping .content .stay .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .stay .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part p {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin-top: 22px;
  }
  #details-1 .wrap .content-wrapping .content .stay .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .stay .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part p.complement {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #details-1 .wrap .content-wrapping .content .stay .part p.complement:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .stay .part p.complement:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .part p.complement {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .stay .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#details-1 .wrap .content-wrapping .content .stay .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .stay .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #details-1 .wrap .content-wrapping .content .stay .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #details-1 .wrap .content-wrapping .content .stay .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid black;
  }
  #details-1 .wrap .content-wrapping .content .stay .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .stay .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .stay .btn {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .floor {
  margin-top: 26px;
  display: flex;
  gap: 20px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor {
    flex-direction: column;
  }
  #details-1 .wrap .content-wrapping .content .floor:nth-last-child(n+2) {
    margin-top: 34px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .img-wrapping {
  width: 200px;
  height: fit-content;
  position: relative;
}
#details-1 .wrap .content-wrapping .content .floor .img-wrapping .modal_open {
  content: "";
  width: 35px;
  height: auto;
  aspect-ratio: 1/1;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/cmn/modal-open.jpg);
  background-size: contain;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#details-1 .wrap .content-wrapping .content .floor .img-wrapping .modal_open:hover {
  opacity: 0.5;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .img-wrapping {
    width: 50vw;
    min-width: 200px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .img-wrapping img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 2/1;
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper {
  flex: 1;
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper h3 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: black;
  display: block;
  margin-bottom: 16px;
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .text-wrapper h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .text-wrapper h3 {
    margin-bottom: 10px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper p {
  font-size: 13px;
  font-weight: 320;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .floor .text-wrapper p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .text-wrapper p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window {
  display: none;
  height: fit-content;
  width: 960px;
  position: fixed;
  top: 50%;
  right: 0;
  bottom: 50%;
  left: 0;
  margin: auto;
  z-index: 9998;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .slider {
  width: 960px;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .slider {
    width: 100%;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .slider {
    width: 100%;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper {
  width: 100%;
  height: 480px;
  position: relative;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper {
    width: 100%;
    height: auto;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper .swiper-slide {
  overflow: hidden;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper .swiper-slide img {
    aspect-ratio: 9.6/4.8;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .slider .swiper .swiper-slide img {
    aspect-ratio: 7.5/3.5;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .modal_text {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 20px;
  color: white !important;
  position: relative;
  z-index: 9999 !important;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .modal_text:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .modal_text:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .modal_text {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .swiper-pagination-wrapper {
  width: 100%;
  height: fit-content !important;
  margin-top: 7px !important;
  margin: auto;
  position: static !important;
  z-index: 2;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .swiper-pagination-wrapper {
    width: 90%;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout {
  display: flex;
  gap: 0px 1%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar {
  position: relative;
  width: 11.5662650602%;
  height: 2.5px;
  border-radius: 0;
  padding: 7px 0 7px 0;
  cursor: pointer;
  opacity: 1;
  background: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar {
    height: 2.5px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar:hover {
  opacity: 0.5;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 2;
  opacity: 1;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar:before {
    height: 2.5px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar:after {
  content: "";
  display: block;
  width: 0px;
  height: 5px;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 3;
  opacity: 1;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window .pg-layout .bar:after {
    height: 2.5px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .swiper-pagination-bullet {
  margin: 0;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .swiper-pagination-bullet:first-of-type {
  margin-left: 0px;
}
#details-1 .wrap .content-wrapping .content .floor .modal_window .swiper-pagination-bullet.swiper-pagination-bullet-active.bar::after {
  animation: Indicator 4s linear forwards;
  z-index: 4;
}
@keyframes Indicator {
  0% {
    width: 0;
    background-color: #212832;
  }
  100% {
    width: 100%;
    background-color: #212832;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .floor .modal_window {
    width: 90%;
    height: 400px;
  }
}
#details-1 .wrap .content-wrapping .content .floor .out_modal {
  display: none;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9997;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  overflow: hidden;
}
#details-1 .wrap .content-wrapping .content .floor .modal_close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9999;
  background: black;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#details-1 .wrap .content-wrapping .content .floor .modal_close:hover span {
  opacity: 0.5;
}
#details-1 .wrap .content-wrapping .content .floor .modal_close.active {
  opacity: 1;
}
#details-1 .wrap .content-wrapping .content .floor .modal_close span {
  width: 20px;
  height: 1.6px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 9999;
  display: block;
  background: white;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#details-1 .wrap .content-wrapping .content .floor .modal_close span:first-of-type {
  transform: rotate(45deg);
}
#details-1 .wrap .content-wrapping .content .floor .modal_close span:last-of-type {
  transform: rotate(-45deg);
}
#details-1 .wrap .content-wrapping .content .usage-guide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#details-1 .wrap .content-wrapping .content .usage-guide:after {
  content: "";
  width: 270px;
  height: 0;
}
#details-1 .wrap .content-wrapping .content .usage-guide .part {
  width: 260px;
  height: auto;
  margin-top: 40px;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part {
    width: 48%;
    margin-top: 26px;
  }
}
#details-1 .wrap .content-wrapping .content .usage-guide .part .title {
  display: flex;
  align-items: center;
}
#details-1 .wrap .content-wrapping .content .usage-guide .part .title img {
  width: 23px;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin-right: 10px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title img {
    width: 18px;
  }
}
#details-1 .wrap .content-wrapping .content .usage-guide .part .title span {
  font-family: "A+EqpB-游ゴシック体 Pr6N D";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: black;
  display: block;
}
#details-1 .wrap .content-wrapping .content .usage-guide .part .title span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .usage-guide .part .title span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title span {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part .title span {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .usage-guide .part p {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-left: 33px;
  margin-top: 16px;
}
#details-1 .wrap .content-wrapping .content .usage-guide .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .usage-guide .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part p {
    font-size: 13px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-left: 28px;
  }
  #details-1 .wrap .content-wrapping .content .usage-guide .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .usage-guide .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .usage-guide .part p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .local-area-guide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide {
    gap: 10px;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide {
    gap: 0px;
  }
}
#details-1 .wrap .content-wrapping .content .local-area-guide:after {
  content: "";
  width: 260px;
  height: 0;
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part {
  width: 260px;
  height: fit-content;
  margin-top: 28px;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part {
    width: 20vw;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part {
    width: 100%;
    margin-top: 24px;
  }
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part img {
  width: 100%;
  height: 100%;
  aspect-ratio: 2.6/1.45;
  object-fit: cover;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part img {
    width: 20vw;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part img {
    width: 60vw;
    min-width: 240px;
  }
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part h3 {
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  color: black;
  display: block;
  margin-top: 18px;
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 16px;
  }
  #details-1 .wrap .content-wrapping .content .local-area-guide .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .local-area-guide .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part h3 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part p {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  margin-top: 14px;
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .local-area-guide .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part p {
    font-size: 11px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  #details-1 .wrap .content-wrapping .content .local-area-guide .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .local-area-guide .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .local-area-guide .part p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access {
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access {
    margin-top: 14px;
    padding-bottom: 10vw;
  }
}
#details-1 .wrap .content-wrapping .content .access .map {
  width: 100%;
  height: auto;
}
#details-1 .wrap .content-wrapping .content .access .map iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 8.8/5;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .map iframe {
    aspect-ratio: 8.8/5.6;
  }
}
#details-1 .wrap .content-wrapping .content .access .detail {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail {
    flex-direction: column;
  }
}
#details-1 .wrap .content-wrapping .content .access .detail img {
  width: 240px;
  height: 145px;
  object-fit: cover;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail img {
    min-height: 135px;
  }
}
#details-1 .wrap .content-wrapping .content .access .detail p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #000000;
  margin-top: auto;
  padding-bottom: 2px;
}
#details-1 .wrap .content-wrapping .content .access .detail p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .detail p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
  #details-1 .wrap .content-wrapping .content .access .detail p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .detail p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .detail p span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  display: block;
  margin-top: 10px;
}
#details-1 .wrap .content-wrapping .content .access .detail p span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .detail p span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
  #details-1 .wrap .content-wrapping .content .access .detail p span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .detail p span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .detail p span {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access h2.line {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  padding-bottom: 10px;
  margin-top: 80px;
  border-bottom: solid 1px #999;
}
#details-1 .wrap .content-wrapping .content .access h2.line:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access h2.line:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access h2.line {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access h2.line {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 18px;
  }
  #details-1 .wrap .content-wrapping .content .access h2.line:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access h2.line:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access h2.line {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .root {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  padding-bottom: 40px;
}
#details-1 .wrap .content-wrapping .content .access .root.line-bottom {
  border-bottom: 1px solid #999999;
}
#details-1 .wrap .content-wrapping .content .access .root.mt {
  margin-top: 10px !important;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root {
    margin-top: 30px;
    flex-direction: column;
    padding-bottom: 0px;
    border-bottom: 0px;
  }
  #details-1 .wrap .content-wrapping .content .access .root.mt {
    margin-top: 10px !important;
  }
}
#details-1 .wrap .content-wrapping .content .access .root .part {
  width: 270px;
}
@media (max-width: 1319px) {
  #details-1 .wrap .content-wrapping .content .access .root .part {
    width: 18vw;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part {
    width: 78%;
    margin: 0px auto;
  }
  #details-1 .wrap .content-wrapping .content .access .root .part:nth-of-type(n+2) {
    margin-top: 50px;
  }
}
#details-1 .wrap .content-wrapping .content .access .root .part h3 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #000000;
}
#details-1 .wrap .content-wrapping .content .access .root .part h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .root .part h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part h3 {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 18px;
  }
  #details-1 .wrap .content-wrapping .content .access .root .part h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .root .part h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part h3 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .root .part .line {
  background-image: url(../img/details/line.svg);
  background-repeat: repeat-y;
  background-position: center top;
  padding: 20px 0;
}
#details-1 .wrap .content-wrapping .content .access .root .part .line p {
  background-color: #FFF;
  padding: 5px;
}
#details-1 .wrap .content-wrapping .content .access .root .part p {
  font-size: 13px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  color: #000000;
}
#details-1 .wrap .content-wrapping .content .access .root .part p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .root .part p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .root .part p.mt {
  margin-top: 20px;
}
#details-1 .wrap .content-wrapping .content .access .root .part p.place {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border: 1px solid #999999;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part p {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  #details-1 .wrap .content-wrapping .content .access .root .part p:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .root .part p:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part p {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .root .part p:first-of-type {
    margin-top: 0px;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking {
    padding-bottom: 0px;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
#details-1 .wrap .content-wrapping .content .access .parking h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking h3 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking h3 {
    font-size: 18px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-top: 30px;
    border-top: 1px solid #999999;
  }
  #details-1 .wrap .content-wrapping .content .access .parking h3:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .parking h3:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking h3 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking h4 {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 30px;
}
#details-1 .wrap .content-wrapping .content .access .parking h4:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking h4:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking h4 {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-top: 20px;
}
#details-1 .wrap .content-wrapping .content .access .parking p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking p {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking .btn {
  width: 220px;
  height: 30px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#details-1 .wrap .content-wrapping .content .access .parking .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #details-1 .wrap .content-wrapping .content .access .parking .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #details-1 .wrap .content-wrapping .content .access .parking .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid black;
  }
  #details-1 .wrap .content-wrapping .content .access .parking .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .parking .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking .btn {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking dl {
  margin-top: 16px;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl {
    margin-top: 18px;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #000000;
  display: flex;
  margin-top: 6px;
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 12px;
  }
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
  }
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap:first-of-type {
  margin-top: 0px;
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dt {
  display: block;
  width: 65px;
  margin-right: 20px;
  white-space: nowrap;
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dt {
    width: 55px;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap a {
  text-decoration: underline;
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dd {
  width: auto;
  flex: 1;
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dd span {
  font-size: 10px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #000000;
  display: block;
  margin-top: 5px;
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dd span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dd span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking dl .dl-wrap dd span {
    letter-spacing: 0em;
  }
}
#details-1 .wrap .content-wrapping .content .access .parking .complement {
  margin-top: 10px;
  font-size: 11px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
#details-1 .wrap .content-wrapping .content .access .parking .complement:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
  content: "";
}
#details-1 .wrap .content-wrapping .content .access .parking .complement:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #details-1 .wrap .content-wrapping .content .access .parking .complement {
    letter-spacing: 0em;
  }
}

/*INFORMATIONページ*/
#information-1 {
  background: white;
  padding-top: 40px;
  padding-bottom: 60px;
}
#information-1 h2 {
  font-size: 12px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  text-align: left;
  color: #000000;
  margin: 0px auto;
}
#information-1 h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 h2 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #information-1 h2 {
    text-align: left;
    margin-top: 20px;
  }
}
#information-1 h2 span {
  display: block;
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 16px;
  color: #000000;
}
#information-1 h2 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 h2 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 h2 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #information-1 h2 span {
    text-align: left;
    margin-top: 16px;
  }
}
#information-1 .wrap {
  max-width: 1240px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1319px) {
  #information-1 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap {
    width: 90%;
  }
}
@media (max-width: 1319px) {
  #information-1 .wrap {
    gap: 80px;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap {
    flex-direction: column;
  }
}
#information-1 .wrap .topics-wrapping {
  width: 680px;
}
@media (max-width: 1319px) {
  #information-1 .wrap .topics-wrapping {
    max-width: 680px;
    width: 60%;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping {
    max-width: auto;
    width: 100%;
  }
}
#information-1 .wrap .topics-wrapping .topics {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 0;
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .topics {
    gap: 0;
  }
}
#information-1 .wrap .topics-wrapping .topics a {
  width: 320px;
  height: auto;
  display: block;
}
@media (max-width: 1319px) {
  #information-1 .wrap .topics-wrapping .topics a {
    width: 47.2%;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .topics a {
    width: 100%;
    display: flex;
    gap: 16px;
    margin-top: 20px;
  }
  #information-1 .wrap .topics-wrapping .topics a:first-of-type {
    margin-top: 0;
  }
}
#information-1 .wrap .topics-wrapping .topics a:hover img {
  transform: scale(1.1);
}
#information-1 .wrap .topics-wrapping .topics a .img-wrapping {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .topics a .img-wrapping {
    min-width: 120px;
    width: 20vw;
    height: auto;
  }
}
#information-1 .wrap .topics-wrapping .topics a .img-wrapping img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3.2/1.8;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping .info {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .topics a .text-wrapping .info {
    margin-top: 0;
  }
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping .info .cat {
  width: 90px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 10px;
  font-weight: 400;
  color: white;
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping .info .day {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping p {
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.3;
  color: #000000;
  margin-top: 15px;
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-1 .wrap .topics-wrapping .topics a .text-wrapping p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .topics a .text-wrapping p {
    letter-spacing: 0em;
  }
}
#information-1 .wrap .topics-wrapping .btn {
  width: 200px;
  height: 40px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  margin: 0px auto;
  margin-top: 50px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#information-1 .wrap .topics-wrapping .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 .wrap .topics-wrapping .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #information-1 .wrap .topics-wrapping .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #information-1 .wrap .topics-wrapping .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .btn {
    width: 250px;
    height: 40px;
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid black;
  }
  #information-1 .wrap .topics-wrapping .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #information-1 .wrap .topics-wrapping .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-1 .wrap .topics-wrapping .btn {
    letter-spacing: 0em;
  }
}
#information-1 .wrap .news-wrapping {
  width: 480px;
}
@media (max-width: 1319px) {
  #information-1 .wrap .news-wrapping {
    max-width: 480px;
    width: 40%;
  }
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping {
    max-width: auto;
    width: 100%;
  }
}
#information-1 .wrap .news-wrapping ul {
  margin-top: 30px;
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul {
    margin-top: 16px;
  }
}
#information-1 .wrap .news-wrapping ul li {
  border-top: 1px solid #989898;
}
#information-1 .wrap .news-wrapping ul li:last-of-type {
  border-bottom: 1px solid #989898;
}
#information-1 .wrap .news-wrapping ul li a {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
#information-1 .wrap .news-wrapping ul li a:hover .title {
  opacity: 0.4;
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.4;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
  }
  #information-1 .wrap .news-wrapping ul li a:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
    content: "";
  }
  #information-1 .wrap .news-wrapping ul li a:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a {
    letter-spacing: 0em;
  }
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping {
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a .day-cat-wrapping {
    gap: 10px;
  }
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .cat {
  width: 90px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: white;
  order: 1;
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .cat:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .cat:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .cat {
    letter-spacing: 0em;
  }
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .day {
  display: block;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #000000;
  order: 2;
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .day:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .day:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a .day-cat-wrapping .day {
    letter-spacing: 0em;
  }
}
#information-1 .wrap .news-wrapping ul li a .title {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-size: 14px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1;
}
#information-1 .wrap .news-wrapping ul li a .title:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-1 .wrap .news-wrapping ul li a .title:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-1 .wrap .news-wrapping ul li a .title {
    letter-spacing: 0em;
  }
}

#information-2 {
  max-width: 1320px;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding-top: 135px;
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1319px) {
  #information-2 {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #information-2 {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #information-2 {
    flex-direction: column;
    padding-top: 50px;
  }
}
#information-2 h1 {
  width: 220px;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-family: "Inter", "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
  color: #000000;
}
#information-2 h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
  content: "";
}
#information-2 h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.2) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #information-2 h1 {
    max-width: 1320px;
    width: 100%;
    height: auto;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    display: block;
    padding: 20px 0px;
  }
}
@media (max-width: 960px) and (max-width: 1319px) {
  #information-2 h1 {
    width: 96%;
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-2 h1 {
    width: 90%;
  }
}
@media (max-width: 960px) {
  #information-2 h1:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #information-2 h1:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-2 h1 {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #information-2 h1.active:before {
    content: "∟";
    width: 16px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    left: 6px;
    color: #000000;
    transform: rotate(45deg);
  }
  #information-2 h1.active span {
    display: none;
  }
}
#information-2 h1 span {
  display: block;
  font-size: 14px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 20px;
  color: #000000;
}
#information-2 h1 span:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-2 h1 span:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 h1 span {
    letter-spacing: 0em;
  }
}
@media (max-width: 960px) {
  #information-2 h1 span {
    font-size: 12px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: left;
    margin-top: 16px;
  }
  #information-2 h1 span:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #information-2 h1 span:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-2 h1 span {
    letter-spacing: 0em;
  }
}
#information-2 .wrap {
  max-width: 880px;
  width: 100%;
  height: auto;
  background: white;
  padding: 40px;
}
@media (max-width: 1319px) {
  #information-2 .wrap {
    width: 96%;
  }
}
@media (max-width: 960px) {
  #information-2 .wrap {
    width: 90%;
  }
}
@media (max-width: 1319px) {
  #information-2 .wrap {
    width: 80%;
  }
}
@media (max-width: 960px) {
  #information-2 .wrap {
    width: 100%;
    padding: 20px;
  }
}
#information-2 .wrap .intro h2 .info {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 960px) {
  #information-2 .wrap .intro h2 .info {
    margin-top: 0;
  }
}
#information-2 .wrap .intro h2 .info .cat {
  width: 90px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #656565;
  font-size: 10px;
  font-weight: 400;
  color: white;
}
#information-2 .wrap .intro h2 .info .day {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
#information-2 .wrap .intro h2 p {
  font-size: 22px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 30px;
}
#information-2 .wrap .intro h2 p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .intro h2 p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .intro h2 p {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .intro img {
  width: 100%;
  height: 100%;
  aspect-ratio: 8/4.5;
  object-fit: cover;
  margin-top: 20px;
}
#information-2 .wrap .intro p {
  font-size: 15px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 24px;
}
#information-2 .wrap .intro p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
#information-2 .wrap .intro p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .intro p {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h1 {
  width: 100%;
  font-size: 22px;
  font-weight: 550;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 60px;
}
#information-2 .wrap .content h1:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h1:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h1 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h2 {
  font-size: 18px;
  font-weight: 550;
  letter-spacing: 0.05em;
  line-height: 1.3;
  background: #f5f5f5;
  margin-top: 40px;
  padding: 10px;
}
#information-2 .wrap .content h2:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h2:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h2 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h3 {
  font-size: 16px;
  font-weight: 380;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 60px;
  padding-bottom: 8px;
  border-bottom: 1px solid black;
}
#information-2 .wrap .content h3:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h3:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h3 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 25px;
}
#information-2 .wrap .content h4:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h4:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h4 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h5 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 25px;
}
#information-2 .wrap .content h5:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h5:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h5 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content h6 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 25px;
}
#information-2 .wrap .content h6:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3) * 0.5em);
  content: "";
}
#information-2 .wrap .content h6:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content h6 {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content img {
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: cover;
  aspect-ratio: 6.4/3.6;
  margin-top: 30px;
}
#information-2 .wrap .content p {
  font-size: 13.4px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.9;
  margin-top: 30px;
}
#information-2 .wrap .content p:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.9) * 0.5em);
  content: "";
}
#information-2 .wrap .content p:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.9) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content p {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content video {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 30px;
}
#information-2 .wrap .content blockquote {
  margin: 30px 0 0;
  padding: 30px;
  background-color: #f5f5f5;
}
#information-2 .wrap .content blockquote *:first-child {
  margin-top: 0;
}
#information-2 .wrap .content ul, #information-2 .wrap .content ol {
  margin-top: 30px;
  margin-left: 30px;
}
#information-2 .wrap .content ul li, #information-2 .wrap .content ol li {
  font-size: 13.4px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.9;
}
#information-2 .wrap .content ul li:before, #information-2 .wrap .content ol li:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.9) * 0.5em);
  content: "";
}
#information-2 .wrap .content ul li:after, #information-2 .wrap .content ol li:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.9) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content ul li, #information-2 .wrap .content ol li {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content ul li {
  list-style: disc;
}
#information-2 .wrap .content ol li {
  list-style: decimal;
}
#information-2 .wrap .content table {
  margin-top: 30px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#information-2 .wrap .content table tr td, #information-2 .wrap .content table tr th {
  white-space: nowrap;
}
#information-2 .wrap .content table tr td {
  font-size: 13.4px;
  font-weight: 360;
  letter-spacing: 0.05em;
  line-height: 1.9;
  color: #000000;
  border: 1px solid #beaa82;
  padding: 14px;
  position: relative;
}
#information-2 .wrap .content table tr td:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.9) * 0.5em);
  content: "";
}
#information-2 .wrap .content table tr td:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.9) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content table tr td {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content a[href$=".pdf"] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
  margin-top: 30px;
  width: 300px;
  height: 60px;
  border: 2px solid #b30c00;
  border-radius: 5px;
  text-decoration: none;
  color: #b30c00;
  font-size: 16px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  transition: opacity 0.3s ease-in-out;
}
#information-2 .wrap .content a[href$=".pdf"]:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-2 .wrap .content a[href$=".pdf"]:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .wrap .content a[href$=".pdf"] {
    letter-spacing: 0em;
  }
}
#information-2 .wrap .content a[href$=".pdf"]:hover {
  opacity: 0.5 !important;
}
#information-2 .wrap .content a[href$=".pdf"]::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 26px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024.8%2026.2%22%3E%3Cpath%20d%3D%22M3.5%2C26.2c-0.7%2C0-1.6-0.2-2.6-1c-1-0.8-1-1.8-0.9-2.3c0.1-0.6%2C0.4-1.1%2C1-1.7c0.4-0.4%2C0.9-0.8%2C1.6-1.3%0Ac1.1-0.7%2C2.5-1.5%2C4.3-2.2c0.4-0.2%2C0.9-0.4%2C1.3-0.6c0.3-0.7%2C1.3-2.9%2C2.3-5.4c0.1-0.3%2C0.2-0.6%2C0.3-0.9c-1-1.3-1.7-2.6-2.1-3.8%0AC8.2%2C5.5%2C8.2%2C4%2C8.6%2C2.6c0.2-0.9%2C0.6-1.5%2C1.2-2c0.6-0.5%2C1.3-0.7%2C2-0.6c0.4%2C0%2C0.8%2C0.2%2C1.2%2C0.4c0.4%2C0.2%2C0.7%2C0.5%2C1%2C0.8%0Ac0.3%2C0.3%2C0.5%2C0.7%2C0.7%2C1.2c0.2%2C0.4%2C0.3%2C0.9%2C0.3%2C1.4c0.1%2C0.9-0.2%2C2.2-0.7%2C4c-0.2%2C0.8-0.5%2C1.6-0.9%2C2.6c1.3%2C1.5%2C2.7%2C2.8%2C4%2C3.9%0Ac0%2C0%2C0.1%2C0%2C0.1%2C0C19%2C14%2C20.2%2C14%2C21.2%2C14c0.7%2C0%2C1.2%2C0.1%2C1.7%2C0.3c0.6%2C0.2%2C1.1%2C0.6%2C1.4%2C1.1c0.4%2C0.6%2C0.5%2C1.2%2C0.4%2C1.8%0Ac-0.1%2C0.6-0.4%2C1.1-0.9%2C1.5c-0.6%2C0.5-1.4%2C0.8-2.3%2C0.8c-0.1%2C0-0.2%2C0-0.4%2C0c-1.1-0.1-2.1-0.6-3.1-1.4c-0.4-0.3-0.8-0.7-1.4-1.2%0Ac-1.8%2C0.4-3.2%2C0.8-3.3%2C0.8c-0.1%2C0-1.7%2C0.6-3.6%2C1.3c-0.2%2C0.7-0.6%2C1.6-1.1%2C2.5c-0.5%2C1.1-1.1%2C2-1.7%2C2.7%0Ac-0.8%2C1-1.7%2C1.6-2.6%2C1.9C4.3%2C26.2%2C3.9%2C26.2%2C3.5%2C26.2z%20M2.3%2C23.3c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C3.1%2C24%2C3.6%2C24%2C3.9%2C23.9c0.4-0.1%2C0.9-0.5%2C1.4-1.1%0Ac0.5-0.6%2C0.9-1.3%2C1.4-2.2c0-0.1%2C0.1-0.2%2C0.1-0.3c-1.2%2C0.6-2.3%2C1.1-3%2C1.7c-0.5%2C0.3-0.9%2C0.7-1.2%2C1C2.4%2C23.1%2C2.3%2C23.3%2C2.3%2C23.3z%0A%20M19.8%2C16.3c1.2%2C1.1%2C2.3%2C0.9%2C2.6%2C0.6c0.1-0.1%2C0.1-0.1%2C0.1-0.1c0%2C0%2C0%2C0-0.1-0.1c-0.1-0.1-0.4-0.3-1.3-0.4%0AC20.7%2C16.3%2C20.3%2C16.3%2C19.8%2C16.3z%20M12.5%2C12.9c-0.4%2C1.1-0.9%2C2.2-1.3%2C3.1c0.9-0.3%2C1.5-0.5%2C1.5-0.5l0%2C0c0.1%2C0%2C0.8-0.2%2C1.8-0.5%0AC13.9%2C14.3%2C13.2%2C13.6%2C12.5%2C12.9z%20M11.5%2C2.3c-0.4%2C0-0.6%2C0.6-0.7%2C0.9c-0.4%2C1.7%2C0%2C3.4%2C1%2C5c0.8-2.5%2C0.9-3.7%2C0.9-4.2%0AC12.6%2C2.9%2C12%2C2.3%2C11.5%2C2.3C11.5%2C2.3%2C11.5%2C2.3%2C11.5%2C2.3z%22%20fill%3D%22%23b30c00%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
#information-2 .btn-wrapping {
  width: 220px;
}
@media (max-width: 960px) {
  #information-2 .btn-wrapping {
    width: 100%;
  }
}
#information-2 .btn-wrapping .btn {
  width: 140px;
  height: 40px;
  font-size: 12px;
  font-weight: 340;
  letter-spacing: 0.05em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  margin-left: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#information-2 .btn-wrapping .btn:before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
  content: "";
}
#information-2 .btn-wrapping .btn:after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1) * 0.5em);
  content: "";
}
@media (max-width: 960px) {
  #information-2 .btn-wrapping .btn {
    letter-spacing: 0em;
  }
}
@media (960px < width) {
  #information-2 .btn-wrapping .btn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  #information-2 .btn-wrapping .btn:hover {
    background: #212832;
    color: white;
  }
}
@media (max-width: 960px) {
  #information-2 .btn-wrapping .btn {
    font-size: 14px;
    font-weight: 340;
    letter-spacing: 0.05em;
    line-height: 1;
    border: 1px solid black;
    margin: 0px auto;
    margin-top: 40px;
  }
  #information-2 .btn-wrapping .btn:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1) * 0.5em);
    content: "";
  }
  #information-2 .btn-wrapping .btn:after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1) * 0.5em);
    content: "";
  }
}
@media (max-width: 960px) and (max-width: 960px) {
  #information-2 .btn-wrapping .btn {
    letter-spacing: 0em;
  }
}