/* footer */
#footer {padding: 75rem 0 80rem;margin-top: 110rem; background-color: #707C71; color: #fff; font-size: 11rem;line-height: 1.4;} 
#footer .device-pc > div > div:nth-child(2) {margin-left: auto;}
#footer .wrap-large {padding: 0 100rem;}
.footer-title {display: block; margin-bottom: 17rem;font-size: 14rem;font-weight: 500;}
.footer-flex {display: flex;}
.footer__logo {margin-bottom: 40rem;width: 175rem;font-size: 0;}
.footer__logo img {width: 100%;filter: invert(64%) sepia(7%) saturate(322%) hue-rotate(76deg) brightness(110%) contrast(85%);}
.footer__link {margin-bottom: 25rem;}
.footer__link > li {display: inline-block;font-weight: 500;}
.footer__link > li~li::before {content: "";display: inline-block;width: 1rem;height: 8rem;background: #fff;margin: 0 11rem;}
.footer__info {margin-bottom: 15rem;}
.footer__info p {display: inline-block;padding-right: 5rem;line-height: 1.615;}
.footer__copy {opacity: .8;font-weight: 300; font-size: 10rem;}
.footer__cs-phone {margin-bottom: 6rem;}
.footer__community {margin-left: 56rem;}
.footer__community > ul {}
.footer__community > ul > li {margin-bottom: 5rem;}
.footer__sns {margin-left: 76rem;}
.footer__sns > ul {display: flex;align-items: center; gap: 10rem;}
.footer__sns > ul > li > a > img {height: 11rem;filter: invert(1) brightness(10);}



@media all and (max-width:1023px) {
  #footer .wrap-large {padding: 0 50rem;} 
  .footer__community,
  .footer__sns {margin-left: 50rem;}
}

@media all and (max-width:860px) {
  #footer {padding: 75rem 0 40rem;}
  #footer .device-pc {display: none;}
  #footer .device-mo {display: block;}
  #footer .wrap-large {padding: 0 20rem;} 
  
  .footer-title {margin-bottom: 10rem;}
  .footer__logo {width: 170rem;margin-bottom: 34rem;}
  .footer__cs {width: 50%;}
  .footer__cs-time {line-height: 1.615;}
  .footer__link {margin: 60rem 0 20rem;}

  .footer__info {margin-bottom: 15rem;}
  .footer__info-toggle {display: flex;align-items: center;cursor: pointer;}
  .footer__info-toggle > svg {width: 10rem;margin-left: 7rem;vertical-align: middle;}
  .footer__info-toggle.on > svg {transform: rotate(180deg);}
  .footer__info-content {padding: 5rem 0 0;display: none;}
  .footer__copy {margin-bottom: 25rem;}
  .footer__sns {margin-left: 0;}
  .footer__sns > ul {gap: 15rem;}
  .footer__sns > ul > li > a > img {height: 9rem;}
}

@media all and (max-width:660px) {
  #footer .wrap-large {padding: 0 15rem;} 
}





.fixed-menu { position: fixed; right: 20rem; bottom: 20rem; z-index: 10; display: none; transition: bottom 0.4s; } 
.fixed-menu.up { bottom: 85rem; } 
.fixed-menu > ul { } 
.fixed-menu > ul > li { width: 46rem; height: 46rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0rem 0rem 16rem rgb(50 50 50 / 12%); margin-bottom: 8rem; font-size: 0; } 
.fixed-menu > ul > li:last-child { margin-bottom: 0; } 
.fixed-menu > ul > li.top,
.fixed-menu > ul > li.bottom { background: #fff; } 
.fixed-menu > ul > li.top svg { transform: rotate(180deg); } 

@media all and (max-width:767px){
  .fixed-menu { right: 10rem; bottom: 10rem; } 
  .fixed-menu.up { bottom: 55rem; } 
  .fixed-menu > ul { } 
  .fixed-menu > ul > li { width: 35rem; height: 35rem; } 
}
