@charset "UTF-8";
/************************************
 * WP
 ***********************************/
/************************************
 * Font
 ***********************************/
@font-face {
  font-family: "zen-old-mincho";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ZenOldMincho-Bold.ttf") format("truetype"), url("../fonts/ZenOldMincho-Bold.woff") format("woff");
}
@font-face {
  font-family: "zen-old-mincho";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ZenOldMincho-Regular.ttf") format("truetype"), url("../fonts/ZenOldMincho-Regular.woff") format("woff");
}
@font-face {
  font-family: "zen-old-mincho";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ZenOldMincho-Medium.ttf") format("truetype"), url("../fonts/ZenOldMincho-Medium.woff") format("woff");
}
@font-face {
  font-family: "zen-old-mincho";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/ZenOldMincho-SemiBold.ttf") format("truetype"), url("../fonts/ZenOldMincho-SemiBold.woff") format("woff");
}
/************************************
 * Contents 領域・余白
 ***********************************/
/************************************
 * tag の基本設定
 *  C: color, P : parts
 ***********************************/
/************************************
 * assetsパス
 ***********************************/
/************************************
 * flex-col　余白
 ***********************************/
/************************************
 * Icon font
 ***********************************/
/************************************
 * Using plugin
 ***********************************/
/************************************
* 画像アレンジレイアウト
***********************************/
/*********************************************************************
 * MIXIN
 ********************************************************************/
/*** font family ****************************************************/
/*** font size *****************************************************/
/*** icon font *****************************************************/
@font-face {
  font-family: "icon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.wof") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  word-wrap: break-word;
  line-height: 1;
  scroll-behavior: auto !important;
}
html.fixed {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

body {
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
  font-size: 16px;
  color: var(--wp--preset--color--text);
  width: 100%;
  position: relative;
  line-height: 1;
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
body.active {
  overflow: hidden;
}

header, header div, header span, header applet, header object, header iframe,
header h1, header h2, header h3, header h4, header h5, header h6, header p, header blockquote, header pre,
header a, header abbr, header acronym, header address, header big, header cite, header code,
header del, header dfn, header em, header img, header ins, header kbd, header q, header s, header samp,
header small, header strike, header strong, header sub, header sup, header tt, header var,
header b, header u, header i, header center,
header dl, header dt, header dd, header ol, header ul, header li,
header fieldset, header form, header label, header legend,
header table, header caption, header tbody, header tfoot, header thead, header tr, header th, header td,
header article, header aside, header canvas, header details, header embed,
header figure, header figcaption, header footer, header header, header hgroup,
header menu, header nav, header output, header ruby, header section, header summary,
header time, header mark, header audio, header video, nav, nav div, nav span, nav applet, nav object, nav iframe,
nav h1, nav h2, nav h3, nav h4, nav h5, nav h6, nav p, nav blockquote, nav pre,
nav a, nav abbr, nav acronym, nav address, nav big, nav cite, nav code,
nav del, nav dfn, nav em, nav img, nav ins, nav kbd, nav q, nav s, nav samp,
nav small, nav strike, nav strong, nav sub, nav sup, nav tt, nav var,
nav b, nav u, nav i, nav center,
nav dl, nav dt, nav dd, nav ol, nav ul, nav li,
nav fieldset, nav form, nav label, nav legend,
nav table, nav caption, nav tbody, nav tfoot, nav thead, nav tr, nav th, nav td,
nav article, nav aside, nav canvas, nav details, nav embed,
nav figure, nav figcaption, nav footer, nav header, nav hgroup,
nav menu, nav nav, nav output, nav ruby, nav section, nav summary,
nav time, nav mark, nav audio, nav video, footer, footer div, footer span, footer applet, footer object, footer iframe,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre,
footer a, footer abbr, footer acronym, footer address, footer big, footer cite, footer code,
footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer s, footer samp,
footer small, footer strike, footer strong, footer sub, footer sup, footer tt, footer var,
footer b, footer u, footer i, footer center,
footer dl, footer dt, footer dd, footer ol, footer ul, footer li,
footer fieldset, footer form, footer label, footer legend,
footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td,
footer article, footer aside, footer canvas, footer details, footer embed,
footer figure, footer figcaption, footer footer, footer header, footer hgroup,
footer menu, footer nav, footer output, footer ruby, footer section, footer summary,
footer time, footer mark, footer audio, footer video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  word-wrap: break-word;
}
header ol, header ul, nav ol, nav ul, footer ol, footer ul {
  list-style: none;
}
header table, nav table, footer table {
  border-collapse: collapse;
  border-spacing: 0;
}
header caption, header th, header td, nav caption, nav th, nav td, footer caption, footer th, footer td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
header q, header blockquote, nav q, nav blockquote, footer q, footer blockquote {
  quotes: none;
}
header q:before, header q:after, header blockquote:before, header blockquote:after, nav q:before, nav q:after, nav blockquote:before, nav blockquote:after, footer q:before, footer q:after, footer blockquote:before, footer blockquote:after {
  content: "";
  content: none;
}
header a img, nav a img, footer a img {
  border: none;
}
header article, header aside, header details, header figcaption, header figure, header footer, header header, header hgroup, header menu, header nav, header section, header summary, nav article, nav aside, nav details, nav figcaption, nav figure, nav footer, nav header, nav hgroup, nav menu, nav nav, nav section, nav summary, footer article, footer aside, footer details, footer figcaption, footer figure, footer footer, footer header, footer hgroup, footer menu, footer nav, footer section, footer summary {
  display: block;
}
header, header *, nav, nav *, footer, footer * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
}
header::before, header::after, header *::before, header *::after, nav::before, nav::after, nav *::before, nav *::after, footer::before, footer::after, footer *::before, footer *::after {
  box-sizing: border-box;
}
header ul, nav ul, footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header ul li, nav ul li, footer ul li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
header ul li::marker, nav ul li::marker, footer ul li::marker {
  content: none;
}

#noscript {
  width: 100%;
  padding: 10px 20px;
  background: #C00;
  color: #fff;
  text-align: center;
  z-index: 100;
  line-height: 1.2;
}

#loader {
  position: fixed;
  z-index: 15000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
}
#loader > div {
  content: "";
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/com/loader.svg) no-repeat center center #FFF;
}

.loader-fix {
  position: fixed;
}

