@charset "UTF-8";
.lb-hero{max-width:1140px;max-height:500px;margin:0 auto;position:relative;display:flex;flex-wrap:wrap}
.lb-hero .lb-copy.left-justify{transform:translate(-10%,-50%);left:0;top:50%;z-index:10;max-width:440px;text-align:left}
.lb-hero .num{position:absolute;font-size:160px;left:-120px;top:-120px;z-index:-1;display:block;color:#f2f2f2;font-family:'EB Garamond'}
.lb-copy{max-width:450px;position:absolute;background:#fff;padding:35px 50px 45px}
.index-box .right-pic{text-align:right;position:relative;overflow:hidden;margin-left:160px;transition:.7s ease-out;-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;-ms-transition:.7s ease-out;-o-transition:.7s ease-out;max-width:700px}
.index-box .lb-hero:hover .right-pic{transform:scale(0.95)}
.index-box .right-pic span{position:relative}
.index-box .right-pic img{transition:.7s ease-out;-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;-ms-transition:.7s ease-out;-o-transition:.7s ease-out}
.index-box .lb-hero:hover .right-pic img{transform:scale(1.2)}
.txt_big{font-size:45px;color:#303030;padding:0;margin:0}
.txt_p{color:#3a3a3a;font-size:13px;margin:25px 0 10px;line-height:25px;letter-spacing:1px;z-index:2;height:105px;text-align:left;overflow:hidden}
.txt_p span{display:block;overflow:hidden}
.txt_link{padding:10px 0 0;position:relative}
.txt_link a:before{content:'';width:3%;height:1px;background:#6d6d6d;position:absolute;left:0;top:18px;transition:all .3s ease}
.txt_link a:hover:before{width:10%;background:#facc16}
.txt_link a{font-size:14px;letter-spacing:.14em;color:#6d6d6d;padding-left:20px;transition:all .3s ease}
.txt_link a:hover{padding-left:50px;color:#facc16}
.txt_p1{color:#a2a2a2;font-size:13px;line-height:25px;letter-spacing:1px;margin-bottom:10px;font-weight:700;letter-spacing:2px;padding-left:5px}
.t:before{width:35px;height:1px;position:relative;content:'';display:block;background-color:#a2a2a2;top:14px;left:110px}
.b{padding-left:55px}
.textBlock small{color:#444;font-family:'Montserrat';font-weight:lighter;font-size:18px;letter-spacing:1px}
.index-box{position:relative;margin:0 auto;display:flex}
.txt_p .tool{color:#a2a2a2;padding-top:8px}
.top_title{position:relative;margin:0 auto}
.top02_title{position:absolute;left:0;right:0;margin:0 auto;text-align:center;top:40.6vh;z-index:1}
.top02_title .text{line-height:1.5}
.top02_title .style02 .st02{letter-spacing:.1em;font-size:14px;color:#8c8c8c;padding-top:0;margin:50px auto 0;position:relative;max-width:200px}
.top02_title .style02 .st02:hover{color:#4c4c4c}
.top02_title .style02 .st02:after{content:'';width:90%;height:100%;z-index:-1;position:absolute;bottom:0;margin:0 auto;background:#f3f3f3;left:0;right:0;transition:all .3s ease}
.top02_title .style02 .st02:hover:after{height:1px}
.top02_title .style01.text{font-family:'Roboto',serif;font-size:20px;letter-spacing:2px}
.top02_title .style02 .big-txt{font-size:68px;font-family:'EB Garamond',serif;letter-spacing:.05em}
.top02_title .style02 .txt2{margin:0 20px;font-weight:100;font-style:normal}
.top-messages{text-align:center;font-size:15px;letter-spacing:.145em;line-height:1.87;left:0;right:0;margin:0 auto;position:relative;transition:opacity 1s 1.5s ease-in;overflow:hidden;max-width:500px}
.top-messages span{display:block;overflow:hidden}
.top-messages span>span{display:block}
.top-messages > span:nth-child(2){transition:transform .8s .2s ease-in-out}
.top-messages > span:nth-child(2) >span{transition:transform .8s .2s ease-in-out}
.top-messages > span:nth-child(3){transition:transform .8s .3s ease-in-out}
.top-messages > span:nth-child(3) >span{transition:transform .8s .3s ease-in-out}
.top-messages > span:nth-child(4){transition:transform .8s .4s ease-in-out}
.top-messages > span:nth-child(4) >span{transition:transform .8s .4s ease-in-out}
body:not(.loaded) .top-messages span{transform:translate3d(-100%,0,0)}
body.loaded .top-messages > span{transform:translate3d(0%,0,0)}
body.loaded .top-messages > span > span{transform:translate3d(0%,0,0)}
.right-pic .block{width:100%;height:100%;background:#000;position:absolute;display:flex;z-index:5;left:0}
.fp-completely .right-pic .block{animation:mainBlock 1s cubic-bezier(0.74,0.06,0.4,0.92) forwards}
@keyframes mainBlock {
0%{width:100%;left:0}
100%{width:0;left:100%}
}
.grey-box:before{width:100%;height:100%;content:'';display:block;background-color:#f5f3f0}
.grey-box{padding-top:39.5vh;display:block;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;z-index:-1}
body.loaded .grey-box{-webkit-transform:scaleX(1);transform:scaleX(1)}
section.end .pic{display:block;position:absolute;top:12.5vh;right:0;left:0;line-height:0;padding:0;transition:transform .5s .2s ease-in-out;transform:scale(0);width:35%;margin:0 auto}
section.end.fp-completely .pic{transform:scale(1)}
@media all and (max-width:1440px) {
.top02_title .style02 .big-txt{font-size:50px}
.top02_title{top:43vh}
section.end .pic{width:60%}
}
@media all and (max-width:1023px) {
.lb-hero .lb-copy.left-justify{transform:translate(20%,-50%)}
.index-box .right-pic{max-width:600px}
.lb-copy{padding:25px 35px 35px}
.lb-hero .num{font-size:100px;left:-80px;top:-50px}
.txt_big{font-size:28px}
.txt_p{margin-top:12px}
.txt_p1{line-height:14px}
.right-pic .block{display:none}
section.end .pic{width:30%;top:0;position:relative;transform:scale(1)}
}
@media all and (max-width:769px) {
.top02_title .style02 .big-txt{font-size:35px}
.top02_title .style02 .txt2{display:block;margin:0}
.top02_title .text{line-height:1.25}
.top-messages{font-size:11px;letter-spacing:.075em}
.top02_title{top:60vh}
.top02_title .style02 .st02{margin-top:20px}
.txt_p{height:inherit}
section.end .pic{width:60%}
}
@media all and (max-width:680px) {
.lb-copy{padding:30px}
.lb-hero .lb-copy.left-justify{top:0;transform:translate(5%,10%)}
.index-box .right-pic{margin:0}
.lb-hero .num{font-size:70px;left:10px;top:-10px}
.textBlock small{font-size:14px;text-align:center;position:relative;display:block}
}
@media all and (max-width:500px) {
.lb-hero .lb-copy.left-justify{position:relative;transform:translate(0%,0%);max-width:inherit;width:100%}
.lb-copy{padding:10px 5px}
.lb-hero .num{top:0;font-size:60px;left:5px}
.slide-right{padding-left:75px}
.txt_big{font-size:23px}
.txt_p1{line-height:4px;padding:0}
.txt_p{margin:8px 0 0;letter-spacing:.3px}
.grey-box{display:none}
.top02_title{top:50vh}
}