.tab-1 {
  height: 70px;
  width: 100%;
  background: url(../images/history-images/footer_bg.jpg) top center;
}
.tab-1 .tab1-img {
  position: absolute;
  top: -2px;
  right: 0;
}

.tab-2 {
  width: 100%;
  height: 50px;
  background: #575757;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-2 .tab2-img {
  position: absolute;
  top: -59px;
  left: -2px;
}
.tab-2 .tab2-textbox {
  display: flex;
}
.tab-2 .tab2-textbox .tab2-text {
  background: url(../images/history-images/tab2-titleline.png);
  background-repeat: no-repeat;
  width: 188px;
  height: 33px;
  color: #ffae21;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.tab-2 .tab2-textbox .tab2-text:hover {
  color: #ffff6c;
}

#mainvisual {
  width: 100%;
  margin: 0px auto 0px auto;
  height: 401px;
  background: url(../images/history-images/banner.jpg), #000;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow: hidden;
}
#mainvisual .relative-root {
  position: relative;
  width: 900px;
  height: 100%;
  margin: 0px auto;
}
#mainvisual .header-title {
  background-repeat: no-repeat;
  background-position: center;
  width: 382px;
  height: 154px;
  position: absolute;
  top: 104px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  mask-image: url(../images/history-images/header-title.png);
  -webkit-mask-image: url(../images/history-images/header-title.png);
  mix-blend-mode: color-dodge;
  background: linear-gradient(135deg, #000 45%, #999 50%, #000 55%);
  background-size: 1000% 1000%;
  animation: 8s ease-out glow-heading forwards;
}
@keyframes glow-heading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#mainvisual .hikari-1 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  animation: kirakira-1 3s infinite;
}
@keyframes kirakira-1 {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
#mainvisual .hikari-2 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  animation: kirakira-2 3s infinite;
}
@keyframes kirakira-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#mainvisual .hikari-3 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  animation: kirakira-3 3s infinite;
}
@keyframes kirakira-3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.jumbotron {
  position: relative;
  height: 170px;
  background: url(../images/history-images/header-leaf.png), url(../images/history-images/footer_bg.jpg);
  background-repeat: no-repeat, repeat;
  background-position: center, top center;
}
.jumbotron .page-top {
  background-image: url(../images/history-images/header-line.png);
  background-repeat: repeat-x;
  background-position: center;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
}
.jumbotron .jumbotron-text {
  text-align: center;
  width: 100%;
  padding-top: 42px;
}

.content-inner {
  position: relative;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  height: max-content;
}

.title-text {
  height: 61px;
  width: 488px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
}

#lyceegp-2025,
#lyceegp-2024,
#lyceegp-2023,
#lyceegp-2021,
#lyceegp-2020,
#lyceegp-2019,
#lyceegp-2018,
#lyceegp-2017 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#lyceegp-2025 .bg-deco,
#lyceegp-2024 .bg-deco,
#lyceegp-2023 .bg-deco,
#lyceegp-2021 .bg-deco,
#lyceegp-2020 .bg-deco,
#lyceegp-2019 .bg-deco,
#lyceegp-2018 .bg-deco,
#lyceegp-2017 .bg-deco {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
}
#lyceegp-2025 .container,
#lyceegp-2024 .container,
#lyceegp-2023 .container,
#lyceegp-2021 .container,
#lyceegp-2020 .container,
#lyceegp-2019 .container,
#lyceegp-2018 .container,
#lyceegp-2017 .container {
  position: relative;
  height: 430px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 135px;
  padding-left: 30px;
}

#lyceegp-2023 .container,
#lyceegp-2020 .container,
#lyceegp-2018 .container {
  position: relative;
  height: 430px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 135px;
}
#lyceegp-2023 .victory-plate,
#lyceegp-2020 .victory-plate,
#lyceegp-2018 .victory-plate {
  position: absolute;
  top: 260px;
  left: 211px;
}
#lyceegp-2023 .winner,
#lyceegp-2020 .winner,
#lyceegp-2018 .winner {
  width: 234px;
  height: 63px;
  position: absolute;
  top: 318px;
  left: 211px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lyceegp-2023 .ranking,
