@charset "utf-8";

/* ---------------------------------------- 
 - viproom_box
---------------------------------------- */
.viproom_box {
	width: 90%;
	max-width: 1200px;
	margin: 100px auto 120px;
}
.viproom_box .visual {
	margin-bottom: 40px;
}
.viproom_box .lead {
	margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
	.viproom_box {
		margin: 50px auto 60px;
	}
	.viproom_box .visual {
		margin-bottom: 20px;
	}
}

/* ---------------------------------------- 
 - .other_box
---------------------------------------- */
.other_box {
	width: 90%;
	max-width: 1200px;
	margin: 100px auto;
	background: #ebede0;
	box-sizing: border-box;
	text-align: center;
	padding: 65px 85px;
}
.other_box > .ttl {
	font-size:3.2rem;
	line-height:1.6;
	color: #53604c;
	margin-bottom: 0.8em;
}
.other_box > .lead {
	font-size:1.6rem;
	width: 100%;
	max-width: 1010px;
	margin: 0 auto 2.5em;
}
.other_box .visual_box {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.other_box .visual_box .visual {
	width: 48%;
	max-width: 490px;
}
@media screen and (max-width: 768px) {
	.other_box {
		margin: 50px auto;
		padding: 30px 5%;
	}
	.other_box > .ttl {
		font-size:2.6rem;
	}
  .other_box > .lead {
    font-size:1.5rem;
  }
}