@charset "UTF-8";
.wrapper {
  width: 1000px;
  margin: 0 auto;
}


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

  .wrapper {
    width: 100%;
    padding: 0 4%;
  }

}



.lead-contents h3.lead-txt {
  text-align: center;
  color: #806721;
  font-size: 2.6rem;
  margin-bottom: 30px;

  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .lead-contents h3.lead-txt {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}



.lead-contents .lead-box {
  text-align: center;
  font-size: 1.8rem;

}
.lead-contents .lead-box p{
	text-align: center;
    line-height: 2;
    margin-bottom: 50px;/*ie 対応ここから*/
}

@media screen and (max-width: 768px) {
  .lead-contents .lead-box p{
	font-size: 1.3rem;
    margin-bottom: 20px;/*ie 対応ここから*/
}
}


.object-fit-img {
    object-fit: contain;
    font-family: 'object-fit: contain;'
}

/*ここまで*/

.sub__lead p.min {
    font-size: 1.8rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",
        serif;
}

.sub__lead div.img {
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .sub__lead p.min {
        font-size: 1.4rem;
    }

    .sub__lead div.img {
        margin-bottom: 20px;
    }

    .sub__lead div.img img {
        width: 40%;
    }
}

.modelroom__attention {
    margin: 50px auto 130px;
}

.modelroom__attention p {
    font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
    .modelroom__attention {
        margin: 20px auto 50px;
    }


}


/* モーダル部分 */
.modelroom__modal {}

.modelroom__modal .slick-dots {
    bottom: 10px;
}

@media screen and (max-width: 768px) {
    .modelroom__modal .slick-dots {
        bottom: 5px;
    }

    .modelroom__modal .slick-dotted.slick-slider {
        margin-bottom: 20px;
    }
}

.modelroom__modal .slick-dots li button:hover:before,
.modelroom__modal .slick-dots li button:focus:before,
.modelroom__modal .slick-dots li button:before {
    opacity: 0.5;
}

.modelroom__modal .slick-dots li.slick-active button:before {
    color: #00893f;
    opacity: 1;
}


.gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gallery-list li {
    margin-bottom: 20px;
}

.gallery-list li a {
    display: inline-block;
}

.gallery-list li a img:hover {
    opacity: 0.8;
}

.gallery-list li {
    position: relative;
}

.gallery-list li::after {
    display: inline-block;
    content: "";
    background: url(../images/modelhouse/icon-search.png) 0 0 no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    right: 0;
}



.gallery-list02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gallery-list02 li {

}

.gallery-list02 li a {
    display: inline-block;
}

.gallery-list02 li a img:hover {
    opacity: 0.8;
}

.gallery-list02 li {
    position: relative;
}

/*.gallery-list02 li::after {
    display: inline-block;
    content: "";
    background: url(../images/modelhouse/icon-search.png) 0 0 no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    right: 0;
}*/



[data-gallery="00"] img {
    width: 1000px;
    height: 520px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="00"] img {
        width: 100%;
        height: auto;
        object-fit: inherit;
    }
}

[data-gallery="01"] img {
    width: 555px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="01"] img {
        width: calc(555 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="02"] img {
    width: 425px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="02"] img {
        width: calc(425 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="03"] img {
    width: 425px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="03"] img {
        width: calc(425 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="04"] img {
    width: 555px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="04"] img {
        width: calc(555 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="05"] img,
[data-gallery="06"] img,
[data-gallery="07"] img {
    width: 320px;
    height: 480px;
    object-fit: cover;
}

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

    [data-gallery="05"] img,
    [data-gallery="06"] img,
    [data-gallery="07"] img {
        width: calc(320 / 1000 * 90vw);
        height: calc(480 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="08"] img {
    width: 1000px;
    height: 520px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="08"] img {
        width: 100%;
        height: auto;
        object-fit: inherit;
    }
}

[data-gallery="09"] img {
    width: 320px;
    height: 360px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="09"] img {
        width: calc(320 / 1000 * 90vw);
        height: calc(360 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="10"] img {
    width: 660px;
    height: 360px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="10"] img {
        width: calc(660 / 1000 * 90vw);
        height: calc(360 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="11"] img {
    width: 555px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="11"] img {
        width: calc(555 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="12"] img {
    width: 425px;
    height: 370px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="12"] img {
        width: calc(425 / 1000 * 90vw);
        height: calc(370 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="13"] img {
    width: 320px;
    height: 360px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="13"] img {
        width: calc(320 / 1000 * 90vw);
        height: calc(360 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="14"] img {
    width: 320px;
    height: 360px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="14"] img {
        width: calc(320 / 1000 * 90vw);
        height: calc(360 / 1000 * 90vw);
        object-fit: cover;
    }
}

[data-gallery="15"] img {
    width: 320px;
    height: 360px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    [data-gallery="15"] img {
        width: calc(320 / 1000 * 90vw);
        height: calc(360 / 1000 * 90vw);
        object-fit: cover;
    }
	
}

@media screen and (max-width: 768px) {
  .lead-contents .lead-box {
    font-size: 1.3rem;
  }
}