/*! Writen  by SCSS */
.sec_quality {
  padding-bottom: clamp(80px, 13.334vw, 160px); }

.sec01 .item_group {
  flex-direction: column;
  row-gap: clamp(60px, 10vw, 120px); }
  @media screen and (max-width: 768px) {
    .sec01 .item_group {
      row-gap: 50px; } }
  .sec01 .item_group .bg_head {
    margin-bottom: clamp(25px, 3.334vw, 40px); }
    @media screen and (max-width: 480px) {
      .sec01 .item_group .bg_head {
        line-height: 1.6; } }
  @media screen and (max-width: 480px) {
    .sec01 .item_group .sp_icon_box {
      margin-top: 20px; } }
  .sec01 .item_group .item_in {
    width: 100%; }
    .sec01 .item_group .item_in .image_box {
      margin-top: clamp(30px, 3.334vw, 40px);
      padding: clamp(30px, 4.167vw, 50px) 20px clamp(25px, 3.334vw, 40px);
      background: #FFF;
      border-radius: 30px;
      text-align: center; }
    .sec01 .item_group .item_in .takara10 {
      align-items: center;
      margin-bottom: clamp(25px, 3.334vw, 40px); }
      @media screen and (max-width: 480px) {
        .sec01 .item_group .item_in .takara10 {
          flex-direction: column;
          row-gap: 20px;
          align-items: center; } }
      .sec01 .item_group .item_in .takara10 .logo_takara {
        width: 25%; }
        @media screen and (max-width: 480px) {
          .sec01 .item_group .item_in .takara10 .logo_takara {
            width: fit-content;
            margin: 0 auto; } }
      .sec01 .item_group .item_in .takara10 .item_text {
        width: 72.5%; }
        @media screen and (max-width: 480px) {
          .sec01 .item_group .item_in .takara10 .item_text {
            width: 100%; } }
    .sec01 .item_group .item_in .support_box {
      padding: 30px 20px;
      background: #dbedf6;
      text-align: center;
      display: flex;
      flex-direction: column;
      grid-row-gap: 15px;
      position: relative;
      margin-bottom: 20px; }
      .sec01 .item_group .item_in .support_box:after {
        content: "";
        position: absolute;
        inset: 0;
        bottom: auto;
        top: 100%;
        width: 23px;
        height: 15px;
        margin: auto;
        background: #dbedf6;
        clip-path: polygon(50% 100%, 0 0, 100% 0); }
      .sec01 .item_group .item_in .support_box .s01 {
        font-size: clamp(15px, 1.667vw, 20px); }
      .sec01 .item_group .item_in .support_box .s02 {
        font-size: clamp(12px, 1.334vw, 16px); }
    .sec01 .item_group .item_in .service04 {
      align-items: stretch; }
      @media screen and (max-width: 480px) {
        .sec01 .item_group .item_in .service04 {
          flex-wrap: wrap;
          row-gap: 20px; } }
      .sec01 .item_group .item_in .service04 .service_in {
        width: 24.17%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border-radius: 5px 5px 5px 30px;
        background: linear-gradient(to right, #00a7ea 0%, #1d2088 100%); }
        @media screen and (max-width: 480px) {
          .sec01 .item_group .item_in .service04 .service_in {
            width: 48%; } }
        .sec01 .item_group .item_in .service04 .service_in .service_ttl {
          padding: 20px 5px;
          font-size: clamp(14px, 1.667vw, 20px);
          color: #FFF;
          text-align: center; }
          @media screen and (max-width: 768px) {
            .sec01 .item_group .item_in .service04 .service_in .service_ttl {
              padding: 12px 5px; } }
          @media screen and (max-width: 480px) {
            .sec01 .item_group .item_in .service04 .service_in .service_ttl {
              line-height: 1.5; } }
        .sec01 .item_group .item_in .service04 .service_in .text_box {
          flex-grow: 1;
          padding: 20px;
          position: relative;
          padding: 2px; }
          .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in {
            background: #FFF;
            height: 100%;
            border-bottom-left-radius: 28px;
            border-bottom-right-radius: 5px;
            padding: 20px;
            background: #FFF; }
            @media screen and (max-width: 768px) {
              .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in {
                padding: 15px 10px; } }
            .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t01 {
              font-size: clamp(10px, 1.5vw, 18px);
              text-align: center;
              line-height: 1.38;
              padding-bottom: 20px;
              margin-bottom: 20px;
              border-bottom: 1px solid #59544f; }
              @media screen and (max-width: 768px) {
                .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t01 {
                  padding-bottom: 12px;
                  margin-bottom: 12px; } }
              @media screen and (max-width: 480px) {
                .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t01 {
                  font-size: 14px; } }
            .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t02_group {
              flex-direction: column;
              row-gap: 5px; }
            .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t02 {
              font-size: clamp(11px, 1.334vw, 16px);
              line-height: 1.4; }
              .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t02.indent {
                text-indent: -1em;
                padding-left: 1em; }
                .sec01 .item_group .item_in .service04 .service_in .text_box .text_box_in .t02.indent:before {
                  content: "";
                  display: inline-block;
                  width: 10px;
                  border-radius: 50%;
                  vertical-align: middle;
                  margin-right: 5px;
                  aspect-ratio: 1;
                  background: #59544f; }
@media screen and (max-width: 480px) {
  .sec01 .scroll_in {
    position: relative;
    overflow-x: scroll; } }
@media screen and (max-width: 480px) {
  .sec01 .scroll_in img {
    max-width: none; } }
@media screen and (max-width: 480px) {
  .sec01 .scroll_in.image01 img {
    width: 800px; } }
@media screen and (max-width: 480px) {
  .sec01 .scroll_in.image02 img {
    width: 600px; } }

.quality_tab_bottom {
  margin-top: -40px; }

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