/*===============================================
●tablet.css 画面の横幅が1024pxまで
===============================================*/
@media screen and (min-width: 640px) and (max-width: 1024px) {
	
.wrap {
	width: 95%;
	margin: auto;
	padding:2.5%;
	position: relative;
}
	

/*******ヘッダー **********************/
.header { width: 100%; max-width: 960px; margin: 0 auto; padding: 5px 0 0 0;position:relative; height:80px;}
/*******グローバルメニュー **********************/
.pcnon{ display: block;}
.header h1 img{ position: absolute; padding:10px 0 0 10px;}
.header p{ position: absolute; right:10px; font-size:80%;}
.header #tel{ position: absolute; right:10px; top:30px}
#sm-tel {display:none;}
/*******グローバルメニュー **********************/

/*******メイン **********************/
#main{
	margin-top:0;
	width:100%;
	height:600px;
	}
#sub{
	margin-top:0px;
	width:100%;
	height:300px;
	}	

/*******セクション背景 **********************/
.sec-back{
	width:100%;
	height:600px;
	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;
	}
/*******セクションlist3 **********************/
.mt-200{
	margin-top:0px;
}
/*******セクションlist2 **********************/
.imgbt img{
	margin-bottom:20px;
}

/*******サブページ　タイトル帯 **********************/
.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;
}

/*******レイアウトBOX **********************/


/*******BOX **********************/
.box50 {
	box-sizing: border-box;
	width: 50%;
	float: left;
}

.box25 {
	box-sizing: border-box;
	width: 25%;
	float: left;
}

.box33 {
	box-sizing: border-box;
	width: 33.333333%;
	float: left;
}

/*******BOX img**********************/
.box50 img{
	width:100%;
}

.box50 {
	width:100%;
}


.box25 img{
	width:100%;
}

.box33 img{
	width:100%;
}

/*******1BOX **********************/
.list{
	width:60%;
	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 0 5%;
	width:47.5%;
}
.list2 .top{
	padding:0;
}
.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 0 5%;
	width:30%;
}

.list3 .top{
	padding:0;
}

.list3 .right{
	float:right;

}
.list3 li img{
	width:100%;
}

/*******map **********************/

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