@charset "utf-8";
/* CSS Document */


/*****************************************************************************
 *****************************************************************************/

.contentsWrapper .domSection > .inner {
	padding:90px 0;
	position:relative;
}
.contentsWrapper .domSection:not(:nth-child(1)) > .inner:before {
	content:"";
	display:block;
	border-radius:100%;
	height:18px;
	width:18px;
	background:#c9c9c9;
	position:absolute;
	top:-13px;
	left:50%;
	margin-left:-9px;
}
.domBox .boxTop {
	display: flex;
	line-height: 1;
}
.domBox .boxTop > * {
	width: 50%;
}
.domBox .boxTop .topLeft img {
	width: 100%;
	height: auto;
}
.domBox .boxTop .topRight {
	padding: 0 0 0 20px;
	position:relative;
}
.domBox .boxTop .hd .title {
	margin: 8px 0 0;
	font-size: 56px;
	color: #46d2e6;
}
.domBox .boxTop .hd .text {
	font-weight: bold;
}
.domBox .boxTop .space {
	margin: 8px 0 0;
}
.domBox .boxTop .rent {
	margin: 25px 0 0;
	font-size: 16px;
}
.domBox .boxTop .rent .con {
	margin: 5px 0 0;
}
.domBox .boxTop .rent .cost {
	font-size: 25px;
	color: #46d2e6;
}
.domBox .boxTop .installation {
	margin: 20px 0 0;
	line-height: 1.6;
}
.domBox .boxTop .layoutBtn {
	position:absolute;
	bottom:0;
	right:0;
	width:80px;
}
.domBox .boxTop .layoutBtn img {
	width:100%;
	height:auto;
}
.domBox .boxBottom {
	margin: 15px 0 0;
}
.domBox .boxBottom .hd {
	font-weight: bold;
}
.domBox .boxBottom .text {
	margin: 5px 0 0;
	line-height: 2;
}
.domBox .photos {
	margin: 25px 0 0;
}
.domBox .photos .top {
	display: flex;
}
.domBox .photos ul img {
	width: 100%;
	height: auto;
}
.domBox .photos .hd {
	font-weight: bold;
	color: #46d2e6;
	white-space: nowrap;
}
.domBox .photos .text {
	padding: 0 0 0 18px;
}
.domBox .photos ul {
	margin: 8px 0 0;
	display:flex;
	flex-wrap:wrap;
}
.domBox .photos li {
	width:calc((100% - 21px)/4);
	margin:7px 0 0 7px;
}
.domBox .photos li:nth-child(4n+1) {
	margin-left:0;
}
.domBox .photos li img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 600px) {
.domBox .boxTop {
	display:inherit;
}
.domBox .boxTop > * {
	width: auto;
}
.domBox .boxTop .topRight {
	padding: 0;
	margin:35px 0 0;
	text-align:center;
}
.domBox .boxTop .layoutBtn {
	position:relative;
	bottom:auto;
	right:auto;
	display:inline-block;
	padding:20px 0 0;
}

.domBox .boxTop .hd {
}
.domBox .boxTop .hd .title {
	font-size: 44px;
}
.domBox .boxTop .rent .con span {
	display:block;
	margin: 5px 0 0;
}
.domBox .boxBottom {
	margin: 35px 0 0;
}
.domBox .boxBottom .text br {
	display:none;
}
.domBox .photos .top {
	display : inherit;
}
.domBox .photos .top .hd {
	text-align:center;
}
.domBox .photos .text {
	padding: 0;
}
.domBox .photos li,
.domBox .photos li:nth-child(4n+1) {
	width:calc((100% - 21px)/2);
	margin:7px 0 0 7px;
}
.domBox .photos li:nth-child(2n+1) {
	margin-left:0;
}
}