@charset "utf-8";


/*---------------------------------------  header ---------------------------------------*/
header {
	height: 130px;
}
header h1 {
	font-size: 0.6em;
	color: #A2A2A2;
	position: absolute;
	top: 2px;
	right: 5px;
}
header #sns {
	position: absolute;
	top:18px;
	right: 5px;
}
header #sns li {
	float: left;
}
header #logo {
}


/*---------------------------------------  contents ---------------------------------------*/

#wrapper {
	margin: 0px auto 0px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	position: relative;
}
.contents-in {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 82px;
}
#sec1 {
	background: url(../img/bg1.png) no-repeat;
}
.contents-in h2 {
	font-size: 2em;
	padding: 20px 0 40px;
}
#sec1 h2 {
	color: #245E3B;
}
#sec1 p {
	font-size: 1em;
	text-align: left;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 20px;
}
#sec2 {
	background: url(../img/bg2.png) no-repeat;
	padding-bottom: 150px;
}
#sec2 dl {
	display: inline-block;
	margin: 10px 10px 40px;
}
#sec2 dl dt img {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
#sec2 dl dt {
	margin-bottom: 5px;
}
#sec2 dl dd {
	width: 210px;
	height: 30px;
	background: url(../img/menu-bg.png) repeat;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0 auto;
	font-size: 0.8em;
}
.contents-in h2.en,
#sec2 dl dd {
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing: 0.2em;
}
#sec3 {
	margin-top: -100px;
	padding-bottom: 0px;
}
#sec3 dl {
	text-align: left;
	padding-top: 20px;
	margin: 0 auto;
	width: 95%;
}
#sec3 dl dt {
	float: left;
	clear: both;
	width: 90px;
}
#sec3 dl dd {
	margin-left: 90px;
	padding-bottom: 15px;
}

/*---------------------------------------  smartphone ---------------------------------------*/


@media screen and (max-width: 640px) {

body {
	font-size: 14px;
}
header {
	height: 90px;
}
header h1 {
	display: none;
}
header #sns {
	position: absolute;
	top:3px;
	right: 3px;
}
header #sns li {
	float: none;
}
header #sns li img {
	width: 70%;
	height: auto;
}
header #logo img {
	width: 70px;
	height: auto;
}
.contents-in {
	width: 100%;
	padding-bottom: 40px;
}
#sec1 {
	background-size: contain;
}
.contents-in h2 {
	font-size: 1.4em;
	padding: 20px 0 20px;
}
#sec1 p {
	width: 85%;
}
#sec2 {
	background: url(../img/bg2.png) repeat-y;
	background-size: contain;
}
#sec2 dl {
	display: inline-block;
	margin: 10px 5px 30px;
}
#sec3 {
	margin-top: -120px;
	padding-bottom: 40px;
}
footer {
	width: 100%;
	background-size: contain;
	height: 50px;
}
#copyright {
	padding-top: 30px;
}
}