@charset "utf-8";

/* Slider
--------------------*/
.slider-main{ margin:70px auto 0; position:relative; overflow:hidden; width:100%; }
.slider-main .swiper-wrapper{ align-items:center; }
.slider-main .swiper-slide{ display:flex; align-items:center; justify-content:center; }
.slider-main .swiper-slide figure{ line-height:0; }
.slider-main .swiper-slide img{ max-width:100%; width:auto; height:330px; max-height:none; object-fit:contain; }
.slider-main .swiper-button{ height:100%; top:0; left:0; right:0; position:absolute; width:calc(100vw - 20px); margin:auto; }
.slider-main .swiper-button-next,
.slider-main .swiper-button-prev{ color:#70707a; height:100%; position:absolute; top:0; margin:0; }
.slider-main .swiper-button-next{ right:0; }
.slider-main .swiper-button-prev{ left:0; }
.slider-main .swiper-button-next:after,
.slider-main .swiper-button-prev:after{ top:0; bottom:0; margin:auto; }
.fullscreen-btn{ border:0; background:transparent; padding:0; margin:0; display:block; line-height:0; height:25px; width:25px; opacity:0.5; }
.fullscreen-btn:hover{ opacity:1; }
.fullscreen-mode{ position:fixed!important; top:0; left:0; width:100vw!important; height:100vh!important; background:#000; z-index:99999; }
.fullscreen-mode .swiper-slide img{ object-fit:contain; width:100%; height:100%!important; }
@media only screen and (min-width:768px){
	.slider-main{ height:calc(100vh - 130px); margin:80px auto 0; }
	.slider-main .swiper-slide img{ height:calc(100vh - 12%); }
	.slider-main .swiper-button{ width:calc(100vw - 10%); }
	.slider-main .swiper-button-next,
	.slider-main .swiper-button-prev{ width:calc(var(--swiper-navigation-size) / 44 * 80); }
}
@media only screen and (max-width:767px){
	.fullscreen-btn{ display:none; }
}

/* Work Text
--------------------*/
.work-data{ margin:10px 0 50px; }
.work-data .work-info{ display:flex; justify-content:space-between; }
.work-data h2{ font-size:20px; width:calc(100% - 30px); }
.work-data p{ margin:0; }
@media only screen and (min-width:768px){
	.work-data{ margin:10px 0 70px; }
	.work-data h2{ font-size:22px; }
	.work-data h2 br{ display:none; }
}
@media only screen and (min-width:1024px){
	.work-data{ margin:10px 0 90px; }
}

/* Work List
--------------------*/
.slider-thumbnail .swiper-wrapper{ flex-wrap:wrap; }
.slider-thumbnail .swiper-slide{ width:auto; display:inline-block; width:calc(50% - 5px); text-align:center; margin:10px 10px 0 0; position:relative; overflow:hidden; line-height:0; box-sizing:border-box; }
.slider-thumbnail .swiper-slide:nth-child(2n){ margin:10px 0 0; }
.slider-thumbnail .swiper-slide:nth-child(-n+1){ margin:0 10px 0 0; }
.slider-thumbnail .swiper-slide:nth-child(2){ margin:0; }
.slider-thumbnail .swiper-slide img{ width:300px; height:auto; aspect-ratio:1 / 1; object-fit:cover; }
@media only screen and (min-width:768px){
	.slider-thumbnail .swiper-slide,
	.slider-thumbnail .swiper-slide:nth-child(2),
	.slider-thumbnail .swiper-slide:nth-child(-n+1),
	.slider-thumbnail .swiper-slide:nth-child(2n){ margin:20px 20px 0 0; width:calc(100%/3 - 13.3333px); }
	.slider-thumbnail .swiper-slide:nth-child(3n){ margin:20px 0 0; }
	.slider-thumbnail .swiper-slide:nth-child(-n+2){ margin:0 20px 0 0; }
	.slider-thumbnail .swiper-slide:nth-child(3){ margin:0!important; }
}
@media only screen and (min-width:1024px){
	.slider-thumbnail .swiper-slide,
	.slider-thumbnail .swiper-slide:nth-child(2),
	.slider-thumbnail .swiper-slide:nth-child(-n+1),
	.slider-thumbnail .swiper-slide:nth-child(2n){ margin:50px 50px 0 0; width:calc(100%/3 - 33.3333px); }
	.slider-thumbnail .swiper-slide:nth-child(3n){ margin:50px 0 0; }
	.slider-thumbnail .swiper-slide:nth-child(-n+2){ margin:0 50px 0 0; }
}