@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　history

**********************************************************************************************/
/*---------------------------------------------
history
---------------------------------------------*/
.kv.-history {
  background-image: url("../img/history/kv_history.jpg"); }

.history_txt {
  font-size: 2rem;
  text-align: center;
  margin: 0 0 40px;
  line-height: 2.1; }
  @media (max-width: 750px) {
    .history_txt {
      font-size: 3.73vw;
      margin: 0 0 6.6vw; } }

.historyNavList {
  display: flex;
  justify-content: center; }
  .historyNavList li {
    width: 240px;
    border: 2px solid #26499d; }
    @media (max-width: 750px) {
      .historyNavList li {
        width: 40vw; } }
    .historyNavList li:not(:last-child) {
      margin: 0 40px 0 0; }
      @media (max-width: 750px) {
        .historyNavList li:not(:last-child) {
          margin: 0 2.6vw 0 0; } }
  .historyNavList a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 20px;
    color: #26499d; }
    @media (max-width: 750px) {
      .historyNavList a {
        padding: 0.3vw 4vw; } }
    .historyNavList a::after {
      content: "";
      display: block;
      background: url("../img/history/arrow.svg") no-repeat;
      background-size: contain;
      width: 7px;
      height: 13px;
      margin-left: 10px; }
      @media (max-width: 750px) {
        .historyNavList a::after {
          width: 1.3vw;
          height: 2.2vw;
          margin-left: 2.6vw; } }

.historyList {
  padding-left: 20px;
  font-size: 1.8rem; }
  @media (max-width: 750px) {
    .historyList {
      padding-left: 2.6vw;
      font-size: 3.2vw; } }
  .historyList li {
    position: relative;
    padding-left: 50px; }
    @media (max-width: 750px) {
      .historyList li {
        padding-left: 8vw; } }
    .historyList li::before, .historyList li::after {
      content: "";
      display: block;
      position: absolute; }
    .historyList li::before {
      width: 3px;
      height: 100%;
      background: #b4b4b4;
      left: 0;
      z-index: 1;
      top: 0; }
      @media (max-width: 750px) {
        .historyList li::before {
          width: 2px; } }
    .historyList li::after {
      background: url("../img/history/history_deco.svg") no-repeat;
      background-size: contain;
      width: 49px;
      height: 17px;
      left: -7px;
      z-index: 2;
      top: 20px; }
      @media (max-width: 750px) {
        .historyList li::after {
          width: 10vw;
          height: 2.6vw;
          left: -1.2vw;
          top: 4vw; } }
    .historyList li:first-child::before {
      top: 20px; }
      @media (max-width: 750px) {
        .historyList li:first-child::before {
          top: 4vw; } }
    .historyList li:last-child::before {
      top: auto;
      bottom: calc(100% - 20px); }
      @media (max-width: 750px) {
        .historyList li:last-child::before {
          bottom: calc(100% - 4vw); } }

.historyList_tit {
  font-weight: 700;
  color: #f2ab04; }

.historyList_txt {
  padding-bottom: 30px; }
  @media (max-width: 750px) {
    .historyList_txt {
      padding-bottom: 8vw; } }

.history_flex {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 750px) {
    .history_flex {
      display: block; } }

.history_imgList {
  flex-shrink: 0;
  width: 45.9%;
  margin-left: 30px; }
  @media (max-width: 750px) {
    .history_imgList {
      margin: 6vw 0 0;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 2.6vw; } }
  @media (max-width: 750px) {
    .history_imgList li {
      width: 48%; } }
  .history_imgList li:not(:last-child) {
    margin: 0 0 40px; }
    @media (max-width: 750px) {
      .history_imgList li:not(:last-child) {
        margin: 0 0 6.6vw; } }

.history_img {
  max-width: 747px;
  margin: auto; }