@charset "UTF-8" ;

/* --- フッター --- */
    .site-footer{
      position: relative;
      color: #dcdcdc;
      font-size: 12px;
      line-height:1;
      border-top: 3px solid #b9cfe0; /* 上部の細いライン */
      overflow: hidden;
    }

    /* 背景画像 */
    .site-footer::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url("images/footer-bg.jpg"); /* ←ここに画像パスを指定 */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.4; /* 画像の透け具合（0に近いほど暗くなる） */
      z-index: 0;
    }

    /* 半透明の黒いオーバーレイ（文字を読みやすく） */
    .site-footer::after {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1;
    }

    .site-footer__inner{
      position: relative;
      z-index: 2; /* 背景より前に表示 */
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .site-footer__company{
      text-align:center;
      font-family: "Playfair Display", serif;
      font-weight:600;
      font-size:13px;
      letter-spacing:0.02em;
      opacity:0.95;
    }

    @media (min-width:840px){
      .site-footer__inner{
        padding: 24px 40px;
      }
    }
    @media (max-width:420px){
      .site-footer__inner{ padding: 16px 12px; }
      .site-footer__company{ font-size:12px; }
    }