@charset "UTF-8";

/* =============================================================================

Data CSS

・データで見るJSD用CSS「.data-×××」

上記はここに記述する

============================================================================= */


/* セクション
----------------------------------------------------------------------------- */
.data-section {
  .ul {
    display:grid;
    @media (width > 767px) {
      grid-template-columns: repeat(3,1fr);
      gap:3.0rem;
    }
    @media (width <= 767px) {
      grid-template-columns: repeat(2,1fr);
      gap:.8rem;
    }
  }
  .ul_i {
    padding-block:4.0rem;
    @media (width <= 767px) {
      padding-block:2.0rem;
    }
  }
  .ul_i_heading {
    font-weight:700;
    line-height:1.5;
    margin-bottom:2.0rem;
    @media (width > 767px) {
      font-size:2.2rem;
    }
    @media (width <= 767px) {
      margin-bottom:.8rem;
      font-size:1.4rem;
    }
  }
  .ul_i_img {
    margin-inline:auto;
    width:32.0rem;
    @media (width <= 767px) {
      width:14.0rem;
    }
  }
  .note {
    margin-top:4.0rem;
    text-align: right;
    @media (width <= 767px) {
      margin-top:2.4rem;
    }
  }
}



/* SelectorName
----------------------------------------------------------------------------- */
.data-SelectorName {
  @media (width > 767px) {
  }
  @media (width <= 767px) {
  }
}