@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;/* background-color: #eae5e3;*/}
a{text-decoration: none; color: #000;}
#HE_wrap p {padding:0;margin:0;}
.content {
	width: 100%;
	margin:0 auto; 
	padding: 0;
}
#HE_wrap {
	clear: both;
	width:100%;
	max-width: 750px;
	padding: 5% 0 0;
	margin:0 auto 0;
	/*font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	/* font-family: "Montserrat", sans-serif;*/
	font-style: normal;
	/*color: #252525;	*/
	background-color: #e2e0dd;
}



/*.brand-header{background-color: #f9f4ea;}*/

.main {
	width: 75%;
	margin:0 auto 5%;
}

.sp {display:none;}	
.clear {clear:both;}

.Lead_pc {
	width: 100%;
	margin: 0 auto 10%;
	display: block;
	text-align:center;
	font-size:1.6rem;
	padding:0 ;
	line-height:2em;
}

.Lead_sp {display: none;}
.sml{font-size: 70%; display: block; margin-top: 3%; line-height: 1.6em;}
h2{width: 100%; margin: 10% auto 0; padding: 5px 0; font-size: 18px; background-color: #000; color: #fff; /*border-top: 1px solid #353535; border-bottom: 1px solid #353535;*/ font-weight: 400; text-align: center; }

/*h1{width: 100%; font-size: 55px; margin: 5% auto 3%; font-weight: 500; text-align: center; }
h3{width: 100%; font-size: 28px; margin: 10% auto 7%; font-weight: 500; text-align: center; }
p.sub_txt{width: 100%; font-size: 25px; margin: 0 auto 3%; font-weight: 400; text-align: center; }
*/

/*ITEM*/
.sub_ttl{width: 100%; margin: 20% auto 10%;}
.item_box{width: 55%; margin: 0 0 10% 24%;/* display:flex; flex-wrap:wrap; justify-content: space-between;*/}
.item_c{width: 60%; margin: 15% auto;}
.point_box{width: 60%; margin: 0 auto 10%;/* display:flex; flex-wrap:wrap; justify-content: space-between;*/}

.item_box1{width: 70%; margin: 0 auto 20%; position: relative;}
.item1{width: 100%; }
.credit_R{width: 50%; position: absolute; right: 0; bottom: 0; font-size: 16px; line-height: 1.7em; text-align: right;}
.credit_L{width: 50%; position: absolute; left: 4%; bottom: 0; font-size: 16px; line-height: 1.7em; text-align: left;}

a:hover{color: #fff;}

@media only screen and (max-width: 750px) {
	/*body {padding:0; margin:0; background-color: #fff;}*/
	.content {width: 100%; margin:0 auto; padding: 0;}
	#HE_wrap {width:100%; padding: 10% 0 0; margin:0 auto -5%;}
	.pc {display:none;}
	.sp {display:block;}

	.main {width: 80%; margin:0 auto 10%;}
	/*.content {width: 100%; margin:1% auto 10%;}*/
	.Lead_pc {display: none;}

	.Lead_sp {
		width: 100%;
		display: block;
		text-align:center;
		font-size:15px;
		margin:0 auto 15%;
		line-height:1.7em;
	}

/*ITEM*/
	
	.item_box{width: 75%; margin: 0 0 10% 14%;/* display:flex; flex-wrap:wrap; justify-content: space-between;*/}
	.item_c{width: 80%; margin: 15% auto;}
	.point_box{width: 80%; margin: 0 auto 10%;/* display:flex; flex-wrap:wrap; justify-content: space-between;*/}

	.item_box1{width: 90%; margin: 0 auto 20%; position: relative;}
	
	h2{width: 100%; margin: 10% auto 0; padding: 5px 0; font-size: 15px; }

}