/** Shopify CDN: Minification failed

Line 99:0 Expected "}" to go with "{"

**/
/* ボタン */

    .link-button {
        display: inline-block;
        padding: 15px 20px;
        text-decoration: none !important;
        min-width: 150px;
        max-width: 100%;
        width: 70%; /* 初期幅は親要素の80% */
        text-align: center; /* 文字中央寄せ */
        box-sizing: border-box; /* パディング込みの幅計算 */
        transition: 0.3s; /* ← 変化をスムーズに */
        border-radius: 5px; /* ← 角の丸み */

    }

    .link-button-primary {
        background-color: #ceb88d;
        color: #00073f;
    }

.link-button-primary:hover {
    background-color: #e8dabe; /* ← マウスオンで色を変える */
}

    /* 画面幅が768px以上のとき（タブレット・PC） */
    @media (min-width: 768px) {
        .link-button {
            width: 400px; /* 固定幅にする例 */
        }
    }

    /* 画面幅が480px以下のとき（スマホ） */
    @media (max-width: 480px) {
        .link-button {
            width: 100%; /* より幅を広げてスマホで押しやすくする */
        }
    }


.background-navy{
 background-color: #00073f;
 color: #fff !important;
 padding: 0 16px 50px ;
}

.h2-white{
 color: #fff !important;
 margin-top: 0 !important;
 text-align: center;
 padding-top: 4rem; 
}

.text-1{
  text-align: center;
  font-weight: bold;
  font-size: 2rem !important;
}

  hr {
  border: none;        /* デフォルトの立体ラインを消す */
  border-top: 2px solid #fff; /* 白いラインに変更 */
  margin: 2rem 0;      /* お好みで余白 */
}

.image-wrap {
  position: relative;
  width: 100%;
  max-width: 400px;  /* PC時の最大幅 */
  margin: 3rem auto;    /* 中央揃え */
}

/* 画像の比率 4:3 を維持 */
.image-wrap img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;  /* 比率指定 */
  object-fit: cover;    /* トリミングしたくなければ contain に変更 */
}

/* スマホ */
@media (max-width: 767px) {
  .image-wrap {
    max-width: 100%; /* スマホは横幅いっぱい */
  }
}

  @media screen and (min-width: 768px) {
  .background-navy {
    padding: 0 80px 50px;
  }