/* 採用情報 ▼▼
------------------------------------------------------------ */
.recruitPage .main{
    position:relative;
}
.recruitPage .h2_title{border-bottom:0px;}
.recruitPage .h2_title h2{
    font-size:1.5rem;
    line-height:2.5rem;
}
.recruitPage .main p{
    font-size:1rem;
    width:100%;
}
.recruitPage .h3_title{
    margin-top:30px;
    margin-bottom:20px;
}
.recruitPage01Wrap,
.recruitPage02Wrap,
.recruitPage03Wrap{
	padding: 0 5%;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}
.recruitPage04Wrap{
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.recruitPage .mainimg{
    background-image: url(../../recruit/img/alfin_00.jpg);
    background-size: contain;
    background-repeat:no-repeat;
}
.recruitPage .mainimg img{
    width:100%;
    cursor:pointer;
	transition:3s;
}
.recruitPage .mainimg img:hover{
    opacity:0;
	transition:3s;
}
.recruitPage .underline{
	border-bottom:1px solid #bbb;
	padding-bottom:0px;
	margin-bottom:0px;
}
ul.gallery,
ul.voice{
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.recruitPage .name{
    letter-spacing: 7px;
    margin-top:20px;
    font-weight:500;
    font-size:1.8em;
}
.recruitPage .name span{
	font-size:1.4em;
	line-height: 1.8em;
}
.strong{font-weight:500;}
.recruitPage .readmore-text{height:auto;}
.recruitPage .spt70{margin-top:70px;}
.recruitPage .spt80{margin-top:80px;}
.recruitPage .spt150{margin-top:150px;}
.recruitPage .banner{
    position:fixed;
    bottom:0;
    width:100%;
    background-color: #fff;
}
.recruitPage .banner{
    z-index:11;
}
.recruitPage .banner img{
    max-width:100%;
}
/***** forPC *****/
@media screen and (min-width: 1000px){
    .forPc{display:block !important;}
}
@media screen and (min-width: 768px){
    ul.gallery li{
        width: 32.5%;
        list-style: none;
    }
    ul.gallery li:nth-of-type(n+4) {margin-top:13px;}
	ul.gallery li:nth-child(3n+1) {margin-left: 0;}
    ul.voice li{
        width: 48%;
        list-style: none;
    }
    ul.voice li:nth-of-type(n+3) {margin-top:50px;}
	ul.voice li:nth-child(odd) {margin-left: 0;}
    
    .recruitPage04Wrap > div{
        width: 48%;
        list-style: none;
    }
	.recruitPage04Wrap > div:nth-child(odd) {margin-left: 0;}
}
/***** forSp *****/
@media screen and (max-width: 1000px){
    .recruitPage .mainimg img{
        width:100%;
        cursor:pointer;
        animation-name: animation;
        animation-duration: 4s;
        animation-timing-function:ease-in-out;
        animation-fill-mode:forwards;
        animation-delay: 2s;
    }
    @keyframes animation{
        from{opacity:1;}
        to{opacity:0;}
    }
}
@media screen and (max-width: 767px){
    .recruitPage01Wrap:has(>div.mainimg){padding:0px;}
    .recruitPage .mainimg{
        background-image: url(../../recruit/img/alfin_sp_00.jpg);
        background-size: contain;
        background-repeat:no-repeat;
    }
    .recruitPage .readmore-btn{
        position:relative;
        width: 70px;
        height: 30px;
        left: 50%;
        transform: translate(-50%, 0%);
        background-color:#c8c8c8;
        padding:3px 10px;
        color:#fff;
        text-align:center;
        bottom:0px;
        margin-top:10px;
    }
    .recruitPage .slidedown .readmore-btn{display:none !important;}
    .recruitPage .h2_title h2{
        font-size:1rem;
        line-height:1.5rem;
    }
    .recruitPage .h3_title h3{
        text-align:center;
        font-size:1rem;
        line-height:1.5rem;
    }
    ul.gallery,
    ul.voice{display: block;}
    ul.gallery li{width: 100%;}
    ul.gallery li {margin-top:13px;}
    ul.gallery li:first-child{margin-top:0px;}
    ul.voice li{margin-top:70px;}
    ul.voice li:first-child{margin-top:0px;}
    .recruitPage .main p{text-align:center;}
    .banner img{width:100%;}
    .for1000{display:none !important;}
    .forSp{display:block !important;}
    .recruitPage .main p{font-size:1.4em}
    .recruitPage .name{font-size:1.5em}
}