/*! Writen  by SCSS */
.sec01 {
  margin-bottom: calc(100% / 12); }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 50px; } }
  .sec01 .sec01_wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px calc(40% / 12); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap {
        gap: 35px 4%; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item {
        grid-column: span 2; } }
    .sec01 .sec01_wrap .item01, .sec01 .sec01_wrap .item02 {
      display: flex;
      flex-direction: column;
      row-gap: clamp(15px, 2.5vw, 30px); }
      .sec01 .sec01_wrap .item01 .text_wrap, .sec01 .sec01_wrap .item02 .text_wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap .item01 .text_wrap, .sec01 .sec01_wrap .item02 .text_wrap {
            row-gap: 10px; } }
        .sec01 .sec01_wrap .item01 .text_wrap .in, .sec01 .sec01_wrap .item02 .text_wrap .in {
          border: 1px solid #000;
          padding: 10px; }
          .sec01 .sec01_wrap .item01 .text_wrap .in .txt01, .sec01 .sec01_wrap .item02 .text_wrap .in .txt01 {
            line-height: 1;
            margin-bottom: 0.5em;
            font-size: clamp(12px, 10.834vw, 13px); }
          .sec01 .sec01_wrap .item01 .text_wrap .in .txt02, .sec01 .sec01_wrap .item02 .text_wrap .in .txt02 {
            line-height: 1.62;
            font-size: clamp(11px, 1.084vw, 13px); }
      .sec01 .sec01_wrap .item01 .img_wrap, .sec01 .sec01_wrap .item02 .img_wrap {
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap .item01 .img_wrap, .sec01 .sec01_wrap .item02 .img_wrap {
            column-gap: 10px;
            justify-content: center; } }
        .sec01 .sec01_wrap .item01 .img_wrap .img .cap01, .sec01 .sec01_wrap .item02 .img_wrap .img .cap01 {
          padding-left: 1em;
          text-indent: -1em; }
        .sec01 .sec01_wrap .item01 .img_wrap .img .cap02, .sec01 .sec01_wrap .item02 .img_wrap .img .cap02 {
          padding-right: 3.5em; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_wrap .item01 .img_wrap .img .cap02, .sec01 .sec01_wrap .item02 .img_wrap .img .cap02 {
              padding-right: 2em; } }
        .sec01 .sec01_wrap .item01 .img_wrap .img01, .sec01 .sec01_wrap .item02 .img_wrap .img01 {
          width: 40.18%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_wrap .item01 .img_wrap .img01, .sec01 .sec01_wrap .item02 .img_wrap .img01 {
              width: 43.15%; } }
        .sec01 .sec01_wrap .item01 .img_wrap .img02, .sec01 .sec01_wrap .item02 .img_wrap .img02 {
          width: 45.69%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_wrap .item01 .img_wrap .img02, .sec01 .sec01_wrap .item02 .img_wrap .img02 {
              width: 49.08%; } }
    .sec01 .sec01_wrap .item02 .text_wrap {
      row-gap: clamp(10px, 1.25vw, 15px); }
    .sec01 .sec01_wrap .item02 .img {
      max-width: 378px;
      margin-inline: auto; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item02 .img {
          width: 70%; } }
    .sec01 .sec01_wrap .item03 {
      grid-column: span 2; }
      .sec01 .sec01_wrap .item03 .img {
        max-width: 820px;
        margin-inline: auto; }
    .sec01 .sec01_wrap .item04 .txt01 {
      line-height: 1;
      font-size: clamp(11px, 1.084vw, 13px); }
    .sec01 .sec01_wrap .item04 .img_wrap {
      justify-content: center;
      align-items: center;
      column-gap: 4.32%; }
      .sec01 .sec01_wrap .item04 .img_wrap .img01 {
        width: 34.83%; }
      .sec01 .sec01_wrap .item04 .img_wrap .img02 {
        width: 43.11%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item05 {
        grid-row: 5 / 6; } }
    .sec01 .sec01_wrap .item06 .item_txt {
      width: 66.38%; }
    .sec01 .sec01_wrap .item06 .img_wrap {
      display: flex;
      flex-direction: column;
      row-gap: 10px;
      justify-content: flex-start;
      width: 29.32%; }
    .sec01 .sec01_wrap .item07 .item_txt {
      width: 58.63%; }
    .sec01 .sec01_wrap .item07 .img {
      width: 36.56%; }
    .sec01 .sec01_wrap .item08 .item_txt {
      width: 58.63%; }
    .sec01 .sec01_wrap .item08 .img {
      width: 39.32%; }
    .sec01 .sec01_wrap .item09 {
      grid-column: 2/3;
      grid-row: 5/7;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item09 {
          grid-column: span 2;
          grid-row: span 1; } }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item09 .img {
          width: 60%;
          margin-inline: auto;
          transform: translate(-15px, 0px); } }
    .sec01 .sec01_wrap .item06,
    .sec01 .sec01_wrap .item07,
    .sec01 .sec01_wrap .item08 {
      flex-wrap: wrap; }
      .sec01 .sec01_wrap .item06 .item_ttl,
      .sec01 .sec01_wrap .item07 .item_ttl,
      .sec01 .sec01_wrap .item08 .item_ttl {
        width: 100%; }
    .sec01 .sec01_wrap .item04, .sec01 .sec01_wrap .item09 {
      display: flex;
      flex-direction: column;
      row-gap: clamp(15px, 1.667vw, 20px); }

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