@charset "utf-8";


/* 共通ページネーション（news / pickup） */
.slider-nav { display: flex; align-items: center; gap: 2rem;}
.swiper-button-prev,
.swiper-button-next { position: static; width: 4.5rem; height: 4.5rem; margin: 0;}
.swiper-button-prev::after,
.swiper-button-next::after { content: ""; display: block; width: 100%; height: 100%; background: url(/assets/images/home/slider_ar.svg) no-repeat center / contain;}
.swiper-button-next::after { transform: rotate(180deg);}
.slider-nav-pagination { position: static; width: auto;}



/* kv */
.home-kv { padding-inline: 1rem;}
.home-kv .newsDetail { margin: 1rem 1rem 2rem; }
.home-kv .newsTitle { font-size: 1.6rem; font-weight: bold; -webkit-line-clamp: 3;}
.home-kv .newsDate { margin-top: 1rem;}
.home-kv figure { position: relative; height: 0; padding-bottom: 50%; overflow: hidden; border-radius: 0.5rem; box-shadow: 0px 0px 30px 0px #d5d5d5;}
.home-kv figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.home-kv .swiper-pagination { text-align: right;}
.home-kv .swiper-pagination-bullet { width: 1.2rem; height: 5px; border-radius: 0; background-color: #cbcbcb;}
.home-kv .swiper-pagination-bullet-active { background-color: var(--cl-key);}
.home-kv .swiper-horizontal>.swiper-pagination-bullets,
.home-kv .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; right: 0; left: auto;}

@media print, screen and (min-width: 640px) {
.home-kv { position: relative; padding-inline: 0;}
.home-kv .newsDetail { position: absolute; bottom: 0; left: 0; width: 45%; margin: 0; padding: 4rem; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(4px); border-radius: 0 0.5rem 0 0.5rem; }
.home-kv .newsTitle { font-size: 1.8rem; -webkit-box-orient: initial;}
.home-kv .newsDate { margin-top: 1.5rem;}

.home-kv .slider { width: 100%; max-width: 138rem !important; margin: 0 auto !important; overflow: visible !important; padding-inline: 4rem;}
.home-kv .swiper-slide {}
.home-kv .swiper-slide a:hover { opacity: 1;}
.home-kv .swiper-pagination { width: auto; }
.home-kv .swiper-horizontal>.swiper-pagination-bullets,
.home-kv .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 4rem; right: 8rem;}
.home-kv .swiper-pagination-bullet { opacity: 1;}
.home-kv .swiper-pagination-bullet-active { background-color: var(--cl-key);}

}



/* newsPickup */
.newsPickup { padding: 2rem; box-shadow: 0 0 3rem rgba(0,0,0,0.16); border-radius: 0.5rem; }
.newsPickup-link { display: block; }
.newsPickup-title { display: none; }
.newsPickup .newsTitle { margin-top: 0.5rem; -webkit-box-orient: initial; }

