@charset "UTF-8";
/*-------------------------------

	ホームステージングサンプルページ

-------------------------------*/
#containerWrapper.homeStaging {
	margin-bottom: -260px;
}
#containerWrapper.homeStaging #contentMain *{
	box-sizing: border-box;
}


h1.homeStaging_ttl {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
}

#contentMain > p {
	margin-top: 10px;
}
#contentMain > p.caution {
	color: #ff6633;
} 

.homeStaging_tabMenu {
	display: -webkit-flex;
	display: flex;
	margin: 30px 0;
}
.homeStaging_tabMenu li {
	width: calc(100% / 4);
}
.homeStaging_tabMenu li a {
	display: inline-block;
	width: 100%;
	padding: 13px 0 12px;
	background-color: #ffffff;
	border: 1px solid #868788;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.homeStaging_tabMenu li a:hover,
.homeStaging_tabMenu li a:active {
	color: #111111;
	opacity: 0.8;
}
.homeStaging_tabMenu li + li a{
	border-left: none;
}

.homeStaging_tabMenu li a.current {
	position: relative;
	background-color: #868788;
	color: #ffffff;
}
.homeStaging_tabMenu li a.current::after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #868788 transparent transparent transparent;
	bottom: -13px;
	left: calc(50% - 8px);
}
.panoramaWrapper ul li .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.panoramaWrapper ul li .inner > div {
	width: 492px;
	text-align: center;
}
.panoramaWrapper ul li .inner > div p {
	margin-top: 15px;
	font-size: 26px;
}
.panoramaWrapper ul li .inner > div p.caution {
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}
.panoramaWrapper ul li .inner > div p.bold {
	margin-top: 10px;
	font-weight: bold;
}
.panoramaBox {
	height: 314px;
	background-color: #999999;
}