section.entry { width: 100%; position: relative; }

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

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

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

section.entry pre { display: inline; }

section.outline { width: 1200px; margin: 100px auto auto; padding-bottom: 75px; }

section.outline .division { margin: 55px auto auto; text-align: center; letter-spacing: -.4em; }

section.outline .division .content-left { margin: auto 50px auto auto; display: inline-block; letter-spacing: normal; vertical-align: top; }

section.outline .division .content-left span.title { margin: auto auto 20px; font-size: 28px; display: block; text-indent: -.1em; }

section.outline .division .content-rihgt { display: inline-block; letter-spacing: normal; vertical-align: top; }

section.outline .division .content-rihgt span.title { margin: auto auto 20px; font-size: 28px; display: block; }

section.outline .division .photo { width: 520px; }

section.outline .division .photo img { width: 520px; }

section.outline .division .text { width: 410px; line-height: 1.8em; font-size: 16px; text-align: left; text-align: justify; }

@media screen and (max-width: 768px) { section.entry { width: 100%; position: relative; }
  section.entry .photo img { width: 100%; }
  section.entry h2 { width: 270px; position: absolute; top: 12%; right: auto; bottom: auto; left: 50%; margin-left: -135px; }
  section.entry p.read { width: 90%; position: absolute; top: 47%; right: auto; bottom: auto; left: 50%; margin-left: -45%; text-align: center; letter-spacing: -.01em; line-height: 1.7em; font-size: 13px; text-align: justify; }
  section.entry pre { display: inline; }
  section.outline { width: 100%; margin: 50px auto auto; padding-bottom: 43px; }
  section.outline .division { margin: 50px auto auto; text-align: center; letter-spacing: -.4em; }
  section.outline .division .content-left { margin: auto 50px auto auto; display: inline-block; letter-spacing: normal; vertical-align: top; }
  section.outline .division .content-left span.title { margin: auto auto 17px; font-size: 22px; display: block; text-indent: 0em; }
  section.outline .division .content-rihgt { display: inline-block; letter-spacing: normal; vertical-align: top; }
  section.outline .division .content-rihgt span.title { margin: auto auto 17px; font-size: 22px; display: block; text-indent: 0em; }
  section.outline .division .photo { width: 86%; margin: 36px auto 0; }
  section.outline .division .text { width: 90%; margin: 0 auto; line-height: 1.45em; letter-spacing: -.05em; font-size: 16px; text-align: left; text-align: justify; } }