/* Scss Document */
.a_fade {
  transition: 1s 1s;
  opacity: 0;
  transform: translateY(5vw);
}
@media (min-width: 768px) {
  .a_fade {
    transform: translateY(30px);
  }
}

.a_slide {
  transition: 1s 1s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.a_zoom {
  transition: 1.5s 1s cubic-bezier(0.34, 2.6, 0.62, 0.99);
  opacity: 0;
  transform: scale(0.5);
}

.a_line {
  transition: 0.5s 2.5s;
  opacity: 0;
}

.loaded .is-show .a_fade,
.loaded .is-show .a_zoom {
  opacity: 1;
  transform: none;
}
.loaded .is-show .a_slide {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.loaded .is-show .a_line {
  opacity: 1;
}

#about {
  padding: 10vw 0;
}
@media (min-width: 768px) {
  #about {
    padding: 80px 0 80px;
  }
}
#about ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about ul li {
  width: 100%;
  margin: 0 0 5vw 0;
  padding: 10vw 2vw 5vw;
  list-style: none;
  position: relative;
  border: 5px solid #000;
  box-sizing: border-box;
  opacity: 0;
  transition: 1s;
  transform: translateY(10%);
  text-align: center;
  line-height: 1;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  font-size: 4vw;
}
@media (min-width: 768px) {
  #about ul li {
    margin: 0 0 20px 0;
    padding: 10px;
    width: calc(50% - 10px);
    font-size: 14px;
  }
}
#about ul li figure {
  opacity: 0;
  transition: 0.5s 0.5s;
}
.loaded #about ul li.is-show {
  opacity: 1;
  transform: none;
}
.loaded #about ul li.is-show figure {
  opacity: 1;
}
#about ul li .note {
  position: absolute;
  bottom: 2vw;
  right: 2vw;
  font-size: 2vw;
}
@media (min-width: 768px) {
  #about ul li .note {
    right: 10px;
    bottom: 10px;
    font-size: 14px;
  }
}
#about h2 {
  font-size: 1px;
  margin: 0;
  position: absolute;
  top: 2vw;
  left: 2vw;
}
@media (min-width: 768px) {
  #about h2 {
    top: 15px;
    left: 15px;
  }
}
#about h2 img {
  height: 4.5vw;
}
@media (min-width: 768px) {
  #about h2 img {
    height: min(26px, 2vw);
  }
}
#about p {
  position: absolute;
  top: 2vw;
  right: 2vw;
  margin: 0;
  font-weight: bold;
  font-size: 2.5vw;
  text-align: right;
  max-width: 60%;
  line-height: 1.6;
}
@media (min-width: 768px) {
  #about p {
    top: 10px;
    right: 15px;
    font-size: min(16px, 1.5vw);
  }
}
#about img {
  display: block;
  margin: 0 auto;
}
#about .note {
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}
@media (min-width: 768px) {
  #about .note {
    font-size: 14px;
  }
}

.circlegraph circle {
  fill: rgba(0, 0, 0, 0);
  stroke-width: 10;
  stroke-dashoffset: 25;
  stroke-dasharray: 0 100;
}

#data01 figure {
  position: relative;
  width: 80%;
  padding: 0 0 2vw;
  margin: -3vw 0 2vw;
}
@media (min-width: 768px) {
  #data01 figure {
    padding: 0;
    margin: 40px 0;
    width: 82%;
  }
}
#data01 figure .num {
  font-size: 5vw;
  text-align: left;
  margin-top: 4vw;
}
@media (min-width: 768px) {
  #data01 figure .num {
    font-size: min(21px, 2vw);
    margin-top: 0px;
    display: inline-block;
  }
}
#data01 figure .num span {
  font-size: 15vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  #data01 figure .num span {
    font-size: min(67px, 4.7vw);
  }
}
#data01 figure img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
}
@media (min-width: 768px) {
  #data01 figure img {
    width: 50%;
    position: static;
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  #data01 p {
    top: inherit;
    bottom: 10px;
    max-width: 90%;
  }
}

