@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
/* CSS Document */

:root {
  --blue: #356EF2;
  --light-blue: #2890FF;
  --yellow: #FFF500;
  --light-yellow: #FFFAE8;
  --bg-blue: #F4FBFF;
  --bg-light-blue: #3FDFFF;
  --navy: #2B3DC4;
}

/* 終了告知文 */
.Post {
  font-size: 22px;
  font-weight: 600;
  color: #c00;
  text-align: center;
  margin: 0;
}

/* H1 */
#PageName {
  background-color: var(--blue);
  width: 100%;
  font-size: 18px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
}

.confirmation {
    font-size: 1.6rem;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 10px 0;
    word-break: break-all;
}

.sample {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 500px;
    margin: 20px auto 40px auto;
    font-size: 1.6rem;
    background-color: rgba(0, 0, 0, 0.1);
}
  
/* 見出し_start */
.Common21__section-ttl-lev1 {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.Common21__section-ttl-lev1::before,
.Common21__section-ttl-lev1::after {
content: "";
display: block;
width: 40px;
height: 4px;
position: absolute;
bottom: -15px;
}
/* 見出し_end */

/* 遷移ボタン_start */
.search__btn {
  margin-bottom: 20px;
}

.search__btn:first-of-type {
  margin-top: 20px;
}

.search__btn button {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 18px;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  transition: transform 0.3s, background-color 0.3s;
}

.search__btn button::before,
.search__btn button::after {
  content: "";
  display: block;
  position: absolute;
  transition: 0.3s;
}

.search__btn button::before {
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.search__btn button::after {
  width: 4px;
  height: 4px;
  top: 50%;
  right: 26px;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  transform: translateY(-50%) rotate(45deg);
}

.search__btn button:hover {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.search__btn button:hover::before {
  background: rgba(0, 0, 0, 0.5);
}

.search__btn button:hover::after {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
/* 遷移ボタン_end */

.Common21__section-ttl-lev1::before {
left: 50%;
transform: translateX(-100%);
background: var(--corporate-color);
}

.Common21__section-ttl-lev1::after {
left: 50%;
background: var(--sub-corporate-color);
}

/* contents */
.contents {
  font-family: "Zen Kaku Gothic New",sans-serif;
}

/* swiper */
.swiper-outer {
  position: relative;
}

.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  margin-bottom: 40px;
}

.swiper-button-prev {
  top: 50%;
  left: -25px;
}

.swiper-button-next {
  top: 50%;
  right: -25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
  box-shadow: 1px 2px 7px rgb(0 0 0/.2);
  background: url(/attending/kokunai/churaumi/images/ico_arrow-blue.svg) no-repeat center/cover;
  &:hover {
    opacity: 0.7;
  }
}

.swiper-button-prev {
  scale: -1 1;
}

.swiper-outer .swiper-scrollbar {
  left: 0;
  width: 100%;
  height: 10px;
}

/* mv */
.mv {
  width: 100%;
  height: auto;
  min-height: 500px;
  aspect-ratio: 1300/500;
  background: url(/attending/kokunai/churaumi/images/SP24-044581.jpg) no-repeat center/cover;
  padding-top: 3.6924%;
  position: relative;
  overflow: hidden;
  &::after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    min-height: 20px;
    aspect-ratio: 1300/20;
    background: url(/attending/kokunai/churaumi/images/bg_mv01.svg) no-repeat center/cover;
    position: absolute;
    bottom: 0;
  }
}

.mv__txt {
  display: block;
  width: 74.9231%;
  max-width: 1024px;
  margin-inline: auto;
}

/* sec--toc */
.sec--toc {
  padding-block: 60px 30px;
}

.sec--toc__list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}

.sec--toc__btn {
  display: block;
  background: url(/attending/kokunai/churaumi/images/ico_arrow-white.svg) no-repeat right 15px center/20px,
              var(--blue);
  padding: 20px 40px 20px 0;
  border-radius: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: background-position 0.3s;
  &:hover {
    background-position: right 15px top calc(50% + 8px);
  }
}

.sec--toc__btn--01,
.sec--toc__btn--04 {
  padding-left: 40px;
}

.sec--toc__btn--02 {
  padding-left: 29px;
}

.sec--toc__btn--03 {
  padding-left: 50px;
}

.sec--toc__list__items {
  position: relative;
  &::before {
    content: "";
    display: block;
    height: auto;
    position: absolute;
    pointer-events: none;
    user-select: none;
  }
  &:first-child::before {
    background: url(/attending/kokunai/churaumi/images/img_toc01.png) no-repeat center/cover;
    width: 97px;
    aspect-ratio: 195/164;
    top: -30px;
    left: -32px;
  }
  &:nth-child(2)::before {
    background: url(/attending/kokunai/churaumi/images/img_toc02.png) no-repeat center/cover;
    width: 76px;
    aspect-ratio: 152/121;
    top: -49px;
    left: 37px;
  }
  &:nth-child(3)::before {
    background: url(/attending/kokunai/churaumi/images/img_toc03.png) no-repeat center/cover;
    width: 68px;
    aspect-ratio: 136/127;
    bottom: -17px;
    left: -9px;
  }
  &:last-child::before {
    background: url(/attending/kokunai/churaumi/images/img_toc04.png) no-repeat center/cover;
    width: 76px;
    aspect-ratio: 153/142;
    bottom: -15px;
    right: -38px;
  }
}

/* sec--about */
.sec--about {
  background: url(/attending/kokunai/churaumi/images/bg_about01.png) no-repeat top -5px left calc(50% + 468px)/470px,
              url(/attending/kokunai/churaumi/images/bg_about02.png) no-repeat bottom 10px left calc(50% - 470px)/520px,
              var(--blue);
  padding-block: 60px;
  position: relative;
  overflow: hidden;
  &::after {
    content: "";
    display: block;
    width: 640px;
    height: auto;
    aspect-ratio: 2076/1240;
    background: url(/attending/kokunai/churaumi/images/SP24-044582_about.png) no-repeat center/cover;
    position: absolute;
    left: calc(50% - 65px);
    bottom: -6px;
    pointer-events: none;
  }
}

.sec--about__inner {
  width: 690px;
  height: 500px;
  margin-inline: auto;
  background: url(/attending/kokunai/churaumi/images/bg_about03.svg) no-repeat center/cover;
  padding-top: 72px;
  position: relative;
  &::before,
  &::after {
    content: "";
    display: block;
    height: auto;
    position: absolute;
  }
  &::before {
    width: 176px;
    aspect-ratio: 353/148;
    background: url(/attending/kokunai/churaumi/images/EBP14-29903.png) no-repeat center/cover;
    top: 8px;
    left: 23px;
  }
  &::after {
    width: 421px;
    aspect-ratio: 843/717;
    background: url(/attending/kokunai/churaumi/images/EBP08-05734.png) no-repeat center/cover;
    top: -38px;
    left: -305px;
  }
}

.sec--about__ttl {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  width: fit-content;
  margin: 0 auto 30px;
  padding-top: 32px;
  background: url(/attending/kokunai/churaumi/images/img_about01.png) no-repeat center top/105px,
              linear-gradient(to top,var(--yellow) 0%,var(--yellow) 20px,transparent 20px,transparent 100%);
  & rt {
    font-size: 12px;
    font-weight: 900;
  }
}

.sec--about__txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}

