body {
  background-color: #fff;
}

article {
  max-width: 960px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12em;
}

article > h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 28px;
  margin-left: 13%;
  margin-bottom: 2em;
}

section {
  margin-left: 13%;
  margin-bottom: 4em;
}

section h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 2em;
}

section h2 span {
  display: inline-block;
  border-bottom: solid 2px #333;
  padding-bottom: 0.5em;
}

/* -----------------------------------------------------------------------------
message
----------------------------------------------------------------------------- */
#section_message p {
  line-height: 3;
}

/* -----------------------------------------------------------------------------
service
----------------------------------------------------------------------------- */
#section_service p {
  line-height: 1.7;
}

/* -----------------------------------------------------------------------------
past work
----------------------------------------------------------------------------- */
#section_pastwork ul {
  line-height: 1.7;
  list-style-type: none;
  letter-spacing: 0em;
}

/* -----------------------------------------------------------------------------
past work
----------------------------------------------------------------------------- */
#section_profile p {
  line-height: 1.7;
  margin-bottom: 1em;
}

/* *****************************************************************************

-768px

***************************************************************************** */
@media only screen and (max-width: 768px) {
  article > h1 {
    margin-left: 0%;
    margin-bottom: 1em;
  }
  section {
    margin-left: 0%;
  }
  section h2 span {
    border-bottom: solid 1px #333;
  }
  /* -----------------------------------------------------------------------------
  message
  ----------------------------------------------------------------------------- */
  #section_message p {
    line-height: 2;
  }
  #section_message p br.disp_pc {
    display: none;
  }
}