/*===============================================
●tablet.css  画面の横幅が1000px〜737pxまで
===============================================*/

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

	body{
		 -webkit-text-size-adjust: 100%;
	}
	
	img {
		max-width: 100%;
		width: 100%;
		height: auto;
		width /***/: auto;
	}
	/*=====================
	　header
	=====================*/
	header{
		width: 100%;
		height: 61px;
		position: fixed;
		z-index: 1;
		background: #fff;
		top: 0;
		left: 0;
		padding: 1.5% 0 0 2%;
	}
	header h1{width: 40%;}
	header h1 a img{
		width: 100%;
		height: auto;
	}
	header h1 a{padding-top: 0;}
	#wrapper{margin-top: 60px;}
	.pcNavWrap,.spageNavWrap{display: none}
	.spNavWrap{display: block}
	.drawer-hamburger {
		width: 3.2rem!important;
		padding: 18px 1.2rem 30px!important;
	}
	.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
		height: 3px!important;
		background-color:#fff!important;
	}
	.drawer-open .drawer-hamburger-icon{background-color: transparent!important;}
	.drawer-hamburger {
		background: #00a0c6!important;
		top: -2px!important;
	}
	.drawer--top.drawer-open .drawer-nav {
		top: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--left.drawer-open .drawer-nav,.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
		right: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer-menu{
		margin-top: 1.2rem!important;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		transform:translate(0px, 0px) translateZ(0px)!important;
	}
	.drawer-menu li{width: 50%;}
	.drawer-menu li:first-child{width: 100%;}
	.drawer-menu li a{
		display: flex;
		align-items: center;
		font-weight: bold;
		padding: 2%;
		justify-content: flex-start;
	}
	.drawer-menu li a:hover{opacity: 0.8;}
	.drawer-overlay{z-index: 0!important;}
	.spNavHome{width: 100%!important;}
	.spNavHome a{
		width: 100%!important;
		justify-content: center!important;
	}
	.spNavHome a img{
		width: 50%!important;
		height: auto!important;
	}
	/*=====================
	　index
	=====================*/
	#indexContents{flex-wrap: wrap;}
	.indexMainWrap{
		width: 90%;
		margin: 0 auto;
	}
	.indexMenuWrap{
		width: 100%;
		padding: 5% 5% 0 5%;
	}
	/*=====================
	　footer
	=====================*/
	/*=====================
	　spage
	=====================*/
	#spageContents{padding: 4%;}
	.spageWrap{border: 30px solid #fff;}
	.ttlText{font-size: 2.4rem;}
	/*========テキスト枠=========*/
	.spageTextBox p{font-size: 1.6rem;}
	.spageTextBox h3{font-size: 1.8rem;}
	.spageTextBox h4{font-size: 1.8rem;}
	/*=====================
	　dekirumade
	=====================*/
	.shisetsuHead,.kusuriHead{font-size: 1.8rem;}
	.shisetsuList{width: 100%;}
	.kusuriFlex span{font-size: 1.8rem;}
	/*=====================
	　mamechishiki
	=====================*/
	#acMenu dd{margin-top: 1%;}
	.qText{font-size: 1.8rem;}
	.aBox p{font-size: 1.6rem;}
	/*=====================
	　shigoto
	=====================*/
	.shigotoHeadText{font-size: 1.8rem;}
	.staffText{font-size: 1.6rem;}
	.kidsText{font-size: 1.6rem;}
	/*=====================
	　saigai
	=====================*/
	.saigaiHeadText{font-size: 1.8rem;}
}

/*===============================================
●tablet.css  tablet横向き
===============================================*/
@media screen and (max-width:1024px) and (orientation: landscape) {
	/*=====================
	　spage
	=====================*/
}