/* コンテンツエリアの設定 **************************/
.common-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (max-width: 960px) {
  .common-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .common-inner {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.common-inner_narrow {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (max-width: 960px) {
  .common-inner_narrow {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .common-inner_narrow {
    padding-left: 28px;
    padding-right: 28px;
  }
}

/* SP時 common-inner内でフル画面表示する例外対応 */
@media only screen and (max-width: 960px) {
  .sp-full {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width: 640px) {
  .sp-full {
    margin-left: -28px;
    margin-right: -28px;
    padding-left: 56px;
    padding-right: 56px;
  }
}

section {
  padding-top: 35px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 960px) {
  section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  section {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
section:first-child {
  padding-top: 0;
}

.search-modeal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
  z-index: 1000;
}

.js-close-modal {
  cursor: pointer;
  pointer-events: all;
}

.search-modeal_close {
  width: 5.7333333333vw;
  height: 5.7333333333vw;
  max-width: 2.6875rem;
  max-height: 2.6875rem;
  position: absolute;
  top: 17px;
  right: 21px;
}

.search-modeal_inner {
  width: 85.3333333333vw;
  height: 146.6666666667vw;
  max-width: 37.6875rem;
  max-height: 54.375rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #F3F5F3;
  position: relative;
  z-index: 1002;
  padding: 1.25rem 2.1875rem 1.25rem;
}
@media only screen and (max-width: 960px) {
  .search-modeal_inner {
    padding: 1.25rem;
  }
}

.serach-form-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.serach-form-wrapper {
  width: 100%;
}

#serach-form {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.serach-form-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2.625rem;
}
@media only screen and (max-width: 960px) {
  .serach-form-title {
    margin-bottom: 1.25rem;
  }
}

.serach-form-title_icon {
  display: block;
  width: 3.8666666667vw;
  height: 3.8666666667vw;
  max-width: 1.8125rem;
  max-height: 1.8125rem;
}

.serach-form-title_text {
  font-size: clamp(1rem, 0.634rem + 1.561vw, 2rem);
  letter-spacing: 0.2em;
  margin-top: 0.6875rem;
  color: #3D696A;
  padding-left: 10px;
}

.serach-form-content {
  border-top: 1px solid #C0C1C2;
  padding-top: 4%;
}
.serach-form-content:last-of-type {
  border-bottom: 1px solid #C0C1C2;
}
.serach-form-content label {
  display: flex;
  margin-right: 0;
  flex-direction: column;
}
.serach-form-content input[type=date] {
  background-color: transparent;
  border: none;
  width: 100%;
  font-size: clamp(1.188rem, 1.073rem + 0.488vw, 1.5rem);
  letter-spacing: 0.1em;
  padding-left: 0;
  padding-right: 0.5625rem;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
}

.serach-form-content_main_title {
  font-size: clamp(0.938rem, 0.732rem + 0.878vw, 1.5rem);
  letter-spacing: 0.2em;
  min-width: 2.5rem;
  color: #3D696A;
  white-space: nowrap;
}

.serach-form-content_select {
  display: block;
  width: calc(100% - 2.375rem);
}
.serach-form-content_select select {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: clamp(1.188rem, 1.073rem + 0.488vw, 1.5rem);
  letter-spacing: 0.1em;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
  text-align: right;
  padding-right: 0.9375rem;
}

.serach-form_content_select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.3%;
  padding-left: 0.1875rem;
  padding-right: 0.75rem;
}
.serach-form_content_select label {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.serach-form-button {
  margin-top: 1.25rem;
}
.serach-form-button button {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.906rem, 0.735rem + 0.732vw, 1.375rem);
  letter-spacing: 0.2em;
  height: 10.1333333333vw;
  max-height: 4.75rem;
}

.serach-form-archive {
  display: flex;
  justify-content: space-between;
  margin-top: 2.0625rem;
  gap: 0 0.5rem;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .serach-form-archive {
    margin-top: 1rem;
  }
}

.serach-form-archive_plan a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3D696A;
  color: #fff;
  height: 1.25rem;
  padding: 0.6em 1.5em 0.6em 0.9em;
  height: 2.6666666667vw;
  font-size: clamp(0.469rem, 0.274rem + 0.829vw, 1rem);
  letter-spacing: 0;
  white-space: nowrap;
  max-height: 2.75rem;
}
@media only screen and (max-width: 640px) {
  .serach-form-archive_plan a {
    padding: 0.3em 1.5em 0.3em 0.9em;
    height: 5.3333333333vw;
  }
}
.serach-form-archive_plan a::before {
  content: ">";
  display: inline-block;
  margin-right: 0.4375rem;
}

.serach-form-archive_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3em 0;
  font-size: clamp(0.625rem, 0.488rem + 0.585vw, 1rem);
  height: 2.6666666667vw;
  max-height: 2.75rem;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .serach-form-archive_link {
    height: 5.3333333333vw;
  }
}
.serach-form-archive_link::before {
  content: ">";
  display: inline-block;
}

.serach-room {
  position: fixed;
  right: 0;
  top: 330px;
  z-index: 999;
  width: 3.3125rem;
  height: 9rem;
}

.serach-room_inner {
  width: 100%;
  height: 100%;
}

.serach-room_button {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3D696A;
  color: #fff;
  padding: 0;
  border: none;
  pointer-events: all;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 640px) {
  .serach-room_button {
    display: none;
  }
}
.serach-room_button:hover {
  opacity: 0.7;
}

.serach-room-title {
  width: 100%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem 0.3125rem;
}

.serach-room-title_icon {
  display: block;
  width: 0.9375rem;
  height: 0.875rem;
  margin-bottom: 0.0625rem;
}

.serach-room-title_text {
  font-size: 1rem;
  height: 5.625rem;
  letter-spacing: 0.2em;
  margin-top: 0.0625rem;
  font-feature-settings: initial;
}

.serach-room-title_text_img {
  width: 0.9375rem;
}

.serach-tour {
  position: fixed;
  right: 0;
  top: 490px;
  z-index: 999;
  width: 3.3125rem;
  height: 9rem;
}

.serach-tour_inner {
  width: 100%;
  height: 100%;
}

.serach-tour_button {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  padding: 0;
  border: none;
  pointer-events: all;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 640px) {
  .serach-tour_button {
    display: none;
  }
}
.serach-tour_button:hover {
  opacity: 0.7;
}

.serach-tour-title {
  max-height: 100%;
}

.serach-tour-title_text {
  width: 100%;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem 0.3125rem;
  color: var(--wp--preset--color--main);
}

.serach-tour-title_text_img {
  display: block;
  height: 100%;
  max-height: 100%;
}
.serach-tour-title_text_img img {
  display: block;
  width: 100%;
  max-height: 8.125rem;
}

.phantom {
  opacity: 0;
  transform: translateY(50px);
}
.phantom.phantom-animation {
  opacity: 1;
  transition: all 0.8s ease-in-out;
  transform: translateY(0);
}

.phantom-delay {
  opacity: 0;
  transform: translateY(50px);
}
.phantom-delay.phantom-animation {
  opacity: 1;
  transition: all 1.2s ease-in-out;
  transform: translateY(0);
}

.fixed-menu {
  display: none;
}
@media only screen and (max-width: 960px) {
  .fixed-menu {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #F2F4F1;
    z-index: 99;
  }
}

.fixed-menu_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-menu_list li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
.fixed-menu_list li::marker {
  content: none;
}

.fixed-menu_item {
  width: 33.3333333333%;
}
.fixed-menu_item:not(:last-child) {
  border-right: 1px solid #C0C1C2;
}

.fixed-menu_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 0.625rem;
  width: 100%;
  pointer-events: all;
  cursor: pointer;
}

button.fixed-menu_link {
  background-color: transparent;
  border: none;
  pointer-events: all;
  cursor: pointer;
}
button.fixed-menu_link:hover {
  opacity: 0.7;
}

.fixed_menu_icon {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
}

.fixed-menu_text {
  color: #3D696A;
  font-size: clamp(1rem, 0.954rem + 0.195vw, 1.125rem);
}

@media only screen and (max-width: 960px) {
  #global-search {
    display: none;
  }
}
#global-search #search_489ban form {
  display: block;
}
#global-search #search_489ban form label {
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
  margin-right: 0;
  color: #3D696A;
}
#global-search #search_489ban form button {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.906rem, 0.826rem + 0.341vw, 1.125rem);
  letter-spacing: 0.2em;
  height: 3rem;
  max-height: 4.75rem;
  margin-top: 1.25rem;
}
#global-search #search_489ban form button:hover {
  background-color: #fff;
  color: #3D696A;
}
#global-search #search_489ban .date_489ban {
  width: 100%;
  padding: 0;
  border-top: 1px solid #C0C1C2;
  border-bottom: 1px solid #C0C1C2;
  border-left: none;
  border-left: none;
  padding: 0.625rem 0.625rem;
}
#global-search #search_489ban .date_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  #global-search #search_489ban .date_489ban {
    padding: 0.625rem;
  }
}
#global-search #search_489ban .date_489ban dt {
  text-align: left;
  font-size: 1rem;
}
#global-search #search_489ban .date_489ban dd input {
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
}
#global-search #search_489ban .inbox_489ban {
  display: block;
  width: 100%;
}
#global-search #search_489ban .inbox_489ban:first-of-type::before {
  display: none;
}
#global-search #search_489ban .inbox_489ban:first-of-type::after {
  display: none;
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #C0C1C2;
  border-left: none;
  padding: 0.625rem 0.625rem;
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  #global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban {
    padding: 0.625rem;
  }
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban dt {
  width: 6.25rem;
  text-align: left;
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban dd {
  width: calc(100% - 6.25rem);
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
}
#global-search #search_489ban .inbox_489ban:first-of-type .stay_489ban dd span {
  color: #3D696A;
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban {
  flex-direction: row;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #C0C1C2;
  border-left: none;
  padding: 0.625rem 0.625rem;
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  #global-search #search_489ban .inbox_489ban:first-of-type .room_489ban {
    padding: 0.625rem;
  }
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban dt {
  width: 6.25rem;
  text-align: left;
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban dd {
  width: calc(100% - 6.25rem);
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
}
#global-search #search_489ban .inbox_489ban:first-of-type .room_489ban dd span {
  color: #3D696A;
}
#global-search #search_489ban .inbox_489ban:last-of-type {
  padding: 0;
}
#global-search #search_489ban .inbox_489ban:last-of-type::before {
  display: none;
}
#global-search #search_489ban .inbox_489ban:last-of-type::after {
  display: none;
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-left: none;
  padding: 0.9375rem 0.625rem;
  border-bottom: 1px solid #C0C1C2;
}
@media only screen and (max-width: 960px) {
  #global-search #search_489ban .inbox_489ban:last-of-type .person_489ban {
    padding: 0.625rem;
  }
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban::after {
  display: none;
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban dt {
  width: 6.25rem;
  text-align: left;
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban dd {
  width: calc(100% - 6.25rem);
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
}
#global-search #search_489ban .inbox_489ban:last-of-type .person_489ban dd span {
  color: #3D696A;
}

.global-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.93);
  display: flex;
  justify-content: space-between;
  padding-top: clamp(6.25rem, 6.25rem + 0vw, 6.25rem);
  padding-bottom: clamp(6.25rem, 6.25rem + 0vw, 6.25rem);
  padding-right: clamp(1.875rem, -2.526rem + 18.779vw, 14.375rem);
  padding-left: clamp(1.875rem, -2.394rem + 18.216vw, 14rem);
  z-index: 95;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease-in-out;
}
@media screen and (max-width: 1400px) {
  .global-nav {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media only screen and (max-width: 960px) {
  .global-nav {
    overflow-y: scroll;
  }
}
.active .global-nav {
  opacity: 1;
  pointer-events: all;
}

.global-nav_wrapper {
  width: 42.2%;
}
@media screen and (max-width: 1400px) {
  .global-nav_wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .global-nav_wrapper {
    width: 100%;
  }
}

.global-nav-search {
  width: 42.4%;
  padding-top: 1.75rem;
}
@media screen and (max-width: 1400px) {
  .global-nav-search {
    display: none;
  }
}
.global-nav-search .search-airport_wrapper::before {
  display: none;
}
.global-nav-search .search-airport_wrapper::after {
  display: none;
}

.global-tel {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 0.1875rem;
  gap: 0.5rem;
}

.global-tel_text-medium {
  color: #3D696A;
  font-size: clamp(1rem, 0.817rem + 0.78vw, 1.5rem);
}

.global-tel_link {
  color: #3D696A;
  font-size: clamp(1.25rem, 1.021rem + 0.976vw, 1.875rem);
}
.global-tel_link:hover {
  color: #3D696A;
}

.global-tel_text-small {
  color: #3D696A;
  font-size: clamp(0.813rem, 0.675rem + 0.585vw, 1.188rem);
}

.global-nav-search_body {
  border: 1px solid #c0c1c2;
  margin-top: 1.375rem;
  padding-top: 2.5rem;
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
  padding-bottom: 2rem;
}

.global-nav-search_body_title {
  color: #3D696A;
  font-size: clamp(1.125rem, 0.988rem + 0.585vw, 1.5rem);
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 1.4375rem;
}

.global-nav-search_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1.75rem;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
  padding-right: 0rem;
  gap: 2rem;
  flex-wrap: wrap;
}

.global-nav-search_link_wrapper a {
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.global-nav-search_link_wrapper a::before {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.5rem;
  background-image: url(/assets/img/com/arrow-green.svg);
  background-position: center;
  background-size: cover;
  margin-right: 0.625rem;
}

.global-search_button {
  width: 19.0625rem;
  height: 3.75rem;
  margin-top: 3.25rem;
}
.global-search_button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #3D696A;
  font-size: clamp(0.875rem, 0.806rem + 0.293vw, 1.063rem);
  letter-spacing: 0.2em;
}

.global-nav-item a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #000000;
  color: #2d2d2d;
  padding-top: 1.3125rem;
  padding-bottom: 1.28125rem;
  font-size: clamp(0.875rem, 0.784rem + 0.39vw, 1.125rem);
  padding-left: 0.3125rem;
}
.global-nav-item a:hover {
  text-decoration: none;
}
.global-nav-item a::before {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.5rem;
  background-image: url(/assets/img/com/arrow-green.svg);
  background-position: center;
  background-size: cover;
  margin-right: 1.75rem;
}

