@charset "utf-8";

/* ================================================
 english
--------------------------------------------------- */
body {
	font-family: Arial, Helvetica, "sans-serif";
}
#home #wrap {
	background-image: url(../image/eng/wrap_home.jpg);
}
@media only screen and (max-width: 640px) {
	#home #wrap {
		background-image: url(../image/eng/wrap_home_sp.jpg);
	}
}

/*
 header
--------------------------------------------------- */

#header li a{
	background-image: url(../image/eng/menu.png);
}

#header .m1 {width: 216px;}
#header .m2 {width: 103px;}
#header .m3 {width: 101px;}
#header .m4 {width: 144px;}
#header .m5 {width: 109px;}
#header .m6 {width: 126px;}

#header li.m1 a {background-position: 0 -30px;}
#header li.m2 a {background-position: -216px -30px;}
#header li.m3 a {background-position: -319px -30px;}
#header li.m4 a {background-position: -420px -30px;}
#header li.m5 a {background-position: -564px -30px;}
#header li.m6 a {background-position: -673px -30px;}

#header li.m1 a:hover {background-position: 0 -110px;}
#header li.m2 a:hover {background-position: -216px -110px;}
#header li.m3 a:hover {background-position: -319px -110px;}
#header li.m4 a:hover {background-position: -420px -110px;}
#header li.m5 a:hover {background-position: -564px -110px;}
#header li.m6 a:hover {background-position: -673px -110px;}

@media only screen and (max-width: 640px) {
	#header li a{
		background-image: none;
	}
	#header .m1,
	#header .m2,
	#header .m3,
	#header .m4,
	#header .m5,
	#header .m6 {width: 100%;}
}
/*
--------------------------------------------------- */
.block h3 {
	font-size: 22px; font-style: italic; font-weight: normal;
}
.square li {
	margin-left: 1em;
	list-style: square;
}
@media only screen and (max-width: 640px) {
	.block h3 {
		font-size: 28px; font-size: 4.375vw;
	}
}