* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	line-height:0;
	font-size: 0;
}
a, a[name]:hover {
	text-decoration : none;
}
.clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
img {
	border:0;
}
body {
	background-color:#fff;
	color:#356;
}
#container {
	margin: 0 auto;
	text-align:center;
	width:100%;
}

/*menu*/
.menu {
	position:relative;
	margin:0 auto;
	width:96%;
	padding:2%;
}
.menu a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.menu .btn {
	float:right;
	width:32%;
	height:auto;
}
.menu .icon {
	float:left;
	width:18%;
	height:auto;
}
.menu p {
	float:left;
	width:46%;
	padding:2%;
	text-align:left;
}
.menu p strong {
	display:block;
	color:#4A8E4A;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	margin-top:-4%;
	padding-bottom:6%;
}
.menu p em {
	color:#1783BD;
	font-size:26px;
	line-height:1.2;
	letter-spacing:-0.03em;
}

/* unkoi */
.unkoi {
	position:relative;
	width:100%;
	padding-bottom:7%;
	background:#CC0033;
}
.unkoi a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.unkoi .title {
	width:100%;
	height:auto;
	padding:3% 0;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:1.2;
	background:url(../img/unkoi_tl_bg.png) left top no-repeat;
	background-size:100% 100%;
}

/* adv */
#adv {
	position:relative;
	background:#ffaa11;
	padding-bottom:4%;
}
#adv img {
	width:100%;
	padding-bottom:4%;
}
#adv a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* copyright */
#copyright {
	margin: 0 auto;
	width:100%;
	font-size:10px;
	line-height:1;
	padding:20px 0;
	text-align:center;
}


@media screen and (max-width: 720px) {
	.menu p strong {
		font-size:24px;
	}
	.menu p em {
		font-size:20px;
	}
	.unkoi .title {
		font-size:22px;
	}
}
@media screen and (max-width: 600px) {
	.menu p strong {
		font-size:22px;
	}
	.menu p em {
		font-size:18px;
	}
	.unkoi .title {
		font-size:20px;
	}
}
@media screen and (max-width: 480px) {
	.menu p strong {
		font-size:20px;
	}
	.menu p em {
		font-size:16px;
	}
	.unkoi .title {
		font-size:16px;
	}
}
@media screen and (max-width: 320px) {
	.menu p strong {
		font-size:16px;
	}
	.menu p em {
		font-size:12px;
	}
	.unkoi .title {
		font-size:14px;
	}
}