/* --------------------------------------------------
Contents
-------------------------------------------------- */
body { background: var(--primary-color); }
body #wrapper .contents { color: var(--white-color); }
body #wrapper .contents .about { padding: 5rem 0 12.5rem; }
body #wrapper .contents .about .inner { padding: 0 var(--contents-pd); }
body #wrapper .contents .about .inner .catch { font-size: 2.5rem; line-height: 1.2; margin: 3.5rem 0 2rem; }
body #wrapper .contents .photoarea { margin: 0 0 12.5rem; }
body #wrapper .contents .photoarea .photo-single01 img { aspect-ratio: 988 / 655; }
body #wrapper .contents .photoarea .photo-single02 img { aspect-ratio: 988 / 699; }
body #wrapper .contents .photoarea .photo-single03 img { aspect-ratio: 988 / 1241; }
body #wrapper .contents .photoarea .photo-single04 { margin: 0 0 2.67%; }
body #wrapper .contents .photoarea .photo-single04 img { aspect-ratio: 988 / 1431; }
body #wrapper .contents .photoarea .photo-single05 img { aspect-ratio: 988 / 988; }
body #wrapper .contents .photoarea .photo-single06 img { aspect-ratio: 988 / 583; }
body #wrapper .contents .photoarea .photo-single07 { margin: 0 0 2.67%; }
body #wrapper .contents .photoarea .photo-single07 img { aspect-ratio: 988 / 659; }
body #wrapper .contents .photoarea .photo-single08 { margin: 0 0 2.67%; }
body #wrapper .contents .photoarea .photo-single08 img { aspect-ratio: 988 / 741; }
body #wrapper .contents .photoarea .photo-single09 { margin: 0 0 6.67%; }
body #wrapper .contents .photoarea .photo-single09 img { aspect-ratio: 988 / 740; }
body #wrapper .contents .btnarea { padding: 0 var(--contents-pd); }

@media screen and (min-width: 768px) { body #wrapper .contents .about { padding: 10rem 0; }
  body #wrapper .contents .about .inner { padding: 0; width: var(--contents-w); max-width: var(--contents-mw); margin: 0 auto; }
  body #wrapper .contents .about .inner .catch { text-align: center; font-size: 3.5rem; margin: 6rem 0 2rem; }
  body #wrapper .contents .about .inner .text { text-align: center; }
  body #wrapper .contents .photoarea { width: 98.8rem; max-width: var(--contents-mw); margin: 0 auto 24rem; }
  body #wrapper .contents .photoarea .photo-single01 { margin: 0 0 5.06%; }
  body #wrapper .contents .photoarea .photo-single04 { margin: 0 0 2.53%; }
  body #wrapper .contents .photoarea .photo-single07 { margin: 0 0 2.53%; }
  body #wrapper .contents .photoarea .photo-single08 { margin: 0 0 2.53%; }
  body #wrapper .contents .photoarea .photo-single09 { margin: 0 0 6.58%; }
  body #wrapper .contents .btnarea { padding: 0; width: 40rem; margin: 0 auto; }
  body #wrapper .contents .btnarea .link-btn { width: 100%; } }