/* Footer */
footer {
  position: relative;
  background-image: url("../images/foot-bg.webp");
  background-size: auto;
  /*background-repeat: no-repeat;*/
  background-position: center top;
  padding: 0; }
  @media screen and (max-width: 768px) {
    footer {
      background-size: cover;
      padding: 0; } }
  @media screen and (max-width: 480px) {
    footer {
      padding: 0; } }
  footer .f-info {
    padding: 160px 0;
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 1140px) {
      footer .f-info {
        width: 90%; } }
    @media screen and (max-width: 768px) {
      footer .f-info {
        padding: 100px 0; } }
    @media screen and (max-width: 480px) {
      footer .f-info {
        padding: 60px 0; } }
    footer .f-info .f-logo-area {
      width: 450px; }
      @media screen and (max-width: 1140px) {
        footer .f-info .f-logo-area {
          width: 45%; } }
      @media screen and (max-width: 768px) {
        footer .f-info .f-logo-area {
          width: 100%; } }
      footer .f-info .f-logo-area .f-logo {
        width: 70%;
        margin: 0 auto 30px; }
        @media screen and (max-width: 768px) {
          footer .f-info .f-logo-area .f-logo {
            width: 290px; } }
        @media screen and (max-width: 480px) {
          footer .f-info .f-logo-area .f-logo {
            width: 220px; } }
      footer .f-info .f-logo-area .f-info-box {
        border-top: 1px solid #675644;
        border-bottom: 1px solid #675644;
        padding: 20px 1em;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        font-size: 1.2em; }
        footer .f-info .f-logo-area .f-info-box dt {
          width: 50px;
          padding: 10px 0; }
        footer .f-info .f-logo-area .f-info-box dd {
          padding: 10px 0;
          width: calc(100% - 60px); }
          footer .f-info .f-logo-area .f-info-box dd.tel {
            font-size: 1.2em;
            font-weight: 700; }
      footer .f-info .f-logo-area .f-info-text {
        margin: 0 1em;
        padding-left: 7em;
        text-indent: -7em; }
    footer .f-info .f-photo {
      width: 600px; }
      @media screen and (max-width: 1140px) {
        footer .f-info .f-photo {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        footer .f-info .f-photo {
          width: 94%;
          margin-top: 30px; } }
  footer .link-copy {
    background-color: #675644;
    color: #FFF;
    text-align: center;
    font-size: 1.4rem;
    padding: 15px 4%; }