@charset "UTF-8";
.main .content {}
#inner.modelroom .main .intro {
	width: 980px;
	margin: -20px auto 0 auto;
}
#inner.modelroom .main .intro .fbox {
	display: flex;
	justify-content: space-between;
}
#inner.modelroom .main .intro .box {
	width: 380px;
}
#inner.modelroom .main .intro .box p {
	font-size: 16px;
	line-height: 2.4em;
}
#inner.modelroom .main .intro .box .img {
	position: relative;
}
#inner.modelroom .main .intro .box .img p {
	position: absolute;
	right: 10px;
	bottom: 4px;
	font-size: 10px;
	text-shadow: 0 0 3px #000000, 0 0 3px #000000;
	width: auto;
	margin: 0;
	line-height: 1.5em;
	color: #fff;
	text-align: right;
	}
}
#inner.modelroom .main .intro .box1 .img {
	margin-top: 33px;
}
#inner.modelroom .main .intro .box2 {margin-top: -130px;}
#inner.modelroom .main .intro .box2 .img {
	margin-bottom: 33px;
}
#inner.modelroom .main .intro .box3 {
	display: flex;
	justify-content: space-between;
	width: auto;
	margin-top: 90px;
}
#inner.modelroom .main .intro .box3 p {
	margin-top: 110px;
}
#inner.modelroom .main .intro .box3 .img {
	width: 650px;
}
#inner.modelroom .main .gallery {
	margin-top: 110px;
}
#inner.modelroom .main .slider {
	width: 980px;
	margin: 0 auto 0 auto;
}
#inner.modelroom .main .slider .slide {position: relative;}
#inner.modelroom .main .slider .slide p {position: absolute;right: 10px;bottom: 4px;font-size: 10px;text-shadow: 0 0 3px #000000, 0 0 3px #000000;color: #fff;}
#inner.modelroom .main .slider_thumbnail {
	width: 980px;
	margin: 10px auto 70px auto;
}
#inner.modelroom .main .slider_thumbnail .slick-track {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100% !important;
	transform: none !important;
}
#inner.modelroom .main .slider_thumbnail .slick-track::before {
	display: none;
}
#inner.modelroom .main .slider_thumbnail .slick-track .slide {
	left: auto !important;
	opacity: 1 !important;
	width: calc((100% - 40px) / 5) !important;
	float: none;
	pointer-events: auto;
	transition: all ease 0.3s;
}
#inner.modelroom .main .slider_thumbnail .slick-track .slide img {
	opacity: 0.4 !important;
	transition: all ease 0.3s;
}
#inner.modelroom .main .slider_thumbnail .slick-track .slide:hover img,
#inner.modelroom .main .slider_thumbnail .slick-track .slide.slick-current img {
	opacity: 1 !important;
}

/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {
  .hbox .info .lead {
	  font-size: 18px;
	 }
	.main .content {}
	
	#inner.modelroom .main .intro {
		width: 86%;
		margin: 0px auto 0 auto;
	}
	#inner.modelroom .main .intro .fbox {
		display: block;
	}
	#inner.modelroom .main .intro .box {
		width: auto;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	#inner.modelroom .main .intro .box p {
		font-size: 3vw;
		line-height: 2.4em;
		width: 54%;
		margin-top: 40px;
	}
	#inner.modelroom .main .intro .box1 p {
	position: relative;
	left: 8vw;
	}
	#inner.modelroom .main .intro .box1 .img {
		margin-top: 0;
		width: 46%;
	}
	#inner.modelroom .main .intro .box2 {margin-top: -13vw;}
	#inner.modelroom .main .intro .box2 p {
  margin-top: 31vw;
}
	#inner.modelroom .main .intro .box2 .img {
		margin-bottom: 0;
		width: 46%;
	}
	#inner.modelroom .main .intro .box3 {
		display: flex;
		justify-content: space-between;
		width: auto;
		margin-top: 30px;
		flex-direction: column;
	}
	#inner.modelroom .main .intro .box3 p {
		margin-top: 0;
		width: auto;
	}
	#inner.modelroom .main .intro .box3 .img {
		width: auto;
		margin-top: 22px;
		}
	#inner.modelroom .main .gallery {
		margin-top: 40px;
	}
	#inner.modelroom .main .slider {
		width: auto;
		margin: 0px auto 0 auto;
	}
	#inner.modelroom .main .slider .slide {position: relative;}
	#inner.modelroom .main .slider .slide p {position: absolute;right: 10px;bottom: 4px;font-size: 10px;text-shadow: 0 0 3px #0000007d;}
	#inner.modelroom .main .slider_thumbnail {
		width: 94%;
		margin: 10px auto 0 auto;
	}
	#inner.modelroom .main .slider_thumbnail .slick-track {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 100% !important;
		transform: none !important;
	}
	#inner.modelroom .main .slider_thumbnail .slick-track::before {
		display: none;
	}
	#inner.modelroom .main .slider_thumbnail .slick-track .slide {
		left: auto !important;
		opacity: 1 !important;
		width: calc((100% - 20px) / 3) !important;
		float: none;
		pointer-events: auto;
		transition: all ease 0.3s;
	}
	#inner.modelroom .main .slider_thumbnail .slick-track .slide img {
		opacity: 0.4 !important;
		transition: all ease 0.3s;
	}
	#inner.modelroom .main .slider_thumbnail .slick-track .slide:hover img,
	#inner.modelroom .main .slider_thumbnail .slick-track .slide.slick-current img {
		opacity: 1 !important;
	}
	

}