@charset "UTF-8";
/* フォント定設
-----------------------------------------------------------------*/
/* フォント定設
-----------------------------------------------------------------*/
/*
	トップ
------------------------------------*/
/*
	テキストデコレーション
------------------------------------*/
/*
	タイトル
------------------------------------*/
/*
	タグ
------------------------------------*/
/*
	ボタン
------------------------------------*/
/*
	波装飾
------------------------------------*/
/*
	フッター上 searchエリア
------------------------------------*/
/*
	QA Section
------------------------------------*/
.qaSection_topButton {
  max-width: 230px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_topButton {
      margin: 55px auto 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_topButton {
      margin: 100px auto 0; } }

/*
	ページネーション
------------------------------------*/
/*
	のれん
------------------------------------*/
.topSection {
  position: relative;
  width: 100%; }
  .topSection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    pointer-events: none; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .topSection {
      padding-bottom: 60px; }
      .topSection.topSection-hotels {
        padding-bottom: 0;
        height: calc(45vh + 612px + 60px); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .topSection {
      padding-bottom: 200px; }
      .topSection.topSection-hotels {
        padding-bottom: 0;
        height: calc(80vh + 612px + 200px); } }

.topSection_mvGroup {
  position: relative;
  width: 100%;
  height: 100vh; }
  .topSection-hotels .topSection_mvGroup {
    position: absolute;
    top: 0;
    left: 0; }

.topSection_wave {
  position: absolute;
  bottom: -10px;
  left: 0;
  background-image: url(../images/svg/wave_white.svg);
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .topSection_wave {
      background-size: 375px 60px;
      bottom: -4px;
      height: 60px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .topSection_wave {
      background-size: 1280px 200px;
      height: 200px; } }

.topSection_bgImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center; }
  .topSection-hotels .topSection_bgImage {
    position: sticky;
    top: 0;
    height: 100svh; }

.topSection_siteLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .topSection_siteLogo {
      width: calc(300 / 375 * 100vw);
      -webkit-transform: translate(calc(-50% - 2px), calc(-50% - 20px));
      -ms-transform: translate(calc(-50% - 2px), calc(-50% - 20px));
      transform: translate(calc(-50% - 2px), calc(-50% - 20px)); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .topSection_siteLogo {
      width: 500px;
      -webkit-transform: translate(calc(-50% - 11px), calc(-50% - 20px));
      -ms-transform: translate(calc(-50% - 11px), calc(-50% - 20px));
      transform: translate(calc(-50% - 11px), calc(-50% - 20px)); } }

.topSection_kemuriRight {
  position: absolute;
  z-index: 2;
  -webkit-animation: kemuriRight 30s linear infinite;
  animation: kemuriRight 30s linear infinite; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .topSection_kemuriRight {
      width: 490px;
      top: 281px;
      right: -121px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .topSection_kemuriRight {
      width: 1200px;
      top: -225px;
      right: -182px; } }
  .topSection_kemuriRight img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.topSection_kemuriLeft {
  position: absolute;
  -webkit-animation: kemuriLeft 30s linear infinite;
  animation: kemuriLeft 30s linear infinite;
  z-index: 2; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .topSection_kemuriLeft {
      width: 490px;
      top: 20px;
      left: -181px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .topSection_kemuriLeft {
      width: 1500px;
      top: -25px;
      left: -372px; } }
  .topSection_kemuriLeft img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

@-webkit-keyframes kemuriRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(150px);
    transform: translateX(150px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes kemuriRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(150px);
    transform: translateX(150px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes kemuriLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); } }

@keyframes kemuriLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); } }

.search_section {
  width: 100%;
  background-color: #15557c; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .search_section {
      padding: 0 0 120px; } }

.search_sectionContainer {
  color: #fff; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .search_sectionContainer {
      padding: 20px calc(20 / 375 * 100vw); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .search_sectionContainer {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 calc(80 / 1366 * 100vw); } }