.global-nav-child_item a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #000000;
  padding-top: 1.3125rem;
  padding-bottom: 1.34375rem;
  font-size: clamp(0.75rem, 0.659rem + 0.39vw, 1rem);
  padding-left: 1.75rem;
  color: #2d2d2d;
}
.global-nav-child_item a:hover {
  text-decoration: none;
}
.global-nav-child_item a::before {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.5rem;
  background-image: url(/assets/img/com/arrow-green.svg);
  background-position: center;
  background-size: cover;
  margin-right: 1.75rem;
}

.global-nav-others {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  gap: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .global-nav-others {
    padding-bottom: 6.25rem;
  }
}

.global-nav-others_item {
  font-size: 0.875rem;
  letter-spacing: 0.2em;
}
.global-nav-others_item a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  color: #2d2d2d;
}
.global-nav-others_item a:hover {
  text-decoration: none;
}
.global-nav-others_item a::before {
  display: block;
  content: "";
  width: 0.25rem;
  height: 0.5rem;
  background-image: url(/assets/img/com/arrow-green.svg);
  background-position: center;
  background-size: cover;
  margin-right: 0.9375rem;
}

.f404 main {
  display: flex;
  justify-content: center;
  align-items: center;
}

.serach-modal {
  display: none;
  position: fixed;
  z-index: 55;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1001;
}
.serach-modal .search-airport_wrapper {
  width: 100%;
  padding: 0;
  border-top: 1px solid #C0C1C2;
  border-bottom: 1px solid #C0C1C2;
  padding: 0.625rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.serach-modal .search-airport_wrapper select {
  width: calc(100% - 8rem);
}
.serach-modal .search-airport_wrapper input {
  width: calc(100% - 8rem);
}
.serach-modal .search-airport_wrapper + .search-airport_wrapper {
  border-top: none;
}
.serach-modal #modal_body01 .serach-form-archive {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.serach-modal .serach-form-archive {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: fit-content;
  gap: 7px;
}
.serach-modal .search-airport_date_wrapper {
  width: calc(100% - 8rem);
}
@media only screen and (max-width: 960px) {
  .serach-modal .search-airport_date_wrapper {
    width: calc(100% - 3rem);
  }
}
.serach-modal .search_airport_title {
  color: #3D696A;
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem) !important;
  margin-right: 0;
  color: #3D696A;
  text-align: left;
  width: 8rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 3.9375rem;
  z-index: 1000;
}
#header.is-active .header-logo object svg {
  display: none;
}
#header.is-active .header-logo object svg path, #header.is-active .header-logo object svg polygon {
  fill: #787878 !important;
  stroke: #787878 !important;
}
.active #header .header-logo object svg path, .active #header .header-logo object svg polygon {
  fill: #787878 !important;
  stroke: #787878 !important;
}

