@charset "UTF-8";
h1{color: #000000;}
.head_box{position: relative;width: 100%;top:0;height: auto;}
.page_header{
	margin-top: 2%;
width: 100%;
height: 0;
  padding-top: calc(870 / 1100 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img.jpg") center center / cover no-repeat;
}
nav.g_menu ul li a{color: #000000;}
.w35per_center{width: 35%; margin: 2% auto;}
.movie{width: 80%;margin: 2% auto;}
.movie video{width: 100%;}
.border_gr{border: solid 1px #A7BBB7;padding: 10%;}
.w80per img{width: 100%;}	
.w60per{width: 63%;}
.w40per{width: 34%;}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {
.sp_img100 img{width: 100%;}
.page_header{
width: 100%;
  height: 0;
  padding-top: calc(370 / 563 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img_sp.jpg") center center / cover no-repeat;
}
.w35per_center{width: 100%; margin: 2% auto;}	


.w80per img{width: 100%;}	
.w60per{width: 100%;margin-bottom: 5%;}
.w40per{width: 100%;margin-bottom: 5%;}

}