/*! Writen  by SCSS */
.quality_lead {
  font-size: clamp(16px, 1.93vw, 24px); }

.luic_lead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: clamp(24px, 2.58vw, 32px);
  letter-spacing: 0.2em;
  line-height: 1; }
  @media screen and (max-width: 480px) {
    .luic_lead {
      text-align: center;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      letter-spacing: 0.1em; } }
  .luic_lead .text_min {
    font-size: 0.5em;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 480px) {
      .luic_lead .text_min {
        letter-spacing: 0.1em; } }
  .luic_lead sup {
    font-size: 10px;
    letter-spacing: 0.1em; }

.read {
  line-height: 1.75; }

.sec02 {
  padding-top: clamp(50px, 7.5%, 90px); }

.sec03 {
  padding-top: clamp(50px, 7.5%, 90px); }

.sec04 {
  padding-top: clamp(50px, 6.67%, 80px); }

.sec01_wrap {
  max-width: 1100px;
  margin-inline: auto;
  align-items: center; }
  @media screen and (max-width: 480px) {
    .sec01_wrap {
      flex-direction: column;
      gap: 25px 0; } }
  .sec01_wrap .text_box {
    width: 80%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .text_box {
        width: 100%; } }
    .sec01_wrap .text_box .sec01_logo {
      max-width: 401px;
      width: 45.57%;
      margin-bottom: 4.55%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .sec01_logo {
          width: 90%;
          margin-bottom: 15px;
          margin-inline: auto; } }
    .sec01_wrap .text_box .quality_lead {
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .quality_lead {
          text-align: center; } }
  .sec01_wrap .good_design {
    max-width: 170px;
    width: 15.46%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .good_design {
        width: 41.07%; } }

.sec02_lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec02_lead_wrap {
      align-items: center;
      flex-direction: column;
      gap: 20px 0; } }
  .sec02_lead_wrap .text_box {
    width: 75%; }
    @media screen and (max-width: 480px) {
      .sec02_lead_wrap .text_box {
        width: 100%; } }
    .sec02_lead_wrap .text_box .head_wrap {
      display: flex;
      align-items: center;
      line-height: 1;
      gap: 0.5em;
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .sec02_lead_wrap .text_box .head_wrap {
          flex-wrap: wrap;
          text-align: center;
          justify-content: center; } }
      .sec02_lead_wrap .text_box .head_wrap img {
        line-height: 0;
        width: 18.66em; }
      .sec02_lead_wrap .text_box .head_wrap .text {
        letter-spacing: 0.5em; }
    .sec02_lead_wrap .text_box .luic_lead {
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .sec02_lead_wrap .text_box .luic_lead {
          margin-bottom: 0.6em; } }
  .sec02_lead_wrap .logo_wrap {
    max-width: 219px;
    width: 18.25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px; }
    @media screen and (max-width: 480px) {
      .sec02_lead_wrap .logo_wrap {
        width: 52.9%; } }
    .sec02_lead_wrap .logo_wrap .logo_top {
      max-width: 165px;
      width: 75.35%; }

.sec02_lead {
  text-align: center;
  font-size: clamp(16px, 1.61vw, 20px);
  margin-bottom: 2em; }
  @media screen and (max-width: 480px) {
    .sec02_lead {
      line-height: 1.4; } }

.image_wrap {
  align-items: flex-start;
  justify-content: center;
  gap: 5.83%; }
  @media screen and (max-width: 480px) {
    .image_wrap {
      align-items: center;
      flex-direction: column;
      gap: 25px 0; } }
  .image_wrap .image_left {
    max-width: 528px;
    width: 44%; }
    @media screen and (max-width: 480px) {
      .image_wrap .image_left {
        width: 100%; } }
  .image_wrap .image_right {
    max-width: 360px;
    width: 30%; }
    @media screen and (max-width: 480px) {
      .image_wrap .image_right {
        width: 68.19%; } }

.sec03 .sec_lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec03 .sec_lead_wrap {
      flex-direction: column;
      align-items: center;
      gap: 25px 0; } }
  .sec03 .sec_lead_wrap .text_box {
    width: 81.67%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec_lead_wrap .text_box {
        width: 100%; } }
    .sec03 .sec_lead_wrap .text_box .luic_lead {
      margin-bottom: 1.2em; }
      @media screen and (max-width: 480px) {
        .sec03 .sec_lead_wrap .text_box .luic_lead {
          margin-bottom: 0.6em; } }
  .sec03 .sec_lead_wrap .logo_box {
    max-width: 207px;
    width: 17.25%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec_lead_wrap .logo_box {
        width: 50%; } }
