/*! Writen  by SCSS */
@media screen and (min-width: 960px) {
  /* line 7, quality.scss */
  .read.lh {
    line-height: 2.5; } }

/* line 14, quality.scss */
.sec01 {
  background: #f5f5f5;
  padding: clamp(50px, 7.5vw, 90px) 0; }
  /* line 17, quality.scss */
  .sec01 .read {
    letter-spacing: 0.1em;
    margin-bottom: clamp(30px, 6.667vw, 80px); }
    @media screen and (min-width: 960px) {
      /* line 17, quality.scss */
      .sec01 .read {
        line-height: 2.5; } }
  /* line 25, quality.scss */
  .sec01 .tag_wrap {
    max-width: 1100px;
    margin-inline: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-row-gap: clamp(10px, 1.25vw, 15px);
    column-gap: 0.84%; }
    /* line 33, quality.scss */
    .sec01 .tag_wrap a {
      display: flex;
      column-gap: 10px;
      padding: 10px 20px;
      background: #fff;
      align-items: center;
      width: fit-content;
      border-radius: 999px;
      font-size: clamp(13px, 1.334vw, 16px);
      transition: opacity 0.3s ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        /* line 33, quality.scss */
        .sec01 .tag_wrap a {
          padding: 0 16px;
          column-gap: 8px;
          height: 40px; } }
      /* line 48, quality.scss */
      .sec01 .tag_wrap a .icon {
        line-height: 1;
        font-size: 0; }
      /* line 52, quality.scss */
      .sec01 .tag_wrap a .txt {
        line-height: 1;
        color: #baa766;
        margin-bottom: 0; }
      @media (hover: hover) {
        /* line 142, _mixin.scss */
        .sec01 .tag_wrap a:hover {
          opacity: .7; } }

/* line 72, quality.scss */
.sec02 .wrap01, .sec02 .wrap02 {
  padding: clamp(50px, 10vw, 120px) 0 clamp(50px, 12.5vw, 150px); }
  @media screen and (max-width: 480px) {
    /* line 72, quality.scss */
    .sec02 .wrap01, .sec02 .wrap02 {
      flex-direction: column;
      row-gap: 30px;
      padding-inline: 20px; } }
/* line 82, quality.scss */
.sec02 .text_cont {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  width: 30%; }
  @media screen and (max-width: 480px) {
    /* line 82, quality.scss */
    .sec02 .text_cont {
      flex-direction: column;
      width: 100%;
      row-gap: 10px; } }
  /* line 94, quality.scss */
  .sec02 .text_cont .img {
    max-width: 165px;
    width: 34.38%; }
    @media screen and (max-width: 480px) {
      /* line 94, quality.scss */
      .sec02 .text_cont .img {
        margin-inline: auto;
        width: 100%;
        max-width: 100%;
        height: 100%;
        text-align: center; }
        /* line 103, quality.scss */
        .sec02 .text_cont .img img {
          height: 48px; } }
  /* line 108, quality.scss */
  .sec02 .text_cont .text_wrap {
    color: #fff;
    width: 57.5%; }
    @media screen and (max-width: 480px) {
      /* line 108, quality.scss */
      .sec02 .text_cont .text_wrap {
        width: 100%;
        text-align: center; } }
    /* line 116, quality.scss */
    .sec02 .text_cont .text_wrap .ttl {
      font-size: clamp(20px, 2vw, 24px);
      margin-bottom: 0.5em; }
/* line 126, quality.scss */
.sec02 .item_wrap {
  width: 62.5%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(40px, 4.167vw, 50px); }
  @media screen and (max-width: 480px) {
    /* line 126, quality.scss */
    .sec02 .item_wrap {
      width: 100%; } }
  /* line 135, quality.scss */
  .sec02 .item_wrap .item {
    background: #fff;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px 0 0 10px; }
    @media screen and (max-width: 480px) {
      /* line 135, quality.scss */
      .sec02 .item_wrap .item {
        padding: 30px 20px;
        flex-direction: column;
        row-gap: 15px;
        border-radius: 10px; } }
    /* line 148, quality.scss */
    .sec02 .item_wrap .item.item03 {
      padding-bottom: 50px; }
    /* line 153, quality.scss */
    .sec02 .item_wrap .item .text_wrap {
      width: 55.44%; }
      @media screen and (max-width: 480px) {
        /* line 153, quality.scss */
        .sec02 .item_wrap .item .text_wrap {
          width: 100%; } }
      /* line 158, quality.scss */
      .sec02 .item_wrap .item .text_wrap .ttl {
        font-size: clamp(20px, 2vw, 24px);
        display: flex;
        column-gap: clamp(10px, 1.25vw, 15px);
        align-items: center;
        color: #aa9637;
        margin-bottom: 0.75em;
        line-height: 1.2; }
        @media screen and (max-width: 480px) {
          /* line 158, quality.scss */
          .sec02 .item_wrap .item .text_wrap .ttl {
            justify-content: center; } }
        /* line 169, quality.scss */
        .sec02 .item_wrap .item .text_wrap .ttl .icon {
          line-height: 1;
          font-size: 0; }
      /* line 174, quality.scss */
      .sec02 .item_wrap .item .text_wrap .read {
        display: flex;
        flex-direction: column;
        row-gap: 1em;
        font-size: clamp(13px, 1.25vw, 15px); }
        /* line 180, quality.scss */
        .sec02 .item_wrap .item .text_wrap .read span {
          display: block; }
    /* line 185, quality.scss */
    .sec02 .item_wrap .item .img {
      position: relative;
      width: 39.14%; }
      @media screen and (max-width: 480px) {
        /* line 185, quality.scss */
        .sec02 .item_wrap .item .img {
          width: 80%;
          margin-inline: auto; } }
      /* line 193, quality.scss */
      .sec02 .item_wrap .item .img .swiper {
        overflow: unset !important;
        overflow-x: clip !important; }
        /* line 196, quality.scss */
        .sec02 .item_wrap .item .img .swiper .swiper-pagination {
          bottom: -25px !important; }
          /* line 198, quality.scss */
          .sec02 .item_wrap .item .img .swiper .swiper-pagination .swiper-pagination-bullet {
            border: 1px solid #333 !important;
            background: none !important;
            opacity: 1 !important; }
          /* line 203, quality.scss */
          .sec02 .item_wrap .item .img .swiper .swiper-pagination .swiper-pagination-bullet-active {
            background: #333 !important; }
/* line 215, quality.scss */
.sec02 .wrap01 {
  background: url("../images/quality/bg01.png") center center/cover no-repeat; }
/* line 218, quality.scss */
.sec02 .wrap02 {
  background: url("../images/quality/bg02.png") center center/cover no-repeat; }
  /* line 228, quality.scss */
  .sec02 .wrap02 .text_cont .text_wrap .ttl {
    color: #aa9637; }
  /* line 231, quality.scss */
  .sec02 .wrap02 .text_cont .text_wrap .read {
    color: #333; }