@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
/* CSS Document */

.swiper-location .swiper-wrapper{transition-timing-function:linear; }
.section-mv-image{opacity: 0;}


.section-model{overflow: hidden;width: 100%;background-color: #1a0b08;}
.swiper-container.swiper-design{ max-width: 1400px; overflow: visible;}
.swiper-model-item {max-width: 1400px;margin-left: auto;margin-right: auto;position: relative;}
.swiper-model-item-title {position: absolute;right: 1em;bottom: 0.5em;color: #FFF;font-size: 0.8em;letter-spacing: 0.15em;line-height: 1;white-space: nowrap;}
.swiper-design .swiper-slide{opacity: 0.1;transition: opacity 1s ease-out;}
.swiper-design .swiper-slide-active {opacity: 1;}
.slider-mv-arrow-left,
.slider-mv-arrow-right{width: 3em;height: 100%;position: absolute;top: 0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 2;cursor: pointer;}
.slider-mv-arrow-left:hover,
.slider-mv-arrow-right:hover{background-color: hsla(0, 0%, 0%,0.3);}
.slider-mv-arrow-left{left:0;}
.slider-mv-arrow-right{right:0;}
/**/
.swiper-design-thumbnail-item {opacity: 1;cursor: pointer;}
.swiper-slide-thumb-active {position: relative;}
.swiper-slide-thumb-active::after{position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;border: 0.2em solid #876900;z-index: 1;content: "";display: block;}
.swiper-design-thumbnail {padding: 1em 0;overflow: hidden;margin-left: 1em;margin-right: 1em;}

/*/////////////////////////////////////////////////////*/
.section-2 {
    padding: 4em 0;
    background-color: #FFF;
    /* background-color: #02676F;
    background-image: url("../images/modelroom/24.png"); */
    /* background-repeat: no-repeat; background-size:contain; background-position: right 50% top 0%; */
    background-image: url(../images/design/design_deco01.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top right;
}
/*/////////////////////////////////////////////////////*/
.article-1{padding: 2em;
    /* background-image: url("../images/modelroom/22.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; */
    /* color: #FFF; */
    color: #221815;
}
.article-1-inner{
    color: #221815;
}
    .article-1 h4{color: #7E6200;}

/*/////////////////////////////////////////////////////*/

/*幅複数ｆswiper用*/

.swiper-variable .swiper-wrapper{transition-timing-function:linear; }
.swiper-slide-square{height: 12em;width: 12em;}
.swiper-slide-portrait{height: 12em;width: 8em;}
.swiper-slide-lectangle{height: 12em;width: 20em;}
.swiper-variable-image{background-repeat: no-repeat; background-size: cover; background-position: right 50% top 50%;position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;}


@media (min-width: 768px) {
.swiper-design-thumbnail {margin-left: auto;margin-right: auto;}
.swiper-model-item-title {font-size: 1.4em;}
.swiper-slide-thumb-active::after{border: 0.4em solid #876900;}
/*/////////////////////////////////////////////////////*/
.article-1 {padding: 3em;}

}

.title-en{font-family: 'Josefin Sans',sans-serif;font-weight:400;font-size: 1.2rem;color:#221815;}