@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 a img:hover{opacity: 0.8;}

#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: 40%; margin:5% auto 0;}

.sp {display:none;}

.Lead_pc {
	width: 100%;
	margin: 0 auto 5%;
	display: block;
	text-align:center;
	font-size:16px;
	line-height:1.6em;
}

.Lead_sp {display: none;}

#HE_wrap h2{font-size: 25px; margin: 10% auto 5%; color: #8ab2d6; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#HE_wrap h3{font-size: 28px; margin: 10% auto 5%; text-align: center; }
.txt_bl{color: #8ab2d6; }
.under{border-bottom: 3px dotted #000;}

/*.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 #535353;
    content: '';
}
.txt_how:before {
    left: -110%;
}

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

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

.video_box{	width: 80%; margin: 1% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.video1{ width: 45%;	margin: 0; order: 2;}
.video2{ width: 18%;	margin: 0; order: 1;}
.video3{ width: 18%;	margin: 0; order: 3;}


/*.staff_box{	width: 80%; margin: 1% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between;}*/
.staff1{ width: 100%;	margin: 0 0 20%; }

.staff_img{width: 90%; margin: 0 auto;}
.staff_size{width: 100%; margin: 1% auto; font-size: 17px; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.staff_n{width: 100%; margin: 1% auto; font-size: 18px; text-align: center;}
.staff_d{width: 100%; margin: 1% auto; font-size: 15px; text-align: center; }
.maker{ background-image: url("../images/sen.png");  background-size: contain;  background-repeat: no-repeat;  background-position: center ; }
.mincho{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

.sns_box{ width: 75%;	margin: 5% auto 0;	display:flex;	flex-wrap:wrap;	justify-content: space-between;}
.sns1{	width: 45%;	margin: 0;	box-sizing: border-box;}

.item_box{	width: 100%; margin: 5% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between;}
.item1{ width: 32%;	margin: 0;}


.cmt{margin: 3% auto 3%; font-size: 15px; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
/*.sml{display:block; margin: 2% auto 0;	box-sizing: border-box;	font-size: 13px; text-align: left;}*/

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

.move-img{	margin: 0 auto;}
.move-wrap{	display: flex;	align-items: center;	overflow: hidden;	margin: 2% 0;	column-gap: 5px;}
	
.slideshow{
	display: flex;
	column-gap: 5px;
    animation: loop-slide 60s infinite linear 1s both;
}

.content{ width: 320px;}

.content img{ border-radius: 0px;}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-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:15% auto 5%; width: 85%;}
	.pc {display:none;}
	.sp {display:block;}
	
		.Lead_pc {display: none;}

	.Lead_sp {
		width: 100%;
		display: block;
		text-align:center;
		font-size:15px;
		margin:0 auto 5%;
		line-height:1.7em;
	}
	
	#HE_wrap h3{font-size: 20px; margin: 10% auto 5%; text-align: center; }
	
	.video_box{	width: 80%; margin: 1% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start;}
	.video1{ width: 100%;	margin: 0 auto 5%; order: 1;}
	.video2{ width: 40%;	margin: 0 ; order: 2;}
	.video3{ width: 40%;	margin: 0 ; order: 3;}
	
	/*.staff_box{	width: 90%; margin: 1% auto 0;  display: flex; flex-wrap:wrap; justify-content: space-between; }*/
	.staff1{ width: 100%;	margin: 0 0 20%;}

	.staff_img{width: 100%; margin: 0 auto;}
	.staff_size{width: 100%; margin: 1% auto; font-size: 16px;}
	.staff_n{width: 100%; margin: 1% auto; font-size: 16px; }
	.staff_d{width: 100%; margin: 1% auto; font-size: 13px; }
	
	.cmt{margin: 3% auto 0; font-size: 13px; }

	.sns_box{ width: 80%;	margin: 5% auto 0;	}
	/*.sns1{	width: 45%;	margin: 0;	box-sizing: border-box;}*/


	/*.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 #535353;
		content: '';
	}
	.txt_how:before {
		left:-40%;
	}

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

	
	
	.content{ width: 220px;}
	
	
	.point_video {display: block; width: 100%; margin: 0 auto 2%;}
}