/* color */
#sec01 {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #sec01 .text {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .text {
    width: 86.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .text {
    width: 1110px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .text {
    margin: 0 7.6923076923vw;
  }
}
#sec01 .text .hd01 {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sec01 .text .hd01 {
    font-size: 60px;
    font-size: 4.6875vw;
    line-height: 1;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .text .hd01 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .text .hd01 {
    font-size: 6.6666666667vw;
    line-height: 11.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .text .tx01 {
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .text .tx01 {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .text .tx01 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .text .tx01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .text .tx01 {
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}
#sec01 .history {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history {
    margin-top: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history {
    margin-top: 150px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history {
    margin-top: 136.4102564103vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology {
    margin-left: 6.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology {
    margin-left: 86px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology {
    width: 55.234375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology {
    width: 707px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology {
    margin: 0 7.6923076923vw;
  }
}
#sec01 .history .chronology li {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:not(:last-child) {
    padding-bottom: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:not(:last-child) {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li:not(:last-child) {
    padding-bottom: 11.5384615385vw;
  }
}
#sec01 .history .chronology li .dt {
  text-align: left;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #sec01 .history .chronology li .dt {
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li .dt {
    width: 11.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li .dt {
    width: 142px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li .dt {
    padding-left: 2.03125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li .dt {
    padding-left: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li .dt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li .dt {
    width: 29.2307692308vw;
    padding-left: 5.8974358974vw;
    font-size: 3.5897435897vw;
    line-height: 7.6923076923vw;
  }
}
#sec01 .history .chronology li .tt {
  flex: 1;
}
@media screen and (min-width: 768px) {
  #sec01 .history .chronology li .tt {
    font-size: 15px;
    font-size: 1.171875vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li .tt {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li .tt {
    font-size: 3.8461538462vw;
    line-height: 7.6923076923vw;
  }
}
#sec01 .history .chronology li .tt p + p {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  #sec01 .history .chronology li .tt p.rem {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li .tt p.rem {
    margin-top: 0.5em;
    font-size: 3.5897435897vw;
    line-height: 6.1538461538vw;
  }
}
#sec01 .history .chronology li:before {
  content: "";
  position: absolute;
  height: 0%;
  background: #5B646A;
  transition: height 0.3s;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:before {
    top: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:before {
    top: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:before {
    left: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:before {
    left: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:before {
    width: 0.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:before {
    width: 1px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li:before {
    top: 3.8461538462vw;
    left: 2.0512820513vw;
    width: 0.2564102564vw;
  }
}
#sec01 .history .chronology li:after {
  content: "";
  position: absolute;
  background: #D9032D;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  #sec01 .history .chronology li:after {
    left: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:after {
    top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:after {
    top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:after {
    width: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:after {
    width: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .chronology li:after {
    height: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .chronology li:after {
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li:after {
    top: 2.5641025641vw;
    left: 0.7692307692vw;
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li.i202411 {
    padding-bottom: 84.6153846154vw;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .chronology li.i202411 .ph {
    position: absolute;
    bottom: 11.5384615385vw;
    left: 18.7179487179vw;
    width: 46.9230769231vw;
  }
}
#sec01 .history .chronology li:last-child:before {
  display: none;
}
#sec01 .history .chronology li.show:before {
  height: 100%;
}
#sec01 .history .phwrap {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #sec01 .history .phwrap {
    box-shadow: -1.5625vw 1.5625vw 3.125vw rgba(14, 42, 122, 0.05);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .phwrap {
    border-radius: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .phwrap {
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .phwrap {
    box-shadow: -20px 20px 40px rgba(14, 42, 122, 0.05);
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .phwrap {
    border-radius: 3.0769230769vw;
    box-shadow: -3.8461538462vw 7.1794871795vw 12.8205128205vw rgba(14, 42, 122, 0.13);
  }
}
#sec01 .history .ph li {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #sec01 .history .ph li.i01 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i01 {
    top: -0.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i01 {
    top: -1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i01 {
    right: 0.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i01 {
    right: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i01 {
    width: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i01 {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .ph li.i01 {
    top: -128.4615384615vw;
    left: 38.4615384615vw;
    width: 53.8461538462vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i02 {
    top: 21.640625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i02 {
    top: 277px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i02 {
    right: 7.265625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i02 {
    right: 93px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i02 {
    width: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i02 {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .ph li.i02 {
    top: -70.7692307692vw;
    left: 15.3846153846vw;
    width: 53.8461538462vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .history .ph li.i03 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i03 {
    top: 55.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i03 {
    top: 708px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i03 {
    right: 0vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i03 {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i03 {
    width: 31.25vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i03 {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .ph li.i03 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i04 {
    top: 83.203125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i04 {
    top: 1065px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i04 {
    right: 12.109375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i04 {
    right: 155px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i04 {
    width: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i04 {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .ph li.i04 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i05 {
    top: 112.421875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i05 {
    top: 1439px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i05 {
    right: 6.796875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i05 {
    right: 87px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .history .ph li.i05 {
    width: 20.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .history .ph li.i05 {
    width: 266px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .history .ph li.i05 {
    display: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .im {
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .im {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .im {
    height: 96.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .im {
    height: 1241px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .im {
    margin-top: -65.1282051282vw;
    height: 256.4102564103vw;
  }
}
#sec01 .im p {
  height: 100%;
}
#sec01 .im p img {
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  #sec01 .im p img {
    object-position: center 83%;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .im p img {
    object-position: center bottom;
  }
}
/*# sourceMappingURL=index.css.map */