@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); } }

@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; }

.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; }

.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; } }

.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; }

@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: hidden; }

.leadGroup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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) {
    .leadGroup {
      padding-bottom: 30px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .leadGroup {
      padding-top: 40px; } }

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

.searchSection {
  position: relative;
  width: 100%;
  margin-top: 43px;
  padding-bottom: 102px; }

.searchSection_kemuriRight,
.searchSection_kemuriLeft {
  pointer-events: none;
  position: absolute;
  z-index: 50; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .searchSection_kemuriRight {
    width: 490px;
    top: 294px;
    right: -246px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .searchSection_kemuriRight {
    width: 1200px;
    top: 205px;
    right: -417px; } }

.searchSection_kemuriRight img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.is-move .searchSection_kemuriRight {
  -webkit-animation: searchKemuriRight 30s linear forwards;
  animation: searchKemuriRight 30s linear forwards; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .searchSection_kemuriLeft {
    width: 490px;
    top: 90px;
    left: -215px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .searchSection_kemuriLeft {
    width: 1500px;
    top: -203px;
    left: -627px; } }

.searchSection_kemuriLeft img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.is-move .searchSection_kemuriLeft {
  -webkit-animation: searchKemuriLeft 30s linear forwards;
  animation: searchKemuriLeft 30s linear forwards; }

@-webkit-keyframes searchKemuriRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(900px);
    transform: translateX(900px); } }

@keyframes searchKemuriRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(900px);
    transform: translateX(900px); } }

@-webkit-keyframes searchKemuriLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(-900px);
    transform: translateX(-900px); } }

@keyframes searchKemuriLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(-900px);
    transform: translateX(-900px); } }

