@charset "utf-8";

/*------------------------  recruit  ------------------------*/


/*------------  head  ------------*/
.head .title_block { background: url('/images/icon_recruit.png') no-repeat left; background-size: 40px 40px; }
.head .graduate { background: url('/images/icon_graduate.png') no-repeat left; background-size: 40px 40px; }
.head .graduate .head_title .sub { color: #0081bd; }
.head .midcareer { background: url('/images/icon_midcareer.png') no-repeat left; background-size: 40px 40px; }
.head .midcareer .head_title .sub { color: #ca5a00; }

.recruit { padding: 0 0 40px; }


/*------------  recruit top  ------------*/
.recruit .recruit_note { padding: 0 0 50px; font-weight: 500; font-size: 18px; line-height: 1.6; }

.recruit .recruit_inner { display: flex; margin: 0 -2%; }
.recruit .recruit_block { flex-basis: calc(100% / 2); box-sizing: border-box; padding: 0 2%; }
.recruit .recruit_block_inner { box-sizing: border-box; height: 100%; background: #f1f7f1; padding: 45px 4% 50px; border-radius: 6px; }
.recruit .recruit_block .ttl { padding: 0 0 30px; font-weight: 700; font-size: 22px; line-height: 1.4; text-align: center; }
.recruit .recruit_block .graduate_btn { margin: 0 auto; padding: 0 0 18px; max-width: 320px; }
.recruit .recruit_block .graduate_btn .btn { height: 54px; background: #0081bd; font-size: 15px; border-radius: 6px; }
.recruit .recruit_block .midcareer_btn { margin: 0 auto; max-width: 320px; }
.recruit .recruit_block .midcareer_btn .btn { height: 54px; background: #ca5a00; font-size: 15px; border-radius: 6px; }
.recruit .recruit_block .part_btn { margin: 0 auto; max-width: 320px; }
.recruit .recruit_block .part_btn .btn { height: 54px; font-size: 15px; border-radius: 6px; }


/*------------  graduate / midcareer  ------------*/
.recruit .guide { padding: 0 0 40px; }
.recruit .guide .table {}
.recruit .guide .table .item { display: flex; padding: 1.3em 2em; border-bottom: 1px dotted #ddd; font-size: 15px; line-height: 1.6; }
.recruit .guide .table .item:first-child { border-top: 1px dotted #ddd; }
.recruit .guide .table .name { flex-basis: 18%; font-weight: 500; }
.recruit .guide .table .data { flex-basis: 82%; }
.recruit .guide .graduate_btn { margin: 40px auto 0; width: 260px; }
.recruit .guide .graduate_btn .btn { background: #0081bd; font-size: 15px; }


/*------------  part  ------------*/
.recruit .part_note { margin: 0 0 45px; font-weight: 500; font-size: 16px; line-height: 1.5; }

.recruit .part_inner { padding: 0 0 10px; }
.recruit .part_inner .logo { padding: 0 0 22px; width: 170px; }

.recruit .part_list {}
.recruit .part_list .block { margin: 0 0 35px; border: 1px solid #b3cfc8; border-radius: 6px; overflow: hidden; }
.recruit .part_list .block .name { padding: 13px 3%; background: #f1f7f1; font-weight: 700; font-size: 18px; }
.recruit .part_list .block .table { padding: 10px 3%; }
.recruit .part_list .block .item { display: flex; padding: 9px 1%; border-bottom: 1px dotted #ddd; font-size: 15px; line-height: 1.5; }
.recruit .part_list .block .item:last-child { border-bottom: none; }
.recruit .part_list .block .item dt { flex-basis: 190px; font-weight: 500; }
.recruit .part_list .block .item dd { flex: 1; }
.recruit .part_list .block .item dd a { color: #0d634a; }
.recruit .part_list .block .item dd span { font-size: 13px; }
.recruit .part_list .block .item dd .sp { display: none; }
.recruit .part_list .block .none { display: block; padding: 9px 2%; font-size: 15px; line-height: 1.5; }


/*------------  recruit_contact  ------------*/
.recruit .recruit_contact { margin: 25px 0 0; padding: 24px 3%; background: #f1f7f1; border-radius: 6px; }
.recruit .recruit_contact .ttl { padding: 0 0 10px; font-weight: 700; font-size: 17px; }
.recruit .recruit_contact .note { padding: 0 0 20px; font-weight: 400; font-size: 14px; line-height: 1.5; }
.recruit .recruit_contact .contact_block { display: flex; align-items: center; }
.recruit .recruit_contact .tel { padding: 16px 4%; border-right: 1px solid #cfe2cf; }
.recruit .recruit_contact .tel .number { display: inline-block; padding: 0 0 0 40px; min-height: 26px; font-weight: 700; font-size: 22px; background: url('/images/icon_freecall.png') no-repeat left; background-size: 32px 26px; }
.recruit .recruit_contact .tel .times { display: inline-block; margin: 0 5px; font-weight: 400; font-size: 13px; }
.recruit .recruit_contact .mail { padding: 16px 4%; }
.recruit .recruit_contact .mail .mailadd { display: inline-block; padding: 0 0 0 32px; min-height: 24px; font-weight: 700; font-size: 20px; background: url('/images/icon_s_mail.png') no-repeat left; background-size: 24px 24px; }




@media screen and (max-width: 1020px) {

 .recruit .part_list .block .name { font-size: 17px; }
 .recruit .part_list .block .item { font-size: 14px; }
 .recruit .part_list .block .item dt { flex-basis: 160px; }
 .recruit .part_list .block .item dd span { font-size: 12px; }
 .recruit .part_list .block .none { font-size: 14px; }

 .recruit .recruit_contact .ttl { font-size: 16px; }
 .recruit .recruit_contact .tel { padding: 20px 3.5% 20px 2%; }
 .recruit .recruit_contact .tel .number { font-size: 20px; }
 .recruit .recruit_contact .mail { padding: 20px 2% 20px 4%; }
 .recruit .recruit_contact .mail .mailadd { font-size: 17px; }

}



@media screen and (max-width: 800px) {

 .head .title_block { background-size: 32px 32px; }

 .recruit { padding: 0 0 30px; }

 /*------------  recruit top  ------------*/
 .recruit .recruit_note { padding: 0 0 15px; font-size: 15px; }
 .recruit .recruit_inner { display: block; margin: 0; }
 .recruit .recruit_block { flex-basis: auto; padding: 10px 0; }
 .recruit .recruit_block_inner { height: inherit; padding: 25px 4% 30px; }
 .recruit .recruit_block .ttl { padding: 0 0 20px; font-size: 19px; }
 .recruit .recruit_block .graduate_btn { padding: 0 0 15px; }
 .recruit .recruit_block .graduate_btn .btn { height: 48px; font-size: 14px; }
 .recruit .recruit_block .midcareer_btn .btn { height: 48px; font-size: 14px; }
 .recruit .recruit_block .part_btn .btn { height: 48px; font-size: 14px; }

 /*------------  graduate / midcareer  ------------*/
 .recruit .guide { margin: 4px 0 0; padding: 0 0 30px; }
 .recruit .guide .table .item { display: block; padding: 13px 0; font-size: 14px; line-height: 1.5; }
 .recruit .guide .table .name { padding: 0 0 4px; }
 .recruit .guide .graduate_btn { margin: 25px auto 0; width: 240px; }
 .recruit .guide .graduate_btn .btn { font-size: 14px; }

 /*------------  part  ------------*/
 .recruit .part_note { margin: 0 0 30px; font-size: 14px; }

 .recruit .part_inner { padding: 0 0 10px; }
 .recruit .part_inner .logo { padding: 0 0 15px; width: 150px; }

 .recruit .part_list .block { margin: 0 0 20px; }
 .recruit .part_list .block .name { padding: 11px 5%; font-size: 16px; }
 .recruit .part_list .block .table { padding: 7px 5%; }
 .recruit .part_list .block .item { display: block; padding: 8px 0; font-size: 14px; }
 .recruit .part_list .block .item:last-child { border-bottom: none; }
 .recruit .part_list .block .item dt { padding: 0 0 2px; }
 .recruit .part_list .block .item dd .sp { display: block; }
 .recruit .part_list .block .none { padding: 8px 0; font-size: 14px; }

 .recruit .recruit_contact { margin: 15px 0 0; padding: 18px 5% 14px; }
 .recruit .recruit_contact .ttl { padding: 0 0 10px; }
 .recruit .recruit_contact .note { padding: 0 0 16px; border-bottom: 1px solid #cfe2cf; }
 .recruit .recruit_contact .contact_block { display: block; }
 .recruit .recruit_contact .tel { padding: 20px 0 10px; border-right: none; text-align: center; }
 .recruit .recruit_contact .tel .number { padding: 0 0 0 36px; min-height: 24px; font-size: 20px; background-size: 28px 22px; text-align: center; }
 .recruit .recruit_contact .tel .times { margin: 6px 0 0; }
 .recruit .recruit_contact .mail { padding: 10px 0; text-align: center; }
 .recruit .recruit_contact .mail .mailadd { padding: 0 0 0 28px; min-height: 20px; font-size: 17px; background-size: 20px 20px; }

}