@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* 1280 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap");
/*　font-family: 'Noto Serif JP', serif;　*/
@import url("https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap");
/*　font-family: 'Yuji Syuku', serif;　*/
.area_contents .block_contents .box_readcopy {
  margin-top: 30px;
  padding: 30px 30px 20px;
  background: rgba(255, 255, 255, 0.4);
}
.area_contents .block_contents .box_readcopy h3 {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.area_contents .block_contents .box_readcopy p {
  margin-top: 10px;
}
.area_contents .block_contents .history {
  width: 100%;
  box-sizing: border-box;
  margin: 50px auto 0;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history {
    margin: 25px auto 0;
  }
}
.area_contents .block_contents .history p {
  font-size: 1.5rem;
  line-height: 1.8em;
  margin-left: 16.9%;
}
@media all and (max-width: 1280px) {
  .area_contents .block_contents .history p {
    margin-left: 22.8%;
  }
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history p {
    margin-left: 0;
    padding-bottom: 5px;
    text-align: right;
  }
}
.area_contents .block_contents .history p span {
  font-weight: bold;
}
.area_contents .block_contents .history p span.on {
  color: #D50E25;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea {
    height: 500px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.area_contents .block_contents .history .scrollArea dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  border-bottom: #2A1710 dotted 1px;
  padding: 0 0 8px;
  line-height: 1.8em;
}
.area_contents .block_contents .history .scrollArea dl:last-child {
  margin-bottom: 0;
}
.area_contents .block_contents .history .scrollArea dl dt {
  width: 15%;
  padding: 15px 0 15px 30px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1.5em;
}
@media all and (max-width: 1280px) {
  .area_contents .block_contents .history .scrollArea dl dt {
    width: 21%;
  }
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea dl dt {
    width: 45%;
    padding: 10px 0 10px 10px;
  }
}
@media all and (max-width: 375px) {
  .area_contents .block_contents .history .scrollArea dl dt {
    font-size: 5vw;
  }
}
.area_contents .block_contents .history .scrollArea dl dt span {
  font-weight: normal;
  font-size: 0.8em;
}
.area_contents .block_contents .history .scrollArea dl dd:nth-child(2) {
  width: 5%;
  text-align: center;
  font-size: 1.1em;
  padding: 15px;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea dl dd:nth-child(2) {
    width: 15%;
    padding: 10px;
  }
}
.area_contents .block_contents .history .scrollArea dl dd:last-child {
  width: 80%;
  font-size: 1.6rem;
  padding: 15px;
}
@media all and (max-width: 1280px) {
  .area_contents .block_contents .history .scrollArea dl dd:last-child {
    width: 74%;
  }
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea dl dd:last-child {
    width: 90%;
    padding: 0 10px 10px;
  }
}
.area_contents .block_contents .history .scrollArea dl dd.on {
  position: relative;
  color: #D50E25;
}
.area_contents .block_contents .history .scrollArea dl dd.on::after {
  position: absolute;
  content: "";
  border-left: 2px solid #D50E25;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  height: 150px;
  z-index: -1;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea dl dd.on::after {
    height: 250px;
  }
}
.area_contents .block_contents .history .scrollArea dl dd.on.last::after {
  border-left: 2px solid #999;
}
.area_contents .block_contents .history .scrollArea dl dd.off {
  position: relative;
  color: #999;
}
.area_contents .block_contents .history .scrollArea dl dd.off::after {
  position: absolute;
  content: "";
  border-left: 2px solid #999;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  height: 150px;
  z-index: -1;
}
.area_contents .block_contents .history .scrollArea dl dd.off.secondlast::after {
  height: 70px;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .history .scrollArea dl dd.off.secondlast::after {
    height: 90px;
  }
}
@media all and (max-width: 596px) {
  .area_contents .block_contents .history .scrollArea dl dd.off.secondlast::after {
    height: 115px;
  }
}
.area_contents .block_contents .history .scrollArea dl dd.off.last::after {
  content: none;
}
.area_contents .block_contents .history .scrollArea dl dd span.red {
  color: #D50E25;
  font-weight: bold;
  font-size: 1.8rem;
}
.area_contents .block_contents .history .scrollArea dl dd div {
  margin-top: 10px;
  font-weight: bold;
  line-height: 2em;
  color: #05432C;
}
.area_contents .block_contents .history .scrollArea dl dd div span {
  display: inline;
  border-bottom: 2px solid #05432C;
}
.area_contents .block_contents .area_bottom_navi {
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .area_bottom_navi {
    margin-top: 50px;
  }
}