@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{
  color:#FFF !important;
  display: inline-block;
  font-size: 1.8rem;
  text-align:center;
  padding: 1.3rem 4.5rem;
  position:relative;
  text-decoration:none !important;
  transition: 0.5s;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
.bt_01:hover{opacity:0.5;color: #FFF!important;}


.bt_01 span { position: relative;}
.bt_01 span:after{ width: 10px; height: 10px; position: absolute; top: 8px; right: -23px; background: url( ../img/common/icon_01.png) no-repeat; background-size:100%; content: ''; }

.icon_01 span:after{ background: url( ../img/common/icon_01.png) no-repeat; background-size:100%; }
.icon_02 span:after{ background: url( ../img/common/icon_02.png) no-repeat; background-size:100%; }
.icon_03 span:after{ background: url( ../img/common/icon_03.png) no-repeat; background-size:100%; }


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

.bt_01{/* width:calc((100%)) !important; */margin:0 0 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
/* Firefox v3.5+ */padding: 11px 5% 11px 5% !important;display:block !important;}
.bt_01:after{right: 1.0rem;}


}