#data02 figure {
  padding: 0vw 0 3vw;
  margin-top: -8vw;
  position: relative;
}
@media (min-width: 768px) {
  #data02 figure {
    padding: 20px 0 50px 0;
    margin: 0;
    font-size: 20px;
  }
}
#data02 figure img {
  width: 100%;
  max-width: 80%;
  transform: translateY(1vw);
}
@media (min-width: 768px) {
  #data02 figure img {
    transform: translateY(10px);
  }
}
#data02 figure .a_slide {
  transition-duration: 2s;
}
#data02 figure .num {
  position: absolute;
  top: -2vw;
  left: 50%;
  opacity: 0;
  transition: 0.5s 1.5s;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (min-width: 768px) {
  #data02 figure .num {
    top: 30px;
    white-space: nowrap;
  }
}
#data02 figure .num span {
  font-size: 8vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  #data02 figure .num span {
    font-size: min(50px, 5vw);
  }
}
.loaded #data02.is-show .num {
  opacity: 1;
}

@media (min-width: 768px) {
  #data03 {
    width: 100% !important;
  }
}
#data03.is-show .circlegraph .g1 {
  animation: data03-g1 2.25s 0.5s forwards;
  stroke: #BC000B;
}
#data03.is-show .circlegraph .g2 {
  animation: data03-g2 2.2s 0.5s forwards;
  stroke: #825C26;
}
#data03.is-show .circlegraph .g3 {
  animation: data03-g3 2.15s 0.5s forwards;
  stroke: #65A548;
}
#data03.is-show .circlegraph .g4 {
  animation: data03-g4 2.1s 0.5s forwards;
  stroke: #C12688;
}
#data03.is-show .circlegraph .g5 {
  animation: data03-g5 2.05s 0.5s forwards;
  stroke: #C77118;
}
#data03.is-show .circlegraph .g6 {
  animation: data03-g6 2s 0.5s forwards;
  stroke: #7A28A3;
}
#data03.is-show .circlegraph .g7 {
  animation: data03-g7 1.95s 0.5s forwards;
  stroke: #0180C3;
}
#data03.is-show .circlegraph .g8 {
  animation: data03-g8 1.9s 0.5s forwards;
  stroke: #449294;
}
#data03 figure {
  margin: 12vw auto 2vw;
  width: 50%;
  position: relative;
}
@media (min-width: 768px) {
  #data03 figure {
    width: min(320px, 30vw);
    margin: 140px 0 50px;
  }
}
#data03 figure .a_line {
  position: absolute;
  top: -5.5%;
  left: -22%;
  width: 129.37%;
}
@media (min-width: 768px) {
  #data03 figure .a_line {
    top: -9.5%;
    left: -56%;
    width: 179.91%;
  }
}
#data03 figure .num {
  position: absolute;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data03 figure .num {
    font-size: 18px;
  }
}
#data03 figure .num em {
  display: block;
  font-style: normal;
}
#data03 figure .num span {
  font-size: 4vw;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
  #data03 figure .num span {
    font-size: 28px;
  }
}
#data03 figure .num span.countup {
  font-size: 7vw;
  margin-top: 0;
}
@media (min-width: 768px) {
  #data03 figure .num span.countup {
    font-size: min(55px, 5vw);
  }
}
#data03 figure .n1 span.countup,
#data03 figure .n2 span.countup,
#data03 figure .n3 span.countup,
#data03 figure .n4 span.countup {
  font-size: 4vw;
}
@media (min-width: 768px) {
  #data03 figure .n1 span.countup,
  #data03 figure .n2 span.countup,
  #data03 figure .n3 span.countup,
  #data03 figure .n4 span.countup {
    font-size: 30px;
  }
}
#data03 figure .n7 span.countup,
#data03 figure .n8 span.countup {
  font-size: 9vw;
}
@media (min-width: 768px) {
  #data03 figure .n7 span.countup,
  #data03 figure .n8 span.countup {
    font-size: 62px;
  }
}
#data03 figure .n1 {
  top: -17%;
  left: -28%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n1 {
    width: 150px;
    top: -20%;
  }
}
#data03 figure .n2 {
  top: 2%;
  left: -45%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n2 {
    width: 150px;
    left: -56%;
  }
}
#data03 figure .n3 {
  top: 25%;
  left: -54%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n3 {
    width: 150px;
    top: 26%;
    left: -75%;
  }
}
#data03 figure .n4 {
  top: 44%;
  left: -38%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n4 {
    width: 150px;
    left: -58%;
  }
}
#data03 figure .n5 {
  top: 50%;
  left: -56%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n5 {
    width: 150px;
    left: -91%;
  }
}
#data03 figure .n6 {
  top: 79%;
  left: -44%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n6 {
    width: 230px;
    left: -78%;
  }
}
#data03 figure .n7 {
  top: 67%;
  left: 102%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n7 {
    width: 150px;
    top: 59%;
    left: 119%;
  }
}
#data03 figure .n8 {
  top: 12%;
  left: 102%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data03 figure .n8 {
    width: 150px;
    left: 118%;
  }
}
.loaded #data03.is-show .num {
  opacity: 1;
}

