.figure1{
  top: 1.7506510416vw;
}

.figure2{
  top: 3.153791666vw;
  right: -5.053437vw;
}

.mainimage {
  width: 100%;
  background-image: url("../img/data/main_data.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1920/400;
}
.mainimage .sp{
	display: none;
}
.mainimage p {
  font-size: 1.25vw;
  background-color: #FCEE21;
  text-align: center;
  padding: 0 0.625vw;
  line-height: 1;
  height: 1.875vw;
  margin-left: 18.75vw;
  margin-top: 16.35416vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.section_data {
  background-color: #F2F2F2;
  width: 100%;
  padding: 5.20833vw 0;
  margin-bottom: 5.20833vw;
}
.card_wrapper {
  width: 62.5vw;
  display: flex;
  gap: 1.5625vw;
  justify-content: flex-start;
  margin: 0 auto 1.5625vw;
  flex-wrap: wrap;
}
.data_card {
  width: 19.79166vw;
  background-color: #fff;
  aspect-ratio: 380/450;
  position: relative;
  text-align: center;
}
/*.data_card:nth-child(7) {
  width: 41.14583vw;
  aspect-ratio: 790/450;
}*/
.data_title {
  position: absolute;
  top: 2.03125vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.data_value {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: rgba(0, 64, 151, 1);
  font-size: 5.20833vw;
  text-align: center;
  line-height: 0.75;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 3.07291vw;
  transform: translateX(-50%);
  opacity: 0;
}
.data_value2{
    position: absolute;
      opacity: 0;
}
.data_value span {
  font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
  font-size: 1.25vw;
  text-align: center;
  line-height: 1;
  position: absolute;
  right: calc(-1em - 0.26041vw);
  bottom: 0;
}
.data_sup {
  font-size: 0.72916vw;
  position: absolute;
  bottom: 0.9375vw;
  left: 50%;
  transform: translateX(-50%);
}
article .data_card h4 {
  font-weight: 600;
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 0.46875vw;
  line-height: 1;
}
article .data_card .h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: rgba(0, 64, 151, 0.5);
  font-size: 0.72916vw;
  text-align: center;
  line-height: 1;
}
.data_card .data_lottie img{

  opacity: 0;
      position: absolute;

}
.data_card .data_lottie{
  text-align: center;
    width: 17.34375vw;
  height: 23.4375vw;

}
.data_card .data_lottie canvas{
  margin: 0 1.22395833vw 0;
}

@media screen and (max-width: 767.98px) {
  .figure1 {
    left: -6.331959vw;
    top: 17.68862595vw;
  }
  .figure2 {
    top: 20.796692vw;
            right: -7.331959vw;
  }
  article.common_article h3 {
    padding: 0 2.16284vw;
	  white-space: nowrap;
	  
  }
  .mainimage {
    background-image: url("../img/data/main_data_sp.png");
    aspect-ratio: 786/400;
  }
  .mainimage p.pc {
	  display: none;
  }
  .mainimage .sp {
	  display: inline-flex;
	  flex-direction: column;
	  flex-shrink: 1;
	  position: absolute;
  }
	.mainimage .sp p{
		width: fit-content;
		margin: 0;
		margin-left: 4.19847vw;
		font-size: 5.08905vw;
		min-height: 7.63358vw;
		text-align: left;
	}
	.mainimage .sp p:first-child{
		margin-top: 36.89567vw;		
		margin-bottom: 2.54452vw;
	}
  .section_data {
    width: 100%;
    padding: 12.72264vw 7.63358vw;
    margin-bottom: 5.20833vw;
	  box-sizing: border-box;
  }
  .card_wrapper {
    width: 100%;
	  flex-direction: column;
    gap: 5.08905vw;
    margin: 0 auto 5.08905vw;
  }
  .data_card {
    width: 100%;
    aspect-ratio: 333/450;
  }
  .data_card .data_lottie canvas{
    margin: 0;
    width: 84.73282442748vw !important;
 
  }
  .data_card:nth-child(7) {
    width: 100%;
    aspect-ratio: 333/370;
  }
  .data_title {
    top: 9.92366vw;
  }
  .data_value {
    font-size: 25.44529vw;
    bottom: 15.01272vw;

  }
  .data_value span {
    font-size: 6.10687vw;
    right: calc(-1em - 1.27226vw);
  }
  .data_sup {
    font-size: calc(14vw /3.93);
    position: absolute;
    bottom:calc(18vw /3.93);
    left: 50%;
    transform: translateX(-50%);
  }
  article .data_card h4 {
    font-size: 6.10687vw;
    margin-bottom: 2.29007vw;
  }
  article .data_card .h4 {
    font-size: 3.56234vw;
  }
  .data_card .data_lottie{
    width: 84.73282442748vw;
    height:114.50381679389vw;
  }
/*  .data_card:nth-child(1) .data_lottie {
    width: 56.23409vw;
    margin-top: 29.26208vw;
    margin-left: 14.24936vw;
  }
  .data_card:nth-child(2) .data_lottie {
    width: 67.93893vw;
    margin-top: 29.77099vw;
    margin-left: 8.39694vw;
  }
  .data_card:nth-child(3) .data_lottie {
    width: 29.77099vw;
    margin-top: 29.51653vw;
    margin-left: 27.48091vw;
  }
  .data_card:nth-child(4) .data_lottie {
    width: 51.39949vw;
    margin-top: 27.48091vw;
    margin-left: 16.28498vw;
  }
  .data_card:nth-child(5) .data_lottie {
    width: 13.85416vw;
    margin-top: 5.46875vw;
    margin-left: 2.96875vw;
  }
  .data_card:nth-child(6) .data_lottie {
    width: 5.83333vw;
    margin-top: 5.98958vw;
    margin-left: 6.92708vw;
  }
  .data_card:nth-child(7) .data_lottie {
    width: 31.77083vw;
    margin-top: 1.82291vw;
    margin-left: 2.86458vw;
  }
  .data_card:nth-child(8) .data_lottie {
    width: 10.10416vw;
    margin-top: 6.51041vw;
    margin-left: 4.84375vw;
  }
  .data_value2 {
    display: flex;
    width: 17.70833vw;
    margin: 0 auto;
    margin-top: 1.30208vw;
    justify-content: space-between;
  }
  .circle_graph {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.83333vw;
    width: 7.8125vw;
    height: 7.8125vw;
    font-size: 2.86458vw;
    font-weight: 600;
    border-radius: 50%;
  }
  .data_value2 > div:nth-child(1) .circle_graph {
    color: rgba(0, 64, 151, 1);
    background-image: radial-gradient(circle closest-side, #FFFFFF 66.66666%, transparent 66.66666%), conic-gradient(#004097 0% 42%, #e5e5e5 42% 100%);
  }
  .data_value2 > div:nth-child(2) .circle_graph {
    color: #5EA8DD;
    background-image: radial-gradient(circle closest-side, #FFFFFF 66.66666%, transparent 66.66666%), conic-gradient(#5EA8DD 0% 18%, #e5e5e5 18% 100%);
  }
  .circle_graph div {
    line-height: 0.84;
  }
  .circle_graph div p:nth-child(2) {
    font-size: 1.5625vw;
  }
  .data_value2 > div > p {
    font-size: 0.83333vw;
    font-weight: 600;
    line-height: 1;
  }*/
}