@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;}
.point_01{background: url("../img/important_back_01.jpg") top center / contain no-repeat;}
.point_02{background: url("../img/important_back_02.jpg") top center / contain no-repeat;}
.point_03{background: url("../img/important_back_03.jpg") top center / contain no-repeat;}
.point_04{background: url("../img/important_back_04.jpg") top center / contain no-repeat;}
.point_05{background: url("../img/important_back_05.jpg") top center / contain no-repeat;}
.point_06{background: url("../img/important_back_06.jpg") top center / contain no-repeat;}
.point_r h3{width: 350px;padding:5% 0 22% 60%;}
.point_r p{width: 400px;padding:0% 0 20% 53%;text-align: justify;text-justify: inter-ideograph;}

.point_l h3{width: 350px;padding:5% 0 22% 8%;}
.point_l p{width: 400px;padding:0% 0 20% 5%;text-align: justify;text-justify: inter-ideograph;}
.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;
}
	
.point_01{background: url("../img/important_back_01_sp.jpg") top center / contain no-repeat;}
.point_02{background: url("../img/important_back_02_sp.jpg") top center / contain no-repeat;}
.point_03{background: url("../img/important_back_03_sp.jpg") top center / contain no-repeat;}
.point_04{background: url("../img/important_back_04_sp.jpg") top center / contain no-repeat;}
.point_05{background: url("../img/important_back_05_sp.jpg") top center / contain no-repeat;}
.point_06{background: url("../img/important_back_06_sp.jpg") top center / contain no-repeat;}
.point_r h3,.point_l h3{width: 85%;padding:60% 0 5% 15%;}
.point_r p,.point_l p{width: 80%;padding:0% 0 20% 15%;text-align: justify;text-justify: inter-ideograph;}

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

}