@charset "utf-8";@-webkit-keyframes intro{0%{opacity:0}100%{opacity:1}}@keyframes intro{0%{opacity:0}100%{opacity:1}}.con_intro{height:500px;width:100%;position:relative;background:url(../images/home/img_main.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;-webkit-animation:intro 3000ms;-webkit-animation-timing-function:ease-in;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards;animation:intro 3000ms ease-in 0ms 1 normal forwards}.con_intro ul{z-index:10}.con_intro #movie{display:none}@media only screen and (min-width: 768px){.con_intro{height:100vh;min-height:560px;overflow:hidden}.con_intro #movie{position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block}.con_intro #movie video{display:none;position:absolute;width:100%;top:0;left:0}}.con_info{padding-top:20px}.con_info h2{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1.8rem;letter-spacing:0.2ex;position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:inline-block}.con_info .con_event{padding:0px 15px 10px}.con_info .con_event li{margin-top:10px;line-height:1.5}.con_info .con_event li:first-child{margin-top:0}.con_info .con_event li:first-child a{background:#F2F2F2}.con_info .con_event li a{display:block;background:#ddd;text-align:center;position:relative;padding:15px 30px;font-size:4vw;font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif}.con_info .con_event li a .small{font-size:70%}.con_info .con_event li a:after{content:"";display:block;width:16px;height:16px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;top:50%;right:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width: 768px){.con_info{padding:70px 40px 0;width:1040px;margin:0 auto}.con_info h2{font-size:2.2rem}.con_info .con_event{padding:0px 0 10px;display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between}.con_info .con_event li{margin-top:0;width:100%}.con_info .con_event li a{padding:23px 35px;font-size:1.8rem;-webkit-transition:opacity 400ms ease-in-out 0ms;-moz-transition:opacity 400ms ease-in-out 0ms;-ms-transition:opacity 400ms ease-in-out 0ms;-o-transition:opacity 400ms ease-in-out 0ms;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease-in-out;transition-delay:0ms}.con_info .con_event li a:hover{opacity:0.7}.con_info .con_event li a:after{width:22px;height:22px;right:20px;margin-top:-11px}}.con_index>section{padding:5px 15px}.con_index>section .animation{position:relative;overflow:hidden}.con_index>section .animation:before{content:"";display:block;position:absolute;width:100%;height:100%;background:#fff;top:0;left:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0ms ease-in-out 300ms;-moz-transition:all 0ms ease-in-out 300ms;-ms-transition:all 0ms ease-in-out 300ms;-o-transition:all 0ms ease-in-out 300ms;transition-property:all;transition-duration:0ms;transition-timing-function:ease-in-out;transition-delay:300ms}.con_index>section .animation:after{content:"";display:block;position:absolute;width:100%;height:100%;background:#000;top:0;left:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 600ms ease-in-out 0ms;-moz-transition:all 600ms ease-in-out 0ms;-ms-transition:all 600ms ease-in-out 0ms;-o-transition:all 600ms ease-in-out 0ms;transition-property:all;transition-duration:600ms;transition-timing-function:ease-in-out;transition-delay:0ms}.con_index>section .animation.standby:before{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.con_index>section .animation.standby:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.con_index>section .con_link .btn{line-height:1.5;position:relative;padding-top:20px;letter-spacing:0.1ex;width:60px}.con_index>section .con_link .btn:before,.con_index>section .con_link .btn:after{content:"";display:block;background:#000;height:1px;position:absolute;top:20px}.con_index>section .con_link .btn:before{width:100%;left:0}.con_index>section .con_link .btn:after{width:10px;right:0;transform-origin:right top;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}.con_index>section.con_concept,.con_index>section.con_about,.con_index>section.con_feature{position:relative;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;width:100%}.con_index>section.con_concept h2,.con_index>section.con_about h2,.con_index>section.con_feature h2{font-size:1.8rem;letter-spacing:0.2ex;white-space:nowrap;position:relative;z-index:1}.con_index>section.con_concept .con_txt,.con_index>section.con_about .con_txt,.con_index>section.con_feature .con_txt{white-space:nowrap;letter-spacing:0.1ex;line-height:2.0;position:relative;z-index:1}.con_index>section.con_concept .con_link,.con_index>section.con_about .con_link,.con_index>section.con_feature .con_link{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.con_index>section.con_concept:after,.con_index>section.con_about:after{content:"";display:block;height:1px;width:50px;background:#000;position:absolute;left:50%;bottom:0;margin-left:-25px}.con_index>section.con_works,.con_index>section.con_flow{position:relative}.con_index>section.con_works h2,.con_index>section.con_flow h2{font-size:1.4rem;position:absolute;z-index:1;top:20vw;left:0}.con_index>section.con_works h2 a,.con_index>section.con_flow h2 a{color:#fff;background:#000;display:block;padding:0 20px}.con_index>section.con_concept{padding:40px 0 50vw}.con_index>section.con_concept h2{margin-right:45px}.con_index>section.con_concept .con_txt{margin-right:30px}.con_index>section.con_concept .con_link{position:absolute;bottom:50px;right:0;width:95%}.con_index>section.con_about{padding:40px 0 60vw}.con_index>section.con_about h2{margin-right:140px}.con_index>section.con_about .con_txt{margin-right:30px}.con_index>section.con_about .con_link{width:95%;position:absolute;bottom:50px;left:0}.con_index>section.con_about .con_link .btn{margin-left:15px;margin-left:-webkit-calc(100% - 60px);margin-left:calc(100% - 60px)}.con_index>section.con_about .img2{position:absolute;height:200px;top:0;right:0}.con_index>section.con_about .img2 img{height:100%}.con_index>section.con_feature{padding:40px 0 65vw}.con_index>section.con_feature h2{margin-right:45px}.con_index>section.con_feature .con_txt{margin-right:30px}.con_index>section.con_feature .con_link{width:95%;position:absolute;bottom:50px;right:0}.con_index>section.con_feature .img2{position:absolute;top:0;left:0;height:150px}.con_index>section.con_feature .img2 img{height:100%}.con_index>section.con_works h2 a{letter-spacing:0.4ex;text-indent:0.4ex}@media only screen and (min-width: 768px){.con_index{width:100%;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-justify-content:center;display:flex;flex-wrap:wrap;justify-content:center}.con_index>section{width:100%;min-width:1040px;padding:0}.con_index>section h2{position:absolute;font-size:2.2rem;letter-spacing:0.2ex;white-space:nowrap;z-index:1;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.con_index>section .con_link .btn{width:80px}.con_index>section .con_link .btn:after{width:15px}.con_index>section a{display:block;-webkit-transition:opacity 400ms ease-in-out 0ms;-moz-transition:opacity 400ms ease-in-out 0ms;-ms-transition:opacity 400ms ease-in-out 0ms;-o-transition:opacity 400ms ease-in-out 0ms;transition-property:opacity;transition-duration:400ms;transition-timing-function:ease-in-out;transition-delay:0ms}.con_index>section a:hover{opacity:0.7}.con_index>section.con_concept,.con_index>section.con_about,.con_index>section.con_feature{position:relative;display:block;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.con_index>section.con_concept h2,.con_index>section.con_about h2,.con_index>section.con_feature h2{position:absolute;font-size:2.2rem}.con_index>section.con_concept .con_txt,.con_index>section.con_about .con_txt,.con_index>section.con_feature .con_txt{position:absolute;z-index:1;line-height:2.5;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.con_index>section.con_concept:after,.con_index>section.con_about:after{width:76px;margin-left:-38px}.con_index>section.con_works,.con_index>section.con_flow{width:450px;min-width:0;margin:0 30px;padding:125px 0 110px}.con_index>section.con_works h2,.con_index>section.con_flow h2{font-size:1.6rem}.con_index>section.con_works h2 a,.con_index>section.con_flow h2 a{color:#fff;background:#000;display:block}.con_index>section.con_concept{padding:50px 0}.con_index>section.con_concept h2{right:50%;top:50px;margin-right:10px}.con_index>section.con_concept .con_txt{right:50%;top:50px;margin-right:145px}.con_index>section.con_concept .con_link{width:50%;padding-top:50px;margin-left:50%;position:relative;bottom:auto;right:auto}.con_index>section.con_concept .con_link img{width:100%}.con_index>section.con_about{padding:65px 0}.con_index>section.con_about h2{right:50%;top:65px;margin-right:122px}.con_index>section.con_about .con_txt{right:50%;top:65px;margin-right:-204px}.con_index>section.con_about .con_link{width:480px;padding-top:175px;position:relative;left:50%;margin:0 0 0 -480px;bottom:auto}.con_index>section.con_about .con_link .btn{margin-left:400px}.con_index>section.con_about .img2{position:absolute;height:auto;width:210px;left:50%;right:auto;margin-left:330px}.con_index>section.con_about .img2 img{height:auto}.con_index>section.con_feature{padding:130px 0}.con_index>section.con_feature h2{top:130px;left:50%;margin-left:198px;margin-right:auto}.con_index>section.con_feature .con_txt{top:130px;right:50%;margin-right:222px}.con_index>section.con_feature .con_link{width:413px;padding-top:60px;position:relative;left:50%;bottom:auto;margin-left:-162px}.con_index>section.con_feature .con_link .btn{margin-left:333px}.con_index>section.con_feature .img2{width:21.875%;height:auto}.con_index>section.con_feature .img2 img{height:auto;width:100%}.con_index>section.con_works h2{top:84px;right:30px;left:auto}.con_index>section.con_works h2 a{padding:34px 0}.con_index>section.con_flow h2{top:154px;left:30px}.con_index>section.con_flow h2 a{padding:28px 0}}
