@charset "utf-8";
/* Webシステム開発ページ（/websystem/）専用スタイル */

/* リード */
DIV#left DIV.ws-lead{ margin:10px 0 30px; }
DIV#left DIV.ws-lead P{ margin-bottom:10px; }
DIV#left DIV.ws-lead P.ws-catch{ font-size:114%; font-weight:bold; color:#0030ac; line-height:175%; margin-bottom:16px; }

/* 対応技術一覧 */
DIV#left DIV.tech{ margin:18px 0 36px; }

/* グループ（01 / 02 / 03） */
DIV#left DIV.tech-group{ margin-bottom:34px; }
DIV#left DIV.tech-group-head{ position:relative; margin-bottom:4px; padding:0 0 10px 44px; border-bottom:2px solid #0030ac; }
DIV#left SPAN.tech-num{ position:absolute; left:0; top:1px; font-family:verdana,Arial,sans-serif; font-size:134%; font-weight:bold; letter-spacing:0.04em; color:#0030ac; line-height:1; }
DIV#left DIV.tech-group-head H4{ font-size:107%; font-weight:bold; color:#1a2b5c; line-height:1.3; }
DIV#left DIV.tech-group-head P{ margin-top:3px; font-size:80%; color:#7a8399; line-height:1.5; }

/* 項目行（左:項目名 / 右:内容） */
DIV#left DL.spec{ display:grid; grid-template-columns:168px 1fr; }
DIV#left DL.spec DT,
DIV#left DL.spec DD{ padding:12px 0 11px; border-bottom:1px solid #e4e8f0; }
DIV#left DL.spec DT{ padding-right:12px; font-size:87%; font-weight:bold; color:#333; line-height:1.5; }
DIV#left DL.spec DD{ font-size:87%; color:#444; line-height:1.6; }
DIV#left DL.spec DD P{ line-height:1.7; }
DIV#left DL.spec DD P.spec-note{ margin-top:6px; font-size:93%; color:#6b7590; }

/* タグ */
DIV#left UL.tags{ display:flex; flex-wrap:wrap; gap:6px 6px; }
DIV#left UL.tags LI{ display:inline-block; padding:2px 9px; border:1px solid #cdd5e6; border-radius:3px; background-color:#fff; color:#1a2b5c; font-size:92%; line-height:1.6; white-space:nowrap; }
DIV#left UL.tags LI.etc{ border-color:transparent; padding-left:2px; color:#8a93a8; }

/* 締めのブロック */
DIV#left DIV.ws-closing{ margin:10px 0 36px; padding:16px 20px; border-left:4px solid #0030ac; background-color:#f5f7fc; }
DIV#left DIV.ws-closing P{ margin-bottom:8px; }
DIV#left DIV.ws-closing P.ws-note{ font-size:87%; color:#555; margin-bottom:0; }
DIV#left A.ws-btn{ display:inline-block; padding:9px 22px; border-radius:4px; background-color:#0030ac; color:#fff; font-weight:bold; text-decoration:none; }
DIV#left A.ws-btn:hover{ background-color:#0b3fd0; color:#fff; }