/* =====================================================================
機能一覧
===================================================================== */
.feature_list {
  :where(figure) {
    margin: 0;
  }
  .is_pc {
    display: none;
  }
  .is_sp {
    display: block;
  }
  sup {
    font-size: 0.8em;
    vertical-align: top;
  }
  ul.list {
    li {
      &::before {
        bottom: initial;
      }
    }
  }
  h2 {
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .block01 {
    p {
      text-align: center;
      margin: 36px 0 80px;
    }
  }
  nav {
    h3 {
      color: var(--Blue-BL1, #0068b7);
      margin-bottom: 12px;
    }
  }
  .link_anchor_thumb {
    flex-direction: row;
    gap: 16px 24px;
    > * {
      width: calc((100% - 24px) / 2);
    }
  }
  .sect_feature {
    margin-bottom: 48px;
    .aco_box {
      .aco_content {
        p {
          margin-bottom: 16px;
          font-size: 13px;
        }
        .btn + p {
          margin: 16px 0 0 0;
        }
      }
    }
    .aco_content--box {
      padding: 12px 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 2px;
      background: var(--Black-BK4, #f5f5f5);
      p {
        margin: 0;
      }
      p:first-child {
        font-size: 15px;
        font-weight: 700;
      }
    }
    .anc_8jirei {
      span {
        margin-top: 16px;
        display: block;
        font-weight: 400;
      }
    }
    .feature_content:has(+ .table_type02) {
      margin-bottom: 12px;
    }
    .table_type02 {
      margin-top: initial;
      tbody {
        td {
          vertical-align: top;
          padding: initial;
          border: none;
          background-color: #fff;
          display: flex;
          justify-content: space-between;
          gap: 11px;
          p {
            margin: 0;
          }
          .table__box.is_first {
            display: flex;
            width: 200px;
            padding: 20px;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;
            border-radius: 4px;
            border: 1px solid var(--Black-BK3, #d9d9d9);
            background: var(--White-WH1, #fff);
            .subTtl {
              display: flex;
              height: 164px;
              width: 100%;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              font-weight: 700;
            }
            .table__box--toilet {
              display: flex;
              gap: 6px;
              padding-top: 8px;
              figure {
                width: 40px;
                height: 40px;
                aspect-ratio: 1/1;
              }
              .table__box--txt {
                min-height: 92px;
                p:nth-child(1) {
                  font-size: 20px;
                  font-weight: 700;
                  margin-bottom: 4px;
                }
                p:nth-child(2) {
                  font-size: 13px;
                  font-weight: 700;
                  margin-bottom: 4px;
                }
                p:nth-child(3) {
                  font-size: 10px;
                }
              }
              &.toiletC {
                margin-bottom: 55px;
              }
            }
          }
          .table__box.is_manufacturer {
            display: flex;
            width: 295px;
            padding: 20px;
            flex-direction: column;
            align-items: center;
            gap: 16px;
            align-self: stretch;
            border-radius: 4px;
            background: var(--Black-BK4, #f5f5f5);
            figure.logo {
              width: 100px;
            }
            .table__box--txt {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              gap: 8px;
              align-self: stretch;
              p:nth-of-type(1) {
                font-size: 16px;
                font-weight: 700;
                text-align: center;
              }
              p:nth-of-type(2) {
                font-size: 13px;
                font-weight: 700;
              }
              p:nth-of-type(3) {
                font-size: 10px;
              }
            }
            .table__box--amount {
              display: flex;
              height: 100px;
              padding: 12px 16px;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              align-self: stretch;
              border-radius: 4px;
              background: var(--White-WH1, #fff);
              p {
                text-align: center;
              }
              span {
                display: block;
                color: var(--Blue-BL1, #0068b7);
                font-feature-settings: "pkna" on;
                font-size: 20px;
                font-weight: 700;
              }
            }
            .btn a {
              width: 200px;
            }
          }
        }
      }
    }
  }
  .col3_img_btn a {
    width: 270px;
    padding: 16px 22px;
  }

  @media (min-width: 768px) {
    .is_pc {
      display: block;
    }
    .is_sp {
      display: none;
    }
    h2 {
      margin-top: 120px;
      margin-bottom: 40px;
    }
    .link_anchor_thumb {
      flex-direction: row;
      gap: 20px;
      > * {
        width: calc((100% - 60px) / 4);
      }
    }
    .sect_feature {
      margin-bottom: 80px;
      .anc_8jirei {
        span {
          display: inline;
          margin-left: 16px;
        }
      }
    }
  }
}