@charset "UTF-8";

/* ------------------------------
	.recruitment
------------------------------ */
.recruitment {position: relative;padding:130px 0 30px 0;}
.recruitment .wrap .txt_box .ttl {margin-top:30px; margin-bottom:30px; font-size:2.8rem; font-weight:900; line-height:1.8;}
.recruitment .wrap .txt_box .ttl span {display:inline-block; font-size:2.4rem; line-height:1.8;}
.recruitment .wrap .txt_box .txt {margin-bottom:20px; font-size:1.7rem;}
.recruitment .wrap .txt_box .txt a {color:#0077c3;}
.recruitment .wrap .txt_box ul {margin:30px 0 10px 0; padding:0 0 0 1.5em;}
.recruitment .wrap .txt_box ul li {margin:0 0 5px 0; padding:0 0; font-size:1.7rem; line-height:1.8; list-style-type:disc;}
.recruitment .wrap .txt_box ol {display:inline-block; margin:0 0 30px 0;}
.recruitment .wrap .txt_box ol li {position:relative; margin:0 0 20px 0; padding:20px 20px; font-size:1.6rem; line-height:1.8; text-align:center; background:#F4F7FB; border-radius:15px;}
.recruitment .wrap .txt_box ol li::after {content:""; display:block; position:absolute; left:calc(50% - 25px); bottom:-18px; width:50px; height:20px; background:#F4F7FB; clip-path:polygon(0 0, 100% 0, 50% 100%);}
.recruitment .wrap .txt_box ol li:nth-last-of-type(1) {margin:0 0;}
.recruitment .wrap .txt_box ol li:nth-last-of-type(1)::after {content:none;}
.recruitment .wrap .txt_box ol li span {display:inline-block; width:100%; margin:0 auto; padding:0 0; font-size:2rem; font-weight:600; text-align:center; color:#0077c3;}
.recruitment .wrap .txt_box .entry_btn {margin:30px 0 0 0;}

@media screen and (max-width: 768px) {
.recruitment {padding:0 0;}
.recruitment .wrap .txt_box .ttl {margin-top:20px; margin-bottom:10px; font-size:1.8rem;}
.recruitment .wrap .txt_box .ttl span {font-size:1.6rem;}
.recruitment .wrap .txt_box .txt {font-size:1.4rem;}
.recruitment .wrap .txt_box ul {margin:10px 0;}
.recruitment .wrap .txt_box ul li {margin:0 0; font-size:1.4rem;}
.recruitment .wrap .txt_box ol {margin:10px 0;}
.recruitment .wrap .txt_box ol li {padding:10px 15px; font-size:1.4rem;}
.recruitment .wrap .txt_box ol li span {font-size:1.6rem;}
.recruitment .wrap .txt_box .entry_btn {margin:20px 0 0 0;}
}

@media screen and (max-width: 430px) {
.recruitment .wrap .txt_box ol li {text-align:left;}
.recruitment .wrap .txt_box ol li span {text-align:center;}
}