.section1 { width:100%; height:40em;  background:url(./images/top.jpg) no-repeat center top;-moz-background-size:cover;
background-size:cover; position:relative;}
.section2 { clear:both; width:100%;background:#F5F2EB; margin:0 0 0 0; padding:0 0 3%; }
h2{
	width:100%;
	text-align:left;
}
ul.pic{
	width:100%;
	
}
ul.pic li{
	display:block;
	width:208px;
	float:left;
	margin:2% 0.5em;
	
}
ul.pic li a:hover img{
	opacity:0.5;
}


p.welcome{
	width:100%;
	height:9%;
	position:absolute;
	bottom:8%;
	background:#4B8199;
	opacity:0.8;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:3% 0;
}
p.welcome span{
	width:90%;
	display:block;
	font-size:2.7em;
	line-height:1.5em;
	text-align:right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:2.3em;
}
p.welcome2{
	width:100%;
	height:6%;
	position:absolute;
	bottom:0;
	background:#4B8199;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome2 span{
	display:block;
	font-size:90%;
	line-height:1.5em;
	text-align:right;
	width:90%;
	margin:0 auto;
}
.centerBox {  margin: auto; width: 70%; text-align: center;  }

h3{
	width:95%;
	margin:0 auto;
	font-weight:normal;
	text-align:left;
	color:#000900;
	padding:3% 0 1%;
	font-family: Century Gothic, sans-serif;
	font-size:1.9em;
}
.remodal img{
	width:100%;
	display:block;
	margin:0 auto 20px;
}
.remodal .detail{
	float:right !important;
	width:40%;
	padding:10px;
}
.remodal .p_tit{
	width:100%;
	font-size:1.3em;
	padding:0 0 10px;
	display:block;
}
.detail dl{
	padding:0 0 10px;

}
.detail .note{
	font-size:0.8em;
}


@media screen and (max-width: 640px) {
.section1 { width:100%; height:30em;  background:url(./images/top.jpg) no-repeat center top;-moz-background-size:cover;
background-size:cover; position:relative;}
    div.tooltip,div.tooltip p{
		display:none !important;
    }  

p.welcome{
	width:100%;
	height:9%;
	position:absolute;
	bottom:19%;
	background:#4B8199;
	opacity:0.8;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome span{
	width:90%;
	display:block;
	line-height:1.5em;
	text-align:right;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	font-size:2.0em;
}
p.welcome2{
	width:100%;
	height:17%;
	position:absolute;
	bottom:0;
	background:#4B8199;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	padding:2% 0;
}
p.welcome2 span{
	display:block;
	font-size:0.75em;
	line-height:1.5em;
	text-align:left;
	width:90%;
	margin:0 auto;
	color:#FFF;
}
.centerBox {  margin:0 auto; width: 95%; text-align: center;  }
.section2 { clear:both; width:100%;background:#F5F2EB; margin:0 0; padding:0 0 5%;}

h3{
	width:95%;
	margin:0 auto;
	line-height:1.5em;
	font-weight:normal;
	text-align:left;
	color:#000900;
	padding:3% 0 0;
	font-family: Century Gothic, sans-serif;
	font-size:1.9em;
}
ul.pic_pop li span,ul.pic li span{
	clear: both;
	display: block;
	font-size:0.7em;
	text-align:center;
}
ul.pic{
	width:100%;
	
}
ul.pic li{
	display:block;
	width:45%;
	float:left;
	margin:2% 0.5em;
	
}
ul.pic li img{
	display:block;
	width:90%;
	float:left;
	margin:2% 0.5em;
	
}

ul.pic_pop{
	width:100%;
	
}
ul.pic_pop li{
	display:block;
	float:left;
	margin:2% 0.5em;
	width:90%;
}
ul.pic_pop li img{
	display:block;
	width:90%;
	float:left;
	margin:2% 0.5em;
	
}

}