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

.sec01_list {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.96%;
  margin-bottom: clamp(35px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec01_list {
      grid-template-columns: 1fr;
      margin-bottom: 30px; } }
  .sec01_list .item_image .cap_r {
    margin-top: 5px; }
  .sec01_list .text_in {
    align-items: flex-start; }
    .sec01_list .text_in .item_text {
      width: 82.07%; }
    .sec01_list .text_in .text_box_image {
      max-width: 80px;
      width: 15.27%; }

.col_4_list .col_item {
  align-self: start;
  grid-row: span 3;
  grid-template-columns: 44.09% 51.03%;
  grid-template-rows: 1fr;
  align-items: start;
  align-content: start;
  justify-content: space-between; }
  .col_4_list .col_item .item_image {
    grid-row: span 3; }
  .col_4_list .col_item .text_box {
    align-self: end;
    align-items: end;
    align-content: end;
    grid-column: 2 / 3;
    grid-row: span 3;
    grid-template-rows: auto; }
    @media screen and (max-width: 480px) {
      .col_4_list .col_item .text_box .item_head {
        letter-spacing: -0.05em; } }

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