@charset "utf-8";

#bg{
	background: #EFF7E4;
	padding-bottom: 40px;
	margin-bottom: 30px;
}
#cover{
	background: url(../rent/img/bg.png) no-repeat center top;
	background-size: 100% auto;
	margin-bottom: 40px;
}

#primary{
}

#primary h2{
	padding-bottom: 34px;
}
#primary div{
	padding-bottom: 35px;
}

.title{
	font-size: 36px;
	font-weight: bold;
	color: #1F2160;
	border-bottom: solid 1px #009FE6;
	padding-bottom: 20px;
	margin:0 32px 40px;
}

.rent02{
	text-align: left;
}
.rent02 dt{
	padding-bottom: 30px;
	margin:0 32px;
}
.rent02 dd{
	text-align: center;
	padding-bottom: 50px;
}

.s-title01{
	padding-bottom: 40px;
}
.rent03{
	text-align: left;
}
.rent03 .box{
	overflow: hidden;
	background: #E8EDEE;
	padding:0 30px;
	margin-bottom: 40px;
}
.s06{
	height:387px;
	position: relative;
	overflow: hidden;
	background: #E8EDEE;
	margin-bottom: 40px;
}
.rent03 .box h3,
.s06 h3{
	color: #142F56;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 20px 0 10px;
	font-size: 26px;
}
.s06 h3{
	text-align: right;
}
.rent03 .box figure{
	width: 15%;
}
.rent03 .box ul{
	width: 75%;
}
.s01 figure,
.s03 figure,
.s05 figure{
	float: left;
}
.s01 ul,
.s03 ul,
.s05 ul{
	float: right;
}
.s02 figure,
.s04 figure{
	float: right;
}
.s02 ul,
.s04 ul{
	float: left;
}

.s06 figure{
	position: absolute;
	bottom: 0;
	left: 30px;
}
.s06 dl{
	position: absolute;
	width: 69%;
	overflow: hidden;
	top: 0;
	right: 30px;
}
.s06 dt{
	float: right;
	width: 21%;
}
.s06 dd{
	float: left;
	width: 73%;
}
.message{
	position: absolute;
	width: 69%;
	bottom: 30px;
	right: 30px;
}
.message h3,
.message .name{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 26px;
}
.message h3{
	color: #EA5514;
}
.message h3{
	text-align: left;
}
.message .name{
	color: #142F56;
	text-align: right;
	padding-bottom: 22px;
}
.message .name span{
	font-size: 19px;
}
.footer-contents{
	background: #EFF7E4;
	padding: 30px 10px;
	text-align: center;
}


@media screen and (max-width: 1024px){
.title{
	font-size: 24px;
	padding-bottom: 10px;
	margin:0 0 20px;
}
.rent03 .box,
.s06{
	padding: 20px;
	margin-bottom: 20px;
}
.rent03 .box figure,
.rent03 .box ul{
	width: auto;
}
.rent03 .box figure{
	text-align: center;
}
.rent03 .box h3,
.s06 h3{
	font-size: 24px;
}
.s01 figure,
.s03 figure,
.s05 figure,
.s01 ul,
.s03 ul,
.s05 ul,
.s02 figure,
.s04 figure,
.s02 ul,
.s04 ul{
	float: none;
}
.s06{
	height:auto;
}

.s06 figure,
.s06 dl,
.message{
	width: auto;
	position: static;
}

.s06 dt,
.s06 dd{
	width: auto;
	float: none;
}
.s06 dt{
	text-align: center;
}
.s06 dd{
	padding: 0 0 20px;
}
.s06 figure{
	padding: 0 0 20px;
	text-align: center;
}
.message li{
	font-size: 24px;
}
.footer-contents img{
	max-width: 100%;
}

}

@media screen and (max-width: 640px){
.title{
	font-size: 18px;
	padding-bottom: 10px;
	margin:0 0 20px;
}
.rent02 dt{
	padding-bottom: 20px;
	margin:0;
}
.rent02 dd{
	padding-bottom: 30px;
}

.rent03 .box,
.s06{
	padding: 10px;
}
.rent03 .box h3,
.s06 h3,
.message .name{
	font-size: 16px;
}
.s06 h3{
	text-align: left;
}
.message .name span{
	font-size: 12px;
}
}