*{box-sizing:border-box}body{margin:0;color:#183650;background:#f5f9fc;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}.topline{height:7px;background:#c9e1ef}.sitehead{background:white}.head{display:flex;align-items:center;justify-content:space-between;min-height:90px}.logo{font-size:38px;color:#0874ce;font-weight:850;text-decoration:none;letter-spacing:-2px}.head-note{color:#4387b7}.global{background:#0072cb}.global .wrap{display:flex;flex-wrap:wrap}.global a{color:white;text-decoration:none;padding:11px 18px;font-weight:bold}.global a:hover,.global a[aria-current]{background:#005ba5}.hero{background:linear-gradient(115deg,#0879d3,#39a6ed);color:white;padding:27px 0}.hero h1{margin:0;font-size:30px}.hero p{margin:0}.eyebrow{font-size:13px}.main{padding:20px 0 55px}.crumb{font-size:14px;margin-bottom:16px}.crumb a{color:#0874ce}.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.tile{display:flex;flex-direction:column;text-decoration:none;border-radius:8px;overflow:hidden;background:#54b7ee;text-align:center;color:white;box-shadow:0 2px 6px #d9e7ef}.tile-title{background:#0074cd;font-size:14px;font-weight:bold;min-height:33px;padding:4px}.tile-icon{font-size:43px;line-height:1.7;min-height:76px}.tile.selected{outline:3px solid #ffbd35}.guide{background:white;padding:25px 32px;border:1px solid #e0ebf3;border-radius:9px;overflow-wrap:anywhere}.guide h3{color:#006dc1;font-size:23px;border-bottom:2px solid #cce7f9;padding-bottom:8px;margin-top:35px}.guide h4{color:#0075c9;font-size:19px;border-left:5px solid #26a4ed;padding-left:12px}.guide h5{font-size:18px;color:#075f9e;background:#edf8ff;padding:8px 13px;scroll-margin-top:20px}.guide img{display:block;max-width:100%;height:auto;margin:12px auto}.guide p{margin:12px 0}.guide a,.back a{color:#006bc2}.guide hr{border:0;border-top:1px solid #c7e0f0}.back{text-align:center;margin:30px}.back a{font-weight:bold}footer{background:#d9e8f0;text-align:center;padding:22px;font-size:13px}@media(max-width:700px){.head{min-height:70px}.logo{font-size:29px}.head-note{display:none}.global a{padding:9px 11px;font-size:13px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile-icon{font-size:34px;min-height:57px}.guide{padding:15px}.guide h3{font-size:20px}.hero h1{font-size:25px}}
/* 共通マニュアルカテゴリ：単色ホワイトSVGアイコン */
.tile-icon{display:flex;align-items:center;justify-content:center;min-height:76px}
.tile-svg{display:block;width:53px;height:53px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.tile-icon{min-height:57px}.tile-svg{width:42px;height:42px}}

/* メールマニュアルのページ内ジャンプ */
.mail-jump{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px;padding:10px;background:#eff8ff;border:1px solid #d2e9f9;border-radius:6px}.mail-jump a{display:inline-block;padding:5px 9px;background:white;border:1px solid #b9dcf4;border-radius:5px;text-decoration:none;font-size:13px}.guide [id]{scroll-margin-top:18px}