@charset "UTF-8";

.leadSect {
  text-align: left;
}


.leadSect__heading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}


@media screen and (min-width: 768px) {
  .leadSect__heading {
    gap: 22px;
  }
}

@media screen and (max-width: 768px) {
  .leadSect__heading {
    gap: 2.4rem;
  }
}

.leadSect__heading .en {
  color: #27c0b3;

}

@media screen and (min-width: 768px) {
  .leadSect__heading .en {
    font-family: "EB Garamond", serif;
    font-size: min(3.7svw,19px);
  }
}

@media screen and (max-width: 768px) {
  .leadSect__heading .en {
    font-size: 1.6rem;
  }
}

.leadSect__heading .ja {
  line-height: 1.5;
}

.leadSect__heading .ja:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.leadSect__heading .ja:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.leadSect__heading .ja:before, .leadSect__heading .ja:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media screen and (min-width: 768px) {
  .leadSect__heading .ja {
    font-size: min(4.2svw,24px);

  }
}

@media screen and (max-width: 768px) {
  .leadSect__heading .ja {
      font-size: min(4.2svw,24px);
      text-align:center;
  }
}


.leadSect__heading sup{
  font-size:min(2.8svw,14px);
}






.leadSect__txt {
  line-height:1.75;
}

.leadSect__txt:before {
  content: '';
  margin-top: calc((1 - 1.5) * .5em);
}

.leadSect__txt:after {
  margin-bottom: calc((1 - 1.5) * .5em);
}

.leadSect__txt:before, .leadSect__txt:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media screen and (min-width: 768px) {
  .leadSect__txt {
    font-size:min(3.2svw,16px);
    margin-bottom:40px;
  }
}

@media screen and (max-width: 768px) {
  .leadSect__txt {
     font-size:min(3.2svw,16px);
     margin-bottom:4rem;
  }
}

.leadSect__cont {
  position: relative;
}

@media screen and (min-width: 768px) {
  .leadSect__cont {
    margin:40px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .leadSect__cont {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}



@media screen and (min-width: 768px) {
  .leadSect__cont:before {
    width: 60px;
  }
}

@media screen and (max-width: 768px) {
  .leadSect__cont:before {
    width: 6rem;
  }
}


/* タブ切り替え(横100%の箇所) */
#tab-a-contents{display:none;}
#tab-a-contents.active{display:block;}





.inner{
  max-width:1240px;
  width:100%;
  margin:0 auto;
}


@media screen and (max-width: 768px) {
  .inner{
    padding:0 1rem;
  }
}


.leadSect_ldk{
  background:#4F5654;
  max-width: none;
  color:#fff;
  padding:80px 0 100px;
}

.leadSect_ldk .leadSect__cont:before {
  background-color: #fff;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
 
}
.leadSect_ldk .flex_box {
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:50px;
  gap:32px;
}
.leadSect_ldk figure{
  max-width: 738px;
  width: 100%;
  margin:0;
}

.leadSect_ldk .smallbnr{
  color:#fff;
  background:#27C0B3;
  position:absolute;
  top:15px;
  left:15px;
  font-size:min(3.7svw,19px);
  padding:8px 0;
  box-sizing: border-box;
  width:100px;
  text-align:center;
}

.leadSect_ldk h3{
  font-size:min(4.8svw,30px);
}
.leadSect_ldk .leadSect__cont{
  padding-top:40px;
}
.leadSect_ldk .leadSect__cont p{
  font-size:min(3.7svw,19px);
  line-height:calc(36.8 / 19);
}

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

.leadSect_ldk{
  padding:4rem 0 5rem;
}

.leadSect_ldk .leadSect__cont{
  padding-top:2rem;
}

.leadSect_ldk .flex_box {
  margin-bottom:2rem;
  gap:14px;
}

.leadSect_ldk .flex_box img{
  /* 矢印画像 */
  width:20px;
}
.leadSect_ldk .flex_box figure img{
  width:100%;
}
.leadSect_ldk h3{
  font-size: min(4.2svw, 24px)
}
.leadSect_ldk .leadSect__cont p{
  font-size: min(3.2svw, 16px);
  line-height:calc(36.8 / 19);
}


.leadSect_ldk .smallbnr{
  top:7px;
  left:7px;
  font-size:min(2.8svw,14px);
  padding:4px 0;
  width:70px;
}

}



figure{
  position:relative;
  margin:0;
  max-width:1100px;
  width:100%;
}

figure img{
  width:100%;
}
figcaption{
  position: absolute;
  right: 7px;
  bottom:7px;
  font-size:min(2.2svw,11px);
  color:#fff;
  text-shadow: 0 0 8px #000;

}

@media screen and (max-width: 768px) {
  figcaption{
    font-size:min(1.6svw,8px);
    right:5px;
    bottom:5px;
  }
}





.block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  background: #E2E0DA;
  padding: 4em 1em;
  margin-top: 1rem;
  width: 100%;
  position: relative;
}
/*.block::after {
  content: "";
  background: url(../imgs/pc/only-ico.png) 100% 100% / contain no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 1;
  position: absolute;
  bottom: -2em;
  left: 45%;
  right: 50%;
}*/
.block:last-child:after {
  background: none;
}
.bg-pink {
  background: #F5E5DE;
}

