.swiper-button-prev, .swiper-button-next {width:31px; height:13px; top:0 !important; transition:all 0.25s ease; opacity:0.4; margin:0 !important;}
.swiper-button-prev {left:0 !important; background:url(../i/left-arrow.svg) no-repeat center;}
.swiper-button-next {right:0 !important; background:url(../i/right-arrow.svg) no-repeat center;}
.swiper-button-prev:hover, .swiper-button-next:hover {opacity:1;}
.box-item__wrap {background:url(../i/logo-dummy.png) no-repeat 50% rgba(0, 0, 0, .12); background-size:50%; display:block; overflow:hidden; position:relative; width:100%;}
.box-item__detail {display:none;}
.box-item__link {overflow:hidden; display:block; margin-bottom:10px;}
.box-item__detail-title {font-size:18px; line-height:27px; color: var(--site-color); font-family:PoppinsBold; margin-bottom:3px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box-item__detail-desc {font-size:14px; line-height:21px; color:#fff; max-height:85px; overflow:hidden; display:inline-flex;}
.box-item__year {font-family:'PoppinsBold', sans-serif; color:#999; display:block; font-size:11px; min-height:20px;}
.box-item__point {color: var(--site-color); font-weight:400; display:inline-block;}
.box-item__text {font-size:14px; line-height:21px; color:#fff; transition:all 0.3s ease; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical;}
.box-item__media {display:block; position:relative;}
.box-item__img {display:block; width:100%; height:100%;}
.box-item:hover .box-item__text {color: var(--site-color);}
.others-block .box-item {margin-bottom:25px;}

@media (min-width: 768px) {
.box-item__detail {display:block; background:rgba(0, 0, 0, .7); border:1px solid var(--site-color);; bottom:0px; left:0; opacity:0; padding:14px 20px; position:absolute; right:0; top:0; -webkit-transition:all .3s ease; transition:all .3s ease; visibility:hidden; z-index:-1;}
.box-item:hover .box-item__detail {opacity:1; visibility:visible; z-index:9;}
.others-block .box-item {margin-bottom:50px;}
}

@media(min-width:1560px) {
.box-item__detail-desc {max-height:126px;}
.box-item__detail-title {margin-bottom:9px}
}

.box-item__media {aspect-ratio:368/250;}
.aplus__slider {flex-shrink:0; width:100%;}
.aplus__slider .swiper-initialized .swiper-slide {flex-shrink:0 !important;}
.aplus__slider--type-02 .swiper-slide {margin-right:17px; width:130px;}
.aplus__slider--type-02 {width:100%; padding:37px 0 47px;}
.aplus__slider-title {display:inline-flex; align-items:center; font-size:18px; line-height:27px; color:#fff; gap:16px; margin-bottom:25px;}
.aplus__navigation {position:absolute; top:60px; right:0; width:120px; display:flex; align-items:center; justify-content:space-between; z-index:2;}
.aplus__navigation .swiper-button-next, .aplus__navigation .swiper-button-prev {top:0; margin:0; position:relative; left:0; right:0; transition:opacity 0.3s ease;}
.aplus__navigation .swiper-button-next::after, .aplus__navigation .swiper-button-prev::after {display:none;}

@media(min-width:360px) {
.aplus__slider--type-02 .swiper-slide {width:135px;}
}

@media(min-width:375px) {
.aplus__slider--type-02 .swiper-slide {width:141px;}
}

@media(min-width:412px) {
.aplus__slider--type-02 .swiper-slide {width:156px;}
}

@media (min-width: 768px) {
.main-headline__heading {font-size:44px; line-height:58px; margin-bottom:18px; max-width:500px; max-height:116px;}
.main-headline__cta {font-size:14px; line-height:21px;}
.aplus__slider--type-02 {padding:50px 0 92px;}
.aplus__slider--type-02 .swiper-slide {width:279px;}
.aplus__slider .swiper {padding-top:53px;}
.aplus__slider-title {font-size:22px; line-height:33px; color:#fff; gap:16px; margin-bottom:40px;}
.aplus__navigation {top:60px;}
}

@media (min-width: 1180px) {
.aplus__slider--type-02 .swiper-slide {width:299px}
}

@media (min-width: 1300px) {
.aplus__slider--type-02 .swiper-slide {width:235px;}
}

@media (min-width: 1300px) {
.aplus__slider--type-02 .swiper-slide {width:21%;}
}

@media (max-width: 767px) {
.aplus__slider .swiper-wrapper {overflow-x:auto; overflow-y:hidden;}
.aplus__navigation, .aplus__slider .swiper-wrapper::-webkit-scrollbar, .aplus__slider .swiper-wrapper::-webkit-scrollbar-track, .aplus__slider .swiper-wrapper::-webkit-scrollbar-thumb {display:none;}
.aplus__slider--type-02 .swiper-slide:last-child {margin-right:0;}
}

.others-block {padding:30px 0 60px; position:relative;}
.others-block__container {max-width:100%; margin:0 10px;}
.others-block:before {content:""; position:absolute; left:0; right:0; top:0; height:40%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #242424 100%); transform:rotate(180deg); z-index:-1; pointer-events:none;}
.others-block .page-lg-title {margin-bottom:30px;}

@media (min-width: 768px) {
.others-block {padding:50px 0 80px;}
.others-block .page-lg-title {margin-bottom:40px;}
}

@media (min-width: 992px) {
.others-block__container {max-width:1756px; margin:0 82px;}
}