/*! Writen  by SCSS */
.mainvisual:before {
  padding-bottom: 41.75%; }
.mainvisual .mainimg {
  background-image: url("../images/main.jpg"); }

.sec01_list {
  justify-content: space-between;
  grid-template-columns: 41.02% 55.93%;
  column-gap: 0;
  margin-bottom: clamp(35px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec01_list {
      grid-template-columns: 1fr;
      margin-bottom: 30px; } }
  .sec01_list .item03 {
    grid-column: span 2; }
    @media screen and (max-width: 480px) {
      .sec01_list .item03 {
        width: 100%;
        grid-column: auto; } }
    @media screen and (max-width: 480px) {
      .sec01_list .item03 .item_image .slide_image_box {
        overflow-x: scroll;
        aspect-ratio: 151 / 70;
        width: 100%;
        height: 130px; }
        .sec01_list .item03 .item_image .slide_image_box img {
          max-width: none;
          height: 100%; } }

.col_3_list {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.77%; }
  @media screen and (max-width: 480px) {
    .col_3_list {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      grid-template-columns: 1fr; } }

/*# sourceMappingURL=quality02.css.map */