.cnt {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .cnt {
    justify-content: center;
  }
}
.tit-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .tit-wrap {
    padding-top: 1em;
  }
}
.left {
  min-width: 40%;
  width: calc((980px - 100%)* 1000);
  max-width: 100%;
}
.right {
  min-width: 50%;
  width: calc((980px - 100%)* 1000);
  max-width: 100%;
}
.left.full,.right.full {
  width: 90%;
}
.left.full {
  border-bottom: solid 1px #D37E86;
}


.tab-switch {
  display: flex;
  gap:30px;
  flex-wrap: wrap;
  max-width:1216px;
  width: 100%;
  gap: 24px 32px;
  margin: auto;
  padding-bottom: 0;
  padding-top:80px;
}

.tab-switch .tab-contents-wrap{
  max-width: 1100px;
  width:100%;
  margin:0 auto;
}

.tab-switch label {
  flex: 1 1 auto;
  order: -1;
  position: relative;
  padding: 1em 0;
  color: #27C0B3;
  text-align: center;
  cursor: pointer;
  transition:.3s all;
  font-size: min(3.2svw,16px);
  border:1px solid #27C0B3;
  max-width:280px;
  width:100%;
}
.tab-switch label .flex_box{
  display:flex;
  justify-content: center;
  gap:12px;
  align-items: center;
}
.tab-switch label > .flex_box > .jp{
  font-size:14px;
}
.tab-switch label > .flex_box > .en{
  font-size:12px;
}


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

.tab-switch {
  justify-content: center;
  }
}

@media screen and (max-width: 768px) {
.tab-switch{
  padding:60px 1rem 0;
  justify-content: space-between;
  gap: 15px 0;
}

.tab-switch  label {
  width: 100%;
  max-width:48%;
  }
  .tab-switch label .flex_box{
    flex-direction: column;
    gap:4px;
  }
}
.tab-switch label:hover,
.tab-switch label:has(:checked) {
    background-color: #27C0B3;
    color: #fff;
}
.tab-switch input {
    display: none;
}
.tab-switch > .tab-content {
    display: none;
}
.tab-switch label:has(:checked) + .tab-content {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
}
.planDetailBtnWrapper {
  padding: 40px 0 100px;
}







/* キャッチ注釈位置変更 */
.keyVisual__capIn {
  text-align:right;
}



@media screen and (min-width: 768px) {
  .modelroom-lead{
    padding: 56px 0 80px;

  }
}

@media screen and (max-width: 768px) {
  .modelroom-lead{
    padding: calc(4rem - 15px) 0 4rem; 
  }
}





.slider-main{
  width:100%;
  margin-bottom:24px;
}

.slider-thum img{
  width:100%;
}

.slider-thum .slick-track{
  position:relative;
  transform:unset!important;
  display:flex;
}
.slider-thum .slick-track li{
    background:#000;
}
.slider-thum .slick-track li img{
    opacity:0.4;
}
.slider-thum .slick-track li.slick-current img{
  opacity:1;
}

.slider-thum .slick-track li{
  width: 275px!important;
}

.slick-arrow{
  background: rgb(0 0 0 / 25%);
  z-index: 5;
  position:absolute;
  top: 45%;
  cursor:pointer;
}

.slick-arrow.prev{
  left:0;
}
.slick-arrow.next{
  right:0;
}


@media screen and (max-width: 768px) {
.slider-main{
  margin-bottom:10px;
}
  
  .slick-arrow{
    width:42px;
    top: 43%;
  }

}