@media print, screen and (min-width: 640px) {
.newsPickup { padding: 0; }
.newsPickup-link { display: grid; align-items: center; grid-template-columns: 19rem 14rem 1fr; }
.newsPickup-link > * {  }
.newsPickup-title { padding: 3rem 0 3rem 4.5rem; display: block; border-right: var(--cl-gr) 1px solid; }
.newsPickup .newsDate { padding: 0 0 0 3rem; font-size: 1.4rem;}
.newsPickup .newsTitle { padding: 0 4.5rem 0 0; margin-top: 0; font-size: 1.4rem; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

/* by language */
.newsPickup-link:lang(en) { grid-template-columns: 21rem 14rem 1fr; }


}




/* news */
.home-news,
.index-news { position: relative;}
.index-news > * { position: relative;}
.index-news + .index-news { margin-top: 4rem;}
.index-news .newsList._min { border-top: var(--cl-gr) 1px solid;}
.index-news-btn { margin-top: 1.5rem;}
.index-news .slider-nav { display: none;}

.index-news .news-slider { margin-top: 3rem;}
.index-news .swiper-wrapper { display: block;}
.index-news .swiper-slide:nth-last-child(-n+2) { display: none; opacity: 0; visibility: hidden; }
.index-news .swiper-slide { transition: 0.8s; }
.index-news .swiper-slide + .swiper-slide { margin-top: 2rem; }
.index-news .pagination { display: none; }

@media print, screen and (min-width: 640px) {

.index-news + .index-news { margin-top: 6rem; border-top: var(--cl-gr) 1px solid;}
.index-news-titleEn { margin-bottom: 3rem;}
.index-news > * { overflow: hidden; width: 100vw; margin-right: calc(50vw - 50%);}
.index-news .newsList._min { border-top: none;}
.index-news .slider-nav { display: flex; justify-content: flex-end; max-width: 116rem;}

.index-news .news-slider { width: 100%; overflow: visible !important; margin: 0 0 0 !important; min-height: 42rem; }
.index-news .swiper-wrapper { display: flex;}
.index-news .swiper-slide { width: 100%; max-width: 25rem !important; margin: 4rem 5rem 0 0; }
.index-news .swiper-slide + .swiper-slide { margin-top: 4rem; }
.index-news .swiper-slide:nth-last-child(-n+2) { display: block; opacity: 1; visibility: visible; }

.index-news .swiper-slide-active { max-width: 42rem !important;  }
.index-news .swiper-slide-active figure { box-shadow: 0px 0px 30px 0px rgb(234 234 234 / 57%); }
.index-news .swiper-slide-active .newsTitle { font-size: 1.6rem; }

.index-news .nav-wrap {}
.index-news .pagination { display: block; }

}




/* pickup */
.index-pickup { position: relative ; margin-top: 7rem; padding-right: 0; }
.home-pickup-title { position: absolute; top: -2rem; left: 4rem;}
.home-pickup-title .index-news-titleEn { font-size: 4rem;}
.home-pickup-title .index-news-titleJa { margin-top: 0.5rem;}

.pickup-slider { width: 100%; overflow: hidden; margin-top: 3rem;}

.pickup-slider .thumb-swiper .swiper-slide a { position: relative; display: block;}
.pickup-slider .thumb-swiper .swiper-slide a img { border-radius: 0.5rem; overflow: hidden;}
.pickup-slider .thumb-swiper-title { position: absolute; top: 1rem; left: 1rem; color: var(--cl-wh); font-size: 1.2rem; z-index: 12;}
.pickup-slider .main-swiper .swiper-slide { padding-right: 4rem;}
.pickup-slider .main-swiper .pickup-slider-title { margin-top: 1rem; font-size: 2.2rem; }
.pickup-slider .main-swiper .pickup-slider-title span { display: inline-block; margin-right: 0.5rem; font-size: 3rem;}
.pickup-slider .main-swiper .pickup-slider-title + p { margin-top: 0.5rem; }
.pickup-slider .main-swiper .u-btn { margin-top: 2rem; }
.pickup-slider .slider-nav { margin-top: 4rem; }

.pickup-slider .thumb-swiper .swiper-slide a::before { content: ""; display: block; width: 100%; height: 30%; position: absolute; top: 0; left: 0; z-index: 10; background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); border-radius: 0.5rem; }

@media print, screen and (min-width: 640px) {
.index-pickup { margin-top: 0; }
.home-pickup-title { position: static; top: 0; left: 0; display: flex; align-items: center;}
.home-pickup-title .index-news-titleEn { margin: 0; font-size: 6rem;}
.home-pickup-title .index-news-titleJa { margin: 0 0 0 1rem;}
.pickup-slider .slider-nav { position: absolute; bottom: 0; left: 0; margin: 0; }

.pickup-slider { position: relative; margin-top: 4rem; }
.pickup-slider img { overflow: hidden; border-radius: 0.5rem;}
.pickup-slider .topmv_item:nth-child(1) { margin: 0 0 0 calc(100% - 60%); overflow: hidden;  }
.pickup-slider .thumb-swiper { width: 100%; max-width: 34rem !important; overflow: visible !important;}

.pickup-slider .topmv_item:nth-child(2)  { position: absolute; top: 0; left: 0; width: 43rem; height: 100%; }
.pickup-slider .main-swiper .pickup-slider-title { margin-top: 2.5rem; }
.pickup-slider .main-swiper .pickup-slider-title span { margin-right: 1rem;  }
.pickup-slider .main-swiper .pickup-slider-title + p { margin-top: 1.5rem; }
.pickup-slider .main-swiper .u-btn { margin-top: 3rem; }

.index-pickup .swiper-button-prev,
.index-pickup .swiper-button-next { width: 6rem; height: 6rem;}
.index-pickup .slider-nav-pagination { font-size: 1.8rem;}

}



/* menu */
.home-menu {}
.home-menu figure { overflow: hidden; border-radius: 0.5rem; }
.home-menu .u-titleEn { margin-top: 0.5rem;}
.home-menuList { display: flex; flex-wrap: wrap; gap: 1rem 0; margin-top: 0.5rem;}
.home-menuList li { display: flex; }
.home-menuList li::after { content: "｜"; margin-inline: 1rem; color: var(--cl-gr); }
.home-menuList li:last-of-type:after { display: none; }
.home-menuList li a { display: block; }
@media print, screen and (min-width: 640px) {
.home-menu .clbox.clbox-2 { gap: 6rem 4rem;}
.home-menu .u-titleEn { margin-top: 1rem;}
.home-menuList li a { font-size: 1.4rem; }

}