@charset "UTF-8";

.history_wrap .bgSkyGrdRe > .inner_slim {
  padding-top: 80px;
  padding-bottom: 100px;
}

.history_wrap .contents_box,
.imgBoxList_wrap li {
  padding: 50px 40px;
}

.border_list {
  width: 100%;
}

.border_list .list_inner {
  border-bottom: 2px solid #DCDCDC;
  padding: 1em 0;
}

.border_list .list_inner:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.border_list .list_inner:first-child {
  padding-top: 0;
}


.border_list .list_inner,
.border_list .list_inner .history_txt_box>* {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.history_year,
.history_day,
.history_txt {
  font-size: 18px;
}

.history_year {
  width: 5em;
  font-weight: bold;
}

.border_list .list_inner .history_txt_box {
  width: calc(100% - 5em);
}

.history_day {
  width: 3em;
  font-weight: bold;
}

.history_txt {
  width: calc(100% - 6em);
}

.txt_box_inner+.txt_box_inner {
  margin-top: 0.85em;
}

.history_txt span {
  display: block;
}

.history_txt span+span {
  margin-top: 0.25em;
}

.history_txt .caption {
  font-size: 12px;
}


@media only screen and (max-width: 1163px) {

  .border_list .list_inner,
  .border_list .list_inner .history_txt_box>* {
    flex-wrap: wrap;
  }

  .history_year,
  .history_day,
  .history_txt {
    font-size: 1.8vw;
  }

  .border_list .list_inner .history_txt_box {
    width: calc(100% - 8.5em);
  }

  .history_txt {
    width: calc(100% - 4.5em);
  }
}

@media only screen and (max-width: 959px) {

  .history_year,
  .history_day,
  .history_txt {
    font-size: 1.9vw;
  }

  .border_list .list_inner .history_txt_box {
    width: calc(100% - 7.5em);
  }

  .history_txt {
    width: calc(100% - 4.5em);
  }
}

/*==========================================================================================
ここからSP
==========================================================================================*/

@media only screen and (max-width: 767px) {

  .history_wrap .bgSkyGrdRe > .inner_slim {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .history_wrap .contents_box,
  .imgBoxList_wrap li {
    padding: 6vw var(--inner-padding-LR);
  }

  .history_year,
  .history_day,
  .history_txt {
    font-size: 4vw;
  }

  .history_year {
    width: 100%;        
    font-size: 4.5vw;margin-bottom: 0.15em;
  }

  .border_list .list_inner .history_txt_box {
    width: 100%;
  }

  .history_txt {
    width: calc(100% - 3em);
  }

  .history_txt .caption {
    font-size: 3vw;
  }
}