.main-content {
  width: 100vw;
  max-width: 1370px;
  margin: 100px auto; }
  .main-content .content-inner {
    width: 88vw;
    margin: 0 auto; }
  .main-content h1 {
    display: none; }
  .main-content h2 {
    width: 50vw;
    max-width: 318px; }

@media (min-width: 769px) {
  .main-content {
    margin: 0 auto;
    height: 100vh;
    position: relative; }
    .main-content h1 {
      display: block;
      position: absolute;
      top: 50%;
      left: 70px;
      transform: translateY(-50%);
      width: 30vw;
      max-width: 384px; }
    .main-content .content-inner {
      width: 43%;
      max-width: 528px;
      margin: 0 70px 0 auto;
      padding-top: 170px; } }
.main-content ul, .main-content dl {
  font-style: italic; }
.main-content ul {
  font-size: 1.2em;
  line-height: 2.0; }
.main-content dl {
  border-bottom: 1px dotted #fff; }

@media (min-width: 769px) {
  .main-content dl {
    clear: both;
    overflow: hidden;
    _zoom: 1; }
    .main-content dl dt {
      width: 10em;
      float: left; }
    .main-content dl dd {
      padding-left: 10em; } }