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


@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

.sponly {
	display: none;
}
.spmask {
	display: block;
}

/*------------------------------

------------------------------*/
/*------------------------------*/
@keyframes shake {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(5deg);
	}
	50% {
		transform: rotate(-5deg);
	}
	75% {
		transform: rotate(5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}



/*------------------------------
	index
------------------------------*/
#index #kv {
	width: 100%;
	position: relative;
	margin-top: 80px;
	height: 100vh;
	background: url(../images/map.jpg) no-repeat center center;
	background-size: cover;
}
#index #kv h2 {
	position: absolute;
	left: 0;
	top: 15%;
	margin-top: -12px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	text-shadow: 0px 0px 10px rgba(25, 25, 25, 0.7);
	width: 100%;
	font-weight: normal;
	line-height: 1.2;
}
#index #kv h2 span{
	font-size: 90px;
	font-family: 'Noto Sans JP', Open Sans;
	font-weight: bold;
}
/*------------------------------
	contents
------------------------------*/
#contents {
		max-width: 1100px;
		height: 100%;
		position: relative;
		margin: 80px auto 0px;
}
#contents .parson{
		height: 100px;
}
#contents .parson a{
		color: #ffffff;
		text-decoration: none;
}
#contents .p01{
		width: 350px;
		background: url(../images/01.png) no-repeat left center;
		position: absolute;
		top: 30%;
		left: 0;
		margin-top: 0px;
		margin-left: 20px;
}
#contents .p02{
		width: 355px;
		background: url(../images/02.png) no-repeat left center;
		position: absolute;
		top: 40%;
		left: 40%;
		margin-top: 0px;
}
#contents .p03{
		width: 302px;
		background: url(../images/03.png) no-repeat left center;
		position: absolute;
		top: 60%;
		right: 0;
		margin-top: 0px;
}
#contents .p04{
		width: 330px;
		background: url(../images/04.png) no-repeat left center;
		position: absolute;
		top: 35%;
		right: 0;
		margin-right: 20px;
}
#contents .p05{
		width: 540px;
		background: url(../images/05.png) no-repeat left center;
		position: absolute;
		top: 60%;
		left: 20%;
}
#contents .ttl,
#contents .name{
		margin-left: 110px;
		line-height: 1.4;
}
#contents .ttl{
		font-size: 14px;
		border: solid 1px #ffffff;
		width: 90px;
		height: 20px;
		text-align: center;
		padding: 3px 3px 0 3px;
		margin-bottom: 10px;
}
#contents .chuzai{
		background: #0088ba;
}
#contents .shuccho{
		background: #238e8a;
}
#contents .name span{
		font-size: 21px;
		font-weight: bold;
}
#contents .spBr{
		display: none;
}
/*------------------------------
	loading
------------------------------*/
#loadingWrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index:1000;
	overflow: hidden;
}
#loadingWrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
}