/*! 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, 10vw, 120px); }
    .sec01 .sec01_group .sec01_group_in .item_group {
      flex-wrap: wrap;
      gap: 40px 0; }
      .sec01 .sec01_group .sec01_group_in .item_group .item_name_100 {
        width: 100%; }
      .sec01 .sec01_group .sec01_group_in .item_group .item {
        width: 48%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_group .sec01_group_in .item_group .item {
            width: 100%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.full {
          width: 100%; }
        .sec01 .sec01_group .sec01_group_in .item_group .item .img_cap .cap.ref.cap_left01 {
          right: 41%; }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group {
          margin-top: 30px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group {
              margin-top: 0;
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group .item_read {
            width: 25%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group .item_read {
                width: 100%; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group .image {
            width: 69%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item01_8 .faucet_group .image {
                width: 100%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 {
          display: grid;
          grid-template-columns: 39.2% 60.8%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 {
              gap: 20px 0;
              grid-template-columns: 100%; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .item_name {
            grid-column: span 2;
            margin-bottom: 30px; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .item_name {
                margin-bottom: 0;
                grid-column: auto; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .photo_group {
            grid-row: 2 / 4;
            grid-column: 2 / 3; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .photo_group {
                grid-row: auto;
                grid-column: auto; } }
            .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .photo_group .cap_l {
              margin-left: 6%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .photo_group .cap_l {
                  margin-left: 0; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_1 .knife_group {
            align-self: end;
            margin-bottom: 1em; }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 {
          align-items: flex-start; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 {
              flex-direction: column;
              gap: 20px 0; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 .text_group {
            width: 40%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 .text_group {
                width: 100%; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 .photo {
            width: 56.8%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item02_2 .photo {
                width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_group .sec01_group_in .item_group .item.item02_4 .double {
            flex-direction: column;
            gap: 20px 0; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item02_4 .double .double_in {
          width: 48%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item02_4 .double .double_in {
              width: 100%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .text_group.full {
          width: 100%; }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group {
          flex-wrap: wrap;
          gap: clamp(30px, 3.637vw, 40px) 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group {
              gap: 25px 0; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group .photo_in {
            width: 30.8%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group .photo_in {
                width: 48%; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group .photo_in.third {
                margin-top: 0;
                width: 100%;
                display: flex;
                justify-content: space-between; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item03_1 .photo_group .photo_in.third .photo_cont {
                width: 48%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 {
          margin-top: 30px;
          align-items: flex-start; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 {
              margin-top: 20px;
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 .bath_in {
            width: 48%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 .bath_in {
                width: 100%; } }
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 .bath_in.bath_right {
              display: grid;
              justify-content: space-between;
              gap: clamp(10px, 1.25vw, 15px) 0;
              grid-template-columns: repeat(2, 47.92%); }
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_1 .bathroom01 .bath_in.bath_right .photo_cont.wide {
                grid-column: span 2; }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item04_2 .bathroom02 {
          margin-top: 20px;
          flex-wrap: wrap;
          gap: 25px 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_2 .bathroom02 {
              gap: 20px 0; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_2 .bathroom02 .bath_in {
            width: 31%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_2 .bathroom02 .bath_in {
                width: 48%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 {
          align-items: flex-end; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 {
              flex-direction: column;
              row-gap: 20px;
              align-items: flex-start; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .left {
            width: 43%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .left {
                width: 100%; } }
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .left .logo_img {
              margin-top: 20px; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .left .logo_img {
                  width: 80%;
                  margin: 20px auto 0; } }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .right {
            width: 54.4%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .right {
                width: 100%; } }
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_3 .right .cap {
              position: static;
              margin-left: auto;
              width: fit-content; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_4 {
            flex-wrap: wrap;
            gap: 20px 0; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item04_4 .item04_4_in {
          width: 48%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_4 .item04_4_in {
              width: 100%; } }
        .sec01 .sec01_group .sec01_group_in .item_group .item.item04_5 {
          flex-wrap: wrap;
          gap: 30px 0; }
          .sec01 .sec01_group .sec01_group_in .item_group .item.item04_5 .item04_5_in {
            width: 26.1%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_group .sec01_group_in .item_group .item.item04_5 .item04_5_in {
                width: 48%; } }
            .sec01 .sec01_group .sec01_group_in .item_group .item.item04_5 .item04_5_in.wide {
              width: 42.4%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_group .sec01_group_in .item_group .item.item04_5 .item04_5_in.wide {
                  width: 100%; } }
      .sec01 .sec01_group .sec01_group_in .item_group.first {
        gap: clamp(30px, 3.637vw, 40px) 0; }
      .sec01 .sec01_group .sec01_group_in .item_group.second {
        gap: clamp(40px, 6.364vw, 70px) 0; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_group .sec01_group_in .item_group.second {
            gap: 30px 0; } }
      .sec01 .sec01_group .sec01_group_in .item_group.third, .sec01 .sec01_group .sec01_group_in .item_group.fourth {
        gap: clamp(40px, 5.455vw, 60px) 0; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_group .sec01_group_in .item_group.third, .sec01 .sec01_group .sec01_group_in .item_group.fourth {
            gap: 30px 0; } }

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