@charset "UTF-8";
.pc{
display: block;
}

.mobile {
display: none;
}

.fix_footer li{
list-style: none;
}

.fix_footer {
background-color: #fff;
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
width: 100%;
}


.fix_footer .inner {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 900px;
margin: 0 auto;
}

.fix_footer .fix_footer-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-around;
height: 80px;
}

.fix_footer .fix_footer-list li {
width: 320px;
padding: 0 8px;
}

footer {
padding-bottom: 120px!important;
}

@media screen and (max-width: 767px) {
.pc {
display: none;
}

.mobile{
display: block;
}

.fix_footer {
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
width: 100vw;
padding: 5px;
background: rgb(255,255,255,.8);
box-shadow: 0 5px 20px rgba(38, 38, 38, .2);
}

.fix_footer .inner {
width: 100%;
margin: 0 auto;
}

.sp-fix ul {
margin: 0 ;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.sp-fix li {
width: 50%;
padding: 4px;
}

footer {
padding-bottom: 90px!important;
}
}