@charset "utf-8";
/* --------------------------------------------

業績ハイライト

---------------------------------------------- */

.igFrameBar {
  width: 100%;
  height: 300px;
  position: relative;
  background: #f2f2f2;
  margin: 2em auto 4em;
}


.igFrameBar__dataLabel {
  position: absolute;
  top: 0%;
  left: 0;
  width: 3.8em;
  height: 100%;
  padding-right: 0.5em;
  background: #E8E8E8;
}

.igFrameBar__dataLabel div {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  text-align: right;
}

.igFrameBar__dataLabel::before {
  width: 100%;
  font-size: 0.6em;
  text-align: right;
  position: absolute;
  top: -2.5em;
}

.igData:before {
  position: absolute;
  top: -1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}

.igData:after {
  position: absolute;
  bottom: -1.8em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  width: 150px;
}










/* --------------------------------------------
売上高
---------------------------------------------- */
#graph-1.igFrameBar {
  background: repeating-linear-gradient(#fff 0, #fff 9.2%, #eeeeee 10%);
}

#graph-1 .igFrameBar__dataLabel.yen::before {
  content: "(百万円)";
}

#graph-1 .igFrameBar__dataLabel div {
  height: 10%;
}

#graph-1 .igData {
  width: 5%;
  max-width: 30px;
  height: 0;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  background: linear-gradient(to bottom, rgba(216, 61, 0, 0.7) 0%, rgba(224, 130, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D83D00', endColorstr='#E08200', GradientType=0);
}

#graph-1 .igData1 {
  left: 25%;
  -webkit-animation: showBar1 1.2s 0.6s forwards;
  animation: showBar1 1.2s 0.6s forwards;
}

#graph-1 .igData2 {
  left: 40%;
  -webkit-animation: showBar2 1.2s 0.8s forwards;
  animation: showBar2 1.2s 0.8s forwards;
}

#graph-1 .igData3 {
  left: 55%;
  -webkit-animation: showBar3 1.2s 1s forwards;
  animation: showBar3 1.2s 1s forwards;
}

#graph-1 .igData4 {
  left: 70%;
  -webkit-animation: showBar4 1.2s 1.2s forwards;
  animation: showBar4 1.2s 1.2s forwards;
}

#graph-1 .igData5 {
  left: 85%;
  -webkit-animation: showBar5 1.2s 1.4s forwards;
  animation: showBar5 1.2s 1.4s forwards;
}

#graph-1 .igData1:before {
  content: "2,767";
}

#graph-1 .igData2:before {
  content: "2,160";
}

#graph-1 .igData3:before {
  content: "4,053";
}

#graph-1 .igData4:before {
  content: "4,656";
}

#graph-1 .igData5:before {
  content: "4,770";
}


#graph-1 .igData1:after {
  content: "2021";
}

#graph-1 .igData2:after {
  content: "2022";
}

#graph-1 .igData3:after {
  content: "2023";
}

#graph-1 .igData4:after {
  content: "2024";
}

#graph-1 .igData5:after {
  content: "2025";
}


@-webkit-keyframes showBar1 {
  0% {
    height: 0px;
  }

  100% {
    height: 27%;
  }
}

@keyframes showBar1 {
  0% {
    height: 0px;
  }

  100% {
    height: 27%;
  }
}

@-webkit-keyframes showBar2 {
  0% {
    height: 0px;
  }

  100% {
    height: 21.5%;
  }
}

@keyframes showBar2 {
  0% {
    height: 0px;
  }

  100% {
    height: 21.5%;
  }
}

@-webkit-keyframes showBar3 {
  0% {
    height: 0px;
  }

  100% {
    height: 41%;
  }
}

@keyframes showBar3 {
  0% {
    height: 0px;
  }

  100% {
    height: 41%;
  }
}

@-webkit-keyframes showBar4 {
  0% {
    height: 0px;
  }

  100% {
    height: 46%;
  }
}

@keyframes showBar4 {
  0% {
    height: 0px;
  }

  100% {
    height: 46%;
  }
}