.header-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 0px;
  padding: 0 0;
  z-index: 100;
}
@media only screen and (max-width: 960px) {
  .header-inner {
    gap: 0 20px;
  }
}

.header-logo {
  width: fit-content;
  height: 2.5rem;
  padding-left: 1.875rem;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 960px) {
  .header-logo {
    padding-left: 1.25rem;
  }
}
.header-logo > a {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .header-logo > a {
    width: 10rem;
  }
}
.header-logo > a object {
  pointer-events: none;
}
.header-logo > a path, .header-logo > a polygon {
  pointer-events: none;
  transition: all 0.3s ease;
}
.active .header-logo > a path, .active .header-logo > a polygon {
  fill: #787878 !important;
  stroke: #787878 !important;
}

.header-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 1.875rem;
}
@media only screen and (max-width: 960px) {
  .header-nav {
    gap: 0 0.625rem;
  }
}
.header-nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 0.625rem;
}
@media screen and (max-width: 1100px) {
  .header-nav-list {
    display: none;
  }
}
.header-nav-list li a {
  display: block;
  padding: 1em 0.7em;
  color: #fff;
}
.is-active .header-nav-list li a {
  color: #787878;
}

.header-select {
  width: 5.6875rem;
  height: 1.375rem;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1;
}
.is-active .header-select {
  color: #787878;
  border: 1px solid #787878;
}
.header-select option {
  font-size: 0.75rem;
  letter-spacing: 0;
  color: var(--color--text);
}

.hamburger-button {
  width: 3.9375rem;
  height: 3.9375rem;
  background-color: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  outline: none;
  background-color: #3D696A;
  z-index: 99;
  position: relative;
}
.hamburger-button:hover {
  opacity: 0.6;
}
.active .hamburger-button {
  background-color: transparent;
}

