@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: 8px 35px;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	background-color:#10AF9E;
	border-color:#10AF9E;
	border-width:3px;
	border-style:solid;
	margin:0 auto;
	display: inline-block;

/* -- ボタンっぽく*/
width:calc((90% - 6px)) !important;
margin:0 0 3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 3px 0px #1A7B70;
-webkit-box-shadow:0px 3px 0px #1A7B70;
box-shadow:0px 3px 0px #1A7B70;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#ff125850,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#ff125850,Positive=true);
padding:10px 5% 10px 5% !important;
display:block !important;
/* -- ボタンっぽく*/


}
.bt_01:hover{
	background-color:#FFF;
	color: #10AF9E!important;
	text-decoration:none;
}

/*緑のボタン*/
.bt_02{
	
	text-decoration:none !important;
	transition: 0.5s;
	display: block;
	color:#FFF !important;
	padding: 14px 35px;
	text-align:center;
	font-size: 22px;
	font-weight:bold;
	background-color:#006CB7;
	border-color:#006CB7;
	border-width:3px;
	border-style:solid;
	margin:0 auto;
	display: inline-block;
}
.bt_02:hover{
	background-color:#FFF;
	color: #006CB7!important;
	text-decoration:none;
}

.bt_w100{ width: calc((100% - 70px)); }


/*aoのボタン*/
.bt_03{
	text-decoration:none !important;
	transition: 0.5s;
	color:#FFF !important;
	padding: 8px 35px;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	background-color:#006CB7;
	border-color:#006CB7;
	border-width:3px;
	border-style:solid;

	display: inline-block;

/* -- ボタンっぽく*/
margin:0 0 3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 5px 0px rgb(1,70,116);
-webkit-box-shadow:0px 5px 0px rgb(1,70,116);
box-shadow:0px 5px 0px rgb(1,70,116);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=5,Color=#ff014674,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=5,Color=#ff014674,Positive=true);
padding:10px 5% 10px 5% !important;
/* -- ボタンっぽく*/

}
.bt_03:hover{
	background-color:#FFF;
	color: #006CB7!important;
	text-decoration:none;
}



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




.bt_01{
width:calc((90% - 6px)) !important;
margin:0 0 3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 3px 0px #1A7B70;
-webkit-box-shadow:0px 3px 0px #1A7B70;
box-shadow:0px 3px 0px #1A7B70;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#ff125850,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#ff125850,Positive=true);
padding:10px 5% 10px 5% !important;
display:block !important;
}


}