/*
  1. より直感的なボックスサイズのモデルを使用
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. デフォルトのマージンを削除
*/
* {
  margin: 0;
}
/*
  3. 高さは%ベースを使用
*/
html, body {
  height: 100%;
}
/*
  タイポグラフィの微調整
  4. アクセシブルなline-heightを追加
  5. テキストのレンダリングを改善
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  6. メディア要素のデフォルトを改善
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  7. フォームのfontに関するデフォルトを削除
*/
input, button, textarea, select {
  font: inherit;
}
/*
  8. テキストのオーバーフローを回避
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/*
  9. ルートのスタックコンテキストを作成
*/
#root, #__next {
  isolation: isolate;
}html, body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  line-height: 2;
}

body {
  position: relative;
  user-select: none;
}

.body_modal_open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.container {
  max-width: 1000px;
  padding-left: 1vw;
  padding-right: 1vw;
  margin-left: auto;
  margin-right: auto;
}

.map-container {
  // display: inline-flex;
  position: relative;
}

.contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

svg {
  max-width: inherit;
}

p {
  font-size: 1.5625vw;
  margin-top: 1.3vw;
  line-height: 1.8;
}

ul {
  margin-top: 1.3vw;
}

li {
  font-size: 1.5625vw;
  line-height: 1.8;
}

img {
  min-width: 0;
  width: 100%;
  height: auto;
}

.modal__row {
  display: flex;
  justify-content: space-between;
  row-gap: 1vw;
  column-gap: 1vw;
}

/* __rowで横並びがうまくいかないとき用 */
.modal__col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1vw;
  column-gap: 1vw;
}

.modal__ul {
  list-style: none;
  padding: 0;
  margin: 1.8vw 0 0 0;
  display: grid;
  gap: 1.3vw;
}

.modal__li {
  line-height: 1.5;
  padding-left: 2vw;
  position: relative;
}

.modal__li::before {
  position: absolute;
  left: 0;
  top: 0.1vw;
  content: '▶';
  font-size: 1.3vw;
  color: #5b50ff;
}._click_item_i93ix_1 {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}

._item_inner_i93ix_11 {
  position: relative;
}

._button_i93ix_19 {
  position: relative;
  display: flex;
  cursor: pointer;
  background-color: #10cb2c;
  border-radius: 50%;
  width: 7vw;
  height: 7vw;
  box-shadow: 0 0.2vw 0.4vw 0 rgb(0 0 0 / 35%);
  transition: filter 0.1s;
  -webkit-tap-highlight-color:transparent;

  &:active {
    filter: brightness(70%);
  }
}

._button_s_i93ix_53 {
  background-color: #2398d7;
  border-radius: 1vw;
  height: 3.3vw;
}

._button_bganother_i93ix_65 {
  background-color: #f9600d;
}

._button_text_i93ix_73 {
  color: #fff;
  font-size: 1.3vw;
  margin: auto;
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  position: relative;
  top: 0.1vw;
}

._numbering_i93ix_95 {
  position: absolute;
  top: -0.5vw;
  left: -0.9vw;
  background-color: #fff200;
  border-radius: 50%;
  width: 3vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

._numbering_number_i93ix_121 {
  font-size: 2vw;
  position: relative;
  top: 0.1vw;
}._bgImg_wrapper_14998_1 {
  position: relative;
}

._bgimg_14998_9 {
  width: 100%;
  height: auto;
}

._svg_wrapper_14998_19 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

._svg_14998_19 {
  width: 100%;
  height: 100%;
}._modal_6h1kj_1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  background-color: rgba(0,0,0,0.7);
  overflow-y: hidden;
  opacity: 0;
}

._modal_6h1kj_1._open_6h1kj_25 {
  animation: _open_6h1kj_25 0.3s forwards;
}

._modal_6h1kj_1._close_6h1kj_33 {
  animation: _close_6h1kj_33 0.3s forwards;
}

@keyframes _open_6h1kj_25 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes _close_6h1kj_33 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}._modal_box_82l33_1 {
  position: relative;
  top: -2vw;
  width: 50%;
  max-width: 67.7vw;
  margin: auto;
  background-color: #fff;
  border-radius: 5px;
}
._modal_header_2f058_1 {
  display: flex;
  justify-content: space-between;
  background-color: #fc5296;
  background-image: linear-gradient(315deg,#12c3b3 0%,#5b50ff 74%);
  padding: 1vw 3vw;
  border-radius: 5px 5px 0 0;
}

._heading_2f058_19 {
  margin: 0;
  font-size: 2.6vw;
  color: #fff;
}._close_button_b4cnp_1 {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 3vw;
  padding: 0;
}

._close_button_text_b4cnp_17 {
  display: none;
}
._modal_inner_u0dhe_1 {
  padding: 2vw 3vw 4vw 3vw;
  background: #efefee;
  border-radius: 5px;
}._video_tr7ne_1 {
  height: auto;
  width: 100%;
  min-width: 0;
}._slider_1rtvg_1 {
  position: relative;
}

._prev_1rtvg_9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
}

._next_1rtvg_29 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

._arrow_1rtvg_51 {
  font-size: 4vw;
  filter: drop-shadow(0.1vw 0.1vw 0.1vw black)
}
/* 
.prev_arrow {
  animation: prev_arrow_anime 4s ease infinite;
}

@keyframes prev_arrow_anime {
  30% { transform: translateX(0); }
  40% { transform: translateX(-10px); }
  60% { transform: translateX(0); }
};

.next_arrow {
  animation: next_arrow_anime 4s ease infinite;
}

@keyframes next_arrow_anime {
  30% { transform: translateX(0); }
  40% { transform: translateX(10px); }
  60% { transform: translateX(0); }
}; */
._img_2p8el_3 {
  opacity: 0;
  height: 0;
  transition-property: opacity;
  transition-duration: 1s;
}

._img_show_2p8el_17 {
  opacity: 1;
  height: inherit;
}

._dots_1nx6u_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

._dot_select_1nx6u_21 {
  display: block;
  content: '';
  background-color: #666;
  border-radius: 50%;
  width: 1vw;
  height: 1vw;
}

._dot_deselect_1nx6u_39 {
  display: block;
  content: '';
  background-color: #ccc;
  border-radius: 50%;
  width: 1vw;
  height: 1vw;
}._small_jj48f_1 {
  font-size: 1.21vw;
}._koizumi_1k9v9_1 {
  position: absolute;
  top: 77.39%;
  left: 84.52%;
}

._image_1k9v9_13 {
  width: 4.5vw;
  height: auto;
}

._jump_1k9v9_23 {
  animation: _jumpanime_1k9v9_1 0.3s forwards;
}

@keyframes _jumpanime_1k9v9_1 {
  0% {
    transform: translateY(0) scaleY(0.5);
  }
  30% {
    transform: translateY(-50%) scaleY(1.3);
  }
  100% {
    transform: translateY(10%) scaleY(1);
  }
}
._izumi_1o5vb_1 {
  position: absolute;
  top: 22vw;
  left: 0;
}._loading_style_1pfk4_1 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ffeda8;
  display: flex;
  z-index: 100;
  opacity: 1;
}

._loading_style_1pfk4_1._close_1pfk4_21 {
  animation: _close_1pfk4_21 0.3s forwards;
}

._loading_text_1pfk4_29 {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 68%;
  left: 50%;
  font-size: 2vw;
}

@keyframes _close_1pfk4_21 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.loader {
  color: #f06b13;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