.hamburger-button-bar {
  display: block;
  width: 1.9375rem;
  height: 0.125rem;
  background-color: #FFF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
  transform: translateX(-50%) translateY(-50%);
}
.hamburger-button-bar:first-of-type {
  top: 30%;
}
.hamburger-button-bar:nth-of-type(2) {
  top: 50%;
}
.hamburger-button-bar:last-of-type {
  top: 70%;
}
.active .hamburger-button-bar {
  background-color: #c0c1c2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
  width: 100%;
}
.active .hamburger-button-bar:first-of-type {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.active .hamburger-button-bar:last-of-type {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.active .hamburger-button-bar:nth-of-type(2) {
  display: none;
}

.section-more {
  width: 100%;
  margin-top: 0rem;
}

.section-more_button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem 0.875rem;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .section-more_button {
    gap: 0.3125rem 0.4375rem;
  }
}

.section-more_text {
  font-size: clamp(0.938rem, 0.915rem + 0.098vw, 1rem);
  letter-spacing: 0.2em;
  color: #3D696A;
}

.section-more_arrow {
  width: 2rem;
  height: 2rem;
}
@media only screen and (max-width: 640px) {
  .section-more_arrow {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    max-width: 5.625rem;
    max-height: 5.625rem;
  }
}

#customer_header {
  position: relative;
}
#customer_header #header {
  width: 100%;
  height: 3.9375rem;
  position: static;
}
#customer_header #header a {
  text-decoration: none;
}
#customer_header #header .header-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#customer_header #header .header-logo {
  display: flex;
  width: 12.5rem;
  position: relative;
  z-index: 1000;
  padding-left: 0rem;
}
@media only screen and (max-width: 640px) {
  #customer_header #header .header-logo {
    padding-left: 0rem;
    width: 12.5rem;
  }
}
#customer_header #header .header-nav .hamburger-button {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}
#customer_header #header .header-nav .global-nav {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.93);
  z-index: 1000;
}
#customer_header #header #drawer_on:target .global-nav {
  opacity: 1;
  pointer-events: auto;
}
#customer_header #header #drawer_on:target .global-nav_wrapper {
  width: 100%;
}
#customer_header #header #drawer_on:target .hamburger-button {
  display: none;
}
#customer_header .hamburger-button-close {
  width: 3.9375rem;
  height: 3.9375rem;
  background-color: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  outline: none;
  background-color: transparent;
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
}
#customer_header .hamburger-button-close .hamburger-button-bar {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #c0c1c2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
}
#customer_header .hamburger-button-close .hamburger-button-bar.-top {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#customer_header .hamburger-button-close .hamburger-button-bar.-middle {
  opacity: 0;
}
#customer_header .hamburger-button-close .hamburger-button-bar.-bottom {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#customer_header .hamburger-button-close_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.header-logo-bestrate > a {
  font-size: 0.625rem;
  width: 6.375rem;
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.375rem;
  background-color: #B2914B;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .header-logo-bestrate > a {
    width: 5.9375rem;
    margin-left: 0.625rem;
  }
}

.global-nav-search_tablist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.global-nav-search_tablist li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
.global-nav-search_tablist li::marker {
  content: none;
}

.global-nav-search_tabitem {
  width: 33.3333%;
}
.global-nav-search_tabitem + .global-nav-search_tabitem .global-nav-search_tabbutton {
  border-left: none;
}

.global-nav-search_body_blank_intro {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
}

.global-nav-search_body_intro {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_intro {
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 0.625rem;
  }
}

.global-nav-search_body_blank {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 25px;
}

.global-nav-search_body_blank_intro {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  color: #3D696A;
  line-height: 1.6;
}

.global-nav-search_body_blank_link {
  display: inline-block;
  text-align: center;
  margin-top: 1.875rem;
}
.global-nav-search_body_blank_link > a {
  background-color: #3D696A;
  height: 2.625rem;
  color: #fff;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.global-nav-search_body_wrapper {
  display: none;
}
.global-nav-search_body_wrapper.--active {
  display: block;
}
.global-nav-search_body_wrapper .search-airport_wrapper {
  width: 100%;
  padding: 0;
  border-top: 1px solid #C0C1C2;
  border-bottom: 1px solid #C0C1C2;
  padding: 0.625rem 0.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.global-nav-search_body_wrapper .search-airport_wrapper select {
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_wrapper .search-airport_wrapper select {
    width: 100%;
  }
}
.global-nav-search_body_wrapper .search-airport_wrapper input {
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_wrapper .search-airport_wrapper input {
    width: 100%;
  }
}
.global-nav-search_body_wrapper .search-airport_wrapper + .search-airport_wrapper {
  border-top: none;
}
.global-nav-search_body_wrapper .search-airport_date_wrapper {
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_wrapper .search-airport_date_wrapper {
    width: 100%;
  }
}
.global-nav-search_body_wrapper .search_airport_title {
  color: #3D696A;
  font-size: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
  margin-right: 0;
  color: #3D696A;
  text-align: left;
  width: 10rem;
}

.global-nav-search_body_intro_main {
  font-size: 0.875rem;
  background-color: #B2914B;
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  height: 1.4375rem;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_intro_main {
    font-size: 0.8125rem;
  }
}

.global-nav-search_body_intro_sub {
  font-size: 0.875rem;
  color: #3D696A;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-left: 0.8125rem;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_body_intro_sub {
    margin-left: 0;
    margin-top: 1rem;
    font-size: 0.8125rem;
  }
}

.global-nav-search_tabbutton {
  width: 100%;
  height: 2.5rem;
  background-color: #F3F5F3;
  color: #3D696A;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  border: 1px solid #3D696A;
  cursor: pointer;
  line-height: 1.2;
}
@media only screen and (max-width: 960px) {
  .global-nav-search_tabbutton {
    height: 2.5rem;
    font-size: 0.75rem;
  }
}
.--active .global-nav-search_tabbutton {
  background-color: #3D696A;
  color: #fff;
}

main {
  display: block;
}