@keyframes data03-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data03-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 85 15;
  }
}
@keyframes data03-g3 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 83 17;
  }
}
@keyframes data03-g4 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 81 19;
  }
}
@keyframes data03-g5 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 77 23;
  }
}
@keyframes data03-g6 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 68 32;
  }
}
@keyframes data03-g7 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 53 47;
  }
}
@keyframes data03-g8 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 30 70;
  }
}
#data04 {
  flex-wrap: wrap;
}
#data04.is-show .circlegraph .g1 {
  animation: data04-g1 2.2s 0.5s forwards;
  stroke: #449294;
}
#data04.is-show .circlegraph .g2 {
  animation: data04-g2 2.15s 0.5s forwards;
  stroke: #796D6E;
}
#data04 dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3vw;
  margin: 3vw 0 8vw;
  padding: 0;
  width: 90%;
}
@media (min-width: 768px) {
  #data04 dl {
    font-size: min(25px, 1.6vw);
    grid-gap: 20px;
    margin: min(50px, 4vw) 0 30px;
  }
}
#data04 dl dt {
  border: 1px solid #000;
  text-align: center;
  font-size: 3.5vw;
  padding: 1vw 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  #data04 dl dt {
    font-size: min(20px, 1.5vw);
    padding: 5px 0;
  }
}
#data04 dl dd {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#data04 dl dd span,
#data04 dl dd em {
  font-size: 8vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  #data04 dl dd span,
  #data04 dl dd em {
    font-size: min(50px, 3vw);
  }
}
#data04 dl dd em {
  color: #449294;
  font-style: normal;
}
#data04 figure {
  margin: 0 auto 6vw;
  width: 35%;
  position: relative;
}
@media (min-width: 768px) {
  #data04 figure {
    margin: 0px 90px 50px 0;
    width: min(145px, 17vw);
  }
}
#data04 figure .a_line {
  position: absolute;
  width: 50%;
  top: -5%;
  left: 58%;
}
#data04 figure .num {
  position: absolute;
  top: -12%;
  left: 113%;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data04 figure .num {
    font-size: 25px;
  }
}
#data04 figure .num em {
  display: block;
  font-style: normal;
  font-weight: 900;
  font-size: 2.5vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  #data04 figure .num em {
    font-size: min(16px, 1.3vw);
  }
}
#data04 figure .num span {
  font-size: 8vw;
  font-weight: 700;
  display: inline-block;
}
@media (min-width: 768px) {
  #data04 figure .num span {
    font-size: min(50px, 3vw);
  }
}
#data04 figure .note {
  position: absolute;
  bottom: 0;
  left: 100%;
  white-space: nowrap;
  font-size: 2.5vw !important;
}
@media (min-width: 768px) {
  #data04 figure .note {
    font-size: 14px !important;
  }
}
.loaded #data04.is-show .num {
  opacity: 1;
}

