.request_btn{
text-align: center;
width: 90%;
background:#ffffff;
padding: 20px 0;
text-decoration: none;
font-weight: bold;
font-size: 130%;
margin: 20px auto 50px;
position: relative;
transition: .3s;
}
.request_btn i{
position: absolute;
color: white;
right: 10px;
font-size: 160%;
}
.btn_blue:hover{
opacity: 1;
background-image: linear-gradient(45deg, #007C9A 0%, #3EAFCD 100%);
color: #ffffff;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1);
transform: translateX(5px);
border-radius: 50px;
}
.btn_blue{
color: #35A3D1;
border: 2px solid #35A3D1;
box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
text-decoration: none;
}
.btn_pink:hover{
opacity: 1;
background-image: linear-gradient(45deg, #D1355B 0%, #E386B1 100%);
color: #ffffff;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1);
transform: translateX(5px);
border-radius: 50px;
}
.btn_pink{
color: #D1355B;
border: 2px solid #D1355B;
box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
text-decoration: none;
}
.btn_poco{ 
border-radius: 30px;
box-shadow:7px 7px 10px #C9CBCD,-8px -8px 12px rgba(219,240,245,0.10);
border:1px solid #e9eaf1;
background: -webkit-gradient(linear,
left top,
left bottom,
from(#007C9A),
to(#dcddde)
);
background: -webkit-linear-gradient(top, #007C9A 0%, #dcddde 100%);
background: linear-gradient(180deg, #C0E5EE 0%, #A5CBD4 100%);
-webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
 0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1);
width:70%;
color: #007C9A;
font-weight:bold;
cursor: pointer;
text-align: center;
padding: 15px 10px;
text-decoration: none;
font-size: 120%;
margin: 50px auto 50px;
transition: .3s;
}
.btn_poco:hover{
-webkit-box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
inset 0 3px 3px rgba(0, 0, 0, 0.18);
box-shadow: -1px -5px 6px rgba(0, 0, 0, 0.2), 3px 3px 5px white,
0 10px 10px rgba(0, 0, 0, 0.1), inset 0 -4px 5px rgba(0, 0, 0, 0.1),
inset 0 3px 3px rgba(0, 0, 0, 0.18);
background: linear-gradient(180deg, #C0E5EE 0%, #8ABBC7 100%);
}
.btn_poco span{
display: inline-block;
 -webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_poco:hover span {
-webkit-transform: scale(0.96);
transform: scale(0.96);
color: #006179;
}
/*矢印*/
.arow_con{
position:relative;
width:100%;
height:150px;
}
/*矢印*/
.cp_arrows {
position: relative;
display: flex;
margin: 4em auto 2em;
justify-content: center;
align-items: center;
}
.cp_arrows .cp_arrow {
position: absolute;
top: calc(50% - 25px);
left: 50%;
width: 40px;
height: 40px;
}
.cp_arrows .cp_arrow::before,
.cp_arrows .cp_arrow::after {
position: absolute;
display: block;
width: 3px;
height: 30px;
content: '';
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
transform: translate(-50%, -50%) rotateZ(-60deg);
transform-origin: bottom right;
border-radius: 10px;
background: #007C9A;
}
.cp_arrows .cp_arrow::after {
-webkit-transform: translate(-50%, -50%) rotateZ(60deg);
transform: translate(-50%, -50%) rotateZ(60deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.cp_arrows .cp_bounce {
-webkit-animation: arrow-move09 2s infinite ease-in-out;
animation: arrow-move09 2s infinite ease-in-out;
}
@-webkit-keyframes arrow-move09 {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
48% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes arrow-move09 {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
48% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
/*矢印ここまで*/
@media screen and (max-width: 479px) {
.request_btn{
font-size: 115%;
margin: 20px auto 30px;
}
.request_btn i{
font-size: 130%;
}
.btn_poco{
width: 85%;
}	
}