.l-unit-l{overflow:hidden;}
.top-interview{padding:60px 80px; border-radius:10px; background-color:#FFFFFF; position:relative; top:-50px;}

.top-interview__content{overflow:visible}
.top-interview__lists{display:flex}
.top-interview__list{min-width:121px; text-align:center;}
.top-interview__list2{min-width:220px; text-align:center;}
.top-interview-item__content{display:flex;flex-direction:column;grid-area:1/-1;justify-content:flex-end;padding:1.5em;position:relative;row-gap:1em}
.top-interview-item__heading{line-height:1.5}.top-interview-item__meta{align-items:center;display:flex;line-height:1}.top-interview-item__meta>span+span{border-left:1px solid #fff;margin-left:1em;padding-left:1em}
.top-interview__controls{align-items:center;display:flex}.top-interview__arrows{display:flex}
.top-interview__arrows__btn{align-items:center;background-color:#DF0522;border:1px solid #DF0522;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;left:auto;margin-top:0;padding:24px;position:relative;right:auto;top:0; cursor:pointer;}
.top-interview__arrows__btn:before{bottom:0;content:"";display:block;height:1em;left:0;margin:auto;position:absolute;right:0;top:0;transform:rotate(45deg);width:1em;}
.top-interview__arrows__btn:after{display:none}
.top-interview__arrows__btn.is-prev:before{border-bottom:2px solid #FFFFFF;border-left:2px solid #FFFFFF;left:.5em}
.top-interview__arrows__btn.is-next:before{border-right:2px solid #FFFFFF;border-top:2px solid #FFFFFF;right:.5em}
.top-interview__dots{background-color:#e0e0e0;border-radius:1em;display:inline-flex;height:.25em;position:static}
.top-interview__dots>.swiper-pagination-bullet{align-items:center;background-color:transparent;display:flex;flex-grow:1;flex-shrink:0;height:.25em;margin:0!important}
.top-interview__dots>.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#DF0522;border-radius:1em}

.l-unit-base2.top-interview{padding:50px 0 0 0; border-radius:0; background-color:transparent; position:relative; top:auto;}
.top-interview__list3{min-width:378px; margin-bottom:15px;}
.top-interview__list3 a{display:block; margin:0 17px 0 5px; border-radius:8px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.l-unit-base3.top-interview{width:1120px; margin:0 auto; padding:50px 0 0 0; border-radius:0; background-color:transparent; position:relative; top:auto;}
.top-interview__list4{min-width:258px;}


.top-interview-item__heading{font-size:max(10px,min(1.56vw,2rem))}.top-interview-item__meta{font-size:max(10px,min(.93vw,1.2rem))}.top-interview-item__category{border-radius:.93em 0 .93em 0}.top-interview__controls{-moz-column-gap:1.87em;column-gap:1.87em;justify-content:flex-end}.top-interview__arrows{-moz-column-gap:1.25em;column-gap:1.25em}
.top-interview__arrows__btn{height:4em;width:4em}
.top-interview__dots{width:auto!important}
.top-interview__dots>.swiper-pagination-bullet{flex-basis:3.12em;width:3.12em}
.top-recruit-head{position:relative}.top-recruit-head__icon{left:0;position:absolute;top:0}.c-welfare-list .c-welfare-inner .u-welfare-title{font-size:max(10px,min(2.03vw,2.6rem))}.c-welfare-list .c-welfare-inner .u-welfare-text{font-size:max(10px,min(1.25vw,1.6rem))}

@media only screen and (max-width: 767px) {
.top-interview{padding:.6rem .5rem; border-radius:0; top:0;}

body.page-siteindex .l-container{padding-top:.5rem}*+.l-unit-l{margin-top:.5rem}*+.l-unit-l.w-line{padding-top:.5rem;}

.top-interview__list{min-width:1.8rem;}
.top-interview__list2{min-width:4rem;}
.top-interview__list3{width:6.9rem; min-width:100%;}
.top-interview__list3 a{margin-right:0;}
.top-interview__list3 a p img{width:100%; height:auto;}
.top-interview-item__content{padding:1.5em 0;}
.l-unit-base3.top-interview{width:100%; padding:.5rem 0 0 0;}
.top-interview__list4{min-width:3.2rem;}
.top-interview-item__image img{width:100%; height:auto;}

.top-interview-item__heading{font-size:max(5.55vw,2rem)}.top-interview-item__meta{font-size:max(3.33vw,1.2rem)}.top-interview-item__category{border-radius:1.07em 0 1.07em 0}
.top-interview__controls{-moz-column-gap:1.42em;column-gap:1.42em;justify-content:space-between}.top-interview__arrows{-moz-column-gap:.71em;column-gap:.71em}
.top-interview__arrows__btn{height:.6rem;width:.6rem; padding:0;}
.top-interview__arrows__btn:before{height:.15rem;width:.15rem;}
.top-recruit-head{display:flex;flex-direction:column;row-gap:1.42em}.c-welfare-title{margin-bottom:20px}.c-welfare-list .c-welfare-inner .u-welfare-title{font-size:max(5.55vw,2rem)}.c-welfare-list .c-welfare-inner .u-welfare-text{font-size:max(4.16vw,1.5rem)}.c-training-table-content{margin-bottom:50px;margin-top:50px}
.top-interview__dots>.swiper-pagination-bullet{flex-basis:.41rem;width:.41rem}

}

@media only screen and (min-width:768px) and (max-width:1170px){
.top-interview{padding:40px 40px;}

.top-interview__list3{min-width:31%;}
.top-interview__list3 a{margin-right:10px;}
.top-interview__list3 a p img{width:100%; height:auto;}
.l-unit-base3.top-interview{width:94%; padding:.5rem 0 0 0;}
.top-interview__list4{min-width:220px;}
.top-interview-item__image img{width:100%; height:auto;}
}
