.sec-numbers__heading .inner {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.sec-numbers__heading.is-active .inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-numbers .box::before {
  width: 0;
}
.sec-numbers .box__title, .sec-numbers .box__inner {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.sec-numbers .box.is-active::before {
  width: 100%;
  -webkit-transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
  transition: width 0.4s cubic-bezier(0.87, 0, 0.13, 1);
}
.sec-numbers .box.is-active .box__title,
.sec-numbers .box.is-active .box__inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-numbers .box.is-active .box__title {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.sec-numbers .box.is-active .box__inner {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.sec-numbers .box1 .graph {
  height: 0;
  -webkit-transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-numbers .box1 .graph1 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.sec-numbers .box1 .graph2 {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
.sec-numbers .box1 .graph3 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.sec-numbers .box1 .arrow {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.sec-numbers .box1.is-active .graph {
  height: 100%;
}
.sec-numbers .box1.is-active .arrow {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.sec-anchor {
  position: relative;
  margin-bottom: 4.5rem;
}
.sec-anchor::before {
  display: block;
  width: 100%;
  height: 17.5rem;
  content: "";
  background: url(/ja/jpn/recruit/saiyo/img/environment/numbers/gap.jpg) no-repeat center/cover;
}
@media (min-width: 769px) {
  .sec-anchor::before {
    height: 31rem;
    background-image: url(/ja/jpn/recruit/saiyo/img/environment/numbers/gap_md.jpg);
  }
}
.sec-anchor .anchor-list {
  width: 30rem;
  margin: 1.3rem auto 0;
}
@media (min-width: 769px) {
  .sec-anchor .anchor-list {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 115.5rem;
    margin: 0 auto;
    padding: 2rem 4.8rem 0;
    background: #fff;
    border-radius: 1rem 1rem 0 0;
  }
}
.sec-anchor .anchor-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 769px) {
  .sec-anchor .anchor-list__item {
    width: 33rem;
  }
}
.sec-anchor .anchor-link {
  position: relative;
  display: block;
  padding: 1.8rem 2rem 1.5rem 0.2rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}
.sec-anchor .anchor-link::before {
  position: absolute;
  right: 0.4rem;
  bottom: 2rem;
  width: 0.9rem;
  height: 0.9rem;
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.sec-numbers-wrap {
  padding: 0 1.25rem;
}
@media (min-width: 769px) {
  .sec-numbers-wrap {
    width: 128rem;
    margin: 0 auto;
    padding: 0;
  }
}

.sec-numbers {
  padding: 5.5rem 0 0;
}
@media (min-width: 769px) {
  .sec-numbers {
    padding: 14rem 0 3rem;
  }
}
.sec-numbers:last-child {
  padding-bottom: 5rem;
}
@media (min-width: 769px) {
  .sec-numbers:last-child {
    padding-bottom: 24rem;
  }
}
.sec-numbers__heading {
  margin-bottom: 2.7rem;
  font-size: 4rem;
  color: #1c4393;
  font-weight: 800;
  text-align: center;
  text-wrap: nowrap;
  line-height: 1;
  overflow: hidden;
}
@media (min-width: 769px) {
  .sec-numbers__heading {
    margin-bottom: 8.5rem;
    font-size: 8rem;
  }
}
.sec-numbers__heading .t-slash {
  position: relative;
  background: linear-gradient(135deg, #064499 67%, #fff778 67%);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 100% 100%;
  -webkit-transition: none;
  transition: none;
  -webkit-text-fill-color: transparent;
}
.sec-numbers__heading .inner {
  display: inline-block;
}
.sec-numbers .box-container {
  margin: 0 0 -2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -4rem -4rem 0;
  }
}
.sec-numbers .box {
  position: relative;
  z-index: 0;
  margin-bottom: 2rem;
  padding: 3.5rem 0 3rem;
  overflow: hidden;
}
@media (min-width: 769px) {
  .sec-numbers .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin: 0 4rem 4rem 0;
    padding: 6rem 0 4.5rem;
  }
}
.sec-numbers .box::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  border-radius: 0.5rem;
  background: #e7eef8;
  content: "";
}
@media (min-width: 769px) {
  .sec-numbers .box::before {
    border-radius: 1rem;
  }
}
.sec-numbers .box__title {
  margin-bottom: 2rem;
  color: #1c4393;
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.1;
}
@media (min-width: 769px) {
  .sec-numbers .box__title {
    margin-bottom: 3.5rem;
    font-size: 4.7rem;
    line-height: 1.39;
  }
}
.sec-numbers .box__title .middle {
  font-size: 2.1rem;
}
@media (min-width: 769px) {
  .sec-numbers .box__title .middle {
    font-size: 2.6rem;
  }
}
.sec-numbers .box__title .small {
  font-size: 1.5rem;
}
@media (min-width: 769px) {
  .sec-numbers .box__title .small {
    font-size: 2rem;
  }
}
.sec-numbers .box .text {
  font-size: 1.4rem;
  line-height: 1.64;
  text-align: center;
}
@media (min-width: 769px) {
  .sec-numbers .box .text {
    font-size: 2rem;
    line-height: 2;
  }
}
.sec-numbers .box .text--strong {
  color: #00419a;
  font-size: 1.7rem;
  font-weight: 800;
}
@media (min-width: 769px) {
  .sec-numbers .box .text--strong {
    font-size: 2rem;
  }
}
.sec-numbers .box .image {
  margin: 0 auto;
}
.sec-numbers .box .data {
  color: #184094;
  line-height: 1;
}
.sec-numbers .box .number {
  display: inline-block;
  margin: -0.1em 0 -0.3em;
  font-family: "Teko", sans-serif;
  font-weight: 500;
}
.sec-numbers .box .unit {
  font-weight: 800;
}
.sec-numbers .box .t-slash {
  position: relative;
  background: linear-gradient(135deg, #064499 67%, #fff778 67%);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 100% 100%;
  -webkit-transition: none;
  transition: none;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px) {
  .sec-numbers .box1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 70rem;
  }
}
.sec-numbers .box1 .image {
  position: relative;
  margin-top: 1rem;
  width: 29.65rem;
  margin-top: 3rem;
}
@media (min-width: 769px) {
  .sec-numbers .box1 .image {
    margin-top: 6.5rem;
    width: 59.4rem;
  }
}
.sec-numbers .box1 .graph {
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 769px) {
  .sec-numbers .box1 .graph {
    bottom: 0.3rem;
  }
}
.sec-numbers .box1 .arrow {
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
  .sec-numbers .box1 .arrow {
    top: -7.5rem;
  }
}
.sec-numbers .box2 .data {
  padding-left: 3.5rem;
  text-align: center;
}
.sec-numbers .box2 .number {
  font-size: 18.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box2 .number {
    font-size: 24.2rem;
  }
}
.sec-numbers .box2 .unit {
  font-size: 2.7rem;
}
@media (min-width: 769px) {
  .sec-numbers .box2 .unit {
    font-size: 3.6rem;
  }
}
.sec-numbers .box2 .image {
  margin: 2rem auto;
  width: 11.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box2 .image {
    margin: 2.8rem auto;
    width: 15rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58rem;
  }
}
.sec-numbers .box3 .box__title {
  line-height: 1.1;
}
.sec-numbers .box3 .image {
  position: relative;
  width: 28.8rem;
  margin: 3rem auto 2.3rem;
}
@media (min-width: 769px) {
  .sec-numbers .box3 .image {
    width: 44.2rem;
    margin: 3.8rem auto 2rem;
  }
}
.sec-numbers .box3 .data {
  position: absolute;
  top: 1.5rem;
}
.sec-numbers .box3 .number {
  font-size: 10.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box3 .number {
    font-size: 15.7rem;
  }
}
.sec-numbers .box3 .unit {
  display: block;
  margin-top: 1rem;
  font-size: 2.5rem;
}
@media (min-width: 769px) {
  .sec-numbers .box3 .unit {
    margin-top: 2rem;
    font-size: 3.9rem;
  }
}
.sec-numbers .box3 .data1 {
  left: 0;
}
.sec-numbers .box3 .data2 {
  right: 0;
  text-align: right;
}
.sec-numbers .box3 .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/ja/jpn/recruit/saiyo/img/environment/numbers/figure3.png");
          mask-image: url("/ja/jpn/recruit/saiyo/img/environment/numbers/figure3.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.sec-numbers .box3 .mask .number {
  color: #fef78a;
}
@media (min-width: 769px) {
  .sec-numbers .box4 .image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 6.6rem 0 6.2rem;
  }
}
.sec-numbers .box4 .image1 {
  width: 34.2rem;
  margin: 3.7rem auto 1.8rem;
}
@media (min-width: 769px) {
  .sec-numbers .box4 .image1 {
    width: 30.5rem;
    margin: 0;
  }
}
.sec-numbers .box4 .image2 {
  margin-bottom: 2.3rem;
  width: 28rem;
}
@media (min-width: 769px) {
  .sec-numbers .box4 .image2 {
    width: 31.5rem;
    margin: 0;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 54rem;
  }
}
.sec-numbers .box5 .t-slash {
  background-image: linear-gradient(135deg, #064499 55%, #fff778 55%);
}
.sec-numbers .box5 .main {
  margin-bottom: 3.3rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .main {
    margin-bottom: 4.6rem;
  }
}
.sec-numbers .box5 .main .number {
  font-size: 15.7rem;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .main .number {
    font-size: 24.2rem;
  }
}
.sec-numbers .box5 .main .unit {
  font-size: 2.3rem;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .main .unit {
    font-size: 3.6rem;
  }
}
.sec-numbers .box5 .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30.2rem;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table {
    width: 46.5rem;
  }
}
.sec-numbers .box5 .table + .table {
  margin-top: 1.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table + .table {
    margin-top: 1.8rem;
  }
}
.sec-numbers .box5 .table__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10rem;
  height: 8.5rem;
  background: #184094 no-repeat center;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 800;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table__title {
    width: 15.2rem;
    height: 13rem;
    font-size: 3.6rem;
  }
}
.sec-numbers .box5 .table__title.man {
  background-image: url(/ja/jpn/recruit/saiyo/img/environment/numbers/figure5-1.png);
  background-size: 2rem auto;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table__title.man {
    background-size: 3.1rem;
  }
}
.sec-numbers .box5 .table__title.woman {
  background-image: url(/ja/jpn/recruit/saiyo/img/environment/numbers/figure5-2.png);
  background-size: 1.7rem auto;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table__title.woman {
    background-size: 2.6rem;
  }
}
.sec-numbers .box5 .table__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: #fff;
}
.sec-numbers .box5 .table .number {
  font-size: 6.85rem;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table .number {
    font-size: 10.5rem;
  }
}
.sec-numbers .box5 .table .unit {
  font-size: 1.85rem;
}
@media (min-width: 769px) {
  .sec-numbers .box5 .table .unit {
    font-size: 2.8rem;
  }
}
.sec-numbers .box6 .box__inner {
  background: url(/ja/jpn/recruit/saiyo/img/environment/numbers/box_bg.png) no-repeat 0 19rem/100% auto;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .box__inner {
    background-image: url(/ja/jpn/recruit/saiyo/img/environment/numbers/box_bg_md.png);
    background-position: 0 28rem;
  }
}
.sec-numbers .box6 .image-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .image-wrap {
    display: block;
    overflow: hidden;
    width: 50rem;
    margin: 4rem auto 0;
  }
}
.sec-numbers .box6 .image {
  margin: 0;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .image {
    float: left;
  }
}
.sec-numbers .box6 .image1 {
  width: 19.15rem;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .image1 {
    width: 29.4rem;
  }
}
.sec-numbers .box6 .image2 {
  width: 17.15rem;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .image2 {
    width: 20.6rem;
    text-align: right;
  }
  .sec-numbers .box6 .image2 img {
    display: inline-block;
    width: 19.8rem;
  }
}
.sec-numbers .box6 .image3 {
  margin: 0px 1.5em 0 1.5em;
  width: 12.75rem;
}
@media (min-width: 769px) {
  .sec-numbers .box6 .image3 {
    width: 20.6rem;
    margin: 0;
    text-align: right;
  }
  .sec-numbers .box6 .image3 img {
    display: inline-block;
    width: 14.7rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 52.8rem;
  }
}
.sec-numbers .box7 .image {
  width: 13.15rem;
}
@media (min-width: 769px) {
  .sec-numbers .box7 .image {
    width: 20rem;
  }
}
.sec-numbers .box7 .data {
  margin: 1.7rem 0 2.5rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sec-numbers .box7 .data {
    margin: 2rem 0 3rem;
  }
}
.sec-numbers .box7 .t-slash {
  background-image: linear-gradient(135deg, #064499 58%, #fff778 58%);
}
.sec-numbers .box7 .number {
  font-size: 15.7rem;
}
@media (min-width: 769px) {
  .sec-numbers .box7 .number {
    font-size: 24.2rem;
  }
}
.sec-numbers .box7 .number .small {
  font-size: 11.35rem;
}
@media (min-width: 769px) {
  .sec-numbers .box7 .number .small {
    font-size: 17.5rem;
  }
}
.sec-numbers .box7 .unit {
  font-size: 2.3rem;
}
@media (min-width: 769px) {
  .sec-numbers .box7 .unit {
    font-size: 3.6rem;
  }
}
.sec-numbers .box8 .box__title,
.sec-numbers .box9 .box__title,
.sec-numbers .box10 .box__title {
  line-height: 1.1;
}
.sec-numbers .box8 .data,
.sec-numbers .box9 .data,
.sec-numbers .box10 .data {
  margin: 1.8rem 0 2rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sec-numbers .box8 .data,
  .sec-numbers .box9 .data,
  .sec-numbers .box10 .data {
    margin: 3.8rem 0 3.2rem;
  }
}
.sec-numbers .box8 .number,
.sec-numbers .box9 .number,
.sec-numbers .box10 .number {
  font-size: 25rem;
  letter-spacing: -0.05em;
}
@media (min-width: 769px) {
  .sec-numbers .box8 .number,
  .sec-numbers .box9 .number,
  .sec-numbers .box10 .number {
    font-size: 24.2rem;
  }
}
.sec-numbers .box8 .unit,
.sec-numbers .box9 .unit,
.sec-numbers .box10 .unit {
  font-size: 3.5rem;
}
@media (min-width: 769px) {
  .sec-numbers .box8 .unit,
  .sec-numbers .box9 .unit,
  .sec-numbers .box10 .unit {
    font-size: 3.6rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box8 .box__inner {
    position: relative;
    padding-right: 23rem;
    margin-top: 8.5rem;
  }
}
.sec-numbers .box8 .image {
  width: 12.9rem;
}
@media (min-width: 769px) {
  .sec-numbers .box8 .image {
    position: absolute;
    top: -9.6rem;
    right: 5rem;
    width: 25.8rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box8 .number {
    font-size: 31.5rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box8 .unit {
    font-size: 4.6rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 62rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box10 .box__inner {
    position: relative;
    padding-left: 16rem;
  }
}
.sec-numbers .box10 .image {
  width: 9.85rem;
}
@media (min-width: 769px) {
  .sec-numbers .box10 .image {
    position: absolute;
    top: -6rem;
    left: 4.8rem;
    width: 14rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box11 .container {
    position: relative;
  }
}
.sec-numbers .box11 .image {
  width: 24.3rem;
  margin: 1.5rem auto 1rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .image {
    width: 55.1rem;
    margin: 3rem auto 0;
  }
}
.sec-numbers .box11 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2.5rem;
  color: #184094;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .grid {
    margin: 0;
  }
}
.sec-numbers .box11 .grid__item {
  min-width: 15rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .grid__item {
    position: absolute;
    top: 2.5rem;
    left: 18.5rem;
  }
  .sec-numbers .box11 .grid__item:nth-child(2) {
    left: 89.5rem;
  }
}
.sec-numbers .box11 .title {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .title {
    margin-bottom: 1.3rem;
    font-size: 2.6rem;
  }
}
.sec-numbers .box11 .data {
  margin-bottom: 1.8rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .data {
    margin-bottom: 2.6rem;
  }
}
.sec-numbers .box11 .data .number {
  font-size: 9.05rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .data .number {
    font-size: 14.3rem;
  }
}
.sec-numbers .box11 .data .unit {
  font-size: 2.45rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .data .unit {
    font-size: 3.8rem;
  }
}
.sec-numbers .box11 .ranking {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.5;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .ranking {
    font-size: 2.6rem;
  }
}
.sec-numbers .box11 .ranking .unit {
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box11 .ranking .unit {
    font-size: 1.9rem;
  }
}
@media (min-width: 769px) {
  .sec-numbers .box12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 62rem;
  }
}
.sec-numbers .box12 .rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30rem;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank {
    width: 42rem;
  }
}
.sec-numbers .box12 .rank + .rank {
  margin-top: 4rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank + .rank {
    margin-top: 4.5rem;
  }
}
.sec-numbers .box12 .rank__num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 6rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__num {
    width: 8.5rem;
  }
}
.sec-numbers .box12 .rank__num .number {
  width: 0.4em;
  font-size: 7.85rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__num .number {
    font-size: 10.5rem;
  }
}
.sec-numbers .box12 .rank__num .t-slash {
  background-image: linear-gradient(135deg, #064499 55%, #fff778 55%);
}
.sec-numbers .box12 .rank__num .unit {
  font-size: 2.1rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__num .unit {
    font-size: 2.8rem;
  }
}
.sec-numbers .box12 .rank__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  font-weight: 800;
  color: #184094;
}
.sec-numbers .box12 .rank__title.lv1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 7.4rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__title.lv1 {
    font-size: 10rem;
  }
}
.sec-numbers .box12 .rank__title.lv1 img {
  margin-left: 1.3rem;
  width: 5rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__title.lv1 img {
    margin-left: 1.8rem;
    width: 6.7rem;
  }
}
.sec-numbers .box12 .rank__title.lv2 {
  font-size: 5.2rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__title.lv2 {
    font-size: 7rem;
  }
}
.sec-numbers .box12 .rank__title.lv3 {
  font-size: 4.4rem;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__title.lv3 {
    font-size: 6rem;
  }
}
.sec-numbers .box12 .rank__text {
  margin-top: 1.4rem;
  width: 100%;
  text-align: left;
}
@media (min-width: 769px) {
  .sec-numbers .box12 .rank__text {
    margin-top: 2.4rem;
  }
}
.sec-numbers .box13 .image {
  margin-top: 1.7rem;
  width: 30.45rem;
}
@media (min-width: 769px) {
  .sec-numbers .box13 .image {
    margin-top: 6.5rem;
    width: 49.7rem;
  }
}/*# sourceMappingURL=environment-numbers.css.map */