@media screen and (min-width: 1151px) {
#over-menu {
	display: none!important;
}
.sp{ display: none; }
}

.txt_c_about{
	display:none;
}


a.btn--red.btn--cubic {
  color: #37952F!important;
  background-color:rgba(255,255,255,0.5);
}

a.btn--radius {
  border-radius:0vh;
  border: solid 2px #37952F!important;
 	margin-top:-5px;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}

/* スクロールすると下からふわっとさせるためのコード */
.inview {
  /* 30px下げる */
  transform: translateY(50px);
  /* 要素を透明にする */
  opacity: 0;
  /* 2秒かけて、変化させる */
  transition: transform 2s, opacity 2s;
}

.inview.show {
  transform: translateY(0);
  opacity: 1;
}
	
/* gaiyo
---------------------------------------------------------- */
.gaiyo{
	height:260px;
	max-width:1084px;
}
.gaiyo-1, .gaiyo-2, .gaiyo-3{
	
}	
.gaiyo:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyo-1{
	float:left;
	width : 32%;
	height:224px;
	overflow: hidden;
	position: relative;
	/* cursor: pointer; */
	margin-right: 10px;
}
.active-1{
	animation: slideIn_ji 1s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-1 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-1 img{
	position: absolute;
	z-index: 1;
	transition-duration: 0.5s;
}
/* .gaiyo-1:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
} */
.gaiyo-1 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-2{
	float:left;
	width : 32%;
	height:224px;
	overflow: hidden;
	position: relative;
	/* cursor: pointer; */
	margin-right: 10px;
}
.active-2{
	animation: slideIn_ji 2s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-2 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-2 img{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1;
	transition-duration: 0.5s;
}
/* .gaiyo-2:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s; 
}*/
.gaiyo-2 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-3{
	float:left;
	width : 32%;
	height:224px;
	overflow: hidden;
	position: relative;
	/* cursor: pointer; */
	margin-right: 10px;
}
.active-3{
	animation: slideIn_ji 3s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-3 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-3 img{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1;
	transition-duration: 0.5s;
}
/* .gaiyo-3:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
} */
.gaiyo-3 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
@keyframes slideIn_ji {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}




.voice{
	padding-top:20px;
	display:flex;
	justify-content: center;
}
.voice-1, .voice-2{
	padding-bottm:10px;
}	

.voice:after{
	content:"";
	display: block;
	clear:both;
}
.voice-1{
	width : 100% ; /* 未対応ブラウザ用フォールバック */
	background-color: #fff;
}
.voice_img{
	width:48%;
	float: left;
	height:370px;
	overflow: hidden;
	
}
.voice_img img{
	object-fit: cover;
  width: 100%;
  height: 100%;
}
.voice-1 h1{
	width:47%;
	float: right;
	color:#37952F;
	text-align: left;
}
.voice-1 p{
	width:47%;
	float: right;
	color:#000;
	text-align: left;
}
.voice-2{
	width : 100% ; /* 未対応ブラウザ用フォールバック */
	background-color: #fff;
}
.voice-2 h1{
	width:47%;
	float: right;
	color:#37952F;
	text-align: left;
}
.voice-2 p{
	width:47%;
	float: right;
	color:#000;
	text-align: left;
}
.voice_year{
	font-size: 16px;
	font-weight: 600;
	margin-left:10px;
}


img.hanson_img{
	max-width:75%;
}



@media screen and (max-width:1150px) {

	/* css common 
	---------------------------------------------------------- */
	body.fixed {
		xxxoverflow: hidden;
	}
	body, #wrapper {
		width: 100%;
		min-width: 100%;
	}
	
	#main, .box{
		width: 92%;
		min-width: 92%;
	}
	.pc{ display:none; }
	
		
	.voice{
		padding-left: 20px;
		padding-right: 20px;
		display:initial;
		justify-content: initial;
	}
	
	.voice-1, .voice-2{
		padding-bottom:10px;
		margin-bottom:10px;
	}	
	.voice:after{
		content:"";
		display:block;
		clear:both;
	}
	.voice-1{
		width: calc(100% - 30px);
		margin-left:15px;
	}
	.voice-2{
		width: calc(100% - 30px);
		margin-left:15px;
	}
	
	.voice{
		padding-top:20px;
		display:flex;
		justify-content: center;
	}
	.voice-1, .voice-2{
		padding-bottm:10px;
	}	
	
	.voice:after{
		content:"";
		display: block;
		clear:both;
	}
	.voice-1{
		width : 100% ; /* 未対応ブラウザ用フォールバック */
		background-color: #fff;
	}
	.voice_img{
		width:48%;
		float: left;
		height:370px;
		overflow: hidden;
		
	}
	.voice_img img{
		object-fit: cover;
	  width: 100%;
	  height: 100%;
	}
	.voice-1 h1{
		width:44%;
		float: right;
		color:#37952F;
		text-align: left;
	}
	.voice-1 p{
		width:44%;
		float: right;
		color:#000;
		text-align: left;
	}
	.voice-2{
		width : 100% ; /* 未対応ブラウザ用フォールバック */
		background-color: #fff;
	}
	.voice-2 h1{
		width:44%;
		float: right;
		color:#37952F;
		text-align: left;
	}
	.voice-2 p{
		width:44%;
		float: right;
		color:#000;
		text-align: left;
	}
	.voice_year{
		font-size: 16px;
		font-weight: 600;
		margin-left:10px;
	}
	
		
		
	/* header 
	---------------------------------------------------------- */
	header #h_top .h_top_logo {
		float:left;
		/* width:20%; */
	}
	header #h_top .h_top_logo img {
		max-width: 250px;
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	header #h_bottom  h1.tit_h1 {
		display: block;
		text-align: center;
	}
	header #h_bottom nav {
		display: none!important;
	}
	
	/* header 
	---------------------------------------------------------- */
	#h-menu {
		display: block;
	}
	#over-menu .over-menu-box {
		position: absolute;
		width: 100%;
		left: 0px;
		right: 0px;
		top: 0px;
		margin: 8vw auto 0 auto;
		text-align: center;
	}
	#over-menu .menu_top {
		font-weight: 400;
		font-size: 3.3vw;
		margin-bottom: 2vw;
	}
	#over-menu ul li a {
		color: #000;
		font-weight: 500; 
		font-size: 2.8vw;
		text-decoration: none;
		padding: 0.5vw 15px;
		display: block;
	}
	#over-menu ul li a:hover{
		background: #E8FFD9;
		color: #058350!important;
	}
	
	#over-menu ul li a {
		color: #000;
		font-weight: 500; 
		font-size: 2.8vw;
		text-decoration: none;
		padding: 0.5vw 15px;
		display: block;
	}
	#over-menu ul li a:hover{
		background: #E8FFD9;
		color: #058350!important;
	}
	#over-menu .menu_bottom {
		margin: 5vw 0 2vw;
	}
	#over-menu .menu_bottom img {
		max-width: 260px;
		width: 60%;
	}
	#over-menu ul.sub_link li {
		display: inline-block;
		padding: 0 3vw;
	}
	#over-menu ul.sub_link li a {
		font-size: 2vw;
	}
	#over-menu ul.sub_link li a {
		background: none;
		color: #000;
	}
	#over-menu ul.sub_link li a:hover {
		text-decoration: underline;
	}
	
	.menu-ico,
	.menu-ico span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		z-index: 12;
		display: none;
	}
	.menu-ico {
		position: absolute;
		width: 30px;
		height: 24px;
		right: 4%;
		top:6.5vh;
		cursor: pointer;
	}
	
	.menu-ico span {
		position: absolute;
		right: 0px;
		left: 0;
		top: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		height: 0.3vw;
		background-color: #fff;
	}
	.menu-ico span:nth-of-type(1) {
		top: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.menu-ico span:nth-of-type(2) {
		top: 1vw;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.menu-ico span:nth-of-type(3) {
		top: 2vw;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	
	/*＋、－切り替え*/
	.menu-ico.active span:nth-of-type(1) {
		top: 5vw;
		background: #0599d9;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	.menu-ico.active span:nth-of-type(2) {
		top: 5vw;
		background: #0599d9;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
	}
	.menu-ico.active span:nth-of-type(3) {
		display: none;
	}
	
	}/* end 1150 */

@media screen and (max-width:960px) {

	
/* gaiyo
---------------------------------------------------------- */
.gaiyo{
	min-height:240px;
	width:100%;
}
.gaiyo-1, .gaiyo-2, .gaiyo-3{

}	
.gaiyo:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyo-1{
	float:left;
	width : 100%; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin-bottom:10px;
}
.active-1{
	animation: gaiyo-1 1s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-1 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-1 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-1:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-1 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
	height:30px!important;
}
.gaiyo-2{
	float:left;
	width : 100%; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin-bottom:10px;
}
.active-2{
	animation: gaiyo-2 2s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-2 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-2 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-2:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-2 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-3{
	float:left;
	width : 100%; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin-bottom:10px;
}
.active-3{
	animation: gaiyo-3 3s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-3 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-3 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-3:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-3 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
@keyframes slideIn_ji {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
	

}

@media screen and (max-width:768px) {

.box{
	width:100%!important;
	min-width:100%;
	max-width: 100%;
	padding:0 20px;
	min-height:auto;
}
	
/* スクロールすると下からふわっとさせるためのコード */
.inview {
  /* 30px下げる */
  transform: translateY(50px);
  /* 要素を透明にする */
  opacity: 0;
  /* 2秒かけて、変化させる */
  transition: transform 2s, opacity 2s;
}

.inview.show {
  transform: translateY(0);
  opacity: 1;
}
	
/* header 
---------------------------------------------------------- */

header #h_top {
	padding: 2vw 0;
	height:58px;
}
#over-menu {
	height:600px;

}
#over-menu .over-menu-box {
	margin: 16vw auto 0 auto;
}
#over-menu .menu_top {
	font-size: 5vw;
}
#over-menu ul li a {
	font-size: 4.5vw;
	padding: 1.5vw 3vw;
}
#over-menu .menu_bottom {
	margin: 8vw 0 4vw;
}
#over-menu ul.sub_link li a {
	font-size: 4vw;
}
	
