@charset "utf-8";

#visual {border-bottom:30px solid #e5f0f9; background:#f5f5f5}
#visual .inner {height:680px; overflow:hidden;}
#visual strong {display:block; font-weight:normal; font-size:48px; line-height:1.2}
#visual span {display:block; margin-bottom:3px; font-size:30px;}
#visual em {display:block; font-weight:bold}
#visual p {margin-top:35px; font-size:20px; font-weight:400}
#visual p::before {display:block; width:50px; height:4px; margin-bottom:35px; background:#282828; content: '';}
#visual .slick-arrow {top:310px; padding:10px}
#visual .slick-arrow.prev {left:40px;}
#visual .slick-arrow.next {right:38px;}
#visual .slick-arrow .ico_comm {width:21px; height:40px;}
#visual .slick-arrow.prev .ico_comm {background-position:0px -20px;}
#visual .slick-arrow.next .ico_comm {background-position:-30px -20px;}
#visual .item {vertical-align:top}
#visual .item1 {background:url(../_img/main_visual1_line.png) -40% 50% no-repeat #b6dfff; background-position:calc(50% + 520px) 50%;}
#visual .item1 .inner {background:url(../_img/main_visual1.png) 50% 0 no-repeat;}
#visual .item1 .wfix {padding-top:108px;}
#visual .item2 {position:relative; background:url(../_img/main_visual2_line.png) 80% 0% no-repeat #e8f5fb; background-position:calc(50% + 1040px) 0;}
#visual .item2 .inner {position:relative; background:url(../_img/main_visual2.jpg) 5% 0 no-repeat; background-position:calc(50% - 440px) 0; z-index:5}
#visual .item2::after {position:absolute; top:0; left:0; width:50%; height:680px; background:#a3deff; content:'';}
#visual .item2 .wfix {padding-top:115px;}
#visual .item2 .cont {float:right}

