@media screen and (max-width: 640px) {
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
		
	#wrapper{
		width:100%;
	}
	
	#wrapper header.pc{
	display:none;
	}
	
	#wrapper header.sm{
		padding:0;
		margin:0;
		width:100%;
	}
	
	#wrapper header.sm:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	#wrapper header.sm h1{
		padding:0;
		margin:0;
	}
	
	#wrapper header.sm h1 img{
		padding:0;
		margin:0;
		width:100%;
		vertical-align:bottom;
	}

	#wrapper header.sm p.miyakoten{
	width:45%;
	padding:0;
	margin:0;
	float:left;
}

	#wrapper header.sm p.miyakoten img{
	vertical-align:bottom;
}

	#wrapper header.sm p.ichibaten{
	width:55%;
	padding:0;
	margin:0;
	float:left;
}

	#wrapper header.sm p.ichibaten img{
	vertical-align:bottom;
}
	
/* ========== キービジュアル部分 ========== */
	
	#keyv {
	display:none;
	}
	
	#keyv_sm img{
	margin:10px 0 0 0;
		width:100%;
	}
/* ========== サイド部分は消す ========== */
	#wrapper div#contents aside{
	display:none;
	}
	
/* ========== メインコンテンツ部分 ========== */
	#wrapper div#contents div.mainc{
	width:98%;
	height:auto;
	text-align:left;
	margin:0 auto;
	margin-top:10px;
	}
	
	.serv_box_open{
	display:none;
	}
	
div.mainc section{
	width:100%;
	height:auto;
	overflow: hidden;
	text-align: left;
	margin:10px 0 30px 0;
	padding:0;
}

div.mainc section h2{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}



div.mainc section address{
	width:95%;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 0 10px 50px;
	line-height:150%;
	padding:0;
	font-style: normal;
}
	
	#service{
	width:100%;
	height:auto;
	overflow: hidden;
	text-align: left;
	margin:10px 0 30px 0;
	padding:0;
	}
	
	#service h2{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	}
	
#service h3{
	width:95%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
	padding:0 0 5px 10px;
	background: url(../img/service/line01.gif) left bottom repeat-x;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
}

#service section p.moji{
	width:90%;
	height:auto;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	line-height:150%;
	margin:5px 18px 20px 18px;
}

#service section p.moji span{
	font-weight: bold;
	color: #fe660a;
	font-size: 120%;
}

#service section p.photo_sm{
	width:90%;
	height:auto;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	line-height:150%;
	margin:5px 18px 20px 18px;
}

#service section p.photo{
	display:none;
}

#service section p.photo_l{
	display:none;
}

#service section h4{
	width:80%;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:3px;
	padding:0 0 1% 12%;
	background: url(../img/service/line02.gif) no-repeat left bottom;
}

.servtabpc{
	display:none;
}
	
.servtabpc02{
	display:none;
}

table.servtab_sm{
	width:94%;
	height:auto;
	border-collapse: separate;
	border-spacing:1px;
	background-color: #cccccc;
	margin:0 auto;
}
	



.serta_sm01{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #00b4ed;
	text-align:center;
}

.serta_sm02{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #ea609e;
	text-align:center;
}

.serta_sm03{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #00ad68;
	text-align:center;
}

.serta_sm04{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #ff9e00;
	text-align:center;
}

.serta_sm05{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #c3d700;
	text-align:center;
}

.serta_sm11{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #91508a;
	text-align:center;
}

.serta_sm12{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #e3d3e9;
	text-align:center;
}

.serta_sm06{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #d3edfb;
	text-align:center;
}

.serta_sm07{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #fadce9;
	text-align:center;
}

.serta_sm08{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #e1f0e2;
	text-align:center;
}

.serta_sm09{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #fdecdb;
	text-align:center;
}

.serta_sm10{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:24%;
	height:auto;
	background-color: #f7f7c6;
	text-align:center;
}

p.servicetext01{
	font-weight:bold;
	width:90%;
	color: #333333;
	font-size: 100%;
	margin:10px 20px 5px 30px;
	line-height:150%;
	padding:0;
}

p.servicetext02{
	width:90%;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 20px 30px 30px;
	line-height:150%;
	padding:0;
}

