/* =================================================================
      1. CSSスコープ・リセット設定
    ================================================================= */
    #sbsd2026-container {
      all: revert;
      display: block;
      margin: 1% auto 0 auto;
      width: 100%;
      max-width: 100%;
      font-size: 16px;
      line-height: 1.6;
      color: #333;
      font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
      text-align: left;
      background: #fff;
    }

    #sbsd2026-container *,
    #sbsd2026-container *::before,
    #sbsd2026-container *::after {
      box-sizing: border-box !important;
    }

    #sbsd2026-container h3, #sbsd2026-container h4, #sbsd2026-container h5, #sbsd2026-container p {
      all: revert;
      margin: 0;
      padding: 0;
      border: none;
      background: none;
    }
    #sbsd2026-container h3::before, #sbsd2026-container h3::after,
    #sbsd2026-container h4::before, #sbsd2026-container h4::after {
      content: none !important;
    }

    /* =================================================================
      2. 共通レイアウトクラス (sbsd- プレフィックス付与)
    ================================================================= */
    #sbsd2026-container .sbsd-flex {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
    }

    #sbsd2026-container .sbsd-clr01 { color: #58BEB8 !important; }
    #sbsd2026-container .sbsd-keikou { background: linear-gradient(transparent 70%, #ff6 60%); }

    /* =================================================================
      3. コンテンツ固有スタイル
    ================================================================= */
    #sbsd2026-container .sbsd-main-wrapper {
      max-width: 730px;
      margin: 0 auto;
      color: #333;
    }

    #sbsd2026-container .sbsd-fv-in { background: #f1f1f1; text-align: center; }
    #sbsd2026-container .sbsd-fvimg { margin: 0 auto; display: block; max-width: 100%; height: auto; }

    /* テキストスタイル */
    #sbsd2026-container p {
      line-height: 1.67;
      font-weight: 350;
      color: #333;
      word-wrap: break-word;
    }

    #sbsd2026-container h3 {
      color: #58BEB8 !important;
      border: 1px solid #58BEB8;
      border-width: 2px 0;
      background: #EBF7F6 !important;
      font-size: 20px;
      padding: 2%;
      margin: 2% 0;
      font-weight: bold;
    }

    #sbsd2026-container h4 {
      color: #2a2a2a !important;
      border-left: 6px solid #58BEB8;
      background: #fff;
      font-size: 18px;
      text-align: left;
      padding: 0 2%;
      margin: 4% 2% 2% 2%;
      font-weight: bold;
    }

    /* ボタン (Select部) */
    #sbsd2026-container .sbsd-select-wrap { margin: 1rem 0; gap: 10px; justify-content: center; }
    #sbsd2026-container .sbsd-select-list a {
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin: 0 auto;
      width: 350px;
      height: 100px;
      padding: 10px 25px;
      color: #fff !important;
      transition: 0.3s ease-in-out;
      font-weight: 600;
      filter: drop-shadow(0px 2px 4px #ccc);
      border-radius: 70px;
      text-align: center;
      text-decoration: none !important;
    }
    #sbsd2026-container .sbsd-select-list a:hover {
      transform: translateY(-2px);
      box-shadow: 0 15px 30px -5px rgba(0,0,0,0.15);
    }
    #sbsd2026-container .sbsd-select-list a::after {
      content: ''; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;
      transform: rotate(45deg) translateY(-48%);
      position: absolute; top: 48%; right: 20px; border-radius: 1px;
    }
    #sbsd2026-container .sbsd-select-list a.sbsd-first { background: #3faafa; }
    #sbsd2026-container .sbsd-select-list a.sbsd-second { background: #77cc00; }
    #sbsd2026-container .sbsd-select-list a.sbsd-last { background: #fc9534; }

    /* 詳細内のリンクボタン */
    #sbsd2026-container .sbsd-link-button a {
      background: #eee;
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin: 0 auto;
      max-width: 280px;
      padding: 10px 25px;
      color: #313131 !important;
      transition: 0.3s;
      font-weight: 500;
      transform: skew(-10deg);
      text-decoration: none !important;
    }
    #sbsd2026-container .sbsd-link-button a span { transform: skewX(10deg); display: inline-block; }
    #sbsd2026-container .sbsd-link-button a::before {
      content: ''; position: absolute; top: calc(50% - 2px); right: -1em;
      transform: translateY(calc(-50% - 2px)) rotate(30deg);
      width: 12px; height: 2px; background-color: #6bb6ff; transition: 0.3s;
    }
    #sbsd2026-container .sbsd-link-button a::after {
      content: ''; position: absolute; top: 50%; right: -1em; width: 40px; height: 2px;
      background-color: #58BEB8; transition: 0.3s; transform: translateY(-50%);
    }
    #sbsd2026-container .sbsd-link-button a:hover { background: #EBF7F6; color: #58BEB8 !important; }

    /* =================================================================
      4. レスポンシブ
    ================================================================= */
    @media screen and (max-width: 767px) {
      #sbsd2026-container .sbsd-detailWrap { padding: 0 4%; }
      #sbsd2026-container .sbsd-select-wrap.sbsd-flex { display: block; }
      #sbsd2026-container .sbsd-select-list a { display: block; height: auto; width: 100%; margin: 0 auto 15px !important; }
      #sbsd2026-container h3 { font-size: 18px; }
      #sbsd2026-container .sbsd-bld-top { font-size: 18px; }
}