/*! Writen  by SCSS */
.main_wrap .text_box {
  width: 100%; }

.inner .sec {
  margin-top: clamp(50px, 6.25%, 80px); }

.quality_list {
  display: grid;
  grid-auto-flow: dense;
  align-content: space-between;
  gap: clamp(20px, 3.34vw, 40px) 3.33%; }
  @media screen and (max-width: 480px) {
    .quality_list {
      gap: 25px 4%; } }
  .quality_list.col_3_list {
    grid-template-columns: repeat(3, 1fr); }
    @media screen and (max-width: 480px) {
      .quality_list.col_3_list {
        grid-template-columns: 1fr; }
        .quality_list.col_3_list .image_box {
          max-width: 374px;
          align-self: center; } }
  .quality_list.col_4_list {
    grid-template-columns: repeat(4, 1fr); }
    @media screen and (max-width: 480px) {
      .quality_list.col_4_list {
        grid-template-columns: repeat(2, 1fr); } }
  .quality_list .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .quality_list .item > .text_box {
      margin-bottom: 15px; }
    .quality_list .item .item_inner {
      display: flex;
      justify-content: space-between;
      margin-bottom: auto;
      margin-top: 15px; }
      .quality_list .item .item_inner .text_box {
        display: flex;
        flex-direction: column;
        gap: 10px; }
        .quality_list .item .item_inner .text_box .text_box_image {
          margin-top: auto; }
  .quality_list .item_col {
    grid-column: span 2; }
    @media screen and (max-width: 480px) {
      .quality_list .item_col {
        grid-column: span 1; } }
  .quality_list .item_main {
    align-self: flex-start; }
  .quality_list .item_head {
    font-size: clamp(13px, 1.45vw, 18px);
    line-height: 1.4;
    color: #fff;
    background: #5f6162;
    padding: 0.2em;
    letter-spacing: -0.05em; }
    .quality_list .item_head + .item_text {
      margin-top: 15px; }
  .quality_list .item_text {
    font-size: clamp(11px, 1.12vw, 14px);
    line-height: 1.72; }

.sec02 .item_main {
  grid-column: 1 / 3;
  grid-row: 1 / 3; }
  @media screen and (max-width: 480px) {
    .sec02 .item_main {
      grid-column: 1 / 2;
      grid-row: 1 / 2; } }
.sec02 .item .item_inner {
  margin-bottom: 0; }
  .sec02 .item .item_inner .text_box {
    width: 34.86%; }
  .sec02 .item .item_inner .image_box {
    width: 58.99%; }
@media screen and (max-width: 480px) {
  .sec02 .item.item_col .item_inner {
    flex-direction: column;
    gap: 15px 0; } }
.sec02 .item.item_col .item_inner .text_box {
  width: 47.59%; }
  @media screen and (max-width: 480px) {
    .sec02 .item.item_col .item_inner .text_box {
      width: 100%; } }
.sec02 .item.item_col .item_inner .image_box {
  width: 47.59%;
  align-self: flex-end; }
  @media screen and (max-width: 480px) {
    .sec02 .item.item_col .item_inner .image_box {
      text-align: center;
      width: 100%; } }

.sec04 .col_3_list {
  margin-bottom: clamp(25px, 3.13%, 40px); }
.sec04 .col_4_list .item .item_inner .text_box {
  width: 48.15%; }
.sec04 .col_4_list .item .item_inner .image_box {
  width: 44.45%; }

.sec05 {
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec05 {
      flex-direction: column;
      gap: 25px 0; } }
  .sec05 .sec05_main_box {
    width: 22.59%; }
    @media screen and (max-width: 480px) {
      .sec05 .sec05_main_box {
        width: 56.46%;
        align-self: center; } }
  .sec05 .sec05_list_outer {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .sec05 .sec05_list_outer {
        width: 100%; } }
    .sec05 .sec05_list_outer .sec05_head {
      font-size: clamp(15px, 1.53vw, 19px);
      margin-bottom: 1em; }
    .sec05 .sec05_list_outer .quality_list {
      display: grid;
      grid-auto-flow: dense;
      align-content: start;
      align-items: start;
      gap: clamp(20px, 4.5vw, 40px) 4.49%; }
      @media screen and (max-width: 480px) {
        .sec05 .sec05_list_outer .quality_list {
          grid-template-columns: repeat(2, 1fr); }
          .sec05 .sec05_list_outer .quality_list .item:last-child {
            grid-column: span 2;
            align-self: flex-start;
            align-items: flex-start;
            flex-direction: row;
            justify-content: space-between; }
            .sec05 .sec05_list_outer .quality_list .item:last-child .text_box,
            .sec05 .sec05_list_outer .quality_list .item:last-child .image_box {
              align-self: flex-start;
              width: 48%; } }
      .sec05 .sec05_list_outer .quality_list .text_box .item_head {
        font-size: clamp(13px, 1.29vw, 16px);
        background: none;
        color: #333333;
        padding-bottom: 0.4em;
        margin-bottom: 0.4em;
        border-bottom: 1px solid; }

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