.work-main-image{
	width: 100%;
	height: 30vh;
	position:relative;
}
@media(min-width:768px){
	.work-main-image{
		width:100%;
		height:40vh;
	}
}
.work-main-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	filter: brightness(0.6);
}
.work_list-title-wrap{
	border-bottom:1px #231815 solid;
}
.work_list-nameaddress{
	/*margin-left:auto;*/
	text-align:right;
}
.work_list-info-wrap{
	position:relative;
}
.work_list-info{
	position:static;
	padding-top:30px;
}
@media(min-width:768px){
	.work_list-info{
		position:absolute;
		padding-top:0;
		bottom:0;
	}
}

.swiper-thumb{
	display: grid;
	/*grid-template-columns: repeat(5, 1fr);
	gap: 10px;*/
	grid-auto-rows: 60px;
	margin-top:10px;
}
.swiper-thumb_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	cursor: pointer;
}
.swiper-wl{
	width:100%;
	height:auto;
	aspect-ratio: 16 / 9;
}
.swiper-slide-wl_img{
	height:100%;
}
.swiper-slide-wl_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.swiper-button-next, .swiper-button-prev{
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	/*width: calc(var(--swiper-navigation-size) / 44* 27);
	height: calc(var(--swiper-navigation-size) / 44* 27);*/
}
.swiper-button-next::after, .swiper-button-prev::after{
	content: '';
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
}
.swiper-button-next::after {
	right:40%;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
}

.swiper-button-prev::after {
	left:40%;
	border-bottom: 3px solid #000;
	border-left: 3px solid #000;
}
/*--- work list panel ---*/
.work_list-link{
	padding-top:50px;
}
.top-work-innner{
	background:#fff;
	padding:10px;
	margin-bottom:20px;
}

.top-work-link, .top-work-link:visited{
	color:#000;
}
.top-work-link:hover{
	color:#A5A5A5;
}
.top-work-link img:hover{
	opacity:0.8;
}
.top-wor-panel-title{
	font-size:1.6rem;
	line-height:1em;
	transform: scale(1, 1.4);
    white-space: nowrap;
    margin: auto;
}