@charset "utf-8";
/* CSS Document */

/* トップページのヘッダーに関するCSSはhome.css 2階層目用*/

/* pc */
@media screen and (min-width: 950px) {
	
	header h1 img {
		float: left;
		display: inline;
	}
	header h1 img.text {
		width: 270px;
		height: auto;
	}
	header h1 img.logo {
		width: 350px;
		height: auto;
		margin: 0 8px;
	}
	header .tel {
		float: left;
		display: inline;
		width: 300px;
	}
	header .tel li img {
		width: 300px;
		height: auto;
	}
	
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 949px) {	
	
	header h1 img {
		float: left;
		display: inline;
	}
	header h1 img.text {
		width: 225px;
		height: auto;
	}
	header h1 img.logo {
		width: 280px;
		height: auto;
		margin: 0 11px;
	}
	header .tel {
		float: right;
		display: inline;
		width: 240px;
	}
	header .tel li img {
		width: 240px;
		height: auto;
	}
		
}

/* mobile */
@media screen and (max-width: 767px) {
	
	header h1 {
		width: 90%;
		margin: 0 5%;
	}
	header h1 img.text{
		width: 72.5%;
	}
	header h1 img.logo {
		width: 100%;
	}
	header .tel {
		width: 90%;
		margin: 15px 5% 0;
	}
	header .tel li {
		float: none;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	header .tel li img {
		width: 100%;
		height: auto;
	}
	
}