html, body { overflow-x: hidden; }

/* アンカー位置補正（sticky ヘッダー分） */
.anchor-section { scroll-margin-top: 88px; }

/* モバイルメニュードロワー */
#mobile-nav {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#mobile-nav.is-open {
  opacity: 1;
  pointer-events: auto;
}
#mobile-nav > div:last-child {
  transform: translateX(24px);
  opacity: 0;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              opacity 0.3s ease;
}
#mobile-nav.is-open > div:last-child {
  transform: translateX(0);
  opacity: 1;
}
.product-nav-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-nav-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,0.1); }
.product-detail-section { scroll-margin-top: 100px; }
.fusen-1 {
    display: inline-block;
    position: relative;
    padding: .5em 1.3em .5em 2em;
    background-color: rgba(238, 219, 189, 0.45);
    color: #333333;
    font-weight: 700;
    box-shadow:
        2px 1px 3px rgba(0,0,0,0.07),
        4px 2px 7px rgba(0,0,0,0.10),
        7px 3px 12px rgba(0,0,0,0.08);
}
.fusen-1::before {
    content: "";
    position: absolute;
    left: .5em;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 454.5 482.1'%3E%3Cpath fill='%230a8932' d='M443,10.7c-7.2,9.7-12.2,20.9-18,31.7c-26.6,58.3-57.6,114.4-85.3,172.4c7.6-24.1,19.1-46.4,27.7-69.8 c19.1-34.9,33.8-72,54.3-106.2c4.3-7.2,12.6-13.7,11.2-23.4c-2.5-5-5-10.1-7.9-15.1c-11.5-2.2-14.4,12.2-18,20.2 c1.4-5.8-0.7-19.1-9-15.1c-9,11.9-15.5,25.9-24.5,38.1c-4.3,3.6-6.8,9-9.4,14.4c-1.1,0-4-0.4-5.4-0.4c1.8-7.2,4-14.4,5.4-21.6 c-5.4-0.4-10.8-0.7-14.8,3.6c-2.2,0.4-6.5,0.7-9,0.7c-4,4-7.9,8.3-12.6,11.5c0.4-4.3,0.4-13,0.7-16.9c-7.6,0-13,3.6-16.6,10.1 c-20.2,25.6-29.9,57.6-47.9,84.6l0.4,1.1c-3.2,3.2-6.1,6.8-7.9,10.8c13.3-32.8,30.9-64.1,47.9-95c2.2-6.8,14.4-23.4,0.4-22.7 c-14.4,20.5-27,43.2-38.1,65.9c-17.3,46.4-41.7,90.3-54.3,138.2v-3.2c-13.7,29.9-25.2,60.5-37.1,91.1c-23.4-36.3-45-73.4-68-109.8 c-6.8-10.1-17.6-25.2-31.3-18.4c-4.7-11.2-18-0.4-26.3-7.6c-14.4-7.2-24.5,8.3-20.2,21.6c-6.5-5.4-10.4-13-15.1-19.4 c-3.2-7.6-12.6-0.4-14.4,4.3c1.1,18,7.2,34.6,15.5,50c15.1,32.7,36.7,61.5,54.3,92.8c25.9,41,51.5,81.7,75.9,123.8 c3.2,5,7.2,14.8,15.1,9.4c-0.4-6.1-0.7-11.9-1.1-18c7.9,9.4,8.3,22.7,15.5,32.8c15.8-2.2,5-20.2,16.6-25.9c0,9.4-3.6,19.8,5,26.3 c13.7-5,13.7-19.8,12.6-31.7c3.6,1.1,11.2,3.2,14.8,4.3c1.1-5.8-1.1-14.8,7.6-15.5c-4,15.5-9.7,30.6-15.1,45.3 c15.1,8.3,19.1-9.7,22-20.2c14.4,4.3,10.1-12.6,14-20.9c20.5-46.4,45.7-90.7,64.1-137.8l1.1,0.4c3.6-8.6,7.2-16.9,11.2-25.6 c12.2-24.8,24.1-49.7,35.3-74.9c30.9-61.9,63-122.7,90.3-185.7C451.7,13.9,445.9,11.7,443,10.7z M104,286.3 c-17.3-29.5-37.8-57.6-54-88.2c2.2,0.4,6.8,0.4,7.6,1.8c23.8,43.5,55.8,91.8,81.3,138.9c4,8.3,12.6,13.7,15.1,23 C136,337.8,118.4,313,104,286.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* モバイル h2 フォントサイズ */
@media (max-width: 767px) {
  h2 { font-size: 2rem !important; }
}

::placeholder { color: #e8ebef; }

.feature-tag {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 12px; border-radius: 9999px;
    font-size: 12px; font-weight: 600;
    background: rgba(10,137,50,0.08); color: #0a8932;
}

/* Fade-in on scroll */
.fade-in-section {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}