@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
main {
  background-image: url(../images/top/t_bk.webp);
  background-size: cover;
  overflow-x: hidden;
}

.motif {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 90px auto;
  display: grid;
  grid-template-columns: repeat(3, 24px);
  gap: 5px;
}
@media (max-width: 768px) {
  .motif {
    margin: 30px auto;
    grid-template-columns: repeat(3, 12px);
    gap: 2px;
  }
}
.motif .square {
  aspect-ratio: 1/1;
}
.motif .square.square_01 {
  background-color: #008760;
}
.motif .square.square_02 {
  background-color: #e4c489;
}
.motif .square.square_03 {
  background-color: #004482;
}

.t_mv {
  position: relative;
}
.t_mv .text_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t_mv .text_wrap .title {
  font-size: clamp(1.9rem, -3.223rem + 6.923vw, 3.7rem);
  text-align: center;
  letter-spacing: 0.02em;
  margin-top: 100px;
}
@media (max-width: 1200px) {
  .t_mv .text_wrap .title {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .t_mv .text_wrap .title {
    margin-top: 70px;
  }
}
.t_mv .text_wrap .title .bg {
  font-size: clamp(2.6rem, -5.085rem + 10.385vw, 5.3rem);
}

.t_usp {
  background-color: #fff;
}
.t_usp_info {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .t_usp_info {
    padding: 25px 0;
  }
}
.t_usp_info .title {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .t_usp_info .title {
    margin-bottom: 15px;
  }
}
.t_usp_info .title_sub {
  color: #004482;
  font-size: clamp(1.8rem, -3.323rem + 6.923vw, 3.6rem);
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 55px;
}
@media (max-width: 768px) {
  .t_usp_info .title_sub {
    margin-bottom: 30px;
  }
}
.t_usp_info .title_sub::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #004482;
  position: absolute;
  bottom: 0;
  left: 0;
}
.t_usp_info .title_main {
  font-size: clamp(2.3rem, -4.246rem + 8.846vw, 4.6rem);
  letter-spacing: 0.2em;
  text-align: center;
}
.t_usp_info .btn {
  width: 360px;
  height: 63px;
  margin: 0 auto 20px;
  background-color: #e4c489;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  font-size: clamp(1.2rem, -0.508rem + 2.308vw, 1.8rem);
}
@media (max-width: 768px) {
  .t_usp_info .btn {
    width: 180px;
    height: 32px;
  }
}
.t_usp_info .btn a {
  width: 100%;
  height: 100%;
  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;
}
@media (hover: hover) {
  .t_usp_info .btn:hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
.t_usp_info .announce .p {
  letter-spacing: 0.2em;
  text-align: center;
}
.t_usp_info .announce .p.p_01 {
  font-size: clamp(1.5rem, -2.769rem + 5.769vw, 3rem);
  margin-bottom: 5px;
}
.t_usp_info .announce .p.p_02 {
  font-size: clamp(1.2rem, 0.062rem + 1.538vw, 1.6rem);
}

.t_intro {
  padding: 65px 0;
  background: url(../images/top/t_i_bk.webp);
  background-size: cover;
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .t_intro {
    padding: 30px 0;
    margin-bottom: 35px;
  }
}
.t_intro_top {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .t_intro_top {
    margin-bottom: 30px;
  }
}
.t_intro_top .motif {
  margin: 0 auto 25px;
  grid-template-columns: repeat(3, 48px);
  gap: 10px;
}
@media (max-width: 768px) {
  .t_intro_top .motif {
    margin: 0 auto 15px;
    grid-template-columns: repeat(3, 24px);
    gap: 5px;
  }
}
.t_intro_top .p {
  font-size: clamp(1.6rem, -2.385rem + 5.385vw, 3rem);
  font-family: "Figtree", sans-serif;
  font-weight: 200;
  letter-spacing: 0.075em;
  line-height: 1.05;
  text-align: center;
}
.t_intro .title {
  font-size: clamp(2.2rem, -2.923rem + 6.923vw, 4rem);
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .t_intro .title {
    margin-bottom: 25px;
  }
}
.t_intro .text {
  font-size: clamp(1.2rem, -1.077rem + 3.077vw, 2rem);
  line-height: 2.1;
  letter-spacing: 0.02em;
  text-align: center;
}
.t_intro .text.text_01, .t_intro .text.text_02, .t_intro .text.text_03 {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .t_intro .text.text_01, .t_intro .text.text_02, .t_intro .text.text_03 {
    margin-bottom: 15px;
  }
}
.t_intro .text .asterisk {
  font-size: clamp(0.8rem, 0.231rem + 0.769vw, 1rem);
  vertical-align: top;
}

.t_n_common_mv {
  width: 90%;
  display: grid;
}
.t_n_common_mv .text_wrap {
  text-align: center;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 45px;
}
@media (max-width: 1200px) {
  .t_n_common_mv .text_wrap {
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .t_n_common_mv .text_wrap {
    gap: 10px;
    margin-bottom: 20px;
  }
}
.t_n_common_mv .text_wrap .title_main {
  color: #008760;
  font-size: clamp(1.8rem, -1.615rem + 4.615vw, 3rem);
  font-family: "Figtree", sans-serif;
  font-weight: 200;
  line-height: 1.1;
  letter-spacing: 0.075em;
  margin-bottom: 55px;
}
@media (max-width: 1200px) {
  .t_n_common_mv .text_wrap .title_main {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .t_n_common_mv .text_wrap .title_main {
    margin-bottom: 15px;
  }
}
.t_n_common_mv .text_wrap .title_sub {
  font-size: clamp(1.6rem, -1.815rem + 4.615vw, 2.8rem);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.t_n_common_mv .text_wrap .title_sub .asterisk {
  font-size: 1rem;
  vertical-align: top;
  letter-spacing: 0;
}
.t_n_common_mv .text_wrap .text {
  font-size: clamp(1.2rem, -1.077rem + 3.077vw, 2rem);
  line-height: 2;
  letter-spacing: 0.08em;
}
.t_n_common_mv .img_wrap .img {
  width: 100%;
}
.t_n_common_mv .img_wrap.img_ani {
  overflow: hidden;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.t_n_common_mv .img_wrap.img_ani .img img {
  -webkit-filter: blur(8px) brightness(0.8);
          filter: blur(8px) brightness(0.8);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: -webkit-filter 1s ease, -webkit-transform 1s ease;
  transition: -webkit-filter 1s ease, -webkit-transform 1s ease;
  transition: filter 1s ease, transform 1s ease;
  transition: filter 1s ease, transform 1s ease, -webkit-filter 1s ease, -webkit-transform 1s ease;
}
.t_n_common_mv .img_wrap.img_ani.on .img img {
  -webkit-filter: blur(0) brightness(1);
          filter: blur(0) brightness(1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.t_n_common.t_a .t_a_mv {
  grid-template-columns: 56fr 70fr;
  margin: 0 0 60px auto;
}
@media (max-width: 1200px) {
  .t_n_common.t_a .t_a_mv {
    width: 95%;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto 60px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_mv {
    grid-template-columns: 1fr;
    margin-bottom: 25px;
  }
}
.t_n_common.t_a .t_a_mv .img_wrap.img_ani .img img {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_mv .img_wrap.img_ani .img img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.t_n_common.t_a .t_a_mv .img_wrap.img_ani.on .img img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.t_n_common.t_a .t_a_cnt {
  width: 80%;
  max-width: 880px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_cnt {
    width: 95%;
  }
}
.t_n_common.t_a .t_a_cnt .distance {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_cnt .distance {
    gap: 5px;
  }
}
.t_n_common.t_a .t_a_cnt .distance .detail {
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_cnt .distance .detail {
    margin-bottom: 30px;
  }
}
.t_n_common.t_a .t_a_cnt .distance .detail .text_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t_n_common.t_a .t_a_cnt .distance .detail .text_wrap .place {
  color: #fff;
  font-size: clamp(2.4rem, -5rem + 10vw, 5rem);
  font-family: "EB Garamond", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1;
}
.t_n_common.t_a .t_a_cnt .distance .detail .text_wrap .time {
  color: #fff;
  font-size: clamp(1.6rem, -3.808rem + 7.308vw, 3.5rem);
  font-family: "EB Garamond", serif;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.t_n_common.t_a .t_a_cnt .distance .detail .text_wrap .time .bg {
  font-size: clamp(3.6rem, -7.5rem + 15vw, 7.5rem);
}
.t_n_common.t_a .t_a_cnt .route {
  margin-bottom: 20px;
}
.t_n_common.t_a .t_a_cnt .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.t_n_common.t_a .t_a_cnt .list li .p {
  font-size: clamp(1.2rem, -1.646rem + 3.846vw, 2.2rem);
  letter-spacing: 0.2em;
}
@media (max-width: 768px) {
  .t_n_common.t_a .t_a_cnt .list li .p {
    letter-spacing: 0;
  }
}
.t_n_common.t_a .t_a_cnt .list li .p .bg {
  color: #004482;
  font-size: clamp(2rem, -4.831rem + 9.231vw, 4.4rem);
}
.t_n_common.t_l .t_l_mv {
  grid-template-columns: 70fr 56fr;
  margin: 0 auto 60px 0;
}
@media (max-width: 1200px) {
  .t_n_common.t_l .t_l_mv {
    width: 95%;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto 60px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_mv {
    grid-template-columns: 1fr;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_mv .text_wrap {
    grid-row: 1/2;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_mv .img_wrap {
    grid-row: 2/3;
  }
}
.t_n_common.t_l .t_l_mv .img_wrap.img_ani {
  -webkit-transform: translateX(-60px);
          transform: translateX(-60px);
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_mv .img_wrap.img_ani {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.t_n_common.t_l .t_l_mv .img_wrap.on {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.t_n_common.t_l .t_l_cnt {
  width: 80%;
  max-width: 870px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_cnt {
    width: 95%;
  }
}
.t_n_common.t_l .t_l_cnt .gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_cnt .gallery {
    gap: 5px;
    margin-bottom: 40px;
  }
}
.t_n_common.t_l .t_l_cnt .map {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .t_n_common.t_l .t_l_cnt .map {
    width: 100%;
  }
}
.t_n_common.t_p {
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .t_n_common.t_p {
    padding-bottom: 40px;
  }
}
.t_n_common.t_p .t_p_mv {
  grid-template-columns: 56fr 70fr;
  margin: 0 0 60px auto;
}
@media (max-width: 1200px) {
  .t_n_common.t_p .t_p_mv {
    width: 95%;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto 60px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_mv {
    grid-template-columns: 1fr;
    margin-bottom: 25px;
  }
}
.t_n_common.t_p .t_p_mv .text_wrap .title_sub {
  letter-spacing: 0.02em;
}
.t_n_common.t_p .t_p_mv .img_wrap.img_ani .img img {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_mv .img_wrap.img_ani .img img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.t_n_common.t_p .t_p_mv .img_wrap.img_ani.on .img img {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.t_n_common.t_p .t_p_cnt {
  width: 85%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt {
    width: 90%;
  }
}
.t_n_common.t_p .t_p_cnt .plan {
  display: grid;
  grid-template-columns: 38fr 53fr;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap {
    margin-bottom: 30px;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 {
    margin-bottom: 15px;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title {
  color: #004482;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title {
    text-align: center;
    margin-bottom: 10px;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title .type {
  font-size: clamp(3rem, -1.554rem + 6.154vw, 4.6rem);
  letter-spacing: 0.1em;
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title .type .bg {
  font-size: clamp(4rem, 0.015rem + 5.385vw, 5.4rem);
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title .floor {
  font-size: clamp(1.2rem, -1.077rem + 3.077vw, 2rem);
  letter-spacing: 0.1em;
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .title .floor .bg {
  font-size: clamp(2.6rem, -1.385rem + 5.385vw, 4rem);
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .area {
  font-size: clamp(1.2rem, 0.062rem + 1.538vw, 1.6rem);
  font-family: "Noto Serif", serif;
  font-weight: 300;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .area {
    text-align: center;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .area .bg {
  font-size: clamp(2rem, -1.415rem + 4.615vw, 3.2rem);
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_01 .area .mid {
  font-size: clamp(1.6rem, -1.246rem + 3.846vw, 2.6rem);
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .point {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .point {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .point {
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    margin-bottom: 15px;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .point .detail {
  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;
  background-color: #e6ddc9;
  aspect-ratio: 1/1;
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .point .detail .text {
  font-size: clamp(1.2rem, -0.508rem + 2.308vw, 1.8rem);
  font-family: "Noto Serif", serif;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_02 {
  width: 100%;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .plan .text_wrap .text_02 {
    text-align: center;
  }
}
.t_n_common.t_p .t_p_cnt .plan .text_wrap .text_02 .p {
  font-size: clamp(1.2rem, -0.508rem + 2.308vw, 1.8rem);
  line-height: 1.65;
  letter-spacing: 0.08em;
}
.t_n_common.t_p .t_p_cnt .layout_cap {
  width: 50%;
}
@media (max-width: 768px) {
  .t_n_common.t_p .t_p_cnt .layout_cap {
    width: 90%;
  }
}/*# sourceMappingURL=top.css.map */