#lyceegp-2020 .ranking,
#lyceegp-2018 .ranking {
  position: absolute;
  top: 405px;
  left: 211px;
}
#lyceegp-2023 .frame-winner > img,
#lyceegp-2020 .frame-winner > img,
#lyceegp-2018 .frame-winner > img {
  position: absolute;
  top: 140px;
  right: 221px;
  width: 272px;
  height: 357px;
  object-fit: cover;
}
#lyceegp-2023 .frame,
#lyceegp-2020 .frame,
#lyceegp-2018 .frame {
  position: absolute;
  top: 77px;
  right: 180px;
}

#lyceegp-2024 .container,
#lyceegp-2021 .container,
#lyceegp-2019 .container,
#lyceegp-2017 .container {
  position: relative;
  height: 430px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 135px;
}
#lyceegp-2024 .victory-plate,
#lyceegp-2021 .victory-plate,
#lyceegp-2019 .victory-plate,
#lyceegp-2017 .victory-plate {
  position: absolute;
  top: 276px;
  right: 182px;
}
#lyceegp-2024 .winner,
#lyceegp-2021 .winner,
#lyceegp-2019 .winner,
#lyceegp-2017 .winner {
  width: 234px;
  height: 63px;
  position: absolute;
  top: 335px;
  right: 182px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lyceegp-2024 .ranking,
#lyceegp-2021 .ranking,
#lyceegp-2019 .ranking,
#lyceegp-2017 .ranking {
  position: absolute;
  top: 421px;
  right: 182px;
}
#lyceegp-2024 .frame-winner > img,
#lyceegp-2021 .frame-winner > img,
#lyceegp-2019 .frame-winner > img,
#lyceegp-2017 .frame-winner > img {
  position: absolute;
  top: 156px;
  left: 258px;
  width: 272px;
  height: 357px;
  object-fit: cover;
}
#lyceegp-2024 .frame,
#lyceegp-2021 .frame,
#lyceegp-2019 .frame,
#lyceegp-2017 .frame {
  position: absolute;
  top: 93px;
  left: 206px;
}

#lyceegp-2025 {
  background: url(../images/history-images/bg-deco-1.png), url(../images/history-images/bg-damask-red.png), #730020;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 111px, calc(50% - 47px) 139px;
  clip-path: polygon(calc(50% - 210px) 0%, calc(50% - 250px) calc(0% + 40px), calc(50% - 210px) calc(0% + 80px), 0% calc(0% + 80px), 0% 100%, 100% 100%, 100% calc(0% + 80px), calc(50% + 210px) calc(0% + 80px), calc(50% + 250px) calc(0% + 40px), calc(50% + 210px) 0%);
  -webkit-clip-path: polygon(calc(50% - 210px) 0%, calc(50% - 250px) calc(0% + 40px), calc(50% - 210px) calc(0% + 80px), 0% calc(0% + 80px), 0% 100%, 100% 100%, 100% calc(0% + 80px), calc(50% + 210px) calc(0% + 80px), calc(50% + 250px) calc(0% + 40px), calc(50% + 210px) 0%);
  padding-bottom: 200px;
  margin-top: -81px;
}
#lyceegp-2025 .container {
  margin-top: 45px;
}
#lyceegp-2025 .victory-plate {
  position: absolute;
  top: 185px;
  left: 211px;
}
#lyceegp-2025 .winner {
  background: url(../images/history-images/2023/winner.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 234px;
  height: 63px;
  position: absolute;
  top: 244px;
  left: 211px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lyceegp-2025 .ranking {
  position: absolute;
  top: 329px;
  left: 211px;
}
#lyceegp-2025 .frame-winner > img {
  position: absolute;
  top: 61px;
  right: 221px;
  width: 272px;
  height: 357px;
  object-fit: cover;
}
#lyceegp-2025 .frame {
  position: absolute;
  top: 2px;
  right: 182px;
}

