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


/****************************************************************************************************
contents
****************************************************************************************************/
#contents {
	padding:66px 0;
}

/********************
introduction
********************/
#introduction {
	text-align:center;
}
#introduction h1 {
}
#contents #introduction p {
	margin-top:30px;
	font-size:15px;
	line-height:2.2;
}
#contents #introduction div {
	margin-top:40px;
}

/********************
news-area
********************/
#news-area {
	margin:80px 0 70px 0;
}
#information {
	float:left;
	width:620px;
}
.bnr {
}
.bnr + .bnr {
	margin-top:20px;
}
ul.bnr li {
	float:left;
}
ul.bnr li + li {
	margin-left:20px;
}

#news-block {
	overflow:scroll;
	height:325px;
	margin:30px 0;
	padding:30px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	color:#525252;
	font-size:15px;
	line-height:1.8;
}
#news-block dl {
}
#news-block dl + dl {
	margin-top:5px;
}
#news-block dl dt {
	float:left;
	font-weight:bold;
}
#news-block dl dd {
	padding-left:10em;
}

#facebook {
	width:470px;
	float:right;
}

/********************
menu
********************/
#menu {
	margin:100px 0 0 0;
}
#menu .cont-ttl {
	margin-bottom:28px;
	text-align:center;
}
#menu .cont-ttl h2 {
	float:none;
	font-size:26px;
}
.cont-ttl h2 span {
	margin-left:12px;
	vertical-align:0;
}

.menu-block {
	display:table;
}
.menu-box {
	display:table-cell;
	width:363px;
	background:#F6F6F6;
}
.menu-box + .menu-box {
	border-left:25px solid #FFF;
}
.menu-ttl {
	height:50px;
	line-height:50px;
	padding:0 28px;
	background:url(../img/top/menu-bg.png) no-repeat left center;
	color:#FFF;
	font-size:18px;
}
.menu-body {
	padding:30px;
}
.menu-body h4 {
	margin-bottom:15px;
	color:#EA531E;
	font-size:24px;
	font-weight:normal;
	line-height:1.2;
	text-align:center;
}
.menu-body dl {
	width:100%;
	padding:12px 0 11px 0;
	border-top:1px dotted #EA551E;
	font-size:12px;
	line-height:1.4;
}
.menu-body dl:last-of-type {
	border-bottom:1px dotted #EA551E;
}
.menu-body dt {
	float:left;
	color:#EA531E;
}
.menu-body dt.width {
	width:18em;
}
.menu-body dd {
	color:#525252;
	text-align:right;
}
.menu-body dd span {
	margin-bottom:5px;
	display:inline-block;
	font-size:11px;
}
.menu-body dl + div {
	margin-top:28px;
	color:#525252;
	font-size:13px;
	line-height:1.3;
	text-align:center;
}
#menu .menu-body div + div.notice {
	margin-top:25px;
	color:#525252;
	font-size:11px;
	line-height:1.3;
}
#menu .notice {
	margin-top:20px;
	color:#525252;
	font-size:13px;
	line-height:1.6;
}

@media only screen and (max-width: 767px) {
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#contents {
		padding:10vw 0;
	}
	
	/********************
	introduction
	********************/
	#contents #introduction p {
		margin-top:5vw;
		font-size:3.466vw;
		line-height:2.0;
	}
	#contents #introduction div {
		width:35vw;
		margin:0 auto;
		margin-top:7vw;
	}
	
	/********************
	news-area
	********************/
	#news-area {
		margin:12vw 0 10vw 0;
	}
	#information {
		float:none;
		width:100%;
	}
	.bnr + .bnr {
		margin-top:3vw;
	}
	ul.bnr li {
		float:left;
		width:49%;
	}
	ul.bnr li + li {
		margin-left:2%;
	}
	
	#news-block {
		height:auto;
		margin:5vw 0;
		padding:5vw 0;
		font-size:3.466vw;
		line-height:1.6;
	}
	#news-block dl {
	}
	#news-block dl + dl {
		margin-top:2.5vw;
	}
	#news-block dl dt {
		float:none;
	}
	#news-block dl dd {
		padding-left:0;
	}
	
	#facebook {
		float:none;
		width:100%;
		margin-top:10vw;
	}
	.facebook {
		float:none;
		width:100%;
		margin-top:10vw;
	}
	
	/********************
	menu
	********************/
	#menu {
		margin:12vw 0 0 0;
	}
	#menu .cont-ttl {
		margin-bottom:5vw;
	}
	#menu .cont-ttl h2 {
		font-size:6.933vw;
	}
	.cont-ttl h2 span {
		margin-left:1em;
	}
	
	.menu-block {
		display:block;
	}
	.menu-box {
		display:block;
		width:100%;
	}
	.menu-box + .menu-box {
		border-left:none;
		margin-top:4vw;
	}
	.menu-ttl {
		height:10vw;
		line-height:10vw;
		padding:0 1em;
		font-size:4.800vw;
	}
	.menu-body {
		padding:6vw;
	}
	.menu-body h4 {
		margin-bottom:5vw;
		font-size:6.4vw;
	}
	.menu-body dl {
		padding:4vw 0 4vw 0;
		font-size:3.733vw;
	}
	.menu-body dd span {
		font-size:3.200vw;
	}
	.menu-body dl + div {
		margin-top:5vw;
		font-size:3.733vw;
	}
	#menu .menu-body div + div.notice {
		margin-top:5vw;
		font-size:2.933vw;
	}
	#menu .notice {
		margin-top:4vw;
		font-size:3.466vw;
	}
}