/* CSS Document */
#kasou-h1-region img{
	order:4;
	width: 4%;
	margin: auto;
}
#kasou-h1-region #p2{
	order:5;
	color:#3f403c;
}
#kasou-h1-region #p1{
	margin: 3% auto;
}
.room-section{padding:5% 17.5%;}
.room-section h2{margin :2% auto;}
.room-section h2,.room-section h3{font-weight: 500;}
.back-off-white{
	background-color:#faf9f7;
}
.studio-png{
	width:28%;
}

/*以下スライダー*/
.slider-wrap{
	position:relative;
	position: relative;
	width: 100%;
	margin: 5% auto auto;
	padding: 0 10%;
}
.slider {
	width: 100%;
	overflow: hidden;
}

.slides {
	display: flex;
	transition: transform 0.6s ease;
}

.slides img {
	width: 100%;
	flex-shrink: 0;
	display: block;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 3vw;  /* 矢印画像サイズ */
	height: 3vw;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.arrow:hover {
	opacity: 0.7;
}

.arrow img {
	width: 100%;
	height: auto;
	display: block;
}

.prev { left: 2.5%; }   /* 画像の外側に出す場合はこの値を調整 */
.next { right: 2.5%; }

.pagination {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.pagination button {
	width: 1.5vw;    /* 横長 */
	height: 2px;
	border: none;
	background-color: white;
	cursor: pointer;
	transition: background-color 0.3s;
}

.pagination button.active {
	background-color: #b3b3b3;
}
.oheyasetsumei-flex{
	width:80%;
	margin: 2% auto auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.oheyasetsumei-flex p{
	width:31.5%;
	text-align: center;
	text-align-last: center;
	background-color:#d9d0c1;
	padding:1% 0;
}
#room4{margin-bottom:5%;}
@media(max-width:750px){
	#kasou-h1-region img {
		width: 9%;
		margin: 5% auto 2.5%;
	}
	.studio-png {
		width: 60%;
	}
	.room-section {
		padding: 10%;
	}
	.room-section h2 {
		margin: 5% auto;
		letter-spacing: 0.3vw;
	}
	.slider-wrap {
		width: 120%;
		right: 10%;
		margin-top:10%;
	}
	.prev { left: -0.5%; }
	.next { right: -0.5%; }
	.arrow{width:6.5vw;height:6.5vw;}
	.oheyasetsumei-flex {
		width: 100%;
		display: block;
		margin-top:5%;
	}
	.oheyasetsumei-flex p {
		width: 100%;
		margin-bottom: 2%;
	}
	.pagination button {
		-webkit-appearance: none; /* iOS標準ボタンスタイルをリセット */
		appearance: none;
		border: none;
		display: block;
		padding: 0;
		margin: 0;
		width: 3.5vw;
		/*height: 3px;*/
	}
}