/*-------------------------------------
訴求ボタンアニメーション
--------------------------------------*/
.center{
	text-align:center;
}
.button1_wrap{
	text-align:center;
	width:100%;
}
.key .button1_wrap{
	position:absolute;
	bottom:1%;
}
.anihv img ,.anihv2 img {
	max-width:100%;
	width:auto;
	height:auto;
}
a.anihv {
	text-align: left;
	position: relative;
	width: 100%;
	display: block;
	margin: auto;
	max-width: 750px;
	margin-left: -5%;
}
a.anihv2{
	text-align: left;
	position: relative;
	width: 100%;
	display: block;
	margin: auto;
	max-width: 750px;
	margin-left: -5%;
}
a.anihv img ,a.anihv2 img {
	width:100%;
	max-width:750px;
	height:auto;
	display:block;
	margin:0 auto;
	border:none;
	transition:all 0.5s ease;
	margin-left: -1.5%;
	margin-top: -30.5%;
}
a.anihv:hover img ,a.anihv2 :hover img {
	width:100%;
	max-width:850px;
	opacity:0.8;
	margin-top:-1.5%;
}
a.anihv.mini img{
	width:95%;
	max-width:548px;
	height:auto;
	display:block;
	margin:0 auto;
	border:none;
	transition:all 0.5s ease;
}
a.anihv.mini:hover img{
	width:100%;
	max-width:578px;
	opacity:0.8;
	margin-top:-1.5%;
}
.arrow-btn{
	background:url(images/bt-arrow01.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:50%;
	height:27%;
	position:absolute;
	top:-4%;
	left:23%;
	overflow:visible;
	margin-top: -2%
}
.arrow-btn2 {
	background:url(images/arrow2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	bottom:-1.5%;
	left:-1.5%;
	overflow:visible;
}
.button1_wrap .arrow-btn{
	left:-4%;
}
.mini .arrow-btn{
	background:url(images/arrow2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	overflow:visible;
}