html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}body{font-family:YuGothic,"游ゴシック",Verdana,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.7;padding-bottom:0;position:relative;font-weight:500;left:0;overflow-x:hidden;visibility:hidden;margin:0;padding:0}img{border:none;vertical-align:bottom;width:100%}.clearfix:after{content:"";clear:both;display:block}a{text-decoration:none;color:#000}mark{background-color:transparent}ul li{list-style:none}form img{width:auto}h3{margin:0 auto;padding-top:65px}header{background-color:#353945}header h1{position:relative;top:15px;margin-top:100px;margin-bottom:95px;padding-top:0;padding-bottom:0;margin:0 auto;opacity:0;max-width:177px;max-height:177px}header p,header nav{display:none}.wrapper{position:relative}.about{width:90%;margin-left:5%}.about h3{width:27%;max-width:460px;max-height:116px}.about ul{float:left}.about span{margin-left:10%}.about .left_box{width:10%;margin-left:35%}.about .left_box li{height:23px;margin-bottom:10px}.about .right_box{width:40%}.about .right_box li{margin-bottom:10px}.about .closing{margin-top:35px}.text_box{margin-top:65px;margin-bottom:80px}.service h3{width:20%;max-width:362px;max-height:116px}.service ul{margin-top:46px;margin-bottom:70px;width:90%;margin-left:10%;text-align:center}.service ul img{width:50%}.service li{width:23%;margin-left:5%;float:left}.service li img{margin-bottom:25px;opacity:0}.careers{width:90%;margin:0 auto}.careers h3{width:25%;max-width:402px;max-height:116px;margin-bottom:65px}.careers .careers_left{width:45%;margin-left:0;padding-left:5%}.careers .careers_right{width:45%;padding-left:5%}.careers ul{float:left}.careers li{margin-bottom:10px}.careers button{background-color:#353945;color:#FFF;border:none;margin:0 auto;margin-top:50px;margin-bottom:65px}.careers button:hover{background-color:#cfd623;color:#353945}.careers .careers_box{width:90%;margin:0 auto}.careers_txt{width:50%;margin-left:25%;margin-bottom:60px;text-align:center}.form_box{width:100%}.btn_wp{width:100%;text-align:center}.btn_wp button{width:176px;height:45px;font-weight:normal;border:none}.contact{background-color:#353945;color:#FFF;padding-bottom:65px}.contact h3{width:20%;max-width:402px;max-height:116px;padding-top:60px;margin-bottom:40px}.contact form{width:90%;margin-left:5%}.contact form input[type="checkbox"]{opacity:0}.contact form #pc_form{margin:0 auto}.contact form input[type="checkbox"]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:20;position:absolute;margin-left:5%;width:50%;height:20px;margin-top:0px;margin-left:22px}.contact form input[type="checkbox"]:focus{outline:none;border:none}.contact form label{position:relative;left:5%;z-index:10;padding:3px 3px 3px 22px;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s}.contact form label::before,.contact form label::after{position:absolute;content:'';z-index:20;-webkit-transition:all 0.2s;transition:all 0.2s}.contact form label::before{top:50%;left:0;width:14px;height:14px;margin-top:-8px;background-color:transparent;border:1px solid #FFF}.contact form label::after{opacity:0;top:50%;left:3px;width:8px;height:4px;margin-top:-4px;border-left:2px solid #FFF;border-bottom:2px solid #FFF;-webkit-transform:rotate(-45deg) scale(0.5);transform:rotate(-45deg) scale(0.5)}.contact form input[type="checkbox"]:checked+label::before{background-color:transparent;border:1px solid #cfd623}.contact form input[type="checkbox"]:checked+label::after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.contact form input[type="text"],.contact form input[type="email"]{background-color:transparent;border:1px solid #FFF;color:#FFF;margin-left:5%;padding:5px 5px 5px 10px;height:30px}.contact form input[type="text"]:focus{outline:1px solid #cfd623;border:1px solid #cfd623}.contact form input[type="email"]:focus{outline:1px solid #cfd623;border:1px solid #cfd623}.contact form textarea{resize:none;margin-left:5%;height:190px;padding:10px 5px 5px 10px;background-color:transparent;color:#FFF;border:1px solid #FFF}.contact form textarea:focus{outline:1px solid #cfd623;border:1px solid #cfd623}.contact form #company,.contact form #name,.contact form #mail,.contact form #message{margin-bottom:20px;width:80%}.contact form #type,.contact form #type_careers{margin-right:2%}.contact form #message{margin-top:20px}.contact form .company{padding-top:5px}.contact form .name{padding-top:5px}.contact form .mail_title{padding-top:5px}.contact form .message{padding-top:42px}.contact .left_box{width:27%}.contact .left_box li{height:42px;margin-bottom:15px}.contact .left_box img{width:auto}.contact .right_box{width:50%}.contact ul{float:left}.contact button{background-color:#cfd623;color:#353945;font-weight:normal}.contact button:hover{background-color:#FFF}footer{line-height:1.7;font-weight:300;background-color:#353945;color:#FFF;text-align:center;padding-top:40px;padding-bottom:60px}footer #top_btn{position:fixed;right:3%;bottom:10px;opacity:0}.list_title li{list-style-type:square}.comp{background-color:#353945}.comp h4{width:10%;margin:0 auto;padding-top:10px;margin-bottom:10px}.comp h5{width:20%;margin:0 auto;margin-top:80px;padding-bottom:20px;margin-bottom:20px}.comp .form_complete{width:90%;margin:0 auto;text-align:center;color:#FFF}.comp .form_complete p{font-size:20px}.comp .form_complete button{width:100px;height:40px;margin:0 auto;background-color:#cfd623;border:none}.comp .form_complete a{color:#FFF}.comp form button{text-align:center;clear:both}.comp form .message{padding-top:0}.comp .left_box{margin-left:20%}.comp .right_box li{height:30px;margin-bottom:20px;margin-left:10px;padding:5px 5px 5px 10px}.mt_10{margin-top:10px}.mt_23{margin-top:23px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_33{margin-top:33px}.mt_35{margin-top:35px}.mt_55{margin-top:56px}.mt_60{margin-top:60px}.ml_10{margin-left:10%}.ht_23{height:23px}.ht_46{height:46px}.ht_69{height:69px}.pt_5{padding-top:5px}.on{display:block}.off{display:none}@media screen and (max-width: 1024px){header{position:relative}header h1{width:30%;top:20px}header p{position:fixed;z-index:9000;display:block;right:15px;top:20px}header p img{width:90%}header nav{position:absolute;top:0;right:0;width:200px;z-index:8000;background-color:#cfd623;display:none;font-size:21px;padding-top:20px}header nav ul{margin-top:70px}header nav li{padding-top:10px;padding-bottom:10px;padding-left:50px}.about h3{width:60%}.about .left_box{width:10%;margin-left:30%}.about .right_box{width:40%;margin-left:5%}.about .closing{margin-top:60px}#sp_about{margin-top:40px;margin-bottom:80px;width:80%;margin-left:20%}.service h3{width:40%}.service ul{width:90%;margin-left:10%}.careers h3{width:50%}.careers .careers_box{width:90%;margin:0 auto}.careers .careers_left{width:45%;margin-left:5%;padding-left:0}.careers .careers_right{width:45%;margin-left:5%;padding-left:0}.careers_txt{width:50%;margin-left:25%}.contact h3{width:40%}.contact #pc_form img{width:auto}.contact #pc_form textarea{padding:5px 5px 5px 10px}.contact #pc_form input[type="text"]{padding:5px 5px 5px 10px}.contact #pc_form input[type="email"]{padding:5px 5px 5px 10px}.contact #sp_form{width:90%;margin-left:5%}.contact #sp_form ul{float:none}.contact #sp_form #company,.contact #sp_form #name,.contact #sp_form #mail,.contact #sp_form #message{width:98%;margin-top:10px}.contact #sp_form .type{margin-bottom:10px}.contact #sp_form input[type="text"],.contact #sp_form input[type="email"]{padding:5px 0px 5px 2%;margin-left:0;width:98%}.contact #sp_form textarea{padding:5px 0px 5px 2%;width:98%}.contact #sp_form label{left:0}.contact #sp_form #message{margin-top:10px;margin-left:0}.form_box{width:100%}.btn_wp{width:100%;text-align:center;font-weight:bold}}@media screen and (max-width: 640px){header{position:relative}header h1{width:65%;padding-top:0;padding-bottom:0;max-width:177px;max-height:177px}header p{position:fixed;text-align:right;z-index:9000;display:block;right:20px;top:20px}header p img{width:50%}header nav{z-index:8000;position:absolute;top:0;right:0;width:120px;height:100%;background-color:#cfd623;display:none;font-size:21px;padding-top:20px}header nav ul{margin-top:70px}header nav li{padding-top:5px;padding-bottom:5px;padding-left:10px}.about h3{width:80%}.about li{margin-bottom:10px}.about .left_box{width:20%;margin-left:5%}.about .right_box{width:70%}#sp_about{margin-top:40px;margin-bottom:80px;width:80%;margin-left:20%}.service{width:90%;margin-left:5%}.service h3{width:70%}.service ul{width:100%;margin:0 auto;padding-top:46px}.service li{width:100%;margin-left:0;padding-left:1%;margin-bottom:30px}.service li img{margin-bottom:8px}.careers h3{width:80%;margin-bottom:40px}.careers .careers_left{width:80%;margin-left:11%}.careers .careers_right{width:80%;margin-left:11%;padding-left:0}.careers li{margin-bottom:10px}.careers button{width:40%}.careers_txt{width:80%;margin-left:11%;margin-bottom:20px;text-align:left}.contact ul{float:none}.contact form img{width:auto}.contact form input{border-radius:0}.contact form #company,.contact form #name,.contact form #mail,.contact form #message{width:90%}.contact form textarea{padding:10px 5px 5px 10px;border-radius:0;margin-left:0}.contact form .name,.contact form .type{margin-top:0}.contact form label{left:0}.contact form input[type="checkbox"]{width:50%;margin-top:5px;margin-left:0}.contact form input[type="checkbox"]:focus{background-color:transparent}.contact form input[type="text"],.contact form input[type="email"]{padding:5px 5px 5px 10px;margin-left:0}.contact form .message{padding-top:15px}.contact form #message{margin-top:0;margin-left:0;padding-top:10px}.contact form button{width:40%}.contact h3{width:70%}.contact .left_box{width:50%}.contact #sp_form{width:90%;margin-left:5%}.comp #sp_form{margin-left:15%}.comp #sp_form ul{margin-bottom:20px}.comp #sp_form button{margin-left:0}.form_box{width:100%}.btn_wp{width:100%;text-align:center;font-weight:bold}}@media screen and (max-width: 300px){.contact{width:150%}}@media screen and (min-width: 1300px){.careers .careers_box{width:90%;margin:0 auto}.careers .careers_left{width:450px;margin-left:0}.careers .careers_right{width:450px;padding-left:0}}