@charset "utf-8";

#primary{
	background: url(../outline/img/primary.jpg) no-repeat top center;
	background-size:100% auto;
	margin-bottom: 40px;
}
@media screen and (max-width: 1024px){
#primary{
    background-size: auto 350px;
		margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px){
#primary{
    background-size: auto 200px;
		margin-bottom: 20px;
  }
}
.contents-box3{
	text-align: left;
}

.title{
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: solid 1px #a30000;
	color: #a30000;
	margin:0 20px 50px;
}

.outline,
.access{
	padding-bottom: 80px;
}
.outline .img{
	text-align: center;
	padding-bottom: 30px;
}
.photo{
	letter-spacing: -0.4em;
	text-align: center;
	padding-bottom: 15px;
}
.photo li{
	display: inline-block;
	width: 228px;
	padding:0 10px 35px;
	letter-spacing: normal;
}
.photo li img{
	margin-bottom:10px;
}
.access .img{
	text-align: center;
	padding-bottom: 30px;
}
.access .txt{
	padding:0 20px 30px;
}
.location{
	text-align: center;
}
.eq-photo{
	overflow: hidden;
	letter-spacing: -0.4em;
	text-align: center;
	padding-bottom: 15px;
}
.eq-photo li{
	display: inline-block;
	width: 302px;
	padding:0 5px 35px;
	letter-spacing: normal;
}
.eq-photo p{
	padding-bottom: 10px;
}
.eq-photo h2,
.security dt{
	font-size: 19px;
	color: #A30000;
	padding-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
}

.security .inner{
	width: 930px;
	margin: 0 auto;
}
.security .left{
	float: left;
}
.security .right{
	float: right;
}
.security dd{
	padding-bottom: 20px;
}

@media screen and (max-width: 1024px){
	.photo{
		overflow: hidden;
		letter-spacing: normal;
	}
	.security .inner{
		width: auto;
		margin: 0;
	}
	.eq-photo {
		letter-spacing: normal;
	}
	.photo li,
	.eq-photo li{
		float: left;
		display: block;
		width: 50%;
		padding: 0 0 20px;
	}
	.eq-photo h2{
		text-align: center;
	}
	.title{
		font-size: 24px;
		margin:0 0 30px;
	}
	.security .left,
	.security .right{
		float: none;
	}
}
@media screen and (max-width: 640px){
	.photo li img{
		max-width: 90%;
	}
	.title{
		font-size: 18px;
		padding-bottom: 10px;
		margin:0 0 20px;
	}
	.eq-photo {
		text-align: left;
	}
	.eq-photo h2{
		text-align: left;
		font-size: 14px;
	}
	.security dt{
			font-size: 14px;
	}
	.eq-photo li{
		float: none;
		display: block;
		overflow: hidden;
		width: auto;
		padding: 0 0 20px;
	}
	.eq-photo li figure{
		float: left;
		width: 30%;
	}
	.eq-photo li img{
		max-width: 100%;
	}
	.eq-photo li div{
		float: right;
		width: 65%;
	}
	.security img{
		max-width: 100%;
	}
}