@media screen and (min-width: 1025px) {
  .global_header .logo .logo_blue {
    display: none;
  }
  .global_header .logo .logo_white {
    display: block;
  }
  .page_header {
    position: relative;
    width: 100%;
    height: 420px;
    background: url(../images/page-data/page_header.jpg) center center/cover no-repeat;
  }
  .page_header:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "DATA";
    font-size: 18rem;
    color: rgba(255, 255, 255, 0.3);
  }
  .page_header .page_header_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 720px;
    background-color: #EDF5FE;
    box-sizing: border-box;
    padding: 53px 0 10px 120px;
  }
  .page_header .page_header_title h1 {
    font-size: 4.8rem;
    font-weight: bold;
    color: #252A2F;
  }
  .page_header .page_header_title h2 {
    font-size: 1.6rem;
    margin-top: 1.2rem;
    color: #252A2F;
  }
}
/* 新データページ */
.container{
  background: #EDF5FE;
  padding: 75px 0 140px;
}
.dataPageMain{
  width: min(calc(100% - 40px),1047px);
  margin-inline: auto;
  >header{
    color: #1D4C91;
    .en{
      font-size: 1.5rem;
    }
    h2{
      margin-top: 8px;
      font-size: 4.1rem;
      line-height: 1.3;
      letter-spacing: .04em;
      font-weight: 700;
    }
    .read{
      color: #111828;
      font-size: 1.8rem;
      line-height: 1.8;
      font-weight: 500;
      letter-spacing: .04em;
      margin-top: 8px;
    }
  }
  .numSection{
    color: #1D4C91;
    border-bottom: 1px solid #D2E4FB;
    padding-bottom: 24px;
    *{
      box-sizing: border-box;
    }
    >header{
      .num{
        font-size: 2.8rem;
        line-height: 1.2;
        font-weight: 700;
      }
      h2{
        font-size: 2.2rem;
        font-weight: 700;
        line-height:1.2;
        margin-top: 8px;
      }
      .text{
        margin-top: 12px;
        color: #252A2F;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.8;
        letter-spacing: .04em;
      }
    }
    >ul{
      margin-top: 24px;
      display: grid;
      gap: 20px;
    }
    li:not(.child){
      background: #FFFFFF;
      border-radius: 8px;
      border: 1px solid #E0E6EB;
      padding: 7px 21px;
      min-height: 150px;
      display: flex;
      align-items: center;
      &::before{
        content: '';
        flex-shrink: 0;
      }
      .dataText{
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1.5;
        letter-spacing: .04em;
        span{
          display: block;
          margin-top: 5px;
          font-size: 2.5rem;
          line-height: 1;
        }
        strong{
          font-size: 5.4rem;
          font-weight: 700;
          display: inline-block;
          margin-right: 5px;
        }
      }
    }
  }
  .numSection1{
    margin-top: 95px;
    >ul{
      grid-template-columns: 1fr 1fr;
      li:nth-child(1){
        padding-inline: 34px;
        &::before{
          width: 113px;
          height: 113px;
          background: url('../images/page-data/data_icon1.png') no-repeat center center / contain;
          margin-right: 38px;
        }
        .dataText {
          strong{
            font-size: 6.4rem;
          }
        }
      }
      li:nth-child(2){
        padding-inline: 29px;
        &::before{
          width: 137px;
          height: 137px;
          background: url('../images/page-data/data_icon2.png') no-repeat center center / contain;
          margin-right: 19px;
        }
        .dataText {
          strong{
            font-size: 6.4rem;
          }
        }
      }
    }
  }
  .numSection2{
    >ul{
      grid-template-columns: 1fr 1fr 1fr;
      li:not(.child){
        .dataText {
          >span{
            font-size: 2.1rem;
          }
          strong{
            font-size: 5.4rem;
            margin: 0;
          }
          .ten{
            display: inline-block;
            font-size: 4rem;
          }
          small{
            font-size: 1em;
            margin: 0 0 0 -.2em;
          }
        }
      }
      li:nth-child(1){
        padding-inline: 21px;
        &::before{
          width: 89px;
          height: 89px;
          background: url('../images/page-data/data_icon3.png') no-repeat center center / contain;
          margin-right: 3px;
        }
      }
      li:nth-child(2){
        padding-inline: 15px;
        &::before{
          width: 85px;
          height: 85px;
          background: url('../images/page-data/data_icon4.png') no-repeat center center / contain;
          margin-right: 12px;
        }
      }
      li:nth-child(3){
        padding-inline: 23px;
        &::before{
          width: 89px;
          height: 89px;
          background: url('../images/page-data/data_icon5.png') no-repeat center center / contain;
          margin-right: 14px;
        }
      }
    }
  }
  .numSection3{
    >ul{
      grid-template-columns: 1fr 1fr;
      li:nth-child(1){
        justify-content: center;
        &::before{
          width: 89px;
          height: 89px;
          background: url('../images/page-data/data_icon6.png') no-repeat center center / contain;
          margin-right: 8px;
        }
      }
      li:nth-child(2){
        justify-content: center;
        &::before{
          width: 102px;
          height: 102px;
          background: url('../images/page-data/data_icon7.png') no-repeat center center / contain;
          margin-right: 5px;
        }
      }
    }
  }
  .numSection4{
    padding-bottom: 0;
    border-bottom: none;
    >ul{
      grid-template-columns: 1fr 1fr 1fr;
      >li:nth-child(1){
        padding-inline: 20px;
        &::before{
          width: 89px;
          height: 89px;
          background: url('../images/page-data/data_icon8.png') no-repeat center center / contain;
          margin-right: 8px;
        }
        .dataText{
          width: 100%;
          margin-bottom: 12px;
        }
        ul{
          display: flex;
          font-size: 1.7rem;
          gap: 0 14px;
        }
        .dataTextChild{
          display: flex;
          align-items: center;
          .gender{
            writing-mode: vertical-lr;
            font-weight: 700;
            margin-right: 4px;
            flex-shrink: 0;
          }
          strong{
            font-size: 4.4rem;
          }
        }
      }
      >li:nth-child(2){
        padding-inline: 20px;
        &::before{
          width: 77px;
          height: 77px;
          background: url('../images/page-data/data_icon9.png') no-repeat center center / contain;
          margin-right: 13px;
        }
      }
      >li:nth-child(3){
        padding-inline: 24px;
        &::before{
          width: 89px;
          height: 89px;
          background: url('../images/page-data/data_icon10.png') no-repeat center center / contain;
          margin-right: 8px;
        }
      }
    }
  }

  .numSection + .numSection{
    margin-top: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .dataPageMain{
    .numSection1{
      >ul{
        li:nth-child(1){
          padding-inline: 20px;
          &::before{
            flex-shrink: 1;
          }
          .dataText {
            strong{
              font-size: 5.4rem;
            }
          }
        }
        li:nth-child(2){
          padding-inline: 20px;
          &::before{
            flex-shrink: 1;
          }
          .dataText {
            strong{
              font-size: 5.4rem;
            }
          }
        }
      }
      
    }
    .numSection2{
      >ul{
        grid-template-columns: 1fr 1fr;
      }
    }
    .numSection4{
      >ul{
        grid-template-columns: 1fr 1fr;
      }
    }
  }
}
@media screen and (max-width: 1024px) {
  .page_header {
    position: relative;
    width: 100%;
    height: 252px;
    background: url(../images/page-data/page_header.jpg) center center/cover no-repeat;
  }
  .page_header:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "DATA";
    font-size: 8rem;
    color: rgba(255, 255, 255, 0.3);
  }
  .page_header .page_header_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 273px;
    background-color: #EDF5FE;
    box-sizing: border-box;
    padding: 20px 0 14px 30px;
  }
  .page_header .page_header_title h1 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #252A2F;
  }
  .page_header .page_header_title h2 {
    font-size: 1.3rem;
    margin-top: 2px;
    color: #252A2F;
  }
}/*# sourceMappingURL=map/page-data.css.map */

