@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
.tourism .contents {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  background: #F6F6F6;
  color: #323232;
}
.tourism .btn_fixed {
  display: none;
}
.tourism .txt_green {
  color: #1E7679;
}
.tourism .txt_lgreen {
  color: #739E22;
}
.tourism .txt_brown {
  color: #7E5503;
}
.tourism-w {
  container-type: inline-size;
  width: 90%;
  max-width: 1250px;
  margin-inline: auto;
}
@media all and (max-width: 896px) {
  .tourism-w {
    width: calc(100% - 40px);
  }
}
.tourism-main {
  position: relative;
}
.tourism-main__container {
  max-width: 1720px;
}
@media all and (max-width: 896px) {
  .tourism-main__container {
    width: 100%;
  }
}
.tourism-main__inner {
  height: 67.44cqw;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-main__inner {
    height: 170.67vw;
  }
}
.tourism-main__bg01 {
  position: absolute;
  width: 61.51cqw;
  top: -2.2cqw;
  left: -5.58cqw;
}
@media all and (max-width: 896px) {
  .tourism-main__bg01 {
    width: 138.67vw;
    top: 49.33vw;
    left: auto;
    right: 5.33vw;
  }
}
.tourism-main__bg02 {
  position: absolute;
  width: 56.63cqw;
  top: -26.51cqw;
  right: -23.9cqw;
}
@media all and (max-width: 896px) {
  .tourism-main__bg02 {
    width: 138.67vw;
    top: -59.2vw;
    right: auto;
    left: 7.73vw;
  }
}
.tourism-main__photo {
  position: absolute;
  width: 78.49cqw;
  bottom: 0;
  right: -11.69cqw;
}
@media all and (max-width: 896px) {
  .tourism-main__photo {
    width: 138.67vw;
    bottom: 48.27vw;
    right: auto;
    left: -22.93vw;
  }
}
.tourism-main__photo_s {
  position: absolute;
  width: 22.73cqw;
  top: -3.95cqw;
  left: -8.43cqw;
}
@media all and (max-width: 896px) {
  .tourism-main__photo_s {
    width: 40vw;
    top: auto;
    left: -6.93vw;
    bottom: 0;
  }
}
.tourism-main__block {
  position: absolute;
  top: 13.49cqw;
  left: 0;
  z-index: 10;
}
@media all and (max-width: 896px) {
  .tourism-main__block {
    display: contents;
  }
}
.tourism-main__ttl {
  font-size: 3.72cqw;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1E7679;
  line-height: 2;
}
@media all and (max-width: 896px) {
  .tourism-main__ttl {
    font-size: 6.4vw;
    position: absolute;
    bottom: 45.07vw;
    left: 5.33vw;
  }
}
.tourism-main__ttl > span {
  padding: 0.1em 0.5em;
  background: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: 0.125em;
}
.tourism-main__txt {
  font-size: 1.63cqw;
  line-height: 1.9;
  margin-top: 2.79cqw;
  margin-left: 1.67cqw;
}
@media all and (max-width: 896px) {
  .tourism-main__txt {
    margin: 0;
    font-size: 4vw;
    position: absolute;
    bottom: 7.47vw;
    right: 3.47vw;
  }
}
.tourism-main__en {
  width: 22.44cqw;
  bottom: 29cqw;
  right: 32cqw;
  position: absolute;
}
@media all and (max-width: 896px) {
  .tourism-main__en {
    width: 79.47vw;
    bottom: 74.2vw;
    right: 9.33vw;
  }
}
.tourism-nav {
  width: 100%;
  position: absolute;
  bottom: min(10vw, 190px);
  z-index: 100;
  transition: position 0.3s ease-out;
  border-top: 1px dashed #C6C6C6;
  border-bottom: 1px dashed #C6C6C6;
}
@media all and (max-width: 896px) {
  .tourism-nav {
    position: static;
    border: none;
  }
}
.tourism-nav.--fixed {
  position: fixed;
  top: 105px;
  bottom: auto;
}
@media all and (max-width: 1367px) {
  .tourism-nav.--fixed {
    top: 90px;
  }
}
@media all and (max-width: 896px) {
  .tourism-nav.--fixed {
    position: static;
  }
}
.tourism-nav.--fixed .tourism-nav__link {
  padding-block: 1.12cqw;
}
.tourism-nav.--fixed .tourism-nav__link:before {
  content: none;
}
.tourism-nav.--fixed .tourism-nav__link:hover {
  translate: 0 0.4cqw;
}
.tourism-nav.--fixed .tourism-nav__person {
  display: none;
}
.tourism-nav.--fixed .tourism-nav__dog__left {
  display: none;
}
.tourism-nav.--fixed .tourism-nav__dog__right {
  display: none;
}
.tourism-nav.--fixed .tourism-nav__en {
  font-size: 0.96cqw;
}
.tourism-nav.--fixed .tourism-nav__jp {
  font-size: 1.12cqw;
  min-height: inherit;
}
.tourism-nav.--fixed .tourism-nav__jp br {
  display: none;
}
.tourism-nav__menu {
  display: none;
}
@media all and (max-width: 896px) {
  .tourism-nav__menu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }
}
.tourism-nav__menu__inner {
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease-out;
}
.tourism-nav__menu__inner.--active {
  background: #fff;
}
.tourism-nav__menu__inner.--active .tourism-nav__hamburger > span:nth-of-type(1) {
  translate: 0 0;
  rotate: 45deg;
}
.tourism-nav__menu__inner.--active .tourism-nav__hamburger > span:nth-of-type(2) {
  opacity: 0;
}
.tourism-nav__menu__inner.--active .tourism-nav__hamburger > span:nth-of-type(3) {
  translate: 0 0;
  rotate: -45deg;
}
.tourism-nav__menu__txt {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
}
.tourism-nav__hamburger {
  width: 20px;
  height: 20px;
  position: relative;
}
.tourism-nav__hamburger > span {
  display: block;
  width: 13px;
  height: 2px;
  background: #030303;
  transition: rotate 0.3s ease-out, opacity 0.1s ease-out;
  position: absolute;
  inset: 0;
  margin: auto;
  transition: all 0.3s ease-out;
}
.tourism-nav__hamburger > span:nth-of-type(1) {
  translate: 0 -5px;
}
.tourism-nav__hamburger > span:nth-of-type(3) {
  translate: 0 5px;
}
@media all and (max-width: 896px) {
  .tourism-nav__container {
    width: 100%;
    position: fixed;
    bottom: 56px;
    left: 0;
    translate: 0 100%;
    z-index: 100;
    transition: all 0.3s ease-out;
    border-top: 1px dashed #C6C6C6;
    border-bottom: 1px dashed #C6C6C6;
  }
  .tourism-nav__container.--open {
    translate: 0 0;
  }
  .tourism-nav__container.--open .tourism-nav__inner {
    padding: 24px 40px;
  }
}
.tourism-nav__wrap {
  width: 100%;
  background: #fff;
}
.tourism-nav__inner {
  max-width: 1720px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-nav__inner {
    box-sizing: border-box;
    width: 100%;
    padding: 56px 40px;
  }
}
.tourism-nav__person {
  width: 13.95cqw;
  position: absolute;
  top: -12.27cqw;
  left: 38.83cqw;
}
@media all and (max-width: 896px) {
  .tourism-nav__person {
    display: none;
  }
}
.tourism-nav__list {
  container-type: inline-size;
  max-width: 1250px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  text-align: center;
}
@media all and (max-width: 896px) {
  .tourism-nav__list {
    grid-template-columns: repeat(1, 1fr);
    text-align: left;
  }
}
.tourism-nav__link {
  display: block;
  padding-block: 1.86cqw;
  height: 100%;
}
@media all and (max-width: 896px) {
  .tourism-nav__link {
    display: flex;
    padding-block: 10px;
    align-items: center;
    gap: 4px;
  }
}
.tourism-nav__link::before {
  content: "";
  display: block;
  width: 1.84cqw;
  height: 1.84cqw;
  background: url("../images/footprint.svg") center center/contain no-repeat;
  margin-inline: auto;
  flex-shrink: 0;
}
@media all and (max-width: 896px) {
  .tourism-nav__link::before {
    width: 20px;
    height: 20px;
    margin-inline: 0;
  }
}
.tourism-nav__link:hover {
  opacity: 1;
  color: #1E7679;
  translate: 0 0.64cqw;
}
.tourism-nav__en {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 1.12cqw;
  letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
  .tourism-nav__en {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 480px) {
  .tourism-nav__en {
    font-size: 1rem;
  }
}
.tourism-nav__jp {
  font-size: 1.44cqw;
  font-weight: 700;
  min-height: 4.48cqw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 896px) {
  .tourism-nav__jp {
    font-size: 1.4rem;
    min-height: inherit;
  }
}
@media all and (max-width: 480px) {
  .tourism-nav__jp {
    font-size: 1.2rem;
  }
}
.tourism-nav__btn {
  display: none;
  text-align: center;
  container-type: inline-size;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  position: absolute;
  width: 24.42cqw;
  top: 0;
  right: 6.28cqw;
  translate: 0 -110%;
  z-index: 200;
}
@media all and (max-width: 896px) {
  .tourism-nav__btn {
    width: min(75.2cqw, 282px);
    right: auto;
    left: 12px;
    translate: 0 calc(-110% - 11px);
  }
}
.tourism-nav__btn.--show {
  display: block;
}
.tourism-nav__btn__link {
  padding: 5cqw;
  display: block;
  background: #FFF45E;
  border-radius: 10px;
  position: relative;
}
.tourism-nav__btn__link::before {
  content: "";
  display: block;
  width: 5.71cqw;
  height: 5.71cqw;
  background: url("../images/arrow_right.svg") center center/contain no-repeat;
  position: absolute;
  right: 9.52cqw;
  top: 50%;
  translate: 0 -50%;
}
@media all and (max-width: 896px) {
  .tourism-nav__btn__link::after {
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    background: #FFF45E;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
            clip-path: polygon(0 0, 100% 0, 0 100%);
    position: absolute;
    bottom: -11px;
    left: 50%;
    translate: -50% 0;
  }
}
.tourism-nav__btn__en {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 7.14cqw;
  letter-spacing: 0.1em;
  filter: drop-shadow(1px 1px #F83E50);
}
.tourism-nav__btn__en > span {
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
.tourism-nav__btn__jp {
  font-size: 5.24cqw;
  color: #F83E50;
  font-weight: 900;
}
.tourism-nav__btn__close {
  display: block;
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  top: 0;
  right: -4px;
  translate: 0 -50%;
}
.tourism-nav__btn__close > span {
  display: inline-block;
  width: 11px;
  height: 2px;
  background: #323232;
  position: absolute;
  inset: 0;
  margin: auto;
}
.tourism-nav__btn__close > span:nth-of-type(1) {
  translate: 0 0;
  rotate: -45deg;
}
.tourism-nav__btn__close > span:nth-of-type(2) {
  translate: 0 0;
  rotate: 45deg;
}
.tourism-nav__dog__left {
  position: absolute;
  width: 12.21cqw;
  right: 26.69cqw;
  top: -4.88cqw;
  z-index: 250;
}
@media all and (max-width: 896px) {
  .tourism-nav__dog__left {
    width: min(22.13cqw, 83px);
    right: auto;
    left: 8px;
    top: max(-6.4cqw, -24px);
  }
}
.tourism-nav__dog__right {
  position: absolute;
  width: 8.49cqw;
  right: 1.22cqw;
  top: -4.24cqw;
  z-index: 250;
}
@media all and (max-width: 896px) {
  .tourism-nav__dog__right {
    width: min(18.67cqw, 70px);
    right: auto;
    left: min(56.53cqw, 212px);
    top: max(-6.93cqw, -26px);
  }
}

.tourism-ttl {
  position: relative;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .tourism-ttl {
    text-align: center;
  }
}
.tourism-ttl.--center {
  text-align: center;
}
.tourism-ttl.--center .tourism-ttl__step {
  margin-inline: auto;
}
.tourism-ttl__step {
  text-align: center;
  width: 4.4cqw;
}
@media all and (max-width: 896px) {
  .tourism-ttl__step {
    width: 100%;
    margin-inline: auto;
  }
}
.tourism-ttl__en {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 4.8cqw;
  margin-top: 0.15em;
}
@media all and (max-width: 896px) {
  .tourism-ttl__en {
    font-size: 3.6rem;
    margin-top: 8px;
  }
}
.tourism-ttl__jp {
  font-size: 3.84cqw;
  font-weight: 700;
  margin-top: 0.2em;
}
@media all and (max-width: 896px) {
  .tourism-ttl__jp {
    font-size: 2.4rem;
    margin-top: 12px;
  }
}

@media all and (max-width: 896px) {
  .tourism-about {
    margin-top: 40px;
  }
}
.tourism-about__wrapper {
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-about__wrapper {
    width: 100%;
  }
}
.tourism-about__bg01 {
  position: absolute;
  width: 84.64cqw;
  right: -50.8cqw;
  top: 12.32cqw;
}
@media all and (max-width: 480px) {
  .tourism-about__bg01 {
    width: 171.73vw;
    top: auto;
    bottom: -71.73vw;
    right: -103.73vw;
  }
}
.tourism-about__bg02 {
  position: absolute;
  width: 63.6cqw;
  left: -37.84cqw;
  bottom: -1.84cqw;
  z-index: 5;
}
@media all and (max-width: 480px) {
  .tourism-about__bg02 {
    width: 101.86vw;
    right: -66.13vw;
    bottom: auto;
    top: 149.33vw;
  }
}
.tourism-about__bg03 {
  position: absolute;
  width: 176.16cqw;
  left: -34.56cqw;
  top: 56.8cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__bg03 {
    display: none;
  }
}
.tourism-about__container {
  position: relative;
  z-index: 10;
}
.tourism-about__wrap {
  container-type: inline-size;
  max-width: 1120px;
  margin-inline: auto;
  position: relative;
  z-index: 40;
}
@media all and (max-width: 896px) {
  .tourism-about__wrap {
    max-width: 375px;
  }
}
@media all and (max-width: 896px) {
  .tourism-about__list {
    margin-right: calc(-5.6cqw - 20px);
    margin-left: calc(-6.4cqw - 20px);
  }
}
.tourism-about__inner {
  width: 44.2cqw;
  height: 39.73cqw;
  background: url("../images/about_contents_bg.svg") center center/100% 100% no-repeat;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-about__inner {
    width: 106.93cqw;
    height: 96.27cqw;
    margin-inline: auto;
  }
}
.tourism-about__inner::before {
  content: "";
  display: block;
  width: 38.39cqw;
  height: 30.27cqw;
  background: url("../images/reason_bg_01.webp") center center/contain no-repeat;
  position: absolute;
  top: -0.71cqw;
  left: -3.13cqw;
  z-index: -10;
}
@media all and (max-width: 896px) {
  .tourism-about__inner::before {
    width: 93.07cqw;
    height: 73.33cqw;
    top: -1.6cqw;
    left: -7.47cqw;
  }
}
.tourism-about__inner.--reason01 {
  margin-top: -7.86cqw;
  margin-right: 0;
  margin-left: auto;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason01 {
    margin-top: 26.67cqw;
    margin-right: auto;
    margin-left: auto;
  }
}
.tourism-about__inner.--reason01 .tourism-about__reason {
  top: -4.29cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason01 .tourism-about__reason {
    top: -12.27cqw;
  }
}
.tourism-about__inner.--reason01 .tourism-about__img {
  top: -4.29cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason01 .tourism-about__img {
    top: -12.27cqw;
  }
}
.tourism-about__inner.--reason02 {
  width: 45.8cqw;
  height: 41.25cqw;
  margin-top: -20.18cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason02 {
    width: 111.73cqw;
    height: 100.53cqw;
    margin-top: 26.67cqw;
  }
}
.tourism-about__inner.--reason02::before {
  width: 39.82cqw;
  height: 31.43cqw;
  top: -0.98cqw;
  left: auto;
  right: -1.16cqw;
  background-image: url("../images/reason_bg_02.webp");
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason02::before {
    width: 97.33cqw;
    height: 76.53cqw;
    top: -2.4cqw;
    right: -2.93cqw;
  }
}
.tourism-about__inner.--reason02 .tourism-about__reason {
  left: auto;
  right: 9.73cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason02 .tourism-about__reason {
    top: -9.33cqw;
    right: 18.4cqw;
  }
}
.tourism-about__inner.--reason02 .tourism-about__img {
  width: 15.71cqw;
  right: auto;
  left: 8.39cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason02 .tourism-about__img {
    width: 38.93cqw;
    top: -6.4cqw;
    left: 20.8cqw;
  }
}
.tourism-about__inner.--reason03 {
  margin-top: -16.96cqw;
  margin-right: 0;
  margin-left: auto;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason03 {
    margin-top: 26.67cqw;
    margin-right: auto;
    margin-left: auto;
  }
}
.tourism-about__inner.--reason03::before {
  background-image: url("../images/reason_bg_03.webp");
}
.tourism-about__inner.--reason03 .tourism-about__img {
  width: 9.64cqw;
  top: -2.86cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__inner.--reason03 .tourism-about__img {
    width: 26.13cqw;
    top: -12.27cqw;
    right: 11.2cqw;
  }
}
.tourism-about__reason {
  width: 10.09cqw;
  position: absolute;
  top: -2.5cqw;
  left: 9.2cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__reason {
    width: 26.4cqw;
    top: -12.27cqw;
    left: 17.6cqw;
  }
}
.tourism-about__img {
  position: absolute;
  width: 10.36cqw;
  top: -2.14cqw;
  right: 5cqw;
}
@media all and (max-width: 896px) {
  .tourism-about__img {
    width: 25.87cqw;
    top: -10.67cqw;
    right: 13.6cqw;
  }
}
.tourism-about__contents {
  width: 70.71%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media all and (max-width: 896px) {
  .tourism-about__contents {
    width: 78.4cqw;
  }
}
.tourism-about__ttl {
  text-align: center;
  font-size: 2.14cqw;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.6em;
}
@media all and (max-width: 896px) {
  .tourism-about__ttl {
    font-size: 5.33cqw;
  }
}
.tourism-about__txt {
  font-size: 1.43cqw;
  line-height: 2.3;
}
@media all and (max-width: 896px) {
  .tourism-about__txt {
    font-size: 3.73cqw;
  }
}

@media all and (max-width: 896px) {
  .tourism-voice {
    margin-top: 80px;
  }
}
.tourism-voice__wrapper {
  position: relative;
  z-index: 10;
}
@media all and (max-width: 896px) {
  .tourism-voice__wrapper {
    padding-top: min(21.33vw, 80px);
  }
}
.tourism-voice__bg01 {
  position: absolute;
  width: 84.64cqw;
  top: 0;
  right: -66.16cqw;
  z-index: 5;
}
@media all and (max-width: 896px) {
  .tourism-voice__bg01 {
    width: 131.73vw;
    top: min(158.93vw, 596px);
    right: -74.93vw;
  }
}
.tourism-voice__bg02 {
  position: absolute;
  width: 77.92cqw;
  top: 115.68cqw;
  left: -59.04cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__bg02 {
    display: none;
  }
}
.tourism-voice__bg03 {
  position: absolute;
  width: 115.84cqw;
  right: -60.96cqw;
  bottom: -64.64cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__bg03 {
    width: 156.27vw;
    right: -93.87vw;
    bottom: min(-66.13vw, -248px);
  }
}
.tourism-voice__bg04 {
  display: none;
}
@media all and (max-width: 896px) {
  .tourism-voice__bg04 {
    display: block;
    width: 309.6vw;
    position: absolute;
    top: 0;
    right: -112.53vw;
  }
}
.tourism-voice .tourism-ttl {
  margin-top: 1.84cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice .tourism-ttl {
    margin-top: 0;
  }
}
.tourism-voice__inner {
  margin-top: 80px;
  position: relative;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .tourism-voice__inner {
    margin-top: 48px;
  }
}
.tourism-voice__inner.--voice02 .tourism-voice__ttl, .tourism-voice__inner.--voice05 .tourism-voice__ttl {
  color: #739E22;
}
.tourism-voice__inner.--voice02 .tourism-voice__year, .tourism-voice__inner.--voice05 .tourism-voice__year {
  color: #739E22;
}
.tourism-voice__inner.--voice02 .tourism-voice__message__ttl, .tourism-voice__inner.--voice05 .tourism-voice__message__ttl {
  color: #739E22;
}
.tourism-voice__inner.--voice02 .tourism-voice__btn__link, .tourism-voice__inner.--voice05 .tourism-voice__btn__link {
  background: #739E22;
}
.tourism-voice__inner.--voice03 .tourism-voice__ttl, .tourism-voice__inner.--voice06 .tourism-voice__ttl {
  color: #7E5503;
}
.tourism-voice__inner.--voice03 .tourism-voice__year, .tourism-voice__inner.--voice06 .tourism-voice__year {
  color: #7E5503;
}
.tourism-voice__inner.--voice03 .tourism-voice__message__ttl, .tourism-voice__inner.--voice06 .tourism-voice__message__ttl {
  color: #7E5503;
}
.tourism-voice__inner.--voice03 .tourism-voice__btn__link, .tourism-voice__inner.--voice06 .tourism-voice__btn__link {
  background: #7E5503;
}
.tourism-voice__contents {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px 1.28cqw;
  margin-bottom: 24px;
}
@media all and (max-width: 896px) {
  .tourism-voice__contents {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.tourism-voice__block {
  width: 36.8cqw;
  padding-bottom: 32px;
}
@media all and (max-width: 896px) {
  .tourism-voice__block {
    width: 100%;
    padding-bottom: 0;
  }
}
.tourism-voice__img {
  width: 56.8cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__img {
    width: 98%;
    max-width: 600px;
  }
}
.tourism-voice__ttl {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 8cqw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #1E7679;
  opacity: 0.2;
}
@media all and (max-width: 896px) {
  .tourism-voice__ttl {
    font-size: 5.6rem;
  }
}
.tourism-voice__ttl .txt_large {
  font-size: 2.74em;
}
.tourism-voice__box {
  display: flex;
  align-items: center;
  gap: 10px 20px;
}
@media all and (max-width: 480px) {
  .tourism-voice__box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tourism-voice__year {
  flex-shrink: 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1E7679;
}
.tourism-voice__place {
  line-height: 1.7;
}
.tourism-voice__place .txt_large {
  font-size: 1.2em;
}
.tourism-voice__catch {
  word-break: keep-all;
  font-size: 2.56cqw;
  line-height: 1.7;
  margin-top: 1.28cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__catch {
    font-size: 2rem;
    margin-top: 12px;
  }
}
.tourism-voice__detail {
  display: none;
  box-sizing: border-box;
  padding: 5.12cqw 5.12cqw 8.32cqw;
  background: #fff;
  border-radius: 1.6cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__detail {
    padding: 40px 24px 64px;
    border-radius: 20px;
  }
}
.tourism-voice__detail.--open {
  display: block;
  -webkit-animation: accOpen 0.3s ease-out forwards;
          animation: accOpen 0.3s ease-out forwards;
}
@-webkit-keyframes accOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes accOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
.tourism-voice__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px 3.2cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tourism-voice__item dt {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 20px;
}
@media all and (max-width: 896px) {
  .tourism-voice__item dt {
    gap: 14px;
    padding-bottom: 12px;
    margin-bottom: 16px;
  }
}
.tourism-voice__number {
  flex-shrink: 0;
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media all and (max-width: 896px) {
  .tourism-voice__number {
    font-size: 2.6rem;
  }
}
.tourism-voice__number::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 23px;
  height: 23px;
  background: url("../images/footprint.svg") center center/contain no-repeat;
}
@media all and (max-width: 896px) {
  .tourism-voice__number::before {
    width: 20px;
    height: 20px;
  }
}
.tourism-voice__jp {
  font-size: 2rem;
}
@media all and (max-width: 896px) {
  .tourism-voice__jp {
    font-size: 1.7rem;
  }
}
.tourism-voice__txt {
  line-height: 2.3;
}
.tourism-voice__message {
  margin-top: 32px;
  padding-top: 32px;
  position: relative;
}
.tourism-voice__message::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url("../images/line_dot.svg") center left/auto 100% repeat-x;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 896px) {
  .tourism-voice__message::before {
    height: 4px;
  }
}
.tourism-voice__message__block {
  display: flex;
  align-items: center;
  gap: 4px 3.2cqw;
}
@media all and (max-width: 896px) {
  .tourism-voice__message__block {
    text-align: center;
    flex-direction: column;
  }
}
.tourism-voice__message__ttl {
  flex-shrink: 0;
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 8cqw;
  color: #1E7679;
}
@media all and (max-width: 896px) {
  .tourism-voice__message__ttl {
    font-size: 4.8rem;
  }
}
.tourism-voice__message__catch {
  font-size: 2rem;
  line-height: 1.7;
}
@media all and (max-width: 896px) {
  .tourism-voice__message__catch {
    font-size: 1.7rem;
  }
}
.tourism-voice__message__txt {
  line-height: 2.3;
  margin-top: 4px;
}
@media all and (max-width: 896px) {
  .tourism-voice__message__txt {
    margin-top: 28px;
  }
}
.tourism-voice__btn {
  max-width: 520px;
  margin-inline: auto;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.25));
}
@media all and (max-width: 896px) {
  .tourism-voice__btn {
    max-width: 335px;
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.25));
  }
}
.tourism-voice__btn.--active .tourism-voice__btn__link::before {
  rotate: 180deg;
}
.tourism-voice__btn__link {
  cursor: pointer;
  text-align: center;
  font-size: 1.8rem;
  box-sizing: border-box;
  padding: 18px;
  display: block;
  border-radius: 9999px;
  background: #1E7679;
  color: #fff;
  border: 4px solid #fff;
  margin-top: -40px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-voice__btn__link {
    padding: 14px;
    font-size: 1.6rem;
    border-width: 3px;
    margin-top: -32px;
  }
}
.tourism-voice__btn__link::before {
  content: "";
  width: 1.33em;
  height: 1.33em;
  background: url("../images/arrow_bottom_white.svg") center center/contain no-repeat;
  right: 1.56em;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  translate: rotate 0.3s ease-out;
}

.tourism-learn__container {
  margin-top: 8.48cqw;
  padding-top: 28.32cqw;
  padding-bottom: 38.88cqw;
  position: relative;
  z-index: 10;
}
@media all and (max-width: 896px) {
  .tourism-learn__container {
    margin-top: min(21.33vw, 80px);
    padding-top: 44.78cqw;
    padding-bottom: 117.6cqw;
  }
}
.tourism-learn__bg01 {
  position: absolute;
  width: 159.2cqw;
  top: 11.76cqw;
  left: -46.56cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__bg01 {
    width: 191.04cqw;
    top: auto;
    left: -40.3cqw;
    bottom: 70.15cqw;
  }
}
.tourism-learn__bg02 {
  position: absolute;
  width: 76.48cqw;
  right: -30.48cqw;
  bottom: -1.12cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__bg02 {
    width: 126.57cqw;
    bottom: 0;
    right: -17.91cqw;
  }
}
.tourism-learn__bg03 {
  display: none;
}
@media all and (max-width: 896px) {
  .tourism-learn__bg03 {
    display: block;
    position: absolute;
    width: 170.4vw;
    top: 17.33vw;
    left: -36vw;
  }
}
.tourism-learn__img01 {
  position: absolute;
  width: 41.76cqw;
  top: 8.8cqw;
  left: -16.96cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__img01 {
    width: 73.43cqw;
    top: 0;
    left: -5.97cqw;
  }
}
.tourism-learn__img02 {
  position: absolute;
  width: 21.2cqw;
  right: 1.04cqw;
  top: 26.32cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__img02 {
    width: 45.07cqw;
    right: -6.57cqw;
    top: 14.33cqw;
  }
}
.tourism-learn__list {
  max-width: 1040px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 3.2cqw;
  position: relative;
  z-index: 20;
  margin-top: 6.4cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 32px;
  }
}
.tourism-learn__name {
  width: 24.8cqw;
  margin-left: 3.36cqw;
  margin-bottom: -1cqw;
  position: relative;
  z-index: 30;
}
@media all and (max-width: 896px) {
  .tourism-learn__name {
    width: 62.69cqw;
    margin-left: 10.74cqw;
    margin-bottom: -3cqw;
  }
}
.tourism-learn__contents {
  box-sizing: border-box;
  padding: 4cqw 4.48cqw;
  background: #fff;
  border: 1px solid #1E7679;
  border-radius: 20px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-learn__contents {
    padding: 50px 10.66vw;
  }
}
.tourism-learn__circle {
  width: 8px;
  height: 8px;
  background: #1E7679;
  border-radius: 50%;
  position: absolute;
}
.tourism-learn__circle.--tl {
  top: 1.92cqw;
  left: 1.92cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__circle.--tl {
    top: 24px;
    left: 24px;
  }
}
.tourism-learn__circle.--tr {
  top: 1.92cqw;
  right: 1.92cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__circle.--tr {
    top: 24px;
    right: 24px;
  }
}
.tourism-learn__circle.--rb {
  right: 1.92cqw;
  bottom: 1.92cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__circle.--rb {
    right: 24px;
    bottom: 24px;
  }
}
.tourism-learn__circle.--bl {
  bottom: 1.92cqw;
  left: 1.92cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__circle.--bl {
    bottom: 24px;
    left: 24px;
  }
}
.tourism-learn__tree {
  width: 3.76cqw;
  position: absolute;
  top: 0;
  right: 2.56cqw;
  translate: 0 -100%;
}
@media all and (max-width: 896px) {
  .tourism-learn__tree {
    width: 9.55cqw;
    right: 5.97cqw;
  }
}
.tourism-learn__ttl {
  word-break: keep-all;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
}
@media all and (max-width: 896px) {
  .tourism-learn__ttl {
    font-size: 1.8rem;
  }
}
.tourism-learn__ttl .txt_large {
  font-size: 1.33em;
}
.tourism-learn__txt {
  line-height: 2.3;
  margin-top: 1.28cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__txt {
    margin-top: 16px;
  }
}
.tourism-learn__third {
  padding-top: 9.44cqw;
  padding-bottom: 20.94cqw;
  position: relative;
  z-index: 20;
}
.tourism-learn__third__img {
  position: absolute;
  width: 76.16cqw;
  top: 0;
  left: -21.28cqw;
}
@media all and (max-width: 896px) {
  .tourism-learn__third__img {
    position: static;
    width: 100%;
  }
}
.tourism-learn__third__item {
  width: 40cqw;
  margin-right: 0;
  margin-left: auto;
}
@media all and (max-width: 896px) {
  .tourism-learn__third__item {
    width: 100%;
    margin-top: 32px;
  }
}

.tourism-choose__wrapper {
  position: relative;
}
.tourism-choose__bg {
  width: 176.16cqw;
  position: absolute;
  top: -14.56cqw;
  left: -38.08cqw;
}
.tourism-choose__container {
  margin-top: 11.2cqw;
  position: relative;
  z-index: 10;
}
.tourism-choose__inner {
  margin-right: calc(50% - 50vw);
  margin-top: 80px;
  display: flex;
  align-items: center;
  gap: 32px 5.12cqw;
}
@media all and (max-width: 896px) {
  .tourism-choose__inner {
    margin-right: 0;
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.tourism-choose__inner + .tourism-choose__inner {
  margin-top: 50px;
}
.tourism-choose__inner.--reverse {
  margin-right: 0;
  margin-left: calc(50% - 50vw);
  flex-direction: row-reverse;
}
@media all and (max-width: 896px) {
  .tourism-choose__inner.--reverse {
    margin-left: 0;
    flex-direction: column;
    align-items: flex-end;
  }
}
.tourism-choose__contents {
  flex-shrink: 0;
  width: 51.2cqw;
}
@media all and (max-width: 896px) {
  .tourism-choose__contents {
    width: 100%;
  }
}
.tourism-choose__ttl {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media all and (max-width: 896px) {
  .tourism-choose__ttl {
    font-size: 1.8rem;
  }
}
.tourism-choose__ttl .txt_large {
  font-size: 1.33em;
}
.tourism-choose__txt {
  line-height: 2.3;
}
.tourism-choose__img {
  width: 56cqw;
}
@media all and (max-width: 896px) {
  .tourism-choose__img {
    width: 142vw;
  }
}

.tourism-curriculum__wrapper {
  position: relative;
}
.tourism-curriculum__bg {
  position: absolute;
  width: 175.76cqw;
  top: 2.4cqw;
  left: -36.64cqw;
}
.tourism-curriculum__bg01 {
  position: absolute;
  width: 72cqw;
  top: 60.8cqw;
  right: -48.96cqw;
}
.tourism-curriculum__bg02 {
  position: absolute;
  width: 66.24cqw;
  bottom: -27.2cqw;
  left: -40.4cqw;
}
.tourism-curriculum__container {
  margin-top: 13.6cqw;
  position: relative;
  z-index: 10;
}
.tourism-curriculum__first {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background: #1E7679;
  color: #fff;
  text-align: center;
  margin-top: 72px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__first {
    margin-top: 35.82cqw;
  }
}
.tourism-curriculum__first__ttl {
  font-size: 2.4rem;
  font-weight: 700;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__first__ttl {
    font-size: 1.8rem;
  }
}
.tourism-curriculum__first__dog {
  position: absolute;
  width: 10.32cqw;
  bottom: -0.4cqw;
  left: 16px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__first__dog {
    width: 20cqw;
    bottom: auto;
    top: -17.91cqw;
    left: 9.25cqw;
  }
}
.tourism-curriculum__first__enjoy {
  position: absolute;
  width: 21.92cqw;
  bottom: -0.8cqw;
  right: 24px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__first__enjoy {
    width: 45.07cqw;
    right: 5.37cqw;
    bottom: auto;
    top: -33.43cqw;
  }
}
.tourism-curriculum__inner {
  box-sizing: border-box;
  padding: 3.84cqw;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  margin-top: 26px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__inner {
    padding: 24px;
    margin-top: 20px;
  }
}
.tourism-curriculum__flex {
  display: flex;
  align-items: flex-start;
  gap: 24px 5.12cqw;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__flex {
    flex-direction: column-reverse;
  }
}
.tourism-curriculum__contents {
  flex-grow: 1;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__contents {
    width: 100%;
  }
}
.tourism-curriculum__ttl {
  text-align: center;
  color: #1E7679;
  font-weight: 700;
  line-height: 1.7;
  padding-bottom: 24px;
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 32px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__ttl {
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
}
.tourism-curriculum__ttl .txt_large {
  font-size: 2em;
}
.tourism-curriculum__txt {
  line-height: 2.3;
}
.tourism-curriculum__list {
  margin-top: 32px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__list {
    margin-top: 20px;
  }
}
.tourism-curriculum__list > li {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: 12px;
  padding-left: 34px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__list > li {
    font-size: 1.3rem;
    margin-top: 8px;
    padding-left: 26px;
  }
}
.tourism-curriculum__list > li::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url("../images/footprint.svg") center center/contain no-repeat;
  position: absolute;
  top: 3px;
  left: 0;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__list > li::before {
    width: 20px;
    height: 20px;
    top: 4px;
  }
}
.tourism-curriculum__list > li:first-of-type {
  margin-top: 0;
}
.tourism-curriculum__list > li .txt_large {
  font-size: 1.29em;
}
.tourism-curriculum__box {
  box-sizing: border-box;
  padding: 24px;
  background: #DEECED;
  border-radius: 10px;
  margin-top: 32px;
}
@media all and (max-width: 480px) {
  .tourism-curriculum__box {
    padding: 16px;
  }
}
.tourism-curriculum__box dt {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__box dt {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 480px) {
  .tourism-curriculum__box dt {
    width: 100%;
  }
}
.tourism-curriculum__box dt::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background: url("../images/mark_award.svg") center center/contain no-repeat;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__box dt::before {
    width: 40px;
    height: 40px;
  }
}
.tourism-curriculum__box dd {
  flex-grow: 1;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 20px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__box dd {
    font-size: 1.8rem;
    margin-top: 16px;
  }
}
@media all and (max-width: 480px) {
  .tourism-curriculum__box dd {
    width: 100%;
  }
}
.tourism-curriculum__box__list > li {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: 12px;
  padding-left: 34px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__box__list > li {
    font-size: 1.4rem;
    margin-top: 8px;
    padding-left: 26px;
  }
}
.tourism-curriculum__box__list > li::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url("../images/footprint_green.svg") center center/contain no-repeat;
  position: absolute;
  top: -1px;
  left: 0;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__box__list > li::before {
    width: 20px;
    height: 20px;
    top: 0;
  }
}
.tourism-curriculum__box__list > li:first-of-type {
  margin-top: 0;
}
.tourism-curriculum__box__list > li .txt_large {
  font-size: 1.29em;
}
.tourism-curriculum__note {
  margin-top: 32px;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__note {
    margin-top: 20px;
  }
}
.tourism-curriculum__note > li {
  position: relative;
  padding-left: 1em;
  line-height: 2.3;
}
.tourism-curriculum__note > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.tourism-curriculum__img {
  flex-shrink: 0;
  width: 45.6cqw;
}
@media all and (max-width: 896px) {
  .tourism-curriculum__img {
    width: 100%;
  }
}
.tourism-curriculum__img img {
  border-radius: 20px;
}

.tourism-access__container {
  margin-top: 13.6cqw;
}
@media all and (max-width: 896px) {
  .tourism-access__container {
    margin-top: 80px;
  }
}
.tourism-access__inner {
  margin-top: 80px;
}
@media all and (max-width: 896px) {
  .tourism-access__inner {
    margin-top: 40px;
  }
}
.tourism-access__ttl {
  word-break: keep-all;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
}
@media all and (max-width: 896px) {
  .tourism-access__ttl {
    font-size: 2.2rem;
  }
}
@media all and (max-width: 600px) {
  .tourism-access__ttl {
    word-break: normal;
    text-align: left;
  }
}
.tourism-access__ttl > span {
  display: inline-block;
  padding-bottom: 16px;
  border-bottom: 1px dashed #C6C6C6;
}
@media all and (max-width: 896px) {
  .tourism-access__ttl > span {
    padding-bottom: 12px;
  }
}
@media all and (max-width: 600px) {
  .tourism-access__ttl > span {
    display: block;
  }
}
.tourism-access__map {
  max-width: 900px;
  margin-inline: auto;
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .tourism-access__map {
    margin-top: 24px;
  }
}
.tourism-access__map img {
  width: 100%;
  max-width: none;
  border-radius: 20px;
}
.tourism-access__routemap {
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .tourism-access__routemap {
    margin-top: 24px;
  }
}

@media all and (max-width: 896px) {
  .tourism-contact {
    margin-top: 72px;
    position: relative;
  }
}
@media all and (max-width: 896px) {
  .tourism-contact::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 25.87vw);
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.tourism-contact__wrapper {
  max-width: 1720px;
  position: relative;
  z-index: 10;
}
.tourism-contact__container {
  margin-top: 20.58cqw;
  padding-bottom: 88px;
}
@media all and (max-width: 896px) {
  .tourism-contact__container {
    margin-top: 0;
    padding-top: 25.87vw;
    padding-bottom: calc(12px + 43.88cqw);
  }
}
.tourism-contact__bg {
  width: 141.57cqw;
  position: absolute;
  left: -29.71cqw;
  bottom: 0;
}
@media all and (max-width: 896px) {
  .tourism-contact__bg {
    width: 100vw;
    bottom: auto;
    top: 0;
    left: -20px;
  }
}
.tourism-contact__img01 {
  width: 26.63cqw;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 1367px) {
  .tourism-contact__img01 {
    left: -4cqw;
  }
}
@media all and (max-width: 896px) {
  .tourism-contact__img01 {
    left: 4.18cqw;
    width: 44.18cqw;
  }
}
.tourism-contact__img02 {
  width: 22.09cqw;
  position: absolute;
  bottom: 0;
  right: 4.65cqw;
}
@media all and (max-width: 1367px) {
  .tourism-contact__img02 {
    right: -5cqw;
  }
}
@media all and (max-width: 896px) {
  .tourism-contact__img02 {
    right: 3.88cqw;
    bottom: -10.15cqw;
    width: 48.06cqw;
  }
}
.tourism-contact__inner {
  position: relative;
  z-index: 20;
}
.tourism-contact__catch {
  word-break: keep-all;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #1E7679;
}
@media all and (max-width: 896px) {
  .tourism-contact__catch {
    font-size: 1.6rem;
  }
}
.tourism-contact__catch > span {
  display: inline-block;
  padding-bottom: 16px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-contact__catch > span {
    padding-bottom: 10px;
  }
}
.tourism-contact__catch > span::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url("../images/line_dot.svg") center left/auto 100% repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media all and (max-width: 896px) {
  .tourism-contact__catch > span::after {
    height: 4px;
  }
}
.tourism-contact__ttl {
  word-break: keep-all;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 2;
  color: #1E7679;
  margin-top: 6px;
}
@media all and (max-width: 896px) {
  .tourism-contact__ttl {
    font-size: 2.2rem;
    margin-top: 4px;
  }
}
.tourism-contact__ttl > span {
  display: inline-block;
  padding-bottom: 8px;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-contact__ttl > span {
    padding-bottom: 4px;
  }
}
.tourism-contact__ttl > span::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 6px;
  background: url("../images/line_dot.svg") center left/auto 100% repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media all and (max-width: 896px) {
  .tourism-contact__ttl > span::after {
    height: 4px;
  }
}
.tourism-contact__btn {
  width: 46.51cqw;
  margin-top: 26px;
  margin-inline: auto;
  position: relative;
}
@media all and (max-width: 896px) {
  .tourism-contact__btn {
    width: 100%;
    padding-bottom: 10.75cqw;
  }
}
.tourism-contact__btn__dog__left {
  position: absolute;
  width: 12.21cqw;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 896px) {
  .tourism-contact__btn__dog__left {
    width: 32.84cqw;
  }
}
.tourism-contact__btn__dog__right {
  position: absolute;
  width: 8.49cqw;
  bottom: 0;
  right: 1.8cqw;
}
@media all and (max-width: 896px) {
  .tourism-contact__btn__dog__right {
    width: 24.48cqw;
    right: 0;
  }
}
.tourism-contact__btn__contents {
  container-type: inline-size;
  width: 34.78cqw;
  margin-inline: auto;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
}
@media all and (max-width: 896px) {
  .tourism-contact__btn__contents {
    width: 100%;
    max-width: 600px;
  }
}
.tourism-contact__btn__link {
  text-align: center;
  padding: 3cqw;
  display: block;
  background: #FFF45E;
  border-radius: 9999px;
  border: 4px solid #fff;
  position: relative;
}
@media all and (max-width: 480px) {
  .tourism-contact__btn__link {
    padding: 5.97cqw;
  }
}
.tourism-contact__btn__link::after {
  content: "";
  display: block;
  width: 4.01cqw;
  height: 4.01cqw;
  background: url("../images/arrow_right.svg") center center/contain no-repeat;
  position: absolute;
  right: 6.69cqw;
  top: 50%;
  translate: 0 -50%;
}
@media all and (max-width: 480px) {
  .tourism-contact__btn__link::after {
    width: 7.16cqw;
    height: 7.16cqw;
  }
}
.tourism-contact__btn__en {
  font-family: "Caveat Brush", cursive;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 5.02cqw;
  letter-spacing: 0.1em;
  filter: drop-shadow(1px 1px #F83E50);
}
@media all and (max-width: 480px) {
  .tourism-contact__btn__en {
    font-size: 8.96cqw;
  }
}
.tourism-contact__btn__en > span {
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
.tourism-contact__btn__jp {
  font-size: 3.68cqw;
  color: #F83E50;
  font-weight: 900;
}
@media all and (max-width: 480px) {
  .tourism-contact__btn__jp {
    font-size: 6.57cqw;
  }
}