.main-headline {position:relative;}
.main-headline__slide-link {position:relative; display:block; height:0; padding-bottom:56.25%; overflow:hidden; z-index:2;}
.main-headline__slide-link::after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); z-index:2;}
.main-headline__media {position:absolute; left:0; top:0; width:100%; height:100%;}
.main-headline__img {width:100% !important; height:100% !important; object-fit:cover; object-position:center;}
.main-headline__detail {position:absolute; left:0; width:100%; bottom:20px; z-index:2;}
.main-headline__meta {display:flex; justify-content:space-between; align-items:flex-end; max-width:100%; margin:0 10px;}
.main-headline__heading {font-size:24px; line-height:30px; color:#fff; font-family:"PoppinsMedium", sans-serif; position:relative; margin-bottom:8px; transition:color 0.3s ease; max-height:60px; overflow:hidden;}
.main-headline__heading:hover {color: var(--site-color);}
.main-headline__navigation {position:absolute; z-index:9; top:50%; left:10px; right:10px;}
.main-headline .swiper-wrapper, .main-headline__channel {height:100%;}
.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;}
.main-headline__navigation .swiper-button-prev::after, .main-headline__navigation .swiper-button-next::after {display:none;}
.main-headline__cta {display:inline-flex; align-items:center; justify-content:center; font-size:11px; line-height:19px;}
.main-headline__scroll-down {height:54px; width:36px; position:absolute; left:50%; bottom:22px; border-radius:50px; border:2px solid #f8f8fd; z-index:999; transform:translate(-50%, 0px); display:none;}
.main-headline__scroll-down::before {content:""; position:absolute; left:50%; width:3px; animation:scroll-down 1s ease-in-out infinite; top:10%; animation-delay:0.3s; height:8px; background:var(--site-color);; border-radius:31px; transform:translate(-50%, 0px);}

@keyframes scroll-down {
0% {opacity:0;}
30% {opacity:1;}
60% {opacity:1;}
100% {top:90%; opacity:0;}
}
.aplus-area {padding:50px 0 58px; position:relative;}

.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;overflow:hidden;display:inline-flex;max-height: 86px;}
.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__title {font-size:14px;line-height:21px;color: #fff;transition: all 0.3s ease;}
.box-item__media {display:block; position:relative;}
.box-item__img {display:block; width:100%; height:100%;}
.box-item:hover .box-item__title {color: var(--site-color);;}
@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;}
}
@media(min-width:1200px){
.box-item__detail-desc {max-height: 126px;}
}
@media (min-width: 1500px) {
.box-item__detail-title {margin-bottom:9px}
}

.box-item__media {aspect-ratio:368/250;}
.aplus {padding:50px 0 28px; position:relative;}
.aplus__logo {margin-bottom:24px; flex-shrink:0; display:inline-flex;}
.aplus__logo img {max-width: 130px;height:auto;}
.aplus__slider {flex-shrink:0; width:100%;}
.aplus__slider .swiper-initialized .swiper-slide {flex-shrink:0 !important;}
.aplus__slider--type-01 .swiper-slide {margin-right:17px; width:130px;}
.aplus__navigation {position:absolute;top:0;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;}
.aplus__inner {display:flex; align-items:center; overflow-x:hidden; flex-wrap:wrap; margin-right:-10px;}

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

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

@media(min-width:412px) {
.aplus__slider--type-01 .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 {padding:102px 0 162px;}
.aplus::before {content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #242424 100%); transform:rotate(180deg); z-index:-1;}
.aplus__logo {width:210px; margin-bottom:0;}
.aplus__logo img {max-width:100%;}
.aplus__slider--type-01 {margin-left:50px; width:calc(100% - 260px); padding-top:53px;}
.aplus-area {padding:102px 0 162px;}
.aplus-area:before {content:""; position:absolute; bottom:0; left:0; right:0; top:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #242424 100%); transform:rotate(180deg); z-index:-1;}
.aplus__slider--type-01 .swiper-slide {width:70%;}
.aplus__slider .swiper {padding-top:53px;}
.aplus__inner {margin:0 10px; max-width:1756px; flex-wrap:nowrap;}
}

@media (min-width: 992px) {
.main-headline {height:100vh;}
.main-headline__slide-link {height:100%; padding-bottom:0;}
.main-headline__detail {bottom:80px;}
.main-headline__heading {margin-bottom:15px;}
.main-headline__navigation {right:95px; width:100px; bottom:98px; top:auto; left:auto;}
.main-headline__meta {max-width:1756px; margin:0 82px;}
.main-headline__scroll-down {display:block;bottom:60px;}
.aplus__logo {width:180px;}
.aplus__slider--type-01 {width: calc(100% - 230px);}
.aplus__slider--type-01 .swiper-slide {width:40%;}
.aplus__inner {margin:0 82px;}
}

@media (min-width: 1200px) {
.main-headline__heading {font-size:55px; max-width:680px; line-height:65px; margin-bottom:32px; max-height:132px;}
.aplus__slider--type-01 {width: calc(100% - 230px);}
}

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

@media (min-width: 1441px) {
.main-headline__heading {font-size:72px; line-height:88px; max-height:179px;}
.aplus__logo {width:250px;}
.aplus__slider--type-01 {width: calc(100% - 300px);}
}

@media (min-width: 1600px) {
.aplus__logo {width:291px;}
.aplus__slider--type-01 {margin-left:102px; width:calc(100% - 395px);}
}

@media (max-width: 767px) {
.headline-detail .container-fluid, .headline-detail .row, .headline-detail .col-12 {padding:0;}
.headline-detail .general-main-type {padding:0 20px;}
.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-01 .swiper-slide:last-child {margin-right:0;}
}