@keyframes data04-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data04-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 4.6 95.4;
  }
}
#data05 figure {
  margin: 3vw 0 2vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  #data05 figure {
    margin: 70px 0 20px;
  }
}
#data05 figure .num,
#data05 figure .ratio {
  white-space: nowrap;
  font-size: 10vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  #data05 figure .num,
  #data05 figure .ratio {
    font-size: min(60px, 5vw);
  }
}
#data05 figure .num em,
#data05 figure .ratio em {
  display: block;
  font-style: normal;
  font-weight: 900;
  font-size: 6vw;
}
@media (min-width: 768px) {
  #data05 figure .num em,
  #data05 figure .ratio em {
    font-size: min(36px, 3vw);
  }
}
#data05 figure .num span,
#data05 figure .ratio span {
  font-size: 18vw;
  font-weight: 700;
  display: inline-block;
  margin-top: 0.1em;
}
@media (min-width: 768px) {
  #data05 figure .num span,
  #data05 figure .ratio span {
    font-size: min(100px, 8vw);
  }
}
#data05 figure .num img,
#data05 figure .ratio img {
  height: 14vw;
  display: block;
  margin-top: 3vw;
}
@media (min-width: 768px) {
  #data05 figure .num img,
  #data05 figure .ratio img {
    margin-top: 20px;
    height: 80px;
  }
}
#data05 figure .n1 {
  width: 45%;
}
@media (min-width: 768px) {
  #data05 figure .n1 {
    width: 45%;
  }
}
#data05 figure .n1 em {
  color: #0180C3;
}
#data05 figure .n2 {
  width: 45%;
}
@media (min-width: 768px) {
  #data05 figure .n2 {
    width: 45%;
  }
}
#data05 figure .n2 em {
  color: #C12688;
}
#data05 figure .a_slide {
  width: 85%;
  margin-top: 5vw;
}
@media (min-width: 768px) {
  #data05 figure .a_slide {
    margin-top: 20px;
    width: 80%;
  }
}

@media (min-width: 768px) {
  #data06 {
    width: 100% !important;
  }
}
#data06.is-show .circlegraph .g1 {
  animation: data06-g1 2.15s 0.5s forwards;
  stroke: #825C26;
}
#data06.is-show .circlegraph .g2 {
  animation: data06-g2 2.1s 0.5s forwards;
  stroke: #65A548;
}
#data06.is-show .circlegraph .g3 {
  animation: data06-g3 2.05s 0.5s forwards;
  stroke: #449294;
}
#data06.is-show .circlegraph .g4 {
  animation: data06-g4 2s 0.5s forwards;
  stroke: #7A28A3;
}
#data06.is-show .circlegraph .g5 {
  animation: data06-g5 1.95s 0.5s forwards;
  stroke: #BC000B;
}
#data06 figure {
  margin: 6vw auto 6vw;
  width: 50%;
  position: relative;
}
@media (min-width: 768px) {
  #data06 figure {
    width: 320px;
    margin: 100px 0 50px;
  }
}
#data06 figure .a_line {
  position: absolute;
  top: -4%;
  left: 20%;
  width: 20%;
}
@media (min-width: 768px) {
  #data06 figure .a_line {
    top: -9%;
  }
}
#data06 figure .num {
  position: absolute;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data06 figure .num {
    font-size: 18px;
  }
}
#data06 figure .num em {
  display: block;
  font-style: normal;
}
#data06 figure .num span {
  font-size: 4vw;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
  #data06 figure .num span {
    font-size: 28px;
  }
}
#data06 figure .num span.countup {
  font-size: 8vw;
  margin-top: 0;
}
@media (min-width: 768px) {
  #data06 figure .num span.countup {
    font-size: 62px;
  }
}
#data06 figure .n1 {
  top: -11%;
  left: -5%;
}
#data06 figure .n1 span.countup {
  font-size: 4vw;
}
@media (min-width: 768px) {
  #data06 figure .n1 span.countup {
    font-size: 35px;
  }
}
@media (min-width: 768px) {
  #data06 figure .n1 {
    width: 150px;
    top: -17%;
    left: -13%;
  }
}
#data06 figure .n2 {
  top: 25%;
  left: -53%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data06 figure .n2 {
    width: 150px;
  }
}
#data06 figure .n3 {
  top: 95%;
  left: -10%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data06 figure .n3 {
    width: 150px;
    top: 75%;
    left: -38%;
  }
}
#data06 figure .n4 {
  top: 57%;
  left: 98%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data06 figure .n4 {
    width: 150px;
  }
}
#data06 figure .n5 {
  top: -2%;
  left: 97%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data06 figure .n5 {
    width: 150px;
  }
}
.loaded #data06.is-show .num {
  opacity: 1;
}