.main_box {position:relative; margin-top:-214px; background:#fff; border:1px solid #d5d5d5; z-index:9; overflow:hidden;}
.main_box > div {height:315px; padding:40px;}
.main_box .main_list {float:left; width:640px; border-right:1px solid #d5d5d5; }
.main_box .main_notice {position:relative; overflow:hidden;}
.main_box h3 {font-size:28px; font-weight:400;}
.main_box h3::after {display:block; width:25px; height:3px; margin-top:7px; content:'';}
.recruit {margin-top:25px}
.recruit.slider_apply {margin-left:-20px;}
.recruit .slick-slide > div {position:relative; margin-left:20px; padding:50px 20px 20px; background:#f5f5f5}
.recruit .item {height:170px;}
.recruit.single .item {position:relative; padding:50px 20px 20px; background:url(../_img/main_recruit.png) right 50% no-repeat #f5f5f5; background-size:auto 100%}
.recruit .state {position:absolute; top:0; left:0; width:60px; line-height:30px; background:#555; text-align:center; color:#fff; font-weight:500; font-size:14px;}
.recruit .tit {font-weight:bold}
.recruit .tit:hover {text-decoration:underline;}
.recruit .info {position:absolute; bottom:20px; left:20px;}
.recruit .info .date {display:block; margin-bottom:16px; letter-spacing:0; font-size:14px;}
.recruit .info .btn {width:134px; line-height:28px; font-size:13px;}
.recruit .info .btn::before {width:13px; height:14px; background-position:0 0; margin:7px 3px 0 0;}
.recruit .slick-arrow {top:-40px; padding:5px;}
.recruit .slick-arrow .ico_comm {display:block; width:10px; height:16px;}
.recruit .slick-arrow.prev {right:40px; background-position:-20px 0px;}
.recruit .slick-arrow.next {right:-5px; background-position:-40px 0px;}
.recruit .slick-arrow.prev .ico_comm {background-position:-20px 0px;}
.recruit .slick-arrow.next .ico_comm {background-position:-40px 0px;}
.recruit .slick-arrow.slick-disabled {opacity:0.2}
.main_notice .btn {position:absolute; top:44px; right:40px; width:32px; height:32px; text-align:center;}
.main_notice .btn .ico_comm {width:14px; height:14px; margin-top:8px; background-position:-60px 0px; opacity:.8}
.main_notice .list_notice {clear:both; margin-top:14px}
.main_notice .list_notice li {position:relative; padding:9px 0; line-height:20px; transition:0.3s}
.main_notice .list_notice li + li {border-top:1px dotted #bbb}
.main_notice .list_notice a {display:inline-block; max-width:290px; font-weight:400; line-height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_notice .list_notice a:hover {text-decoration:underline;}
.main_notice .list_notice .date {float:right; font-size:14px; letter-spacing:0; line-height:28px; color:#999; text-align:right;}
.main_notice .list_notice p {margin-top:10px; font-size:14px; line-height: 1.5}
.list_bnr {margin:50px 0; overflow:hidden;}
.list_bnr li {float:left; width:394px;}
.list_bnr li + li {margin-left:9px;}
.list_bnr a {display:block; height:127px; padding-lefT:40px; font-size:24px; line-height:24px; font-weight:bold; color:#fff}
.list_bnr span {display:block;}
.list_bnr em {display:block; padding-top:35px; font-size:16px; font-weight:300;}
.list_bnr .bnr1 {background:url(../_img/main_bnr1.jpg) 50% 50% no-repeat;}
.list_bnr .bnr2 {background:url(../_img/main_bnr2.jpg) 50% 50% no-repeat;}
.list_bnr .bnr3 {background:url(../_img/main_bnr3.jpg) 50% 50% no-repeat;}
.list_bnr .bnr1 span {padding-top:39px; font-size:20px;}
.list_bnr .bnr2 a {color:#000}

.main_process {padding:70px 0 80px; background:url(../_img/main_process_bg.png); text-align:center;}
.main_process h3 {font-size:28px; font-weight:500;}
.main_process ol {margin-top:48px; overflow:hidden;}
.main_process li {position:relative; float:left; width:286px; padding-top:180px; border:1px solid #ccc; background-color:#fff; background-position:50% 0; background-repeat:no-repeat;}
.main_process li + li {margin-left:16px;}
.main_process li + li::before,
.main_process li + li::after {position:absolute; top:50%; content:'';}
.main_process li + li::before {left:-27px; width:36px; height:36px; margin-top:-18px; border-radius:100%; background:#000;}
.main_process li + li::after {left:-12px; width:10px; height:16px; margin-top:-8px; background-position:-60px -40px; content:'';}
.main_process .p1 {background-image:url(../_img/main_process1.jpg)}
.main_process .p2 {background-image:url(../_img/main_process2.jpg)}
.main_process .p3 {background-image:url(../_img/main_process3.jpg)}
.main_process .p4 {background-image:url(../_img/main_process4.jpg)}
.main_process .num {position:absolute; top:0; left:0; width:92px; line-height:30px; background:#000; color:#fff; font-size:14px; font-weight:bold; letter-spacing:0}
.main_process .txt {padding:15px 0; border-top:1px solid #ccc}
.main_process .txt strong {display:block; font-size:18px;}
.main_process .txt span {font-size:14px;}
.main_process .p4 .txt {line-height:51px;}


#popup {position:absolute; top:250px; left:50%; width:380px; padding:10px; margin-left:-640px; background:#fff; border:1px solid rgba(0,0,0,0.15); box-shadow:2px 2px 6px rgba(0,0,0,0.2); z-index:999999; cursor:move;}
#popup .cont {position:relative; background:#f2f2f2;}
#popup .ft_popup {position:relative; padding:10px 0 0px; text-align:right; font-size:0;}
#popup .ft_popup .chk {margin-top:2px;}
#popup .ft_popup .chk + label::after {width:22px; height:22px;}
#popup .ft_popup label {font-size:13px; margin:2px 0; padding-left:28px; line-height:22px;}
#popup .ft_popup .close {display:inline-block; width:24px; height:24px; vertical-align:top; margin-left:12px; border:1px solid #777; border-radius:100%}
#popup .ft_popup .close .ico_comm {width:8px; height:8px; background-position:-140px -20px;}
#popup .ft_popup .pager {float:left; margin-top:2px;}
#popup .slick-arrow {width:22px; height:22px; line-height:18px; margin-right:4px;}
#popup .slick-arrow .ico_comm {width:8px; height:14px; margin-top:2px;}
#popup .prev .ico_comm {background-position:-60px -80px;}
#popup .next .ico_comm {background-position:-50px -80px;}
#popup .dots {float:left; margin:9px 10px 0 0;}
#popup .slick-dots li {display:inline-block; vertical-align:top; margin:0 5px; opacity:0.2;}
#popup .slick-dots button {display:block; width:8px; height:8px; border-radius:100%; background:#333;}
#popup .slick-dots li.slick-active {opacity:1}
#popup .wrap_link {padding:10px 0;}
#popup .wrap_link a {display:block; padding:10px 12px; text-align:center; }
#popup .cont .inner {padding:15px;}
#popup .cont .hd_popup {margin-bottom:20px; border:2px solid #aaa; padding:15px; text-align:center}
#popup .cont .hd_popup h3.tit {padding:0; font-weight:bold; font-size:20px;}
#popup .cont .hd_popup .subtit {display:block; margin-top:4px;}
#popup .cont .txt {display:block;}

.{}