/* --------------------------------------------------
Contents
-------------------------------------------------- */
body { background: #C4C4C4; }
body #wrapper #contents { padding: 70px 10px 45px; }
body #wrapper #contents .list-wrap { margin: 0 0 -65px; }
body #wrapper #contents .list-wrap .list-single { margin: 0 0 65px; }
body #wrapper #contents .list-wrap .list-single a { display: block; height: 100%; }
body #wrapper #contents .list-wrap .list-single .imagearea { margin: 0 0 10px; }
body #wrapper #contents .list-wrap .list-single p { font-size: 1.5rem; letter-spacing: -.005em; }

@media screen and (min-width: 768px) { body #wrapper #contents { padding: 45px 0 75px; width: 950px; max-width: calc(100% - 350px); margin: 0 auto; min-height: calc(100vh - 356px); box-sizing: border-box; }
  body #wrapper #contents .list-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 0 -90px; }
  body #wrapper #contents .list-wrap .list-single { width: 45.26%; margin: 0 0 90px; }
  body #wrapper #contents .list-wrap .list-single a { transition: opacity .4s ease 0s; }
  body #wrapper #contents .list-wrap .list-single a:hover { opacity: .5; }
  body #wrapper #contents .list-wrap .list-single p { font-size: 1.9rem; } }