@charset "UTF-8";

/*------------MV------------*/
.m-subpage-title {
    background-image: url( "../../images/recruit/mv_img.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*------------STRENGTHS------------*/
.p-strengths{
    padding:80px 0 120px;
    background: url("../../images/recruit/strengths_bg.jpg") no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.strengths-copy{
    font-size:30px;
    font-weight: 700;
    color:#fff;
    text-align: center;
    line-height: 1.6;
}
.strengths-copy span{
    display: inline-block;
    background:#E60015;
    padding:0 0 0 15px;
}
.strengths-copy+.strengths-copy{margin-top:20px;}
.strengths-arrow{
    width:40px;
    margin:40px auto 30px;
}
.strengths-con{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin-top:60px;
}
.strengths-txtarea{
    width:57%;
    padding-right:60px;
}
.strengths-txtarea .m-bar-ttl{margin-bottom:10px;}
.strengths-txtarea p+.m-bar-ttl{margin-top:30px}
.strengths-txtarea p:last-of-type{width:70%;}
.strengths-image{
    width:43%;
}
.uniform-con{
    position: absolute;
    width:60%;
    right:0;
    top:55%;
}
.uniform-con-in{
    position: relative;
}
.uniform-en{
    width:80%;
    margin:0 0 0 25%;
    max-width:340px;
}
.uniform-image{
    width:70%;
    max-width:465px;
    margin:-10% 3% 0 auto;
    position: relative;
    z-index: 1;
}
.uniform-txt{
    background: #000;
    color:#fff;
    font-size:18px;
    font-weight: 700;
    padding:0 15px;
    margin:-16% 0 0 auto;
}

@media (max-width: 768px) {
    .p-strengths{
        padding:10vw 0 5vw;
    }
    .strengths-copy{
        font-size:4.8vw;;
    }
    .strengths-copy span{
        padding:0 0 0 3vw;
    }
    .strengths-copy+.strengths-copy{margin-top:3vw;}
    .strengths-arrow{
        width:8vw;
        margin:5vw auto 3vw;
    }
    .strengths-con{
        margin-top:5vw;
        flex-direction: row;
    }
    .strengths-txtarea{order: 2;}
    .strengths-txtarea{
        width:100%;
        padding-right:5vw;
    }
    .strengths-txtarea .m-bar-ttl{margin-bottom:1vw;}
    .strengths-txtarea p+.m-bar-ttl{margin-top:5vw}
    .strengths-txtarea p:last-of-type{width:100%;}
    .strengths-image{ 
        width:100%;
        margin-bottom:5vw;
        order:1;
    }
    .uniform-con{
        position:initial;
        width:100%;
        order:3;
        margin-top:3vw;
    }
    .uniform-con-in{
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .uniform-en{
        width:90%;
        margin:-15vw auto 0;
        max-width:initial;
        position: relative;
        z-index: 1;
    }
    .uniform-image{
        width:100%;
        max-width:initial;
        margin:-2vw 0 0 auto;
        z-index: 0;
    }
    .uniform-txt{
        font-size:3.8vw;
        padding:0 3vw;
        margin:5vw 0 0 auto;
        width:100%;
    }
}

/*------------OUR BUSINESS------------*/
.p-business{
    padding:120px 0 120px;
    position: relative;
}
.p-business::after{
    content:'';
    position: absolute;
    width:100%;
    /*height:80%;*/
    height:100%;
    background: url("../../images/recruit/business_bg.jpg") no-repeat center;
    background-size: cover;
    top:0;
    left:0;
    z-index: -1;
}
.p-business .section-title p,.p-business .section-title h2{color:#fff;}
.business-con{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    color:#fff;
}
.business-image{width:44%;}
.business-txtarea{
     width:56%;
     padding-left:60px;
}

@media (max-width: 768px) {
    .p-business{
        padding:13vw 0 13vw;
    }
    .p-business::after{
        /*height:87%;*/
    }
    .business-con{
        margin-top:5vw;
        flex-direction: column-reverse;
    }
    .business-image{
        width:100%;
        margin:5vw auto 0;
    }
    .business-txtarea{
         width:100%;
         padding-left:0;
    }
}

/*------------JOB DESCRIPTION------------*/
.p-job-desc{
    padding:0 0 120px;
}
.p-job-desc-in{
    width:95%;
    max-width: 1000px;
    margin:0 auto;
}
.p-job-desc table{
    width: 100%;
    font-size: 14px;
    border: 1px solid #d3d3d3;
    margin-top:60px;
}
.p-job-desc table tr th{
    margin: 0;
    padding: 8px 15px 8px 15px;
    border: 1px solid #d3d3d3;
    background-color: #000;
    text-align: left;
    color: #FFF;
    white-space: nowrap;
}
.p-job-desc table tr td{
    padding: 8px 15px 8px 15px;
    background-color: #FFF;
    border: 1px solid #d3d3d3;
    text-align: left;
}
.p-job-desc table tr:nth-child(odd) td {background-color: #FFF5F5;}

@media (max-width: 768px) {
    .p-job-desc{
        padding:0 0 13vw;
    }
    .p-job-desc-in{
        width:90%;
        max-width: initial;
    }
    .p-job-desc table{
        font-size: 3.2vw;
        margin-top:5vw;
    }
    .p-job-desc table tr th{
        padding: 2vw 3vw 2vw 3vw;
        display: block;
    }
    .p-job-desc table tr td{
        padding: 2vw 3vw 2vw 3vw;
        display: block;
    }
}

.recruit-btn-ttl {
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
}

.recruit-btn-list {
	margin: 0 auto 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.recruit-btn-list li{
    width:calc( (100% - 40px)/2);
	max-width:  400px;
    margin: 0 40px 0 0;
}
.recruit-btn-list li:nth-child(2n) {
	margin-right: 0;
}
.recruit-btn-list li a{
    position: relative;
    font-size:20px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #E60015;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding:25px 10px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.recruit-btn-list li a::after{
    content:'';
    position: absolute;
    display: block;
    background: url("../../images/common/icon_arrow_double_r.svg") no-repeat;
    width:18px;
    height:16px;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
}

.recruit-btn-list li a span {
	font-size: 24px;
	font-weight: 700;
}
@media (hover: hover) {
    .recruit-btn-list li a:hover {
		background: #E50215;
		color:#fff;
		border: 1px solid #fff;
    }
    .recruit-btn-list li a:hover::after{
        background: url("../../images/common/icon_arrow_double_w.svg") no-repeat;
    }
}

@media (max-width: 768px) {
	.recruit-btn-ttl {
        font-size: 5.2vw;
		margin-bottom: 3vw;
	}
    .recruit-btn-list{
		margin: 0 auto 10vw;
		padding: 0;
    }
    .recruit-btn-list li{
        width:100%;
		margin-right: 0;
        margin-bottom:3vw;
    }
    .recruit-btn-list li a{
        font-size: 3.8vw;
        padding:5vw 2vw;
     }
    .faq-nav-list li:nth-of-type(even) a{
        padding:0 6vw 0 1vw;
    }
    .recruit-btn-list li a::after{
        width:4.533vw;
        height:4vw;
        right: 2vw;
    }
	.recruit-btn-list li a span {
        font-size: 4.2vw;
	}
}