html { color: #000; background: #FFF }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; line-height: 1.8; }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*----------------------------------- common -----------------------------------*/
body, html { background: #fff; width: 100%; height: 100%; min-width: 100%; font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif; font-size: 13px; color: #231815; margin: 0; padding: 0; }
* { box-sizing: border-box; }
a{ color: #231815; text-decoration: none; display: block; }
a:link { color: #231815; text-decoration: none; }
a:visited { color: #231815; text-decoration: none; }
a:hover { color: #231815; text-decoration: none; }
a:active { color: #231815; text-decoration: none; }
area { outline: none; }
img { max-width: 100%; }
.recruitcontents h1 { font-size: 28px; color: #231815; font-family: 'Bitter', serif; letter-spacing: .085em; }
.recruitcontents h2 { font-size: 14px; color: #808080; margin: 1em 0; letter-spacing: .075em; }
.recruitcontents h3 { font-size: 16px; font-weight: bold; padding-left: 30px; margin-bottom: 40px; }
.recruitcontents.wrapper { width: 100%; position: relative; margin: 0; padding: 0; }
.recruitcontents .inner { width: 100%; max-width: 1080px; padding: 0 40px; margin: auto; position: relative; }
.recruitcontents .last { margin-right: 0 !important; }
.recruitcontents .arr_red { width: 4.5px; height: 7px; display: inline-block; margin-right: 5px; position: relative; top: -1px; }
.recruitcontents .table { width: 100%; height: 100%; display: table; }
.recruitcontents .table_inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.recruitcontents .text { text-align: center; margin-bottom: 40px; }
.recruitcontents .text p:nth-child(3) { text-align: left; }
.recruitcontents .btn { padding: 18px 22px; text-align: left; font-size: 14px; font-weight: bold; line-height: 1.6; }
.recruitcontents .btn.red { background: #d61920; color: #fff; font-weight: normal; position: relative; }
.recruitcontents .btn.red:hover:after, .btn.yellow:hover:after { right: 20px; transition: .25s; }
.recruitcontents .btn.red:after { content: ''; width: 11px; height: 16px; display: block; position: absolute; right: 22px; top: 50%; margin-top: -8px; background: url(../img/arrentry.png) no-repeat center; background-size: cover; transition: .25s; }
.recruitcontents .btn.yellow { background: #fbcc00; color: #d61920; position: relative; }
.recruitcontents .btn.yellow:after { content: ''; width: 11px; height: 16px; display: block; position: absolute; right: 22px; top: 50%; margin-top: -8px; background: url(../img/arrmypage.png) no-repeat center; background-size: cover; transition: .25s; }
.recruitcontents .btn.small { width: 250px; padding: 15px 25px; }
.recruitcontents .ttl_box { color: #d6000f; background: #fcd700; text-align: center; font-weight: bold; }
#footerArea12base a { display: inline-block; }
#footerAreaNav3Inner { line-height: 1; }
#footerArea12base {font-family: verdana, arial, helvetica, sans-serif;}

/*----------------------------------- top -----------------------------------*/
.recruitcontents #header { width: 100%; height: 130px; position: relative; background: #fecf00; }
.recruitcontents .header_left { width: 183px; height: 51px; display: block; position: absolute; top: 50%; left: 40px; margin-top: 40px; }
.recruitcontents .header_right { position: absolute; right: 40px; top: 50%; margin-top: 40px; }
.recruitcontents .share ul { font-family: 'Roboto', serif; font-size: 12px; color: #231815; font-weight: 600; line-height: 13px; margin-top: 3px; margin-bottom: 10px; float: right; }
.recruitcontents .share li { float: left; margin-right: 10px; }
.recruitcontents .share a { width: 13px; height: 13px; transiiton: .25s; }
.recruitcontents .share a:hover { opacity: .7; transiiton: .25s; }
.recruitcontents .subnav li { float: left; font-size: 11px; color: #231815; margin-right: 15px; }
.recruitcontents .subnav li a:hover { text-decoration: underline; }
.recruitcontents #navi { width: 100%; height: 60px; background: #231815; position: absolute; left: 0; top: 130px; z-index: 10; }
.recruitcontents #navi ul li { width: 16.65%; padding: 11px 0; text-align: center; float: left; position: relative; line-height: 1.4; }
.recruitcontents #navi ul li a { color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 0.075em; }
.recruitcontents #navi ul li a span { font-size: 10px; color: #d6000f; font-family: 'Roboto', serif; display: block; letter-spacing: 0.1em; margin-top: 4px; }
.recruitcontents #navi ul li a span.small { font-size: 12px; color: #fff; font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif; display: inline; letter-spacing: 0; margin-top: 0; }
.recruitcontents #navi ul li:before { content: ''; width: 1px; height: 30px; position: absolute; left: 0; top: 15px; background: #91740a; display: block; }
.recruitcontents #navi ul li.navi_last:after { content: ''; width: 1px; height: 30px; position: absolute; right: 0; top: 15px; display: block; }
.recruitcontents .sp_nav, .recruitcontents .sp_subnav { display: none; }
.recruitcontents .mainvisual { width: 100%; height: auto; position: relative; margin-top: 60px; }
.recruitcontents .mainvisual img { width: 100%; vertical-align: bottom; }
.recruitcontents#top .mainvisual { min-height: 250px; }
.recruitcontents#top .main_catch { width: 100%; position: absolute; bottom: 6%; text-align: center; z-index: 3; }
.recruitcontents .main_catch img { width: 100%; max-width: 1080px; padding: 0 40px; margin: auto; }
.recruitcontents .main_mask { z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.recruitcontents .main_mask ul { padding: 3px; }
.recruitcontents .main_mask li { width: 20%; float: left; }
.recruitcontents .main_mask .maskF { width: 100%; }
.recruitcontents .main_mask .maskH { width: 50%; float: left; }
.recruitcontents .page_navi { width: 100%; background: #fecf00; padding: 30px 0; }
.recruitcontents .page_navi ul li { width: 18.8%; max-width: 316px; float: left; background: #fee100; text-align: center; }
.recruitcontents .page_navi ul li.space { width: 1.5%; height: 1px; background: transparent; }
.recruitcontents .page_navi ul li a { font-size: 15px; color: #231816; font-weight: 600; padding: 36px 0; position: relative; }
.recruitcontents .page_navi ul li a:hover:after { right: 5px; transition: .25s; }
.recruitcontents .page_navi ul li a:after { content: ''; width: 10px; height: 15px; background: url(../img/arr_brown_bold.png) no-repeat center; background-size: cover; position: absolute; right: 10px; top: 50%; margin-top: -3px; transition: .25s; }
.recruitcontents .page_navi ul li a span { font-size: 12px; color: #e8000e; font-family: 'Roboto', serif; display: block; letter-spacing: 0.12em; margin-top: 5px; }
.recruitcontents .page_navi ul li a span.small { font-size: 13px; color: #000; font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif; display: inline; letter-spacing: 0; margin-top: 0; }
.recruitcontents#top .content { padding: 20px 0; }
.recruitcontents#top .accordion { padding: 20px 0; }
.recruitcontents .accordion_ttl { border: 1px solid #adadad; padding: 30px; font-size: 14px; color: #231815; font-weight: 600; margin-top: 15px; position: relative; background: #fff; cursor: pointer; }
.recruitcontents .accordion_ttl:after { content: ''; width: 30px; height: 30px; position: absolute; right: 0; top: 0; display: block; background: url(../img/open_btn.png) no-repeat center; background-size: cover; }
.recruitcontents .accordion_ttl.first { margin-top: 0; }
.recruitcontents .accordion_ttl.open { background: #f8f8f8; border-bottom: 0; }
.recruitcontents .accordion_ttl.open:after { background: url(../img/close_btn.png) no-repeat center; background-size: cover; }
.recruitcontents .accordion_text { border: 1px solid #adadad; border-top: 0; padding: 25px 30px; display: none; background: #fff; }
.recruitcontents .accordion_text ul li { margin-bottom: 30px; }
.recruitcontents .accordion_text ul li.last { margin-bottom: 0; }
.recruitcontents .q_ttl { font-size: 13px; color: #231815; font-weight: 600; padding-bottom: 10px; border-bottom: 3px solid #d6d6d6; }
.recruitcontents .q_ttl span { width: 24px; height: 18px; margin-right: 20px; display: inline-block; vertical-align: bottom; font-size: 13px; font-family: 'Roboto', serif; font-weight: 700; }
.recruitcontents .q_text { font-size: 13px; color: #666160; padding-top: 10px; }
.recruitcontents .q_text span { font-size: 11px; display: block; margin-top: 1em; opacity: .8; }
.recruitcontents .q_text a, .accordion_text a { display: initial; color: #d6000f; }

/* 160517 */
.contact { width: 100%; border: 1px solid #adadad; margin: 20px 0; }
.contact_ttl { font-size: 14px; color: #231815; padding: 30px; background: #f9f9f9; font-weight: bold; }
.contact_text { padding: 15px; }
.contact_text dl { float: left; width: 50%; padding: 15px; font-size: 13px; line-height: 2; color: #666160; }
.contact_text dt { border-top: 1px solid #EEF2F5; padding-top: 2em; }
.contact_text dt p { padding-left: 20px; line-height: 1.8; background: url(../img/arrbold.png) no-repeat left 5px; background-size: 10px 11px; font-weight: bold; color: #000; display: inline-block; padding-bottom: 0.5em; }
.contact_text .topline dt { border: none; padding-top: 0; }
.contact_text span { font-weight: normal; color: #999; display: inline-block; padding-left: 0.5em; }
.contact_text dd { color: #d91414; padding-left: 20px; }
.contact_text a { color: #d91414; text-decoration: underline; }

/*----------------------------------- subpage -----------------------------------*/
.recruitcontents#sub .mainvisual { width: 100%; height: 300px; text-align: center; }
.recruitcontents#sub .mainvisual .catch_text { font-size: 35px; letter-spacing: 0.075em; font-weight: 600; color: #fff; -webkit-font-smoothing: antialiased; }
.recruitcontents#sub .mainvisual .catch_text span { font-size: 14px; letter-spacing: 0.12em; font-family: 'Roboto', serif; display: block; font-weight: 900; }
.recruitcontents .subpage_navi { width: 100%; background: #fff; border-bottom: 1px solid #e9e7e7; position: absolute; }
.recruitcontents .subpage_navi.fixed { position: fixed; top: 0; left: 0; z-index: 999; }
.recruitcontents .subpage_navi ul li { padding: 11px 0; text-align: center; float: left; position: relative; }
.recruitcontents .subpage_navi ul li a { color: #231815; font-size: 14px; font-weight: 600; letter-spacing: 0.075em; padding: 13px 0; transition: all .25s; }
.recruitcontents .subpage_navi ul li a:hover { transition: all .25s; color: #DA343E; }
.recruitcontents .subpage_navi ul li:before { content: ''; width: 1px; height: 35px; position: absolute; left: 0; top: 16px; background: #e9e7e7; display: block; }
.recruitcontents .subpage_navi ul li.last:after { content: ''; width: 1px; height: 35px; position: absolute; right: 0; top: 16px; background: #e9e7e7; display: block; }
.recruitcontents .subpage_navi ul li.job_btn a { width: 92%; background: #df1920; margin: auto; color: #fff; -webkit-font-smoothing: antialiased; transition: all .25s; }
.recruitcontents .subpage_navi ul li.job_btn a:hover { opacity: .7; transition: all .25s; }
.recruitcontents .subpage_navi ul li.job_btn:before, .subpage_navi ul li.job_btn:after { display: none; }
.recruitcontents #sub_catch { width: 100%; background: #f8f8f8; padding: 130px 0 60px; text-align: center; }
.recruitcontents #sub_catch h1 { color: #d6000f; margin-bottom: 40px; }
.recruitcontents #sub_catch h1 span { font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif; font-size: 26px; }
.recruitcontents #sub_catch p { width: 100%; max-width: 825px; font-size: 14px; margin: auto; line-height: 2; text-align: left;}
.recruitcontents .content { padding: 0 0 60px; }
.recruitcontents .contents { padding-top: 60px; }

/*newgraduate*/
.newgraduate .subpage_navi ul li { width: 11.11111111111111%; }
.newgraduate .mainvisual { background: url(../img/mainvisual_newgraduate.jpg) no-repeat center; background-size: cover; }
.newgraduate .content { padding: 60px 0; }
#philosophy .text p { width: 100%; max-width: 822px; margin: 50px auto 0; line-height: 2; text-align: left;}
#philosophy .text p span { color: #d61920; }
#philosophy .zigyou { width: 100%; height: 100%; padding: 43px 58px; background: url(../img/phisolophy_bg.jpg) no-repeat right bottom; border: 1px solid #cbcbcb; position: relative; }
#philosophy .ttl_box { width: 145px; line-height: 30px; position: absolute; top: -15px; }
#philosophy ul.zigyou_list li { padding: 0 0 0 2em; line-height: 1.8; background: url(../img/arrbold.png) no-repeat left 5px; margin-bottom: 5px; background-size: 10px 11px; }
#mission_slider { width: 100%; margin: 50px 0 0 0; position: relative; }
#mission_slider ul.mission_slider_wrapper li { display: table; }
#mission_slider .mission_slider_bg, .mission_slider_text { width: 50%; display: table-cell; }
#mission_slider .mission_slider_bg { height: 470px; min-height: 470px; }
#mission_slider .mission_slider_text { height: 470px; min-height: 470px; padding: 50px 120px; text-align: center; position: relative; background: #fcd700; }
#mission_slider .mission_slider_text p { color: #6a5211; line-height: 2; }
#mission_slider .mission_slider_text p:first-child { font-size: 18px; color: #d6000f; margin: 0 0 1.5em 0; font-weight: bold; }
#mission_slider .mission_slider_text p:nth-child(2) { text-align: left;}
#mission_slider ul.mission_slider_thum { width: 100%; }
#mission_slider ul.mission_slider_thum li { width: 33.33333333333333%; float: left; height: 110px; text-align: center; cursor: pointer; }
#mission_slider ul.mission_slider_thum li p { line-height: 1.7; color: #fff; font-size: 16px; }
#mission_slider ul.mission_slider_thum li:hover p { color: #fbcc00; transition: all .35s ease-out; }
#mission_slider ul.mission_slider_thum li:hover a, #mission_slider ul.mission_slider_thum li a.active { border: 3px solid #fff; transition: all .25s ease-out; }
#mission_slider ul.mission_slider_thum li:hover p, #mission_slider ul.mission_slider_thum li a.active p { color: #fbcc00; transition: all .35s ease-out; }
#mission_slider .bx-controls-direction { width: 50%; height: 38px; position: absolute; right: 0; top: 40%; z-index: 100; }
#mission_slider .bx-prev { width: 19px; height: 38px; background: url(../img/mission_slider_ctll.png) no-repeat center center; background-size: cover; position: absolute; left: 50px; text-indent: -9999px; }
#mission_slider .bx-next { width: 19px; height: 38px; background: url(../img/mission_slider_ctlr.png) no-repeat center center; background-size: cover; position: absolute; right: 50px; text-indent: -9999px; }
.mission1 { background: url(../img/mission_slider_img1.jpg) no-repeat center center; background-size: cover; }
.mission2 { background: url(../img/mission_slider_img2.jpg) no-repeat center center; background-size: cover; }
.mission3 { background: url(../img/mission_slider_img3.jpg) no-repeat center center; background-size: cover; }
.mission1_thum { background: url(../img/mission_thum1.jpg) no-repeat center center; background-size: cover; }
.mission2_thum { background: url(../img/mission_thum2.jpg) no-repeat center center; background-size: cover; }
.mission3_thum { background: url(../img/mission_thum3.jpg) no-repeat center center; background-size: cover; }
#interview ul.interviews, #workstyle ul.interviews { margin: 0 0 55px 0; }
#interview ul.interviews li { width: 33%; float: left; padding: 0 30px; text-align: center; }
#interview .interview_thum, #workstyle .interview_thum { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: auto; }
#interview .name, #workstyle .name { font-size: 14px; font-weight: bold; margin: 1em 0 0.5em 0; }
#interview .position, #workstyle .position { color: #808080; font-size: 11px; }
#workstyle .division { font-size: 12px; margin: 10px 0 5px; font-weight: bold; }
#interview .interview_info, #workstyle .interview_info { width: 47%; float: left; padding: 0 25px 0 0px; }
#interview .interview_text, #workstyle .interview_text { width: 53%; float: left; }
.accordion_ttl span { width: 32px; height: 18px; display: block; vertical-align: middle; position: absolute; left: 20px; }
#interview .accordion_text p, #faq .accordion_text, #workstyle .accordion_text p { color: #949191; line-height: 1.8; }
#interview .accordion_ttl.first, #faq .accordion_ttl.first, #workstyle .accordion_ttl.first { border-top: 1px solid rgb(173, 173, 173); }
#interview .accordion_ttl, #faq .accordion_ttl, #workstyle .accordion_ttl { margin-top: 0; border-top: 0; padding: 30px 40px 30px 70px; }
#interview .accordion_ttl.open, #faq .accordion_ttl.open, #workstyle .accordion_ttl.open { background: none; border-bottom: 0; }
#interview .accordion_text, #faq .accordion_text, #workstyle .accordion_text { border-top: 0; position: relative; }
#interview .hr, #faq .hr, #workstyle .hr { width: 100%; display: block; position: relative; }
#interview .hr:before, #faq .hr:before, #workstyle .hr:before { content: ''; height: 1px; width: 100%; display: block; background: #EEF2F5; position: absolute; top: -25px; }
#interview .interview_text a, #workstyle .interview_text a { display: initial; color: #d6000f; }
#interview .interview_info img, #workstyle .interview_info img { width: 100%; max-width: 445px; }
#interview .ttl_box, #workstyle .ttl_box { width: auto; max-width: 370px; text-align: left; font-size: 15px; line-height: 21px; padding: 10px 15px; position: absolute; bottom: -11px; left: 15px; }
#interview .interview_info_box, #workstyle .interview_info_box { position: relative; }
#interview p.info_position, #workstyle p.info_position { font-size: 14px !important; margin: 2em 0 1em 0; font-weight: bold; }
#interview .interview_info_text, #workstyle .interview_info_text { padding: 0 15px; margin-top: 30px; }
#interview .interview_info_text p, #workstyle .interview_info_text p { font-size: 12px; line-height: 1.8; }
#interview .graduate, #workstyle .graduate { margin: 0 0 1em 0; }
#interview .interview_text_box { padding: 0 30px; border-left: 1px solid #adadad; border-top: 1px solid #adadad; border-right: 1px solid #adadad; position: relative; }
#interview .interview_text_box.last, #workstyle .interview_text_box.last { border-bottom: 1px solid #adadad; }
#interview .question, #workstyle .question { font-size: 14px; font-weight: bold; padding: 30px 40px 30px 50px; cursor: pointer; }
.thum_img12 { background: url(../img/interview_thum_img12.jpg?y=2018) no-repeat center center; }
.thum_img13 { background: url(../img/interview_thum_img13.jpg) no-repeat center center; }
.thum_img14 { background: url(../img/interview_thum_img14.jpg) no-repeat center center; }
.thum_img15 { background: url(../img/interview_thum_img15.jpg) no-repeat center center; }
.active .thum_img12 { background: url(../img/interview_thum_img12_on.jpg?y=2018) no-repeat center center; }
.active .thum_img13 { background: url(../img/interview_thum_img13_on.jpg) no-repeat center center; }
.active .thum_img14 { background: url(../img/interview_thum_img14_on.jpg) no-repeat center center; }
.active .thum_img15 { background: url(../img/interview_thum_img15_on.jpg) no-repeat center center; }
.thum_img18 { background: url(../img/interview_thum_img18.jpg?y=2018) no-repeat center center; }
.thum_img19 { background: url(../img/interview_thum_img19.jpg) no-repeat center center; }
.thum_img20 { background: url(../img/interview_thum_img20.jpg) no-repeat center center; }
.thum_img21 { background: url(../img/interview_thum_img21.jpg) no-repeat center center; }
.thum_img23 { background: url(../img/interview_thum_img23.jpg) no-repeat center center; }
.thum_img26 { background: url(../img/interview_thum_img26_on.jpg) no-repeat center center; filter: grayscale(100%);}
.active .thum_img18 { background: url(../img/interview_thum_img18_on.jpg?y=2018) no-repeat center center; }
.active .thum_img19 { background: url(../img/interview_thum_img19_on.jpg) no-repeat center center; }
.active .thum_img20 { background: url(../img/interview_thum_img20_on.jpg) no-repeat center center; }
.active .thum_img21 { background: url(../img/interview_thum_img21_on.jpg) no-repeat center center; }
.active .thum_img23 { background: url(../img/interview_thum_img23_on.jpg) no-repeat center center; }
.active .thum_img26 { background: url(../img/interview_thum_img26_on.jpg) no-repeat center center; filter: inherit;}
#landscape .landscape_box { width: 100%; background: #fbcc00; overflow: hidden; position: relative; }
#landscape .landscape_box p { color: #7c630e; font-size: 12px; margin: 35px 0 35px 40px; }
#landscape ul.landscape_slider li { max-height: 508px; text-align: center; padding: 0 115px; }
#landscape ul.landscape_slider li img { border: 3px solid #fff; vertical-align: bottom; }
#landscape .bx-viewport { overflow: visible !important; }
#landscape .bx-prev { width: 28px; height: 53px; position: absolute; top: 50%; left: 28px; background: url(../img/slider_ctll.png) no-repeat center center; background-size: cover; text-indent: -9999px; margin-top: -27px; }
#landscape .bx-next { width: 28px; height: 53px; position: absolute; top: 50%; right: 28px; background: url(../img/slider_ctlr.png) no-repeat center center; background-size: cover; text-indent: -9999px; margin-top: -27px; }
#landscape .landscape_slider_pager { position: absolute; right: 40px; top: 35px; }
#landscape .landscape_slider_pager li { width: 10px; height: 10px; float: left; margin: 0 10px 0 0; }
#landscape .landscape_slider_pager a { width: 10px; height: 10px; border-radius: 50%; text-indent: -9999px; background: #fde680; }
#landscape .landscape_slider_pager a.active { background: none; border: 2px solid #fff; }
#message ul.message_box { border: 1px solid #cbcbcb; display: table; }
#message ul.message_box li { width: 50%; display: table-cell; }
#message .message_box_bg { background: url(../img/message.jpg) no-repeat center center; background-size: 70% auto; }
#message .message_box_bg_2019 { background: url(../img/message_2019.jpg) no-repeat 35px center; background-size: 93% auto; }
#message .message_box_text { padding: 35px; color: #615c5b; line-height: 1.85; }
#message .message_box_text p:first-child { font-size: 20px; color: #d6000f; margin: 0 0 1em 0; font-weight: bold; }
#message .message_box_text p.profile { font-size: 12px; padding: 2em 0 0 0; margin: 2em 0 0 0; border-top: 1px solid #cbcbcb; }
#message .message_box_text p.profile span { font-weight: bold; }
.recruitcontents #table { width: 100%; height: 100%; border-top: 4px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; }
.recruitcontents .tr { border-bottom: 1px solid #cbcbcb; }
.recruitcontents .th { width: 30%; padding: 30px; vertical-align: top; }
.recruitcontents .th p { padding: 0 0 0 20px; background: url(../img/arrbold.png) no-repeat left 4px; font-size: 14px; color: #666666; font-weight: bold; background-size: 10px 11px; }
.recruitcontents .td { width: 70%; padding: 30px; border-left: 2px solid #df4f59; }
#flow ul.flow_box li { max-width: 1000px; height: 220px; max-height: 220px; float: left; border: 3px solid #fbcc00; text-align: center; position: relative; font-weight: bold; }
#flow ul.flow_box li p { line-height: 1.5em; font-size: 13px; font-weight: bold; }
#flow ul.flow_box li p.note{ font-size: 11px; text-align: left; text-indent: -1em; margin-left: 1em; margin-top: 5px; }
#flow .table_inner { padding: 15px 10px 5px; }
#flow .step { width: 70px; height: 35px; position: absolute; background: #fbcc00; color: #d6000f; font-size: 14px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.1em; line-height: 35px; }
#flow .border { background: url(../img/flow_bg.png) no-repeat center center; background-size: cover; }
#flow .flow_arr { width: 3%; background: url(../img/flow_arr.png) no-repeat center center; border: 0 !important; }
#flow .step_box { width: 22.7%; }
#flow .three_step_box { width: 31.3%; }
#flow .deadline { color: #d6000f; font-size: 16px; font-weight: bold; margin-top: 0.5em; }
.newgraduate #recruitment.contents, #flow.contents, #access.contents { padding-top: 70px; }
.newgraduate #recruitment #table .td p a, #flow ul.flow_box p a { text-decoration: underline; display: initial; }
#access { position: relative; }
#access #map { width: 100%; height: 460px; position: relative; }
#access .map_information { width: 100%; max-width: 265px; padding: 30px; background: #fff; position: absolute; top: 180px; left: 48px; z-index: 10; }
#access .address { color: #d6000f; font-size: 16px; font-weight: bold; margin-bottom: 1.5em; }
#access .company { margin-bottom: 1em; }
#access .company span { font-weight: bold; margin-bottom: 1em; display: block; }
#access .map_information a { color: #d6000f; font-size: 12px; text-decoration: underline; margin-top: 0.5em; }
#entry ul.btns li a { width: 49%; height: 100px; float: left; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; line-height: 100px; position: relative; padding: 0 0 0 40px; }
#entry ul.btns li a p { font-size: 25px; line-height: 100px; font-weight: bold; }
#entry ul.btns li a p span { font-size: 12px; position: absolute; top: 0; margin-left: 10px; }
#entry ul.btns li a img { width: 11px; height: 16px; position: absolute; top: 50%; right: 40px; margin-top: -6px; transition: all .25s ease-in-out; }
#entry ul.btns li:hover a img { right: 35px; transition: all .25s ease-in-out; }
.entry a { background: #d61920; color: #fff !important; margin-right: 2%; }
.mypage a { background: #fbcc00; color: #d61920 !important; }
.entry a:hover,
.mypage a:hover{text-decoration: none;}
/*parttime*/
#voice .text { margin-bottom: 70px; }
.parttime .subpage_navi ul li { width: 20%; }
.parttime .mainvisual { background: url(../img/mainvisual_parttime.jpg) no-repeat center; background-size: cover; }
.voice { position: relative; margin-bottom: 70px; }
.voice.last { margin-bottom: 0; }
.voice_ttl { width: 160px; text-align: center; color: #da343e; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 0.075; background: #fbcc00; line-height: 40px; position: absolute; left: 15px; top: -20px; }
.voice_box { width: 100%; border: 1px solid #cbcbcb; }
.voice_box.second { border-top: 0; }
.voice_box_right { border-left: 1px solid #cbcbcb; }
.voice_box_left, .voice_box_right { width: 50%; display: table-cell; }
.voice_text { padding: 30px; line-height: 1.8; }
.voice_text_ttl { font-weight: bold; margin-bottom: 0.5em; }
.voice_text_wrap { margin-bottom: 2em; }
.voice_text_wrap.last { margin-bottom: 0; }
.voice_box p { color: #615c5b; font-size: 13px; padding-left: .5em; }
.voice_box_sp { display: none; }
.voice1-1 { background: url(../img/voice_img1.jpg?y=2018) no-repeat center; background-size: cover; }
.voice1-2 { background: url(../img/voice_img2.jpg?y=2018) no-repeat center; background-size: cover; }
.voice2-1 { background: url(../img/voice_img3.jpg) no-repeat center; background-size: cover; }
.voice2-2 { background: url(../img/voice_img4.jpg) no-repeat center; background-size: cover; }
.voice3-1 { background: url(../img/voice_img7.jpg) no-repeat center; background-size: cover; }
.voice3-2 { background: url(../img/voice_img8.jpg) no-repeat center; background-size: cover; }
.recruitment_inner { background: #f8f8f8; padding: 40px 0; }
.click_text { font-size: 20px; font-weight: bold; letter-spacing: 0.075em; position: absolute; top: 0; }
.click_text span { font-size: 14px; display: block; letter-spacing: 0.025em; margin-top: 5px; }
.recruiting_area { width: 32%; background: #fff; border: 1px solid #adadad; padding: 30px; float: right; }
.recruiting_area h3 { font-size: 16px; position: relative; padding-left: 15px; margin-bottom: 30px; }
.recruiting_area h3:after { content: ''; width: 4.5px; height: 7px; background: url(../img/arr_red.png) no-repeat center; position: absolute; top: 8px; left: 0; background-size: cover; }
.recruiting_area ul li { margin-bottom: 20px; }
.recruiting_area ul li:hover a { text-decoration: underline; }
.recruiting_area ul li.last { margin-bottom: 40px; }
.recruiting_area ul li a { font-size: 13px; color: #231815; font-weight: bold; }
.recruiting_area .btn { margin-bottom: 15px; font-size: 13px; }
.recruiting_area .btn.last { margin-bottom: 0; }
.recruiting_map { max-width: 569px; margin-top: 40px; float: left; position: relative; }
.map_name a { font-size: 14px; color: #d61920; font-weight: bold; }
.map_name a:hover { text-decoration: underline; }
.map_name.area1 a { position: absolute; right: 6px; top: 217px; }
.map_name.area2 a { position: absolute; right: 114px; top: 444px; }
.map_name.area3 a { position: absolute; right: 60px; top: 381px; }
.map_name.area4 a { position: absolute; right: 230px; top: 270px; }
.map_name.area5 a { position: absolute; right: 253px; top: 490px; }
.map_name.area6 a { position: absolute; right: 353px; top: 363px; }
.map_name.area7 a { position: absolute; left: 175px; top: 537px; }
.map_name.area8 a { position: absolute; top: 380px; right: 460px; }
.notnow { width: 100%; border: 1px solid #adadad; margin-top: 60px; }
.notnow_ttl { font-size: 14px; color: #231815; padding: 30px; background: #f9f9f9; font-weight: bold; }
.notnow_text { padding: 30px; }
.notnow_text .toroku { }
.notnow_text .toroku p { font-size: 13px; line-height: 2; color: #666160; margin-bottom: 1em; border-top: 1px solid #EEF2F5; padding-top: 1em; }
.notnow_text .toroku p:first-child { border: none; padding-top: 0; }
.notnow_text span { font-weight: bold; color: #000; display: inline-block; padding-bottom: 0.5em; }
.notnow_text a.btn { width: 100%; max-width: 258px; float: right; padding-right: 55px; line-height: 1.5; }
.recruitcontents .atention { margin-top: 30px; border: 1px solid #f8eabd; background: #fffdf4; padding: 15px; }
.recruitcontents .atention_ttl { font-size: 12px; color: #66605c; font-weight: bold; margin-bottom: 1em; }
.recruitcontents .atention p { font-size: 11px; color: #827d78; line-height: 2; }
.recruitcontents .atention a { color: #d6000f; font-weight: bold; text-decoration: underline; display: inline-block; }

/*contractstaff*/
.contractstaff .subpage_navi li { width: 33.33333333333333%; }
.contractstaff .mainvisual { background: url(../img/mainvisual_contractstaff.jpg) no-repeat center; background-size: cover; }
#workstyle ul.interviews li { width: 20%; float: left; padding: 0 5px; text-align: center; }
.thum_img1 { background: url(../img/interview_thum_img1.jpg) no-repeat center center; }
.thum_img6 { background: url(../img/interview_thum_img6.jpg) no-repeat center center; }
.thum_img7 { background: url(../img/interview_thum_img7.jpg?y=2018) no-repeat center center; }
.thum_img9 { background: url(../img/interview_thum_img9.jpg) no-repeat center center; }
.thum_img10 { background: url(../img/interview_thum_img10.jpg?y=2018) no-repeat center center; }
.thum_img22 { background: url(../img/interview_thum_img22.jpg) no-repeat center center; }
.active .thum_img1 { background: url(../img/interview_thum_img1_on.jpg) no-repeat center center; }
.active .thum_img6 { background: url(../img/interview_thum_img6_on.jpg) no-repeat center center; }
.active .thum_img7 { background: url(../img/interview_thum_img7_on.jpg?y=2018) no-repeat center center; }
.active .thum_img9 { background: url(../img/interview_thum_img9_on.jpg) no-repeat center center; }
.active .thum_img10 { background: url(../img/interview_thum_img10_on.jpg?y=2018) no-repeat center center; }
.active .thum_img22 { background: url(../img/interview_thum_img22_on.jpg) no-repeat center center; }
.careerplan_accordion { background: #fbcc00; padding: 60px 0; }
#careerplan .accordion_ttl, #careerplan .accordion_text { border: 1px solid #d4bc57; }
#careerplan .accordion_ttl.open { border-bottom: 0; }
#careerplan .accordion_text { border-top: 0; }
.contractstaff #recruitment ul li { margin-bottom: 20px; }
.contractstaff #recruitment ul li.last { margin-bottom: 40px; }
.recruitment_left { width: 44.5%; height: 320px; background: #000; float: left; }
.recruitment_right { width: 53.5%; min-height: 320px; padding: 30px; border: 1px solid #adadad; float: right; position: relative; }
.recruitment_ttl { font-size: 14px; font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #eef2f5; }
.recruitment_ttl span { font-size: 10px; color: #adadad; font-family: 'Roboto', serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; margin-left: 1em; }
.recruitment_text { padding-top: 30px; }
.recruitment_text p { font-size: 13px; color: #666160; line-height: 2; }
.recruitment_right .btn.small { float: right; margin-top: 40px; }
.recruitment_left.hq { background: url(../img/recruitment_company2.jpg) no-repeat; background-size: cover; }
.recruitment_left.store { background: url(../img/recruitment_store.jpg) no-repeat; background-size: cover; }
.recruitment_left.cafe { background: url(../img/recruitment_cafe.jpg) no-repeat; background-size: cover; }
.contractstaff .content section #workstyle ul.interview_box li:first-child { margin-bottom:40px; }
.contractstaff .careerplan_accordion {margin-bottom:60px;}
.contractstaff li.entry:last-child a { margin-right: 0; }
#workstyle .careerplan_accordion .accordion_ttl{ margin-top: 15px; border: 1px solid #d4bc57; padding: 30px; }
#workstyle .careerplan_accordion .accordion_ttl.first{ margin-top: 0; }
#workstyle .careerplan_accordion .accordion_ttl.open{ background: #f8f8f8; border-bottom: 0; }

/*thedisabled*/
.thedisabled .subpage_navi li { width: 33.33333333333333%; }
.thedisabled .mainvisual { background: url(../img/mainvisual_thedisabled.jpg) no-repeat center; background-size: cover; }
.thedisabled #entry ul.btns li a {width: 50%; float: none; margin: 0 auto;}

/*permanentstaff*/
.permanentstaff #recruitment ul li{ margin-bottom: 20px;}
.permanentstaff .subpage_navi li { width: 33.33333333333333%; }
.permanentstaff .mainvisual { background: url(../img/mainvisual_permanentstaff2.jpg) no-repeat center; background-size: cover; }

/**/
#changePcAnchor{ color:#fff!important; }
nav.links-list ul li a{color:#5780d8;}