@charset "utf-8";


/*---------------------------------------------
 **  PC用
---------------------------------------------*/
/*サイト共通パーツ設定*/

.animation {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
 -webkit-transition: all .3s; 	transition: all .3s;
}

.animation:hover {
	-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
 -webkit-transition: all .3s; transition: all .3s;
}

/*ボタン*/
.bt_01{
	text-decoration:none !important;
	transition: 0.5s;
	display: block;
	color:#FFF !important;
	padding: 13px 35px ;
	text-align:center;
	font-size: 20px;

	border:3px solid #FFF;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	margin:0 auto;
	display: inline-block;
	font-family: FontAwesome;
	content:"\f330";
}
.bt_01:hover{
	background-color:rgba(255,255,255,0.7);
	color: #535362!important;
	text-decoration:none;

}
.bt_01:hover::after { display:none;}

.btn_color_blue {
background:#4E8BC1 ; 

}

.btn_color_blue:hover{
background:#4E8BC1 ;
opacity:0.5; 
color:#FFF !important;

}


/*---------------------------------------------
 **  SP用
---------------------------------------------*/
@media screen and (max-width: 740px) {
.bt_01{	 font-size:14px; text-align: center;}

.bt_01{
width:calc((90% - 6px)) !important;
margin:0 0 0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/* Firefox v3.5+ */

padding:6px 5% 7px 5% !important;
display:block !important;
}


}




