/* ==========================================================
   技術スタック（ツリー図）共通CSS
   inc/tech-stack.php とセットで使用（システム開発・実績一覧）
   ========================================================== */
.tree{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}
.tbox{width:100%;border:1px solid var(--line);background:#fff;padding:24px 24px}
.tbox .th{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}
.tbox .th b{font-size:16px;font-weight:700;color:var(--navy)}
.tbox .th .en{font-family:"Barlow";font-size:10px;letter-spacing:.14em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}
.tbox .items{display:flex;flex-wrap:nowrap;gap:0}
.tbox .it{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 0;min-width:0;border-left:1px solid var(--line);padding:0 6px}
.tbox .it:first-child{border-left:0}
.tbox .it svg{width:22px;height:22px;color:var(--navy);flex:none}
.tbox .it span{font-size:11px;color:var(--text);text-align:center;line-height:1.4}
.tconn{width:1px;height:38px;background:var(--line)}
.trow{display:grid;grid-template-columns:1fr auto 1fr;gap:36px;align-items:center;width:100%}
.tcore{width:154px;height:154px;border:1px solid var(--navy);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;background:#fff}
.tcore svg{width:88px;height:auto}
.tcore .en{font-family:"Barlow";font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:12px;text-align:center;line-height:1.6}
.trow2{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;margin-top:0}

@media(max-width:1100px){
  .trow2{grid-template-columns:1fr;gap:40px}
  .trow{grid-template-columns:1fr;gap:24px}
  .tcore{justify-self:center}
  .tbox .items{gap:20px}
  .tbox .it{min-width:70px}
}
@media(max-width:620px){
  /* 横一列をやめて3列で折り返す */
  .tbox .th{flex-wrap:wrap;gap:4px 12px}
  .tbox .items{flex-wrap:wrap;gap:18px 0}
  .tbox .it{flex:0 0 33.333%;min-width:0;padding:0 4px}
  .tbox .it:nth-child(3n+1){border-left:0}
}