@charset "UTF-8";

body#recruit2021 { overflow:hidden; }

#comm_header_wrap { padding:18px 0 21px; }
.comm_header_nav_wrap { width:678px; }
#comm_header_nav01 { margin-right:95px; }
#comm_header_nav02 { margin-right:93px; }
#comm_header_nav03 { margin-right:76px; }

#ind_header_mynavi { width:250px; position:absolute; right:0; top:36px; z-index:2; background:url(https://job.mynavi.jp/conts/kigyo/2021/logo/banner_logo_195_60.gif) center top no-repeat;background-size:cover; }

#comm_header_wrap { position:absolute; left:0; top:-200px; z-index:3; }

#ind_kv_open { height:100%; display:block; position:absolute; left:0; top:0; z-index:2; background:url(/recruit2021/top/img/ind_kv_open.jpg) center bottom no-repeat; background-size:cover; }
#ind_kv_open div { width:100%; height:100%; display:block; background:#fff; }

#ind_kv_wrap { background:url(/recruit2021/top/img/ind_kv_img.jpg) center bottom no-repeat #53b4ff; background-size: 100%; z-index:1; }
#ind_kv_wrap h2 { width:698px; margin:0 auto 0; display:block; position:relative; z-index:3; }

#ind_message_wrap { margin:60px auto 65px; background:url(/recruit2021/top/img/ind_message_bg.jpg) center top no-repeat; transition-property:opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
#ind_message_wrap:hover { opacity:0.8; }
#ind_message_wrap a { height:485px; padding:92px 630px 0 42px; color:#fff; text-decoration:none; display:block; }
#ind_message_title { width:258px; padding:0 0 124px ; z-index:2; }
#ind_message_text { font-size:120%; line-height:200%; font-weight:bold; }
#ind_message_caption { padding-top:1em; padding-bottom:8px; }
#ind_message_name { width:96px; margin:0 auto; }

#ind_about_fixed { background-image:url(/recruit2021/top/img/ind_about_fixed.jpg); background-position: 50% 50%; }
#ind_about_fixed.longheight { background-image:url(/recruit2021/top/img/ind_about_fixed_s.jpg); }

#ind_about_wrap { z-index:2; background:url(/recruit2021/top/img/ind_about_bg01.jpg) center bottom no-repeat #95c9ee; background-size:100%; }
#ind_about_title { width:290px; margin:0 auto; padding:60px 0 65px; }
#ind_about_box_wrap { width:960px; margin:0 auto; padding-bottom:245px; }
.ind_about_box { width:312px; height:375px; box-sizing:content-box; float:left; position:relative; transition-property:opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
.ind_about_box:hover { opacity:0.8; }
#ind_about_box01 { background:url(/recruit2021/top/img/ind_about_box01.jpg) center top no-repeat; }
#ind_about_box02 { background:url(/recruit2021/top/img/ind_about_box02.jpg) center top no-repeat; margin:0 12px; }
#ind_about_box03 { background:url(/recruit2021/top/img/ind_about_box03.jpg) center top no-repeat; }
.ind_about_box a { width:100%; height:100%; box-sizing:content-box; display:block; position:relative; color:#fff; text-decoration:none; }
.ind_about_text_wrap { width:100%; padding:20px 20px 35px; box-sizing:border-box; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); }
.ind_about_text_wrap span { display:block; }
.ind_about_sub { font-size:110%; font-weight:bold; }
.ind_about_text { font-size:85%; text-align:left; }
.ind_about_caption { font-size:70%; position:absolute; right:5px; bottom:5px; opacity:0.7; }

#ind_member_fixed { background-image:url(/recruit2021/top/img/ind_member_fixed.jpg); background-position: 50% 50%; }
#ind_member_fixed.longheight { background-image:url(/recruit2021/top/img/ind_member_fixed_s.jpg); }

#ind_member_wrap { background:url(/recruit2021/top/img/ind_member_bg.gif) left top; }
#ind_member_title { width:240px; margin:0 auto; padding:60px 0 65px; }

.ind_member_box { width:474px; min-height:185px; float:left; margin-bottom:12px; }

#ind_member_box02,#ind_member_box04,#ind_member_box06,#ind_member_box10,#ind_member_box12,#ind_member_box14,#ind_member_box16 { margin-left:12px; }

.ind_member_box a { width:100%; height:100%; padding-left:50%; box-sizing:border-box; display:block; color:#fff; text-decoration:none; text-align:left; background-position:center top; background-repeat:no-repeat; background-size:100%;  transition-property:opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
.ind_member_box a:hover { opacity:0.7; }
#ind_member_box01 a { background-image:url(/recruit2021/top/img/ind_member_box01.jpg); }
#ind_member_box02 a { background-image:url(/recruit2021/top/img/ind_member_box02.jpg); }
#ind_member_box03 a { background-image:url(/recruit2021/top/img/ind_member_box03.jpg); }
#ind_member_box04 a { background-image:url(/recruit2021/top/img/ind_member_box04.jpg); }
#ind_member_box05 a { background-image:url(/recruit2021/top/img/ind_member_box05.jpg); }
#ind_member_box06 a { background-image:url(/recruit2021/top/img/ind_member_box06.jpg); }
#ind_member_box07 a { background-image:url(/recruit2021/top/img/ind_member_box07.jpg); }
#ind_member_box08 a { background-image:url(/recruit2021/top/img/ind_member_box08.jpg); }
#ind_member_box09 a { background-image:url(/recruit2021/top/img/ind_member_box09.jpg); }
#ind_member_box10 a { background-image:url(/recruit2021/top/img/ind_member_box10.jpg); }
#ind_member_box11 a { background-image:url(/recruit2021/top/img/ind_member_box11.jpg); }
#ind_member_box12 a { background-image:url(/recruit2021/top/img/ind_member_box12.jpg); }
#ind_member_box13 a { background-image:url(/recruit2021/top/img/ind_member_box13.jpg); }
#ind_member_box14 a { background-image:url(/recruit2021/top/img/ind_member_box14.jpg); }
#ind_member_box15 a { background-image:url(/recruit2021/top/img/ind_member_box15.jpg); }
#ind_member_box16 a { background-image:url(/recruit2021/top/img/ind_member_box16.jpg); }
.ind_member_text_wrap { width:100%; height:100%; padding:20px; box-sizing:border-box; display:block; background:rgba(0,0,0,0.6); }
.ind_member_text_wrap span { display:block; }
.ind_member_sub { min-height:5em; }
.ind_member_text { font-size:80%; min-height:6em; }
.ind_member_caption { font-size:75%; text-align:right; padding:10px 0 60px; }