body {
   font-family: Noto Sans JP, sans-serif;
}

h1{
  font-size: var(--text-6);
  margin: 0;
}

h2 {
  margin: var(--space-3) 0 var(--space-5);
}

.site-caption, .meta p, footer p {
  font-size: var(--text-8);
  color: var(--muted-foreground);
  margin: 0;
}

.meta {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
}

p {
font-size: var(--text-7);
line-height: var(--leading-normal);
} 

footer {
  text-align: center;
}

img{
  width:100%;
   height: auto;
margin: 1rem 0;
}

  iframe {
   width:100%;
   height: auto;
   aspect-ratio: 16 / 9;
   margin: 1rem 0;
   }

.decorationL {
    margin: 0 0 25px 0;
    padding-left: 30px;
}

.decorationL li {
   margin-bottom: 8px;
}