/* sec--search-depature */
.sec--search-depature {
  padding-top: 60px;
}

.sec--search-depature__inner {
  background: var(--light-yellow);
  padding: 40px 30px;
  border-radius: 40px;
  position: relative;
  &::before,
  &::after {
    content: "";
    display: block;
    height: auto;
    position: absolute;
  }
  &::before {
    width: 107px;
    aspect-ratio: 214/215;
    background: url(/attending/kokunai/churaumi/images/img_search01.png) no-repeat center/cover;
    top: 15px;
    right: -21px;
  }
  &::after {
    width: 87px;
    aspect-ratio: 174/154;
    background: url(/attending/kokunai/churaumi/images/img_search02.png) no-repeat center/cover;
    bottom: 1px;
    left: -31px;
  }
}

.sec--search-depature__ttl {
  color: var(--blue);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 38px;
  background: url(/attending/kokunai/churaumi/images/ico_search.svg) no-repeat center top/28px;
}

.sec--search-depature__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.sec--search-depature__list__items {
  width: 180px;
}

.sec--search-depature__list__btn {
  display: block;
  background: url(/attending/kokunai/churaumi/images/ico_arrow-black.svg) no-repeat center right 10px/20px,
              #FFE814;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgb(0 0 0/0.15);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: all 0.3s;
  &:hover {
    box-shadow: none;
    background-position: center right 15px;
  }
}

/* sec--tour */
.sec--tour {
  padding-top: 80px;
}

.sec--tour__swiper-outer {
  margin-bottom: 70px;
}

.sec--tour__ttl {
  color: var(--blue);
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 33px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-blue.svg) no-repeat center top/50px; 
}

.sec--tour__swiper {
  position: relative;
}

