@charset "utf-8";
@import url(../shared.css);
h3,.h3,h3 a,.h3 a,#fnav,#fnav a{color:#fff;}[id|="index"] section>h3{color:#009a3e;}#portfolio>h3,#mylevel>h3,#faq>h3,#topics>h3{color:#333;}#recruit,#recruit section:not(.voice)>h3,#recruit section:not(.voice)>h3 span{color:#fff;}mark,.mark{box-shadow:0 -.75em 0 #fbff8c inset;}
#top{background:url("../images/design/bg_tile.png") center bottom repeat;z-index:inherit;}
#top::after{background:url("../images/design/title_recruit.png") right bottom no-repeat;background-size:contain;height:100%;box-shadow:none;border-top:51px solid #fff;border-bottom:1px solid #e7e7e7;z-index:-1;}#index #top::after{content:none;}
#footer{max-width:100%;}#header,#hnav,#fnav+div{max-width:1400px;}#header{}
h1{text-align:left;max-width:1040px;margin:0 auto;padding:.84em 2%;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 1px #fff;}
h3,.h3{background:#009a3e;border-radius:3px;padding-left:28px;}
h3::after,.h3::after{content:"";position:absolute;left:10px;top:22%;background:url("../images/design/bg_white.png");width:3px;height:56%;}
h4,.h4{background:#f0f0f0;border:0;border-bottom:1px solid #009a3e;box-shadow:none;padding:.5em 10px;}
h5,.h5{border:0;}h5::after,.h5::after{border:0;background:url("../images/design/bg_green.png");height:3px;width:100%;max-width:none;}
#menu li,#menu li ul{background:#d1ec7d;}#menu a.on,#menu a:hover{color:#333;}#menu li ul,#menu li li a{background:#f3f9df;}
#menu a::before{background:url("../images/design/bg_green.png");}
.btn>li+li a[class|="btn"]{background-image:url("../images/design/navbtn3.png"),url("../images/design/bg_navbtn.png");background-position:center center,0 bottom;background-repeat:no-repeat,repeat-x;background-size:contain,auto;border-color:#ffa800;box-shadow:1px 1px 0 #fccd74 inset,-1px -1px 0 #fccd74 inset;}
.btn>li+li a[class|="btn"]::after{background-image:url("../images/design/navbtn_rb2.png");background-color:transparent;background-size:auto;}
#fnav .info .btn>li+li a[class|="btn"]{background-image:url("../images/design/fnavbtn3.png"),url("../images/design/bg_navbtn.png");}
#info{background:none;}#footer{padding:0 0 60px 0;}#fnav>div{background:#009a3e;}
#fnav a[href^="tel:"]::before{background-image:url("../images/design/tel2.png");}
#fnav+div{margin:0 auto;overflow:hidden;position:relative;}#fnav+div>a{display:inline-block;vertical-align:top;margin:0 auto 0 5px;float:left;}
[id|="index"] section>h3::after{content:none;}[id|="index"] section.try>h3{font-size:32px;}[id|="index"] section>h3 span{font-size:inherit;letter-spacing:normal;font-weight:bold;display:inline-block;}[id|="index"] section>h3 span:not(.dib){font-size:.64em;}
#recruit-show{line-height:0;overflow:hidden;position:relative;z-index:0;padding-bottom:100px;}
#recruit-show h3{background:url("../images/maintitle.png") 0 center no-repeat;background-size:contain;height:200px;height:22vw;max-width:700px;max-height:200px;position:absolute;left:0;bottom:8%;z-index:1;}
#recruit-show p{width:75%;margin:0 0 0 auto;overflow:hidden;position:relative;}#recruit-show img{max-width:none;width:100%;}
#recruit-show a{position:absolute;top:11%;left:8%;max-width:180px;width:25vw;}

#portfolio{background:url("../images/design/bg_tile.png") center 0 repeat;padding:15px 0;}
#try{border:1px solid #009a3e;padding:10px 10px 0 10px;overflow:hidden;position:relative;margin:40px auto;width:96%;max-width:880px;text-align:left;}.try p{color:#666;}
#try section{text-align:left;}#try section>h3{padding:0;}#try [class*="a-btn"]{display:block;}#try [class*="a-btn"] img{width:auto;}
#mylevel{background:#d1ec7d;padding:20px 10px 30px 10px;}#voice ul{max-width:860px;margin-bottom:40px;}
#recruit{padding:20px 10px;}
#recruit section{background:url("../images/design/bg_recruit_dc.png") center center no-repeat;background-size:cover;padding:10px;margin-bottom:20px;}
#recruit section.engineer{background-image:url("../images/design/bg_recruit_e.png")}
#recruit section.voice{background:#fff;box-shadow:10px 10px 0 #009a3e inset,-10px -10px #009a3e inset;padding:10px 20px;}
#recruit section>h3 span{display:block;font-weight:normal;font-size:.6em;padding:0 0 5px 0;}
#recruit ul{overflow:hidden;max-width:398px;margin:0 auto 1.5em auto;}
#recruit .voice ul{max-width:460px;}
#recruit li{line-height:0;padding:5px;width:50%;float:left;}
#recruit .voice li{margin-bottom:15px;width:100%;float:none;}
#recruit .voice li a{display:block;font-size:1.24em;padding:2em 40px;}
#faq{background:#f8f8f8;padding:20px 10px;}
.faqlist{overflow:visible;width:100%;max-width:880px;}
.faqlist li{display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
.faqlist li::before,.faqlist li a{display:table-cell;box-shadow:0 -1px 0 #fafafa inset;}
.faqlist li::before{content:"Q";font-weight:bold;vertical-align:middle;font-size:20px;background:#dadada;width:2.5em;text-align:center;border-right:1px solid #f8f8f8;}
.faqlist a{background:#ebebeb;text-decoration:none;color:#333;padding:1em 32px 1em 1em;position:relative;}
.faqlist a::after{content:"";position:absolute;right:16px;top:0;width:16px;height:100%;background:url("../images/design/arrowlistlink.png") right center no-repeat;background-size:contain;-webkit-transition:.2s;transition:.2s;}
.faqlist a:hover::after{right:10px;}
#news+ul,#creator+ul{max-width:900px;}#topics>h3{text-transform:capitalize;}
#recruit-contact{background:url("../images/design/bg_recruit.png") center center no-repeat;background-size:cover;padding:50px 0 40px 0;}
#recruit-contact>h3 img{margin-bottom:10px;}#recruit-contact .content>p{margin-bottom:50px;}
#recruit-contact .content{text-align:center;margin:0 auto;overflow:hidden;}
#recruit-contact section>h3{background:rgba(255,255,255,.85);border-radius:0;display:inline-block;vertical-align:top;padding:1.5em 1em;}
#recruit-contact section>h3~p{display:inline-block;vertical-align:middle;}
[class*="a-btn"]{font-size: 1.2em;}

@media(min-width:23em){h1{padding:1em 2%;}}
@media(min-width:30em){
#header{padding-top:121px;}#top::after{border-top-width:122px;background-size:70% auto;}
#try{padding:60px 10px 100px 10px;overflow:hidden;position:relative;border:0;margin:0 auto;width:auto;}
#try section{border:1px solid #009a3e;padding:20px 40px;width:96%;max-width:800px;margin-left:0;}
#try section p{padding-right:140px;margin:0;}#try>p{position:absolute;bottom:38px;right:0;padding:10px;margin:0;}
#recruit-contact section>h3{max-width:62%;}#recruit-contact section>h3~p{max-width:38%;}
}
@media(min-width:48em){
#top::after{background-size:auto;}h1{padding:43px 15px;}#footer{padding:0 0 10px 0}#fnav nav,#fnav .info{background:none;}#fnav .info{padding:10px;max-width:1040px;}
#hnav .info{display:block;}/* Chrome ヘッダーずれ対応 */
#recruit-show{padding-bottom:60px;}#recruit-show h3{bottom:18%;}#news+ul,#creator+ul{margin-bottom:40px;}
#recruit{/*display:table;table-layout:fixed;border-collapse:separate;border-spacing:20px;*/width:100%;max-width:1400px;margin:auto;
display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-box-pack:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#recruit-show a{top:4vw;left:7vw;width:15vw;}
#recruit section{/*display:table-cell;*/clear:none;float:left;width:50%;border:10px solid #fff;}#voice ul{margin-bottom:60px;}
#creator #recruit{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
#creator #recruit section{float:right;}
h2+p{left:auto;right:50%;width:50%;max-width:700px;display:flex;}
h2+p a{display:flex;flex-direction:column;height:100%;align-items:center;}
#nav{min-height:90px;}
.bs h2+p{position:fixed;z-index:13;top:10px;}
.bs #nav{position:fixed;z-index:10;top:0;background:#fff;box-shadow:0 0 5px #c7c7c7;}
.bs #hnav .info{-webkit-transition:.2s;transition:.2s;position:relative;margin:10px 0 0 auto;}

}
@media(min-width:88.5em){
#recruit-show p{height:600px;}#recruit-show p img{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,-50%);transform:translate(-50%,0);}
#recruit-show a{top:17%;left:8%;width:10vw;}
}

/*.privacy>p>a>img{margin:0 2% 0 0;width:28%;max-width:80px;}*/

#benefits{padding:0px 0px 50px 0px;}

/*waku*/
.maruwaku{background:/*#45ba428a*/#009a3e;border-radius:20px;padding:10px;margin:10px auto;display:block;color:#fff;}
.linebox6{background:#fff;border:solid 3px /*#b2e1c5*/#009a3e;}