@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #0a0a1a;
    color: #e0e0e0;
}

.hero-bg {
    /* 画像URL: トップヒーローセクションの背景 */
    background: linear-gradient(rgba(10, 10, 26, 0.7), rgba(10, 10, 26, 0.85)), url('images/top.png') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.benefit-bg {
    /* 画像URL: ベネフィットセクションの背景 */
    /* パスを 'images/benefit.png' に修正 */
    background: linear-gradient(rgba(10, 10, 26, 0.3), rgba(10, 10, 26, 0.5)), url('images/benefit.png') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.author-bg {
    /* 画像URL: 自己紹介セクションの背景 */
    background: linear-gradient(rgba(17, 17, 34, 0.9), rgba(17, 17, 34, 0.95)), url('https://images.unsplash.com/photo-1522071820081-009f0129c7da?q=80&w=1920&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.bonuses-bg {
    /* 画像URL: 豪華特典セクションの背景 */
    background: linear-gradient(rgba(10, 10, 26, 0.9), rgba(10, 10, 26, 0.95)), url('https://images.unsplash.com/photo-1518186225043-963168211354?q=80&w=1920&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.faq-bg {
    /* 画像URL: よくある質問セクションの背景 */
    background: linear-gradient(rgba(17, 17, 34, 0.9), rgba(17, 17, 34, 0.95)), url('https://images.unsplash.com/photo-1542051841857-5f90071e7989?q=80&w=1920&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.text-glow {
    text-shadow: 0 0 6px rgba(250, 204, 21, 0.7), 0 0 6px rgba(250, 204, 21, 0.5);
}

.section-title {
    border-bottom: 2px solid #facc15;
    padding-bottom: 0.5rem;
    display: inline-block;
}

.card-bg {
    background: rgba(23, 23, 40, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.cta-button {
    background: linear-gradient(45deg, #facc15, #fbbf24, #f59e0b);
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(250, 204, 21, 0.5);
}

.cta-button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(250, 204, 21, 0.8);
}

.faq-question.open .faq-arrow {
    transform: rotate(180deg);
}
/* 新しい圏点スタイル（擬似要素を使用） */
.kenten {
  position: relative; /* この要素を基準に点を配置します */
}

.kenten::before {
  content: '・・・'; /* 「続ける」の3文字に合わせて点を3つ配置 */
  color: #ffffff;      /* 点の色を黄色に指定 */
  font-weight: bold;    /* 点をくっきりさせる */

  /* ▼▼▼ 位置調整のキモはここ！ ▼▼▼ */
  position: absolute;
  top: -0.5em; /* << この数値を調整します！ */
  left: 0;
  width: 100%;
  text-align: center;
}

u {text-decoration: none;
   border-bottom: 2px solid #ff8eff;
}