@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;}
.q_box {
	width: 8%;float: left;margin-right: 3%;
}
.q_copy_box,.a_copy_box{width: 88%;float: left;}
.question_text{font-size: 24px;padding-top: 3%;}
.a_box{width: 8%;float: left;margin-right: 3%;
	}

.anser_text {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 16px;
	line-height: 1.7;
	display: block;
	margin: 0 auto;
	text-align: justify;
}
.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;}	

.q_box {
	width: 8%;float: left;margin-right: 3%;
}
.q_copy_box,.a_copy_box{width: 88%;float: left;}
.question_text{font-size: 24px;padding-top: 0%;}
.a_box{width: 8%;float: left;margin-right: 3%;
	}

.anser_text {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 16px;
	line-height: 1.7;
	display: block;
	margin: 0 auto;
	text-align: justify;
}
.w80per img{width: 100%;}	
.w60per{width: 100%;margin-bottom: 5%;}
.w40per{width: 100%;margin-bottom: 5%;}

}