*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:0.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:0.35em 0.75em 0.625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:white;border:solid;color:black;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{margin:0}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}a{text-decoration:none}em,s,q,i,b,u,mark,address{font-style:normal}header,main,footer,aside,article,section,nav{display:block}select{background:url("../img/lp/select-arrow.png") right 15px center no-repeat #fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}html,body{width:100%;height:100%}html{font-size:62.5%}body{width:100%;margin:0 auto;color:#181b38;background:url("../img/bg.jpg") no-repeat;background-size:cover;color:#C8CCCD;font-family:"Helvetica Neue", Arial, "YuGothic","Yu Gothic","Hiragino Kaku Gothic ProN", "Hiragino Sans" , Meiryo, sans-serif;font-size:16px;-webkit-print-color-adjust:exact;line-height:2.0}body,h1{font-weight:400}h2,h3,h4,h5,h6{font-weight:700}a{transition:.3s;cursor:pointer}a:hover{opacity:.95;transition:.3s}header{width:100%}header .fv{width:100%;height:auto;margin:0 auto;position:relative;min-height:100vh;background:#181b38}@media screen and (max-height: 768px) and (min-width: 751px){header .fv{min-height:768px}}header .fv .fv_item{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;z-index:100}header .fv .fv_item img{height:100%;width:100%;object-fit:cover}header .fv .item01{opacity:1}header .fv .item02{animation:fv_fadein 6s linear 2.5s forwards}header .fv .item03{animation:fv_fadein 11s ease 7s forwards;opacity:0;height:100%;width:100%}header .fv .item03 .wrap-top_title{margin:auto;text-align:center;width:100%;max-width:598px;position:absolute;bottom:12vh;left:0;right:0;display:flex;flex-direction:column;align-items:center}@media screen and (max-height: 1080px) and (min-width: 751px){header .fv .item03 .wrap-top_title{max-width:490px;bottom:10vh}}@media screen and (max-height: 864px) and (min-width: 751px){header .fv .item03 .wrap-top_title{bottom:10vh}}@media screen and (max-height: 768px) and (min-width: 751px){header .fv .item03 .wrap-top_title{max-width:390px;bottom:8vh}}@media screen and (max-width: 750px){header .fv .item03 .wrap-top_title{max-width:490px;bottom:14vh;left:0;right:0}}@media screen and (max-width: 580px){header .fv .item03 .wrap-top_title{max-width:78vw;bottom:18vh}}header .fv .item03 .wrap-top_title img{width:100%;height:auto}header .fv .item03 .wrap-top_title h1{margin:0 auto 60px;text-align:center;width:100%;max-width:598px;opacity:0;animation:fv_fadein 3s ease 9.5s forwards}@media screen and (max-height: 1080px){header .fv .item03 .wrap-top_title h1{margin-bottom:30px}}@media screen and (max-height: 864px){header .fv .item03 .wrap-top_title h1{margin-bottom:20px}}@media screen and (max-width: 750px){header .fv .item03 .wrap-top_title h1{margin-bottom:30px}}@media screen and (max-width: 580px){header .fv .item03 .wrap-top_title h1{margin-bottom:20px}}header .fv .item03 .wrap-top_title .top_lead{text-align:center;width:100%;max-width:470px;opacity:0;animation:fv_fadein 3s ease 10s forwards}@keyframes fv_fadein{0%{z-index:100;opacity:0}30%{opacity:1;z-index:2000}100%{opacity:1}}@keyframes fv_fadeout{0%{z-index:1000;opacity:1}100%{opacity:1;z-index:100}}header nav.gNav{width:100%;max-width:200px;margin:0 auto;position:fixed}@media screen and (min-width: 751px){header nav.gNav{z-index:3000;top:50%;left:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}}@media screen and (max-width: 750px){header nav.gNav{background:rgba(10,17,52,0.8);width:100%;height:100vh;opacity:0;display:none;left:0;top:0;transition:opacity .6s ease, visibility .6s ease}header nav.gNav.active{opacity:1;z-index:4000;display:block}}header nav.gNav ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 750px){header nav.gNav ul{max-width:90%;height:100vh;margin:0 auto;justify-content:center;align-items:center}}header nav.gNav ul li{width:200px;margin-bottom:1.5em;text-align:left}header nav.gNav ul li.logo{margin:0 0 30px 10px}@media screen and (min-width: 751px){header nav.gNav ul li{opacity:0;z-index:100;position:relative}}@media screen and (max-width: 750px){header nav.gNav ul li{text-align:center;width:auto;transition:.4s all;margin-bottom:30px}header nav.gNav ul li.logo{margin:0 0 60px 0}}@media screen and (min-width: 751px){header nav.gNav ul li:nth-of-type(1){animation:nav_fadein 0.5s ease-out 9.5s forwards}header nav.gNav ul li:nth-of-type(2){animation:nav_fadein 0.5s ease-out 9.8s forwards}header nav.gNav ul li:nth-of-type(3){animation:nav_fadein 0.5s ease-out 10.1s forwards}header nav.gNav ul li:nth-of-type(4){animation:nav_fadein 0.5s ease-out 10.4s forwards}header nav.gNav ul li:nth-of-type(5){animation:nav_fadein 0.5s ease-out 10.7s forwards}}@keyframes nav_fadein{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{z-index:3100;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}header nav.gNav ul li a{display:block;text-align:left}@media screen and (max-width: 750px){header nav.gNav ul li a{text-align:center;display:inline}}header nav.gNav ul li a span{position:relative;padding-bottom:10px}@media screen and (max-width: 750px){header nav.gNav ul li a span{width:100%;padding-bottom:13px}}header nav.gNav ul li a span::after{content:"";width:0%;height:1px;background:#C8CCCD;position:absolute;left:0;bottom:0;transition:.3s}header nav.gNav ul li a span.active::after,header nav.gNav ul li a span:hover::after{width:100%;height:1px;transition:.3s}header nav.gNav ul li a span img{width:auto;max-height:13px}@media screen and (max-width: 750px){header nav.gNav ul li a span img{height:21px;max-height:inherit}}@media screen and (max-width: 480px){header nav.gNav ul li a span img{height:18px}}@media screen and (max-width: 750px){header nav.gNav{max-width:100%}header .menu-btn{width:38px;height:32px;cursor:pointer;display:block;transition:.3s;top:20px;right:20px;position:fixed;z-index:5000}header .menu-btn::before,header .menu-btn::after,header .menu-btn span{display:block;position:absolute;right:0;margin:auto;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;z-index:5}header .menu-btn::before{width:100%;content:"";top:0;border-top:2px solid #C8CCCD}header .menu-btn span{width:100%;height:2px;top:calc(50% - 1px);background-color:#C8CCCD}header .menu-btn::after{width:100%;content:"";bottom:0;border-bottom:2px solid #C8CCCD}}@media screen and (max-width: 750px) and (max-width: 750px){header .menu-btn::before{border-top:2px solid #C8CCCD}header .menu-btn span{background-color:#C8CCCD}header .menu-btn::after{border-bottom:2px solid #C8CCCD}}@media screen and (max-width: 750px){header .menu-btn.active{z-index:5000}header .menu-btn.active span{display:none;-webkit-transition:.25s;-moz-transition:.25s;transition:.25s}}@media screen and (max-width: 750px) and (max-width: 750px){header .menu-btn.active span{display:none}}@media screen and (max-width: 750px){header .menu-btn.active::before{width:100%;top:calc(50% - 0px);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #C8CCCD}}@media screen and (max-width: 750px) and (max-width: 750px){header .menu-btn.active::before{border-top:2px solid #C8CCCD}}@media screen and (max-width: 750px){header .menu-btn.active::after{width:100%;bottom:calc(50% - 1.5px);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid #C8CCCD}}@media screen and (max-width: 750px) and (max-width: 750px){header .menu-btn.active::after{border-bottom:2px solid #C8CCCD}}@media screen and (max-width: 750px) and (max-width: 750px){header .menu-btn.active+p{color:#C8CCCD}}main{width:100%}@media screen and (max-height: 860px) and (min-width: 751px){main{position:relative}}main section{width:100%;min-height:100vh;padding:110px 0;position:relative;background:url("../img/bg.jpg") no-repeat;background-size:cover}@media screen and (max-width: 1480px){main section{padding:110px 40px 60px 120px}}@media screen and (max-height: 860px) and (min-width: 751px){main section{min-height:1080px}}@media screen and (max-width: 750px){main section{min-height:100%;padding:60px 40px}}@media screen and (max-width: 640px){main section{padding:60px 20px}}@media screen and (max-width: 580px){main section{padding:40px 20px}}@media screen and (max-width: 480px){main section{padding:30px 20px}}@media screen and (max-width: 380px){main section{padding:20px 20px}}main section .wrapCon{width:100%;max-width:1000px;padding:0;margin:auto}@media screen and (max-width: 750px){main section .wrapCon{font-size:1.2rem;line-height:2.0}}main section .wrapCon h2.ttl{width:auto;text-align:center;padding-bottom:40px;margin-bottom:40px;position:relative}main section .wrapCon h2.ttl::after{content:"";background:#C8CCCD;width:12px;height:12px;position:absolute;bottom:0;left:0;right:0;margin:auto}main section .wrapCon h2.ttl img{height:17px}main section .wrapCon .btnZoom{text-align:center;display:none}@media screen and (max-width: 750px){main section .wrapCon .btnZoom{display:block}}main section .wrapCon .btnZoom a{font-size:1.2rem;width:136px;height:36px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#181b38;background:#C8CCCD}@media screen and (max-width: 380px){main section .wrapCon .btnZoom a{width:80%;height:auto;padding:0.3em}}main section .wrapCon .btnZoom a:hover{color:#C8CCCD;background:#4d4d4d}@media screen and (max-width: 580px){main section#about{padding-top:40px}}main section#about h2.ttl{margin-bottom:130px}@media screen and (max-height: 860px) and (min-width: 751px){main section#about h2.ttl{margin-bottom:70px}}@media screen and (max-width: 750px){main section#about h2.ttl{margin-bottom:70px}}@media screen and (max-width: 580px){main section#about h2.ttl{margin-bottom:40px}}main section#about .lead{max-width:600px;margin:0 auto 90px}@media screen and (max-height: 860px) and (min-width: 751px){main section#about .lead{margin-bottom:60px}}@media screen and (max-width: 750px){main section#about .lead{margin-bottom:40px}}main section#about .lead img{width:100%}main section#about .wrapTxt{text-align:center}@media screen and (max-width: 750px){main section#about .wrapTxt{text-align:left}}main section#about .wrapTxt p{margin-bottom:60px;line-height:2.3;letter-spacing:0.1em}main section#about .wrapTxt p:last-of-type{margin-bottom:0}@media screen and (max-width: 750px){main section#about .wrapTxt p{margin-bottom:30px}main section#about .wrapTxt p br{display:none}main section#about .wrapTxt p br.br{display:block}}main section#solution .wrapCon{width:100%;max-width:1228px}main section#solution .wrapCon .wrapTxt{text-align:center}@media screen and (max-width: 750px){main section#solution .wrapCon .wrapTxt{text-align:left}}main section#solution .wrapCon .wrapTxt p{margin-bottom:60px}main section#solution .wrapCon .wrapImg{width:1228px;margin-bottom:60px}@media screen and (max-width: 1480px){main section#solution .wrapCon .wrapImg{width:100%}}main section#contact dl{max-width:1000px;margin:0 auto 60px}main section#contact dl div{display:flex;letter-spacing:0.05em;line-height:2.0;font-weight:normal;border-bottom:1px solid #C8CCCD}main section#contact dl div dt,main section#contact dl div dd{padding:30px 0}main section#contact dl div:nth-of-type(1) dt,main section#contact dl div:nth-of-type(1) dd{padding:0px 0 30px}main section#contact dl div dt{width:120px;border-bottom:1px solid #C8CCCD}@media screen and (max-width: 750px){main section#contact dl div dt{width:7em}}main section#contact dl div dd{flex:1}main section#contact dl div dd a{color:#C8CCCD}main section#contact dl div dd a:hover{color:#DDD}footer{width:100%;padding:30px 0;position:relative;background:#FFF}@media screen and (max-width: 750px){footer{padding:25px 0}}@media screen and (max-width: 480px){footer{padding:15px 0}}footer .copyright{text-align:center;font-size:1.6rem;letter-spacing:0;color:#181b38}@media screen and (max-width: 750px){footer .copyright{font-size:1.2rem}}
