/* Footer */
footer {
  line-height: 1.6em;
  background-color: rgba(49, 82, 96, 0.7);
  text-align: center;
  color: #FFF; }
  footer .font-b {
    font-weight: 700; }
  footer a {
    text-decoration: underline; }
  footer .f-info {
    padding: 30px 0 0;
    font-size: 1.4rem; }
    @media screen and (max-width: 768px) {
      footer .f-info {
        padding: 20px 0 0; } }
    footer .f-info .inner-info {
      display: inline-block;
      text-align: justify;
      padding: 0 0 30px;
      width: 90%;
      max-width: 900px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        footer .f-info .inner-info {
          padding: 0 0 20px; } }
      footer .f-info .inner-info p {
        font-weight: 700;
        font-size: 1.8rem; }
      footer .f-info .inner-info ul {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap; }
        footer .f-info .inner-info ul li {
          margin-right: 40px; }
          footer .f-info .inner-info ul li:last-child {
            margin-right: 0; }
          @media screen and (max-width: 768px) {
            footer .f-info .inner-info ul li {
              width: 100%;
              margin-right: 0;
              margin-top: 10px; } }
      footer .f-info .inner-info dl {
        display: flex;
        flex-wrap: wrap; }
        footer .f-info .inner-info dl dt {
          width: 8em;
          padding: 3px 0; }
        footer .f-info .inner-info dl dd {
          width: calc(100% - 8em);
          padding: 3px 0; }
    footer .f-info #copy {
      text-align: center;
      width: 100%;
      font-size: 1.2rem;
      background-color: rgba(26, 60, 86, 0.8);
      color: #FFF;
      padding: 10px 0; }