body,html{margin:0;height:100%;font-family:"Open Sans","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}html{font-size:62.5%}body{font-size:1.0rem;color:#070a11;overflow-x:hidden;position:relative;background:white;opacity:0}body.noscroll{overflow-y:hidden}*{box-sizing:border-box}.clearfix:after{content:" ";display:block;clear:both}.display-none-pc{display:none}a:link{color:inherit;text-decoration:none}a:visited{color:inherit}h1{font-size:2rem;margin-bottom:30px}h2{text-align:center;color:#181818;margin-bottom:5px}h3{font-size:1.2rem;margin-bottom:15px}p{margin:0;font-size:1.2rem}.img-responsive{display:block;height:auto;max-width:100%}.center-block{display:block;margin-left:auto;margin-right:auto}.picture{background-size:cover;-webkit-transition:.2s;transition:.2s}nav{width:8%;margin-top:0;position:fixed;bottom:8%;right:0;z-index:101;opacity:0}nav ul{float:right;margin-top:0}nav li{width:150px;list-style:none;color:white;height:30px;line-height:30px;text-align:center;font-family:'Abel', sans-serif;position:relative;font-size:1.5rem}nav li a{-webkit-transition:ease-out 0.3s;transition:ease-out 0.3s}nav li a:hover{margin-left:3px;-webkit-transition:ease-out 0.3s;transition:ease-out 0.3s}nav li a::after{position:absolute;bottom:13px;left:39px;content:'';width:0;height:1px;background-color:#30bdbb;-webkit-transition:.7s;transition:.7s}nav li a:hover::after{width:50%}nav li.on{color:#30bdbb !important;-webkit-transition:0.5s;transition:0.5s}nav.fix-top ul li{-webkit-transition:0.3s;transition:0.3s;color:#a4a1a1}.a1{background:url("../img/bicycle_bg.jpg") no-repeat;background-size:cover;position:relative;height:100%}#bg{background:url("../img/bicycle.png") no-repeat;position:absolute;top:0;width:100%;z-index:0;height:100vh;background-size:100%;-webkit-transition:.1s;transition:.1s}.black{background-color:white;height:100%;width:100%;z-index:100;position:fixed;opacity:1}.logo{position:fixed;left:20px;top:20px;z-index:100;width:50px;opacity:0}#logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:300px}.a2{height:100%;padding-top:100px;position:relative;overflow:hidden;padding:80px 0}.a2:before{content:"";position:absolute;top:0;left:0;width:120%;height:80%;margin-top:1%;margin-left:-10%;margin-right:-10%;background:#041c35;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);z-index:-1}.a2:after{content:'';position:absolute;top:0;left:0;width:120%;height:80%;margin-top:3%;margin-left:-5%;margin-right:-5%;background:url("../img/about.png") no-repeat right 16% top 4%;background-color:#c0c0c0;background-size:193px 66px;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);z-index:-2}.a2-switch:before{-webkit-animation:bg-position2 1.5s ease forwards;animation:bg-position2 1.5s ease forwards}.a2-switch:after{-webkit-animation:bg-position 1.5s ease forwards;animation:bg-position 1.5s ease forwards}.a2__innter{width:100%;max-width:980px;height:100%;margin:0 auto;color:#fff;text-align:center}@-webkit-keyframes bg-position2{0%{margin-top:1%}100%{margin-top:4%}}@keyframes bg-position2{0%{margin-top:1%}100%{margin-top:4%}}@-webkit-keyframes bg-position{0%{margin-top:3%}100%{margin-top:1%}}@keyframes bg-position{0%{margin-top:3%}100%{margin-top:1%}}.about-con{width:400px;position:absolute;top:50%;margin-top:-200px;left:50%;margin-left:-200px;background:none;height:450px;-webkit-transition:.3s;transition:.3s}.about-con svg line{stroke-width:3;stroke:#fff;fill:none;stroke-dasharray:800;-webkit-transition:all .6s;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s, -webkit-transform .6s}.about{position:absolute;color:#041C35;top:6%;padding:20px}.about p{margin-top:30px;line-height:20px}@media only screen and (min-width: 736px){.about-con-anim svg line.top{-webkit-animation:top-border 0.4s forwards;animation:top-border 0.4s forwards}.about-con-anim svg line.bottom{-webkit-animation:bottom-border 0.4s 0.6s forwards;animation:bottom-border 0.4s 0.6s forwards}.about-con-anim svg line.left{-webkit-animation:left-border 0.4s 0.9s forwards;animation:left-border 0.4s 0.9s forwards}.about-con-anim svg line.right{-webkit-animation:right-border 0.4s 0.3s forwards;animation:right-border 0.4s 0.3s forwards}.about-con-after{background:white;opacity:1;-webkit-transition:.3s;transition:.3s;display:block;position:relative}.about-con-after:after{content:"";width:400px;height:450px;background:#c0c0c0;display:block;position:absolute;top:0;left:0;z-index:-1;-webkit-animation:overlap 0.5s 0.2s forwards;animation:overlap 0.5s 0.2s forwards}@-webkit-keyframes top-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes top-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(400px);transform:translateX(400px)}}@-webkit-keyframes bottom-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}}@keyframes bottom-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}}@-webkit-keyframes left-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-450px);transform:translateY(-450px)}}@keyframes left-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-450px);transform:translateY(-450px)}}@-webkit-keyframes right-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(450px);transform:translateY(450px)}}@keyframes right-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(450px);transform:translateY(450px)}}@-webkit-keyframes overlap{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(10px, 10px);transform:translate(10px, 10px)}}@keyframes overlap{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(10px, 10px);transform:translate(10px, 10px)}}}.a3{margin-top:4%;height:auto;overflow:hidden;padding-bottom:100px;background:url("../img/polgon.svg") no-repeat 50% 35%;background-size:contain;padding-top:20px;margin-top:-20px}.a3 p{line-height:1.6}.a3-title{width:193px;margin-bottom:70px}.a3__innter__1{width:1000px;margin:0 auto;height:auto}.a3__innter__1 .element-1{width:300px;height:350px;background:url("../img/element-1_bg.png") no-repeat #041c35;position:relative;float:left}.a3__innter__1 .element-1 .text-1{width:220px;height:220px;background:#f2f2f2;opacity:0.5;display:block;position:absolute;left:0px;bottom:-70px;opacity:0}.a3__innter__1 .element-1 .text-1 p{position:relative;color:white;font-size:1.2rem;padding:15px;color:#070a11}.a3__innter__1 .element-2{width:550px;height:330px;background:url("../img/element-2_bg.png") no-repeat #041c35;position:relative;float:right;margin-top:70px}.a3__innter__1 .element-2 .text-2{width:350px;height:170px;background:#f2f2f2;opacity:0;display:block;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.a3__innter__1 .element-2 .text-2 p{position:relative;color:white;font-size:1.2rem;padding:15px;color:#070a11}.element-3{width:300px;height:270px;background:url(../img/element-3_bg.png) no-repeat #041c35;position:relative;margin:0 auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:130px}.element-3 .text-3{width:300px;height:auto;background:#f2f2f2;opacity:0;display:block;position:absolute;top:60%;right:-20px;padding:15px}.element-3 .text-3 p{position:relative;color:white;font-size:1.2rem;color:#070a11;padding-bottom:15px}.btm{display:block;border:1px solid #89cbc7;padding:10px;width:40%;margin:0 auto;text-align:center}.btm:hover{opacity:.7;cursor:pointer}.a4{margin-top:4%;height:auto;overflow:hidden;padding-bottom:100px;padding-top:20px;margin-top:-20px}.a4__innter__1{width:1000px;margin:0 auto}.a4__innter__1 .a4-title{width:214px;margin-bottom:70px}.a4__innter__1 .block{float:left;margin-right:13px;margin-bottom:15px}.a4__innter__1 .block:nth-child(4n+5){margin-right:0}.a5{background:url("../img/contact-bg.png") no-repeat;background-size:cover;height:110vh;position:relative;z-index:1;background-color:black;padding-bottom:100px}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.contact{width:45%;height:80vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2;margin-bottom:100px}.contact img.title{width:222px;height:60px}.contact #formArea{width:50%;margin:0 auto;margin-top:80px;position:relative;z-index:10}.contact input{border-bottom:1px solid #fff;width:100%;height:50px;margin-top:40px;font-size:16px;padding-left:10px;color:white}.contact .name input{margin-top:0}.contact textarea{border-bottom:1px solid #ffffff;width:100%;margin-top:40px;height:100px;font-size:16px;padding-left:10px;padding-top:10px;color:white}.contact input[type="text"],.contact textarea{outline:none;-webkit-transition:all .3s;transition:all .3s}.contact input[type="text"]:hover,.contact textarea:hover{border-bottom:1px solid #30bdbb}.contact input[type="text"]:focus,.contact textarea:focus{border-bottom:1px solid #30bdbb}.contact .send{font-size:16px;color:white;border:1px solid #30bdbb;background:rgba(48,189,187,0.6);-webkit-transition:all .3s;transition:all .3s;margin-top:70px;padding-left:0}.contact .send:hover{border:1px solid white;background:white;color:#30bdbb;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.target{background:red;width:50px;height:50px;position:absolute;margin-top:200px}.on a{color:-webkit-linear-gradient(#6bc1d4 0%, #3098bd 100%)}.footer{background:-webkit-linear-gradient(#000 0%, #05171c 100%)}.footer p{color:white;text-align:center;font-size:1.5rem;line-height:50px;height:50px}@media only screen and (max-width: 735px){.display-none-sp{display:none}.display-none-pc{display:block}#bg{background-size:200%;background-position:0% 70%}nav{bottom:5%;right:-9%}.a2{height:100%}.a2:before{top:8%;height:100%}.a2:after{top:3%;background-position:right 16% top 2%;background-size:129px 44px}.about{padding:15px}.about-con{width:300px;height:400px;margin-top:-165px;margin-left:-150px}.about-con-anim svg line.top{-webkit-animation:top-border 0.4s forwards;animation:top-border 0.4s forwards}.about-con-anim svg line.bottom{-webkit-animation:bottom-border 0.4s 0.6s forwards;animation:bottom-border 0.4s 0.6s forwards}.about-con-anim svg line.left{-webkit-animation:left-border 0.4s 0.9s forwards;animation:left-border 0.4s 0.9s forwards}.about-con-anim svg line.right{-webkit-animation:right-border 0.4s 0.3s forwards;animation:right-border 0.4s 0.3s forwards}.about-con-after{background:white;opacity:1;-webkit-transition:.3s;transition:.3s;display:block;position:relative}.about-con-after:after{content:"";width:300px;height:400px;background:#c0c0c0;display:block;position:absolute;top:0;left:0;z-index:-1;-webkit-animation:overlap 0.5s 0.2s forwards;animation:overlap 0.5s 0.2s forwards}@-webkit-keyframes top-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes top-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@-webkit-keyframes bottom-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}@keyframes bottom-border{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}100%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}}@-webkit-keyframes left-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@keyframes left-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@-webkit-keyframes right-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(400px);transform:translateY(400px)}}@keyframes right-border{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(400px);transform:translateY(400px)}}@-webkit-keyframes overlap{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(10px, 10px);transform:translate(10px, 10px)}}@keyframes overlap{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(10px, 10px);transform:translate(10px, 10px)}}.a3-title{width:155px;margin-bottom:50px}.a3{margin-top:3%;background-size:cover;background-position:80% 13%}.a3__innter__1{width:100%}.a3__innter__1 .element-1{width:90%;margin:0 auto;float:none}.a3__innter__1 .element-1 .text-1{width:95%;height:160px;padding-bottom:10px;-webkit-transform:translateX(-50%) !important;-ms-transform:translateX(-50%) !important;transform:translateX(-50%) !important;left:50%}.a3__innter__1 .element-2{width:90%;margin:0 auto;float:none;margin-top:100px}.a3__innter__1 .element-2 .text-2{width:95%;height:auto;padding-bottom:10px;-webkit-transform:translateX(-50%) !important;-ms-transform:translateX(-50%) !important;transform:translateX(-50%) !important;height:140px;top:180px}.a3__innter__2{width:100%}.a3__innter__2 .element-3{width:90%;margin:0 auto;float:none;margin-top:100px;-webkit-transform:none;-ms-transform:none;transform:none}.a3__innter__2 .element-3 .text-3{width:95%;height:auto;padding-bottom:10px;-webkit-transform:translateX(-50%) !important;-ms-transform:translateX(-50%) !important;transform:translateX(-50%) !important;left:50%;padding:0;height:135px;top:220px}.a3__innter__2 .element-3 .text-3 p{padding:15px}.a4{padding-bottom:50px}.a4__innter__1{width:100%}.a4__innter__1 .a4-title{width:170px;margin:0 auto;margin-bottom:15px}.a4__innter__1 .block{width:50%;margin:0;padding:8px;padding-bottom:0}.a4__innter__1 .block:nth-child(even){padding-right:4px}.a4__innter__1 .block:nth-child(odd){padding-left:4px}.a5{background-position:center center}.contact{width:100%}.contact img.title{width:163px;height:auto}.contact #formArea{width:70%}.footer{padding-bottom:0}.footer p{font-size:1.4rem;line-height:50px}nav li a{-webkit-transition:none;transition:none}nav li a::after{display:none}nav li a:hover::after{display:none}#logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:150px}.black{height:100vh;width:100vw}}@media only screen and (max-width: 735px) and (orientation: landscape){#bg{background-size:100%}nav{right:0}.a2{height:200%}.a5{height:200%}.contact{top:38%}}@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){.a2,.a5{height:120%}.contact{height:100vh}}_::-webkit-full-page-media,_:future,:root .a5{height:100vh}