/*! Writen  by SCSS */
.sec .item .item_txt.small {
  font-size: clamp(10px, 1.084vw, 13px);
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #231815; }
  @media screen and (max-width: 480px) {
    .sec .item .item_txt.small {
      font-size: calc(12vw / 3.9); } }

.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);
    	/*.item04,.item09 {
    	display: flex;
    	flex-direction: column;
    	row-gap: clamp_gm(15,1200,20);
    }*/ }
    @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 .item.full {
      grid-column: span 2; }
    .sec01 .sec01_wrap .item .item_txt .block {
      line-height: 1;
      display: block; }
    .sec01 .sec01_wrap .item01 .in_box .txt01 {
      padding: 15px 20px;
      border: 1px solid #000;
      font-size: clamp(11px, 1.084vw, 13px); }
    .sec01 .sec01_wrap .item01 .in_box .item01_in {
      flex-wrap: wrap; }
      .sec01 .sec01_wrap .item01 .in_box .item01_in .item_ttl {
        width: 100%; }
      .sec01 .sec01_wrap .item01 .in_box .item01_in .item_txt {
        width: 47.59%; }
      .sec01 .sec01_wrap .item01 .in_box .item01_in .img {
        width: 46.9%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item02 .img01 {
        width: 70%;
        margin-inline: auto; } }
    .sec01 .sec01_wrap .item03 .text_wrap, .sec01 .sec01_wrap .item03 .img {
      width: 48.34%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item03 .text_wrap, .sec01 .sec01_wrap .item03 .img {
          width: 100%; } }
    .sec01 .sec01_wrap .item03 .text_wrap {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .sec01 .sec01_wrap .item03 .text_wrap .in {
        border: 1px solid #000;
        padding: 10px; }
        .sec01 .sec01_wrap .item03 .text_wrap .in .txt01 {
          line-height: 1;
          margin-bottom: 0.5em;
          font-size: clamp(13px, 1.334vw, 16px); }
        .sec01 .sec01_wrap .item03 .text_wrap .in .txt02 {
          line-height: 1.62;
          font-size: clamp(11px, 1.084vw, 13px); }
    .sec01 .sec01_wrap .item03 .img .item_txt {
      line-height: 1; }
    .sec01 .sec01_wrap .item04 .item_txt {
      width: 48.34%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item04 .item_txt {
          width: 100%; } }
    .sec01 .sec01_wrap .item04 .img {
      width: 43.67%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item04 .img {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item05 {
        flex-wrap: wrap;
        row-gap: 35px; } }
    .sec01 .sec01_wrap .item05 .item_in {
      width: 31%;
      flex-wrap: wrap; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item05 .item_in {
          width: 48%; }
          .sec01 .sec01_wrap .item05 .item_in:nth-last-child(1) {
            width: 100%; } }
      .sec01 .sec01_wrap .item05 .item_in .item_txt {
        font-size: clamp(12px, 1.084vw, 13px); }
    .sec01 .sec01_wrap .item05 .item_in .item_ttl {
      width: 100%; }
    .sec01 .sec01_wrap .item05 .item_in .item_txt02 {
      width: 51.08%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item05 .item_in .item_txt02 {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item05 .item_in03 .img {
        width: 55%;
        margin-inline: auto; } }
    .sec01 .sec01_wrap .item06 .item_txt {
      width: 29.17%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item06 .item_txt {
          width: 100%; } }
    .sec01 .sec01_wrap .item06 .img_wrap {
      width: 54.17%;
      margin-right: 8.34%;
      max-width: 650px;
      align-items: flex-end; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item06 .img_wrap {
          width: 100%;
          margin-top: 15px;
          align-items: center;
          justify-content: space-between;
          margin-right: 0; } }
      .sec01 .sec01_wrap .item06 .img_wrap .img01 {
        width: 52%; }
      .sec01 .sec01_wrap .item06 .img_wrap .img02 {
        width: 39.24%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap .item07 {
        align-items: flex-start; } }
    .sec01 .sec01_wrap .item07 .item_txt {
      width: 46.04%; }
    .sec01 .sec01_wrap .item07 .img {
      width: 49.83%; }
    .sec01 .sec01_wrap .item08 .item_txt {
      width: 32.76%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item08 .item_txt {
          width: 100%; } }
    .sec01 .sec01_wrap .item08 .img {
      width: 63.11%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item08 .img {
          width: 100%; } }
    .sec01 .sec01_wrap .item09 .in_box {
      width: 48.34%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item09 .in_box {
          width: 100%;
          row-gap: 15px;
          margin-bottom: 15px; } }
    .sec01 .sec01_wrap .item09 > .img {
      width: 48.42%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .item09 > .img {
          width: 100%; } }
    .sec01 .sec01_wrap .item03,
    .sec01 .sec01_wrap .item04,
    .sec01 .sec01_wrap .item06,
    .sec01 .sec01_wrap .item07,
    .sec01 .sec01_wrap .item08,
    .sec01 .sec01_wrap .item09 {
      flex-wrap: wrap; }
      .sec01 .sec01_wrap .item03 .item_ttl,
      .sec01 .sec01_wrap .item04 .item_ttl,
      .sec01 .sec01_wrap .item06 .item_ttl,
      .sec01 .sec01_wrap .item07 .item_ttl,
      .sec01 .sec01_wrap .item08 .item_ttl,
      .sec01 .sec01_wrap .item09 .item_ttl {
        width: 100%; }

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