@charset "UTF-8";
@import "../styles/vendors/swiper.min.css";
html,
body {
  position: relative;
  padding: 0;
  margin: 0;
}

.main-swiper {
  width: 100%;
  height: 60vh;
}

.thumbs-swiper {
  margin-top: 12px;
}

.thumbs-swiper .swiper-slide {
  opacity: 0.6;
  border: 2px solid #ffffff;
  cursor: pointer;
}

.thumbs-swiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #ffffff;
}

.thumbs-swiper img,
.main-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* サムネイル用の矢印を小さめに */
.thumbs-swiper .thumbs-prev,
.thumbs-swiper .thumbs-next {
  color: #fff;
  width: 32px;
  height: 32px;
  top: 55%;
}

.thumbs-swiper .thumbs-prev::after,
.thumbs-swiper .thumbs-next::after {
  font-size: 18px;
}

.tj__titleText {
  color: #fff;
  font-weight: bold;
  font-weight: 700;
  font-size: 20px;
  font-size: calc(20px + (32 - 20) * (100vw - 320px) / (1280 - 320));
  font-size: max( 20px , min( calc( 20px + ( ( 32 - 20 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 32px ) );
  font-size: clamp(20px, calc(20px + (32 - 20) * (100vw - 320px) / (1280 - 320)), 32px);
  min-height: 0vw;
  line-height: 1.7em;
}
.tj__diamond {
  position: relative;
  width: 100%;
  height: 26px;
}
.tj__diamond::after {
  content: "";
  background-image: url(../images/mark_gokaibisi_red.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 59px;
  height: 26px;
  position: absolute;
  top: -1.5px;
  left: 50%;
  transform: translateX(-50%);
}
.tj__descText {
  color: #fff;
}
.tj__sectionTriangle {
  position: relative;
  width: 100%;
  height: 50px;
}
.tj__sectionTriangle::after {
  content: "";
  display: block;
  width: 100px;
  height: 50px;
  position: absolute;
  top: -1.5px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #000;
}
.tj__header__fv {
  display: block;
  position: relative;
  z-index: 0;
}
.tj__header__imagePart {
  position: relative;
  z-index: 0;
}
.tj__header__titlePart {
  display: none;
}
.tj__header__languagePart {
  background-color: #fff;
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 96px;
  height: 30px;
}
.tj__header__languagePart::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background-image: url(../images/lang-mark.png);
  background-position: 50% 50%;
  background-size: contain;
}
.tj__header__languagePart__form {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 58px;
  height: 30px;
  border: none;
  background: none;
}
.tj__header__languagePart__select {
  width: 58px;
  height: 30px;
  border: none;
  background: none;
  font-weight: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.tj__header__languagePart__text {
  font-weight: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.tj__sliderPart {
  background-color: #000;
}
.tj__sliderPart__thumbsPart {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 110px;
  height: calc(110px + (170 - 110) * (100vw - 320px) / (1280 - 320));
  height: max( 110px , min( calc( 110px + ( ( 170 - 110 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 170px ) );
  height: clamp(110px, calc(110px + (170 - 110) * (100vw - 320px) / (1280 - 320)), 170px);
}
.tj__sliderPart__overWrap {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  width: calc(300px + (752 - 300) * (100vw - 320px) / (1280 - 320));
  width: max( 300px , min( calc( 300px + ( ( 752 - 300 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 752px ) );
  width: clamp(300px, calc(300px + (752 - 300) * (100vw - 320px) / (1280 - 320)), 752px);
  height: 35px;
  height: calc(35px + (96 - 35) * (100vw - 320px) / (1280 - 320));
  height: max( 35px , min( calc( 35px + ( ( 96 - 35 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 96px ) );
  height: clamp(35px, calc(35px + (96 - 35) * (100vw - 320px) / (1280 - 320)), 96px);
  overflow: hidden;
}
.tj__sliderPart__overWrapDesc {
  position: absolute;
  z-index: 20;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  width: calc(300px + (752 - 300) * (100vw - 320px) / (1280 - 320));
  width: max( 300px , min( calc( 300px + ( ( 752 - 300 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 752px ) );
  width: clamp(300px, calc(300px + (752 - 300) * (100vw - 320px) / (1280 - 320)), 752px);
  height: 35px;
  height: calc(35px + (96 - 35) * (100vw - 320px) / (1280 - 320));
  height: max( 35px , min( calc( 35px + ( ( 96 - 35 ) * ( 100vw - 320px ) ) / ( 1280 - 320 ) ) , 96px ) );
  height: clamp(35px, calc(35px + (96 - 35) * (100vw - 320px) / (1280 - 320)), 96px);
  overflow: hidden;
}
.tj__sliderPart__overWrapDesc p.p {
  color: #fff;
  line-height: 1.3em;
}
.tj__sliderPart__slider {
  position: relative;
  z-index: 0;
}
.tj__hintPart {
  background-color: #000;
  padding-bottom: 200px !important;
}
.tj__hintPart__button {
  display: inline-block;
  text-decoration: none;
  color: #fff !important;
}
.tj__linkPart__gridPart {
  display: grid;
}
@media (min-width: 769px) {
  .tj__linkPart__gridPart {
    grid-template-columns: 320px 320px;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .tj__linkPart__gridPart {
    grid-template-rows: auto;
    gap: 30px;
  }
  .tj__linkPart__gridPart .inner {
    margin: auto;
    max-width: 320px;
  }
}
.tj__linkPart__banner {
  display: block;
}
@media (min-width: 769px) {
  .tj__linkPart__tacToTal {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .tj__linkPart__tacToTal {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}/*# sourceMappingURL=styles__tsunagu-japan.css.map */