/*===============================================
●smart.css? 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
	body{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
.wrap {
	width: 90%;
	margin: auto;
	padding:2.5% 5% 2.5% 5%;
	position: relative;
}
	
/*グローバルメニュー------------------------------------------*/	
#tel {display:none;}		
.header { width: 100%; margin: 0 auto; padding: 5px 0 0 0; position:relative;}
.header p{ display:none;}
.header{  height:50px; width:100%;}
.header h1 img{ position:relative; padding:5px 0 0 5px; max-width:300px; height:auto; max-height:35px;}

#main{
	margin-top:0;
	width:100%;
	height:400px;
	}
#sub{
	margin-top:0;
	width:100%;
	height:300px;
	}

/*******セクション背景 **********************/
.sec-back{
	width:100%;
	height:500px;
	background-image: url(../img/back.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat;
	color:#fff;
	}

.sec-back h2{
	border-bottom:#FFFFFF 1px solid;
	margin:0 0 30px 0;
	}
	
	
/*******サブページ　タイトル帯 **********************/
.title{
	width:100%;
	padding:10px 0 10px 0;
	text-align:center;
	background-color: rgba(255,255,255,0.6);
	margin-top:-210px;
	margin-bottom:40px;
}
/*******1BOX **********************/
.list{
	width:100%;
	list-style:none;
	margin:0 auto;
	padding:0;
}



.list li{
	margin:0 auto;
	padding:0%;
	width:100%;
}
.list .top{
	padding:0;
}
.list li img{
	width:100%;
}

	
/*******2BOX **********************/
.list2{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.list2 li{
	float:left;
	margin:0;
	padding:0 0 30px 0;
	width:100%;
}
.list2 li img{
	width:100%;
}
/*******3BOX **********************/
.list3{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.list3 li{
	float:left;
	margin:0;
	padding:0 0 30px 0;
	width:100%;
}
.list3 li img{
	width:100%;
}
	
#pageTop{ display:none;}
/*******map **********************/

.map{
	width:100%;
	margin:0 auto;
	}
}