@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
.bg-main {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/history/main_header.jpg");
  background-size: cover;
  position: relative;
  height: 39.11343vw; }
  .bg-main--title {
    font-weight: 900;
    font-size: 7.82269vw;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 2.60756vw;
    bottom: 2.60756vw; }
  @media only screen and (min-width: 768px) {
    .bg-main {
      height: 300px; }
      .bg-main--title {
        font-size: 50px;
        left: 45px;
        bottom: 15px; } }

.cat-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 11.08214vw;
  margin: 6.5189vw 0 11.73403vw; }
  .cat-list__item {
    font-size: 4.69361vw;
    font-weight: 700;
    position: relative; }
    .cat-list__item.cat-pc:before {
      background: #009ef0; }
    .cat-list__item.cat-cs:before {
      background: #fd4eff; }
    .cat-list__item.current:before {
      -webkit-transform: translateX(-50%) scale(1, 1);
              transform: translateX(-50%) scale(1, 1); }
    .cat-list__item:before {
      content: "";
      display: block;
      background: #f07800;
      width: 100%;
      height: 0.78227vw;
      position: absolute;
      left: 50%;
      bottom: -2.08605vw;
      z-index: 2;
      -webkit-transform: translateX(-50%) scale(0, 1);
              transform: translateX(-50%) scale(0, 1);
      -webkit-transform-origin: center top;
              transform-origin: center top;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; }
  @media only screen and (min-width: 768px) {
    .cat-list {
      margin: 0 0 65px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .cat-list__item {
        font-size: 18px;
        margin: 0 2.8125vw;
        transition: all .3s;
        cursor: pointer; }
        .cat-list__item:before {
          width: 100%;
          height: 4px;
          bottom: -12px;
          -webkit-transform: translateX(-50%) scale(0, 1);
                  transform: translateX(-50%) scale(0, 1); }
        .cat-list__item.current:before, .cat-list__item:hover:before {
          -webkit-transform: translateX(-50%) scale(1, 1);
                  transform: translateX(-50%) scale(1, 1); } }

.history-list {
  padding: 0 2.60756vw;
  margin: 0 0 3.91134vw;
  transition: all 300ms; }
  @media only screen and (min-width: 768px) {
    .history-list {
      width: 93.125vw;
      padding: 0;
      margin: 0 auto 30px; } }
  @media only screen and (min-width: 1601px) {
    .history-list {
      width: 1490px; } }
  .history-list.off {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .history-list--wrap {
    position: relative; }
    .history-list--wrap:not(:last-child) {
      padding: 0 0 5.21512vw; }
    .history-list--wrap:before {
      content: "";
      display: block;
      background: #000;
      width: 0.78227vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 4.1721vw;
      z-index: 2; }
    .history-list--wrap:last-child:before, .history-list--wrap.last:before {
      display: none; }
    .history-list--wrap.none {
      display: none; }
    @media only screen and (min-width: 768px) {
      .history-list--wrap:not(:last-child) {
        padding: 0 0 30px; }
      .history-list--wrap:before {
        width: 6px;
        left: 32px; } }
  .history-list--year {
    background: #000;
    color: #fff;
    font-family: "Oswald", sans-serif;
    text-align: center;
    font-weight: 700;
    font-size: 3.12907vw;
    line-height: 11.47327vw;
    width: 11.47327vw;
    position: absolute;
    top: -1.30378vw;
    left: -1.30378vw;
    z-index: 2; }
    @media only screen and (min-width: 768px) {
      .history-list--year {
        font-size: 24px;
        line-height: 90px;
        width: 90px;
        top: -10px;
        left: -10px; } }
  .history-list--item {
    border-width: 0.78227vw;
    border-style: solid;
    border-radius: 10px;
    padding: 7.1708vw 7.1708vw 6.5189vw 11.73403vw;
    position: relative; }
    .history-list--item.cat-pc {
      border-color: #009ef0; }
    .history-list--item.cat-cs {
      border-color: #fd4eff; }
    @media only screen and (min-width: 768px) {
      .history-list--item {
        border-width: 6px;
        padding: 20px 35px 25px 105px; } }

@media only screen and (min-width: 768px) {
  .history-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.history-info--img {
  width: 20.8605vw;
  margin: 0 auto 3.91134vw; }
  @media only screen and (min-width: 768px) {
    .history-info--img {
      -webkit-flex-basis: 80px;
          -ms-flex-preferred-size: 80px;
              flex-basis: 80px;
      width: 80px;
      padding: 10px 0 0;
      margin: 0 35px 0 0; } }

@media only screen and (min-width: 768px) {
  .history-info--content {
    -webkit-flex-basis: 76.25vw;
        -ms-flex-preferred-size: 76.25vw;
            flex-basis: 76.25vw;
    width: 76.25vw; } }

@media only screen and (min-width: 1601px) {
  .history-info--content {
    -webkit-flex-basis: 1220px;
        -ms-flex-preferred-size: 1220px;
            flex-basis: 1220px;
    width: 1220px; } }

.history-info--content__date {
  font-size: 3.12907vw;
  line-height: 3.91134vw; }
  .history-info--content__date .cat-tag {
    width: 11.73403vw;
    color: #fff;
    text-align: center;
    font-size: 2.34681vw;
    font-weight: 700;
    display: inline-block;
    margin: 0 0 0 3.91134vw; }
    .history-info--content__date .cat-tag.cat-pc {
      background: #009ef0; }
    .history-info--content__date .cat-tag.cat-cs {
      background: #fd4eff; }
  @media only screen and (min-width: 768px) {
    .history-info--content__date {
      font-size: 14px;
      line-height: 20px; }
      .history-info--content__date .cat-tag {
        width: 60px;
        color: #fff;
        font-size: 12px;
        margin: 0 0 0 30px; } }

.history-info--content__tit {
  font-size: 5.21512vw;
  line-height: 1.25;
  font-weight: 900;
  margin: 4.56323vw 0 3.91134vw; }
  @media only screen and (min-width: 768px) {
    .history-info--content__tit {
      font-size: 30px;
      margin: 17px 0 23px; } }

.history-info--content__text {
  font-size: 3.38983vw;
  line-height: 1.75; }
  @media only screen and (min-width: 768px) {
    .history-info--content__text {
      font-size: 16px; } }

.history-attention {
  padding: 0 2.60756vw;
  font-size: 2.86832vw;
  line-height: 1.5; }
  @media only screen and (min-width: 768px) {
    .history-attention {
      width: 93.125vw;
      padding: 0;
      margin: 0 auto;
      font-size: 14px; } }
  @media only screen and (min-width: 1601px) {
    .history-attention {
      width: 1490px; } }
  .history-attention__text {
    padding-left: 1em;
    text-indent: -1em; }
    .history-attention__text:not(:first-child) {
      margin-top: 2.60756vw; }
      @media only screen and (min-width: 768px) {
        .history-attention__text:not(:first-child) {
          margin-top: 10px; } }

.history--sns-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 6.5189vw 0 0; }
  @media only screen and (min-width: 768px) {
    .history--sns-links {
      margin: 0;
      position: absolute;
      top: 20px;
      right: 35px;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .history--sns-links .sns-links--item {
    -webkit-flex-basis: 10.43025vw;
        -ms-flex-preferred-size: 10.43025vw;
            flex-basis: 10.43025vw;
    width: 10.43025vw;
    height: 9.12647vw;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4.56323vw 0 0; }
    .history--sns-links .sns-links--item.tw {
      background-image: url("../img/common/icon_tw.png"); }
    .history--sns-links .sns-links--item.fb {
      background-image: url("../img/common/icon_fb.png"); }
    .history--sns-links .sns-links--item.line {
      background-image: url("../img/common/icon_line.png"); }
    .history--sns-links .sns-links--item.dscd {
      background-image: url("../img/common/icon_dscd.png"); }
    @media only screen and (max-width: 767px) {
      .history--sns-links .sns-links--item:nth-child(3) {
        margin: 0 6.5189vw 0 0; } }
    @media only screen and (min-width: 768px) {
      .history--sns-links .sns-links--item {
        -webkit-flex-basis: 40px;
            -ms-flex-preferred-size: 40px;
                flex-basis: 40px;
        width: 40px;
        height: 30px;
        margin: 0 0 0 10px;
        transition: 300ms; }
        .history--sns-links .sns-links--item:last-child {
          margin: 0 0 0 20px; }
        .history--sns-links .sns-links--item:hover {
          -webkit-transform: translateY(-10%);
                  transform: translateY(-10%); } }

.year_1990:not(.first) > .history-list--year {
  display: none; }

.year_1991:not(.first) > .history-list--year {
  display: none; }

.year_1992:not(.first) > .history-list--year {
  display: none; }

.year_1993:not(.first) > .history-list--year {
  display: none; }

.year_1994:not(.first) > .history-list--year {
  display: none; }

.year_1995:not(.first) > .history-list--year {
  display: none; }

.year_1996:not(.first) > .history-list--year {
  display: none; }

.year_1997:not(.first) > .history-list--year {
  display: none; }

.year_1998:not(.first) > .history-list--year {
  display: none; }

.year_1999:not(.first) > .history-list--year {
  display: none; }

.year_2000:not(.first) > .history-list--year {
  display: none; }

.year_2001:not(.first) > .history-list--year {
  display: none; }

.year_2002:not(.first) > .history-list--year {
  display: none; }

.year_2003:not(.first) > .history-list--year {
  display: none; }

.year_2004:not(.first) > .history-list--year {
  display: none; }

.year_2005:not(.first) > .history-list--year {
  display: none; }

.year_2006:not(.first) > .history-list--year {
  display: none; }

.year_2007:not(.first) > .history-list--year {
  display: none; }

.year_2008:not(.first) > .history-list--year {
  display: none; }

.year_2009:not(.first) > .history-list--year {
  display: none; }

.year_2010:not(.first) > .history-list--year {
  display: none; }

.year_2011:not(.first) > .history-list--year {
  display: none; }

.year_2012:not(.first) > .history-list--year {
  display: none; }

.year_2013:not(.first) > .history-list--year {
  display: none; }

.year_2014:not(.first) > .history-list--year {
  display: none; }

.year_2015:not(.first) > .history-list--year {
  display: none; }

.year_2016:not(.first) > .history-list--year {
  display: none; }

.year_2017:not(.first) > .history-list--year {
  display: none; }

.year_2018:not(.first) > .history-list--year {
  display: none; }

.year_2019:not(.first) > .history-list--year {
  display: none; }

.year_2020:not(.first) > .history-list--year {
  display: none; }

.year_2021:not(.first) > .history-list--year {
  display: none; }

.year_2022:not(.first) > .history-list--year {
  display: none; }

.year_2023:not(.first) > .history-list--year {
  display: none; }

.year_2024:not(.first) > .history-list--year {
  display: none; }

.year_2025:not(.first) > .history-list--year {
  display: none; }

.year_2026:not(.first) > .history-list--year {
  display: none; }

.year_2027:not(.first) > .history-list--year {
  display: none; }

.year_2028:not(.first) > .history-list--year {
  display: none; }

.year_2029:not(.first) > .history-list--year {
  display: none; }

.year_2030:not(.first) > .history-list--year {
  display: none; }

.year_2031:not(.first) > .history-list--year {
  display: none; }

.year_2032:not(.first) > .history-list--year {
  display: none; }

.year_2033:not(.first) > .history-list--year {
  display: none; }

.year_2034:not(.first) > .history-list--year {
  display: none; }

.year_2035:not(.first) > .history-list--year {
  display: none; }

.year_2036:not(.first) > .history-list--year {
  display: none; }

.year_2037:not(.first) > .history-list--year {
  display: none; }

.year_2038:not(.first) > .history-list--year {
  display: none; }

.year_2039:not(.first) > .history-list--year {
  display: none; }

.year_2040:not(.first) > .history-list--year {
  display: none; }

.year_2041:not(.first) > .history-list--year {
  display: none; }

.year_2042:not(.first) > .history-list--year {
  display: none; }

.year_2043:not(.first) > .history-list--year {
  display: none; }

.year_2044:not(.first) > .history-list--year {
  display: none; }

.year_2045:not(.first) > .history-list--year {
  display: none; }

.year_2046:not(.first) > .history-list--year {
  display: none; }

.year_2047:not(.first) > .history-list--year {
  display: none; }

.year_2048:not(.first) > .history-list--year {
  display: none; }

.year_2049:not(.first) > .history-list--year {
  display: none; }

.year_2050:not(.first) > .history-list--year {
  display: none; }

/*# sourceMappingURL=../maps/history.css.map */