@keyframes data06-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data06-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 93 7;
  }
}
@keyframes data06-g3 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 66 35;
  }
}
@keyframes data06-g4 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 45 55;
  }
}
@keyframes data06-g5 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 31 69;
  }
}
#data07.is-show .circlegraph .g1 {
  animation: data07-g1 2.2s 0.5s forwards;
  stroke: #0180C3;
}
#data07.is-show .circlegraph .g2 {
  animation: data07-g2 2.15s 0.5s forwards;
  stroke: #C12688;
}
#data07.is-show .circlegraph .g3 {
  animation: data07-g3 2.1s 0.5s forwards;
  stroke: #7A28A3;
}
#data07 figure {
  margin: 3vw auto 2vw;
  width: 50%;
  position: relative;
}
@media (min-width: 768px) {
  #data07 figure {
    margin: 50px 0 20px;
    width: min(230px, 20vw);
  }
}
#data07 figure .num {
  position: absolute;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data07 figure .num {
    font-size: min(18px, 1.5vw);
  }
}
#data07 figure .num em {
  display: block;
  font-style: normal;
}
#data07 figure .num span {
  font-size: 4vw;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
  #data07 figure .num span {
    font-size: min(28px, 2.5vw);
  }
}
#data07 figure .num span.countup {
  font-size: 8vw;
  margin-top: 0;
}
@media (min-width: 768px) {
  #data07 figure .num span.countup {
    font-size: min(40px, 3.2vw);
  }
}
#data07 figure .n1 {
  top: 1%;
  left: -51%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data07 figure .n1 {
    width: min(100px, 9vw);
    left: -45%;
  }
}
#data07 figure .n2 {
  top: 75%;
  left: -33%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data07 figure .n2 {
    width: min(100px, 9vw);
    left: -38%;
  }
}
#data07 figure .n3 {
  top: 27%;
  left: 96%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data07 figure .n3 {
    width: min(100px, 9vw);
    left: 101%;
  }
}
.loaded #data07.is-show .num {
  opacity: 1;
}

@keyframes data07-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data07-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 77.4 22.6;
  }
}
@keyframes data07-g3 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 50 50;
  }
}
#data08 figure,
#data10 figure,
#data11 figure,
#data12 figure {
  margin: 2vw 0 2vw;
}
@media (min-width: 768px) {
  #data08 figure,
  #data10 figure,
  #data11 figure,
  #data12 figure {
    margin: 60px 0 20px;
    font-size: 18px;
  }
}
#data08 figure span,
#data10 figure span,
#data11 figure span,
#data12 figure span {
  font-size: 15vw;
  font-weight: 900;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 3vw;
}
@media (min-width: 768px) {
  #data08 figure span,
  #data10 figure span,
  #data11 figure span,
  #data12 figure span {
    font-size: min(100px, 10vw);
    margin-top: 20px;
  }
}
#data08 figure img,
#data10 figure img,
#data11 figure img,
#data12 figure img {
  height: 25vw;
}
@media (min-width: 768px) {
  #data08 figure img,
  #data10 figure img,
  #data11 figure img,
  #data12 figure img {
    height: 150px;
  }
}

