@charset "UTF-8";
/* *** common variables *** */
/* break point */
/* hover style */
/* *** mixins *** */
/* *** common variables *** */
/* break point */
/* hover style */
/* color */
/* One-Tone */
/* Two-Tone */
/* break point */
/* hover */
/*
@include mixins.pc-layout {
}
@include mixins.sp-layout {
}
*/
/* *** 共通 *** */
.txt-mincho {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.txt-mincho.txt-500 {
  font-weight: 500;
}
.txt-mincho.txt-bold {
  font-weight: 700;
}

/* スクロールフェードイン共通 */
@media (min-width: 769px) {
  .scroll-fade {
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .scroll-fade {
    transition: opacity 1s ease-out, transform 1s ease-out;
    opacity: 0;
    transform: translateX(0);
  }
}
@media (min-width: 769px) {
  .scroll-fade.fade-left {
    transform: translateX(-80px);
  }
}
@media (max-width: 768px) {
  .scroll-fade.fade-left {
    transform: translateX(-50px);
  }
}
@media (min-width: 769px) {
  .scroll-fade.fade-right {
    transform: translateX(80px);
  }
}
@media (max-width: 768px) {
  .scroll-fade.fade-right {
    transform: translateX(50px);
  }
}
.scroll-fade.in-view {
  opacity: 1;
  transform: translateX(0);
}

/* *** 個別エリア *** */
.cmn-mv-section.cardetail-mv {
  background-image: none;
}

@media (min-width: 769px) {
  .cmn-mv-section {
    padding-block-start: 5%;
  }
}
@media (max-width: 768px) {
  .cmn-mv-section {
    padding-block-start: 10%;
  }
}
.cmn-mv-section.cardetail-mv {
  position: relative;
}
@media (min-width: 769px) {
  .cmn-mv-section.cardetail-mv {
    background-image: url(/trailseeker/top/images/img_top_mv_pc.webp);
    background-position: 50% 50%;
    min-height: 613px;
  }
}
@media (max-width: 768px) {
  .cmn-mv-section.cardetail-mv {
    background-image: url(/trailseeker/top/images/img_top_mv_sp.webp);
    min-height: 412px;
    aspect-ratio: 75/85;
  }
}
.cmn-mv-section.cardetail-mv .mv-txt-box {
  justify-content: center;
}
.cmn-mv-section.cardetail-mv .mv-txt-box .icn {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .cmn-mv-section.cardetail-mv .mv-txt-box .icn {
    width: 63.8%;
    min-width: 736px;
  }
}
@media (max-width: 768px) {
  .cmn-mv-section.cardetail-mv .mv-txt-box .icn {
    width: calc(100% - 32px);
    max-width: 640px;
  }
}
.cmn-mv-section.cardetail-mv .mv-txt-box .icn img.logo-white {
  filter: invert(100%) sepia(3%) saturate(364%) hue-rotate(84deg) brightness(118%) contrast(100%) drop-shadow(0px 0px 0px #ddd);
}
@media (min-width: 769px) {
  .lead-area h2.h2-lead {
    margin-block-end: 3rem;
    font-size: clamp(4rem, 0.071rem + 6.09vw, 7rem);
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .lead-area h2.h2-lead {
    margin-block-end: 2.4rem;
    font-size: clamp(2.25rem, 0.58rem + 7.12vw, 4rem);
    line-height: 1.4;
  }
}
@media (min-width: 769px) {
  .lead-area .lead {
    font-size: clamp(2rem, 0.185rem + 2.22vw, 2.8rem);
    line-height: 2.5;
  }
}
@media (max-width: 768px) {
  .lead-area .lead {
    font-size: clamp(1.4rem, 0.046rem + 4.07vw, 2rem);
    line-height: 2.2;
  }
}
@media (min-width: 769px) {
  .lead-area .lead-lg {
    font-size: clamp(2.8rem, 3.5398230088vw, 4rem);
    line-height: 3;
  }
}
@media (max-width: 768px) {
  .lead-area .lead-lg {
    margin-block-start: 2.4rem;
    font-size: clamp(2.4rem, 6.4vw, 3rem);
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .lead-area .note-list li {
    margin-block-start: 3rem;
    white-space: nowrap;
  }
}
@media (max-width: 375px) {
  .lead-area .note-list li {
    font-size: 3.2vw;
  }
}
.lead-area .border-txt {
  display: block;
  text-align: center;
  margin-inline: auto;
  width: fit-content;
  border: 1px solid #000;
}
@media (min-width: 769px) {
  .lead-area .border-txt {
    margin-block-start: 7.4rem;
    font-size: clamp(3.6rem, 4.4247787611vw, 5rem);
    line-height: 2;
    padding-inline: 6.4rem;
  }
}
@media (max-width: 768px) {
  .lead-area .border-txt {
    margin-block-start: 4rem;
    font-size: min(6.4vw, 3rem);
    line-height: 2;
    padding-inline: 3rem;
  }
}

.feature-area {
  position: relative;
}
@media (min-width: 769px) {
  .feature-area {
    margin-block-start: 15rem;
  }
}
@media (min-width: 769px) {
  .feature-area .img-feature {
    width: 88.5%;
    max-width: 1920px;
  }
}
@media (max-width: 768px) {
  .feature-area .img-feature {
    width: 94.7%;
  }
}
.feature-area .img-feature.img-front {
  margin-inline: auto 0;
}
.feature-area .img-feature.img-rear {
  margin-inline: 0 auto;
}

.special-movie-area .h2ttl {
  display: flex;
}
@media (min-width: 769px) {
  .special-movie-area .h2ttl {
    align-items: flex-end;
    gap: 4.6%;
  }
}
@media (max-width: 768px) {
  .special-movie-area .h2ttl {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (min-width: 769px) {
  .special-movie-area .h2ttl span:nth-child(1) {
    font-size: clamp(4.2rem, 5.3097345133vw, 6rem);
  }
}
@media (max-width: 768px) {
  .special-movie-area .h2ttl span:nth-child(1) {
    font-size: min(7.4666666667vw, 3.6rem);
  }
}
@media (min-width: 769px) {
  .special-movie-area .h2ttl span:nth-child(2) {
    font-size: clamp(2rem, 2.4778761062vw, 2.8rem);
    padding-block-end: 0.5rem;
  }
}
@media (max-width: 768px) {
  .special-movie-area .h2ttl span:nth-child(2) {
    font-size: min(4.2666666667vw, 2rem);
  }
}

.specifications-area .h2ttl {
  display: flex;
}
@media (min-width: 769px) {
  .specifications-area .h2ttl {
    align-items: flex-end;
    gap: 4.6%;
  }
}
@media (max-width: 768px) {
  .specifications-area .h2ttl {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (min-width: 769px) {
  .specifications-area .h2ttl span:nth-child(1) {
    font-size: clamp(4.2rem, 5.3097345133vw, 6rem);
  }
}
@media (max-width: 768px) {
  .specifications-area .h2ttl span:nth-child(1) {
    font-size: min(7.4666666667vw, 3.6rem);
  }
}
@media (min-width: 769px) {
  .specifications-area .h2ttl span:nth-child(2) {
    font-size: clamp(2rem, 2.4778761062vw, 2.8rem);
    padding-block-end: 0.5rem;
  }
}
@media (max-width: 768px) {
  .specifications-area .h2ttl span:nth-child(2) {
    font-size: min(4.2666666667vw, 2rem);
  }
}
.specifications-area .table-wrap table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #666;
}
@media (min-width: 769px) {
  .specifications-area .table-wrap table {
    font-size: clamp(1.4rem, 0.1415929204vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .specifications-area .table-wrap table {
    font-size: min(2.6666666667vw, 1.4rem);
  }
}
.specifications-area .table-wrap th {
  border: 1px solid #666;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 769px) {
  .specifications-area .table-wrap th {
    width: 21.05%;
    padding-block: 1.7rem;
    padding-inline: 2rem;
  }
}
@media (max-width: 768px) {
  .specifications-area .table-wrap th {
    width: 23%;
    padding-block: 0.8rem;
    padding-inline: 0.8rem;
  }
}
.specifications-area .table-wrap td {
  border: 1px solid #666;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 769px) {
  .specifications-area .table-wrap td {
    width: 19.3%;
    padding-block: 1.7rem;
  }
}
@media (max-width: 768px) {
  .specifications-area .table-wrap td {
    width: 18%;
    padding-block: 0.8rem;
  }
}
@media (min-width: 769px) {
  .specifications-area .note-list .txt {
    /* flex: none; */
  }
}
@media (min-width: 769px) {
  .specifications-area .note-list .mark {
    margin-inline-start: auto;
  }
}

.link-area ul {
  display: flex;
}
@media (min-width: 769px) {
  .link-area ul {
    max-width: 1000px;
    margin-inline: auto;
    gap: 2%;
  }
}
@media (max-width: 768px) {
  .link-area ul {
    flex-direction: column;
    width: 100%;
    gap: 2.9333333333vw;
  }
}/*# sourceMappingURL=top.css.map */