section.entry { min-width: 980px; width: 100%; position: relative; margin-bottom: 80px; }

section.entry .photo img { width: 100%; }

section.entry h2 { position: absolute; top: 15%; right: auto; bottom: auto; left: 50%; margin-left: -258px; }

section.entry h2.title_chapter3-2 { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin-top: -120px; }

section.entry p.read { width: 80%; position: absolute; top: 53%; right: auto; bottom: auto; left: 50%; margin-left: -40%; text-align: center; letter-spacing: -.01em; line-height: 1.68em; }

section.entry pre { display: inline; }

.wrapper { width: 1200px; margin: 0 auto; }

.contents { position: relative; width: 980px; margin: 0 auto 78px; }

.contents section span { display: block; font-size: 28px; line-height: 1.68em; padding-bottom: 10px; }

.contents section a { text-decoration: underline; color: #fff; }

.contents section a:hover { text-decoration: none; }

.content-image-left .content-image, .content-image-right .content-image { width: 520px; margin-bottom: 30px; }

.content-image-left .content-image img, .content-image-right .content-image img { width: 100%; }

.content-image-left .content-text-right, .content-image-left .content-text-left, .content-image-right .content-text-right, .content-image-right .content-text-left { width: 405px; }

.content-image-left p, .content-image-right p { line-height: 1.68em; }

.content-image-left { overflow: hidden; margin-bottom: 58px; }

.content-image-left .content-text-right { float: right; }

.content-image-left .content-image { float: left; }

.content-image-right { overflow: hidden; margin-bottom: 25px; }

.content-image-right .content-text-left { float: left; }

.content-image-right .content-image { float: right; }

.profile { float: right; margin-top: 56px; padding-top: 56px; border-top: 1px solid #262626; }

.profile .image { float: left; width: 100px; }

.profile .image img { width: 100%; }

.profile .profile-text { float: left; width: 420px; vertical-align: middle; padding-left: 34px; }

.profile .profile-text p { font-size: 13px; line-height: 1.68em; }

.profile .profile-text p span { display: block; font-size: 16px; padding-bottom: 4px; }

@media screen and (max-width: 768px) { section.entry { min-width: 100%; width: 100%; position: relative; margin-bottom: 50px; }
  section.entry .photo img { width: 100%; }
  section.entry h2 { width: 86.133%; position: absolute; top: 18%; right: auto; bottom: auto; left: 50%; margin-left: -43.066%; }
  section.entry h2.title_chapter3-2 { position: absolute; top: 18%; right: auto; bottom: auto; left: 50%; margin-top: 0; }
  section.entry p.read { width: 90%; position: absolute; top: 56%; right: auto; bottom: auto; left: 50%; margin-left: -45%; text-align: center; letter-spacing: -.01em; line-height: 1.68em; font-size: 13px; text-align: justify; }
  section.entry pre { display: inline; }
  .wrapper { width: 100%; margin: 0 auto; }
  .contents { position: relative; width: 100%; margin: 0 auto 40px; }
  .contents section span { display: block; font-size: 22px; line-height: 1.68em; padding-bottom: 20px; }
  .content-image-left, .content-image-right { width: 86.133%; margin: 0 auto; }
  .content-image-left .content-image, .content-image-right .content-image { width: 100%; }
  .content-image-left .content-image img, .content-image-right .content-image img { width: 100%; }
  .content-image-left .content-text-right, .content-image-left .content-text-left, .content-image-right .content-text-right, .content-image-right .content-text-left { width: 100%; margin-bottom: 30px; }
  .content-image-left p, .content-image-right p { line-height: 1.45em; letter-spacing: -.05em; font-size: 16px; text-align: left; text-align: justify; }
  .content-image-left { overflow: hidden; margin-bottom: 40px; }
  .content-image-left .content-text-right { float: right; }
  .content-image-left .content-image { float: left; }
  .content-image-right { overflow: hidden; margin-bottom: 40px; }
  .content-image-right .content-text-left { float: left; }
  .content-image-right .content-image { float: right; }
  .profile { width: 100%; display: block; padding-top: 30px; border-top: 1px solid #262626; margin: 30px auto 0; }
  .profile .image { float: left; width: 32.686%; }
  .profile .profile-text { float: right; display: block; width: 63.134%; vertical-align: middle; padding-left: 0; }
  .profile .profile-text p { font-size: 11px; line-height: 1.68em; }
  .profile .profile-text p span { display: block; font-size: 15px; padding-bottom: 4px; } }