@charset "UTF-8";


.read {
	font-size: 2.2rem;
	color: #1f2774;
	font-weight: 700;
	margin-bottom: 30px;
}



.index {
}
	.index img {
		width: 100%;
		height: auto;
	}
	.index .textArea {
		float: left;
		width: 55%;
	}
		.index .textArea dl {
			margin-bottom: 30px;
		}
		.index .textArea dl dt {
			font-size: 1.8rem;
			color: #1f2774;
			font-weight: 700;
		}
	.index .pht {
		float: right;
		width: 40%;
	}


.index .cell {
	width: 32%;
	margin-right: 2%;
}
	.index .cell:last-child {
		margin-right: 0%;
	}



.elevator .cell {
	width: 32%;
	margin-right: 2%;
}
	.elevator .cell img {
		width: 100%;
		height: auto;
	}
	.elevator .cell:last-child {
		margin-right: 0%;
	}

.elevator .cell p:last-child {
	margin-top: 10px;
}



.dumbwaiter {
	
}
	.dumbwaiter .textArea dl {
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 40px;
	}
	.dumbwaiter .textArea dl dt {
		color: #1f2774;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 20px;
	}


.dumbwaiter .ccc {
	margin-top: 30px;
	width: 48%;
	margin-right: 4%;
}
	.dumbwaiter .ccc:last-child {
		margin-right: 0%;
	}
.dumbwaiter .ccc .pht {
	margin-bottom: 10px;
}
	.dumbwaiter .ccc .pht img {
		width: 100%;
		height: auto;
	}
.dumbwaiter .ccc .btn {
	margin: 0 auto;
}


/* System
--------------------- */
#System {
}
	#System .cell {
	}
		#System .cell .cc p {
			color: #1f2774;
			font-size: 1.2rem;
			margin-bottom: 5px;
		}
		#System .cell .cc dl {
			background: #edf1f3;
			padding: 30px;
			font-weight: 700;
		}
			#System .cell .cc dl dt {
				color: #1f2774;
				font-size: 2.4rem;
				line-height: 1;
				margin-bottom: 10px;
			}
		#System .cell .cc .arrow {
			width: 80px;
			margin: 0 auto;
		}


#System .box {
	margin-top: 40px;
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 40px;
}
	#System .box dt {
		color: #1f2774;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 20px;
	}





.stair dl,
.dansakaisyou dl,
.vertical dl,
.table dl {
	float: left;
	width: 55%;
}
	.stair dl dt,
	.dansakaisyou dl dt,
	.vertical dl dt,
	.table dl dt {
		color: #1f2774;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 20px;
	}
.stair .pht,
.dansakaisyou .pht,
.vertical .pht,
.table .pht {
	float: right;
	width: 40%;
}
	.stair .pht img,
	.dansakaisyou .pht img,
	.vertical .pht img,
	.table .pht img {
		width: 100%;
		height: auto;
	}


.table .box {
	margin: 20px 0;
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 20px;
}
	.table .box p {
		color: #1f2774;
		font-size: 2.0rem;
		line-height: 1;
		margin-bottom: 20px;
	}



/* 1200px */
@media screen and (max-width: 1200px) {



}





/* max 1023px */
@media screen and (max-width: 1023px) {


.read {
	font-size: 1.8rem;
	color: #1f2774;
	font-weight: 700;
	margin-bottom: 30px;
}



.index {
}
	.index img {
		width: 100%;
		height: auto;
	}
	.index .textArea {
		float: none;
		width: 100%;
	}
		.index .textArea dl {
			margin-bottom: 30px;
		}
		.index .textArea dl dt {
			font-size: 1.8rem;
			color: #1f2774;
			font-weight: 700;
		}
	.index .pht {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}


.index .cell {
	width: 32%;
	margin-right: 2%;
}
	.index .cell:last-child {
		margin-right: 0%;
	}



.elevator .cell {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 8%;
}
	.elevator .cell img {
		width: 100%;
		height: auto;
	}
	.elevator .cell:last-child {
		margin-right: 0%;
	}

.elevator .cell p:last-child {
	margin-top: 10px;
}



.dumbwaiter {
	
}
	.dumbwaiter .textArea dl {
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 30px;
	}
	.dumbwaiter .textArea dl dt {
		color: #1f2774;
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 10px;
	}


.dumbwaiter .ccc {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	margin-right: 0%;
}
	.dumbwaiter .ccc:last-child {
		margin-right: 0%;
	}
.dumbwaiter .ccc .pht {
	margin-bottom: 10px;
}
	.dumbwaiter .ccc .pht img {
		width: 100%;
		height: auto;
	}
.dumbwaiter .ccc .btn {
	margin: 0 auto;
}


/* System
--------------------- */
#System {
}
	#System .cell {
	}
		#System .cell .cc p {
			color: #1f2774;
			font-size: 1.2rem;
			margin-bottom: 5px;
		}
		#System .cell .cc dl {
			background: #edf1f3;
			padding: 30px;
			font-weight: 700;
		}
			#System .cell .cc dl dt {
				color: #1f2774;
				font-size: 2rem;
				line-height: 1;
				margin-bottom: 10px;
			}
		#System .cell .cc .arrow {
			width: 80px;
			margin: 0 auto;
		}


#System .box {
	margin-top: 40px;
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 30px;
}
	#System .box dt {
		color: #1f2774;
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 10px;
	}





.stair dl,
.dansakaisyou dl,
.vertical dl,
.table dl {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
	.stair dl dt,
	.dansakaisyou dl dt,
	.vertical dl dt,
	.table dl dt {
		color: #1f2774;
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 20px;
	}
.stair .pht,
.dansakaisyou .pht,
.vertical .pht,
.table .pht {
	float: none;
	width: 100%;
}
	.stair .pht img,
	.dansakaisyou .pht img,
	.vertical .pht img,
	.table .pht img {
		width: 100%;
		height: auto;
	}


.table .box {
	margin: 20px 0;
	border: solid 3px #bcbed5;
	font-weight: 700;
	padding: 20px;
}
	.table .box p {
		color: #1f2774;
		font-size: 2.0rem;
		line-height: 1;
		margin-bottom: 20px;
	}



}