@charset "UTF-8";

/* 画像レイアウト
===================================*/

.header_img{
	position: relative;
	background: url("img/header_img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    height: 790px;
	margin:0px auto;
}
.header_ttl{
	position: absolute;
	width: 1000px;
	margin:0 auto;
	padding: 150px 0 300px;
	left: 0;
	right: 0;
}
.title{font-size: 44px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold;margin: 0;line-height: 1.2;padding-bottom: 20px;}
.tel_btn{width: 90%; margin: 0 auto;}

.gray_box{padding: 60px 100px;margin: -30px -50px 0 -50px;}
.staff_02{float: left;width: 47%;margin-left: -20px;}
.staff_03{float: right;width: 47%;margin-right: -20px;}
.gray_box02{padding: 20px 30px;margin: -15px -15px 0 -15px;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
.header_img{
	position: relative;
	background: url("img/header_img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    height: 280px;
	margin:0px auto;
}
.header_ttl{
	position: absolute;
	width: 96%;
	margin:0 auto;
	padding: 20px 0 0px;
	left: 0;
	right: 0;
}
.header_ttl h3{
padding-top: 33%;
}
.title{font-size: 18px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold;margin: 0;line-height: 1.2;padding-bottom: 10px;}

.tel_btn{width: 100%; margin: 0 auto;}
	
.gray_box{padding: 50px 30px 50px;margin: -20px -10px 0 -10px;}
.staff_02{float: none;width: 100%;margin-left: -0px;margin-bottom: 3em;}
.staff_03{float: none;width: 100%;margin-right: -0px;margin-bottom: 3em;}
.gray_box02{padding: 20px 30px;margin: -15px -15px 0 -15px;}
}