@charset "UTF-8";

body.member { width:100%; min-width:960px; overflow:hidden; }

#mem_nav_wrap { height:0; position:fixed; top:450px; z-index:3; }
.mem_nav { width:355px; height:100px; display:block; position:absolute; top:0; background:#000; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
.mem_nav_l { left:-220px; transition-property:left; -webkit-transition-property:left; }
.mem_nav_r { right:-220px; transition-property:right; -webkit-transition-property:right; }
.mem_nav_l:hover { left:0; transition-property:left; -webkit-transition-property:left; }
.mem_nav_r:hover { right:0; transition-property:right; -webkit-transition-property:right; }
.mem_nav a { width:100%; height:100%; display:block; box-sizing:border-box; padding:25px; position:relative; color:#fff; font-size:85%; line-height:150%; text-align:left; text-decoration:none; background-size:auto 100%; background-repeat:no-repeat; }
.mem_nav_l a { padding-right:150px; background-position:right 50%; }
.mem_nav_r a { padding-left:150px; background-position:left 50%; }
#mem_nav01 a { background-image:url(/recruit2021/member/img/mem_nav_img01.jpg); }
#mem_nav02 a { background-image:url(/recruit2021/member/img/mem_nav_img02.jpg); }
#mem_nav03 a { background-image:url(/recruit2021/member/img/mem_nav_img03.jpg); }
#mem_nav04 a { background-image:url(/recruit2021/member/img/mem_nav_img04.jpg); }
#mem_nav05 a { background-image:url(/recruit2021/member/img/mem_nav_img05.jpg); }
#mem_nav06 a { background-image:url(/recruit2021/member/img/mem_nav_img06.jpg); }
#mem_nav07 a { background-image:url(/recruit2021/member/img/mem_nav_img07.jpg); }
#mem_nav08 a { background-image:url(/recruit2021/member/img/mem_nav_img08.jpg); }
#mem_nav09 a { background-image:url(/recruit2021/member/img/mem_nav_img09.jpg); }
#mem_nav10 a { background-image:url(/recruit2021/member/img/mem_nav_img10.jpg); }
#mem_nav11 a { background-image:url(/recruit2021/member/img/mem_nav_img11.jpg); }
#mem_nav12 a { background-image:url(/recruit2021/member/img/mem_nav_img12.jpg); }
#mem_nav13 a { background-image:url(/recruit2021/member/img/mem_nav_img13.jpg); }
#mem_nav14 a { background-image:url(/recruit2021/member/img/mem_nav_img14.jpg); }
#mem_nav15 a { background-image:url(/recruit2021/member/img/mem_nav_img15.jpg); }
#mem_nav16 a { background-image:url(/recruit2021/member/img/mem_nav_img16.jpg); }
.mem_nav_l a::before { content:''; width:7px; height:10px; display:block; position:absolute; right:121px; top:50%; background:url(/recruit2021/member/img/mem_nav_arrow_l.gif) center top no-repeat; }
.mem_nav_r a::before { content:''; width:7px; height:10px; display:block; position:absolute; left:121px; top:50%; background:url(/recruit2021/member/img/mem_nav_arrow_r.gif) center top no-repeat; }


#contents_wrap { text-align:left; background:url(/recruit2021/member/img/mem_bg01.gif) left top repeat-x; }
#mem_kv_wrap { min-height:473px; padding:75px 515px 0 20px; box-sizing:border-box; background-size:500px; background-position:right top; background-repeat:no-repeat; }
.member01 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg01.jpg); }
.member02 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg02.jpg); }
.member03 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg03.jpg); }
.member04 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg04.jpg); }
.member05 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg05.jpg); }
.member06 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg06.jpg); }
.member07 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg07.jpg); }
.member08 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg08.jpg); }
.member09 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg09.jpg); }
.member10 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg10.jpg); }
.member11 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg11.jpg); }
.member12 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg12.jpg); }
.member13 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg13.jpg); }
.member14 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg14.jpg); }
.member15 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg15.jpg); }
.member16 #mem_kv_wrap { background-image:url(/recruit2021/member/img/mem_kv_bg16.jpg); }

#mem_kv_wrap #comm_home_link { padding-bottom:90px; }

