@charset "UTF-8";

[class*=swiper]:focus {
  outline: none;
}

.slide-media {
  position: relative;
  overflow: hidden;
}
.slide-media-img {
  width: 100%;
  aspect-ratio:62 / 27;
  object-fit:cover;
  object-position:center;
  max-height:100svh;
}
.mh-reserve.slide-media-img{
  height:60svh;
  object-fit:cover;
  object-position:top center;
}
@media screen and (max-width: 899px) {
  .slide-media-img {
    width: 100%;
    height: 100svh;
    object-fit: cover;
    object-position: center top;
    max-height:none;
    aspect-ratio: initial;
  }
  .mh-reserve.slide-media-img{
    height:100svh;
  }
}
@media screen and (max-width: 599px) {
  .front.slide-media-img { /*SP版ファーストビュー*/
    height: 80svh;
  }

  .concept.slide-media-img,
  .gallery.slide-media-img,
  .rb-house.slide-media-img,
  .land.slide-media-img,
  .after-int.slide-media-img,
  .wood.slide-media-img,
  .after.slide-media-img,
  .flow.slide-media-img,
  .zeh.slide-media-img,
  .inspectioncontact.slide-media-img,
  .aftercontact.slide-media-img,
  .kayabuki.slide-media-img,
  .dazaifu.slide-media-img,
  .company.slide-media-img,
  .mh.slide-media-img{
    height:calc(35svh - 103.61px);
    min-height:calc(275px - 103.61px);
    margin-top:103.61px;
  }

  .af-inter.slide-media-img{
    /*height:60svh;*/
    height:calc(68svh - 103.61px);
    min-height:calc(430px - 103.61px);
    margin-top:103.61px
  }
  .renovation.slide-media-img{
    height:calc(33svh - 103.61px);
    min-height:calc(275px - 103.61px);
    margin-top:103.61px;
  }
  .recruit.slide-media-img{
    height:45svh;
    margin-top:50px;
    min-height:calc(290px - 103.61px);
  }
  .sales.slide-media-img{
    height:28svh;
    /*margin-top:50px;*/
    margin-top:103.61px;
    min-height:calc(255px - 103.61px);
  }
  .technology.slide-media-img{
    height:28svh;
    /*margin-top:60px;*/
    margin-top:103.61px;
    min-height:calc(255px - 103.61px);
  }
  .mh-reserve.slide-media-img{
    height:calc(18svh - 103.61px);
    /*margin-top:90px;*/
    margin-top:103.61px;
    min-height:140px;
  }

  .comingsoon.slide-media-img{
    height:35svh;
  }
  
}

.kuro-touka,
.kuro-touka2{
  background:#000;
}
.kuro-touka .slide-media-img{
  opacity:0.8;
}
.kuro-touka2 .slide-media-img{
  opacity:0.6;
}
.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.mainvisual {
  position: relative;
}

.mainvisual .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none;
}

.mainvisual .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.slide-title {
  font-size: 1.7rem;
  line-height: 1.9;
  letter-spacing: 7px;
  color: #fff;
  font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align:justify;
  text-justify:inter-ideograph;
  word-spacing: 0.25em; /* 必要に応じて調整 */
}

@media only screen and (max-width: 899px) {
.slide-title {
  font-size: 1.7rem;
  line-height: 1.9;
  letter-spacing: 7px;
  color: #fff;
  font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  -webkit-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  white-space: nowrap;
  text-align:justify;
  text-justify:inter-ideograph;
  word-spacing: 0.25em; /* 必要に応じて調整 */
}
}


.slide-title .slide-title-kudoku{
  letter-spacing: -14px;
}
@media only screen and (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  .pc {
    display: none !important;
  }

}

@media only screen and (max-width: 899px) {

  .pc-tab {
    display: none !important;
  }

  .mainvisual .slide-title {
    font-size: 22px;
    /*left: 18%;
    top: 38%;*/
    margin-left: 0rem;
    /*transform: unset;*/
  }
}

@media only screen and (min-width: 1025px) {
  .tab-sp {
    display: none !important;
  }

  .swiper-button-prev::before, .swiper-button-next::before {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }

  .swiper-button-prev:hover::before, .swiper-button-next:hover::before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@media only screen and (min-width: 599px) {
  .sp {
    display: none !important;
  }
}

@media (max-width:599px){
  .slide-title{
    top:calc(50% + 105.13px - 50px);
  }
}