#over-menu ul {

}

.menu-ico span:nth-of-type(2) {
	top: 2vw;
}
.menu-ico span:nth-of-type(3) {
	top: 4vw;

}
	
.txt_c_about{
	display: initial;
}


#h-menu {
	display: block;
}
.menu-ico,
.menu-ico span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index: 120;
}
.menu-ico {
	position: absolute;
	width: 30px;
	height: 34px;
	right: 4%;
	top:2vh;
	cursor: pointer;
}

.menu-ico span {
	position: absolute;
	right: 0px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 0.3vw;
	background-color: #37952F!important;
	z-index: 120;
}
.menu-ico span:nth-of-type(1) {
	top: 0;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.menu-ico span:nth-of-type(2) {
	top: 2vw;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.menu-ico span:nth-of-type(3) {
	top: 4vw;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

/*＋、－切り替え*/
.menu-ico.active span:nth-of-type(1) {
	top: 5vw;
	background: #0599d9;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.menu-ico.active span:nth-of-type(2) {
	top: 5vw;
	background: #0599d9;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.menu-ico.active span:nth-of-type(3) {

}
	
	
	
.txt_c_about{
	display: initial;
}


#h-menu {
	display: block;
}
.menu-ico,
.menu-ico span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index: 120;
}
.menu-ico {
	position: absolute;
	width: 34px;
	height: 34px;
	right: 4%;
	top:18px;
	cursor: pointer;
}

.menu-ico span {
	position: absolute;
	right: 0px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 0.5vw;
	background-color: #37952F!important;
	z-index: 120;
}
.menu-ico span:nth-of-type(1) {
	top: 0;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.menu-ico span:nth-of-type(2) {
	top: 1.5vw;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.menu-ico span:nth-of-type(3) {
	top: 3vw;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

/*＋、－切り替え*/
.menu-ico.active span:nth-of-type(1) {
	top: 5vw;
	background: #0599d9;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.menu-ico.active span:nth-of-type(2) {
	top: 5vw;
	background: #0599d9;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.menu-ico.active span:nth-of-type(3) {

}
	
	
/* index
---------------------------------------------------------- */
#main_img_wrap {
	height:auto;
}
#main_img_wrap .main_img {
	display: block;
	margin-bottom: 7vw;
}
#main_img_wrap .main_img div {
	display: block;
	box-sizing: border-box;
	text-align: center;
}	
#main_img_wrap .txt_main {
	padding:20px 0;
}
#main_img_wrap .txt_main img {
	max-width: 100%;
}
#main_img_wrap .img_main {
	width: 100%;
}

	
	