#mem_kv_title h2 { font-size:200%; font-weight:bold; line-height:160%; }
#mem_kv_data { font-size:115%; padding-top:20px; display:block; }
#mem_kv_data .txt_min { font-size:75%; }

#mem_qa_wrap { padding-bottom:30px; }
.mem_qa_title { font-size:120%; font-weight:bold; padding-bottom:20px; }
.mem_qa_number { font-size:160%; color:#4fd10a; padding-right:0.2em; }
.mem_qa_text { padding-bottom:25px; }
.mem_qa_text { padding-bottom:25px; }
.mem_qa_caption { font-size:75%; text-align:right; }


.member_section01 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed01.jpg); }
.member_section02 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed02.jpg); }
.member_section03 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed03.jpg); }
.member_section04 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed04.jpg); }
.member_section05 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed05.jpg); }
.member_section06 #mem_bg_fixed { background-image:url(/recruit2021/member/img/mem_bg_fixed06.jpg); }

.member_section01 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed01_s.jpg); background-position:center top; }
.member_section02 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed02_s.jpg); }
.member_section03 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed03_s.jpg); }
.member_section04 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed04_s.jpg); }
.member_section05 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed05_s.jpg); }
.member_section06 #mem_bg_fixed.longheight { background-image:url(/recruit2021/member/img/mem_bg_fixed06_s.jpg); }

#mem_member_wrap { padding-bottom:85px; background:url(/recruit2021/top/img/ind_member_bg.gif) left top; }
#mem_member_title { width:390px; padding:80px 535px 25px 35px; box-sizing:content-box; }
.member_section01 #mem_member_box_wrap,.member_section05 #mem_member_box_wrap { width:350px; margin:0 auto; }
.member_section02 #mem_member_box_wrap { width:530px; margin:0 auto; }
.member_section03 #mem_member_box_wrap { width:710px; margin:0 auto; }
.member_section04 #mem_member_box_wrap { width:710px; margin:0 auto; }
.member_section06 #mem_member_box_wrap { width:170px; margin:0 auto; }
.mem_member_box { width:170px; height:222px; float:left; display:block; box-sizing:border-box; position:relative; background-position:center top; background-size:170px 222px; background-repeat:no-repeat; }
.mem_member_box a { width:100%; height:100%; display:block; position:relative; background:rgba(255,255,255,0); transition-property:background,opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:background,opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
.mem_member_box a:hover { opacity:0.7; background:rgba(255,255,255,0.3); }
#current.mem_member_box { border:5px solid #66cc00; }
.member_section01 .mem_member_box01 { background-image:url(/recruit2021/member/img/mem_01_member01.jpg); }
.member_section01 .mem_member_box02 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_01_member02.jpg); }

.member_section02 .mem_member_box01 { background-image:url(/recruit2021/member/img/mem_02_member01.jpg); }
.member_section02 .mem_member_box02 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_02_member02.jpg); }
.member_section02 .mem_member_box03 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_02_member03.jpg); }

.member_section03 .mem_member_box01 { background-image:url(/recruit2021/member/img/mem_03_member01.jpg); }
.member_section03 .mem_member_box02 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_03_member02.jpg); }
.member_section03 .mem_member_box03 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_03_member03.jpg); }
.member_section03 .mem_member_box04 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_03_member04.jpg); }

.member_section04 .mem_member_box01 { background-image:url(/recruit2021/member/img/mem_04_member01.jpg); }
.member_section04 .mem_member_box02 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_04_member02.jpg); }
.member_section04 .mem_member_box03 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_04_member03.jpg); }
.member_section04 .mem_member_box04 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_04_member04.jpg); }

.member_section05 .mem_member_box01 { background-image:url(/recruit2021/member/img/mem_05_member01.jpg); }
.member_section05 .mem_member_box02 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_05_member02.jpg); }

.member_section06 .mem_member_box01 { margin-left:10px; background-image:url(/recruit2021/member/img/mem_06_member01.jpg); }

.mem_member_data { width:100%; padding:10px; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff; font-size:90%; line-height:150%; text-align:center; background:rgba(0,0,0,0.6); }