/* 描きの試しだけに使う土台（見本の「今の会社ページ」の CSS から、案B が使う所だけ写した物）。本番では今の会社ページの CSS がこれに当たる＝この1本は本番に置かない */
*{box-sizing:border-box}
body{margin:0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#222;line-height:1.8;background:#fff}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid #ddd;background:#fff}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}
.logo{font-size:20px;font-weight:bold;color:#1a3a5c;text-decoration:none}
.logo small{display:block;font-size:12px;font-weight:normal;color:#555}
nav.gnav a{margin-left:18px;color:#1a3a5c;text-decoration:none;font-weight:bold}
nav.gnav a.on{border-bottom:3px solid #1a3a5c}
.hero{background:#1a3a5c;color:#fff;padding:40px 0}
.hero h1{margin:0 0 8px;font-size:28px;line-height:1.4}
.hero p{margin:0;font-size:16px}
h2{font-size:22px;color:#1a3a5c;border-left:6px solid #1a3a5c;padding-left:10px;margin:36px 0 14px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:top}
th{background:#f3f6f9;width:30%;white-space:nowrap}
.note{font-size:13px;color:#555}
.crumb{font-size:13px;margin:12px 0 0}
.crumb a{color:#1a3a5c}
footer{border-top:1px solid #ddd;margin-top:40px;padding:18px 0;font-size:13px;color:#555}
footer a{color:#555}
@media(max-width:600px){
.hero h1{font-size:22px}
nav.gnav a{margin-left:0;margin-right:14px}
th{white-space:normal;width:38%}
}