@charset "UTF-8";
/* CSS INFORMATION =====================================================
File name : data.css
Description : 数字で見るケービージー
===================================================================== */
/* ========================================================
    submv
======================================================== */
@media screen and (min-width: 768px) {
  .submv.index .submv_column::after {
    background-image: url(../images/data/submv_bg01_pc.jpg);
  }
}

/* ========================================================
    data
======================================================== */
.data {
  position: relative;
  width: 100%;
  padding: 16rem 0;
}
@media screen and (min-width: 768px) {
  .data {
    padding: 12rem 0;
  }
}
.data .inner {
  max-width: 1840px;
}
.data_column {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .data_column {
    width: 80%;
    margin: 0 auto;
  }
}
.data_wrap {
  position: relative;
  width: 100%;
}
.data_wrap > :first-child {
  margin-top: 0 !important;
}
.data_lead {
  position: relative;
  width: 100%;
  color: #00184D;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .data_lead {
    text-align: left;
  }
}
.data_list {
  position: relative;
  width: 100%;
  margin-top: 10rem;
}
@media screen and (min-width: 768px) {
  .data_list {
    margin-top: 7.5rem;
  }
}
.data_list > li {
  width: 100%;
  margin-top: 10rem;
}
@media screen and (min-width: 768px) {
  .data_list > li {
    margin-top: 7.5rem;
  }
}
.data_list > li:first-child {
  margin-top: 0;
}
.data_item {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.data_item_ttl {
  position: relative;
  width: 100%;
  padding-bottom: 2rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .data_item_ttl {
    padding-bottom: 1.5rem;
  }
}
.data_item_ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 105.9701492537%;
  height: 3px;
  background-color: #e31d1a;
}
@media screen and (min-width: 768px) {
  .data_item_ttl::before {
    width: 100%;
  }
}
.data_item_ttl > em {
  display: block;
  color: #000000;
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.2;
}
.data_item_list01 {
  position: relative;
  display: grid;
  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
  grid-template-rows: auto auto auto auto;
  width: 102.9850746269%;
  margin: 4.8rem 0 -2rem -2.9850746269%;
}
@media screen and (min-width: 768px) {
  .data_item_list01 {
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto auto auto auto;
    width: 101.6666666667%;
    margin: 5.6rem 0 -2rem -1.6666666667%;
  }
}
.data_item_list01 > li {
  width: 100%;
  padding: 0 0 3rem 3rem;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li {
    padding: 0 0 6rem 6rem;
  }
}
.data_item_list01 > li.img01 {
  grid-column: 1/3;
  grid-row: 1/3;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img01 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
}
.data_item_list01 > li.img02 {
  grid-column: 3/4;
  grid-row: 1/2;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img02 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
}
.data_item_list01 > li.img03 {
  grid-column: 3/4;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img03 {
    grid-column: 3/5;
    grid-row: 2/3;
  }
}
.data_item_list01 > li.img04 {
  grid-column: 1/3;
  grid-row: 3/4;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img04 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
.data_item_list01 > li.img05 {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img05 {
    grid-column: 3/5;
    grid-row: 3/4;
  }
}
.data_item_list01 > li.img06 {
  grid-column: 1/2;
  grid-row: 4/5;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img06 {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
.data_item_list01 > li.img07 {
  grid-column: 2/4;
  grid-row: 4/5;
}
@media screen and (min-width: 768px) {
  .data_item_list01 > li.img07 {
    grid-column: 3/5;
    grid-row: 4/5;
  }
}
.data_item_list02 {
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto;
  width: 102.9850746269%;
  margin: 4.8rem 0 -2rem -2.9850746269%;
}
@media screen and (min-width: 768px) {
  .data_item_list02 {
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
    width: 101.6666666667%;
    margin: 5.6rem 0 -2rem -1.6666666667%;
  }
}
.data_item_list02 > li {
  width: 100%;
  padding: 0 0 3rem 3rem;
}
@media screen and (min-width: 768px) {
  .data_item_list02 > li {
    padding: 0 0 6rem 6rem;
  }
}
.data_item_list02 > li.img08 {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media screen and (min-width: 768px) {
  .data_item_list02 > li.img08 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
.data_item_list02 > li.img09 {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .data_item_list02 > li.img09 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.data_item_list02 > li.img10 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (min-width: 768px) {
  .data_item_list02 > li.img10 {
    grid-column: 4/5;
    grid-row: 1/2;
  }
}

@media screen and (min-width: 768px) {
  .data_item {
    /*width: 80%;*/
  }
}/*# sourceMappingURL=data.css.map */