@charset "utf-8";

/**
 *
 *  沿革ページcss
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
   sec-highlight
---------------------------------------------------------------------------*/
.sec-highlight {
  margin-bottom: 30px;
}

.sec-highlight ul {
  margin-right: -60px;
  overflow: hidden;
}

.sec-highlight li {
  float: left;
  margin-right: 60px;
}

.sec-highlight li p {
  font-size: 115%;
  margin-bottom: 10px;
}

.sec-highlight .link,
.sec-highlight .text {
  margin-top: 20px;
}

.sec-highlight .ttl {
  font-size: 16px;
  font-weight: bold;
  color: #303030;
  margin-top: 0;
  text-indent: -1em;
  padding-left: 1em;
}

.sec-highlight .ttl+.text,
.sec-highlight .ttl+.link {
  margin-top: 15px;
}

.sec-highlight .link a:link,
.sec-highlight .link a:visited {
  color: #a9151a;
  font-weight: 600;
  ;
}

/* @SP */
@media all and (max-width: 767px) {
  .sec-highlight {
    margin-bottom: 0;
  }

  .sec-highlight ul {
    margin: 0 auto;
    width: 300px;
  }

  .sec-highlight li {
    width: 144px;
    margin: 0 3px 10px;
  }

  .sec-highlight li img {
    width: 100%;
    height: auto;
  }

  .sec-highlight li p {
    margin-bottom: 0;
    font-size: 12px
  }

  .sec-highlight .ttl {
    font-size: 14px;
  }
}

/*--------------------------------------------------------------------------
   sec
---------------------------------------------------------------------------*/
.sec .year-wrap {
  border-bottom: 1px dotted #ab1a1e;
  padding: 15px 0;
  overflow: hidden;
}

.sec .year-wrap dl {
  display: table;
}

.sec .year-wrap dl dt,
.sec .year-wrap dl dd {
  display: table-cell;
}

.sec .year-wrap dl dt {
  text-align: right;
  width: 40px;
  white-space: nowrap;
}

.sec .year-wrap dl dd {
  padding-left: 35px;
}

/* @SP */
@media all and (max-width: 767px) {
  .sec {
    padding-bottom: 20px;
  }

  .sec .year-wrap {
    width: 100%;
    display: table;
  }

  .sec .year-wrap p,
  .sec .year-wrap .year-inner {
    display: table-cell;
  }

  .sec .year-wrap .year {
    margin: 0;
    float: none;
    width: 55px;
    padding-left: 5px;
  }

  .sec .year-wrap dl {
    width: auto;
    float: none;
  }

  .sec .year-wrap dl dt,
  .sec .year-wrap dl dd {
    line-height: 17px;
  }

  .sec .year-wrap dl dd {
    padding-left: 0;
  }

  .sec .year-wrap dl dt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45px;
    padding-right: 10px;
  }
}