/*
Theme Name: DTC Drone Training Center
Theme URI: https://drone-tc.jp/
Author: DTC
Description: ドローン国家資格スクール DTC 用のコンバージョン重視ランディングページテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dtc-drone
*/

:root{
  --dtc-navy:#102a43;
  --dtc-blue:#1769aa;
  --dtc-light:#f4f8fb;
  --dtc-text:#243447;
  --dtc-muted:#61758a;
  --dtc-accent:#e98b2a;
  --dtc-white:#fff;
  --dtc-border:#dce5ec;
  --dtc-shadow:0 12px 36px rgba(16,42,67,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--dtc-text);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.dtc-wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.dtc-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--dtc-border)}
.dtc-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.dtc-logo{font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--dtc-navy)}
.dtc-logo small{display:block;font-size:10px;letter-spacing:.16em;color:var(--dtc-muted);line-height:1.2}
.dtc-nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700}
.dtc-nav a:hover{color:var(--dtc-blue)}
.dtc-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--dtc-accent);color:#fff;font-weight:800;border-radius:999px;padding:12px 22px;box-shadow:0 6px 18px rgba(233,139,42,.25)}
.dtc-cta:hover{opacity:.9}
.dtc-hero{background:linear-gradient(135deg,#eef6fb 0%,#fff 65%);padding:78px 0 70px}
.dtc-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.dtc-eyebrow{display:inline-block;color:var(--dtc-blue);font-weight:900;font-size:14px;letter-spacing:.08em;margin-bottom:14px}
.dtc-h1{font-size:clamp(34px,5vw,58px);line-height:1.25;margin:0 0 20px;color:var(--dtc-navy);letter-spacing:-.03em}
.dtc-lead{font-size:19px;margin:0 0 28px}
.dtc-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.dtc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:15px 24px;font-weight:900}
.dtc-btn-primary{background:var(--dtc-blue);color:#fff}
.dtc-btn-secondary{background:#fff;border:1px solid var(--dtc-border)}
.dtc-pricebox{background:#fff;border:1px solid var(--dtc-border);border-radius:20px;padding:30px;box-shadow:var(--dtc-shadow)}
.dtc-pricebox .label{font-size:14px;color:var(--dtc-muted);font-weight:700}
.dtc-price{font-size:40px;line-height:1.2;font-weight:900;color:var(--dtc-navy);margin:6px 0}
.dtc-price small{font-size:16px}
.dtc-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.dtc-badge{background:var(--dtc-light);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}
.dtc-section{padding:78px 0}
.dtc-section-alt{background:var(--dtc-light)}
.dtc-section-head{text-align:center;max-width:760px;margin:0 auto 42px}
.dtc-section-head h2{font-size:clamp(27px,4vw,40px);line-height:1.35;color:var(--dtc-navy);margin:0 0 12px}
.dtc-section-head p{margin:0;color:var(--dtc-muted)}
.dtc-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dtc-card{background:#fff;border:1px solid var(--dtc-border);border-radius:16px;padding:24px;box-shadow:0 6px 22px rgba(16,42,67,.05)}
.dtc-card h3{margin:8px 0 10px;color:var(--dtc-navy);font-size:19px}
.dtc-card p{margin:0;color:var(--dtc-muted);font-size:14px}
.dtc-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--dtc-blue);color:#fff;font-weight:900}
.dtc-price-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.dtc-price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--dtc-shadow)}
.dtc-price-table th,.dtc-price-table td{padding:17px;border-bottom:1px solid var(--dtc-border);text-align:left}
.dtc-price-table th{background:#edf4f8;color:var(--dtc-navy)}
.dtc-price-table tr:last-child td{border-bottom:0}
.dtc-note{font-size:13px;color:var(--dtc-muted)}
.dtc-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.dtc-flow-item{position:relative;background:#fff;border:1px solid var(--dtc-border);border-radius:14px;padding:22px}
.dtc-flow-item strong{display:block;color:var(--dtc-blue);font-size:13px}
.dtc-flow-item h3{margin:5px 0;font-size:18px;color:var(--dtc-navy)}
.dtc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dtc-stat{background:var(--dtc-navy);color:#fff;border-radius:18px;padding:28px;text-align:center}
.dtc-stat strong{display:block;font-size:38px;line-height:1.2}
.dtc-stat span{font-size:14px;opacity:.85}
.dtc-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dtc-voice{background:#fff;border:1px solid var(--dtc-border);border-radius:16px;padding:24px}
.dtc-voice p{margin:0 0 12px}
.dtc-voice small{color:var(--dtc-muted)}
.dtc-faq{max-width:850px;margin:auto}
.dtc-faq details{background:#fff;border:1px solid var(--dtc-border);border-radius:12px;margin-bottom:10px;padding:0 20px}
.dtc-faq summary{cursor:pointer;font-weight:800;padding:18px 0;color:var(--dtc-navy)}
.dtc-faq details p{padding:0 0 18px;margin:0;color:var(--dtc-muted)}
.dtc-access{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.dtc-map-placeholder{min-height:280px;background:#e9f1f6;border-radius:18px;display:grid;place-items:center;color:var(--dtc-muted);font-weight:700}
.dtc-final{background:var(--dtc-navy);color:#fff;text-align:center;padding:80px 0}
.dtc-final h2{font-size:clamp(28px,4vw,42px);margin:0 0 15px}
.dtc-final p{opacity:.9;margin:0 auto 28px;max-width:700px}
.dtc-footer{background:#091d2d;color:#c9d5df;padding:38px 0 100px;font-size:13px}
.dtc-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.dtc-mobile-cta{display:none}
.dtc-disclaimer{font-size:12px;color:var(--dtc-muted);margin-top:20px}
@media(max-width:900px){
  .dtc-nav{display:none}
  .dtc-hero-grid,.dtc-price-grid,.dtc-access{grid-template-columns:1fr}
  .dtc-grid-5{grid-template-columns:repeat(2,1fr)}
  .dtc-flow{grid-template-columns:repeat(2,1fr)}
  .dtc-stats,.dtc-voice-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dtc-wrap{width:min(100% - 28px,1120px)}
  .dtc-header-inner{min-height:62px}
  .dtc-logo{font-size:19px}
  .dtc-header .dtc-cta{padding:9px 14px;font-size:12px}
  .dtc-hero{padding:52px 0}
  .dtc-section{padding:58px 0}
  .dtc-grid-5,.dtc-flow{grid-template-columns:1fr}
  .dtc-price{font-size:34px}
  .dtc-mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:120;box-shadow:0 -5px 20px rgba(0,0,0,.12)}
  .dtc-mobile-cta a{padding:13px 8px;text-align:center;font-weight:900;font-size:13px}
  .dtc-mobile-cta a:first-child{background:#fff;color:var(--dtc-blue)}
  .dtc-mobile-cta a:last-child{background:var(--dtc-accent);color:#fff}
  .dtc-footer{padding-bottom:85px}
  .dtc-footer-inner{display:block}
}
