@charset "UTF-8";

/* Layout
 *********************************** */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-size: 1.4rem;
  color: #333;
}

/* Page Footer
 *********************************** */
.page-footer {
  line-height: 1.5;
  font-family: 'M PLUS 1p', 'Helvetica Neue',
    Arial,
    'Hiragino Kaku Gothic ProN',
    'Hiragino Sans',
    Meiryo,
    sans-serif;
  font-size: 16px;
  color: rgba(255, 255, 255, .9);
  background: #333;
}

.page-footer-container-wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 576px;
}

@media (min-width: 768px) {
  .page-footer-container-wrapper {
    max-width: 992px;
  }
}

.page-footer__nav-list {
  margin-top: 2.4rem;
  color: #9a9a9a;
}

.page-footer__nav-list .item {
  margin-top: 1.2rem;
  margin-right: 6px;
  margin-left: 6px;
}

@media (min-width: 768px) {
  .page-footer__nav-list {
    margin-top: 1.2rem;
  }

  .page-footer__nav-list .item {
    margin-right: 12px;
    margin-left: 12px;
  }
}

.page-footer__copyright {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}

.page-footer__nav-line {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #5c5c5c;
}