#data09.is-show .circlegraph .g1 {
  animation: data09-g1 2.2s 0.5s forwards;
  stroke: #C77118;
}
#data09.is-show .circlegraph .g2 {
  animation: data09-g2 2.15s 0.5s forwards;
  stroke: #0180C3;
}
#data09.is-show .circlegraph .g3 {
  animation: data09-g3 2.1s 0.5s forwards;
  stroke: #C12688;
}
#data09.is-show .circlegraph .g4 {
  animation: data09-g4 2.05s 0.5s forwards;
  stroke: #7A28A3;
}
#data09 figure {
  margin: 3vw auto 2vw;
  width: 50%;
  position: relative;
}
@media (min-width: 768px) {
  #data09 figure {
    margin: 50px 0 20px;
    width: min(230px, 20vw);
  }
}
#data09 figure .num {
  position: absolute;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data09 figure .num {
    font-size: min(18px, 1.5vw);
  }
}
#data09 figure .num em {
  display: block;
  font-style: normal;
}
#data09 figure .num span {
  font-size: 4vw;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
  #data09 figure .num span {
    font-size: min(28px, 2.5vw);
  }
}
#data09 figure .num span.countup {
  font-size: 8vw;
  margin-top: 0;
}
@media (min-width: 768px) {
  #data09 figure .num span.countup {
    font-size: min(40px, 3.2vw);
  }
}
#data09 figure .n1 {
  top: -7%;
  left: -41%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data09 figure .n1 {
    width: min(100px, 9vw);
    left: -36%;
    top: -5%;
  }
}
#data09 figure .n2 {
  top: 29%;
  left: -51%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data09 figure .n2 {
    width: min(100px, 9vw);
    left: -50%;
    top: 32%;
    font-size: min(16px, 1.5vw);
  }
}
#data09 figure .n3 {
  top: 75%;
  left: -33%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data09 figure .n3 {
    width: min(100px, 9vw);
    left: -33%;
    top: 77%;
  }
}
#data09 figure .n4 {
  top: 27%;
  left: 101%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data09 figure .n4 {
    width: min(100px, 9vw);
    left: 103%;
  }
}
.loaded #data09.is-show .num {
  opacity: 1;
}

@keyframes data09-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data09-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 87.8 12.2;
  }
}
@keyframes data09-g3 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 71.3 28.7;
  }
}
@keyframes data09-g4 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 47.1 52.9;
  }
}
#data10 figure {
  margin-top: 5vw;
}
@media (min-width: 768px) {
  #data10 figure {
    margin-top: 80px;
  }
}

#data11 figure {
  margin-top: 0vw;
}
@media (min-width: 768px) {
  #data11 figure {
    margin-top: 80px;
  }
}

#data12 figure {
  margin-top: 0vw;
}
@media (min-width: 768px) {
  #data12 figure {
    margin-top: 40px;
  }
}

