@charset "utf-8";
/* CSS Document */
.btn06{
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	background:#522807; /* 9e9e9f */
	color: #fff;
    padding: 10px 40px 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .0s;
}

.btn06:hover{
	background:rgba(150,195,95,0.3); /* 5b5b5b */
	color: #333;
}
.cbBox .btn06 {
	 color: #333!important;
}
.cbBox .btn06:hover {
	background-color: #999;
	color: #ffffff!important;
}

/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
	border-top: 2px solid #522807;
    border-right: 2px solid #522807;
}
/*---------------------------------------------
financial.html .financialNaviBox
===============================================*/
.financialNaviBox .btn06 {
	background-color: #ccc;
}
/* 矢印が右に移動 */
.financialNaviBox .btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
.financialNaviBox .btn06:hover{
	background:#535353; /* 5b5b5b */
	color: #fff;
}
/*hoverした際の移動*/
.financialNaviBox .btnarrow1:hover::after{
    right: 11px;
	border-top: 2px solid #afd034;
    border-right: 2px solid #afd034;
}
/*---------------------------------------------
#sec-Contact btn
===============================================*/
#sec-Contact .btn06{
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	color:#fff;
	width: 100%;
    padding: 15px 40px 15px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .0s;
}

#sec-Contact .btn06.btn-contactDrone:hover{
	background:#afd034; /* 5b5b5b */
	color: #000;
}
#sec-Contact .btn06.btn-contactSecurity:hover{
	background:#4e454a; /* 5b5b5b */
	color: #fff;
}
/* 矢印が右に移動 */

#sec-Contact .btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
#sec-Contact .btnarrow1:hover::after{
    right: 11px;
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}