@charset "UTF-8";

.recruit{width: 1200px;margin:0 auto 100px;}
.recruit h3 {
font-size: 54px;
line-height: 1;
margin: 0 0 100px;
}
.recruit h4 {
width: 100%;
font-size: 38px;
font-weight: 700;
text-align: left; line-height: 1;
position: relative;
padding-left: 55px;
margin: 0 0 50px;
display: block;
background: linear-gradient(135deg, #29c0ff 0%, #0081e3 100%);
background: -webkit-linear-gradient(-45deg, #29c0ff 0%, #0081e3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.recruit h4:before {
position: absolute;
content: '';
top: calc(50% - 1px);
width: 40px;
left: 0;
height: 2px;
border-top: solid 2px #27acd9;
}
.recruit h5 {font-size: 24px;line-height: 1.6;font-weight: 700; color: #0080E2;text-align: left;margin: 0 0 20px;}
.recruit h5 span {font-size: 18px;margin: 0 0 0 10px;transform: rotate(0.05deg);}
.recruit .salary {}
.recruit .salary p {font-size: 34px;line-height: 1;font-weight: 700; border: 2px solid #002134;display: inline-block;padding:10px 30px 15px;margin: 0 0 40px;border-radius: 6px;}
.recruit .salary p span {font-size: 54px;line-height: 1;color: #ffae50;}
.recruit .salary p b {display: block;font-size: 14px;line-height: 1.4;padding: 2px 0 0;}
.recruit .salary ul {margin: 0 0 40px;}
.recruit .salary ul li {font-size: 34px;line-height: 1.6;}

.recruit .work_content {}
.recruit .work_content ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 auto 50px;
display: block;
}
.recruit .work_content ul li {font-size: 24px;line-height: 1.6;font-weight: 700;display: inline-block; background: rgba(41,191,255,0.1);padding: 10px 20px;border-radius: 6px;margin: 0 20px 0 0;}
.recruit .work_content ul li:last-child {margin: 0;}


.recruit table {width: 100%; text-align: center;border-left: 1px solid #0081e3;border-top: 1px solid #0081e3;padding: 0;border-spacing:0;collapse:collapse;margin: 0 auto 50px;}
.recruit table th {width: 10%; font-size: 14px;line-height: 1.6;font-weight: 700; background: rgba(41,191,255,0.1);border-right: 1px solid #0081e3;border-bottom: 1px solid #0081e3;padding: 10px 0;transform: rotate(0.05deg);}
.recruit table td {width: 40%; font-size: 18px;line-height: 1.6;border-right: 1px solid #0081e3;border-bottom: 1px solid #0081e3;padding: 10px;text-align: left;transform: rotate(0.05deg);}

.recruit .flow {}
.recruit .flow img {width: 100%;height: auto;}


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

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


.recruit {width: 90%;margin: 0 auto 10%;}
.recruit h3 {
font-size: 5vw;
line-height: 1.6;
margin: 0 0 10%;
}
.recruit h3 span {font-size: 8vw;display: block;}
.recruit h4 {
width: 100%;
font-size: 4.8vw;
text-align: left; line-height: 1.4;
position: relative;
padding-left: 45px;
margin: 0 0 5%;
display: block;
}
.recruit h4:before {
position: absolute;
content: '';
top: calc(50% - 1px);
width: 30px;
left: 0;
height: 2px;
border-top: solid 2px #27acd9;
}
.recruit h4 span {font-size: 4vw;display: block;}
.recruit h5 {font-size: 4vw;line-height: 1.6;font-weight: 700; color: #0080E2;text-align: left;margin: 0 0 5%;}
.recruit h5 span {font-size: 3vw;margin: 0;display: block;}


.recruit .salary {}
.recruit .salary p {font-size: 5vw;line-height: 1;font-weight: 700; border: 2px solid #002134;display:block;padding:2.5vw 0 3vw;margin: 0 0 5%;border-radius: 6px;}
.recruit .salary p span {font-size:8vw;line-height: 1;color: #ffae50;}
.recruit .salary p b {display: block;font-size: 3vw;line-height: 1.4;padding: 2vw 0 0;}

.recruit .salary ul {margin: 0 0 5%;}
.recruit .salary ul li {font-size: 4vw;line-height: 1.6;margin: 0 0 2.5vw;}
.recruit .salary ul li:last-child {margin: 0;}

.recruit .work_content {}
.recruit .work_content ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 auto 5%;
display: block;
}
.recruit .work_content ul li {width: 100%; font-size: 4vw;line-height: 1.6;font-weight: 700;display: inline-block; background: rgba(41,191,255,0.1);padding: 2.5vw 0;border-radius: 6px;margin: 0 0 2.5%;}
.recruit .work_content ul li:last-child {margin: 0;}




.recruit table {width: 100%; text-align: center;border-left: 1px solid #0081e3;border-top: 1px solid #0081e3;padding: 0;border-spacing:0;collapse:collapse;}
.recruit table th {width: calc(100% - 20px);;display: block; font-size: 3vw;line-height: 1.6;font-weight: 700; background: rgba(41,191,255,0.1);border-right: 1px solid #0081e3;border-bottom:none;padding: 10px;text-align: left;}
.recruit table td {width: calc(100% - 20px);;display: block; font-size: 3vw;line-height: 1.6;border-right: 1px solid #0081e3;border-bottom: 1px solid #0081e3;padding: 10px;}


}




.map {width: 100%;margin:0 auto 100px; text-align: center;}
.map img {margin: auto;}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 767px) {
.map {width: 90%;margin:0 auto 10%; text-align: center;}
.map img {width: 100%;height: auto; margin: auto;}

}



.map_2023 {width: 1200px;margin:0 auto 100px; text-align: center;}
.map_2023 img {width: 100%;height: auto;margin: auto;}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 767px) {
.map_2023 {width: 90%;margin:0 auto 10%; text-align: center;}
.map_2023 img {width: 100%;height: auto; margin: auto;}

}




.entry_btn {width: 1200px;margin:0 auto 100px;}
.entry_btn a span {display: block;text-align: center;width: 100%;padding: 20px;}
.entry_btn a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
/*
padding: 22px 20px 24px 30px;
*/
color: #fff;
font-size: 28px;
text-align: center; transform: rotate(0.05deg);
line-height: 1;
font-weight: 700;
background-color: #ffaf50;
text-decoration: none;
border-radius: 10px;
text-align: center;
width: 100%;
}
.entry_btn a::after {
content: '';
width: 16px;
height: 16px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translateY(-50%);
margin: 0;
position: absolute;
top: calc(50% - 4px);;
right: 40px;
}
.entry_btn a:hover {text-decoration: none;background-color: #ffcd6e;}

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

}
@media screen and (max-width: 767px) {
.entry_btn {width: 90%;margin:0 auto 10%;}
.entry_btn a span {display: block;text-align: center;width: 100%;padding: 0;}
.entry_btn a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
padding: 22px 20px 24px 30px;
color: #fff;
font-size: 6vw;
text-align: center; transform: rotate(0.05deg);
line-height: 1;
font-weight: 700;
background-color: #ffaf50;
text-decoration: none;
border-radius: 10px;
text-align: center;
width:calc(100% - 50px);;
}
.entry_btn a::after {
content: '';
width: 16px;
height: 16px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translateY(-50%);
margin: 0;
position: absolute;
top: calc(50% - 4px);;
right: 40px;
}
.entry_btn a:hover {text-decoration: none;background-color: #ffcd6e;}
}