#data13.is-show .circlegraph .g1 {
  animation: data13-g1 2.2s 0.5s forwards;
  stroke: #65A548;
}
#data13.is-show .circlegraph .g2 {
  animation: data13-g2 2.15s 0.5s forwards;
  stroke: #7A28A3;
}
#data13.is-show .circlegraph .g3 {
  animation: data13-g3 2.1s 0.5s forwards;
  stroke: #C12688;
}
#data13.is-show .circlegraph .g4 {
  animation: data13-g4 2.05s 0.5s forwards;
  stroke: #0180C3;
}
#data13.is-show .circlegraph .g5 {
  animation: data13-g5 2s 0.5s forwards;
  stroke: #C77118;
}
#data13 figure {
  margin: 10vw auto 2vw;
  width: 50%;
  position: relative;
}
@media (min-width: 768px) {
  #data13 figure {
    margin: 100px 0 30px;
    width: min(230px, 20vw);
  }
}
#data13 figure .a_line {
  position: absolute;
  top: -11.5%;
  left: -15.5%;
  width: 120%;
}
#data13 figure .num {
  position: absolute;
  font-size: 2.5vw;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s 1s;
}
@media (min-width: 768px) {
  #data13 figure .num {
    font-size: min(15px, 1.5vw);
  }
}
#data13 figure .num em {
  display: block;
  font-style: normal;
}
#data13 figure .num span {
  font-size: 4vw;
  font-weight: 700;
  display: inline-block;
  margin-right: 0.1em;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
  #data13 figure .num span {
    font-size: min(28px, 2.5vw);
  }
}
#data13 figure .num span.countup {
  font-size: 8vw;
  margin-top: 0;
}
@media (min-width: 768px) {
  #data13 figure .num span.countup {
    font-size: min(46px, 3.5vw);
  }
}
#data13 figure .n1 {
  top: -20%;
  left: 3%;
  transition-delay: 2.5s;
}
@media (min-width: 768px) {
  #data13 figure .n1 {
    left: -2%;
  }
}
#data13 figure .n2 {
  top: 4%;
  left: -50%;
  width: 19vw;
  transition-delay: 2.5s;
}
@media (min-width: 768px) {
  #data13 figure .n2 {
    width: min(70px, 7vw);
    left: -45%;
  }
}
#data13 figure .n3 {
  top: 42%;
  left: -47%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data13 figure .n3 {
    width: min(110px, 9vw);
  }
}
#data13 figure .n4 {
  top: 76%;
  left: 103%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data13 figure .n4 {
    width: min(110px, 9vw);
  }
}
#data13 figure .n5 {
  top: 7%;
  left: 100%;
  width: 19vw;
}
@media (min-width: 768px) {
  #data13 figure .n5 {
    width: min(110px, 9vw);
  }
}
.loaded #data13.is-show .num {
  opacity: 1;
}

@keyframes data13-g1 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 100 0;
  }
}
@keyframes data13-g2 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 99.6 0.4;
  }
}
@keyframes data13-g3 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 84.3 15.7;
  }
}
@keyframes data13-g4 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 64.5 35.5;
  }
}
@keyframes data13-g5 {
  0% {
    stroke-dasharray: 0 100;
  }
  99.9%, to {
    stroke-dasharray: 38.3 61.7;
  }
}
@media (min-width: 768px) {
  #data14 {
    width: calc(25% - 10px) !important;
  }
}
#data14 figure {
  position: relative;
  width: 80%;
  padding: 0;
  margin: 0 0 5vw;
}
@media (min-width: 768px) {
  #data14 figure {
    padding: 0;
    margin: 0;
  }
}
#data14 figure .num {
  font-size: 5vw;
  text-align: left;
  margin-top: 2vw;
}
@media (min-width: 768px) {
  #data14 figure .num {
    font-size: 32px;
    margin-top: -20px;
    text-align: center;
  }
}
#data14 figure .num span {
  font-size: 22vw;
  font-weight: 900;
}
@media (min-width: 768px) {
  #data14 figure .num span {
    font-size: min(117px, 7vw);
  }
}
#data14 figure img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45%;
}
@media (min-width: 768px) {
  #data14 figure img {
    position: static;
    width: 80%;
    display: block;
    margin: 30px auto 0;
  }
}
#data14 .note span {
  display: inline-block;
}/*# sourceMappingURL=about.css.map */