@-webkit-keyframes showBar5 {
  0% {
    height: 0px;
  }

  100% {
    height: 46.6%;
  }
}

@keyframes showBar5 {
  0% {
    height: 0px;
  }

  100% {
    height: 46.6%;
  }
}



/* --------------------------------------------
経常利益
---------------------------------------------- */
#graph-2.igFrameBar {
  background: repeating-linear-gradient(#fff 0, #fff 11.6%, #eeeeee 12.5%);
}

#graph-2 .igFrameBar__dataLabel.yen::before {
  content: "(百万円)";
}

#graph-2 .igFrameBar__dataLabel div {
  height: 12.5%;
}

#graph-2 .igData {
  width: 5%;
  max-width: 30px;
  height: 0;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  background: linear-gradient(to bottom, rgba(36, 159, 31, 0.7) 0%, rgba(98, 201, 67, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#249F1F', endColorstr='#62C943', GradientType=0);
}

#graph-2 .igData1 {
  left: 25%;
  -webkit-animation: showBar2-1 1.2s 0.6s forwards;
  animation: showBar2-1 1.2s 0.6s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-2 .igData2 {
  left: 40%;
  -webkit-animation: showBar2-2 1.2s 0.8s forwards;
  animation: showBar2-2 1.2s 0.8s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-2 .igData3 {
  left: 55%;
  -webkit-animation: showBar2-3 1.2s 1s forwards;
  animation: showBar2-3 1.2s 1s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-2 .igData4 {
  left: 70%;
  -webkit-animation: showBar2-4 1.2s 1.2s forwards;
  animation: showBar2-4 1.2s 1.2s forwards;
}

#graph-2 .igData5 {
  left: 85%;
  -webkit-animation: showBar2-5 1.2s 1.4s forwards;
  animation: showBar2-5 1.2s 1.4s forwards;
  /*transform: translateY(100%);*/
  /*マイナス時はY値を100%に*/
}


#graph-2 .igData1:before {
  content: "△775";
}

#graph-2 .igData2:before {
  content: "△289";
}

#graph-2 .igData3:before {
  content: "△226";
}

#graph-2 .igData4:before {
  content: "80";
}

#graph-2 .igData5:before {
  content: "180";
}

#graph-2 .igData1:after {
  content: "2021";
}

#graph-2 .igData2:after {
  content: "2022";
}

#graph-2 .igData3:after {
  content: "2023";
}

#graph-2 .igData4:after {
  content: "2024";
}

#graph-2 .igData5:after {
  content: "2025";
}


/* @-webkit-keyframes showBar2-1 {
  0% { height: 0px; }
  100% { height: 40%;}
}
@-moz-keyframes showBar2-1 {
  0% { height: 0px; }
  100% { height: 40%;}
}
@keyframes showBar2-1 {
  0% { height: 0px; }
  100% { height: 40%;}
} */
@-webkit-keyframes showBar2-1 {
  0% {
    height: 0px;
  }

  100% {
    height: 19%;
  }
}

@keyframes showBar2-1 {
  0% {
    height: 0px;
  }

  100% {
    height: 19%;
  }
}

@-webkit-keyframes showBar2-2 {
  0% {
    height: 0px;
  }

  100% {
    height: 6%;
  }
}

@keyframes showBar2-2 {
  0% {
    height: 0px;
  }

  100% {
    height: 6%;
  }
}

@-webkit-keyframes showBar2-3 {
  0% {
    height: 0px;
  }

  100% {
    height: 4.2%;
  }
}

@keyframes showBar2-3 {
  0% {
    height: 0px;
  }

  100% {
    height: 4.2%;
  }
}

@-webkit-keyframes showBar2-4 {
  0% {
    height: 0px;
  }

  100% {
    height: 10%;
  }
}

@keyframes showBar2-4 {
  0% {
    height: 0px;
  }

  100% {
    height: 10%;
  }
}