/* gaiyo
---------------------------------------------------------- */
.gaiyo{
	min-height:240px;
	width:100%;
}
.gaiyo-1, .gaiyo-2, .gaiyo-3{

}	
.gaiyo:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyo-1{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-1{
	animation: gaiyo-1 1s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-1 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-1 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-1:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-1 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
	height:30px!important;
}
.gaiyo-2{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-2{
	animation: gaiyo-2 2s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-2 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-2 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-2:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-2 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-3{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:400px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-3{
	animation: gaiyo-3 3s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-3 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-3 img{
	position: absolute;
	top:0px;
	height:400px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-3:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-3 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
@keyframes slideIn_ji {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

	
	
main p {
	padding:20px 0 0 0;
    margin-bottom: 20px;
}	
	
	
/* voice
---------------------------------------------------------- */
#voice {
    padding: 0 0 40px 0;
}


.voice{
	display:initial;
	justify-content: initial;
}

.voice-1, .voice-2{
	padding-bottom:10px;
	margin-bottom:10px;
}	
.voice:after{
	content:"";
	display:block;
	clear:both;
}
	
.voice{
	padding-top:0;
	display:flex;
	justify-content: center;
}
.voice-1, .voice-2{
	padding-bottm:10px;
}	

.voice:after{
	content:"";
	display: block;
	clear:both;
}
.voice-1{
	float:left;
	width : 100% ; /* 未対応ブラウザ用フォールバック */
	margin-left:0;
	background-color: #fff;
}
.voice_img{
	width:100%;
	float: left;
	height:320px;
	overflow: hidden;
	
}
.voice_img img{
	object-fit: cover;
  width: 100%;
  height: 100%;
}
.voice-1 h1{
	width:100%;
	float: left;
	color:#37952F;
	text-align: left;
}
.voice-1 p{
	width:100%;
	float: left;
	color:#000;
	text-align: left;
}
.voice-2{
	float:left;
	width : 100%; /* 未対応ブラウザ用フォールバック */
	margin-left:0;
}
.voice-2 h1{
	width:100%;
	float: left;
	color:#37952F;
	text-align: left;
}
.voice-2 p{
	width:100%;
	float: left;
	color:#000;
	text-align: left;
}
.voice_year{
	font-size: 16px;
	font-weight: 600;
	margin-left:10px;
}
	
.voice .box{
	width:100%!important;
	min-width:100%;
	max-width: 100%;
	padding:0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -10px!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -10px!important;
}
.swiper-container {
    margin-right:0!important;
    margin-left:0!important;
	min-height:660px;
	height:auto;
	background-color: #fff;
}
	
	
.saiyo .btn_sty {
	padding: 1.5vw 1.5vw;
	font-size: 1.6vw!important;
	margin-bottom:20px;
}
	
	
	
} /* End Media 760px */
	

@media screen and (max-width:560px) {

/* gaiyo
---------------------------------------------------------- */
.gaiyo{
	min-height:240px;
	width:100%;
}
.gaiyo-1, .gaiyo-2, .gaiyo-3{

}	
.gaiyo:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyo-1{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:300px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-1{
	animation: gaiyo-1 1s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-1 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-1 img{
	position: absolute;
	top:-57px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-1:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-1 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-2{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:300px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-2{
	animation: gaiyo-2 2s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-2 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-2 img{
	position: absolute;
	top:-55px;
	left:0px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-2:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-2 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
.gaiyo-3{
	float:left;
	width : 100%px; /* 未対応ブラウザ用フォールバック */
	height:300px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.active-3{
	animation: gaiyo-3 3s cubic-bezier(0.25, 1, 0.5, 1)  forwards;
}
@keyframes gaiyo-3 {
       0%{ width: 0%;}
       100%{width: 100%;}
       }
.gaiyo-3 img{
	position: absolute;
	top:-56px;
	left:0px;
	z-index: 1;
	transition-duration: 0.5s;
}
.gaiyo-3:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.gaiyo-3 h1{
	position: absolute;
	background-color: #fff;
	color:#37952F;
	font-weight: 600;
	bottom:0px;
	left:0px;
	z-index: 2;
	margin:0;
	width:60%;
	padding:3px 0 0 10px!important;
	font-size: 16px;
}
@keyframes slideIn_ji {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
	
	
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -10px!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -10px!important;
}
.swiper-container {
    margin-right:0!important;
    margin-left:0!important;
	xxxmin-height:650px;
	min-height:auto;
	background-color: #fff;
}
	
}
	

	
/* header 
---------------------------------------------------------- */
/* @media screen and (max-width:399px) {

header #h_top {
	padding: 2vw 0;
	height:38px;
}
.menu-ico {
    position: absolute;
    width: 34px;
    height: 34px;
    right: 4%;
    top: 1.4vh;
    cursor: pointer;
}
	
.swiper-container {
    margin-right:0!important;
    margin-left:0!important;
	min-height:820px;
	background-color: #fff;
}	
	
} */