.sec--tour__swiper__items {
  width: 26rem;
  height: auto;
  border: 1px solid #D1D1D1;
  border-radius: 20px;
  box-shadow: 0 5px 8px rgb(0 0 0/0.08);
  overflow: hidden;
  a {
    display: block;
    height: 100%;
    transition: 0.3s;
    &:hover {
      opacity: 0.7;
    }
  }
}

.sec--tour__swiper__inner {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}

.sec--tour__swiper__content {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: 8px;
  padding: 15px; 
}

.sec--tour__swiper__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.sec--tour__swiper__head__items {
  padding: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 4px;
}

.sec--tour__swiper__depaeture {
  background: var(--light-blue);
  color: #fff;
}

.sec--tour__swiper__conductor {
  display: grid;
  align-items: center;
  background: #DFF4FF;
  color: var(--blue);
}

.sec--tour__swiper__ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.sec--tour__swiper__txt {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.sec--tour__swiper__price {
  color: #DB2100;
  font-size: 18px;
  font-weight: 800;
  font-family: Lato,"Zen Kaku Gothic New",sans-serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: right;
  align-self: end;
}

.sec--tour__swiper__price__period {
  font-size: 16px;
}

/* sec--search-conditions */
.sec--search-conditions {
  padding-top: 80px;
  background: var(--bg-blue);
}

.sec--search-conditions__ttl {
  color: var(--blue);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 36px;
  background: url(/attending/kokunai/churaumi/images/ico_search.svg) no-repeat center top/28px;
}

.Search_module--horizontal {
  margin-bottom: 70px;
}

.Search__form {
  border: #d1d1d1;
  border-radius: 20px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
  padding: 35px 30px 30px;
}

.Search__form-ttl {
  display: none;
}

/* sec--spot */
.sec--spot {
  position: relative;
  padding-top: 80px;
  background: var(--bg-light-blue);
  overflow: hidden;
  &::after {
    content: "";
    display: block;
    width: 210px;
    height: 140px;
    background: url(/attending/kokunai/churaumi/images/bg_SP24-044579.png) no-repeat center/cover;
    position: absolute;
    right: 85px;
    bottom: 0;
  }
}

.sec--spot__ttl {
  color: var(--navy);
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 60px;
  padding-top: 33px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-navy.svg) no-repeat center top/50px;
}

.sec--spot__swiper-outer {
  background: url(/attending/kokunai/churaumi/images/bg_spot01.png) no-repeat center top/100% auto,
              url(/attending/kokunai/churaumi/images/bg_spot01.png) no-repeat center bottom/100% auto;
  margin-bottom: 120px;
}

.sec--spot__swiper {
  width: 975px;
  margin-inline: auto;
  padding-block: 80px 105px;
  position: relative;
}

.sec--spot__swiper-wrapper {
  margin: 0;
}

.sec--spot__swiper__items {
  position: relative;
}

.sec--spot__swiper__box {
  width: 650px;
  background: #fff;
  border-radius: 80px;
  padding: 50px 60px;
  margin-bottom: 16px;
  &:has(.sec--spot__swiper__highlight) {
    padding: 50px 60px 30px;
  }
}


.sec--spot__swiper__ttl {
  width: 360px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  text-indent: -44px;
}

.sec--spot__swiper__ttl__marker {
  background: linear-gradient(to top,var(--yellow) 0%,var(--yellow) 15px,transparent 15px,transparent 100%) no-repeat bottom right/calc(100% - 44px);
  &::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 33px;
    background: url(/attending/kokunai/churaumi/images/ico_balloon.svg) no-repeat center/cover;
    margin-right: 14px;
  }
}

