@charset "utf-8";
/*
Theme Name: ISSUE child
Theme URI:https://tcd-theme.com/tcd106
Description:WordPressテーマ「ISSUE」の子テーマ
Template:issue_tcd106
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

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

/* === 2GEONET カスタムパーツ === */
.tg{--navy:#0F1626;--navy2:#16203A;--lime:#C6F432;--white:#fff;
  font-family:"Noto Sans JP",sans-serif;max-width:960px;margin:0 auto;color:var(--white);}
.tg .en{font-family:"Space Grotesk",sans-serif;letter-spacing:.02em;}
.tg-lead{font-size:1.05rem;line-height:1.9;margin:0 0 1.6em;}
.tg-geo{font-size:.9rem;color:var(--lime);margin:.4em 0 1.2em;}
.tg-desc{line-height:1.9;margin:0 0 1.8em;}

/* 見出し */
.tg-change-title{
  text-align:center;color:#fff;font-weight:700;
  font-size:2.2rem;line-height:1.4;margin:0 0 .4em;
}
.tg-change-sub{
  text-align:center;color:#C6F432;font-weight:700;
  font-size:1.05rem;margin:0 0 2.4em;
}

/* ボタン */
.tg-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.2em;}
.tg-btn{display:inline-block;padding:15px 30px;border-radius:6px;
  text-decoration:none;font-weight:700;font-size:.98rem;transition:.2s;}
.tg-btn.primary{background:var(--lime);color:var(--navy);}
.tg-btn.primary:hover{filter:brightness(1.08);transform:translateY(-2px);}
.tg-btn.ghost{border:1.5px solid var(--white);color:var(--white);}
.tg-btn.ghost:hover{background:var(--white);color:var(--navy);}

/* チェックリスト */
.tg-check{list-style:none;padding:0;margin:1.4em 0;display:grid;
  grid-template-columns:1fr 1fr;gap:14px 26px;}
.tg-check li{position:relative;padding-left:32px;line-height:1.7;}
.tg-check li::before{content:"✓";position:absolute;left:0;top:0;
  color:var(--lime);font-weight:700;}
.tg-check li.key{color:var(--lime);font-weight:700;}

/* 3ステップ */
.tg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:1.6em 0;}
.tg-step{background:var(--navy2);border-radius:10px;padding:26px 22px;}
.tg-step .num{font-family:"Space Grotesk",sans-serif;font-size:2rem;
  font-weight:700;color:var(--lime);line-height:1;}
.tg-step h4{font-size:1.15rem;margin:.5em 0 .6em;}
.tg-step p{font-size:.93rem;line-height:1.8;color:#cfd6e0;margin:0;}

/* サービス6カード */
.tg-serv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:1.6em 0;}
.tg-serv a{display:block;background:var(--navy2);border:1px solid transparent;
  border-radius:10px;padding:26px 22px;text-decoration:none;color:var(--white);transition:.2s;}
.tg-serv a:hover{border-color:var(--lime);transform:translateY(-3px);}
.tg-serv .en{display:block;font-size:1.1rem;font-weight:700;color:var(--lime);}
.tg-serv .ja{display:block;font-size:.92rem;margin-top:.3em;color:#cfd6e0;}

/* About */
.tg-about{display:flex;gap:40px;align-items:center;flex-wrap:wrap;}
.tg-about .avatar{flex:0 0 200px;}
.tg-about .avatar img{width:200px;height:200px;border-radius:16px;object-fit:cover;}
.tg-about .body{flex:1;min-width:280px;}
.tg-profile{margin-top:1.4em;font-size:.92rem;line-height:2;color:#cfd6e0;
  border-left:3px solid var(--lime);padding-left:16px;}

/* Works（初期は静的カード） */
.tg-works{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:1.6em 0;}
.tg-work{background:var(--navy2);border-radius:10px;overflow:hidden;}
.tg-work img{width:100%;height:170px;object-fit:cover;display:block;}
.tg-work .in{padding:18px;}
.tg-work .tag{font-size:.75rem;color:var(--lime);margin-bottom:.5em;}
.tg-work .cap{font-size:.9rem;line-height:1.7;}
.tg-work .arrow{font-family:"Space Grotesk";font-weight:700;margin-top:.6em;font-size:.85rem;}

/* 注記 */
.tg-note{font-size:.82rem;color:#8b95a5;margin-top:1.2em;}

/* 最終CTA（色反転） */
.tg-final{background:var(--lime);color:var(--navy);text-align:center;
  border-radius:14px;padding:56px 24px;max-width:960px;margin:0 auto;}
.tg-final h3{font-size:2rem;font-weight:700;line-height:1.4;margin:0 0 .5em;}
.tg-final p{margin:0 0 1.6em;font-weight:700;}
.tg-final .tg-btn.primary{background:var(--navy);color:var(--lime);}
.tg-final .tg-btn.ghost{border-color:var(--navy);color:var(--navy);}
.tg-final .tg-btns{justify-content:center;}

/* === 明るい地セクション用（②課題提起など） === */
/* デフォルトの丸ポチを確実に消す */
.tg-check,
.tg-check li{
  list-style:none !important;
}
.tg-check li::marker{ content:""; }

/* 明るい地のキー項目：太字だけで強調（マーカー無し） */
.tg-light .tg-check li.key{
  color:#0F1626;
  font-weight:700;
}
/* 明るい地の✓：ライムのまま、四角は付けない */
.tg-light .tg-check li::before{
  content:"✓";
  color:#C6F432;
  background:none;
  width:auto;height:auto;
  font-size:1rem;
  border-radius:0;
}

/* === ③ こう変わる（背景セクション） === */
.tg-change{
  --bg:#1B2740;
  background:var(--bg);
  background-size:cover;
  background-position:center;
  margin:0 calc(50% - 50vw);
  padding:80px 24px;
  position:relative;
}
.tg-change::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,22,38,.72),rgba(15,22,38,.82));
}
.tg-change-inner{
  position:relative;max-width:960px;margin:0 auto;
  color:#fff;font-family:"Noto Sans JP",sans-serif;
}
.tg-change-lead{
  font-size:1.15rem;line-height:1.9;text-align:center;margin:0 0 2.4em;
}
.tg-change .tg-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;
}
.tg-change .tg-step{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(198,244,50,.25);
  border-radius:12px;padding:32px 26px;transition:.25s;
}
.tg-change .tg-step:hover{border-color:#C6F432;transform:translateY(-4px);}
.tg-change .tg-step .num{font-size:2.4rem;}
.tg-change .tg-step h4{color:#fff;}
.tg-change .tg-step p{color:#cfd6e0;}
.tg-change-bridge{
  text-align:center;margin:2.6em 0 0;font-size:1rem;
}
.tg-change-bridge a{color:#C6F432;font-weight:700;text-decoration:none;}
.tg-change-bridge a:hover{text-decoration:underline;}

/* モバイル */
@media(max-width:768px){
  .tg-check,.tg-steps,.tg-serv,.tg-works{grid-template-columns:1fr;}
}