@-webkit-keyframes showBar2-5 {
  0% {
    height: 0px;
  }

  100% {
    height: 22.5%;
  }
}

@keyframes showBar2-5 {
  0% {
    height: 0px;
  }

  100% {
    height: 22.5%;
  }
}



/* --------------------------------------------
当期純利益
---------------------------------------------- */
#graph-3.igFrameBar {
  background: repeating-linear-gradient(#fff 0, #fff 13.6%, #eeeeee 14.4%);
}

#graph-3 .igFrameBar__dataLabel.yen::before {
  content: "(百万円)";
}

#graph-3 .igFrameBar__dataLabel div {
  height: 14.4%;
}

#graph-3 .igData {
  width: 5%;
  max-width: 30px;
  height: 0;
  position: absolute;
  bottom: 0px;
  z-index: 99;
  background: linear-gradient(to bottom, rgba(30, 81, 159, 0.70) 0%, rgba(66, 140, 201, 0.70) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E519F', endColorstr='#428CC9', GradientType=0);
}

#graph-3 .igData1 {
  left: 25%;
  -webkit-animation: showBar3-1 1.2s 0.6s forwards;
  animation: showBar3-1 1.2s 0.6s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-3 .igData2 {
  left: 40%;
  -webkit-animation: showBar3-2 1.2s 0.8s forwards;
  animation: showBar3-2 1.2s 0.8s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-3 .igData3 {
  left: 55%;
  -webkit-animation: showBar3-3 1.2s 1s forwards;
  animation: showBar3-3 1.2s 1s forwards;
  transform: translateY(100%);
  /*マイナス時はY値を100%に*/
}

#graph-3 .igData4 {
  left: 70%;
  -webkit-animation: showBar3-4 1.2s 1.2s forwards;
  animation: showBar3-4 1.2s 1.2s forwards;
}

#graph-3 .igData5 {
  left: 85%;
  -webkit-animation: showBar3-5 1.2s 1.4s forwards;
  animation: showBar3-5 1.2s 1.4s forwards;
}

#graph-3 .igData1:before {
  content: "△1,054";
}

#graph-3 .igData2:before {
  content: "△391";
}

#graph-3 .igData3:before {
  content: "△278";
}

#graph-3 .igData4:before {
  content: "89";
}

#graph-3 .igData5:before {
  content: "175";
}

#graph-3 .igData1:after {
  content: "2021";
}

#graph-3 .igData2:after {
  content: "2022";
}

#graph-3 .igData3:after {
  content: "2023";
}

#graph-3 .igData4:after {
  content: "2024";
}

#graph-3 .igData5:after {
  content: "2025";
}

@-webkit-keyframes showBar3-1 {
  0% {
    height: 0px;
  }

  100% {
    height: 30%;
  }
}

@keyframes showBar3-1 {
  0% {
    height: 0px;
  }

  100% {
    height: 30%;
  }
}

@-webkit-keyframes showBar3-2 {
  0% {
    height: 0px;
  }

  100% {
    height: 9%;
  }
}

@keyframes showBar3-2 {
  0% {
    height: 0px;
  }

  100% {
    height: 9%;
  }
}

@-webkit-keyframes showBar3-3 {
  0% {
    height: 0px;
  }

  100% {
    height: 6.4%;
  }
}

@keyframes showBar3-3 {
  0% {
    height: 0px;
  }

  100% {
    height: 6.4%;
  }
}

@-webkit-keyframes showBar3-4 {
  0% {
    height: 0px;
  }

  100% {
    height: 26.5%;
  }
}

@keyframes showBar3-4 {
  0% {
    height: 0px;
  }

  100% {
    height: 26.5%;
  }
}

@-webkit-keyframes showBar3-5 {
  0% {
    height: 0px;
  }

  100% {
    height: 50%;
  }
}

@keyframes showBar3-5 {
  0% {
    height: 0px;
  }

  100% {
    height: 50%;
  }
}



@media screen and (max-width:768px) {
  .excerpt-table {
    margin-top: 2em;
  }
}