.search-form {
  width: 100%;
  background-color: #F3F5F3;
  height: 17.75rem;
  padding-left: 7%;
  padding-right: 7%;
}
@media screen and (max-width: 1200px) {
  .search-form {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only screen and (max-width: 960px) {
  .search-form {
    display: none;
  }
}

.search-form_inner {
  margin-right: auto;
  margin-left: auto;
  width: 1260px;
  max-width: 100%;
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: 83.1333% 15.8667%;
  justify-content: center;
}
.search-form_inner.--grid-wide {
  grid-template-columns: 77.1333% 22.8667%;
}

.search-form_title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.625rem 0.625rem;
}

.search-form_title_icon {
  display: block;
  width: 100%;
  text-align: center;
  height: 0.9375rem;
}
.search-form_title_icon img {
  display: block;
  width: 1rem;
  margin-right: auto;
  margin-left: auto;
}

.search-form_title_text {
  font-size: 1.25rem;
  letter-spacing: 0.2em;
  color: #3D696A;
  line-height: 1.4;
}

.search-form-archive {
  padding-top: 0.625rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9375rem 0.625rem;
  margin-left: 1.25rem;
}

.search-form-archive_plan a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.875rem;
  color: #fff;
  width: 7.875rem;
  height: 1.5rem;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  background-color: #3D696A;
  position: relative;
}
.search-form-archive_plan a::before {
  content: "";
  background-image: url(/assets/img/com/arrow-white.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.search-form-archive_link {
  display: flex;
  align-items: center;
}
.search-form-archive_link a {
  font-size: 0.75rem;
  letter-spacing: 0;
  padding-left: 1.125rem;
  position: relative;
}
.search-form-archive_link a::before {
  content: "";
  background-image: url(/assets/img/com/arrow.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.75rem;
  border-radius: 50%;
}

.search-tab_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-tab_list li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
.search-tab_list li::marker {
  content: none;
}

.search-tab_item {
  width: 33.333%;
  border: 1px solid #C0C1C2;
}
.search-tab_item + .search-tab_item {
  border-left: none;
}

.search-tab_button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  color: #3D696A;
}
.--active .search-tab_button {
  background-color: #3D696A;
  color: #fff;
}

.serch-form_content {
  text-align: center;
  display: none;
}
.serch-form_content.--active {
  display: block;
}
.serch-form_content:nth-of-type(2) .search-form_inner {
  grid-template-columns: 81.1333% 18.8667%;
}

.search-form_intro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #3D696A;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1.875rem;
}

.search-form_itro__main {
  background-color: #B2914B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.0625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.search-form_itro__sub {
  color: #3D696A;
  font-weight: 600;
  padding-left: 1rem;
}

.serch-form_blank {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 3.125rem;
}

.serch-form_blank_text {
  color: #3D696A;
  font-weight: 600;
}

.search-form_blank_link {
  display: inline-block;
  text-align: center;
  margin-top: 1.875rem;
}
.search-form_blank_link > a {
  background-color: #3D696A;
  height: 3.75rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

#search_489ban form {
  display: flex;
  align-items: stretch;
  margin: 0;
}
#search_489ban form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.9375rem;
  min-width: 6.9375rem;
  height: 2.875rem;
  background-color: #3D696A;
  color: #fff;
  font-size: 0.8125rem;
  letter-spacing: 0.2em;
  border: none;
  margin: auto 0;
  margin-left: 2%;
}
#search_489ban .date_489ban {
  width: 27%;
  padding: 1.5625rem 1.5625rem 0.75rem;
  margin-top: 0.4375rem;
  position: relative;
}
#search_489ban .date_489ban::before {
  width: 1px;
  height: 5.875rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media only screen and (max-width: 960px) {
  #search_489ban .date_489ban {
    padding: 0.625rem;
  }
}
#search_489ban .date_489ban dt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.2em;
}
#search_489ban .date_489ban dd {
  margin-top: 0.625rem;
  gap: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#search_489ban .date_489ban dd input[type=date] {
  width: 100%;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
}
#search_489ban .inbox_489ban:first-of-type {
  width: 39%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#search_489ban .inbox_489ban:first-of-type .stay_489ban {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 1.5625rem 1.5625rem 0.75rem;
  margin-top: 0.4375rem;
  position: relative;
}
#search_489ban .inbox_489ban:first-of-type .stay_489ban::before {
  width: 1px;
  height: 5.875rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:first-of-type .stay_489ban {
    padding: 0.625rem;
  }
}
#search_489ban .inbox_489ban:first-of-type .stay_489ban dt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.2em;
}
#search_489ban .inbox_489ban:first-of-type .stay_489ban dd {
  width: 100%;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.6rem;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:first-of-type .stay_489ban dd {
    margin-top: 0;
  }
}
#search_489ban .inbox_489ban:first-of-type .stay_489ban dd select {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
}
#search_489ban .inbox_489ban:first-of-type .room_489ban {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 1.5625rem 1.5625rem 0.75rem;
  margin-top: 0.4375rem;
  position: relative;
}
#search_489ban .inbox_489ban:first-of-type .room_489ban::before {
  width: 1px;
  height: 5.875rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:first-of-type .room_489ban {
    padding: 0.625rem;
  }
}
#search_489ban .inbox_489ban:first-of-type .room_489ban dt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.2em;
}
#search_489ban .inbox_489ban:first-of-type .room_489ban dd {
  width: 100%;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.6rem;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:first-of-type .room_489ban dd {
    margin-top: 0;
  }
}
#search_489ban .inbox_489ban:first-of-type .room_489ban dd select {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
}
#search_489ban .inbox_489ban:last-of-type {
  width: 18%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5625rem 1.5625rem 0.75rem;
  margin-top: 0.4375rem;
  position: relative;
}
#search_489ban .inbox_489ban:last-of-type::before {
  width: 1px;
  height: 5.875rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#search_489ban .inbox_489ban:last-of-type::after {
  width: 1px;
  height: 5.875rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:last-of-type {
    padding: 0.625rem;
  }
}
#search_489ban .inbox_489ban:last-of-type .person_489ban dt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.2em;
}
#search_489ban .inbox_489ban:last-of-type .person_489ban dd {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.6rem;
}
@media only screen and (max-width: 960px) {
  #search_489ban .inbox_489ban:last-of-type .person_489ban dd {
    margin-top: 0;
  }
}
#search_489ban .inbox_489ban:last-of-type .person_489ban dd select {
  display: block;
  width: 100%;
  border: none;
  text-align: center;
  background-color: transparent;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "zen-old-mincho", "YuMincho", "游明朝", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "Noto Serif Japanese", "serif, Century";
}

