/* common */
html { font-size: 16px;}

.pc { display: none;}
.pcOnly { display: none;}
.mob { display: none}
.tablet { display: block;}

footer > div.wrap { height: 23vw}
footer .sns > li { padding-right: 5.5vw}
footer .sns > li > a { height: 6vw}
footer .logo_footer { display: block; width: 30vw}

/* index */
.wrap { padding-left: 4.5rem !important; padding-right: 4.5rem  !important; width: 100%; }
.wrap.w1640 { width:100%}
.wrap.mob60 { padding-left: 2rem !important; padding-right: 2rem  !important;}


.sec_visual {height: 17.5rem; }
.sec_visual div { font-size: 3.3rem} /* font-size: 4.8rem*/
.sec_video ul li { width: 100%}
.sec_video ul li > div { width: 100%}


.sec_recruit > .banner { padding-left: 0}
.sec_recruit > .banner > div > p { font-size: 1.9rem}
.sec_recruit > .banner .test_type3 {font-size: 1.9rem;}
.sec_recruit > .banner .test_type3 img {max-width:100%; width:300px;}


.list_recruit { display:block;}
.list_recruit > li > * { display: block;}
.list_recruit > li > div { padding-left: 1.5rem}
.list_recruit > li > p { padding: 0 0 0.9rem; width: 100%}
.list_recruit > li.i_step > p { padding: 0 0 2.5rem}



/* sub */
.sec_intro .introduce .list_type1 > li > span { line-height: 1.5; font-size: 1rem}
.sec_intro .introduce .list_type1:before { height: 63rem}
.list_special .bx_type1 .inner { padding: 2rem 2rem 2rem 13rem !important; height: auto !important;}