.sec--spot__swiper__txt {
  width: 360px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.sec--spot__swiper__highlight {
  width: 360px;
  padding-block: 10px;
  border-radius: 4px;
  margin-top: 30px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.sec--spot__swiper__highlight--yellow {
  background: var(--yellow);
}

.sec--spot__swiper__highlight--blue {
  color: #fff;
  background: var(--blue);
}

.sec--spot__swiper__note {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-left: 60px;
}

.sec--spot__swiper__img-wrapper {
  width: 550px;
  position: absolute;
  top: 0;
  right: 0;
}

.sec--spot__swiper__deco {
  position: absolute;
}

.sec--spot__swiper__deco--01 {
  width: 280px;
  top: 22px;
  left: -67px;
}

.sec--spot__swiper__deco--02 {
  width: 208px;
  top: -30px; 
  left: -15px;
}

.sec--spot__swiper__deco--03 {
  width: 220px;
  top: 7px;
  left: -46px;
}

.sec--spot__swiper__deco--04 {
  width: 164px;
  top: -24px;
  left: -56px;
  z-index: 0;
}

.sec--spot__swiper__img--04 {
  position: relative;
  z-index: 1;
}

.sec--spot__swiper__deco--05 {
  width: 160px;
  top: -22px;
  left: -4px;
}

.sec--spot__swiper__deco--06 {
  width: 190px;
  top: -28px;
  left: -2px;
}

.sec--spot__swiper .swiper-pagination--spot {
  bottom: 80px;
  font-size: 10px;
  line-height: 1;
}

.swiper-pagination--spot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1;
}

.swiper-pagination--spot .swiper-pagination-bullet-active {
  background: var(--navy);
}

.swiper-button-prev--spot {
  top: 280px;
  left: 0;
}

.swiper-button-next--spot {
  top: 280px;
  right: 0;
}

.bg-wave--spot {
  position: relative;
  z-index: 1;
}

/* sec--info */
.sec--info {
  background: var(--blue);
  padding-top: 80px;
  position: relative;
  &::after {
    content: "";
    display: block;
    width: 338px;
    height: 343px;
    background: url(/attending/kokunai/churaumi/images/PG19-087990.png) no-repeat center/cover;
    position: absolute;
    top: 30px;
    left: 0;
  }
}

.sec--info__ttl {
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 30px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-white.svg) no-repeat center top/40px;
}

.sec--info__box {
  display: grid;
  background: #fff;
  grid-template-columns: 494px 420px;
  align-items: center;
  gap: 30px;
  padding: 20px 40px 15px;
  border-radius: 20px;
  margin-bottom: 70px;
}

.sec--info__list__row {
  padding-block: 20px;
  display: grid;
  grid-template-columns: 115px 1fr;
  gap: 25px;
  align-items: center;
  &+& {
    border-top: 1px solid #F0F0F0;
  }
}

.sec--info__list__ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-left: 10px;
  border-right: 1px solid var(--blue);
}

.sec--info__list__dtl {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.sec--info__list__link {
  text-decoration: underline;
  transition: 0.3s;
  &:hover {
    opacity: 0.7;
  }
}

.sec--info__list__note {
  font-size: 12px;
}

.sec--info__map {
  max-width: 100%;
  height: auto;
  aspect-ratio: 420/350;
  border-radius: 10px;
  overflow: hidden;
}

.sec--info__btn {
  display: flex;
  width: 700px;
  aspect-ratio: 700/130;
  margin: 0 auto 70px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: url(/attending/kokunai/churaumi/images/SP18-024845_btn.png) no-repeat center/cover;
  color: var(--yellow);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: opacity 0.3s;
  filter: drop-shadow(0 3px 10px rgb(0 0 0 / 0.3));
  &:hover {
    opacity: 0.7;
  }
}

.sec--info__btn__ico {
  width: 45px;
}

/* sec--faq */
.sec--faq {
  padding-block: 80px 150px;
  background: var(--light-yellow);
  position: relative;
  &::after {
    content: "";
    display: block;
    width: 269px;
    height: auto;
    aspect-ratio: 539/270;
    background: url(/attending/kokunai/churaumi/images/PG19-087985.png) no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 158px;
  }
}

.sec--faq__ttl {
  color: var(--blue);
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 33px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-blue.svg) no-repeat center top/50px;
}

.sec--faq__acc-wrapper {
  display: grid;
  gap: 10px;
}

.sec--faq__acc {
  background: #fff;
  border: 2px solid var(--blue);
  border-radius: 15px;
}

.sec--faq__acc__btn {
  display: block;
  transition: 0.3s;
  &:hover {
    opacity: 0.7;
  }
}

.sec--faq__acc__ttl {
  display: grid;
  grid-template-columns: 35px 1fr 20px;
  gap: 15px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 20px;
  cursor: pointer;
}

.sec--faq__acc__ttl__ico {
  height: 35px;
  background: var(--blue);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.sec--faq__acc__mark {
  display: block;
  width: 20px;
  height: 20px;
  background: var(--blue);
  border: 50%;
  border-radius: 50%;
  position: relative;
  &::before,
  &::after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    translate:  -50% -50%;
  }
  &::before {
    rotate: 90deg;
    transition: rotate 0.3s;
  }
}

.sec--faq__acc[open] .sec--faq__acc__mark::before {
  rotate: 0deg;
}

.sec--faq__acc__content {
  display: grid;
  grid-template-columns: 35px 1fr;
  gap: 20px;
  align-items: start;
  padding: 15px 20px;
  border-top: 1px solid var(--blue);
}