/*#lyceegp-2024 {
    background:
        url(../images/history-images/bg-deco-2.png),
        url(../images/history-images/bg-damask-black.png),
        #484b50;
    background-repeat: no-repeat, repeat, repeat;
    background-position: center 25px, calc(50% - 32px) 62px;
    box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, .5);
    margin-top: -82px;
    padding-bottom: 300px;

    .title-all {
        background: url(../images/history-images/2024/title-2024.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 107px;
        width: 581px;
        position: absolute;
        top: -92px;
        z-index: 5;
    }

    .winner {
        background: url(../images/history-images/2023/winner.png);
        background-repeat: no-repeat;
        background-position: center;
    }
}
    */
#lyceegp-2024 {
  background: url(../images/history-images/bg-deco-2.png), url(../images/history-images/bg-damask-black.png), #484b50;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2024 .title-all {
  background: url(../images/history-images/2024/title-all-2024.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2024 .winner {
  background: url(../images/history-images/2023/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2023 {
  background: url(../images/history-images/bg-deco-1.png), url(../images/history-images/bg-damask-beige.png), #aba49b;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2023 .title-all {
  background: url(../images/history-images/2023/title-all2-2023.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2023 .winner {
  background: url(../images/history-images/2021/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2021 {
  background: url(../images/history-images/bg-deco-2.png), url(../images/history-images/bg-damask-black.png), #484b50;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2021 .title-all {
  background: url(../images/history-images/2021/title-all2-2021.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2021 .winner {
  background: url(../images/history-images/2020/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2020 {
  background: url(../images/history-images/bg-deco-1.png), url(../images/history-images/bg-damask-beige.png), #aba49b;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2020 .title-all {
  background: url(../images/history-images/2020/title-all2-2020.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2020 .winner {
  background: url(../images/history-images/2019/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2019 {
  background: url(../images/history-images/bg-deco-2.png), url(../images/history-images/bg-damask-black.png), #484b50;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2019 .title-all {
  background: url(../images/history-images/2019/title-all2-2019.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2019 .winner {
  background: url(../images/history-images/2018/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2018 {
  background: url(../images/history-images/bg-deco-1.png), url(../images/history-images/bg-damask-beige.png), #aba49b;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 300px;
}
#lyceegp-2018 .title-all {
  background: url(../images/history-images/2018/title-all2-2018.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2018 .winner {
  background: url(../images/history-images/2018/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

#lyceegp-2017 {
  background: url(../images/history-images/bg-deco-2.png), url(../images/history-images/bg-damask-black.png), #484b50;
  background-repeat: no-repeat, repeat, repeat;
  background-position: center 25px, calc(50% - 32px) 62px;
  box-shadow: 0px -9px 11px 0px rgba(34, 24, 21, 0.5);
  margin-top: -82px;
  padding-bottom: 142px;
}
#lyceegp-2017 .title-all {
  background: url(../images/history-images/2017/title-all2-2017.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 107px;
  width: 581px;
  position: absolute;
  top: -92px;
  z-index: 5;
}
#lyceegp-2017 .winner {
  background: url(../images/history-images/2018/winner.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hexagon-1 {
  width: 150px;
  height: 78px;
  position: absolute;
  top: -77px;
  left: 254px;
  z-index: 5;
}

.div-1 {
  width: 420px;
  height: 77px;
  position: absolute;
  left: 40px;
  border-top: 1px solid #484b50;
  border-bottom: 1px solid #484b50;
  transform-origin: center;
  box-sizing: border-box;
  box-shadow: 0px -8px 18px -5px rgba(34, 24, 21, 0.6);
}

.div-2 {
  width: 54px;
  height: 51px;
  position: absolute;
  left: 14px;
  top: 15px;
  border-bottom: 1px solid #484b50;
  transform-origin: center;
  box-sizing: border-box;
  box-shadow: -3px 2px 14px 0px rgb(34, 24, 21);
}

.div-3 {
  width: 54px;
  height: 51px;
  position: absolute;
  right: -336px;
  top: 15px;
  border-bottom: 1px solid #484b50;
  transform-origin: center;
  box-sizing: border-box;
  box-shadow: -3px -2px 11px 0px rgb(34, 24, 21);
}

.hexagon-1 div:nth-of-type(1) {
  transform: rotate(0deg);
}

.hexagon-1 div:nth-of-type(2) {
  transform: rotate(46deg);
}

.hexagon-1 div:nth-of-type(3) {
  transform: rotate(135deg);
}

.visually-hidden-focusable {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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