@media (max-width:767px){
  /* 新データページ */
  .container{
    background: #EDF5FE;
    padding: calc(calc(58/375) * 100vw) 0 calc(calc(100/375) * 100vw);
  }
  .dataPageMain{
    width: calc(calc(315/375) * 100vw);
    >header{
      .en{
        font-size: calc(calc(15/375) * 100vw);
      }
      h2{
        margin-top: calc(calc(12/375) * 100vw);
        font-size: calc(calc(24/375) * 100vw);
      }
      .read{
        font-size: calc(calc(16/375) * 100vw);
        margin-top: calc(calc(12/375) * 100vw);
      }
    }
    .numSection{
      border-bottom-width: calc(calc(1/375) * 100vw);
      >header{
        .num{
          font-size: calc(calc(28/375) * 100vw);
        }
        h2{
          font-size: calc(calc(22/375) * 100vw);
          margin-top: calc(calc(8/375) * 100vw);
          line-height: 1.5;
        }
        .text{
          margin-top: calc(calc(12/375) * 100vw);
          font-size:calc(calc(16/375) * 100vw);
        }
      }
      >ul{
        margin-top: calc(calc(24/375) * 100vw);
        display: grid;
        gap: calc(calc(19/375) * 100vw);
      }
      li:not(.child){
        border-radius: calc(calc(8/375) * 100vw);
        border: calc(calc(1/375) * 100vw) solid #E0E6EB;
        padding: calc(calc(16/375) * 100vw) calc(calc(10/375) * 100vw);
        min-height: calc(calc(150/375) * 100vw);
        .dataText{
          font-size: calc(calc(18/375) * 100vw);
          span{
            margin-top: calc(calc(5/375) * 100vw);
            font-size: calc(calc(21/375) * 100vw);
            line-height: 1;
          }
          strong{
            font-size: calc(calc(54/375) * 100vw);
            margin-right: 0;
          }
        }
      }
    }
    .numSection1{
      margin-top: calc(calc(49/375) * 100vw);
      >ul{
        grid-template-columns: 100%;
        li:nth-child(1){
          padding-inline: calc(calc(18/375) * 100vw);
          &::before{
            width: calc(calc(83/375) * 100vw);
            height: calc(calc(83/375) * 100vw);
            background: url('../images/page-data/sp_data_icon1.png') no-repeat center center / contain;
            margin-right: calc(calc(23/375) * 100vw);
          }
          .dataText {
            strong{
              font-size: calc(calc(64/375) * 100vw);
            }
          }
        }
        li:nth-child(2){
          padding: 0 calc(calc(10/375) * 100vw) 0 calc(calc(18/375) * 100vw);
          &::before{
            width: calc(calc(83/375) * 100vw);
            height: calc(calc(83/375) * 100vw);
            background: url('../images/page-data/sp_data_icon2.png') no-repeat center center / contain;
            margin-right: calc(calc(18/375) * 100vw);
          }
          .dataText {
            strong{
              font-size: calc(calc(64/375) * 100vw);
            }
          }
        }
      }
    }
    .numSection2{
      >ul{
        grid-template-columns: 100%;
        li:not(.child){
          .dataText {
            >span{
              font-size: calc(calc(21/375) * 100vw);
            }
            strong{
              font-size: calc(calc(52/375) * 100vw);
              margin: 0;
            }
            .ten{
              display: inline-block;
              font-size: calc(calc(40/375) * 100vw);
            }
            small{
              font-size: 1em;
              margin: 0 0 0 -.2em;
            }
          }
        }
        li:nth-child(1){
          padding-inline: calc(calc(12/375) * 100vw);
          &::before{
            width: calc(calc(89/375) * 100vw);
            height: calc(calc(89/375) * 100vw);
            background: url('../images/page-data/sp_data_icon3.png') no-repeat center center / contain;
            margin-right: calc(calc(3/375) * 100vw);
          }
        }
        li:nth-child(2){
          padding-inline: calc(calc(9/375) * 100vw);
          &::before{
            width: calc(calc(85/375) * 100vw);
            height: calc(calc(85/375) * 100vw);
            background: url('../images/page-data/sp_data_icon4.png') no-repeat center center / contain;
            margin-right: calc(calc(12/375) * 100vw);
          }
        }
        li:nth-child(3){
          padding-inline: calc(calc(17/375) * 100vw);
          &::before{
            width: calc(calc(89/375) * 100vw);
            height: calc(calc(89/375) * 100vw);
            background: url('../images/page-data/sp_data_icon5.png') no-repeat center center / contain;
            margin-right: calc(calc(13/375) * 100vw);
          }
        }
      }
    }
    .numSection3{
      >ul{
        grid-template-columns: 100%;
        li:nth-child(1){
          justify-content: center;
          &::before{
            width: calc(calc(89/375) * 100vw);
            height: calc(calc(89/375) * 100vw);
            background: url('../images/page-data/sp_data_icon6.png') no-repeat center center / contain;
            margin-right: calc(calc(8/375) * 100vw);
          }
        }
        li:nth-child(2){
          justify-content: center;
          &::before{
            width: calc(calc(102/375) * 100vw);
            height: calc(calc(102/375) * 100vw);
            background: url('../images/page-data/sp_data_icon7.png') no-repeat center center / contain;
            margin-right: calc(calc(5/375) * 100vw);
          }
        }
      }
    }
    .numSection4{
      >ul{
        grid-template-columns: 100%;
        >li:nth-child(1){
          padding-inline: calc(calc(12/375) * 100vw);
          &::before{
            width: calc(calc(89/375) * 100vw);
            height: calc(calc(89/375) * 100vw);
            background: url('../images/page-data/sp_data_icon8.png') no-repeat center center / contain;
            margin-right: calc(calc(5/375) * 100vw);
          }
          .dataText{
            width: 100%;
            margin-bottom: calc(calc(12/375) * 100vw);
          }
          ul{
            font-size: calc(calc(17/375) * 100vw);
            gap: 0 calc(calc(14/375) * 100vw);
          }
          .dataTextChild{
            .gender{
              margin-right: calc(calc(4/375) * 100vw);
            }
            strong{
              font-size: calc(calc(44/375) * 100vw);
            }
          }
        }
        >li:nth-child(2){
          padding-inline: calc(calc(18/375) * 100vw);
          &::before{
            width: calc(calc(77/375) * 100vw);
            height: calc(calc(77/375) * 100vw);
            background: url('../images/page-data/sp_data_icon9.png') no-repeat center center / contain;
            margin-right: calc(calc(13/375) * 100vw);
          }
        }
        >li:nth-child(3){
          padding-inline: calc(calc(12/375) * 100vw);
          &::before{
            width: calc(calc(89/375) * 100vw);
            height: calc(calc(89/375) * 100vw);
            background: url('../images/page-data/sp_data_icon10.png') no-repeat center center / contain;
            margin-right: calc(calc(8/375) * 100vw);
          }
        }
      }
    }

    .numSection + .numSection{
      margin-top: calc(calc(24/375) * 100vw);
    }
  }
}