@charset "utf-8";

html { font-size:7px; overflow:auto !important; }

#top #header { width:100%; }
#top #header > ul { display:none; }
#fp-nav { display:none !important; }
.sidebar { display:none !important; }

#main, #crew, #fullpage {  height:auto !important; overflow:auto !important; }
#fullpage .fade_out { display:block !important; animation:unset; }
.btn_page { display:none !important; }
.section { width:100%; height:auto !important; margin-top:0; }
.section > div { display:inline-block; padding:80px 30px !important; height:auto !important; }
.v_center { display:block; height:auto; }

#top #header { padding: 30px 6% 0; }
#top .slide_menu { padding:10vh 7% 0; }
#top .sidebar { width:26px; }
#top .btn_page { bottom:25px; }

h1 { font-size:6rem; line-height:7rem; }
h2 { font-size:5rem; }
h3 { font-size:3.8rem; }
.font_20 { line-height:3.3rem !important; }
h2 + .font_20 { margin-top:15px !important; }
 
#fullpage .w_10 { width:85%; }

#main #top .btn_page { right:50px; }

#main #section3, #main #section5, #main #section7, #main #section9, #main #section11, #main #section13, #main #section15 { background-color:#f7f7f7 !important; }

#main #section1 { min-height:100vh; }
#main #section1 .w_16 { padding-top:210px !important; padding-left:10% !important; width:95%; }
#main #section1 .w_16 h1 { margin-top:10px; }
#main #section1 i { margin-top:7px; font-size:6rem !important; line-height:normal !important; }
#main #section1 h1.animatable_2  { margin-top:0; }

#main #section2 .left { width:100%; text-align:center; }
#main #section2 iframe { width:100%; margin-top:50px; min-height:250px; }

#main #section3 .div_h2 { position:relative; top:unset; left:unset; margin:0 0 60px; width:100%; height:auto; text-align:center; }
#main #section3 > div { margin-top:0; padding-bottom:55px !important; }
#main #section3 ol { margin-left:5%; width:42.5%; }
#main #section3 ol > li { display:inline-block; width:100% !important; }
#main #section3 ol > li:first-child { display:none; }
#main #section3 ol > li.border_0 { border-top: 1px solid #C9C9C9; }
#main #section3 ol > li > ul { padding-top:20px; }
#main #section3 ol > li > ul li { font-size:2rem; line-height:3rem; }
#main #section3 ol > li > span { background-color:#f5f5f5; }

#main #section4 .left { width:100%; text-align:center; }
#main #section4 .font_20 { margin-top:25px; }
#main #section4 .vert-bars { width:80%; margin:100px 10% 0; }
.vert-bars li { height:180px; }
#main #section4 .vert-bars .year { font-size:2rem; }

#main #section5 ul { margin:5vh auto 7vh; width:60%; }
#main #section5 ul li { display:inline-block; margin:2vh 0; width:100%; text-indent:0; text-align:center; }

#main #section6 ul { display:inline-block; margin:40px auto 30px; width:75%; }
#main #section6 ul li { margin:15px 4%; width:25.333%; border-width:3px; }
#main #section6 ul li::before { display:none; }
#main #section6 ul li:nth-child(4)::before { display:none; }
#main #section6 ul li dl dt { font-size:2rem; }

#main #section7 > div { padding-bottom:90px !important; }
#main #section7 .font_20 { margin-top:10px; }
#main #section7 div.img { margin:30px auto 0; width:90%;  }
#main #section7 div.img img { padding:0 8px; width:25%; }

#main #section8 img { margin-top:7vh; width:70%; }
#main #section8 .font_20 { margin-top:10px; }

#main .materials ul { margin-top:30px; width:80%; }
#main .materials ul li { display:inline-block; margin-top:20px; width:100%; }
#main .materials ul li img { width:25%; }
#main .materials ul li dl { margin-left:0; width:75%; }
#main .materials ul li dt { font-size:3.5rem; margin:10px auto; }
#main .materials ul li dd:first-child { font-size:2.3rem; }
#main .materials ul li dd:last-child { font-size:2rem; line-height:3rem; }
#main .materials .font_20 { min-height:42px; margin-top:10px; }

#main #section12 .font_20 { min-height:42px; margin-top:10px; }
#main #section12 div.img { margin:40px auto 0; width:90%; }
#main #section12 div.img img { display:inline-block; width:25%; }

#main #section13 .font_20 { min-height:42px; margin-top:10px; }
#main #section13 div.img { width:70%; margin:40px auto 0; }
#main #section13 div.img iframe, #main #section13 div.img img { width:48% !important; height:177px !important; margin:1% !important; }

#main #section14 > div { padding-bottom:80px !important; }
#main #section14 .left { margin-top:0; width:100%; text-align:center; }
#main #section14 .font_20 { margin-top:10px; }
#main #section14 div.img { display:inline-block; width:70%; margin:3vh 15% 0; }

