@charset "utf-8";
.rec_main01{margin-bottom: 80px;}
.rec_main01 .boxl{width: 400px; float: left;}
.rec_main01 .boxr{width: 560px; float: right; margin-right: 5px;}
.rec_main01 h2{font-size: 20px; font-weight: 500; line-height: 160%; margin-bottom: 20px;}
.rec_main01 p{font-size: 15px; line-height: 190%; margin-bottom: 20px;}
.rec_main01 a{display: block; width: 252px; height: 46px; margin: 0px auto; border: 1px solid #003F97; text-align: center; padding-top: 12px; font-size: 14px; font-weight: 500; position: relative; text-decoration: none; letter-spacing: 1px; color: #003F97;}
.rec_main01 a:after{font-family: 'themify'; content: "\e649"; font-size: 13px; position: absolute; font-weight: bold; right: 15px; top: 16px; color: #003F97;  z-index: 0;}
.rec_main01 a:hover{background: #003F97; color: #fff;}
.rec_main01 a:hover:after{color: #fff;}
.rec_nav{width: 100%; padding-top: 50px; padding-bottom: 18px; background: #eee; margin-bottom: 80px;}
.rec_nav .box{width: 1032px; margin: 0 auto;}
.rec_nav .boxs{width: 312px; height: 340px; background: #fff; float: left; margin: 0 16px 32px; position: relative;}
.rec_nav img{margin-bottom: 13px;}
.rec_nav h3{font-size: 22px; font-weight: 400; color: #003F97; text-align: center; margin-bottom: 12px;}
.rec_nav p{font-size: 14px; line-height: 150%; text-align: center;}
.rec_nav a{display: block; width: 252px; height: 46px; border: 1px solid #003F97; text-align: center; padding-top: 12px; font-size: 14px; font-weight: 500; position: absolute; bottom: 22px; left: 30px; text-decoration: none; letter-spacing: 1px; color: #003F97;}
.rec_nav a:after{font-family: 'themify'; content: "\e649"; font-size: 13px; position: absolute; font-weight: bold; right: 15px; top: 16px; color: #003F97;  z-index: 0;}
.rec_nav a:hover{background: #003F97; color: #fff;}
.rec_nav a:hover:after{color: #fff;}
.rec_contact{width: 701px; height: 224px; margin: 0 auto 80px; background: url(../images/recruit/rec_contact.jpg) no-repeat; position: relative;}
.rec_contact h3{font-size: 17px; position: absolute; top: 22px; right: 10px; letter-spacing: 1px;}
.rec_contact .tel{position: absolute; top: 67px; left: 256px;}
.rec_contact p{font-size: 17px; width: 405px; text-align: center; position: absolute; top: 115px; left: 256px;}
.rec_contact .mail{width: 420px; height: 55px; background: url(../images/recruit/rec_mail.jpg) no-repeat; position: absolute; bottom: 25px; left: 256px;}
.rec_contact .mail a{display: block; width: 420px; height: 55px; padding: 14px 0 0 50px; font-size: 18px; font-weight: 500; color: #fff; text-decoration: none;}
.rec_contact .mail a:hover{background: rgba(255,255,255,0.30)}
.rec_title{margin-bottom: 50px;}
.rec_icon01{background: url(../images/recruit/01_icon.jpg) no-repeat center top;}
.rec_icon02{background: url(../images/recruit/02_icon.jpg) no-repeat center top;}
.rec_icon03{background: url(../images/recruit/03_icon.jpg) no-repeat center top;}
.rec_icon04{background: url(../images/recruit/04_icon.jpg) no-repeat center top;}
.rec_icon05{background: url(../images/recruit/05_icon.jpg) no-repeat center top;}
.rec_icon06{background: url(../images/recruit/06_icon.jpg) no-repeat center top;}
.rec_title h1{font-size: 25px; font-weight: 500; color: #003F97; text-align: center; line-height: 155%; padding-top: 60px; letter-spacing: 2.5px;}
.rec_title span{display: block; font-size: 13px; font-weight: 500; color: #003F97; line-height: 100%; letter-spacing: 1px;}
.rec01 .boxl{width: 400px; float: left;}
.rec01 .boxr{width: 560px; float: right; margin-right: 10px;}
.rec01-01{margin-bottom: 50px;}
.rec01-02{margin-bottom: 65px;}
.rec01-03{margin-bottom: 80px;}
.rec01 h2{font-size: 40px; font-weight: 500; padding-top: 55px; padding-left: 20px;}
.rec01 .span01{font-size: 17px; font-weight: 500; line-height: 190%; display: block; letter-spacing: 1px; margin-bottom: 5px;}
.rec01 .span02{font-size: 15px; font-weight: 300; display: block; letter-spacing: 1px; margin-top: 3px;}
.rec01 h3{font-size: 20px; line-height: 160%; margin-bottom: 15px; font-weight: 500;}
.rec01 p{font-size: 15px; line-height: 190%;}
.rec02 img,.rec03 img{margin-bottom: 30px;}
.rec02 h3,.rec03 h3{font-size: 20px; font-weight: 700; color: #666; margin-bottom: 10px;}
.rec02 p,.rec03 p{font-size: 15px; line-height: 190%; margin-bottom: 30px;}
.rec02-01,.rec03-01{margin-bottom: 50px;}
.rec02-02,.rec03-02,.rec03-03{margin-bottom: 80px;}
.rec02 .txtint{text-indent: -8px;}
.rec03 .table{width: 100%; display: table;}
.rec03 .tr{width: 100%; border-bottom: 1px solid #fff;}
.rec03 .td1{width: 260px; background: #003F97; display: table-cell; padding: 15px 20px; font-size: 14px; font-weight: 500; color: #fff; vertical-align: middle; letter-spacing: 1px;}
.rec03 .td2{width: 740px; background: #F0F0F0; display: table-cell; padding: 15px 20px; font-size: 15px; line-height: 190%; vertical-align: middle;letter-spacing: 1px;}
.rec_come{text-align: center; font-size: 15px; line-height: 190%; margin-bottom: 40px;}
.rec04{margin-bottom: 80px;}
.staff_box{width: 1000px; height: 222px; border-top: 1px solid #003F97; border-bottom: 1px solid #003F97; margin-bottom: 30px;}
.staff_box img{width: 220px; float: left;}
.staff_box .box{float: left; margin-left: 30px;}
.staff_box h2{padding-top: 38px; margin-bottom: 20px; font-size: 20px; font-weight: 500;}
.staff_box .name{font-size: 15px; margin-bottom: 23px;}
.staff_box .bg{font-size: 13px; line-height: 190%;}
.rec04 a{display: block; width: 1000px; height: 222px; position: relative; text-decoration: none;}
.rec04 a:after{font-family: 'themify'; content: "\e649"; font-size: 34px; position: absolute; font-weight: bold; right: 30px; top: 94px; color: #003F97;  z-index: 0;}
.rec04 a:hover{background: rgba(255,255,255,0.30)}
.rec04 a:hover:after{color: rgba(0,63,151,0.60)}
.rec04-01{margin-bottom: 50px;}
.rec04-02{margin-bottom: 80px;}
.staff_q{min-height: 40px; background: url(../images/recruit/q_icon.jpg) no-repeat; padding-left: 50px; font-size: 16px; font-weight: 500; margin-bottom: 20px; padding-top: 8px;}
.rec04-02 .box{padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.rec04-02 .boxl{width: 560px; float: left;}
.rec04-02 .boxr{width: 400px; float: right;}
.rec04-02 p{font-size: 15px; line-height: 190%;}
.rec04-02 .mb{margin-bottom: 30px;}
.staff_table{width: 100%; border-top: 1px dashed #ccc; display: table;}
.staff_table .tr{border-bottom: 1px dashed #ccc;}
.staff_table .th{width: 110px; padding: 15px 30px; font-size: 15px; font-weight: 500; display: table-cell;}
.staff_table .td{padding: 15px 0; font-size: 15px; display: table-cell;}
.rec04-03{margin-bottom: 80px;}
.rec04-03 .box{margin-bottom: 50px;}
.rec04-03 .boxl{width: 400px; float: left;}
.rec04-03 .boxr{width: 560px; float: right;}
.rec04-03 p{font-size: 15px; line-height: 190%;}
.rec04-03 a{display: block; width: 252px; height: 46px; border: 1px solid #003F97; text-align: center; padding-top: 12px; font-size: 14px; font-weight: 500; position: relative; margin: 0 auto; text-decoration: none; letter-spacing: 1px; color: #003F97;}
.rec04-03 a:after{font-family: 'themify'; content: "\e64a"; font-size: 13px; position: absolute; font-weight: bold; left: 15px; top: 16px; color: #003F97;  z-index: 0;}
.rec04-03 a:hover{background: #003F97; color: #fff;}
.rec04-03 a:hover:after{color: #fff;}
.rec05{margin-bottom: 80px;}
.rec05 .table{width: 100%; display: table;}
.rec05 .tr{width: 100%; border-bottom: 1px solid #fff;}
.rec05 .td1{width: 260px; background: #003F97; display: table-cell; padding: 15px 20px; font-size: 14px; font-weight: 500; color: #fff; vertical-align: top; letter-spacing: 1px;}
.rec05 .td2{width: 740px; background: #F0F0F0; display: table-cell; padding: 15px 20px; font-size: 15px; line-height: 190%; vertical-align: top;letter-spacing: 1px;}
.qa_nav{width: 100%; height: 61px; border-collapse: collapse; display: table; margin-bottom: 80px;}
.qa_nav .nav_box{display: table-row;}
.qa_nav .nav{width: 250px; height: 61px; display: table-cell; border: 1px solid #ccc; border-bottom: none;}
.qa_nav a{display: block; width: 249px; height: 62px; text-align: center; padding-top: 22px; line-height: 100%; color: #181800; text-decoration: none; font-size: 15px; font-weight: 500; border-bottom: 3px solid #ccc; letter-spacing: 1px;}
.qa_nav a:hover{color: #003F97; border-bottom: 3px solid #003F97;}
.rec06{margin-bottom: 80px;}
.qa_q{min-height: 40px; background: url(../images/recruit/q_icon.jpg) no-repeat; padding-left: 50px; font-size: 16px; font-weight: 500; margin-bottom: 20px; padding-top: 8px;}
.rec06 .box{padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.rec06 p{font-size: 15px; line-height: 190%;}