@charset "utf-8";
 .side_fixed_bnr {
display: none;
}
@media screen and (max-width: 767px) {
.side_fixed_bnr {
display: none !important;
}
}
.side_fixed_ul {
position: fixed;
top: 40%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
right: 0;
z-index: 10000;
}
.side_fixed_li {
margin-bottom: 40px;
}
.side_fixed_li a {
display: flex;
writing-mode: vertical-lr;
background-color: #a9d18e;
padding: 25px 10px 50px 10px;
color: #fff;
font-size: 22px;
border-radius: 10px 0px 0px 10px;
letter-spacing: 0.1em;
text-decoration: none;
border: 1px solid #a9d18e;
transition: 0.3s;
}
@media screen and (max-width: 767px) {
.side_fixed_li a {
font-size: 16px;
}
}
.side_fixed_li a:hover {
color: #a9d18e;
background-color: #fff;
border-right: 1px solid #fff;
}
.side_fixed_li a:hover img {
background: none;
}
.side_fixed_btnArea {
position: fixed;
right: 20px;
bottom: 150px;
z-index: 10000;
}
.side_fixed_btn {
width: 6.3em;
height: 6.3em;
margin-bottom: 40px;
font-size: 14px;
line-height: 1;
letter-spacing: 0.1em;
color: #fff;
background-color: #ff9900;
border: 1px solid #ff9900;
border-radius: 50%;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.side_fixed_btn:hover {
color: #ff9900;
background-color: #fff;
}
.side_fixed_btn .fa-solid {
margin-bottom: 0.3em;
font-size: 20px;
}