.searchSection_scrollableGroup {
  position: relative;
  width: 100%; }
  .searchSection_scrollableGroup::before {
    position: absolute;
    content: "";
    top: -41px;
    left: -3%;
    width: 106%;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .searchSection_scrollableGroup::before {
        height: 62px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .searchSection_scrollableGroup::before {
        height: 110px; } }
  .searchSection_scrollableGroup::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 57px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent 20%, #fff 100%);
    background: linear-gradient(to bottom, transparent 20%, #fff 100%);
    z-index: 1; }

.searchSection_maskGroup {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 10; }

.searchSection_maskRect {
  width: 100%;
  height: 50px;
  background-color: #fff; }

.searchSection_scrollableContainer {
  position: relative;
  width: 100%; }

.searchSection_imagesWrapper {
  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) {
  .searchSection_imageItem {
    aspect-ratio: 1;
    width: calc(300 / 375 * 100vw); }
    .searchSection_imageItem img, .searchSection_imageItem video, .searchSection_imageItem 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) {
  .searchSection_imageItem {
    aspect-ratio: 1.5;
    width: 600px;
    margin-left: -1px; }
    .searchSection_imageItem img, .searchSection_imageItem video, .searchSection_imageItem iframe {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; } }

.searchSection_mainSearchGroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -80px;
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_mainSearchGroup {
      margin-top: -49px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_mainSearchGroup {
      margin-top: -80px; } }

.searchSection_searchCircle {
  position: relative;
  background-color: #15557c;
  border-radius: 50%;
  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; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_searchCircle {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 280px;
      height: 280px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_searchCircle {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-top: 50px;
      width: 400px;
      height: 400px; } }

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

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .searchSection_markIcon {
    width: 50px;
    height: 50px;
    margin-bottom: 24px; } }

.searchSection_title {
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_title {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_title {
      font-size: 30px;
      line-height: 1.6;
      margin-bottom: 16px; } }

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

.searchSection_decoCircle {
  opacity: 0;
  translate: 0 30px;
  -webkit-transition: opacity 1s ease, translate 1s ease;
  transition: opacity 1s ease, translate 1s ease; }
  .searchSection_decoCircle.is-appear {
    opacity: 1;
    translate: 0 0; }

.searchSection_decorativeCircles {
  position: absolute;
  z-index: 1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_decorativeCircles .searchSection_decoCircle-1 {
      width: 100px;
      height: 100px;
      top: 173px;
      -webkit-transform: translate(var(--base-x, -208px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, -208px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, -208px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_decorativeCircles .searchSection_decoCircle-1 {
      width: 289px;
      height: 289px;
      top: 28px;
      -webkit-transform: translate(var(--base-x, -610px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, -610px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, -610px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_decorativeCircles .searchSection_decoCircle-2 {
      display: none; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_decorativeCircles .searchSection_decoCircle-2 {
      width: 181px;
      height: 181px;
      top: 331px;
      -webkit-transform: translate(var(--base-x, -360px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, -360px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, -360px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_decorativeCircles .searchSection_decoCircle-3 {
      width: 70px;
      height: 70px;
      top: 22px;
      -webkit-transform: translate(var(--base-x, 98px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, 98px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, 98px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_decorativeCircles .searchSection_decoCircle-3 {
      width: 122px;
      height: 122px;
      top: 123px;
      -webkit-transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  .searchSection_decorativeCircles .searchSection_decoCircle-4 {
    top: 315px;
    -webkit-transform: translate(var(--base-x, 213px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    -ms-transform: translate(var(--base-x, 213px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    transform: translate(var(--base-x, 213px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .searchSection_decorativeCircles .searchSection_decoCircle-4 {
        display: none; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .searchSection_decorativeCircles .searchSection_decoCircle-4 {
        width: 165px;
        height: 165px; } }
  .searchSection_decorativeCircles .searchSection_decoCircle-5 {
    top: 0px;
    -webkit-transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    -ms-transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    width: 270px;
    height: 270px; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .searchSection_decorativeCircles .searchSection_decoCircle-5 {
        top: 88px;
        -webkit-transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        -ms-transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        transform: translate(var(--base-x, 240px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        width: 130px;
        height: 130px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
      .searchSection_decorativeCircles .searchSection_decoCircle-5 {
        top: 0px;
        -webkit-transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        -ms-transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        transform: translate(var(--base-x, 402px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
        width: 270px;
        height: 270px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_decorativeCircles .searchSection_decoCircle-6 {
      top: 14px;
      -webkit-transform: translate(var(--base-x, -400px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, -400px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, -400px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      width: 200px;
      height: 200px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_decorativeCircles .searchSection_decoCircle-6 {
      width: 201px;
      height: 201px;
      top: 424px;
      -webkit-transform: translate(var(--base-x, -583px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, -583px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, -583px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_decorativeCircles .searchSection_decoCircle-7 {
      width: 95px;
      height: 95px;
      top: 204px;
      -webkit-transform: translate(var(--base-x, 83px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, 83px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, 83px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px)); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_decorativeCircles .searchSection_decoCircle-7 {
      top: 339px;
      -webkit-transform: translate(var(--base-x, 406px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      -ms-transform: translate(var(--base-x, 406px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      transform: translate(var(--base-x, 406px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
      width: 346px;
      height: 346px; } }
  .searchSection_decorativeCircles .searchSection_decoCircle-8 {
    top: 719px;
    -webkit-transform: translate(var(--base-x, -450px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    -ms-transform: translate(var(--base-x, -450px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    transform: translate(var(--base-x, -450px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    width: 166px;
    height: 166px; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .searchSection_decorativeCircles .searchSection_decoCircle-8 {
        display: none; } }
  .searchSection_decorativeCircles .searchSection_decoCircle-9 {
    top: 695px;
    -webkit-transform: translate(var(--base-x, 256px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    -ms-transform: translate(var(--base-x, 256px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    transform: translate(var(--base-x, 256px), var(--base-y, 0)) translate(var(--hover-dx, 0px), var(--hover-dy, 0px));
    width: 173px;
    height: 173px; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
      .searchSection_decorativeCircles .searchSection_decoCircle-9 {
        display: none; } }

.searchSection_decoCircle-1,
.searchSection_decoCircle-2,
.searchSection_decoCircle-3,
.searchSection_decoCircle-4,
.searchSection_decoCircle-5,
.searchSection_decoCircle-6,
.searchSection_decoCircle-7,
.searchSection_decoCircle-8,
.searchSection_decoCircle-9 {
  position: absolute;
  left: 50%;
  border-radius: 50%; }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .searchSection_decorativeCircles_bottom {
    display: none; } }

.searchSection_decorativeCircles_bottom .searchSection_decoCircle-2 {
  width: 150px;
  height: 150px;
  bottom: 105px;
  left: 50%;
  translate: 190px 30px;
  z-index: 10; }
  .searchSection_decorativeCircles_bottom .searchSection_decoCircle-2.is-appear {
    translate: 190px 0;
    opacity: 1; }

.searchSection_decorativeCircles_bottom .searchSection_decoCircle-4 {
  width: 120px;
  height: 120px;
  top: -133px;
  left: 50%;
  translate: -346px 30px;
  z-index: 10; }
  .searchSection_decorativeCircles_bottom .searchSection_decoCircle-4.is-appear {
    translate: -346px 0;
    opacity: 1; }

.searchSection_decorativeCircles_bottom .searchSection_decoCircle-8 {
  position: absolute;
  width: 96px;
  height: 96px;
  bottom: -88px;
  left: -14px; }

.searchSection_decorativeCircles_bottom .searchSection_decoCircle-9 {
  position: absolute;
  width: 112px;
  height: 112px;
  bottom: -145px;
  left: auto;
  right: 20px;
  z-index: 10; }

.searchSection_buttonWrapper {
  width: 230px;
  margin: 40px auto 0; }

.searchSection_button {
  width: 230px;
  height: 54px;
  background-color: #15557c;
  border-radius: 4px;
  color: #fff;
  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: 16px;
  border: none;
  cursor: pointer; }

.searchSection_buttonText {
  font-size: 16px;
  font-weight: bold;
  font-family: "Manrope", sans-serif; }

.searchSection_buttonIcon {
  width: 16px;
  height: 16px; }

.searchSection_keywordsSection {
  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;
  margin-top: 40px; }

.searchSection_keywordsTitle {
  color: #15557c;
  font-size: 16px;
  font-weight: 900; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_keywordsTitle {
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_keywordsTitle {
      margin-bottom: 40px; } }

.searchSection_tagsWrapper {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .searchSection_tagsWrapper {
      padding: 0 calc(30 / 375 * 100vw); } }

.searchSection_tagsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .searchSection_tagsRow {
      width: 680px; } }

.mapSection {
  position: relative;
  width: 100%;
  padding-top: 20px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection {
      margin-top: 40px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection {
      margin-top: 180px; } }

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

.mapSection_mainArea_wrap {
  background-color: #15557c; }

.mapSection_mainArea {
  width: 100%;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_mainArea {
      padding: 40px 0 78px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_mainArea {
      max-width: 1120px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 2px clamp(20px, calc(80 / 1366 * 100vw), 80px); } }

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

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_textArea {
    position: absolute;
    top: 36px;
    left: 50%;
    translate: -50% 0;
    z-index: 40; } }

.mapSection_textArea_link {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.6; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  a.mapSection_textArea_link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    text-underline-offset: 2px; } }

div.mapSection_textArea_link {
  opacity: 0.3;
  cursor: default; }

.mapSection_textArea_top,
.mapSection_textArea_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 20; }

.mapSection_textArea_top {
  margin-bottom: 131px;
  translate: -104px 0; }

.mapSection_textArea_bottom {
  translate: 100px 0; }

.mapSection_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_title {
      margin-bottom: 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_title {
      margin-bottom: 32px; } }

.mapSection_titleDecoration {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_titleDecoration {
      left: 200px;
      top: 133px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_titleDecoration {
      left: 244px;
      top: 89px; } }

.mapSection_description {
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.1em;
  width: 580px;
  top: 151.24px;
  margin: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_description {
      font-size: 15px;
      margin-bottom: 10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_description {
      font-size: 16px;
      margin-bottom: 14px; } }

.mapSection_description_note {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2.2;
  color: #d08f00; }

.mapSection_mapGroup {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_mapGroup {
      height: 415px;
      padding: 0 37px 0 30px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_mapGroup {
      translate: -197px 0; } }

.mapSection_japanMap {
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_japanMap {
      position: relative;
      top: 0;
      left: 50%;
      translate: -50% 0;
      width: 300px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_japanMap {
      position: relative;
      width: 500px; } }

@-webkit-keyframes hoverPeopleIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes hoverPeopleIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes hoverPeopleOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes hoverPeopleOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.mapSection_regionComponent {
  position: absolute;
  cursor: pointer;
  z-index: 50; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionComponent {
      width: 37px;
      height: 47px; }
      .mapSection_regionComponent.mapSection_regionComponent-7 {
        width: 48px;
        height: 39px; } }
  @media (hover: hover) {
    .mapSection_regionComponent:not(div.mapSection_regionComponent):hover .mapSection_regionCircle_outer {
      background-color: #d08f00; }
    .mapSection_regionComponent:not(div.mapSection_regionComponent):hover .mapSection_regionCircle_inner {
      width: 38px;
      height: 38px;
      background-color: #fff; }
    .mapSection_regionComponent:not(div.mapSection_regionComponent):hover .mapSection_regionCircle_dot {
      width: 12px;
      height: 12px;
      background-color: #d08f00; }
    .mapSection_regionComponent:not(div.mapSection_regionComponent):hover .mapSection_regionText::before {
      translate: 0 0;
      opacity: 1;
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0); } }

div.mapSection_regionComponent {
  opacity: 0.3;
  cursor: default; }

.mapSection_regionCircle {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionCircle {
      width: 30px;
      height: 30px;
      left: 0;
      bottom: 0; }
      .mapSection_regionComponent-5 .mapSection_regionCircle {
        bottom: auto;
        top: 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionCircle {
      width: 60px;
      height: 60px; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-1 {
    left: 50%;
    translate: 95px 0;
    top: 4px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-1 {
    right: 0px;
    width: 93px;
    height: 91.88px;
    top: 9.12px; }
    .mapSection_regionComponent-1 .mapSection_regionText {
      left: 35px;
      top: 0; }
    .mapSection_regionComponent-1 .mapSection_regionCircle {
      left: -4px;
      top: 31px; }
    .mapSection_regionComponent-1 .mapSection_regionIcon {
      right: 0;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-2 {
    left: 50%;
    translate: 66px 0;
    top: 118.12px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-2 {
    width: 118px;
    height: 90px;
    left: 354px;
    top: 172px; }
    .mapSection_regionComponent-2 .mapSection_regionText {
      right: 0;
      top: 35px; }
    .mapSection_regionComponent-2 .mapSection_regionCircle {
      left: 0;
      top: 15px; }
    .mapSection_regionComponent-2 .mapSection_regionIcon {
      left: 61px;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-3 {
    left: 50%;
    translate: -20px 0;
    top: 188px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-3 {
    width: 130px;
    height: 103px;
    left: 168px;
    top: 300.12px; }
    .mapSection_regionComponent-3 .mapSection_regionText {
      left: 0;
      top: 0; }
    .mapSection_regionComponent-3 .mapSection_regionCircle {
      right: 0;
      bottom: 0; }
    .mapSection_regionComponent-3 .mapSection_regionIcon {
      left: 61px;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-4 {
    left: 50%;
    translate: 48px 0;
    top: 217px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-4 {
    width: 118px;
    height: 90px;
    left: 320px;
    top: 366px; }
    .mapSection_regionComponent-4 .mapSection_regionText {
      right: 0;
      top: 32px; }
    .mapSection_regionComponent-4 .mapSection_regionCircle {
      left: 0;
      top: 15px; }
    .mapSection_regionComponent-4 .mapSection_regionIcon {
      right: 0;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-5 {
    left: 50%;
    translate: -6px 0;
    top: 256px; }
    .mapSection_regionComponent-5 .mapSection_regionText {
      right: 0;
      bottom: 0; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-5 {
    width: 80px;
    height: 90px;
    left: 239px;
    top: 421.24px; }
    .mapSection_regionComponent-5 .mapSection_regionText {
      right: 0;
      bottom: 0; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: landscape) and (min-width: 1025px), screen and (min-width: 1025px) and (min-width: 1025px) {
      .mapSection_regionComponent-5 .mapSection_regionText {
        right: -10px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionComponent-5 .mapSection_regionCircle {
      left: 0;
      top: 0; }
    .mapSection_regionComponent-5 .mapSection_regionIcon {
      right: 0;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-6 {
    left: 50%;
    translate: -108px 0;
    top: 230px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-6 {
    width: 125px;
    height: 102px;
    left: 3px;
    top: 391.24px; }
    .mapSection_regionComponent-6 .mapSection_regionText {
      left: 0;
      top: 0; }
    .mapSection_regionComponent-6 .mapSection_regionCircle {
      right: 0;
      bottom: 0; }
    .mapSection_regionComponent-6 .mapSection_regionIcon {
      right: 0;
      top: 0; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .mapSection_regionComponent-7 {
    left: 50%;
    translate: -144px 0;
    top: 327px; }
    .mapSection_regionComponent-7 .mapSection_regionText {
      right: 0;
      top: 0; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .mapSection_regionComponent-7 {
    width: 118px;
    height: 90px;
    left: -56px;
    top: 494.12px; }
    .mapSection_regionComponent-7 .mapSection_regionText {
      left: 0;
      top: 35px; }
    .mapSection_regionComponent-7 .mapSection_regionCircle {
      right: 0;
      top: 15px; }
    .mapSection_regionComponent-7 .mapSection_regionIcon {
      right: 0;
      top: 0; } }

.mapSection_regionCircle_outer {
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionCircle_outer {
      width: 30px;
      height: 30px;
      background-color: rgba(208, 143, 0, 0.6); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionCircle_outer {
      width: 60px;
      height: 60px;
      background-color: rgba(208, 143, 0, 0.2); } }

.mapSection_regionCircle_inner {
  position: absolute;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  -webkit-transition: width 0.3s ease, height 0.3s ease, border 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, border 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionCircle_inner {
      width: 26px;
      height: 26px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionCircle_inner {
      width: 52px;
      height: 52px; } }

.mapSection_regionCircle_dot {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  -webkit-transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionCircle_dot {
      width: 3px;
      height: 3px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionCircle_dot {
      width: 6px;
      height: 6px; } }

.mapSection_regionText {
  position: absolute;
  color: #fff;
  letter-spacing: 0.1em;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  white-space: nowrap;
  z-index: 10;
  font-size: 18px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .mapSection_regionText {
      font-family: "times-new-roman", sans-serif;
      font-weight: 400;
      right: 0;
      top: 0; }
      .mapSection_regionComponent-5 .mapSection_regionText {
        right: 0;
        top: auto;
        bottom: 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .mapSection_regionText::before {
      content: "";
      position: absolute;
      background-image: url(../images/svg/hover_people.svg);
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 40px;
      height: 40px;
      top: -40px;
      right: -6px;
      z-index: -1;
      translate: 0 40px;
      opacity: 0;
      -webkit-transition: translate 0.4s ease, opacity 0.4s ease, -webkit-clip-path 0.4s ease;
      transition: translate 0.4s ease, opacity 0.4s ease, -webkit-clip-path 0.4s ease;
      transition: translate 0.4s ease, clip-path 0.4s ease, opacity 0.4s ease;
      transition: translate 0.4s ease, clip-path 0.4s ease, opacity 0.4s ease, -webkit-clip-path 0.4s ease;
      -webkit-clip-path: inset(0 0 20% 0);
      clip-path: inset(0 0 20% 0); }
    .mapSection_regionText::after {
      content: "";
      position: absolute;
      background-color: #15557c;
      width: 50px;
      height: 32px;
      top: 0;
      right: -6px;
      z-index: -1; } }

.mapSection_regionIcon {
  position: absolute;
  width: 40px;
  height: 40px; }

.mapSection_regionIconBorder {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #707070; }

.mapSection_regionIconInner {
  position: absolute;
  left: 2.5px;
  top: 40px;
  width: 35px;
  height: 32.86px; }
  .mapSection_regionIconInner img {
    width: 100%;
    height: 100%; }

.columnSection {
  width: 100%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection {
      margin-top: 81px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .columnSection {
      margin-top: 120px; } }

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

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .columnSection_headerArea {
    padding: 0 80px 64px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; } }

.columnSection_headerArea_top {
  position: relative; }

.columnSection_titleDecoration {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection_titleDecoration {
      left: 167px;
      top: 76px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .columnSection_titleDecoration {
      left: 240px;
      top: 27px; } }
  .columnSection_titleDecoration img {
    width: 100%;
    height: 100%; }

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

.columnSection_Button {
  width: 230px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection_Button {
      margin: 0 auto; } }

.columnSection_sliderContainer {
  width: 100%;
  overflow: hidden;
  margin-bottom: 64px; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
  .columnSection_sliderWrapper .slick-slide {
    margin: 0 calc(10 / 375 * 100vw); }
  .columnSection_sliderWrapper .slick-center {
    margin: 0 calc(10 / 375 * 100vw); } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
  .columnSection_sliderWrapper .slick-slide {
    margin: 0 40px; }
  .columnSection_sliderWrapper .slick-center {
    margin: 0 40px; } }

.columnSection_card {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media (hover: hover) {
    .columnSection_card:hover .columnSection_cardImage img {
      scale: 1.05; } }

.columnSection_cardContent {
  width: 300px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection_cardContent {
      width: calc(300 / 375 * 100vw); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .columnSection_cardContent {
      width: calc(300 / 1366 * 100vw); } }

.columnSection_cardImage {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
  aspect-ratio: 1/1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection_cardImage {
      width: calc(300 / 375 * 100vw); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .columnSection_cardImage {
      width: calc(300 / 1366 * 100vw); } }
  .columnSection_cardImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: scale 0.5s ease;
    transition: scale 0.5s ease; }

.columnSection_cardAuthor {
  color: #15557c;
  letter-spacing: 0.1em;
  height: 17px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {
    .columnSection_cardAuthor {
      font-size: 14px;
      margin-bottom: 8px;
      font-weight: bold; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
    .columnSection_cardAuthor {
      font-size: 16px;
      margin-bottom: 10px;
      font-weight: 600; } }

.columnSection_cardTitle {
  font-size: 18px;
  font-weight: 900;
  color: #15557c;
  letter-spacing: 0.1em;
  line-height: 1.67;
  height: 86px;
  margin: 0; }

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

.ticker {
  white-space: nowrap;
  overflow-y: auto;
  overflow-x: hidden; }

.tickerInner {
  height: 100%;
  white-space: nowrap;
  will-change: transform;
  font-size: 0; }

.tickerItem {
  display: inline-block;
  white-space: nowrap; }

.tickerItem_child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: normal;
  text-align: center;
  vertical-align: top;
  margin: 0 -5px; }