p.servicetext02{
	width:90%;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 20px 30px 30px;
	line-height:150%;
	padding:0;
}

p.servicetext02 span{
	font-weight:bold;
	color: #fe660a;
	font-size: 100%;
}

#service p.chuu{
	width:90%;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 auto;
	margin-bottom:5px;
	line-height:150%;
	padding:0;
}
	
/* ========== おもてなし部分 ========== */	
	.mainc div#top_serv section.serv_box_sm{
		width:98%;
		height:auto;
		overflow: hidden;
		text-align: left;
		background: url(../img/serv_base_sm.jpg) no-repeat bottom;
		background-size: 100%  100%;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
	}
	
.mainc div#top_serv section.serv_box_sm h3{
	width: 100%;
}

.mainc div#top_serv section.serv_box_sm p.photo{
	width: 30%;
	float:left;
	padding:0 2% 0 3%;
}

.mainc div#top_serv section.serv_box_sm p.bun{
	width: 62%;
	height:auto;
	float:left;
	padding:0 3% 0 0;
	font-size:12px;
	color:#333333;
	line-height:160%;
}

.mainc div#top_serv section.serv_box_sm p.akalin{
	width: 33%;
	height:auto;
	float:right;
	padding:0 0 5% 2%;
	margin-left:67%;
	font-size:90%;
	color:#333333;
	line-height:160%;
	background: url(../img/aka_sankaku.gif) no-repeat 0 .5em;
}

.mainc div#top_serv section.serv_box_sm p.akalin a:link{
	color: #ff0000;
	font-size:90%;
}

.mainc div#top_serv section.serv_box_sm p.akalin a:visited{                 
	color: #ff0000;
	font-size:90%;
}

.mainc div#top_serv section.serv_box_sm p.akalin a:active{
	color: #ff0000;
	font-size:90%;
}

.mainc div#top_serv section.serv_box_sm p.akalin a:hover{                 
  color: #ff0000;
	font-size:90%;
  text-decoration: none;
}

	#top_serv{
		width:100%;
		height:auto;
		margin-top:22px;
	}
	
	.serv_box{
	display:none;
	}
	
		p.corona{
		width:96%;
		height:auto;
		margin:0 auto;
		margin-bottom:22px;
	}
	
	p.corona img{
		width:100%;
	}
	
.staff_pc{
	display:none;
}

#wrapper nav.nav_sm{
 width:100%;
}

#wrapper nav.nav_sm ul li{
	margin:0;
	padding:0;
	float:left;
	width:33%;
}

#wrapper nav.nav_sm ul li img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#wrapper nav.nav_pc{
	display:none;
}
/* ========== ニュース部分 ========== */	
section.news_sm{
	width:100%;
	height:auto;
	text-align: left;
	margin:16px 0 30px 0;
	background: url(../img/index/topics_base.gif) no-repeat bottom;
}

section.news h3{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

section.news div.news{
	width:98%;
	height:auto;
}

section.news div.news p{
	font-size: 90%;
	margin: 3px 0 6px 0;
	padding: 0 0 5px 9px;
	width: 100%;
	height:auto;
	background: url(../img/topics_02.gif) bottom repeat-x;
}

section.news div.news time{
	font-size: 80%;
	color:#ff6c00;
	margin: 3px 0 3px 10px;
	padding: 0;
	width: 100%;
	height:auto;
}


/* ========== フッター部分 ========== */	
	footer.pc_foot{
	display:none;
	}
	
	footer.sm_foot{
	width:100%;	
    height:auto;
	bottom:0;
	background: #ffffff;
	text-align:left;
	}
	footer.sm_foot div.fbody{
	margin:0 auto;
	width:30%;
	height:30%;	
	margin:10% 0 0 70%;
	}
	
	footer.sm_foot div.fbody img{
	vertical-align:bottom; 
	}
	footer.sm_foot div.footbody{
	margin:0 auto;
	width:100%;	
	height:auto;	
	background: #ffff47;
	}

	footer.sm_foot div.footbody p{
	padding:10px 10px 0 10px;
	font-size:80%;
	color: #7e300e;
	}
	footer.sm_foot div.footbody p span{
	font-size:70%;
	color: #7e300e;
	}
	
}
