@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;}
.w80per img{width: 100%;}	
.w60per{width: 63%;}
.w40per{width: 34%;}
.border{border: solid 2px #000000;width: 60%;margin: 0 auto 5%;padding: 3% 0;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@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%;}
.border{border: solid 2px #000000;width: 100%;margin: 0 auto 5%;padding: 3% 0;text-align: center;}
}