.sec--faq__acc__content__ico {
  height: 35px;
  background: var(--yellow);
  border-radius: 50%;
  color: var(--blue);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.sec--faq__acc__content__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* sec--sightseeing */
.sec--sightseeing {
  background: url(/attending/kokunai/churaumi/images/bg_sightseeing02.png) repeat-y top left/100%;
}

.bg-wave--faq {
  vertical-align: top;
  margin-bottom: 60px;
}

.sec--sightseeing__ttl {
  color: var(--blue);
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 33px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-blue.svg) no-repeat center top/50px;
}

.sec--sightseeing__img {
  width: calc(100% + 30px);
  margin-bottom: 50px;
}

.sec--sightseeing__btn-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 25px;
}

.sec--sightseeing__btn {
  display: block;
  padding: 7px;
  border: 3px solid var(--navy);
  color: var(--navy);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
  transition: 0.3s;
  &:hover {
    opacity: 0.7;
  }
  &.active::after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: var(--navy);
    border-radius: 2px;
    rotate: 45deg;
    position: absolute;
    bottom: -10px;
    left: 50%;
    translate: -50%;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
}

.sec--sightseeing__btn--01 {
  border-radius: 10px 0 0 10px;
  &.active {
    background: var(--yellow);
  }
}

.sec--sightseeing__btn--02 {
  border-left: 0;
  border-radius: 0 10px 10px 0;
  &.active {
    background: #CDF7B7;
  }
}

.sec--sightseeing__box {
  display: none;
  grid-template-columns: repeat(3,1fr);
  gap: 50px;
  padding: 47px 49px 47px 47px;
  border: 3px solid var(--navy);
  border-radius: 20px;
  margin-bottom: 70px;
  &.active {
    display: grid;
  }
}

.sec--sightseeing__box--01 {
  background: #FFFEEB;
}

.sec--sightseeing__box--02 {
  background: #F7FFF3;
}

.sec--sightseeing__items__img {
  margin-bottom: 10px;
}

.sec--sightseeing__items__ttl {
  width: fit-content;
  margin: 0 auto 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.sec--sightseeing__items__place {
  color: var(--light-blue);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 8px;
  &::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url(/attending/kokunai/churaumi/images/ico_pin.svg) no-repeat center/cover;
    margin-right: 4px;
    vertical-align: -1px;
  }
}

.sec--sightseeing__items__txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* sec--links */
.sec--links {
  padding-top: 80px;
  background: var(--light-yellow);
}

.sec--links__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 900px;
  margin: 0 auto 50px;
}

.sec--links__banner {
  display: block;
  aspect-ratio: 430/200;
  padding-block: 55px 15px;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgb(0 0 0/.2);
  transition: opacity 0.3s;
  &:hover {
    opacity: 0.7;
  }
}

.sec--links__banner--01 {
  background: linear-gradient(to top,rgb(0 0 0/.4) 0%,rgb(0 0 0/.4) 100%),
              url(/attending/kokunai/churaumi/images/BP22-037034.jpg) no-repeat center/cover;
}

.sec--links__banner--02 {
  background: linear-gradient(to top,rgb(0 0 0/.4) 0%,rgb(0 0 0/.4) 100%),
              url(/attending/kokunai/churaumi/images/BP21-008220D.jpg) no-repeat center/cover
}

.sec--links__banner__ttl {
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 22px;
  padding-top: 25px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-white.svg) no-repeat center top/40px auto;
}

.sec--links__banner__btn {
  max-width: 250px;
  margin-inline: auto;
  background: url(/attending/kokunai/churaumi/images/ico_arrow-blue-small.svg) no-repeat right 14px center/16px,
              #fff;
  border-radius: 10vh;
  padding: 10px;
  color: var(--blue);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

/* sec--recommend */
.sec--recommend {
  padding-block: 80px;
}

.sec--recommend__ttl {
  color: var(--blue);
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 33px;
  background: url(/attending/kokunai/churaumi/images/ico_wave-blue.svg) no-repeat center top/50px;
}

.sec--recommend__swiper-outer .hover {
  transition: opacity 0.3s;
  &:hover {
    opacity: 0.7;
  }
}
.sec--recommend__swiper-outer .bannerImg {
  width: 230px;
  height: 173px;
  img {
    border-radius: 8px;
  }
}

.noTour{
   font-size: 26px;
   text-align: center;
   padding: 30px;
}

#btnToTop {
  width: 80px;
  height: 80px;
  background: url(/attending/kokunai/churaumi/images/btn_to-top.svg) no-repeat center/cover;
  filter: drop-shadow(0 2px 8px rgb(0 0 0/.2));
  transition: .3s;
  z-index: 50;
  &:hover {
    opacity: .7;
  }
}