@media(min-width:768px){
#recruit_slider_box{
width:100%;
padding:7% 0 6% 0;}

#recruit_slider_box h4{
font-family:"Noto Sans JP",sans-serif;
position:relative;
text-align:center;
font-size:1.9vw;
font-weight:500;
line-height:1;
letter-spacing:0.12vw;
margin-bottom:1.8%!important;
padding-right:4%!important;
color:#23AFD1;}

#recruit_slider_box h4:after{
content:'';
width:5.46%;
height:2px;
display:inline-block;
background-color:#23AFD1;
position:absolute;
bottom:-54%;
left:45.4%;}

#recruit_slider_box p{
font-size:1.3vw;
font-weight:500;
letter-spacing:0.1vw;
line-height:1.8;
text-align:center;
margin:3.2vw 2.5vw 2.5vw 0!important;}

.recruit_slider{
width:100%;
max-width:64vw;
padding-left:1vw;
box-sizing:border-box;
margin:0 auto;}

.swiper{
overflow:hidden;
width:100%;}

.swiper-container{
overflow:hidden;
width:100%;}

.swiper-slide{
width:calc((100% - 4.8vw) / 4);
height:auto;
margin-right:1.6vw;}

.swiper-slide:last-child{
margin-right:0;}

.swiper-slide iframe,.swiper-slide div{
width:100%;
height:100%;
aspect-ratio:453 / 805;
border-bottom-right-radius:2vw;}

.swiper-navigation{
position:relative;
display:flex;
align-items:center;
justify-content:center;}

.swiper-button-prev{
position:absolute;
top:-17vw;
left:-4.3vw;
margin:0;
width:auto;
height:auto;}

.swiper-button-next{
position:absolute;
top:-17vw;
right:-4.3vw;
margin:0;
width:auto;
height:auto;}

.swiper-button-prev::after,.swiper-button-next::after{
display:none;}

.swiper-button-prev::before{
content:"";
display:inline-block;
width:2.8vw;
height:2.8vw;
background-image:url(../img/recruit_ar_l.svg);
background-position:center;
background-size:contain;}

.swiper-button-next::before{
content:"";
display:inline-block;
width:2.8vw;
height:2.8vw;
background-image:url(../img/recruit_ar_r.svg);
background-position:center;
background-size:contain;}

.swiper-pagination{
position:relative;
display:flex;
justify-content:center;
width:100%;
margin-top:1.6vw;}

.swiper-pagination-bullet{
width:1.05vw;
height:1.05vw;
background-color:#c3c3c3;
opacity:1;
margin:0 0.4vw!important;}

.swiper-pagination-bullet-active{
background-color:#3aafd1;}

.recruit_new07_sl{
background:#eff5f6;}
}

@media(max-width:767.9px){
#recruit_slider_box{
width:100%;
padding:16% 0 16% 0;}

#recruit_slider_box h4{
position:relative;
text-align:center;
font-size:5.4vw;
font-weight:400;
line-height:1.25;
letter-spacing:0.4vw;
margin-bottom:9.5vw!important;
color:#23AFD1;}

#recruit_slider_box h4:after{
content:'';
width:17%;
height:2px;
display:inline-block;
background-color:#23AFD1;
position:absolute;
bottom:-13%;
left:41.5%;}

#recruit_slider_box p{
font-size:4.2vw;
font-weight:500;
letter-spacing:0.1vw;
line-height:1.8;
text-align:center;
margin:0 2.5vw 8.5vw 0!important;}

.recruit_slider{
width:100%;
max-width:90vw;
padding-left:4vw;
box-sizing:border-box;
margin:0 auto;}

.swiper{
overflow:hidden;
width:100%;}

.swiper-container{
overflow:hidden;
width:100%;}

.swiper-slide{
width:calc((100% - 7.9vw) / 2);
height:auto;
margin-right:4vw;}

.swiper-slide iframe,.swiper-slide div{
width:100%;
height:100%;
aspect-ratio:453 / 805;
border-bottom-right-radius:5vw;}

.swiper-navigation{
position:relative;
display:flex;
align-items:center;
justify-content:center;}

.swiper-button-prev{
position:absolute;
top:-46vw;
left:-7vw;
margin:0;
width:auto;
height:auto;}

.swiper-button-next{
position:absolute;
top:-46vw;
right:-3vw;
margin:0;
width:auto;
height:auto;}

.swiper-button-prev::after,.swiper-button-next::after{
display:none;}

.swiper-button-prev::before{
content:"";
display:inline-block;
width:6.5vw;
height:6.5vw;
background-image:url(../img/recruit_ar_l.svg);
background-position:center;
background-size:contain;}

.swiper-button-next::before{
content:"";
display:inline-block;
width:6.5vw;
height:6.5vw;
background-image:url(../img/recruit_ar_r.svg);
background-position:center;
background-size:contain;}

.swiper-pagination{
position:relative;
display:flex;
justify-content:center;
width:100%;
margin-top:4vw;}

.swiper-pagination-bullet{
width:2.8vw;
height:2.8vw;
background-color:#c3c3c3;
opacity:1;
margin:0 1.2vw!important;}

.swiper-pagination-bullet-active{
background-color:#3aafd1;}

.recruit_new07_sl{
padding:3vw 0 19vw 0;
margin:0!important;
background:#eff5f6;}


.swiper-slide iframe{
pointer-events:none;}
}

/* モーダル */
.video-thumb{
width:100%;
height:100%;
aspect-ratio:453 / 805;
background-size:cover;
background-position:center;
position:relative;
cursor:pointer;
border:0.5vw solid #00AFCF;
border-bottom-right-radius:2vw;}

.video-thumb-play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:3vw;
height:3vw;
background:#00AFCF;
border-radius:50%;
opacity:0.6;}

.video-thumb-play::after{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-35%,-50%);
border-style:solid;
border-width:0.7vw 0 0.7vw 1.2vw;
border-color:transparent transparent transparent #fff;}

.swiper-slide iframe{
pointer-events:none;}

#video-modal{
position:fixed;
inset:0;
display:none;
z-index:9999;}

#video-modal.is-open{
display:block;}

.video-modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.9);}

.video-modal-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:90vh;
aspect-ratio:453 / 805;}

.video-modal-content #modal-player{
width:100%;
height:100%;
display:block;
border:0;
border-radius:2vw!important;}

.video-modal-close{
position:absolute;
top:-3vw;
right:-3vw;
color:#fff;
font-size:3vw;
cursor:pointer;}

@media (max-width:767.9px){
.video-modal-content{
max-width:86vw;
height:80vh;}

.video-thumb{
border:1.3vw solid #00AFCF;
border-bottom-right-radius:5vw;}

.video-thumb-play{
top:48%;
width:7vw;
height:7vw;}

.video-thumb-play::after{
top:48%;
border-width:1.7vw 0 1.7vw 2.6vw;}

.video-modal-close{
position:absolute;
top:-8vw;
right:-6vw;
color:#fff;
font-size:8vw;
cursor:pointer;}
}