@media only screen and (max-width: 575px) {
  #header .container-fluid {
    padding-left: 15px;
  }

  #site-logo img {
    height: 40px;
  }

  #header-nav ul li {
    padding: 0;
  }

  #header-nav ul li a {
    padding: 8px;
  }

  #site-header-region {
    margin-top: 0;
  }

  #header-hambuger-menu .navbar-toggle {
    padding: 7px 15px;
  }

  #menu-global .menu-global-content,
  #menu-main-nav .main-nav-content {
    width: 100%;
  }

  #footer-top {
    padding-top: 20px;
  }

  #footer-logo {
    margin-bottom: 30px;
  }

  #footer-bottom {
    padding-top: 15px;
    padding-bottom: 30px;
  }

  #block-footer-copyright {
    float: none;
  }

  #block-footer-copyright ul {
    flex-direction: column;
  }

  #block-footer-copyright ul li {
    margin: 0 0 20px 0;
  }

  #block-footer-social-links {
    float: none;
  }

  .form-group .form-text {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }

  .form-charge-bottom .bottom-desc {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: center;
  }

  #block-join-the-charge {
    padding-top: 48px;
    padding-bottom: 40px;
  }

  #block-join-the-charge .message-confirm .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  #block-join-the-charge .message-confirm .description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  #block-join-the-charge .form-submit {
    margin-top: 19px;
  }

  #block-join-the-charge .block-title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.04em;
    padding-top: 0;
  }

  #block-join-the-charge .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }

  #block-join-the-charge .footnote .description {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
    margin-top: 60px;
    text-align: left;
  }

  #menu-global .menu-global-content {
    width: 100%;
  }

  #menu-global .menu-global-content ul li span {
    font-size: 28px;
  }

  #menu-global .menu-global-content ul ul li span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 480px) {
  #footer {
    margin-top: -50px;
  }

  #footer .divider-footer {
    background: url("../images/divider-footer-sp.svg") no-repeat scroll 0 0 transparent;
    background-size: cover;
    height: 56px;
  }

  #footer .container-fluid {
    padding-left: 40px;
  }
}