@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;/* background-color: #eae5e3;*/}
a{text-decoration: none; color: #fff;}
a img:hover{opacity: 0.8;}
#HE_wrap p {padding:0;margin:0;}

#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: #676767;	
	/*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;}

.txt_pk{color: #ED88D0;}
.bg_pk{background-color: #ffefef;}
.bg_bl{background-color: #e6f5fb;}

.Lead_pc {
	width: 100%;
	margin: 0 auto 6%;
	display: block;
	text-align:center;
	font-size:16px;
	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%; margin: 0 auto ; padding: 5% 0; display:flex; flex-wrap:wrap; justify-content: space-between; box-sizing: border-box;}
.item_box{width: 80%; margin: 0 auto 5%; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.item1{width: 40%; margin: 0;}
.item2{width: 55%; margin: 0;}

.staff_name{width: 60%; margin: 0 auto 2%;}

.cmt{font-size: 15px; text-align: center;}
.cmt2{margin: 0 auto 5%; font-size: 16px; text-align: center;}

/*.prof_BOX{background-image: url("../images/BK_p.png"); background-repeat: no-repeat; background-size: cover;}*/
.prof_BOX{width: 80%; margin: 5% auto 0; position: relative;}
.prof_txt{position: absolute; top: 24%; left: 10%; width: 80%; font-size: 18px; text-align: center;}
.sns_box{width: 56%; margin: 5% auto 0; display:flex; flex-wrap:wrap; justify-content: space-between; /*position: absolute; bottom: 16%; left: 25%;*/}
.sns1{width: 30%; margin: 0;}

.btn_box{width: 50%; margin: 5% auto; font-size: 18px; text-align: center;}
.btn_box img{display: block; width: 40%; margin: 2% auto;}


.move-img{	width: 80%;	margin: 0 auto;	background-color: #fff;}
.move-wrap{	display: flex;	align-items: center;	overflow: hidden;	margin: 2% 0;	column-gap: 8px;}

.slideshow{
	display: flex;
	column-gap: 5px;
    animation: loop-slide 45s infinite linear 1s both;
}

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

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}



@media only screen and (max-width: 750px) {
	/*body {padding:0; margin:0; background-color: #fff;}*/
	#HE_wrap {width:100%; padding: 0 0 0; margin:5% auto -11%;}
	.pc {display:none;}
	.sp {display:block;}
	
	.main {width: 80%; margin:5% auto 3%;}
	.Lead_pc {display: none;}
	.Lead_sp {
		width: 100%;
		margin: 0 auto 6%;
		display: block;
		text-align:center;
		font-size:14px;
		padding:0 ;
		line-height:2em;
	}


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


/*ITEM*/
	.item_wrap{width: 100%; margin: 0 auto ; padding: 12% 0; }
	.item_box{width: 80%; margin: 0 auto 7%; display:block;}
	.item1{width: 80%; margin: 0 auto 5%;}
	.item2{width:100%; margin: 0 auto;}
	
	.staff_name{width: 70%; margin: 0 auto 2%;}
	
	.cmt{font-size: 13px; text-align: center;}
	.cmt2{font-size: 14px; text-align: center;}
	
	.prof_BOX{width: 100%; position: relative;}
	.prof_txt{position: absolute; top: 18%; left: 5%; width: 90%; font-size: 15px;}
	.sns_box{width: 64%; margin: 5% auto 0;  /*position: absolute; bottom: 15%; left: 20%;*/}
	.sns1{width: 30%; margin: 0;}
	
	.move-img{	width: 100%;	margin: 0 auto;	background-color: #fff;}
	.content{width: 180px;}

	.btn_box{width: 90%; margin: 10% auto; font-size: 16px;}
	.btn_box img{display: block; width: 60%; margin: 2% auto;}
}