/* =========================================================
   360度理念コミュニケーション（/service/rinen-program/）
   チラシ「理念接続コミュニケーション」準拠　v2.4.0
   ========================================================= */

/* ===== HERO ===== */
.rc-hero{background:linear-gradient(160deg,#EAF7F6 0%,#F7FCFC 55%,#FFFFFF 100%);padding:56px 0 64px;position:relative;overflow:hidden}
.rc-hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border-radius:22px;padding:7px 20px;font-size:12.5px;font-weight:700;letter-spacing:.06em;margin-bottom:20px}
.rc-hero__catch{font-family:var(--font-serif);font-size:clamp(16px,2.4vw,21px);font-weight:700;color:var(--navy);line-height:1.75;margin:0 0 14px}
.rc-hero__catch span{background:linear-gradient(transparent 62%,var(--gold-light) 62%)}
.rc-hero__title{font-family:var(--font-serif);font-size:clamp(34px,6vw,64px);font-weight:900;color:var(--navy);line-height:1.2;letter-spacing:.02em;margin:0}
.rc-hero__title em{font-style:normal;color:var(--tiffany)}
.rc-hero__name{margin:18px 0 0;font-family:var(--font-serif);font-weight:700;color:var(--navy);line-height:1.4}
.rc-hero__name b{display:block;font-size:clamp(13px,1.8vw,15px);color:var(--gray-500);letter-spacing:.06em;font-weight:700}
.rc-hero__name i{font-style:normal;font-size:clamp(24px,4vw,40px);color:var(--tiffany-deep);letter-spacing:.02em}
.rc-hero__lead{font-size:15px;color:var(--gray-700);line-height:2;margin:18px 0 0}
.rc-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ===== 別枠バナー ===== */
.rc-standalone{background:var(--gold-pale);border:2px solid var(--gold-line);border-radius:16px;padding:26px 30px;max-width:860px;margin:0 auto;text-align:center}
.rc-standalone p:first-child{font-family:var(--font-serif);font-size:clamp(16px,2.2vw,20px);font-weight:700;color:var(--navy);line-height:1.75;margin:0}
.rc-standalone p:first-child em{font-style:normal;color:#8A6D1F}
.rc-standalone p:last-child{font-size:13.5px;color:var(--gray-700);line-height:1.9;margin:12px 0 0}

/* ===== お悩みチェック ===== */
.rc-worry{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;max-width:820px;margin:0 auto}
.rc-worry div{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px 18px;font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.6}
.rc-worry div::before{content:'✓';color:var(--tiffany);font-weight:900;flex-shrink:0}

/* ===== テーマ例 ===== */
.rc-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:840px;margin:0 auto}
.rc-theme{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 2px 12px rgba(15,31,61,.05)}
.rc-theme__ico{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px}
.rc-theme:nth-child(1) .rc-theme__ico{background:#FDEEF5}
.rc-theme:nth-child(2) .rc-theme__ico{background:#E9F3FC}
.rc-theme:nth-child(3) .rc-theme__ico{background:#EAF7EC}
.rc-theme__name{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--navy);margin:0 0 8px;line-height:1.4}
.rc-theme__desc{font-size:12.5px;color:var(--gray-700);line-height:1.8;margin:0}
.rc-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:760px;margin:26px auto 0}
.rc-tags span{background:#fff;border:1px solid var(--tiffany-light);border-radius:20px;padding:7px 17px;font-size:13px;font-weight:700;color:var(--tiffany-deep)}

/* ===== 効果 ===== */
.rc-effects{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:10px}
.rc-effect{background:#fff;border:1px solid var(--gray-200);border-top:4px solid var(--tiffany);border-radius:12px;padding:22px 18px;text-align:center}
.rc-effect:nth-child(2){border-top-color:#E5566F}
.rc-effect:nth-child(3){border-top-color:#3B82C4}
.rc-effect:nth-child(4){border-top-color:var(--tiffany-deep)}
.rc-effect:nth-child(5){border-top-color:var(--navy)}
.rc-effect h3{font-size:15px;font-weight:700;color:var(--navy);line-height:1.55;margin:0 0 8px}
.rc-effect p{font-size:12.5px;color:var(--gray-700);line-height:1.8;margin:0}

/* ===== 6ヶ月ステップ ===== */
.rc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:10px}
.rc-step{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:0 0 20px;overflow:hidden;text-align:center;box-shadow:0 2px 12px rgba(15,31,61,.05)}
.rc-step__head{padding:14px 10px;color:#fff}
.rc-step:nth-child(1) .rc-step__head{background:#1F7FA8}
.rc-step:nth-child(2) .rc-step__head{background:var(--tiffany-deep)}
.rc-step:nth-child(3) .rc-step__head{background:#2D6DB4}
.rc-step:nth-child(4) .rc-step__head{background:#C0577A}
.rc-step:nth-child(5) .rc-step__head{background:#D68B2E}
.rc-step__no{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.85}
.rc-step__name{display:block;font-family:var(--font-serif);font-size:16px;font-weight:700;margin-top:3px;line-height:1.4}
.rc-step p{font-size:12.5px;color:var(--gray-700);line-height:1.85;margin:16px 16px 0;text-align:left}

/* ===== 導入企業の声 ===== */
.rc-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rc-voice{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:24px 24px 20px;box-shadow:0 2px 12px rgba(15,31,61,.05)}
.rc-voice h3{font-family:var(--font-serif);font-size:16.5px;font-weight:700;color:var(--tiffany-deep);line-height:1.6;margin:0 0 12px}
.rc-voice p{font-size:13.5px;color:var(--gray-700);line-height:1.9;margin:0}
.rc-voice__meta{display:inline-block;margin-top:14px;background:var(--gray-100);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--gray-700)}

/* ===== 料金プラン ===== */
.rc-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rc-plan{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--gray-200);display:flex;flex-direction:column}
.rc-plan--pick{border:2px solid var(--tiffany);box-shadow:0 8px 26px rgba(10,186,181,.16)}
.rc-plan__head{padding:18px 20px;color:#fff;text-align:center}
.rc-plan:nth-child(1) .rc-plan__head{background:#2E7FA6}
.rc-plan:nth-child(2) .rc-plan__head{background:#D14E7C}
.rc-plan:nth-child(3) .rc-plan__head{background:#DE8A2C}
.rc-plan__name{font-family:var(--font-serif);font-size:19px;font-weight:700;margin:0;line-height:1.4}
.rc-plan__tag{font-size:12px;opacity:.9;display:block;margin-top:3px}
.rc-plan__price{text-align:center;padding:20px 16px 6px}
.rc-plan__price b{font-family:var(--font-serif);font-size:30px;font-weight:900;color:var(--navy)}
.rc-plan__price small{font-size:13px;color:var(--gray-500);font-weight:700}
.rc-plan__for{text-align:center;font-size:13px;font-weight:700;color:var(--tiffany-deep);margin:0 16px 14px;padding-bottom:14px;border-bottom:1px dashed var(--gray-300)}
.rc-plan ul{list-style:none;margin:0;padding:0 22px 22px}
.rc-plan li{font-size:13px;color:var(--gray-700);line-height:1.7;padding:6px 0 6px 22px;position:relative}
.rc-plan li::before{content:'✓';position:absolute;left:0;color:var(--tiffany);font-weight:900}
.rc-plan__note{font-size:11.5px;color:var(--gray-500);margin:0 22px 20px;line-height:1.7}
.rc-init{background:var(--navy);color:#fff;border-radius:16px;padding:28px 32px;margin-top:22px;display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}
.rc-init__price{text-align:center}
.rc-init__price span{display:block;font-size:13px;font-weight:700;color:var(--gold-light);letter-spacing:.08em;margin-bottom:6px}
.rc-init__price b{font-family:var(--font-serif);font-size:32px;font-weight:900}
.rc-init__price small{font-size:13px;color:rgba(255,255,255,.7)}
.rc-init ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 22px}
.rc-init li{font-size:13px;color:rgba(255,255,255,.85);line-height:1.7;padding-left:20px;position:relative}
.rc-init li::before{content:'✓';position:absolute;left:0;color:var(--gold-light);font-weight:900}

/* ===== 安心4点 ===== */
.rc-assure{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:26px auto 0}
.rc-assure div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:14px 8px;text-align:center;font-size:13px;font-weight:700;color:#fff}

/* ===== レスポンシブ ===== */
@media(max-width:1000px){
  .rc-effects{grid-template-columns:repeat(3,1fr)}
  .rc-steps{grid-template-columns:repeat(3,1fr)}
  .rc-plans{grid-template-columns:1fr}
  .rc-voices{grid-template-columns:1fr}
  .rc-init{grid-template-columns:1fr;gap:18px}
}
@media(max-width:680px){
  .rc-worry{grid-template-columns:1fr}
  .rc-themes{grid-template-columns:1fr}
  .rc-effects{grid-template-columns:1fr}
  .rc-steps{grid-template-columns:1fr}
  .rc-init ul{grid-template-columns:1fr}
  .rc-assure{grid-template-columns:repeat(2,1fr)}
}