.searchIndexSection_mainTitle {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 48px 0; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .search_sectionNode {
    padding-bottom: 64px;
    margin-bottom: 64px;
    border-bottom: 2px solid #fff; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .search_sectionNode {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #fff; } }

.search_title {
  font-weight: bold;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .search_title {
      font-size: 20px;
      margin-bottom: 40px; }
      .search_title.search_title-small {
        font-size: 25px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .search_title {
      font-size: 30px;
      line-height: 1.5;
      margin-bottom: 64px; }
      .search_title.search_title-small {
        font-size: 25px;
        margin-bottom: 40px; } }
  @media (hover: hover) {
    .search_title:hover {
      opacity: 0.7; } }

.search_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .search_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .search_block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 115px 1fr;
    grid-template-columns: 115px 1fr;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; } }

.search_label {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: 15px;
  font-weight: bold; }

.search_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .onsenArea_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .onsenArea_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 80px; } }

@media (hover: hover) {
  a.onsenArea_label:hover {
    opacity: 0.7; } }

.onsenArea_label {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  line-height: 1.5;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .onsenArea_label {
      margin-bottom: 32px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .onsenArea_label {
      margin-bottom: 40px; } }

.onsenArea_values {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }

@media (hover: hover) {
  a.onsenArea_value:hover {
    opacity: 0.7; } }

.onsenArea_value {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 8px;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .onsenArea_value::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: url(../images/svg/border_dotted.svg);
    background-size: 100px 100%;
    background-repeat: repeat-x; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .c-textDecoration {
    width: 50px;
    height: 27px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .c-textDecoration {
    width: 64px;
    height: 35px; } }

.c-title {
  font-weight: 900;
  color: #15557c; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-title {
      font-size: 33px;
      line-height: 1.6; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-title {
      font-size: 40px;
      line-height: 1.5; } }
  .c-title.c-title-white {
    color: #fff; }

.c-tag {
  border: 1px solid #15557c;
  border-radius: 50px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-tag {
      padding: 3px 24px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-tag {
      padding: 7px 32px; } }
  @media (hover: hover) {
    .c-tag:hover {
      background-color: #15557c; }
      .c-tag:hover .c-tag_text {
        color: #fff; } }
  .c-tag.c-tag-blue {
    background-color: #15557c;
    border: 1px solid #fff; }
    .c-tag.c-tag-blue .c-tag_text {
      color: #fff; }
    @media (hover: hover) {
      .c-tag.c-tag-blue:hover {
        background-color: #fff; }
        .c-tag.c-tag-blue:hover .c-tag_text {
          color: #15557c; } }
  .c-tag.is-click {
    background-color: #fff; }
    .c-tag.is-click .c-tag_text {
      color: #15557c; }
    .c-tag.is-click .c-tag_close {
      display: block; }
  .c-tag.c-tag-small {
    padding: 1px 12px;
    background-color: #fff; }

.c-tag_text {
  font-size: 14px;
  color: #15557c;
  letter-spacing: 0.1em;
  line-height: 2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  white-space: nowrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-tag_text {
      font-weight: bold; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-tag_text {
      font-weight: 900; } }
  .c-tag-small .c-tag_text {
    font-size: 10px; }

.c-tag_close {
  width: 12px;
  height: 12px;
  position: relative;
  margin-left: 8px;
  display: none; }
  .c-tag_close img {
    position: absolute;
    top: 0;
    left: 0; }

.c-button {
  padding: 15px 20px;
  background-color: #15557c;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-button {
      padding: 15px 20px; } }
  @media (hover: hover) {
    .c-button:hover {
      background-color: #d08f00; } }
  .c-button.c-button-white {
    background-color: #fff;
    border: 1px solid #15557c; }
    .c-button.c-button-white .c-button_text {
      color: #15557c; }
    @media (hover: hover) {
      .c-button.c-button-white:hover {
        background-color: #15557c; }
        .c-button.c-button-white:hover .c-button_text {
          color: #fff; } }
  .c-button.c-button-orange {
    background-color: #d08f00; }
    .c-button.c-button-orange .c-button_text {
      color: #fff; }
    @media (hover: hover) {
      .c-button.c-button-orange:hover {
        background-color: #15557c; }
        .c-button.c-button-orange:hover .c-button_text {
          color: #fff; } }
  .c-button.c-button-round {
    border-radius: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.c-button_text {
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  line-height: 1.5;
  font-size: 14px; }
  .c-button-round .c-button_text {
    font-weight: bold; }
  .c-button_text.c-button_text-ryo {
    font-family: "ryo-gothic-plusn", sans-serif;
    font-weight: bold; }
  .c-button_text.c-button_text-big {
    font-size: 16px; }

.c-button_icon {
  width: 16px;
  margin-top: 2px; }
  .c-button-round .c-button_icon {
    position: absolute;
    right: 15px;
    width: 20px; }

.qaSection {
  width: 100%;
  background-color: #EFEFEF;
  position: relative;
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection {
      padding: 85px calc(20 / 375 * 100vw) 139px;
      margin-top: 80px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection {
      margin-top: 120px;
      padding: 120px clamp(20px, calc(80 / 1366 * 100vw), 80px) 272px; } }

.qaSection_headerArea {
  position: relative;
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_headerArea {
      margin-bottom: 28px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_headerArea {
      margin-bottom: 80px; } }

.qaSection_titleDecoration {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_titleDecoration {
      left: -16px;
      top: -2px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_titleDecoration {
      left: -18px;
      top: -3px; } }
  .qaSection_titleDecoration img {
    width: 100%;
    height: 100%; }

.qaSection_cardsContainer {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 80px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardsContainer {
      margin-bottom: 80px;
      max-width: 850px; } }

.qaSection_cardsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_cardsRow {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardsRow {
      gap: 80px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.qaSection_card {
  background-color: #15557c;
  border-radius: 4px;
  position: relative; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_card {
      max-width: 375px; } }

.qaSection_cardHeader {
  padding: 23px 20px 19px;
  gap: 10px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_cardHeader {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 16px 1fr 14px;
      grid-template-columns: 16px 1fr 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardHeader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      padding: 30px 10px 20px; } }

.qaSection_qMark {
  font-weight: bold;
  color: #d08f00;
  font-family: "Manrope", sans-serif;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_qMark {
      font-size: 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_qMark {
      font-size: 30px;
      translate: 0 3px; } }

.qaSection_cardQuestion {
  font-weight: 900;
  color: #fff;
  line-height: 1.47;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_cardQuestion {
      font-size: 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardQuestion {
      font-size: 17px; } }

.qaSection_icon {
  position: relative;
  width: 14px;
  height: 25px; }
  .qaSection_icon::before, .qaSection_icon:after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 14px;
    height: 2px;
    border-radius: 3px;
    right: 0;
    top: 50%;
    translate: 0 -50%;
    -webkit-transition: rotate 0.4s ease;
    transition: rotate 0.4s ease; }
  .qaSection_icon::after {
    rotate: 90deg; }
    .is-open .qaSection_icon::after {
      rotate: 0deg; }

.qaSection_cardAnswer {
  background-color: #fff;
  border-radius: 5px;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_cardAnswer {
      margin: 0 20px 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardAnswer {
      margin: 0 10px 10px; } }
  .qaSection_cardAnswer::before {
    content: '';
    position: absolute;
    background-image: url("../images/svg/triangle.svg");
    background-size: 100% 100%;
    width: 20px;
    height: 18px;
    top: -2px;
    left: 50%;
    translate: -50% 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_card-expanded .qaSection_cardAnswer {
      padding: 35px 20px 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_card-expanded .qaSection_cardAnswer {
      padding: 30px 10px 16px; } }
  .qaSection_card:not(.qaSection_card-expanded) .qaSection_cardAnswer {
    padding: 36px 10px 16px; }

.qaSection_answerContent {
  font-weight: bold;
  color: #15557c;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_answerContent {
      font-size: 14px;
      line-height: 1.8; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_answerContent {
      font-size: 16px;
      line-height: 2; } }
  .qaSection_answerContent a {
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer; }
    @media (hover: hover) {
      .qaSection_answerContent a:hover {
        opacity: 0.7; } }

.qaSection_answerAction {
  font-size: 14px;
  font-weight: bold;
  color: #15557c;
  letter-spacing: 0.1em;
  text-align: center;
  cursor: pointer; }

.qaSection_cardIcon {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .qaSection_cardIcon {
      bottom: -6px;
      right: -10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .qaSection_cardIcon {
      bottom: -9px;
      right: -14px; } }
  .qaSection_cardIcon img {
    width: 100%;
    height: 100%; }

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  position: relative; }

.c-paginationArrow {
  width: 35px;
  height: 35px;
  background-color: #15557c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease;
  transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease; }
  @media (hover: hover) {
    .c-paginationArrow:hover {
      background-color: #d08f00; } }
  .c-pagination_small .c-paginationArrow {
    position: absolute; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .c-pagination_small .c-paginationArrow {
        width: 21px;
        height: 21px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .c-pagination_small .c-paginationArrow {
        width: 20px;
        height: 20px; } }
    .c-pagination_small .c-paginationArrow.c-paginationArrow-prev {
      left: 5px; }
    .c-pagination_small .c-paginationArrow.c-paginationArrow-next {
      right: 0; }
    .c-pagination_small .c-paginationArrow img {
      width: 5px;
      -webkit-transition: width 0.3s ease;
      transition: width 0.3s ease; }

.c-paginationArrow-prev img {
  margin-right: 2px; }
  .c-pagination_small .c-paginationArrow-prev img {
    margin-right: 1px; }

.c-paginationArrow-next img {
  margin-left: 2px; }
  .c-pagination_small .c-paginationArrow-next img {
    margin-left: 1px; }

.c-paginationNumbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-pagination_small .c-paginationNumbers {
      padding: 0 40px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-pagination_small .c-paginationNumbers {
      padding: 0 35px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-pagination_small .c-paginationNumbers {
      gap: 8px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-pagination_small .c-paginationNumbers {
      gap: 4px; } }

.c-paginationNumber {
  font-size: 20px;
  font-weight: bold;
  color: #15557c;
  font-family: "Manrope", sans-serif; }
  .c-pagination_small .c-paginationNumber {
    font-size: 15px; }

.c-paginationSeparator {
  font-size: 20px;
  font-weight: bold;
  color: #15557c;
  font-family: "Manrope", sans-serif; }
  .c-pagination_small .c-paginationSeparator {
    font-size: 12px; }

.c-wave {
  position: relative;
  width: 100%; }

.c-wave_decoration {
  position: absolute;
  width: 100%;
  background-position: bottom;
  background-repeat: repeat-x;
  background-image: url(../images/svg/wave_blue.svg); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .c-wave_decoration {
      background-size: 375px 60px;
      top: -56px;
      height: 60px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .c-wave_decoration {
      background-size: 1280px 200px;
      top: -190px;
      height: 200px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_bottomGroup {
    position: relative;
    padding-top: 49px;
    margin-top: -2px; }
    .mapSection_bottomGroup.mapSection_bottomGroup-hotels {
      background-color: #15557c; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_bottomGroup {
    position: relative;
    height: calc(612 / 1366 * 100vw);
    max-height: 800px;
    margin: -2px auto 0; } }

.mapSection_bottomGroup.mapSection_bottomGroup-hotels {
  position: absolute;
  width: 100%; }

.mapSection_bottomBg {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_bottomBg {
      background-image: url(../images/svg/noren_sp.svg); }
      .mapSection_bottomGroup-hotels .mapSection_bottomBg {
        top: 165px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_bottomBg {
      background-image: url(../images/svg/noren.svg); } }
  .mapSection_bottomBg img {
    margin-top: -2px; }
  .mapSection_bottomGroup-hotels .mapSection_bottomBg {
    background-color: transparent; }

.mapSection_bottomContent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_bottomContent {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      .mapSection_bottomGroup-hotels .mapSection_bottomContent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_bottomContent {
      padding-top: 250px; }
      .mapSection_bottomGroup-hotels .mapSection_bottomContent {
        padding-top: 155px; } }

.mapSection_bottomTitle {
  color: #fff;
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.1em;
  margin: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_bottomTitle {
      font-size: 25px;
      margin-bottom: calc(145 / 375 * 100vw); }
      .mapSection_bottomGroup-hotels .mapSection_bottomTitle {
        margin-top: 30px;
        margin-bottom: 29px;
        line-height: 1.6; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_bottomTitle {
      font-size: 40px;
      width: 50%; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_brandMark {
    margin-bottom: 30px;
    width: 70px; }
    .mapSection_brandMark img {
      width: 70px; }
    .mapSection_bottomGroup-hotels .mapSection_brandMark {
      margin: 0 auto 30px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_brandMark {
    width: 50%; }
    .mapSection_brandMark img {
      width: 110px; }
    .mapSection_bottomGroup-hotels .mapSection_brandMark {
      width: auto;
      margin-bottom: 64px; } }

.mapSection_bottomRight {
  position: relative;
  z-index: 10; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_bottomRight {
      width: 50%; } }

.mapSection_bottomRight_text {
  color: #fff;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_bottomRight_text {
      font-size: 14px;
      line-height: 2.2; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_bottomRight_text {
      font-size: 16px;
      line-height: 1.8; } }

.wrapper {
  overflow: visible; }

.searchIcon {
  position: fixed;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchIcon {
      width: 70px;
      height: 70px;
      right: 10px;
      bottom: 10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchIcon {
      width: 120px;
      height: 120px;
      bottom: 12px;
      right: 12px; } }
  .searchIcon.is-appear {
    opacity: 1;
    visibility: visible; }

.searchIcon_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d08f00;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-color 0.3s ease;
  transition: transform 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; }
  @media (hover: hover) {
    .searchIcon:hover .searchIcon_bg {
      background-color: #15557c;
      -webkit-transform: scale(calc(100/120));
      -ms-transform: scale(calc(100/120));
      transform: scale(calc(100/120)); } }

.searchIcon_decoration {
  position: absolute;
  top: 6.72px;
  left: 40.07px;
  width: 39.86px;
  height: 28.51px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  @media (hover: hover) {
    .searchIcon:hover .searchIcon_decoration {
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px); } }
  .searchIcon_decoration img {
    width: 100%;
    height: 100%; }

.searchIcon_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff; }

.searchIcon_iconArea {
  margin-bottom: 6px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchIcon_iconArea img {
      width: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchIcon_iconArea img {
      width: 20px; } }

.searchIcon_text {
  color: #fff;
  font-weight: 700; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchIcon_text {
      font-size: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchIcon_text {
      font-size: 15px; } }

.searchModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(45, 45, 45, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchModal {
      padding: 11px 6px 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchModal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 80px; } }
  .searchModal.is-active {
    visibility: visible;
    opacity: 1; }

.searchModal_inner {
  background-color: #15557c;
  border-radius: 12px;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchModal_inner {
      overflow: hidden; } }

.pickupSection {
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection {
      padding-top: 48px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection {
      padding-top: 20px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .pickupSection_title_wrap {
    padding: 0 calc(20 / 375 * 100vw);
    margin-bottom: 40px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .pickupSection_title_wrap {
    padding: 0 80px;
    margin: 0 auto 48px;
    max-width: 1108px; } }

.pickupSection_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative; }

.pickupSection_decoration {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection_decoration {
      left: -22px;
      top: -20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection_decoration {
      left: -38px;
      top: -13px; } }

.pickupSection_wrap {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection_wrap {
      padding-bottom: 75px;
      margin-bottom: 80px; } }

.pickupSection_pagination {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection_pagination {
      margin-bottom: 0;
      bottom: 0;
      left: 50%;
      translate: -50% 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection_pagination {
      top: -48px;
      right: calc(91 / 1366 * 100vw); } }

.pickupSection_list {
  display: block;
  position: relative; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection_list {
      padding: 0 20px; } }

.pickupSection_list_image {
  aspect-ratio: 1.66667;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
  .pickupSection_list_image img, .pickupSection_list_image video, .pickupSection_list_image iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  .pickupSection_list_image img {
    -webkit-transition: scale 0.3s ease;
    transition: scale 0.3s ease; }
  @media (hover: hover) {
    .pickupSection_list_image:hover img {
      scale: 1.05; } }
  .pickupSection_list_image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 112px;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

.pickupSection_list_tags {
  position: absolute;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  pointer-events: none;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection_list_tags {
      left: 8px;
      gap: 8px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection_list_tags {
      left: 30px;
      gap: 10px 8px;
      width: calc(100% - 60px); } }

.pickupSection_list_tagHidden {
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #fff; }
  .pickupSection_list_tagHidden span {
    display: inline-block;
    translate: -1px 3px; }

.pickupSection_listContent {
  position: absolute;
  bottom: 20px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .pickupSection_listContent {
      left: 8px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .pickupSection_listContent {
      left: 40px; } }

.pickupSection_listName {
  font-size: 20px;
  line-height: 2;
  font-weight: 900;
  margin-bottom: 0;
  color: #fff; }

.pickupSection_listWrap {
  margin-top: 0; }

.pickupSection_listText,
.pickupSection_listArrow {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.1em;
  display: inline-block; }

.pickupSection_listArrow {
  margin: 0 5px; }

.searchFieldSection {
  background-color: #15557c;
  border-radius: 12px;
  position: relative;
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchFieldSection {
      margin: 0 calc(20 / 375 * 100vw);
      padding: 40px 20px;
      overflow-y: auto;
      scrollbar-width: none; }
      .searchFieldSection::-webkit-scrollbar {
        display: none; }
      .searchModal .searchFieldSection {
        height: calc(100dvh - 95px);
        margin: 0;
        padding: 40px 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchFieldSection {
      max-width: 1125px;
      margin: 60px auto 0;
      padding: 40px; }
      .searchFieldSection.searchFieldSection_hotel {
        padding: 40px; }
      .searchModal .searchFieldSection {
        margin-top: 0; } }

.searchFieldSection_button_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  left: 50%;
  translate: -50% 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchFieldSection_button_wrap {
      position: fixed;
      bottom: 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchFieldSection_button_wrap {
      position: absolute;
      bottom: -100px; } }

.searchFieldSection_button {
  width: 200px; }

.searchFieldSection_button_close {
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 1000;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchFieldSection_button_close {
      width: 40px;
      height: 40px;
      top: 21px;
      right: 16px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchFieldSection_button_close {
      width: 50px;
      height: 50px;
      top: 40px;
      right: 40px; } }
  @media (hover: hover) {
    .searchFieldSection_button_close:hover {
      opacity: 0.7; } }
  .searchFieldSection_button_close::after, .searchFieldSection_button_close::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #15557c;
    border-radius: 50px;
    top: 50%;
    left: 50%;
    translate: -50% -50%; }
  .searchFieldSection_button_close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .searchFieldSection_button_close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.searchFieldSection_titleWrapper {
  margin-bottom: 40px; }

.searchFieldSection_title {
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 40px; }

.searchFieldSection_regionSearch {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.searchFieldSection_featureTags {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.searchFieldSection_sectionHeader {
  margin-bottom: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchFieldSection_sectionHeader {
      width: 113px; } }

.searchFieldSection_sectionTitle {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  margin: 0; }

.searchFieldSection_tagRow {
  margin-bottom: 16px; }

.searchFieldSection_tagsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px; }

.searchFieldSection_tagButton {
  height: 41px;
  padding: 0 24px;
  border: 1px solid #fff;
  border-radius: 21px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.1em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .searchFieldSection_tagButton:hover {
    background-color: #fff;
    color: #15557c; }
  .searchFieldSection_tagButton--active {
    background-color: #fff;
    color: #15557c; }

.searchFieldSection_decoration {
  position: absolute;
  bottom: -10px;
  right: -12px;
  width: 64px;
  height: 36px; }
  .searchFieldSection_decoration img {
    width: 100%;
    height: 100%; }

.searchModal .search_container {
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchModal .search_container {
      padding: 40px 0; } }
  .searchModal .search_container::-webkit-scrollbar {
    display: none; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .hotelListingsSection {
    padding: 0 calc(20 / 375 * 100vw);
    padding-top: 64px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .hotelListingsSection {
    max-width: 1280px;
    margin: 0 auto;
    padding: 112px clamp(20px, calc(80 / 1366 * 100vw), 80px); } }

.hotelListingsSection_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px;
  opacity: 0;
  translate: 0 0;
  -webkit-transition: opacity 0.5s ease, translate 0.5s ease;
  transition: opacity 0.5s ease, translate 0.5s ease; }
  @media (min-width: 1024px) {
    .hotelListingsSection_container {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  .hotelListingsSection_container.is-loading {
    opacity: 1; }
  .hotelListingsSection_container.is-updating {
    opacity: 0;
    translate: 0 30px; }

.hotelListingsSection_noResult {
  text-align: center;
  display: none; }
  .hotelListingsSection_noResult.is-noResult {
    display: block; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .hotelListingsSection_result_wrap {
    margin-bottom: 19px; } }

.hotelListingsSection_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_result {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 38px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_result {
      border-bottom: 2px solid #15557c;
      padding-bottom: 8px;
      margin-bottom: 80px; } }

.hotelListingsSection_resultText {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: bold; }

.hotelListingsSection_card {
  border-radius: 4px;
  overflow: hidden;
  background-color: #EFEFEF;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_card {
      margin: 0;
      padding: 0 calc(10 / 375 * 100vw) 36px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_card {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: subgrid;
      grid-template-rows: subgrid;
      gap: 0;
      max-width: 540px;
      padding: 0 20px 40px;
      -ms-grid-row-span: 7;
      grid-row: span 7; } }
  .hotelListingsSection_card.is-hidden {
    display: none; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_card[data-id="16"] .hotelListingsSection_price {
      font-size: 18px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_card[data-id="16"] .hotelListingsSection_price {
      font-size: 22px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_card[data-id="16"] .hotelListingsSection_pricingLabel {
      margin-top: 6px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_card[data-id="16"] .hotelListingsSection_pricingLabel {
      margin-top: 10px; } }
  .hotelListingsSection_card[data-id="10"] .hotelListingsSection_imageWrapper img {
    -o-object-position: bottom;
    object-position: bottom; }

.hotelListingsSection_resultCurrent {
  font-family: "Manrope", sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #d08f00;
  margin-left: 10px; }

.hotelListingsSection_resultTotal {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #d08f00;
  margin-left: 5px; }

.hotelListingsSection_resultTotal_text {
  font-size: 25px;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-left: 6px;
  color: #d08f00;
  translate: 0 -2px; }

.hotelListingsSection_text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_text_wrap {
      text-align: right; } }

.hotelListingsSection_text {
  line-height: 2;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_text {
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_text {
      font-size: 16px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_text span {
      font-size: 11px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_text span {
      font-size: 12px; } }

.hotelListingsSection_locationTop {
  aspect-ratio: 540/324;
  width: 100%;
  margin-bottom: 20px;
  position: relative; }

.hotelListingsSection_imageWrapper {
  aspect-ratio: 1.66667;
  background-color: #e5e5e5;
  white-space: nowrap;
  overflow: hidden; }
  .hotelListingsSection_imageWrapper img, .hotelListingsSection_imageWrapper video, .hotelListingsSection_imageWrapper iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_imageWrapper {
      aspect-ratio: 1.66667;
      width: calc(100% + vwSp(20));
      margin: 0 calc(-10 / 375 * 100vw); }
      .hotelListingsSection_imageWrapper img, .hotelListingsSection_imageWrapper video, .hotelListingsSection_imageWrapper iframe {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_imageWrapper {
      width: calc(100% + 40px);
      margin: 0 -20px 20px; } }

.hotelListingsSection_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: inline-block; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_image {
      aspect-ratio: 335/201; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_image {
      aspect-ratio: 540/324; } }

.hotelListingsSection_ratingContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px; }

.hotelListingsSection_ratingNumber {
  color: #15557c;
  font-size: 14px;
  font-weight: bold; }

.hotelListingsSection_ratingIcon {
  width: 20px;
  height: 20px;
  background-color: #15557c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }
  .hotelListingsSection_ratingIcon svg {
    width: 12px;
    height: 12px;
    color: #fff; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .hotelListingsSection_content_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 84px;
    margin: 24px auto 48px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .hotelListingsSection_content_pagination {
    position: absolute;
    top: 346px;
    right: 20px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .hotelListingsSection_locationBreadcrumb {
    margin-bottom: 10px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .hotelListingsSection_locationBreadcrumb {
    margin-bottom: 16px; } }

.hotelListingsSection_locationPath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #15557c;
  font-weight: bold;
  letter-spacing: 0.1em; }

.hotelListingsSection_locationSeparator {
  color: #15557c; }

.hotelListingsSection_locationArea {
  font-size: 12px; }

.hotelListingsSection_nameWrapper {
  margin-bottom: 24px; }

.hotelListingsSection_name {
  color: #15557c;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.8;
  margin: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_name {
      margin-bottom: 4px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_name {
      margin-bottom: 10px; } }

.hotelListingsSection_springType {
  font-weight: bold;
  color: #d08f00;
  line-height: 1.2; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_springType {
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_springType {
      font-size: 16px; } }

.hotelListingsSection_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_tags {
      margin: 0 0 30px;
      padding: 0 0 2px 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_tags {
      margin: 0 0 24px;
      padding: 0 0 2px 0; } }

.hotelListingsSection_tag {
  display: inline-block;
  color: #15557c;
  border: 1px solid #15557c;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-weight: bold; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_tag {
      padding: 6px 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_tag {
      padding: 9px 16px;
      height: 31px; } }

.hotelListingsSection_springInfo {
  margin-bottom: 24px; }

.hotelListingsSection_springLabel {
  margin-bottom: 20px; }
  .hotelListingsSection_springLabel span {
    display: inline-block;
    font-weight: bold;
    color: #d08f00;
    font-size: 16px; }

.hotelListingsSection_springDescription {
  color: #15557c;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_springDescription {
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_springDescription {
      font-size: 16px; } }

.hotelListingsSection_features {
  background-color: #15557c;
  border-radius: 4px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_features {
      padding: 20px 10px;
      margin-bottom: 27px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_features {
      padding: 20px;
      margin-bottom: 40px; } }

.hotelListingsSection_featuresHeader {
  margin-bottom: 18px; }
  .hotelListingsSection_featuresHeader h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    line-height: 1.5; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .hotelListingsSection_featuresHeader h3 {
        text-align: center; } }

.hotelListingsSection_featuresList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px; }

.hotelListingsSection_featuresItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 5px; }

.hotelListingsSection_featuresBullet {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em; }

.hotelListingsSection_featuresText {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.8; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .hotelListingsSection_pricingActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .hotelListingsSection_pricingActions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.08fr 1fr;
    grid-template-columns: 1.08fr 1fr;
    gap: 20px; } }

.hotelListingsSection_pricing {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_pricing {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_pricing {
      gap: 40px; } }

.hotelListingsSection_pricingLabel {
  margin-top: 15px; }
  .hotelListingsSection_pricingLabel span {
    color: #15557c;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap; }

.hotelListingsSection_priceDisplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .hotelListingsSection_priceDisplay {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_priceDisplay {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.hotelListingsSection_price {
  font-family: "Manrope", sans-serif;
  color: #15557c;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5; }

.hotelListingsSection_mealPlan {
  color: #15557c;
  font-size: 12px;
  margin-top: 10px; }

.hotelListingsSection_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .hotelListingsSection_actions {
      min-width: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.hotelListingsSection_button {
  width: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none; }
  .hotelListingsSection_button--outline {
    border: 1px solid #15557c;
    background: transparent;
    color: #15557c; }
    .hotelListingsSection_button--outline:hover {
      background-color: rgba(21, 85, 124, 0.05); }
  .hotelListingsSection_button--primary {
    background-color: #d08f00;
    color: #fff; }
    .hotelListingsSection_button--primary:hover {
      background-color: #9d6c00; }

.hotelListingsSection_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 80px; }

.hotelListingsSection_container_moreButton {
  width: 230px;
  margin: 0 auto; }