@charset "UTF-8";
/*------------------------------------------
	top
------------------------------------------*/
#top .link-box a:hover img {
	opacity: 1;
}
#top .link-box .link-01 a, #top .link-box .link-02 a, #top .link-box .link-03 a,
#top #text01, #top #text02, #top #text03,
#top #back01, #top #back02, #top #back03 {
	position: absolute;
	display: none;
	z-index: 7;
}
#top #back01, #top #back02, #top #back03 {
	z-index: 6;
}
#top .link-box .link-01 a {
	bottom: 224px;
	left: 335px;
	width: 296px;
	height: 290px;
}
#top .link-box .link-02 a {
	bottom: 0;
	left: 182px;
	width: 352px;
	height: 339px;
	z-index: 8;
}
#top .link-box .link-03 a {
	bottom: 0;
	left: 363px;
	width: 403px;
	height: 293px;
	z-index: 7;
}
#top #text01 {
	width: 273px;
	height: 271px;
	top: 26px;
	left: 120px;
	opacity: 0;
}
#top #text02 {
	width: 241px;
	height: 229px;
	top: 20px;
	left: 117px;
	opacity: 0;
}
#top #text03 {
	width: 254px;
	height: 252px;
	top: 73px;
	left: 586px;
	opacity: 0;
}
#top #back01 {
	width: 273px;
	height: 271px;
	top: 26px;
	left: 120px;
	opacity: 0;
}
#top #back02 {
	width: 241px;
	height: 229px;
	top: 20px;
	left: 117px;
	opacity: 0;
}
#top #back03 {
	width: 254px;
	height: 252px;
	top: 73px;
	left: 586px;
	opacity: 0;
}
#top .on-mouse {
	position: absolute;
	bottom: 354px;
	left: 370px;
	width: 208px;
	height: 20px;
	display: none;
}
@media only screen and (max-width: 768px) {
	/*------------------------------------------
			top
		------------------------------------------*/
	#top {
		padding: 14% 2% 10%;
	}
	#top ul li {
		margin-bottom: 30%;
	}
	#top ul li:last-child {
		margin-bottom: 0;
	}
	#top ul li .mod-btn {
		width: 35%;
		margin: 4% auto 0;
	}
	/*------------------------------------------
			local-nav
		------------------------------------------*/
	#local-nav ul {
		width: 63.9%;
		margin: 0 auto;
	}
	#local-nav ul li {
		width: 48.7%;
		margin: 0 2% 2% 0;
	}
	#local-nav ul li:nth-child(2n) {
		margin-right: 0;
	}
}