.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* ------------------------------
button
------------------------------ */
/* ------------------------------
graduate
------------------------------ */
article#graduate #section01 {
  width: 1000px;
  padding: 35px 0 80px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    article#graduate #section01 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px; } }
  article#graduate #section01 h2 {
    font-size: 26px;
    color: #87ABD1;
    font-weight: normal;
    margin: 0 0 20px; }
    @media only screen and (max-width: 480px) {
      article#graduate #section01 h2 {
        font-size: 24px; } }
  article#graduate #section01 dl {
    box-sizing: border-box;
    width: 100%;
    display: table;
    border: 1px solid #ccc;
    border-bottom: none; }
    @media only screen and (max-width: 480px) {
      article#graduate #section01 dl {
        display: block; } }
    article#graduate #section01 dl:last-of-type {
      border-bottom: 1px solid #ccc;
      margin: 0 0 40px; }
      @media only screen and (max-width: 480px) {
        article#graduate #section01 dl:last-of-type {
          margin: 0 0 20px; } }
    article#graduate #section01 dl dt {
      box-sizing: border-box;
      width: 15%;
      display: table-cell;
      border-right: 1px solid #ccc;
      padding: 10px 15px;
      line-height: 135%;
      background: #eee; }
      @media only screen and (max-width: 480px) {
        article#graduate #section01 dl dt {
          width: 100%;
          display: block;
          padding: 10px;
          border-right: none;
          border-bottom: 1px solid #ccc;
          font-weight: bold; } }
    article#graduate #section01 dl dd {
      box-sizing: border-box;
      width: 85%;
      display: table-cell;
      padding: 10px 15px;
      line-height: 135%; }
      @media only screen and (max-width: 480px) {
        article#graduate #section01 dl dd {
          width: 100%;
          display: block;
          padding: 10px; } }
      article#graduate #section01 dl dd p {
        margin: 0 0 10px; }
        article#graduate #section01 dl dd p:last-child {
          margin: 0; }