@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;
}
.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;}
#flexbox, .flex_box02{
      display:flex; 
      flex-wrap: wrap;
      width: 100%;
      height:auto;
      padding:0px;
	margin-right: -5%;
    }
.box-item{
      width: 45%;
    margin-bottom: 10em;
	margin-right: 5%;
    }
.box-item img{
		width: 100%;
	}
.box-item_03{
      width: 30%;
    margin-bottom: 5em;
	margin-right: 2%;
	border: solid 3px #F39800;
	padding: 16px 0 12px;
	text-align: center;
	color: #F39800;
	font-size: 30px;
	font-weight: bold;
	border-radius: 15px;
}
.orange_h2{background: url("img/h2_underline.png");background-repeat: no-repeat;background-position: center;height: 65px;text-align: center;color:#F39800;padding-top: 15px;font-size: 30px;}
.orange_h202{background: url("img/h2_underline02.png");background-repeat: no-repeat;background-position: center;height: 65px;text-align: center;color:#F39800;padding-top: 15px;font-size: 30px;}
.tel_btn{width: 90%; margin: 0 auto;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@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;
}
.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;}
#flexbox, .flex_box02{
      display:flex; 
      flex-wrap: wrap;
      width: 100%;
      height:auto;
      padding:0px;
	margin-right: -5%;
    }
.box-item{
      width: 100%;
     text-align: left;
	margin-bottom: 0em;
     
    } 

.box-item img{
		width: 100%;
	}
.item1{
		order: 1;
	}
.item2{
		order: 2;
	margin-bottom: 5em;
	}
.item3{
		order: 4;
	margin-bottom: 5em;
	}
.item4{
		order: 3;
	}
.item5{
		order: 5;
	}
.item6{
		order: 6;
	margin-bottom: 5em;
	}
.item7{
		order: 8;
	margin-bottom: 6em;
	}
.item8{
		order: 7;
	}
.box-item_03{
      width: 29%;
    margin-bottom: 2em;
	margin-right: 2%;
	border: solid 3px #F39800;
	padding: 20px 0 15px;
	text-align: center;
	color: #F39800;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
.orange_h2{background: url("img/h2_underline.png");background-repeat: no-repeat;background-position: center;height: 47px;text-align: center;color:#F39800;padding-top: 15px;font-size: 26px;}
.orange_h2{background: url("img/h2_underline02.png");background-repeat: no-repeat;background-position: center;height: 47px;text-align: center;color:#F39800;padding-top: 15px;font-size: 26px;}
.tel_btn{width: 100%; margin: 0 auto;}
}