*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#172c3e;font:16px/1.85 system-ui,"Yu Gothic",sans-serif}a{color:#173f5c;text-underline-offset:4px}header,main,footer,nav{max-width:1180px;margin:auto;padding:24px 30px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd3d8}header a{text-decoration:none;font:bold 25px Arial}.brand span{color:#ac382f}nav{padding-top:12px;padding-bottom:12px;display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.hero{background:#152d42;color:white;padding:42px;margin:12px 0 30px}.eyebrow{font:12px Arial;letter-spacing:2px;color:#b6c6d2}h1{font:500 clamp(28px,4vw,43px)/1.55 "Yu Mincho",serif;margin:16px 0}h2{font-size:24px;font-weight:600}.hero p{max-width:800px;color:#e0e7eb}.intro,.notice{max-width:940px}.notice{background:#e9eef1;border-left:3px solid #6a8293;padding:16px 22px;font-size:13px;margin:26px 0}.controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:32px 0}label{display:block;font-size:13px}input,select{width:100%;padding:12px;background:white;border:1px solid #aebbc5;font:16px system-ui}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:white;border-bottom:1px solid #b9c5ce;padding-bottom:20px;min-width:0}.card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e8ecef}.card h2,.card p{margin:12px 17px}.card h2{font-size:17px;line-height:1.65}.card a{text-decoration:none}.meta{font-size:12px;color:#566977}.detail-image{background:#e5eaee;text-align:center;margin:20px 0}.detail-image img{display:block;max-width:100%;height:auto;margin:auto}.caption{font-size:14px;color:#455b6d;margin:12px 0}.rights{font-size:13px;border-top:1px solid #bcc8d0;padding-top:15px}.rights b{display:block;color:#263e50}.details{display:grid;grid-template-columns:160px 1fr;gap:0 20px;margin:30px 0}.details dt,.details dd{margin:0;padding:13px 0;border-bottom:1px solid #d5dde2}.details dt{font-weight:600}.details dd{min-width:0;overflow-wrap:anywhere}.section{padding:20px 0;border-top:1px solid #c7d1d8;margin-top:25px}.section p{max-width:900px}.previous-next{display:flex;justify-content:space-between;gap:20px;margin:30px 0;font-size:14px}footer{border-top:1px solid #c1cbd2;font-size:12px;margin-top:40px}.count{color:#546d7f;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:780px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer,nav{padding-left:20px;padding-right:20px}.hero{padding:28px}.details{grid-template-columns:1fr;gap:0}.details dt{border:0;padding-bottom:0}.details dd{padding-top:3px}}@media(max-width:500px){.grid,.controls{grid-template-columns:1fr}header{align-items:flex-start;gap:14px}.hero{padding:24px}header small{font-size:11px}}