@charset "utf-8";

#modelroom {
	padding-top: 70px;
}

/* box01 */
.box01 {
	padding: 12rem 0 6rem;
}

.box01 .titEnJp {
	margin-bottom: 4.5rem;
}

.box01 .titEnJp .jp {
	line-height: 1.6;
}

.box01 .mDesc {
	line-height: 2;
}

/* gallery */
.gallery {
	max-width: 1000px;
	width: 100%;
	margin: 8rem auto 0;
}

.gallery__main {
	line-height: 0;
}

.gallery__main .photo img {
	width: 100%;
	height: auto;
}

.gallery__main .photo .m-cap {
	right: 8px;
	bottom: 8px;
	line-height: 1;
	font-size: 1.2rem;
}

.gallery__main .is-inset .photo .m-cap {
	right: calc(27.5% + 8px);
}

.gallery__main .is-split .photo .cap01 {
	right: calc(66.4% + 8px);
}

.gallery__main .is-split .photo .cap02 {
	right: calc(34% + 8px);
}

.gallery__thumb {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 1.25%;
	row-gap: 10px;
	margin-top: 3rem;
}

.gallery__thumb .item {
	overflow: hidden;
	aspect-ratio: 1000 / 670;
}

.gallery__thumb .item button {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	background: none;
	cursor: pointer;
	line-height: 0;
}

.gallery__thumb .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.5);
	transition: filter 0.3s;
}

.gallery__thumb .is-portrait img {
	transform: scale(2.3);
}

.gallery__thumb .is-active img {
	filter: brightness(1);
}

@media screen and (min-width: 769px) {
	.gallery__thumb .item button:hover img {
		filter: brightness(1);
	}
}

@media screen and (max-width: 768px) {
	#modelroom {
		padding-top: 0;
	}

	.box01 {
		padding: 6rem 0 0;
	}

	.box01 .titEnJp {
		margin-bottom: 3rem;
	}

	.gallery {
		margin-top: 3rem;
	}

	.gallery__main .photo .m-cap {
		right: 5px;
		bottom: 5px;
	}

	.gallery__main .is-inset .photo .m-cap {
		right: calc(27.5% + 5px);
	}

	.gallery__main .is-split .photo .cap01 {
		right: calc(66.4% + 5px);
	}

	.gallery__main .is-split .photo .cap02 {
		right: calc(34% + 5px);
	}

	.gallery__thumb {
		row-gap: 6px;
		margin-top: 2rem;
	}
}