@charset "UTF-8";


/*  recruit/index.html
------------------------------------------------- */
.recruitCont .cont1 .catch {
    border-bottom: 2px solid #005eae;
    margin-bottom: 5em;
    padding: 3em 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
.recruitCont .cont1 .catch h2 {
    font-weight: bold;
    line-height: 1.7;
    color: #005eae;
    position: relative;
    padding: 1em 2em;
}
.recruitCont .cont1 .catch h2::before,
.recruitCont .cont1 .catch h2::after {
    content: '';
    width: 1.5em;
    height: 11.5em;
    background: url("../img/recruit/k1.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5.75em;
}
.recruitCont .cont1 .catch h2::after {
    background: url("../img/recruit/k2.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: auto;
    right: 0;
}
.recruitCont .cont2 h3 {
    color: #005eae;
    font-weight: 400;
    border-bottom: 2px solid #005eae;
    margin-bottom: 0.5em;
    position: relative;
}
.recruitCont .cont2 h3 span::before {
    content: '';
    width: 40%;
    height: 5px;
    background-color: #005eae;
    position: absolute;
    left: 0;
    bottom: -5px;
    display: inline-block;
}
.recruitCont .cont2 .txt {
    line-height: 1.65;
}
.recruitCont .cont2 .recBox1 {
    position: relative;
    margin-bottom: 11em;
}
.recruitCont .cont2 .recBox1.last {
    margin-bottom: 0;
}
.recruitCont .cont2 .recBox1 h3 {
    width: 76%;
}
.recruitCont .cont2 .recBox1.last h3 {
    width: 100%;
}
.recruitCont .cont2 .recBox1 .img {
    width: 24.5%;
    position: absolute;
    right: 0;
    top: -4em;
}
.recruitCont .cont2 .recBox2 {
    margin-bottom: 6em;
}
.recruitCont .cont2 .recBox3 {
    position: relative;
    width: 48.5%;
}
.recruitCont .cont2 .recBox3 h3 {
    width: 70%;
}
.recruitCont .cont2 .recBox3 h3 span::before {
    width: 80%;
}
.recruitCont .cont2 .recBox3.in h3 span::before {
    width: 90%;
}
.recruitCont .cont2 .recBox3 .img {
    width: 31.25%;
    position: absolute;
    right: 0;
    top: -2em;
}
@media only screen and (max-width:750px){
.recruitCont .cont1 .catch {
    margin-bottom: 9vw;
    padding: 0 0 5vw;
}
.recruitCont .cont1 .catch h2 {
    font-size: 4.266vw;
    line-height: 1.45;
    padding: 1vw 0 3vw;
}
.recruitCont .cont1 .catch h2::before,
.recruitCont .cont1 .catch h2::after {
    width: 0;
}
.recruitCont .cont2 h3 {
    font-size: 5.066vw;
    padding-bottom: 0.2em;
}
.recruitCont .cont2 .txt {
    line-height: 1.4;
}
.recruitCont .cont2 .recBox1,
.recruitCont .cont2 .recBox3 {
    width: 93.33vw;
    height: 36vw;
    margin: 0 auto 7vw;
    border-bottom: 1px solid #005eae;
}
.recruitCont .cont2 .recBox1.last {
    border-bottom: none;
    height: auto;
}
.recruitCont .cont2 .recBox1 h3 {
    width: 72%;
}
.recruitCont .cont2 .recBox1.last h3 {
    width: 100%;
}
.recruitCont .cont2 .recBox1.last h3 span::before {
    width: 66%;
}
.recruitCont .cont2 .recBox1 .img,
.recruitCont .cont2 .recBox3 .img {
    width: 28vw;
    right: 0;
    top: -3vw;
}
.recruitCont .cont2 .recBox2 {
    margin-bottom: 0;
}
.recruitCont .cont2 .recBox3 h3 {
    width: 72%;
}
.recruitCont .cont2 .recBox3 h3 span::before {
    width: 75%;
}
.recruitCont .cont2 .recBox3.in h3 span::before {
    width: 90%;
}
}