.l-body[data-page="index"] .l-main{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;overflow:hidden}.l-body[data-page="index"] .l-main.zoom-in:before,.l-body[data-page="index"] .l-main.zoom-in:after{animation:zoom-in 0.5s forwards linear}.l-body[data-page="index"] .l-main.zoom-in:before{left:-20%;transform-origin:left center}.l-body[data-page="index"] .l-main.zoom-in:after{right:-20%;transform-origin:right center}.l-body[data-page="index"] .l-main.zoom-in *{animation:fade-out 0.5s forwards linear}.l-body[data-page="index"] .l-main:before,.l-body[data-page="index"] .l-main:after{content:'';background:url('../img/index/bg.jpg?1535103243') no-repeat;max-width:50%;position:absolute;top:0;bottom:0;transition:ease-in all 0.5s}.l-body[data-page="index"] .l-main:before{background-position:left center;left:0}.l-body[data-page="index"] .l-main:after{background-position:right center;right:0}.l-body[data-page="index"] .l-content{position:relative;z-index:1}.l-body[data-page="index"] .site-title,.l-body[data-page="index"] .greeting,.l-body[data-page="index"] .slogan{line-height:1.5em}.l-body[data-page="index"] .greeting{letter-spacing:2px}.l-body[data-page="index"] .slogan,.l-body[data-page="index"] .btn-link{letter-spacing:1px}.l-body[data-page="index"] .btn-link{position:relative;box-sizing:border-box;overflow:hidden}.l-body[data-page="index"] .btn-link .text{position:relative;z-index:1}.l-body[data-page="index"] .btn-link img{width:100%;position:absolute;top:0;left:0;z-index:0}.l-body[data-page="index"] .arrival-ani{position:fixed;top:50%;left:50%;z-index:1;pointer-events:none;animation:fade-out 0.3s 0.7s forwards linear}.l-body[data-page="index"] .arrival-ani img{width:100%}@keyframes sweep-light{0%, 100%{transform:translateX(0) rotate(-45deg)}25%, 74.9%{transform:translateX(-400px) rotate(-45deg)}75%{transform:translateX(400px) rotate(-45deg)}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes zoom-in{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}@media screen and (min-width: 1001px){.l-body[data-page="index"] .l-main:before,.l-body[data-page="index"] .l-main:after{background-size:966px auto !important;width:483px}.l-body[data-page="index"] .site-title{font-size:64px}.l-body[data-page="index"] .greeting{font-size:36px}.l-body[data-page="index"] .slogan{font-size:26px}.l-body[data-page="index"] .btn-link{margin-top:40px;width:232px;height:64px;font-size:24px;line-height:64px}.l-body[data-page="index"] .btn-link .text{padding-left:16px}}@media screen and (min-width: 1001px) and (max-height: 680px){.l-body[data-page="index"] .site-title{font-size:48px}.l-body[data-page="index"] .greeting{font-size:28px}.l-body[data-page="index"] .slogan{font-size:20px}}@media screen and (min-width: 740px) and (min-height: 414px){.l-body[data-page="index"] .l-main{height:calc(100vh - 160px);border:20px solid #897f72}.l-body[data-page="index"] .site-title,.l-body[data-page="index"] .greeting,.l-body[data-page="index"] .slogan{text-shadow:10px 0 10px #FFF,-10px 0 10px #FFF,0 10px 10px #FFF,0 -10px 10px #FFF,20px 0 20px #FFF,-20px 0 20px #FFF,0 20px 20px #FFF,0 -20px 20px #FFF}.arrival-ani{margin:-540px 0 0 -960px;width:1920px;height:1080px}}@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px){.l-body[data-page="index"] .l-main{background-size:cover}.l-body[data-page="index"] .l-main:before,.l-body[data-page="index"] .l-main:after{background-size:calc(100vw - 40px) auto;width:calc(50vw - 20px)}.l-body[data-page="index"] .site-title{font-size:48px}.l-body[data-page="index"] .greeting{font-size:27px}.l-body[data-page="index"] .slogan{font-size:20px}}@media screen and (max-width: 1000px){.l-body[data-page="index"] .btn-link{margin-top:30px;width:174px;height:48px;font-size:18px;line-height:48px}.l-body[data-page="index"] .btn-link .text{padding-left:12px}}@media screen and (device-width: 375px) and (orientation: landscape){.l-body[data-page="index"] .l-main{height:calc(100vh - 80px);border:10px solid #897f72;transition:ease-in all 0.3s}.l-body[data-page="index"] .l-main:before,.l-body[data-page="index"] .l-main:after{background-size:calc(100vw - 20px) auto !important;width:50%}.l-body[data-page="index"] .site-title,.l-body[data-page="index"] .greeting,.l-body[data-page="index"] .slogan{text-shadow:10px 0 10px #FFF,-10px 0 10px #FFF,0 10px 10px #FFF,0 -10px 10px #FFF}.l-body[data-page="index"] .site-title{font-size:32px}.l-body[data-page="index"] .greeting{font-size:18px}.l-body[data-page="index"] .slogan{font-size:13px}.arrival-ani{margin:-50vh 0 0 -88.89vh;width:177.78vh;height:100vh}}@media screen and (max-width: 739px){.l-body[data-page="index"] .l-main{height:calc(100vh - 80px);border:10px solid #897f72;transition:ease-in all 0.3s}.l-body[data-page="index"] .l-main:before,.l-body[data-page="index"] .l-main:after{background-size:calc(100vw - 20px) auto !important;width:50%}.l-body[data-page="index"] .site-title,.l-body[data-page="index"] .greeting,.l-body[data-page="index"] .slogan{text-shadow:10px 0 10px #FFF,-10px 0 10px #FFF,0 10px 10px #FFF,0 -10px 10px #FFF}.l-body[data-page="index"] .site-title{font-size:32px}.l-body[data-page="index"] .greeting{font-size:18px}.l-body[data-page="index"] .slogan{font-size:13px}.arrival-ani{margin:-50vh 0 0 -88.89vh;width:177.78vh;height:100vh}}@media screen and (max-width: 374px){.l-body[data-page="index"] .site-title{font-size:28px}}@media screen\0{.l-body[data-page="index"] .btn-link{background:url('../img/index/bg-btn.png?1535103227') 0 0 no-repeat}.l-body[data-page="index"] .btn-link:before,.l-body[data-page="index"] .btn-link:after{content:'';background:url('../img/index/light.png?1535103226') center center no-repeat;width:176px;height:48px;position:absolute;top:0;animation:sweep-light 3s infinite linear}.l-body[data-page="index"] .btn-link:before{left:0;opacity:0.4}.l-body[data-page="index"] .btn-link:after{left:100%;opacity:0.2}.l-body[data-page="index"] .btn-link img{opacity:0}.arrival-ani{display:none}}@supports (-ms-ime-align: auto){.l-body[data-page="index"] .btn-link{background:url('../img/index/bg-btn.png?1535103227') 0 0 no-repeat}.l-body[data-page="index"] .btn-link:before,.l-body[data-page="index"] .btn-link:after{content:'';background:url('../img/index/light.png?1535103226') center center no-repeat;width:176px;height:48px;position:absolute;top:0;animation:sweep-light 3s infinite linear}.l-body[data-page="index"] .btn-link:before{left:0;opacity:0.4}.l-body[data-page="index"] .btn-link:after{left:100%;opacity:0.2}.l-body[data-page="index"] .btn-link img{opacity:0}.arrival-ani{display:none}}