.serach-modal #search_489ban form {
  display: block;
}
.serach-modal #search_489ban form label {
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
  margin-right: 0;
  color: #3D696A;
}
.serach-modal #search_489ban form button {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.906rem, 0.735rem + 0.732vw, 1.375rem);
  letter-spacing: 0.2em;
  height: 10.1333333333vw;
  max-height: 4.75rem;
  margin-top: 1.25rem;
}
.serach-modal #search_489ban form button:hover {
  background-color: #fff;
  color: #3D696A;
}
.serach-modal #search_489ban .date_489ban {
  width: 100%;
  padding: 0;
  margin-top: 0;
  border-top: 1px solid #C0C1C2;
  border-bottom: 1px solid #C0C1C2;
  padding: 0.9375rem 0.625rem;
  border-left: none;
}
.serach-modal #search_489ban .date_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  .serach-modal #search_489ban .date_489ban {
    padding: 0.625rem;
  }
}
.serach-modal #search_489ban .date_489ban dt {
  text-align: left;
  font-size: 1rem;
}
.serach-modal #search_489ban .date_489ban dd input {
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
}
.serach-modal #search_489ban .inbox_489ban {
  display: block;
  width: 100%;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type {
  margin-top: 0;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban {
  display: flex;
  flex-direction: row;
  border-left: none;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #C0C1C2;
  padding: 0.9375rem 0.625rem;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  .serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban {
    padding: 0.625rem;
  }
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban dt {
  width: 6.25rem;
  text-align: left;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban dd {
  width: calc(100% - 6.25rem);
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .stay_489ban dd span {
  color: #3D696A;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban {
  flex-direction: row;
  align-items: center;
  width: 100%;
  border-left: none;
  margin-top: 0;
  border-bottom: 1px solid #C0C1C2;
  padding: 0.9375rem 0.625rem;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  .serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban {
    padding: 0.625rem;
  }
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban dt {
  width: 6.25rem;
  text-align: left;
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban dd {
  width: calc(100% - 6.25rem);
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
}
.serach-modal #search_489ban .inbox_489ban:first-of-type .room_489ban dd span {
  color: #3D696A;
}
.serach-modal #search_489ban .inbox_489ban:last-of-type {
  padding: 0;
  margin-top: 0;
}
.serach-modal #search_489ban .inbox_489ban:last-of-type::before {
  display: none;
}
.serach-modal #search_489ban .inbox_489ban:last-of-type::after {
  display: none;
}
.serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-left: none;
  padding: 0.9375rem 0.625rem;
  border-bottom: 1px solid #C0C1C2;
}
@media only screen and (max-width: 960px) {
  .serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban {
    padding: 0.625rem;
  }
}
.serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban dt {
  width: 6.25rem;
  text-align: left;
}
.serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban dd {
  width: calc(100% - 6.25rem);
}
.serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban dd select {
  padding-right: 0.9375rem;
  text-align: right;
  font-size: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
}
.serach-modal #search_489ban .inbox_489ban:last-of-type .person_489ban dd span {
  color: #3D696A;
}
.serach-modal .search-airport_wrapper {
  margin-top: 0;
}
.serach-modal .search-airport_wrapper::before {
  display: none;
}
.serach-modal .search-airport_wrapper::after {
  display: none;
}

.part-hero {
  height: 24.5rem;
}
@media only screen and (max-width: 960px) {
  .part-hero {
    height: 69.4666666667vw;
  }
}

.part-hero_inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.part-hero_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.part-hero_img {
  width: 100%;
  height: 100%;
}
.part-hero_img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.part-hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(1.5rem, 1.258rem + 1.033vw, 2.188rem);
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 400;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.breadcrumb {
  width: 87.5rem;
  max-width: 100%;
  padding-right: 6.0625rem;
  padding-left: 6.0625rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0.4375rem;
}
@media screen and (max-width: 1200px) {
  .breadcrumb {
    margin-top: 0.0625rem;
    padding-right: 1.5625rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 960px) {
  .breadcrumb {
    overflow-x: scroll;
  }
}

.breadcrumb-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap; /*自動改行しないようにする*/
}
.breadcrumb-list li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
.breadcrumb-list li::marker {
  content: none;
}
@media only screen and (max-width: 960px) {
  .breadcrumb-list {
    justify-content: flex-start;
  }
}

.breadcrumb-item {
  position: relative;
}
.breadcrumb-item:not(:last-of-type) {
  margin-right: 1.25rem;
}
.breadcrumb-item:not(:last-of-type)::after {
  content: ">";
  position: absolute;
  top: 50%;
  right: -1.0625rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .breadcrumb-item:not(:last-of-type) {
    margin-right: 0.9375rem;
  }
}
@media screen and (max-width: 1200px) {
  .breadcrumb-item span {
    font-size: 0.75rem;
  }
}

.breadcrumb-item_text {
  font-size: 0.875rem;
  letter-spacing: 0.12em;
  font-weight: 400;
  color: #4c4c4c;
}

.part-intro_anker {
  margin-top: 3.125rem;
}
@media only screen and (max-width: 960px) {
  .part-intro_anker {
    margin-top: 2.5rem;
  }
}

