@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document initial
--------------------------------------------------------- */

#initial {
	margin: 0 5vw 6%;;
}

#initial .table {
	display: flex;
	justify-content: space-between;
}

#initial .table dl {
	display: table;
	width: 47%;
	position: relative;
}

#initial .table dl:before,
#initial .table dl:after {
	content: '';
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, transparent 0%, transparent 80%, #525656 80%, #525656 100%, transparent);
	background-size: 3px 1px;
	position: absolute;
	left: 0;
}

#initial .table dl:before {
	top: 0;
}

#initial .table dl:after {
	bottom: 0;
}

#initial .table dt {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 5vw 2vw;
	text-align: left;
	color: #d44489;
}

#initial .table dd {
	display: table-cell;
	vertical-align: top;
	padding: 5vw 2vw;
	text-align: right;
}

#initial .facilitycost {
	margin-top: 6%;
	position: relative;
}

#initial .facilitycost:before,
#initial .facilitycost:after {
	content: '';
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, transparent 0%, transparent 80%, #525656 80%, #525656 100%, transparent);
	background-size: 3px 1px;
	position: absolute;
	left: 0;
}

#initial .facilitycost dl {
	display: flex;
	justify-content: space-between;
	padding: 5vw 2vw 10vw;
}

#initial .facilitycost dt {
	text-align: left;
	color: #d44489;
	position: relative;
}

#initial .facilitycost dt span {
	width: 90vw;
	font-size: 3vw;
	line-height: 1.5;
	color: #333;
	position: absolute;
	top: 2.5em;
	left: 0;
}

/* ---------------------------------------------------------
	CSS Document fee
--------------------------------------------------------- */

#fee {
	margin: 0 5vw 20vw;
}

#fee table {
	width: 100%;
	margin-bottom: 5vw;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

#fee th {
	padding: 3vw;
	background: #fceef6;
	border: solid 1px #e0e0e0;
	text-align: center;
	font-weight: 400;
	line-height: 1.4;
}

#fee th.small {
	padding: 2vw;
	font-size: smaller;
}

#fee td {
	padding: 3.5vw 3vw;
	border: solid 1px #e0e0e0;
	text-align: center;
	line-height: 1.5;
}

#fee td small {
	display: inline-block;
	vertical-align: top;
	margin-top: 3vw;
	line-height: 1.4;
}

#fee td:first-of-type {
	text-align: left;
	color: #d44489;
}

#fee .note li {
	margin-left: 1em;
	text-indent: -1em;
	text-align: left;
}

/* ---------------------------------------------------------
	CSS Document schedule
--------------------------------------------------------- */

#business,
#rental {
	margin-bottom: 20vw;
}

.schedule .container {
	margin: 0 5vw 10vw;
}

.schedule .table {
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: 0.05em;
	position: relative;
}

.schedule .table:before {
	content: '';
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, transparent 0%, transparent 80%, #525656 80%, #525656 100%, transparent);
	background-size: 3px 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.schedule dl {
	padding: 5vw 2vw;
	position: relative;
}

.schedule dl:after {
	content: '';
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, transparent 0%, transparent 80%, #525656 80%, #525656 100%, transparent);
	background-size: 3px 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.schedule dt {
	margin-bottom: 3vw;
	color: #d44489;
}

.schedule .note li {
	margin-left: 1em;
	text-indent: -1em;
	text-align: left;
}

.schedule dd em {
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	color: #d44489;
}

.schedule dd .flex:first-of-type {
	margin-bottom: 3vw;
}