@charset "utf-8";

h1 { font-size:5.5rem; line-height:5.5rem; }
h2 { font-size:4.5rem; line-height:4.5rem; }
h3 { font-size:3rem; }
.font_20 { font-size:2.3rem; line-height:3.5rem !important; }
.section i { line-height:4.6rem !important; }

.section { width:100%; }
.section > div { padding:70px 30px 70px !important; }
#fullpage .w_16, #fullpage .w_13 { padding:0 !important; } 

#top #header > .logo { width:130px; }
#top #header > .btn_nav { margin-top:-6px; }

#main #top .btn_page { right:calc(4% + 26px); }

#main #section1 { min-height:86vh; }
#main #section1 .w_16 { padding-top:190px !important; width:70%; }
#main #section1 .w_16 h1 { letter-spacing: -1.5px; }
#main #section1 .w_16 .font_24 { font-size:2.5rem; }

#main #section2 .font_20 { margin:15px auto 0; width:100%; }
#main #section2 iframe { margin-top:40px; } 

#main #section3 { background-color:#f7f7f7; }
#main #section3 > div { margin:0 auto; width:100%; }
#main #section3 ol { float:none; width:80%; margin:0 auto; }
#main #section3 ol > li > ul li { font-size:2.2rem; line-height:3.5rem; }

#main #section4 .font_20 { margin:15px auto 0; width:100%; }

#main #section5 ul { margin:4vh auto 6vh; width: 90%; }
#main #section5 ul li { display:block; margin:2vh auto; width:60%; }

#main #section6 ul { width:60%; margin:30px 0; }
#main #section6 ul li { width:30.333%; margin:10px 1.5%; }
#main #section6 ul li::before { display:none; }
#main #section6 .font_20 { width:100%; margin-left:auto; margin-right:auto; }

#main #section7 h2 { margin-top:10px; }
#main #section7 > div { padding-bottom:60px !important; }
#main #section7 .font_20 { width:100%; margin:inherit auto; }
#main #section7 div.img { margin:20px auto 0; width:80%; }
#main #section7 div.img img { width:33.333%; }

#main #section8 h2 { margin-top:10px; }
#main #section8 .font_20 { width:90%; margin-left:auto; margin-right:auto; }

#main .materials h2 { margin-top:10px; }
#main .materials > div { padding-bottom:30px !important; }
#main .materials .font_20 { width:100%; margin-left:auto; margin-right:auto; }
#main .materials ul { margin-top:50px; width:100%; }
#main .materials ul li { margin-top:0; }
#main .materials ul li img { width:50%; float:none; margin:0 20% 0 30%; }
#main .materials ul li dl { float:none; margin:0 auto 50px; width:100%; text-align:center; }
#main .materials ul li dt { margin:13px auto; }
#main .materials ul li img.pc { display:none; }
#main .materials ul li img.mobile { display:block; margin:0 auto; width:40%; height:auto; }
#main .materials ul li dd:last-child { width:80%; margin:10px auto 0; }

#main #section12 h2 { margin-top:10px; }
#main #section12 .font_20 { width:100%; margin-left:auto; margin-right:auto; }
#main #section12 div.img { width:80%; margin-top:30px; }
#main #section12 div.img img { width:33.333%; }

#main #section13 h2 { margin-top:10px; }
#main #section13 .font_20 { width:100%; margin-left:auto; margin-right:auto; }
#main #section13 div.img { margin-top:30px; width:80%; }
#main #section13 div.img iframe, #main #section13 div.img img { height:185px !important; }

#main #section14 > div { padding-bottom:60px !important; }
#main #section14 .left { float:none; }
#main #section14 div.img { float:none; display:block; margin:30px auto 0 !important; width:80%; height:auto; } 

#crew .section { padding:0 30px !important; }
#crew .left_txt .font_20 { margin-bottom:30px; }
#crew .no_fp .lego_list { display:table; width:80%; margin:40px auto 100px; float:none; }
#crew .no_fp .lego_list li { width:33.3333%; }