.sec03 .sec03_head {
  color: #fff;
  background: #727272;
  font-size: clamp(11px, 1.12vw, 14px);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5em 1em;
  padding: 0.9em 0.2em;
  margin-bottom: 30px; }
  .sec03 .sec03_head img {
    width: 12.71em; }
.sec03 .sec03_bottom {
  max-width: 1080px;
  margin-inline: auto; }
.sec03 .sec03_bottom_wrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .sec03 .sec03_bottom_wrap {
      flex-wrap: wrap;
      gap: 25px 0; } }
  .sec03 .sec03_bottom_wrap .sec03_b_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    .sec03 .sec03_bottom_wrap .sec03_b_box .text_box {
      margin-bottom: 12px; }
    .sec03 .sec03_bottom_wrap .sec03_b_box .box_head {
      font-size: clamp(15px, 1.61vw, 20px);
      line-height: 1;
      margin-bottom: 1em; }
    .sec03 .sec03_bottom_wrap .sec03_b_box .read {
      line-height: 1.38; }
  .sec03 .sec03_bottom_wrap .sec03_b_box_left {
    width: 44.45%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_bottom_wrap .sec03_b_box_left {
        width: 100%; } }
    .sec03 .sec03_bottom_wrap .sec03_b_box_left .image_box {
      max-width: 238px;
      width: 49.59%; }
    .sec03 .sec03_bottom_wrap .sec03_b_box_left .text_box {
      width: 39.59%; }
  .sec03 .sec03_bottom_wrap .sec03_b_box_right {
    width: 48.15%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_bottom_wrap .sec03_b_box_right {
        width: 100%; } }
    .sec03 .sec03_bottom_wrap .sec03_b_box_right .image_box {
      max-width: 340px;
      width: 65.39%; }
    .sec03 .sec03_bottom_wrap .sec03_b_box_right .text_box {
      width: 28.85%; }

.sec04 .sec_lead_wrap {
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .sec04 .sec_lead_wrap {
      flex-direction: column;
      align-items: center;
      gap: 25px 0; } }
  .sec04 .sec_lead_wrap .text_box {
    width: 81.67%; }
    @media screen and (max-width: 480px) {
      .sec04 .sec_lead_wrap .text_box {
        width: 100%; } }
    .sec04 .sec_lead_wrap .text_box .luic_lead {
      margin-bottom: 1.2em; }
      @media screen and (max-width: 480px) {
        .sec04 .sec_lead_wrap .text_box .luic_lead {
          margin-bottom: 0.6em; } }
      @media screen and (max-width: 480px) {
        .sec04 .sec_lead_wrap .text_box .luic_lead .text_min {
          margin-right: auto; } }
      @media screen and (max-width: 480px) {
        .sec04 .sec_lead_wrap .text_box .luic_lead .text {
          margin-right: auto; } }
  .sec04 .sec_lead_wrap .logo_box {
    max-width: 174px;
    width: 14.5%; }
    @media screen and (max-width: 480px) {
      .sec04 .sec_lead_wrap .logo_box {
        width: 42.03%; } }

.sec04_head {
  display: flex;
  align-items: baseline;
  font-size: clamp(18px, 2.41vw, 30px);
  line-height: 1;
  gap: 0.5em 1em;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.5em;
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .sec04_head {
      flex-direction: column;
      align-items: center; } }
  .sec04_head .text_min {
    font-size: 0.53em; }

.sec04_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec04_list {
      flex-wrap: wrap;
      gap: 15px 0; } }
  .sec04_list .item {
    max-width: 274px;
    width: 22.84%; }
    @media screen and (max-width: 768px) {
      .sec04_list .item {
        width: 24%; } }
    @media screen and (max-width: 480px) {
      .sec04_list .item {
        width: 48%; } }
    .sec04_list .item .item_head {
      text-align: center;
      font-size: clamp(14px, 1.93vw, 24px);
      line-height: 1;
      color: #fff;
      background: #727272;
      padding: 0.3em 0.2em;
      margin-bottom: 0.6em; }

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