@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: 1000px;
	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: 60%; margin:5% auto 0;}

.sp {display:none;}

.txt_how{width: 25%; margin: 10% auto ;  text-align: center; position: relative;}

.txt_how:before,
.txt_how:after {
    position: absolute;
    top: 48%;
    width: 100%;
    border-top: 6px dotted #1A1A1A;
    content: '';
}
.txt_how:before {
    left: -110%;
}

.txt_how:after {
    right: -110%;
}

.item_box1{	width: 90%; margin: 3% auto 0; }

.item_box2{	width: 100%; margin: 1% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between; align-items:flex-end;}
.item2{	width: 49%;	margin: 0;}
/*.item_box1{	width: 100%; margin: 5% auto 0; position: relative; height: 650px;}
.item1{	width: 50%;	position: absolute; top: 0; left: 0;}
.item2{	width: 50%;	position: absolute; top: 0; right: 0;}
.item3{	width: 40%;	position: absolute; top: 23%; right: 0; z-index: 10;}
.item4{	width: 8%;	position: absolute; top: 25%; right: 0; z-index: 100;}
.item5{	width: 30%;	position: absolute; top: 75%; right: 12%; z-index: 100;}*/

/*.cmt{margin: 3% auto 3%; font-size: 15px; text-align: center;}
.sml{display:block; margin: 2% auto 0;	box-sizing: border-box;	font-size: 13px; text-align: left;}*/

.point_video {display: block; width: 40%; margin: 0 auto 2%;}
.point_video iframe {width: 100%;}


/*.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:10% auto 5%; width: 90%;}
	.pc {display:none;}
	.sp {display:block;}
	
	.item_box1{	width: 100%; margin:0 auto 0; }
	/*.item_box2{	width: 90%; margin: 5% auto 0;  display: block;}
	.item2{	width: 100%;	margin: 0 auto 8%;}*/
	
	.txt_how{width: 50%; margin: 10% auto ;  text-align: center; position: relative;}

	.txt_how:before,
	.txt_how:after {
		position: absolute;
		top: 48%;
		width: 25%;
		border-top: 5px dotted #1A1A1A;
		content: '';
	}
	.txt_how:before {
		left:-40%;
	}

	.txt_how:after {
		right: -40%;
	}

	.point_video {display: block; width: 80%; margin: 0 auto 2%;}
}