footer {
  background-color: #fff;
  font-size: 0.9rem;
  line-height: 0.9rem;
  overflow-x: hidden;
  font-family: 'Kosugi', sans-serif;
}

footer em {
  font-style: normal;
}

footer .footer-inner {
  min-width: 320px;
  margin: 0 auto;
  padding-top: 22.5px;
}

footer .footer-top .menutop a {
  line-height: 1;
  width: 100%;
  display: block;
  padding: 12px 0;
}

footer .footer-top .menutop:after {
  display: block;
  content: '';
  clear: both;
}

footer .footer-top .menutop li {
  width: 50%;
  height: 35px;
  border-left: solid 1px #c8c8c8;
  border-top: solid 1px #c8c8c8;
}

footer .footer-top .menutop li.footer-menu01,
footer .footer-top .menutop li.footer-menu03 {
  float: left;
  text-align: right;
}

footer .footer-top .menutop li.footer-menu01 a,
footer .footer-top .menutop li.footer-menu03 a {
  padding-right: 37.5px;
}

footer .footer-top .menutop li.footer-menu02,
footer .footer-top .menutop li.footer-menu04 {
  float: right;
  border-right: solid 1px #c8c8c8;
  text-align: left;
}

footer .footer-top .menutop li.footer-menu02 a,
footer .footer-top .menutop li.footer-menu04 a {
  padding-left: 50px;
}

footer .footer-top .menutop li.footer-menu04 a {
  padding-left: 60px;
}

footer .footer-top .footlogo {
  border: solid 1px #c8c8c8;
  text-align: center;
}

footer .footer-top .footlogo a {
  display: block;
  width: 100%;
}

footer .footer-top .footlogo .sp {
  padding: 10px 0 9px 0;
}

footer .footer-bottom .footer-inner {
  width: 320px;
  margin: 0 auto;
  padding-top: 22.5px;
  text-align: center;
}

footer .footer-bottom a {
  color: #221815;
  text-decoration: none;
  border-bottom: solid 1px #716e6d;
}

footer .footer-bottom li {
  display: inline-block;
}

footer .footer-bottom li.footer-menu05 {
  padding-right: 12.5px;
  margin-bottom: 12.5px;
  border-right: solid 1px #d4d3d3;
}

footer .footer-bottom li.footer-menu06 {
  padding-left: 12.5px;
  margin-bottom: 15px;
}

footer .footer-bottom li.footer-menu07 {
  padding-right: 12.5px;
  margin-bottom: 15px;
  border-right: solid 1px #d4d3d3;
}

footer .footer-bottom li.footer-menu08 {
  padding-left: 12.5px;
  margin-bottom: 15px;
}

footer .footer-bottom li:last-of-type {
  padding: 0 0 22px 0;
}

footer .footer-bottom li:last-of-type a {
  border-bottom: none;
}

  .sp {
    display: inline-block;
  }

 .pc {
    display: none;
  }

@media screen and (min-width: 768px) {
  footer {
    line-height: 1;
  }
  footer .footer-top, footer .footer-bottom {
    width: 100%;
  }
  footer .footer-top .footer-inner, footer .footer-bottom .footer-inner {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  footer .footer-top .footer-inner a, footer .footer-bottom .footer-inner a {
    border-bottom: none;
    padding: 0;
  }
  footer .footer-top .footer-inner .menutop, footer .footer-bottom .footer-inner .menutop {
    float: left;
    width: 470px;
  }
  footer .footer-top .footer-inner .menutop:after, footer .footer-bottom .footer-inner .menutop:after {
    display: none;
  }
  footer .footer-top .footer-inner li, footer .footer-bottom .footer-inner li {
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
  }
  footer .footer-top .footer-inner li.footer-menu01, footer .footer-bottom .footer-inner li.footer-menu01 {
    padding-right: 0;
    margin-bottom: 0;
    border-right: none;
  }
  footer .footer-top .footer-inner li.footer-menu02, footer .footer-bottom .footer-inner li.footer-menu02 {
    padding-left: 0;
    margin-bottom: 0;
    border-right: none;
  }
  footer .footer-top .footer-inner li.footer-menu03, footer .footer-bottom .footer-inner li.footer-menu03 {
    padding-right: 0;
    margin-bottom: 0;
    border-right: none;
  }
  footer .footer-top .footer-inner li.footer-menu04, footer .footer-bottom .footer-inner li.footer-menu04 {
    padding-left: 0;
    margin-bottom: 0;
    border-right: none;
  }
  footer .footer-top .footer-inner li:last-of-type, footer .footer-bottom .footer-inner li:last-of-type {
    padding-bottom: 0;
  }
  footer .footer-top .footer-inner li:last-of-type a, footer .footer-bottom .footer-inner li:last-of-type a {
    border-bottom: none;
  }
  footer .footer-top .footer-inner:nth-of-type(2n + 2), footer .footer-bottom .footer-inner:nth-of-type(2n + 2) {
    padding-left: 0;
  }
  footer .footer-top .footlogo, footer .footer-bottom .footlogo {
    border: none;
  }
  footer .footer-top {
    padding-top: 47px;
    box-sizing: border-box;
    background-color: #fff;
  }
  footer .footer-top:after {
    display: block;
    content: '';
    clear: both;
  }
  footer .footer-top .fInner .menutop {
    margin-top: 6px;
  }
  footer .footer-top .fInner .menutop li {
    float: left;
  }
  footer .footer-top .fInner .menutop li:nth-of-type(2n + 1) a {
    padding-right: 0;
  }
  footer .footer-top .fInner .menutop li:nth-of-type(2) a {
    padding-left: 0;
  }
  footer .footer-top .fInner .menutop li:nth-of-type(4) a {
    padding-left: 0;
  }
  footer .footer-top .fInner .footlogo {
    float: right;
    width: 137px;
  }
  footer .footer-bottom {
    background-color: #eeeeee;
  }
  footer .footer-bottom ul {
    overflow: hidden;
  }
  footer .footer-bottom ul li {
    float: left;
  }
  footer .footer-bottom ul li.footer-menu05, footer .footer-bottom ul li.footer-menu06, footer .footer-bottom ul li.footer-menu07, footer .footer-bottom ul li.footer-menu08 {
    margin-bottom: 0;
  }
  footer .footer-bottom ul:after {
    display: block;
    content: '';
    clear: both;
  }
  footer .footer-bottom .copyright {
    float: right;
    width: 184px;
  }

 .sp {
    display: none;
  }
  .pc {
    display: inline-block;
  }


}