@charset "utf-8";

html, body { height:100% !important; overflow:auto; }

#top .slide_menu { padding:8vh 10% 0; }

br.pc { display:none !important; }
br.mobile { display:inline !important; }

h1 { margin:0; font-size:5.5rem; line-height:6rem; }
h2 { margin:0; font-size:4.5rem; line-height:4.5rem; }
.font_20 { font-size:2.2rem; line-height:3.2rem !important; }
.font_20 br.use_m3 { display:none !important; }
.font_25 { font-size:2.2rem; line-height:3.2rem !important; }

.section > div { padding:80px 25px !important; }
#fullpage .w_10 { display:inline-block; height:auto; max-width:100%; width:100%; padding:0 4%; }
#fullpage .w_16, #fullpage .w_13 { display:inline-block; height:auto; }

#main #section1 { position:relative; min-height:100vh; background-image:url('../images/main_s1_bg_m.jpg'); }
#main #section1 .w_16 { position:absolute; bottom:40px; width:100%; padding-top:0 !important; padding-left:0 !important; text-align:center; } 
#main #section1 .w_16 h1 { float:none; display:inline; }
#main #section1 .w_16 .font_24 { margin-bottom:10px; font-size:2.5rem; font-family:"Bomsowa7"; letter-spacing:-1px; }
#main #section1 i { float:none; display:inline; line-height:6.5rem !important; margin-top:0; }

#main #section2 h2 { display:inline; }
#main #section2 h2.animatable_1  { margin-top:-5px; }
#main #section2 i { line-height:4.5rem; }
#main #section2 iframe { min-height:190px; }
#main #section2 .font_20 { width:100%; }

#main #section3 > div { padding-bottom:80px !important; }
#main #section3 h2 br { display:block !important; }
#main #section3 ol > li > ul { padding-left:0 !important; padding-bottom:40px !important; }
#main #section3 ol > li > ul li { font-size:2.2rem; line-height:3.2rem }
#main #section3 ol > li > ul li > br.use_m4 { display:block !important; }

#main #section4 .vert-bars { float:none; display:inline-table; width:90%; margin-top:100px; margin-left:5%; margin-right:5%; }

#main #section5 ul li { width:90%; }

#main #section6 ul { margin:40px 0; width:100%; }
#main #section6 ul li { width:31.333%; margin:6px 1%; }
#main #section6 ul li dl dt { font-size:1.8rem; margin:8px 0; }
#main #section6 ul li dl dd:last-child { font-size:1.6rem; }

#main #section7 div.img { width:90%; }
#main #section7 div.img img { width:50%; }

#main #section8 div.v_center { padding-left:15px !important; padding-right:15px !important; }
#main #section8 img { width:100%; }

#main .materials h2 { margin:0 0 20px; }
#main .materials ul { margin-top:40px; }
#main .materials ul li dl { margin-bottom:70px; }
#main .materials ul li dd { word-break: keep-all !important; }
#main .materials ul li dd:last-child { width:100%; font-size:2.2rem; line-height:3.2rem !important; color:#333; }
#main .materials ul li dd:first-child { font-size:2.2rem; }
#main .materials ul li dd br { display:none !important; }
#main .materials ul li img.mobile { width:70%; }
#main .materials  .font_25 { display:none; }
#main .materials  .use_m4 { display:block !important; margin:0 0 15px; font-size:3.8rem; line-height:3.8rem !important;  font-family:"Bomsowa5"; letter-spacing:-1px; }
#main .materials ul li dt { margin: 8px auto 10px; font-size:3.2rem; line-height:3.2rem !important; font-family:"Bomsowa5"; }
#main #section13 div.img iframe, #main #section13 div.img img { height:101.1px !important; }
#main .materials .pc { display:none !important; }
#main .materials .mobile { display:block; line-height:3.2rem !important; }

#main #section10 h2, #main #section11 h2 { display:none; }
#main #section10 i, #main #section11 i { display:none; }

#main #section12 div.img, #main #section13 div.img, #main #section14 div.img { width:100%; }

#crew .no_fp .lego_list { margin:30px auto 40px; }
#crew .no_fp .lego_list li { display:inline-block; float:left; width:50%; height:320px; }
#crew .no_fp .lego_list li dl dd.eng { font-size:2rem; }
#crew .no_fp .lego_list li dl dd:last-child { font-size:1.8rem; }

