@charset "utf-8";header figure{margin:0;padding:0;background:var(--color-accent);text-align:center}header figure img{display:block;margin:0 auto;width:100%;max-width:82.5rem;height:auto}main>section:first-of-type{margin-top:3.2rem}main>section:first-of-type h2{display:inline-block;padding:1rem 2rem;background:var(--color-yellow);color:var(--color-green);border:1px solid var(--color-yellow);border-bottom:none;border-radius:6px 6px 0 0;font-size:1.8rem;position:relative}main>section:first-of-type ul{list-style:none;margin:0;padding:2.4rem;border:.1rem solid var(--color-yellow);border-top:.6rem solid var(--color-yellow)}main>section:first-of-type ul li{display:flex;padding:1.6rem 0;border-bottom:.1rem dotted var(--color-gray)}main>section:first-of-type ul li time{display:inline-flex;align-items:center;width:10rem;white-space:nowrap;line-height:1.4;margin:0}main>section:first-of-type ul li time::after{content:"＞";display:inline-block;margin-left:.45rem;padding:.45rem .45rem;background-color:var(--color-orange);color:#fff;font-size:.9rem;border-radius:.2rem;line-height:1}main>section:first-of-type ul li a{margin:0 0 0 3.2rem;line-height:1.4;color:var(--color-blue)}main>section:first-of-type ul li a:hover{text-decoration:none}@media (max-width:720px){main>section:first-of-type{margin-top:2rem}main>section:first-of-type ul{padding:1.6rem}main>section:first-of-type ul li{padding:1.2rem 0;flex-direction:column;align-items:flex-start;gap:4px}main>section:first-of-type ul li time{width:auto;line-height:1.4}main>section:first-of-type ul li a{margin:0}}main>section:nth-of-type(2){padding:2.4rem;border:.1rem solid var(--color-yellow);border-top:none;display:flex;gap:1.6rem;align-items:flex-start}main>section:nth-of-type(2) h2{background:var(--color-orange);padding:1.6rem 1rem;font-size:1.8rem;margin:0;flex:0 0 auto;transition:background-color .2s ease}main>section:nth-of-type(2) h2 a{color:var(--color-bg);text-decoration:none;display:block}main>section:nth-of-type(2) h2:hover{background:#ff8f3a}main>section:nth-of-type(2) h2:active{background:#ffa45c}main>section:nth-of-type(2) p{margin:0;flex:1}@media (min-width:721px){main>section:nth-of-type(2){align-items:center}}@media (max-width:720px){main>section:nth-of-type(2){padding:1.8rem;flex-direction:column;gap:1.2rem;align-items:flex-start}main>section:nth-of-type(2) h2{width:100%;text-align:center}}footer div{text-align:center}