*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#222;background:#fff;line-height:1.6}
header{background:#111;color:#fff;padding:14px 24px}header .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header .brand{font-size:1.6rem;color:#fff;text-decoration:none;letter-spacing:.05em}
nav{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.95rem}nav a{color:#ddd;text-decoration:none}nav a:hover{color:#fff;text-decoration:underline}
.soc a{margin-left:10px}.soc img{width:20px;height:20px;vertical-align:middle}
main{max-width:860px;margin:0 auto;padding:32px 20px 60px}main img{max-width:min(100%,560px);height:auto;display:block;margin:20px auto}
h1,h2,h3,h4,h5,h6{line-height:1.25}h2{font-size:1.9rem}h5{font-size:1.15rem;font-weight:normal;margin:.6em 0}h6{font-size:1.05rem;margin:.9em 0 .3em}
a{color:#1a5fb4}.video{position:relative;padding-bottom:56.25%;height:0;margin:16px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer{text-align:center;color:#777;padding:24px;border-top:1px solid #ddd;font-size:.9rem}
nav .menu,nav .menu ul{list-style:none;margin:0;padding:0}nav .menu{display:flex;flex-wrap:wrap;gap:4px 22px}nav .menu>li{position:relative}
nav .menu>li>a{display:block;padding:6px 0}nav .menu>li:has(ul)>a:after{content:" \25BE";font-size:.8em}
nav .menu ul{display:none;position:absolute;left:-10px;top:100%;background:#111;border:1px solid #333;min-width:190px;z-index:20;padding:6px 0}
nav .menu li:hover>ul,nav .menu li:focus-within>ul{display:block}nav .menu ul a{display:block;padding:6px 14px;white-space:nowrap}


nav .menu{flex-wrap:nowrap;gap:0;align-items:center}
nav .menu>li+li:before{content:"*";color:#888;margin:0 .7em}
nav .menu>li{white-space:nowrap}
@media(max-width:600px){nav{font-size:.8rem}nav .menu>li+li:before{margin:0 .4em}nav .menu>li:last-child ul{left:auto;right:0}}
nav .menu>li{display:flex;align-items:center}nav .menu>li>a{padding:6px 0}nav .menu>li:has(ul)>a:after{margin-left:.3em}
@media(max-width:600px){nav{font-size:.7rem}nav .menu>li+li:before{margin:0 .3em}header{padding:14px 12px}}
header{position:relative;text-align:center}header .top{display:block;text-align:center}header .brand{display:inline-block}
header .tag{font-size:.95rem;color:#bbb;font-style:italic;margin-top:2px}
header .soc{position:absolute;top:14px;right:24px}
nav .menu{justify-content:center}
@media(max-width:600px){header .soc{right:12px}header .tag{font-size:.8rem}}
nav{justify-content:center}