/*! Writen  by SCSS */
.sec01 {
  padding-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 40px; } }
  .sec01 .sec01_group {
    flex-direction: column;
    row-gap: clamp(60px, 12vw, 120px); }
  .sec01 .storage_group .text_group.full {
    width: 100%; }
  .sec01 .storage_group .photo_group {
    flex-wrap: wrap;
    gap: clamp(30px, 3.637vw, 40px) 0; }
    @media screen and (max-width: 480px) {
      .sec01 .storage_group .photo_group {
        gap: 25px 0; } }
    .sec01 .storage_group .photo_group .photo_in {
      width: 30.8%; }
      @media screen and (max-width: 480px) {
        .sec01 .storage_group .photo_group .photo_in {
          width: 48%; } }
      @media screen and (max-width: 480px) {
        .sec01 .storage_group .photo_group .photo_in.third {
          margin-top: 0;
          width: 100%;
          display: flex;
          justify-content: space-between; } }
      @media screen and (max-width: 480px) {
        .sec01 .storage_group .photo_group .photo_in.third .photo_cont {
          width: 48%; } }
  .sec01 .sec01_item01 {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: clamp(40px, 6.364vw, 70px) 0; }
    .sec01 .sec01_item01 .sec01_item01_in {
      width: 48%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sec01_item01_in {
          width: 100%; } }
      .sec01 .sec01_item01 .sec01_item01_in.full {
        width: 100%;
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sec01_item01_in.full {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_item01 .sec01_item01_in.full .left {
          width: 48%;
          flex-direction: column;
          row-gap: clamp(20px, 2.728vw, 30px); }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in.full .left {
              width: 100%;
              row-gap: 25px; } }
          .sec01 .sec01_item01 .sec01_item01_in.full .left .item01_01 {
            margin-top: 20px; }
            .sec01 .sec01_item01 .sec01_item01_in.full .left .item01_01 .graph {
              width: 48.96%; }
            .sec01 .sec01_item01 .sec01_item01_in.full .left .item01_01 .item_read {
              width: 45.84%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sec01_item01_in.full .left .item01_01 .item_read {
                  font-size: 10px; } }
        .sec01 .sec01_item01 .sec01_item01_in.full .right {
          margin-top: 20px;
          width: 46.4%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sec01_item01_in.full .right {
              width: 100%;
              margin-top: 0; } }
  .sec01 .sec01_item02 {
    flex-wrap: wrap;
    gap: clamp(40px, 6vw, 60px) 0; }
    .sec01 .sec01_item02 .sec01_item02_in {
      width: 48%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item02 .sec01_item02_in {
          width: 100%; } }
      .sec01 .sec01_item02 .sec01_item02_in.full {
        width: 100%; }
      .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 {
        margin-top: 30px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 {
            flex-direction: column;
            row-gap: 30px; } }
        .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .left {
          width: 62.3%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .left {
              width: 100%; } }
        .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .right {
          width: 33.91%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .right {
              width: 100%; } }
          .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .right .image {
            margin-bottom: clamp(30px, 5vw, 50px); }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item02 .sec01_item02_in.first .item02_01 .right .image {
                text-align: center;
                margin-bottom: 20px; } }
  .sec01 .sec01_item03 {
    flex-direction: column;
    row-gap: clamp(30px, 4.546vw, 50px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item03 .sec01_item03_in .item03_01 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left {
      width: 64%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left {
          width: 100%; } }
      .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left .photo_group {
        margin-top: 20px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left .photo_group {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left .photo_group .photo {
          width: 49.07%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item03 .sec01_item03_in .item03_01 .left .photo_group .photo {
              width: fit-content;
              margin: 0 auto; } }
    .sec01 .sec01_item03 .sec01_item03_in .item03_01 .right {
      width: 32%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item03 .sec01_item03_in .item03_01 .right {
          width: fit-content;
          margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item03 .sec01_item03_in .item03_02 {
        flex-wrap: wrap;
        row-gap: 30px; } }
    .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in {
      width: 22%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in {
          width: 48%; } }
      .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .text_group {
        padding-bottom: clamp(10px, 1.667vw, 20px); }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .text_group {
            padding-bottom: 10px; } }
        .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .text_group .item_name.lt {
          letter-spacing: -0.25em; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .text_group .item_name.lt {
              letter-spacing: normal; } }
      .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .image .cap.ref.ex {
        right: 55.5%; }
      .sec01 .sec01_item03 .sec01_item03_in .item03_02 .item03_02_in .image .cap.stopper {
        right: auto;
        bottom: 100%;
        left: 0;
        color: #333;
        text-shadow: none;
        font-size: clamp(10px, 1.273vw, 14px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item03 .sec01_item03_in .item03_03 {
        flex-direction: column;
        row-gap: 30px; } }
    .sec01 .sec01_item03 .sec01_item03_in .item03_03 .item03_03_in {
      width: 30.5%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item03 .sec01_item03_in .item03_03 .item03_03_in {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item03 .sec01_item03_in .item03_03 .item03_03_in .photo {
          width: fit-content;
          margin: 20px auto 0; } }
  .sec01 .sec01_item04 {
    flex-wrap: wrap;
    row-gap: clamp(40px, 6.364vw, 70px); }
    .sec01 .sec01_item04 .sec01_item04_in {
      align-items: flex-start;
      width: 48%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item04 .sec01_item04_in {
          width: 100%; } }
      .sec01 .sec01_item04 .sec01_item04_in.full {
        width: 100%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item04 .sec01_item04_in.full {
            flex-direction: column;
            row-gap: 30px; } }
        .sec01 .sec01_item04 .sec01_item04_in.full .text_group {
          width: 39%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item04 .sec01_item04_in.full .text_group {
              width: 100%; } }
        .sec01 .sec01_item04 .sec01_item04_in.full .image_group {
          width: 58.5%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item04 .sec01_item04_in.full .image_group {
              width: 100%; } }

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