@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
#HE_wrap p {padding:0; margin:0;}
#HE_wrap .clear{clear: both;}
#HE_wrap a{text-decoration: none; color: #000;}

#HE_wrap {
	clear: both;
	width:100%;
	max-width: 950px;
	padding: 0;
	padding-bottom: 3%;
	margin:0 auto 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
	color: #000000;	
}

#HE_wrap .main {width: 100%; margin:0 auto 0;}

.sp {display:none;}

/*.point{width: 100%;	margin: 5% auto 0;}*/
#HE_wrap .item_box{ width: 100%; margin: 5% auto 10%;	display: grid; grid-template-rows: 450px 100px; grid-template-columns: 550px 1fr;}
.item1{	grid-row: 1 / 3; grid-column: 1 / 2; }
.item2{grid-row: 1 / 2; grid-column: 2 / 3;	}
.item3{grid-row: 2 / 2; grid-column: 2 / 3; }

.img1{width: 80%; margin: 0 auto 2%;}
.img2{width: 70%; margin: 0 auto 2%;}
.img3{width: 70%; margin: 10% auto 2%;}
.cmt{font-size: 15px; text-align: center;}
.sml{display:block; margin: 2% auto 0;	box-sizing: border-box;	font-size: 13px; text-align: left;}


/*.sub_ttl{display: block; margin-bottom: 1%; margin-left: -0.5em; font-weight: bold; font-size: 15px;}*/

@media only screen and (max-width: 750px) {
	#HE_wrap .main {margin:0 auto 2%; width: 100%;}
	.pc {display:none;}
	.sp {display:block;}
	
	#HE_wrap .item_box{ width: 100%; margin: 5% auto 10%; display: grid; grid-template-rows: 125vw 80vw; grid-template-columns: 45vw 1fr;}
	.item1{	grid-row: 1 / 3; grid-column: 1 / 3; }
	.item2{grid-row: 2 / 2; grid-column: 1 / 2;	}
	.item3{grid-row: 2 / 2; grid-column: 2 / 3; }
	.cmt{font-size: 13px; text-align: center;}
	.img1{width: 80%; margin: 0 auto 2%;}
	.img2{width: 80%; margin: 0 auto 2%;}
	.img3{width: 90%; margin: 25% auto 2%; }
}