*{margin:0;padding:0}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;text-size-adjust:100%;line-height:1.5;overflow-x:hidden}
body{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;text-align:center;color:#630;background-color:#eef;margin: 0 auto}
header{display:block;background-color:#fd8;padding-top:10px;border-top:2px solid #630}
header img, article img, section img{border-style:none;max-width:98%;height:auto}
nav, footer{background-color:#fd8}
nav ul, footer ul{display:flex;justify-content:center;flex-wrap:wrap}
nav li, footer li{list-style: none}
nav a, nav span, footer a, footer span{display:block;font-weight:bold;padding:0.1em 0.4em;text-decoration:none;width:8em;border:none}
nav a, nav span{border-radius:10px 10px 0 0;margin:0 0.3em}
footer a, footer span{border-radius: 0 0 10px 10px;margin:0 0.3em 0.6em}
nav span, footer span{background-color:#eef}
nav a, footer a{color:#630;background-color:#fd8;box-shadow:0px 5px 15px #ffd inset}
footer a{box-shadow:0px -5px 15px #ffd inset}
nav a:hover, footer a:hover{color:#ffc;background-color:#a00}
nav{margin-bottom:0.4em}
footer{border-bottom:2px solid #630}
footer p{margin-top:0.2em;margin-left: 8em}
#menu {display:none}
section img, article img{max-width:95vw;height:auto}
footer li>p{font-size:0.86em;margin-top:0.5em}
section p, article p{text-align:justify;hyphens:auto;max-width:95vw;height:auto}
section p{margin:1em 5vw}
article p{margin:0.5em 0.5em}
figcaption{text-align: center;font-style:oblique;margin-bottom:10px}
.h2{display:grid;grid-gap:5px;grid-template:auto / 240px 560px}
.h2a{display:grid;grid-gap:5px;grid-template:auto / 30em 810px}
.ha{display:grid;grid-template-columns: repeat(auto-fit, minmax(800px, 1fr))}
.v2{display:grid;grid-gap:5px;grid-template:auto auto / 410px;margin:1em}
.haa{display:grid;grid-template-columns: repeat(auto-fit, minmax(680px, 1fr))}
.t-1{display: grid;grid:auto / 6em 20em;grid-gap:0 1em;justify-content: center;text-align:justify;hyphens:auto}
.t-1>div>div{padding:0 3px;hyphens:auto}
.t-2{display: grid;grid:auto / 130px 270px;grid-gap:5px;margin-top:15px}
.tt-2{grid-column: 1 / span 2}
.t-2, .h2, .ha, .haa, .h2a, .v2{justify-items:center;align-items:center;justify-content:center;align-content:center}
.t-2{justify-items:start}
@media screen and (max-width: 1320px) {
	.h2a{grid-template:auto auto / auto}
	.t-1{grid-template:auto / 6em 1fr}
}
@media screen and (max-width: 53em) {
	#menu{display:block}
	nav a{display:none}
	.h2{grid-template:auto auto / auto}
}

@supports (display:grid) {.older{display: none}}
.older{color:#000;background-color:#f99}