@charset "utf-8";

/*矢印が右に移動して背景がつく*/

.btnarrow5{
    /*アニメーションの指定*/
    transition: all .2s linear;
}

.btnarrow5:hover{
	color:#ad976e;
}

/*矢印と下線の形状*/
.btnarrow5::before{
	content:"";
    /*アニメーションの指定*/
    transition: all .2s linear;
}

.btnarrow5::after{
	content:"";
    /*アニメーションの指定*/
    transition: all .2s linear;
}

/*hoverした際の移動*/
.btnarrow5:hover::before{
	right:-3rem;
    border: 0.1rem solid #ad976e;
}

.btnarrow5:hover::after{
	right:-2.5rem;
}

/* @media screen and (max-width:480px){
 
} */