.about { position: relative; overflow: hidden; }
.about .inner { position: relative; padding-bottom: 92px; }

/* こもれびの形（参考の筆あとの形の代わりに、葉のあいだの光を置く） */
.about__light { position: absolute; inset: 0; width: 100%; height: 100%; }
.about__light path { fill: var(--leaf); }
.about__light g { transform-origin: 50% 50%; animation: sway 14s ease-in-out infinite alternate; }
@keyframes sway {
  from { transform: translate(-6px, -4px) rotate(-.6deg); }
  to { transform: translate(6px, 6px) rotate(.6deg); }
}
.is-capture .about__light g { animation: none; }
@media (prefers-reduced-motion: reduce) { .about__light g { animation: none; } }

.about__txt p { font-size: 15px; line-height: 2; }
.about__txt > p + p { margin-top: 25px; }
.about__img { margin: 35px auto; }
.about__img + p { margin-top: 0; }
.photo--window {
  width: 261px;
  max-width: 100%;
  height: 190px;
  margin: 0 auto;
  border-radius: 14px;
  outline: 1px solid var(--ink);
  outline-offset: 7px;
}