@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;/* background-color: #eae5e3;*/}
#HE_wrap a{text-decoration: none; color: #b693a6;}
#HE_wrap p {padding:0;margin:0;}
#HE_wrap a:hover{opacity: 0.8;}
#HE_wrap {
	clear: both;
	width:100%;
	max-width: 1200px;
	padding: 0;
	margin:5% 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: "Jost", sans-serif;*/
	 font-family: "Montserrat", sans-serif;
	font-style: normal;
	 color: #b693a6;
	/*background-color: #f9f4ea;*/
}

/*.content {
	width: 100%;
	margin:0 auto; padding: 5% 0 5%;
	background-color: #f9f4ea;
}
*/
/*.brand-header{background-color: #f9f4ea;}*/

.main {
	width: 45%;
	margin:5% auto 5%;
}

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

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

.Lead_sp {display: none;}*/

/*h1{width: 100%; font-size: 55px; margin: 5% auto 3%; font-weight: 500; text-align: center; }
h2{margin: 10% auto 5%; padding: 5px 0; font-size: 18px; border-top: 1px solid #353535; border-bottom: 1px solid #353535; font-weight: 400; text-align: left; text-indent: 2em;}
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; }
.sml{font-size: 65%;}*/

/*ITEM*/
.item_wrap{width: 100%; max-width: 1000px; margin: 0 auto 3%; font-size: 16px;}	
.sub_ttl{width: 30%; margin: 0 0 3%;}	
.item_box1{width: 90%; margin: 0 auto 10%; position: relative; height: 550px; /*display:flex; flex-wrap:wrap; justify-content: space-between;*/}
.item1_1{width: 35%; position: absolute; top: 0; left: 0;}
.item1_2{width: 42%; position: absolute; bottom: 0; left: 23%;}
.item1_3{width: 30%; position: absolute; top: 0; right: 0;}
.txt1_1{width: 22%; position: absolute; bottom: 10%; left: 1%; text-align: center;}
.txt1_2{width: 35%; position: absolute; top: 8%; left: 42%;}
.credit1{width: 25%;  position: absolute; bottom: 20%; right:0%;}


.item_box2{width: 90%; margin: 0 auto 10%; position: relative; height: 500px;}
.item2_1{width: 30%; position: absolute; top: 0; left: 0;}
.item2_2{width: 42%; position: absolute; top: 0;  right: 0;}
.txt2_1{width: 35%; position: absolute; top: 25%; left: 30%; text-align: center;}
.credit2{width: 25%;  position: absolute; bottom: 20%;; left: 34%;}


.item_box3{width: 90%; margin: 0 auto 10%; position: relative; height: 550px; }
.item3_1{width: 30%; position: absolute; top: 0; left: 0;}
.item3_2{width: 32%; position: absolute; top: 0; right: 0;}
.item3_3{width: 40%; position: absolute; bottom: 0; right: 23%;}
.txt3_1{width: 35%; position: absolute; top: 5%; left: 32%;}
.txt3_2{width: 20%; position: absolute; bottom: 8%; right: 1%;}
.credit3{width: 25%;  position: absolute; bottom: 10%; left: 0%;}

.item_n{ font-size: 14px; margin-bottom: 2%; text-align: center;}


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

	.main {width: 90%; margin:5% auto 10%;}
	/*.content {width: 100%; margin:1% auto 10%;}*/


/*ITEM*/
	.item_wrap{width: 100%; max-width: 1000px; margin: 0 auto 3%; font-size: 14px;}	
	.sub_ttl{width: 60%; margin: 0 0 3%;}	
	.item_box1{width: 100%; margin: 0 auto 10%; position: relative; height: 150vw; }
	.item1_1{width: 55%; position: absolute; top: 0; left: 0;}
	.item1_2{width: 62%; position: absolute; top: 20%; bottom: auto; right: 0; left: auto;}
	.item1_3{width: 48%; position: absolute; top: auto; bottom: 0; right: 0;}
	.txt1_1{width: 35%; position: absolute; bottom: 40%; left: 2%; text-align: center;}
	.txt1_2{width: 35%; position: absolute; top: 68%; left: 22%;}
	.credit1{width: 25%;  position: absolute; bottom: 5%; right:auto; left: 17%;}


	.item_box2{width: 100%; margin: 0 auto 10%; position: relative; height: 150vw;}
	.item2_1{width: 50%; position: absolute; top: 0; left: 0;}
	.item2_2{width: 60%; position: absolute;  top: auto; bottom: 10%;  right: 0;}
	.txt2_1{width: 40%; position: absolute; top: 56%; left: 2%; text-align: center;}
	.credit2{width: 25%;  position: absolute; bottom: 75%;; left: 63%;}


	.item_box3{width: 100%; margin: 0 auto 10%; position: relative; height: 180vw; }
	.item3_1{width: 60%; position: absolute; top: 0; left: 0;}
	.item3_2{width: 52%; position: absolute; top: 40%; right: 0;}
	.item3_3{width: 67%; position: absolute; bottom: 0; right: auto; left: 0;}
	.txt3_1{width: 43%; position: absolute; top: 5%; left: 55%;}
	.txt3_2{width: 31%; position: absolute; bottom: 3%; right: 1%;}
	.credit3{width: 25%;  position: absolute; bottom: 48%; left: 10%;}

	.item_n{ font-size: 14px; margin-bottom: 2%; text-align: center;}


}