@charset "UTF-8";
/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
/* ----関数設定---- */
/* -------- */
.table1 {
  width: 100%;
}
.table1 tr {
  display: block;
  background: #FFF;
  border-radius: 5px;
  margin-bottom: 15px;
  border-collapse: separate;
  border-spacing: 10px;
}
.table1 tr th {
  text-align: center;
  vertical-align: middle;
  color: #afba7d;
  width: 100px;
  border-right: solid 1px;
  line-height: 1.5;
}
.table1 tr td {
  padding: 0 5px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .table1 tr th {
    padding: 11px;
  }
  .table1 tr td {
    padding: 11px 20px;
  }
}
/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
#index_language_btn ul {
  display: none;
}
#main_text {
  margin: 0 auto;
  padding-top: 27px;
}
#main_text .top_text {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 18px;
  margin: 0 auto;
  width: min(72vw, 665px);
}
#main_text .top_category {
  display: flex;
  flex-wrap: wrap;
  gap: 27px 30px;
  width: 80%;
  max-width: 409px;
  margin: 30px auto 36px;
  justify-content: center;
}
#main_text .top_category li {
  width: min(25.6vw, 169px);
  position: relative;
}
#main_text .top_category p {
  font-size: clamp(1.2rem, 2.357vw, 2.1rem);
  text-align: center;
  font-weight: bold;
  width: 100%;
  color: #FFF;
  position: absolute;
  bottom: 6px;
  letter-spacing: 6px;
  left: 4px;
}
#main_text .top_category .en {
  letter-spacing: 1px;
}
#main_text .top_category .en.two {
  line-height: 1;
}
#main_img {
  position: relative;
}
#main_img .main_img_text {
  color: #FFF;
  text-align: center;
  font-size: clamp(2rem, 3.857vw, 4.4rem);
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 0.4em;
  line-height: 1.5;
  width: 100%;
}
#main_img .main_img_text.en {
  letter-spacing: 0;
}
#main_img .main_img_speechbubble {
  font-size: clamp(1rem, 2.714vw, 2.8rem);
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  left: 3%;
  width: min(26.6666666667vw, 340px);
  height: min(26.6666666667vw, 340px);
  background: url("../images/index_main_img_speechbubble.svg") no-repeat center center / cover;
}
#main_img .main_img_speechbubble.en {
  font-size: clamp(1rem, 2.5vw, 2rem);
  letter-spacing: 0;
  width: min(56vw, 561px);
  height: min(30vw, 268px);
  background: url(../images/index_main_img_speechbubble_en.svg) no-repeat center center / cover;
}
@media screen and (min-width: 768px) {
  #main_text .top_category {
    margin: 46px auto;
  }
}
@media screen and (min-width: 1025px) {
  #index_language_btn ul {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    width: 88.4%;
    max-width: 1210px;
    margin: 0 auto;
    padding-top: 40px;
  }
  #index_language_btn ul .ja {
    order: 1;
  }
  #index_language_btn ul .en-US {
    order: 2;
  }
  #index_language_btn ul .ko-KR {
    order: 3;
  }
  #index_language_btn ul .zh-CN {
    order: 4;
  }
  #index_language_btn ul .zh-TW {
    order: 5;
  }
  #index_language_btn ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #727171;
    background: #e5e5e6;
    border-radius: 25px;
    width: 170px;
    height: 50px;
  }
  #index_language_btn ul a:hover {
    background: #ebeede;
  }
  #main_text {
    padding-top: 64px;
  }
  #main_text .top_text {
    gap: 48px;
  }
  #main_text .top_category {
    gap: 48px 54px;
    margin: 75px auto 102px;
  }
  #main_img img {
    display: block;
    margin: 0 auto;
    border-radius: 66px;
    width: 94%;
  }
  #main_img .main_img_speechbubble {
    left: 8%;
  }
}
@media screen and (min-width: 1201px) {
  #index_language_btn ul {
    padding-top: 60px;
  }
  #index_language_btn ul a {
    width: 207px;
  }
  #main_text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 85px;
    padding-top: 132px;
    margin-bottom: 146px;
    width: 94%;
  }
  #main_text .top_text {
    margin: 0;
  }
  #main_text .top_category {
    margin: 0;
  }
}
/*--------------------------------------------------
南小国追記
--------------------------------------------------*/
#main_text {
  padding-top: 4rem;
}
#main_img .main_img_text {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 520px) {
  #main_img .main_img_text {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  #main_img .main_img_text {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1440px) {
  #main_img .main_img_text {
    font-size: 6.4rem;
  }
}

/*--------------------------------------------------
ライブカメラバナー追記　2025.03.25
--------------------------------------------------*/
.livecamera_bnr { margin: 90px auto 20px; width: 85%; text-align: center;}
.livecamera_bnr a:hover { opacity: .7;}