@charset "utf-8";

body { min-width:initial; }

.spMenu { z-index:9999; width:100%; overflow:hidden; display:block; background:#fff; }

.spMenu h1 { float:left; padding:10px 0 0 10px; width:auto; }
.spMenu button { display:block; outline:0; cursor:pointer; background:#EE6820; border-width:0; padding:0 15px; margin:0; float:right; box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; }
.spMenu button span { color:#fff;  font-size:13px; font-weight:bold; }
.spMenu button:before { font-size:17px; font-weight:normal; color:#fff; }
.spMenu > div { display:none; box-sizing:border-box; -webkit-box-sizing:border-box; background:#EE6820; padding:10px 10px 10px 10px; width:100%; float:none; clear:both; }
.spMenu ul { width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #EE6820; border-width:1px 0 0 1px; }
.spMenu ul li { width:100%; border:solid #EE6820; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.spMenu ul li a { background:#fff; color:#000; text-decoration:none; transition: all 0.1s ease-in-out 0s; display:block; padding:20px 10px 20px 10px; text-align:center; font-size:13px; font-family:Helvetica, Helvetica Neue, "游ゴシック", YuGothic,"Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; font-weight:bold; }
.spMenu ul li a:hover { color:#EE6820; }
.fixed { position: fixed; left:0; top:0; }

.spMenu h1 img { max-width:180px; }

.headContent { display:none; }
.pageTitle { padding:20px; }
.pageTitle h2 { font-size:23px; }
.pageTitle h2 span { font-size:13px; }
.contentWrap { width:100%; padding:20px 0; }
.column { display:block; }

.sideMenu { margin:0 0 20px; width:100%; padding:0 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.pageMenu li a { font-size:13px; }
.companyAbout { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px 0 10px; }
.subTitle { font-size:16px; margin:0 0 20px; }
.sideTitle { font-size:16px; }
.melitList { display:block; }
.melitList li { width:100%; margin:0 0 10px; }
.entryArea { padding:50px 10px 30px 10px; }
footer div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:70px 0 40px 0; }
footer small { display:block; text-align:center; }
.scTable td { font-size:13px; }
.basicTable td { font-size:13px; }
.entryArea h4 { font-size:20px; }
.entryArea p { font-size:13px; }
.newgranduateAbout { width:100%; display:block; }
.newgranduateAbout dt { width:100%; margin:0 0 10px; }
.newgranduateAbout dd { margin:0; width:100%; }
.basicBtn span { font-size:16px; }
.messageTop dt img { max-width:100%; }
.messageTop dd { left:10px; padding:7px 15px; }
.messageTop dd em { font-size:12px; }
.messageTop dd strong { font-size:20px; }

.recruitList { padding:0 10px 0 10px; }
.recruitList li { width:49%; margin:0 2% 30px 0 }
.recruitList li:nth-child(2n) { margin:0 0 30px; }
.recruitList li dd { font-size:12px; }
.recruitAbout dd { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.recTable { margin:0 0 40px 0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.recDetailContent { padding:0 10px 0 10px; }
.recTable th { display:block; width:auto; }
.recTable td { display:block; width:auto; }

.interviewList { display:block; padding:0 10px 0 10px; }
.interviewList li { width:100%; margin:0 0 30px; }
.interviewList li dt img { width:100%; }
.interviewList li:nth-child(3n) { margin:0 0 30px; }
.detailList dl { display:block; padding:0 10px 0 10px; }
.detailList dl dt { margin:0 0 20px; width:100%; }
.detailList dl dd p { font-size:18px; }
.detailList dl:before { display:none; }
.detailList dl dt img { width:100%; }
.detailList dl dd { width:100%; padding:0; }
.detailList dl dd table th { display:block; width:auto; }
.detailList dl dd table td { display:block; width:auto; }

.recruitAbout { display:block; padding:0 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.recruitAbout dt { width:100%; margin:0 0 20px; }
.recruitAbout dt img { float:none; margin:0 0 10px; width:100%; max-width:initial; }

.interviewWrap dl { width:100%; display:block; padding:0 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.interviewWrap dd { padding:0; }
.interviewWrap dd strong { font-size:30px; }
.interviewWrap dd em { font-size:12px; }
.intContent dt { width:100%; margin:0 0 20px; }
.intContent dt img { width:100%; }
.intContent dd { width:100%; padding:0 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.intContent dd h4 { padding:0; }
.interviews h4 { padding:0 10px 0 10px; }
.interviews p { padding:0 10px 0 10px; }
.intContent dd p { padding:0; }
.interviews h4 { font-size:18px; }

.aboutRead { display:block; margin:0 0 20px; }

.commonTitle { padding:20px; font-size:23px; }
.lD dt { margin:0 0 10px; text-align:center; }
.lD dt img { max-width:100%; }
.lD dd { padding:0 10px 0 10px; }

.topBtn { display:block; }
.topBtn a { width:100%; }

img { max-width:100%; }
#fs .s50w > div:first-child { margin:0 0 10px; }
#fs .s50w > div { width:100%; padding:0 10px 0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aboutRead dt { width:100%; height:200px; background-size:cover; }
.aboutRead dd { width:100%; padding:10px 10px; }
.aboutRead dd h3 { font-size:24px; }
.aboutRead dd h3 br { display:none; }
.aboutList { width:100%; display:block; padding:0 10px 0 10px; margin:0 0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aboutList li { width:100%; margin:0 0 20px; }
.aboutList li dt img { width:100%; }

.topBtn { margin:0 0 20px; padding:0 0 30px; }
.topBtn dl dd p { margin:0 0 20px; }
.topBtn dl dt { height:270px; margin:0 0 10px; }
.topBtn dl dd { position:static; bottom:0; padding:0 10px 25px 10px; }
.topBtn dl dd h3 { padding:0; font-size:30px; }
.recTitle { padding:20px 0; z-index:1; }
.recWrap { width:100%; margin:0; }
.recContent { padding:10px; }
.topInterview { padding:10px; }
.topInterviewWrap .interviewList { width:100%; padding:0; }
.topInterviewWrap { width:100%; padding:20px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; min-width:initial; }
#fs .mb50 { margin:0 0 30px; }
.recInner { padding:20px 0 0; top:auto; }
.recInner p { padding:0 10px 0 10px; }
.recTitle h4 { width:100%; margin:0; text-align:center; font-size:30px; }

.entryBtn { display:block; padding:10px; }

.diPC { display:none; }
.diSP { display:block; }

.slide_all {width:100%; margin: 0 auto 30px auto; height:300px; position: relative; }
.slide_wrap {width:100%; position:relative; }
.slide_wrap:before { display:none; }
.slide_body {width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; background:#fff; }
.slide { width: 100%; }
.slide img { vertical-align: bottom;}
.slide span { display:none; }
.topKv1 { background:#fff url(../img/kv1.jpg) center top no-repeat; background-size:cover; height: 300px; }
.topKv2 { background:#fff url(../img/kv2.jpg) center right -50px no-repeat; background-size:cover; height: 300px; }
.slide_all h2 { width:100%; position:absolute; left:0; letter-spacing:-3px; bottom:20px; font-size:60px; color:#fff; z-index:999; padding:0 0 0 10px; font-family: 'Vollkorn', serif; font-style:italic; }


.centP { padding:0 10px; }
.contact th { display:block; width:auto; }
.contact td { display:block; width:auto; }
.formList li { float:none; }
.wpcf7-checkbox .wpcf7-list-item { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.wpcf7-radio .wpcf7-list-item { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 0 10px !important; }
.wpcf7 .wpcf7-response-output { padding:5px; font-size:12px; }

#fs .contact td input.ssRange { width:5em; }
#fs .contact td input.sRange { width:10em;  box-sizing:border-box; -webkit-box-sizing:border-box; }
#fs .contact td input.mRange { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
#fs .contact td input.lRange { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.contact td em { margin:5px 0 0; display:block; }