.part-intro_anker_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.part-intro_anker_list li {
  padding-left: 0;
  text-indent: 0;
  list-style: none;
}
.part-intro_anker_list li::marker {
  content: none;
}
@media only screen and (max-width: 960px) {
  .part-intro_anker_list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.part-intro_anker_item {
  border-left: 1px solid #4c4c4c;
  line-height: 1;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .part-intro_anker_item {
    border-left: none;
    border-right: none;
    width: 65%;
  }
}
.part-intro_anker_item::before {
  display: none;
}
@media only screen and (max-width: 960px) {
  .part-intro_anker_item + .part-intro_anker_item {
    margin-top: 1.5rem;
  }
}
.part-intro_anker_item:last-child {
  border-right: 1px solid #4c4c4c;
}

.part-intro_anker_link {
  color: #4c4c4c;
  font-size: 1rem;
  letter-spacing: 0.12em;
  display: block;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .part-intro_anker_link {
    width: 100%;
    border-bottom: 1px solid #4c4c4c;
    padding-bottom: 0.625rem;
    padding-left: 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.9375rem;
  }
  .part-intro_anker_link::after {
    display: inline-block;
    width: 13px;
    height: 9px;
    content: "";
    background-image: url(/assets/img/com/tab_arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.search-airport_wrapper {
  margin-top: 1rem;
  padding: 1.5625rem 0.8125rem 1.25rem 0.8125rem;
  position: relative;
}
.search-airport_wrapper::before {
  width: 1px;
  height: 3.75rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.search_airport_title {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 0.625rem;
}

.search-select_wrapper {
  width: 60%;
}
.search-select_wrapper select {
  border: none;
  background-color: transparent;
  padding: 0.375rem 0.8125rem;
}

.search-airport_date {
  width: 36%;
}
@media screen and (max-width: 1200px) {
  .search-airport_date {
    width: 47%;
  }
}
.search-airport_date input {
  border: none;
  background-color: transparent;
  padding: 0.375rem 0.8125rem;
}

.search-airport_days {
  width: 27%;
}
.search-airport_days select {
  border: none;
  background-color: transparent;
  padding: 0.375rem 0.8125rem;
}

.search-airport_person {
  width: 27%;
  margin-right: 2%;
  position: relative;
}
.search-airport_person::after {
  width: 1px;
  height: 3.75rem;
  content: "";
  background-color: #C0C1C2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.search-airport_person select {
  border: none;
  background-color: transparent;
  padding: 0.375rem 0.8125rem;
}

.search-airport_date_wrapper {
  position: relative;
}
.search-airport_date_wrapper input {
  cursor: pointer;
  pointer-events: all;
}
@media only screen and (max-width: 960px) {
  .search-airport_date_wrapper input {
    font-size: 1rem;
  }
}
.search-airport_date_wrapper::after {
  position: absolute;
  top: 50%;
  transform: translateY(-56%);
  content: "";
  width: 1rem;
  height: 1rem;
  right: 0rem;
  background-size: cover;
  background-image: url(/assets/img/com/calender.svg);
  pointer-events: none;
}

.ui-widget.ui-widget-content {
  z-index: 1001 !important;
}

.back-to-top {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  padding: 0;
  border: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none; /* 初期は非表示 */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 90;
  background: transparent;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 960px) {
  .back-to-top {
    bottom: 5.625rem;
    right: 0.625rem;
  }
}

.back-top-top__arrow {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 960px) {
  #customer_footer .footer {
    border-top: 1px solid #535353;
    padding-top: 2.1875rem;
    padding-bottom: 0rem;
  }
}
#customer_footer .footer a {
  text-decoration: none;
}

.footer {
  margin-top: 3.125rem;
}
@media screen and (max-width: 1200px) {
  .footer {
    margin-top: 1.8125rem;
  }
}
@media only screen and (max-width: 960px) {
  .footer {
    border-top: 1px solid #535353;
    padding-top: 2.1875rem;
    padding-bottom: 4.925rem;
  }
}

.footer-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  .footer-inner {
    display: block;
  }
}

.footer-logo {
  width: 17.6875rem;
  height: 3.125rem;
  margin-top: 0.5625rem;
}
@media screen and (max-width: 1200px) {
  .footer-logo {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 60vw;
    max-width: 28rem;
    max-height: 4.6875rem;
    height: 10.4vw;
    padding-left: 0.75rem;
  }
}

.footer-address {
  margin-left: 5.7%;
  margin-top: 0.375rem;
}
@media screen and (max-width: 1200px) {
  .footer-address {
    margin-top: 2.5rem;
    margin-left: 0;
    padding-left: 1.875rem;
  }
}

.footer-address_name {
  font-size: 1.25rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1200px) {
  .footer-address_name {
    font-size: clamp(1.125rem, 1.079rem + 0.195vw, 1.25rem);
  }
}
.footer-address_name .footer-address_name_kana {
  font-size: 0.75rem;
  letter-spacing: 0;
  display: block;
}

.footer-address_text {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  margin-top: 0.625rem;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  .footer-address_text {
    font-size: clamp(0.938rem, 0.915rem + 0.098vw, 1rem);
  }
}
@media screen and (max-width: 1200px) {
  .footer-address_text {
    line-height: 1.7;
  }
}
.footer-address_text a {
  color: #2d2d2d;
}

.footer-address_sns {
  display: flex;
  align-items: center;
  margin-top: 1.4375rem;
  gap: 0 1.4375rem;
}
@media screen and (max-width: 1200px) {
  .footer-address_sns {
    margin-top: 1.375rem;
    gap: 0 1.5625rem;
  }
}

.footer-address_sns_link {
  width: 1.3125rem;
  display: block;
  height: 1.3125rem;
}
.footer-address_sns_link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-nav {
  width: 30rem;
  margin-left: 6%;
}
@media screen and (max-width: 1200px) {
  .footer-nav {
    display: none;
  }
}

.footer-nav_list {
  display: grid;
  grid-auto-flow: column;
  gap: 1.1875rem 8%;
  grid-template-rows: repeat(5, auto);
}

.fotoer-nav_link {
  font-size: 0.8125rem;
  letter-spacing: 0.2em;
  display: inline-block;
  padding: 0rem 0rem;
  color: #2d2d2d;
}

.footer-reserve {
  margin-top: 2.5rem;
  padding-left: 2.75rem;
}
@media screen and (max-width: 1200px) {
  .footer-reserve {
    display: none;
  }
}

.footer-reserve_inner {
  width: 34.0625rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .footer-reserve_inner {
    width: 100%;
  }
}

.footer-reserve_link {
  display: inline-block;
  width: 19.125rem;
  height: 3.75rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D696A;
  font-size: 1.0625rem;
  letter-spacing: 0.2em;
  border: 1px solid #3D696A;
}
.footer-reserve_link a {
  color: #3D696A;
}

.footer-reserve_tel {
  color: #3D696A;
  margin-top: 0.8125rem;
}
@media screen and (max-width: 1200px) {
  .footer-reserve_tel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0.625rem;
    gap: 0 0.625rem;
  }
}

.footer-reserve_tel_text {
  font-size: 1.1875rem;
}
.footer-reserve_tel_text._middle {
  font-size: 1.5rem;
  letter-spacing: 0;
}
.footer-reserve_tel_text._large {
  font-size: 1.875rem;
  letter-spacing: 0;
  padding-left: 0.3125rem;
}

.footer-reserve_tel_link {
  color: #3D696A;
}

.footer-group {
  margin-top: 5.9375rem;
  background-color: #3D696A;
  padding-top: 2.25rem;
  padding-right: 1.0625rem;
  padding-bottom: 1.375rem;
}
@media screen and (max-width: 1200px) {
  .footer-group {
    margin-top: 1.9375rem;
    padding-top: 1.8125rem;
    padding-bottom: 1.875rem;
  }
}

.footer-group_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1.875rem;
  width: 22.8125rem;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .footer-group_inner {
    justify-content: center;
    gap: 0 3.25rem;
  }
}
.footer-group_inner::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 53%;
  transform: translateX(-50%);
  width: 0.0625rem;
  height: 2.9375rem;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .footer-group_inner::after {
    height: 2.1875rem;
    left: 52%;
  }
}

.footer-group_link {
  color: #fff;
}

.footer-group_small {
  font-size: 0.8125rem;
  font-size: clamp(0.594rem, 0.514rem + 0.341vw, 0.813rem);
  letter-spacing: 0.2em;
  font-feature-settings: "palt";
  color: #fff;
  padding-right: 0.3125rem;
}

.footer-group_text {
  color: #fff;
  font-size: 1.5625rem;
  font-size: clamp(1.094rem, 0.922rem + 0.732vw, 1.563rem);
  letter-spacing: 0.2em;
  font-feature-settings: "palt";
  color: #fff;
}

.footer-copuy {
  font-size: 0.75rem;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  display: block;
  margin-top: 3.125rem;
}
@media screen and (max-width: 1200px) {
  .footer-copuy {
    font-size: 0.75rem;
    margin-top: 2.1875rem;
    padding-left: 0.9375rem;
  }
}

.js-floor-tab_target {
  display: none;
}

.js-floor-tab_target.active {
  display: block;
}

.js-tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.js-tab-content.show {
  opacity: 1;
  visibility: visible;
  position: relative; /* 表示中の要素のみレイアウトを保持 */
}

#webc_con .webc_btn_default {
  background-color: #3D696A !important;
  background: none;
}

.swiper-pagination-bullet {
  cursor: pointer;
  pointer-events: all;
}

/*# sourceMappingURL=customer.css.map */