.video-filter{z-index:2}.hero-inner{z-index:3}.top-scroll{z-index:4}.topBtn{z-index:99}header{background:rgba(255,255,255,0);position:absolute}header nav li:not(:last-child) a,header nav li:not(:last-child) a:visited{color:#fff}header nav li:not(:last-child) a::after{background:#fff}header nav li.active a,header nav li.active a:visited{color:#fff}header nav li.active a::after,header nav li.active a:visited::after{background:#fff}header .h_logo_top_fx{display:none}header.is-fixed{position:fixed;animation-name:header-anim;animation-duration:.7s;background:#fff}header.is-fixed nav li:not(:last-child) a,header.is-fixed nav li:not(:last-child) a:visited{color:#00003c}header.is-fixed nav li:not(:last-child) a:hover,header.is-fixed nav li:not(:last-child) a:visited:hover{color:#3caa3c}header.is-fixed nav li:not(:last-child) a::after{background:#00003c}header.is-fixed nav li.active a,header.is-fixed nav li.active a:visited{color:#3caa3c}header.is-fixed nav li.active a::after,header.is-fixed nav li.active a:visited::after{background:#3caa3c}header.is-fixed .h_logo_top_fx{display:block}header.is-fixed .h_logo_top{display:none}@keyframes header-anim{0%{margin-top:-100px}100%{margin-top:0}}.hero{width:100%;height:100vh;min-height:640px;margin:0 auto 0;padding:0;position:relative;background:#eee;overflow:hidden}.video-container{display:none;position:relative;width:100%;height:100%}.video-container video{min-width:100%;min-height:100%;position:absolute}@media (aspect-ratio: 16 / 9){video{width:100%;top:50%;transform:translateY(-50%)}}@media (max-aspect-ratio: 16 / 9){video{height:100%;left:50%;transform:translateX(-50%)}}.video-filter{position:absolute;background:url(../video/video_ov_b.png);opacity:.4;width:100%;height:100%;left:0;top:0}.hero-inner{display:none;position:absolute;width:70%;max-width:500px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.hero-inner h2{margin-bottom:10%}#play_video{width:102px;height:102px;position:relative;margin:0 auto}#play_video a{display:block}#play_video img.play_btn{width:24px;height:26px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}#play_video img.round_txt{width:102px;height:102px;animation:rotate-anime 12s linear infinite}@keyframes rotate-anime{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.top-scroll{position:absolute;bottom:0;right:50%;transform:translateX(-50%)}.top-scroll p{padding-top:60px;position:relative}.top-scroll p span:first-child{position:absolute;top:0;left:50%;width:1px;animation:sdb 1.8s infinite;background:#fff;z-index:11}.top-scroll p span:nth-of-type(2){position:absolute;top:0;left:50%;width:1px;height:60px;background:rgba(255,255,255,0)}.top-scroll p span.scroll-txt{display:block;position:absolute;top:-25px;left:50%;transform:translate(-50%, 0);color:#fff;font-size:1.2rem;letter-spacing:1px}@keyframes sdb{0%{height:0}50%{height:100%;opacity:1}100%{opacity:0}}.wrapper{max-width:1080px;width:90%;margin:0 auto;padding:8.5rem 0}main{padding-top:12rem}section h3{max-width:556px}section h3:hover{opacity:.8}.top-wrapper{background-repeat:no-repeat;background-position:top center;background-size:100% auto;padding-top:10rem;margin-bottom:8.5rem}.top-wrapper .top-greeting{text-align:center;margin-bottom:8.5rem}.top-wrapper .top-greeting h4{font-size:3rem;margin-bottom:2rem}.top-wrapper .top-greeting p{margin:0 auto;width:90%;max-width:920px}.top-wrapper h3{margin:0 auto 6rem}.top-wrapper .top-childs{position:relative;width:90%;max-width:920px;margin:0 auto 8.5rem}.top-about{background-image:url("../img/top/top-about-bg.jpg")}.top-about .wrapper{background:#ebebeb url("../img/top/top-about-bg2.png") no-repeat center 2rem;background-size:50% auto;padding-top:12rem}.top-about .top-greeting p{max-width:500px}.top-about .c-first{padding-top:5rem}.top-about .c-first h4{font-size:2rem;margin-bottom:2rem}.top-about .rev .tf-l{left:auto;right:0}.top-about .rev .tf-r{padding:4rem;margin:0 auto auto 0}.top-about .tf-l{width:95%;max-width:660px;position:absolute;left:0;top:0;height:auto;z-index:-1}.top-about .tf-r{width:70%;max-width:416px;background:#fff;padding:4rem;margin:0 0 auto auto}.top-about .num{font-size:5rem;color:#3caa3c;font-family:'exotic_agent', sans-serif;font-weight:normal;line-height:1;display:block;margin-bottom:2.4rem}.top-about .num span{display:inline;position:relative}.top-about .num span::after{content:'';width:100%;height:1px;background:#3caa3c;position:absolute;bottom:-.4rem;left:0}.top-services{background-image:url("../img/top/top-serv-bg.jpg")}.top-services .wrapper{background:#ebebeb}.top-services .c-second a{display:block;margin-bottom:2rem}.top-services .c-second a:hover{opacity:.8}.top-services ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.top-services ul li{width:calc( 33.33% - 4rem /3)}.top-services ul li:not(:nth-child(3)){margin-right:2rem}section.top-works{padding-top:0;background:none}section.top-works h3{margin-bottom:3rem}section.top-works .wrapper{padding:0;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start}section.top-works .wrapper div{width:calc( 33.33% - 6rem /3);font-weight:bold;font-size:2rem;text-decoration:none;color:#fff;display:block;transition:opacity .5s}section.top-works .wrapper div span{display:block;font-weight:normal;font-size:1.6rem}section.top-works .wrapper div:not(:nth-child(3n)){margin-right:3rem}.top-company{padding:6rem 0;margin-bottom:0}.top-company .wrapper{background:#ebebeb url("../img/top/top-com-bg.jpg") no-repeat center center/cover}.top-company h3{margin:0 auto}.top-contact{padding-top:0;margin-bottom:0;background:url("../img/top/top-contact-bg.jpg") no-repeat center center/cover}.top-contact .wrapper{max-width:920px}.top-contact h3{max-width:376px;margin:0}.top-contact h3:hover{opacity:1}.top-contact p{color:#fff;font-size:2rem}.top-contact .f-box-l{width:45%}.top-contact .f-box-r{width:50%;text-align:center}.top-contact .f-box-r .f-tel{border-bottom:1px solid #fff;margin-bottom:3rem}.top-contact .f-box-r .f-mail{margin-bottom:2rem}.top-contact .f-box-r img{display:block;max-width:500px;margin:2rem 0 3rem}.top-contact .more-btn a{width:100%;max-width:initial}.top-contact .more-btn span{display:flex;justify-content:center;align-items:center}.top-contact .more-btn span::before{content:'';background:url("../img/common/h_mail.svg") no-repeat center center/contain;width:20px;height:15px;margin-right:1rem}.top-contact .more-btn span::after{content:'';position:absolute;bottom:.5rem;right:.5rem;border-top:1.6rem solid transparent;border-right:1.6rem solid #fff}@media screen and (max-width: 870px){header{padding:2rem 0}header .h-inner{padding:0 1rem}header nav li:not(:last-child) a,header nav li:not(:last-child) a:visited{color:#00003c}header nav li:not(:last-child) a:hover,header nav li:not(:last-child) a:visited:hover{color:#00003c}.menu_btn{color:#fff}.menu_btn:before,.menu_btn:after{background:#fff}.menu_btn.close{color:#121212}.menu_btn.close:before,.menu_btn.close:after{background:#121212}header.is-fixed{padding:1.3rem 0}header.is-fixed .menu_btn{color:#121212}header.is-fixed .menu_btn:before,header.is-fixed .menu_btn:after{background:#121212}header.is-fixed .menu_btn.close{color:#121212}header.is-fixed .menu_btn.close:before,header.is-fixed .menu_btn.close:after{background:#121212}.top-scroll{display:none}.hero{min-height:375px}main{padding-top:6rem}.top-wrapper{padding-top:6rem;margin-bottom:6rem}.top-wrapper h3{margin:0 auto 3rem}}@media screen and (max-width: 600px){header{position:relative}main{padding-top:4rem}section h3{width:90%}.hero-inner{max-width:300px}#play_video{width:80px;height:80px}#play_video img.play_btn{width:22px;height:22px}#play_video img.round_txt{width:80px;height:80px}.top-wrapper{margin-bottom:6rem;padding-top:4rem}.top-wrapper .top-greeting{text-align:left;margin-bottom:3rem}.top-wrapper .top-greeting h4{font-size:2rem}.top-wrapper .top-childs{width:100%;margin:0 auto 4rem}.top-about{background-image:url("../img/top/top-about-bg_sp.jpg")}.top-about .wrapper{background-size:90% auto;padding-top:8.5rem}.top-about .top-greeting h4{text-align:center;width:90%;margin:0 auto 2rem}.top-about .c-first{padding-top:0}.top-about .c-first h4{font-size:2rem}.top-about .rev .tf-r{padding:2rem;margin:-2rem auto 0}.top-about .tf-l{width:100%;position:relative}.top-about .tf-r{width:90%;padding:2rem;margin:-2rem auto 0}.top-about .num{margin-bottom:2rem}.top-services{background-image:url("../img/top/top-serv-bg_sp.jpg")}.top-services ul{display:block}.top-services ul li{width:100%}.top-services ul li:not(:nth-child(3)){margin-right:0}section.top-works .wrapper{display:block}section.top-works .wrapper div{width:100%;display:block;margin-bottom:3rem}section.top-works .wrapper div img{margin-bottom:1rem}section.top-works .wrapper div:not(:nth-child(3n)){margin-right:0}.top-company{margin-bottom:0;padding:4rem 0}.top-company h3{margin-bottom:0}.top-contact{margin-bottom:0}.top-contact h3{margin:0 auto 2rem;max-width:400px}.top-contact .f-box{display:block}.top-contact .f-box-l{width:100%}.top-contact .f-box-r{width:100%}.top-contact .f-box-r .f-mail{margin-bottom:2rem}}