#main .footer, 
#crew .footer, 
#recruit .footer, 
#contact .footer,
#bizservice .footer  { background-color:#f5f5f5; }
#main .footer .v_center,
#crew .footer .v_center,
#recruit .footer .v_center,
#contact .footer .v_center,
#bizservice .footer .v_center { display: flex !important; padding:100px 30px !important; }

.footer .left { position:relative; left:0; top:0; width:100%; text-align:center; } 
.footer .font_18 { margin-top:2vh; }
.footer dl { margin-top:2vh; }
.footer dl * { float:none; display:inline; text-align:center; }
.footer img { display:inline-block; width:60%; float:none; margin:6vh 20% 0; }

#crew #fullpage { display:none; }
#crew .no_fp { display:inline-block; width:100%; height:auto; }
#crew .w_13 { padding-top:0; }
#crew .left_txt { position:relative; margin-top:120px; text-align:center; top:0; }
#crew .left_txt br.pc { display:none !important; }
#crew .left_txt br.mobile { display:inline !important; }
#crew .left_txt .font_18 { display:none; }
#crew .section { width:100% !important; }
#crew .section > div { padding:0 !important; }
#crew #section1 > div { padding-top:70px !important; }
#crew #section3 > div { padding-bottom:100px !important; }
#crew .no_fp .lego_list { display:inline-block; width:100%; height:auto; margin:70px auto 0; }
#crew .no_fp .lego_list li { display:inline-block; float:left; width:25%; height:330px; }
#crew .no_fp .lego_list li img { width:85%; }
#crew .no_fp .lego_list li dl { margin:10px 0 30px; }
#crew .no_fp .lego_list li dl dd:last-child { font-size: 2rem; line-height: 2.8rem; }
#crew .no_fp .lego_list li dl dt { font-size:2rem; }
#crew .no_fp .lego_list li dl dd.eng { font-size:1.8rem; }
#crew .footer { width:100%; }

#recruit #section1 h2 { font-size:6rem; margin-left:5%;}

#recruit #section2 { padding:80px 0 0; }
#recruit #section2 span.font_20 { margin-top:0; }
#recruit #section2 li span { display:inline-block; width:100%; margin-top:7px; }
#recruit #section2 h3 { text-align:center; margin-top:80px; margin-bottom:40px; }
#recruit #section2 h3.center { margin-top:100px; }
#recruit #section2 h3 br { display:none; }
#recruit #section2 ul { width:100%; text-align:center; }
#recruit #section2 li.font_20 { text-align:center; }
#recruit #section2 img { display:none; }
#recruit #section2 ul.step { margin:0 auto 50px; }

#recruit #section3 { display:inline-block; }
.form { margin:100px auto !important; }
.form .font_26 { margin-bottom:10px; }
.form form font { font-size:2rem; line-height:2rem; }
#recruit #section3 .form .font_26:after { width:150px; }
.contact1 #section2 .form .font_26:after { width:163px; }
.contact2 #section2 .form .font_26:after { width:148px; }
#bizservice #section3 .form .font_26:after { width:186px; }
form input.formmail_border { font-size:2rem; line-height:2rem; }
#recruit #section3 form table:nth-child(12) td:nth-child(odd), 
#contact #section2 form table:nth-child(17) td:nth-child(odd),
#bizservice #section3 form table:nth-child(17) td:nth-child(odd) { padding:0.75rem 0; font-size:2rem; width:24%; height:4rem; line-height:2.5rem; }
form input.formmail_border[name="attachment[]"], 
form input.formmail_border[name="attachment[]"]::file-selector-button { height:5rem; line-height:5rem; font-size: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"] { font-size:2rem; line-height:3rem; }
form .formmail_textarea_style { font-size:2rem; padding:15px 20px; }
#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 { font-size:2rem !important; line-height:3rem; padding:15px 20px !important; }
#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; }
form a[onclick="com_formmail_formCheck(); return false;"] { margin-bottom:0; }

#contact #section1 { padding-top:27vh; }
#contact #section1 .left { margin-left:5%; }
#contact #section1 .left h2 { font-size:6rem; }
#contact #section1 .left div a { padding:8px 10px; }
#contact #section1 .font_20 { float:left; margin-left:5%; margin-top:4vh; text-align:left; }

@media screen and (max-width: 768px) { 
	#main #section6 ul li::before { width:18px; margin-left:-31px; } 
	#main #section13 div.img { width:90%; }
	#main #section13 div.img iframe, #main #section13 div.img img { height:174px !important; }
	#main #section13 .font_20 { width:89%; margin-left:auto; margin-right:auto; }
	#main #section13 .font_20 br:last-child { display:none !important; }
}