@charset "UTF-8";.main{transition:transform 0.7s ease-in-out}.main-body{padding-top:6.1875em}@media (max-width:1024px){.main-body{padding-top:4em}}.section{position:relative;overflow:hidden}.section .deco-text{line-height:1.2;font-size:9.5em;color:#fff;text-shadow:-1px 0 #aaa,0 1px #aaa,1px 0 #aaa,0 -1px #aaa;opacity:0.7}@media (max-width:1400px){.section .deco-text{font-size:7.5em}}@media (max-width:1024px){.section .deco-text{font-size:5.625em}}@media (max-width:768px){.section .deco-text{font-size:14vw}}.section.eco-design{padding-top:6.5em;padding-bottom:3.75em}@media (max-width:768px){.section.eco-design{padding-top:5em}}@media (max-width:576px){.section.eco-design{padding-top:3.75em}}.section.eco-design .deco-text{position:absolute;top:0;right:-0.4736842105em}@media (max-width:1400px){.section.eco-design .deco-text{top:0.3333333333em}}@media (max-width:1024px){.section.eco-design .deco-text{top:0.8888888889em}}@media (max-width:768px){.section.eco-design .deco-text{top:60px}}@media (max-width:576px){.section.eco-design .deco-text{top:70px}}.section.design-trends{padding-top:3.75em;padding-bottom:5em}.section.design-trends .deco-text{position:absolute;top:0;right:-0.4736842105em}@media (max-width:1400px){.section.design-trends .deco-text{top:0.3333333333em}}@media (max-width:1024px){.section.design-trends .deco-text{top:0.8888888889em}}.section.diff-quality{padding-top:8.375em;padding-bottom:10em}@media (max-width:768px){.section.diff-quality{padding-top:12.5em;padding-bottom:7.5em}}@media (max-width:576px){.section.diff-quality{padding-top:9.5em;padding-bottom:5em}}.section.diff-quality .deco-text{position:absolute;top:0;right:-3.0263157895em;line-height:1}@media (max-width:768px){.section.diff-quality .deco-text{right:-0.6666666667em}}.main-bnr{position:relative}.main-bnr .thumb{max-width:1368px;display:block;position:relative;overflow:hidden}.main-bnr .thumb:after{content:"";display:block;padding-bottom:57.0175438596%}.main-bnr .thumb>img{display:block;position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:1000%;min-height:1000%;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(0.1)}@media (max-width:1024px){.main-bnr .thumb:after{padding-bottom:83.3333333333%}}.main-bnr .text-box{position:absolute;top:50%;right:3.5em;transform:translateY(-50%);padding:5em;background-color:rgba(71,127,144,0.74)}@media (max-width:768px){.main-bnr .text-box{max-width:calc(100% - 40px);position:relative;top:0;right:0;transform:none;margin:-6.25em auto 0;padding:2.5em 1.25em}}.gallery-list.gallery-list--1{display:flex;align-items:stretch;margin-left:-3.5em;margin-right:-3.5em}@media (max-width:1600px){.gallery-list.gallery-list--1{margin-left:-1.25em;margin-right:-1.25em}}@media (max-width:768px){.gallery-list.gallery-list--1{flex-wrap:wrap;align-items:flex-start}}.gallery-list.gallery-list--1 .thumb{display:block;position:relative;overflow:hidden}.gallery-list.gallery-list--1 .thumb:after{content:"";display:block;padding-bottom:147.9591836735%}.gallery-list.gallery-list--1 .thumb>img{display:block;position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:1000%;min-height:1000%;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(0.1)}.gallery-list.gallery-list--1 .text-box{position:relative;z-index:2;background-repeat:no-repeat;background-position:top 1.5em right 0}@media (max-width:1024px){.gallery-list.gallery-list--1 .text-box{padding-top:1.5em}}.gallery-list.gallery-list--1 .text-box .inner{display:inline-block;padding:2em 1.5em 0 0;background-color:#fff;margin-top:-3.5em;transition:all 0.3s ease-in-out}@media (max-width:1024px){.gallery-list.gallery-list--1 .text-box .inner{margin-top:0;padding:0 2em 0 0;background:none}}.gallery-list.gallery-list--1 .text-box .title{font-size:1.375em;letter-spacing:-0.04em;font-weight:600;color:#000}.gallery-list.gallery-list--1 .text-box .text{font-size:1em;font-weight:300;color:#555;letter-spacing:0;line-height:1.5;margin-top:1em}.gallery-list.gallery-list--1>.item{flex:1 0 33.3333333333%;max-width:33.3333333333%;padding-left:3.5em;padding-right:3.5em}@media (max-width:1600px){.gallery-list.gallery-list--1>.item{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width:768px){.gallery-list.gallery-list--1>.item{flex:1 0 50%;max-width:50%;font-size:0.875em}}@media (max-width:576px){.gallery-list.gallery-list--1>.item{font-size:0.75em}}.gallery-list.gallery-list--1 .link{display:block}@media (min-width:1024.02px){.gallery-list.gallery-list--1 .link:active .text-box .inner,.gallery-list.gallery-list--1 .link:focus .text-box .inner,.gallery-list.gallery-list--1 .link:hover .text-box .inner{margin-top:-4.25em}.gallery-list.gallery-list--1 .link:active .text-box .text,.gallery-list.gallery-list--1 .link:active .text-box .title,.gallery-list.gallery-list--1 .link:focus .text-box .text,.gallery-list.gallery-list--1 .link:focus .text-box .title,.gallery-list.gallery-list--1 .link:hover .text-box .text,.gallery-list.gallery-list--1 .link:hover .text-box .title{color:#0}.gallery-list.gallery-list--1 .link:active .mi-long-arrow-right,.gallery-list.gallery-list--1 .link:focus .mi-long-arrow-right,.gallery-list.gallery-list--1 .link:hover .mi-long-arrow-right{background-image:url(../images/icon/long_arrow_right.on.svg)}}.gallery-list.gallery-list--2 .link{display:block;width:100%;transform-origin:right center}.gallery-list.gallery-list--2 .thumb{display:block;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.2)}.gallery-list.gallery-list--2 .thumb:after{content:"";display:block;padding-bottom:127.2727272727%}.gallery-list.gallery-list--2 .thumb>img{display:block;position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:1000%;min-height:1000%;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(0.1)}.gallery-list.gallery-list--2 .text-box{padding:1em 0}.gallery-list.gallery-list--2 .text-box .title{font-weight:600;font-size:1.375em;letter-spacing:-0.02em;color:#000}@media (max-width:1024px){.gallery-list.gallery-list--2 .text-box .title{font-size:1.125em}}@media (max-width:768px){.gallery-list.gallery-list--2 .text-box .title{font-size:1em}}@media (max-width:576px){.gallery-list.gallery-list--2 .text-box .title{font-size:0.875em}}.eco-design .gallery-list--1 .item:first-child .text-box{background-image:url(../images/main/gallery_ico_1.svg);background-size:3.375em 2.5em}.eco-design .gallery-list--1 .item:first-child .link:active .text-box,.eco-design .gallery-list--1 .item:first-child .link:focus .text-box,.eco-design .gallery-list--1 .item:first-child .link:hover .text-box{background-image:url(../images/main/gallery_ico_1.on.svg)}.eco-design .gallery-list--1 .item:nth-child(2){padding-top:7.5em}@media (max-width:768px){.eco-design .gallery-list--1 .item:nth-child(2){padding-top:15em}}.eco-design .gallery-list--1 .item:nth-child(2) .text-box{background-image:url(../images/main/gallery_ico_2.svg);background-size:3.1875em 2.5em}.eco-design .gallery-list--1 .item:nth-child(2) .link:active .text-box,.eco-design .gallery-list--1 .item:nth-child(2) .link:focus .text-box,.eco-design .gallery-list--1 .item:nth-child(2) .link:hover .text-box{background-image:url(../images/main/gallery_ico_2.on.svg)}.eco-design .gallery-list--1 .item:nth-child(3){padding-top:15em}@media (max-width:768px){.eco-design .gallery-list--1 .item:nth-child(3){padding-top:0;margin-top:-5em}}.eco-design .gallery-list--1 .item:nth-child(3) .text-box{background-image:url(../images/main/gallery_ico_3.svg);background-size:2.125em 2.5em}.eco-design .gallery-list--1 .item:nth-child(3) .link:active .text-box,.eco-design .gallery-list--1 .item:nth-child(3) .link:focus .text-box,.eco-design .gallery-list--1 .item:nth-child(3) .link:hover .text-box{background-image:url(../images/main/gallery_ico_3.on.svg)}.trends-swiper .swiper-wrapper{align-items:center}.read-more-wrap{position:relative}.read-more-wrap .read-more{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:rgba(0,0,0,0.74);color:#fff;letter-spacing:-0.04em;font-size:1.125em;transition:all 0.3s ease-in-out}@media (min-width:1024.02px){.read-more-wrap:active .read-more,.read-more-wrap:focus .read-more,.read-more-wrap:hover .read-more{opacity:1}}.main-visual .item{position:relative}.main-visual .img-bx{display:block;position:relative;overflow:hidden}.main-visual .img-bx:after{content:"";display:block;padding-bottom:41.6666666667%}.main-visual .img-bx>img{display:block;position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:1000%;min-height:1000%;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(0.1)}.main-visual .txt-bx{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1em rgba(0,0,0,0.1);letter-spacing:-0.05em;line-height:1.3}.main-visual .txt-bx .text,.main-visual .txt-bx .title{transform:translateY(50px);opacity:0;transition:1000ms opacity,1000ms transform}.main-visual .swiper-slide-active .txt-bx .text,.main-visual .swiper-slide-active .txt-bx .title{transform:translateY(0);opacity:1}.main-visual .txt-bx .title{font-size:5em}.main-visual .txt-bx .text{margin-top:1em;font-size:1.875em;font-weight:300;transition-delay:300ms}@keyframes paginationAnim{0%{width:0}to{width:100%}}.main-visual .swiper-controls{padding-top:3.75em;padding-bottom:3.75em;background-color:#fff}@media (max-width:1024px){.main-visual .swiper-controls{padding-top:2.5em;padding-bottom:2.5em}}@media (max-width:768px){.main-visual .swiper-controls{padding-top:1.25em;padding-bottom:1.25em}}.main-visual .swiper-controls .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.main-visual .swiper-controls .swiper-pagination{position:static;transform:none;display:flex;align-items:center;margin-left:-1em;margin-right:-1em}@media (max-width:768px){.main-visual .swiper-controls .swiper-pagination{flex:1 0 100%;width:100%;margin-left:-0.5em;margin-right:-0.5em}}.main-visual .swiper-controls .swiper-pagination-bullet{flex:0 0 auto;width:auto;opacity:1;font-size:1em;line-height:1;font-weight:700;display:flex;align-items:center;border-radius:0;background:none;padding:1em}@media (max-width:768px){.main-visual .swiper-controls .swiper-pagination-bullet{padding:1em 0.5em}}.main-visual .swiper-controls .swiper-pagination-bullet .no{flex:0 0 auto;width:auto;color:#7e7e7e}.main-visual .swiper-controls .swiper-pagination-bullet .bar{position:relative;flex:0 0 7.5em;width:7.5em;height:2px;background-color:#b9b9b9;margin-left:1em}@media (max-width:1024px){.main-visual .swiper-controls .swiper-pagination-bullet .bar{flex:0 0 5em;width:5em}}@media (max-width:576px){.main-visual .swiper-controls .swiper-pagination-bullet .bar{flex:0 0 2.5em;width:2.5em}}.main-visual .swiper-controls .swiper-pagination-bullet .bar:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background-color:#000}.main-visual .swiper-controls .swiper-pagination-bullet-active .no{color:#000}.main-visual .swiper-controls .swiper-pagination-bullet-active .bar:before{animation:paginationAnim 5s linear 0s 1 alternate both}@media (max-width:1200px){.main-visual .img-bx:after{padding-bottom:66.6666666667%}}@media (max-width:768px){.main-visual .img-bx:after{padding-bottom:83.3333333333%}.main-visual .txt-bx{font-size:2.3vw}}.main-visual .swiper-pagination{position:absolute;bottom:3.125rem}@media (max-width:1024px){.main-visual .swiper-pagination{bottom:1.25rem}}.main-visual .swiper-button-group{display:flex;align-items:center;justify-content:center;margin-left:-1.125em;margin-right:-1.125em}@media (max-width:768px){.main-visual .swiper-button-group{margin-top:1.25em}}.main-visual .swiper-button{display:flex;align-items:flex-end;justify-content:center;padding-left:1.125em;padding-right:1.125em;font-weight:700;color:#333}.main-visual .swiper-button--prev i{margin-right:4px}.main-visual .swiper-button--next i{margin-left:4px}.main-video{position:relative;overflow:hidden}.main-video video{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:100%}.main-video:after{content:"";display:block;padding-bottom:50%}.main-video__bgm{position:absolute;left:0;top:0;z-index:-9999px;opacity:0;display:none}.main-video .sound-control{position:fixed;right:3.75em;top:calc(100px + 1.875em);z-index:100;width:3.125em;height:3.125em;background:#fff;border-radius:50%;box-shadow:0px 2px 4px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.main-video .sound-control__on{display:none}.main-video .sound-control.active .sound-control__off{display:none}.main-video .sound-control.active .sound-control__on{display:block}@media (max-width:1600px){.main-video .sound-control{right:20px}}@media (max-width:1024px){.main-video .sound-control{top:calc(60px + 1.25em);width:2.5em;height:2.5em}.main-video .sound-control img{width:22px}}.section-title{color:#000;font-size:2.75em;font-weight:700;letter-spacing:0.12em}@media (max-width:768px){.section-title{font-size:2.25em}}@media (max-width:576px){.section-title{font-size:2em}}.section-sub-title{color:#777;font-size:0.9375em;line-height:1.5333333333;letter-spacing:-0.02em}@media (max-width:576px){.section-sub-title{font-size:0.875em}}