#recruit #section1 { height:700px; overflow:hidden; }
#recruit #section1 h2 { font-size:4.8rem; line-height:5.2rem; }
#recruit #section2 h3 { margin-top:80px; margin-bottom:30px; font-family:"Bomsowa5"; }
#recruit #section2 h3 br { display:none !important; }
#recruit #section2 span.font_34 { margin-top:30px; font-size:2.6rem; line-height:3.4rem; }
#recruit #section2 li { margin-bottom:20px; font-size:2.5rem; }
#recruit #section2 ul.step li { margin: 0 1%; width: 23%; }
#recruit #section2 ul.step li dl dt { font-size:1.8rem; }
#recruit #section2 span.etc { font-size: 1.8rem; line-height:2.9rem !important; }
#recruit #section2 li span { font-size:2.2rem; line-height:3.2rem !important; }
#recruit #section2 li.font_20 { font-size:2.2rem; line-height:3.2rem !important; }
#recruit #section2 h3.center { margin-top:70px; margin-bottom:20px; }
#recruit #section2 ul.step li dl dd:first-child { font-size:1.2rem; }

.form .font_26 { text-align:center; font-size:3rem; padding-bottom:20px; font-family: "Bomsowa5";}
.form .font_26:after { width:100% !important; }
form input.formmail_border { font-size:2.4rem; line-height:2.4rem; }
#recruit #section3 form table:nth-child(12) td:nth-child(odd), 
#contact #section2 form table:nth-child(17) td:nth-child(odd) { width:49%; font-size:2.2rem; }
#recruit #section3 form table:nth-child(21) td[align="left"]:before, 
.contact1 #section2 form table:nth-child(29) td[align="left"]:before, 
.contact2 #section2 form table:nth-child(18) td[align="left"]:before, 
#bizservice #section3 form table:nth-child(18) td[align="left"]:before, 
#recruit #section3 form table:nth-child(21) td[align="right"], 
.contact1 #section2 form table:nth-child(29) td[align="right"], 
.contact2 #section2 form table:nth-child(18) td[align="right"],
#bizservice #section3 form table:nth-child(18) td[align="right"] { text-align:left; left:4%; bottom:55px; width:92%; }
#recruit #section3 form table:nth-child(21) td[align="right"] input, 
.contact1 #section2 form table:nth-child(29) td[align="right"] input, 
.contact2 #section2 form table:nth-child(18) td[align="right"] input,
#bizservice #section3 form table:nth-child(18) td[align="right"] input { right:2px; }
form input.formmail_border[name="attachment[]"] { border:0; border-bottom:1px solid #ccc; }
form input.formmail_border[name="attachment[]"]::file-selector-button { border-right:0; border-radius:10px; line-height:4rem; height:4rem; margin-bottom:5px; }

/* #recruit #section3 form table:nth-child(21) td[align="left"], 
.contact1 #section2 form table:nth-child(29) td[align="left"], 
.contact2 #section2 form table:nth-child(18) td[align="left"],
#bizservice #section3 form table:nth-child(18) td[align="left"] { display:none; } */

#contact #section1 { padding-top:130px; height:700px; overflow:hidden; }
#contact #section1 .left { margin:0; padding-left:10%; padding-bottom:0; width:100%;  }
#contact #section1 .left h2 { width:100%; margin-left:0; font-size:4.8rem; line-height:5.2rem; }
#contact #section1 .left div { position:relative; bottom:unset; width:100%; margin-top:20px; }
#contact #section1 .left div a { width:42%; padding:10px 0; text-align:center; margin-right:1%; }
#contact #section1 .font_20.mobile { display:block; margin:15px 0 25px; width:100%; }
#contact #section1 .font_20.pc { display:none; }

#bizservice #section1 { background-size: auto; background-position: 45% 30%; overflow:hidden; }
#bizservice #section1 .left div a { width:90%; margin-bottom:10px; padding:10px 0; text-align:center; }
#bizservice #section2 { padding:7vh 0 5vh; background-color:#f1f1f1; }
#bizservice #section2 .w_10 { padding: 47px 0 20px; }
#bizservice #section2 iframe { width:90% !important; height:430px !important; }
#bizservice #section2 .font_20 { color:#444; }
/* #bizservice #section3 .formmail_textarea_style { min-height:58vh; } */


#main .footer .v_center, 
#crew .footer .v_center, 
#recruit .footer .v_center, 
#contact .footer .v_center,
#bizservice .footer .v_center { padding:80px 0 70px !important; min-height:unset !important; }
.footer img.mobile { display:block; width:100%; height:auto; margin:0; }
.footer img.pc { display:none; }
.footer .font_18 { font-size:1.9rem; line-height:3rem; }

@media screen and (max-width: 380px) { 
    #crew .lego_list .w_13 { width:100%; }
	} 