#recruit #section1 h2 { margin-left: 10%; }
#recruit #section2 h3.center { margin-top:40px; }
#recruit #section2 ul.step { margin-bottom:30px; }
#recruit #section2 ul.step li { margin:0 1.5%; width:22%; }
#recruit #section2 ul.step li::before { display:none; }
#recruit #section2 ul.step li dl dt { font-size:2.2rem; }
#recruit #section2 li { font-size:2.3rem; margin-top:10px; }
#recruit #section2 li span { font-size:2.3rem; line-height:3.5rem; }
#recruit #section2 span.etc { font-size:1.9rem; }

.form { position:relative; margin-top:60px !important; margin-bottom:60px !important; }
.form .font_26 { padding-bottom:12px; }
.form form font { font-size:2.2rem; width:100%; line-height:2.2rem; margin-top:40px; }
form input.formmail_border { width:100%; padding-bottom:10px; margin-top:0; line-height:2.5rem; font-size:2.5rem; text-align:center; color:#aaa; font-family:"Bomsowa" !important; }
#recruit #section3 form table:nth-child(12), #contact #section2 form table:nth-child(17) { margin-top:15px; width:100%; }
#recruit #section3 form table:nth-child(12) td:nth-child(odd), #contact #section2 form table:nth-child(17) td:nth-child(odd) { width:32.333%; height:5rem; line-height:3.5rem; } 
form .formmail_textarea_style { margin-top:15px; height:160px !important; font-size:2.3rem; line-height:3.3rem; color:#aaa; }
form input.formmail_border[name="attachment[]"] { margin-top:15px; font-size:2.2rem; font-family:"Bomsowa"; }
#recruit #section3 .form form font:nth-child(17), 
.contact1 #section2 .form form font:nth-child(25), 
.contact2 #section2 .form form font:nth-child(14),
#bizservice #section3 .form form font:nth-child(14) { width:100%; }
#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"] { width:100%; margin-bottom:0; }
#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"] { position:absolute; bottom:0; left:0; bottom:53px; margin-top:10px; width:100%; padding-right:27px; }
#recruit #section3 form table:nth-child(21) textarea, 
.contact1 #section2 form table:nth-child(29) textarea, 
.contact2 #section2 form table:nth-child(18) textarea,
#bizservice #section3 form table:nth-child(18) textarea { margin-top:15px; height:160px !important; }
#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"] { font-size:2.2rem; line-height:2.2rem; }
#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 { top:-2px; right:0; left:unset; }
form a[onclick="com_formmail_formCheck(); return false;"] { margin-top:60px; font-size:2.3rem; line-height:2.3rem; padding:10px 20px; }

#contact #section1 .left { margin-left:10%; }
#contact #section1 .left div a,
#bizservice #section1 .left div a { padding:10px 18px; font-size:2.3rem; line-height:2.3rem;  } 
#contact #section1 .font_20 { margin-left:10%; width:82%; }

#bizservice #section1 .left { margin-left:10%; }

.footer .font_18 { margin:40px 0 20px; font-size:2rem; line-height:3.2rem; }
.footer img { display:none; }

@media screen and (max-width: 640px) { 

	#main #section3 ol { width:100%; margin:0; }
	#main #section3 ol > li > ul { padding:20px 0 50px 8% !important }
	#main #section3 ol > li.border_0 ul { padding-bottom:0 !important; }
	
	#main #section13 div.img iframe, #main #section13 div.img img { height:180.58px !important; }

    #recruit #section2 img { display:none; }
	#recruit #section2 ul { margin-top:0 !important; width:100%; }
	#recruit #section2 li { margin-bottom:30px; text-align:center !important; }
	#recruit #section2 ul.step { width:100%; }
	#recruit #section2 ul.step li { border-width:3px; }
	#recruit #section2 ul.step li::before { width:16px; }
}


@media screen and (max-width: 480px) { 
	#main #section13 div.img iframe, #main #section13 div.img img { height:130.76px !important; } 
	}