.main{padding:200px 0 0}.top-images li{position:absolute;width:100%;height:100%;background-size:cover;-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}.top-images li:nth-child(1){background-position:50% 60%;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25)}.top-images li:nth-child(1).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(2){background-position:center;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-images li:nth-child(2).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(3){background-position:center;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-images li:nth-child(3).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan-text{position:absolute;top:50%;left:50%;color:#fff;line-height:1;font-size:1.5em;text-align:center;text-shadow:1px 1px 3px #111;text-transform:uppercase;z-index:5;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:opacity .6s .2s,-moz-transform .6s cubic-bezier(.65, .02, .23, 1) .2s;-o-transition:opacity .6s .2s,-o-transform .6s cubic-bezier(.65, .02, .23, 1) .2s;-webkit-transition:opacity .6s,-webkit-transform .6s cubic-bezier(.65, .02, .23, 1);-webkit-transition-delay:.2s,.2s;transition:opacity .6s .2s,transform .6s cubic-bezier(.65, .02, .23, 1) .2s}.top-slogan-text.show-text{opacity:1}section{padding:150px;margin:auto}.content{line-height:1.8}.opacity{display:none !important}.list{padding:150px 150px 0}.list-container{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.list-content{position:relative}.list-content:hover{color:#bfa26f;background:#1d1d1d;-moz-transition:color .6s,background .6s 1.2s;-o-transition:color .6s,background .6s 1.2s;-webkit-transition:color .6s,background .6s;-webkit-transition-delay:0s,1.2s;transition:color .6s,background .6s 1.2s}.list-content:hover:before{-moz-animation:LLb 1.2s linear;-webkit-animation:LLb 1.2s linear;animation:LLb 1.2s linear}.list-content:hover:after{-moz-animation:LLa 1.2s linear;-webkit-animation:LLa 1.2s linear;animation:LLa 1.2s linear}.list-content.active{color:#bfa26f;background:#1d1d1d;-moz-transition:color .6s,background .6s 1.2s;-o-transition:color .6s,background .6s 1.2s;-webkit-transition:color .6s,background .6s;-webkit-transition-delay:0s,1.2s;transition:color .6s,background .6s 1.2s}.list-content.active:before{-moz-animation:LLb 1.2s linear;-webkit-animation:LLb 1.2s linear;animation:LLb 1.2s linear}.list-content.active:after{-moz-animation:LLa 1.2s linear;-webkit-animation:LLa 1.2s linear;animation:LLa 1.2s linear}.list-content-residence,.list-content-commerce{cursor:pointer;position:relative;width:200px;padding:1px 15px 4px;margin:20px;text-align:center;border:solid 1px #333}.list-content-residence:before,.list-content-residence:after,.list-content-commerce:before,.list-content-commerce:after{content:"";position:absolute;background:#555}.list-content-residence:before,.list-content-commerce:before{top:-1px;right:-1px}.list-content-residence:after,.list-content-commerce:after{bottom:-1px;left:-1px}.list-content span{font-size:.75em}@-moz-keyframes LLb{0%{width:100%;height:1px}70%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}@-webkit-keyframes LLb{0%{width:100%;height:1px}70%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}@keyframes LLb{0%{width:100%;height:1px}70%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}@-moz-keyframes LLa{0%{width:100%;height:1px}60%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}@-webkit-keyframes LLa{0%{width:100%;height:1px}60%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}@keyframes LLa{0%{width:100%;height:1px}60%{width:1px;height:1px}85%{width:1px;height:100%;opacity:1}100%{width:1px;height:100%;opacity:0}}.gallery-container{position:relative;overflow:hidden}.gallery-content{position:relative}.gallery-content a{position:relative;margin:100px 0 200px;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.gallery-content a:nth-child(odd) .gallery-image:before{left:0}.gallery-content a:nth-child(even){-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.gallery-content a:nth-child(even) .gallery-image:before{right:0}.gallery-image{position:relative;width:55%}.gallery-image img{width:100%;-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.gallery-image:before{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:1;-moz-transform:scale(1.06, 1.06);-ms-transform:scale(1.06, 1.06);-webkit-transform:scale(1.06, 1.06);transform:scale(1.06, 1.06);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.gallery-image .image-ordinary{filter:grayscale(1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);-moz-transition:filter 1s ease-in-out;-o-transition:filter 1s ease-in-out;-webkit-transition:filter 1s ease-in-out;transition:filter 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.gallery-info{position:relative;width:45%;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.gallery-shadow{width:calc(100% + 30px);font-size:4em;mix-blend-mode:soft-light}a:nth-child(odd) .gallery-shadow{-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-webkit-transform:translateX(-30px);transform:translateX(-30px)}a:nth-child(even) .gallery-shadow{display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:end;align-items:end;-webkit-justify-content:end;justify-content:end}a:nth-child(even) .gallery-shadow p{width:-webkit-fill-available}.gallery-shadow p{color:#fff;padding:0 0 10px;margin:0 20px 18px;letter-spacing:.3em;line-height:1;border-bottom:solid 1px #333}.gallery-shadow .title-en{letter-spacing:.1em}.gallery-arrow{width:fit-content;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.gallery-arrow span{position:absolute;display:block}.gallery-arrow span:nth-child(1),.gallery-arrow span:nth-child(3){width:25px;height:1px;background:#fff}.gallery-arrow span:nth-child(1){margin:0 0 17px 0;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.gallery-arrow span:nth-child(2){width:110px;height:110px;border-bottom:solid 3px #fff;border-left:solid 2px #fff;border-right:solid 2px #fff;border-radius:50%}.gallery-arrow span:nth-child(3){margin:17px 0 0 0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.gallery-name{position:relative;padding:30px 20px;color:#ddd}a:nth-child(odd) .gallery-name{text-align:end}a:nth-child(even) .gallery-name{text-align:start}.gallery-name span{display:block}.gallery-info{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.gallery-info.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.gallery-image.show:before{width:0}@media screen and (max-width: 1100px){section{padding:0 100px}.list{padding:100px 100px 0}.gallery-shadow{font-size:3em}}@media screen and (min-width: 901px){.gallery-content a:nth-child(odd):hover .gallery-image .image-ordinary{filter:grayscale(0);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.gallery-content a:nth-child(odd):hover .gallery-info{-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-webkit-transform:translateX(-10%);transform:translateX(-10%)}.gallery-content a:nth-child(even):hover .gallery-image .image-ordinary{filter:grayscale(0);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.gallery-content a:nth-child(even):hover .gallery-info{-moz-transform:translateX(10%);-ms-transform:translateX(10%);-webkit-transform:translateX(10%);transform:translateX(10%)}}@media screen and (max-width: 900px){.gallery-container{overflow:visible}.gallery-shadow{font-size:2em}.gallery-content a:nth-child(odd){-webkit-flex-flow:column;flex-flow:column}.gallery-content a:nth-child(odd) .gallery-shadow{display:none}.gallery-content a:nth-child(odd) .gallery-name{text-align:center}.gallery-content a:nth-child(even){-webkit-flex-flow:column;flex-flow:column}.gallery-content a:nth-child(even) .gallery-shadow{display:none}.gallery-content a:nth-child(even) .gallery-name{text-align:center}.gallery-image{width:100%}.gallery-image:hover .image-ordinary{filter:grayscale(0)}.gallery-info{width:100%}.gallery-shadow{width:fit-content;margin:auto}.gallery-shadow p{margin:20px;color:unset}.gallery-arrow{width:auto}.gallery-arrow span:nth-child(1),.gallery-arrow span:nth-child(3){background:#ddd}.gallery-arrow span:nth-child(2){z-index:-1;border-bottom:solid 3px #e6e6e6;border-left:solid 2px #e6e6e6;border-right:solid 2px #e6e6e6}}@media screen and (max-width: 640px){section{padding:0 30px}.list{padding:100px 30px 0}.list-container{-webkit-flex-flow:column;flex-flow:column}.list-content-residence,.list-content-commerce{width:100%;padding:1px 0 4px;margin:5px 0}.gallery-content a{margin:50px 0}}