/* ======================================
   3列：悩み別カード
   ====================================== */

.privacy-grid3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: 749px !important;
    margin: 0 auto 30px !important;

    box-sizing: border-box !important;
}

.privacy-grid3 .privacy-card {
    display: block !important;

    width: auto !important;
    float: none !important;

    margin: 0 !important;
    padding: 20px !important;

    background-color: #ffffff !important;
    border: 1px solid #dce6e4 !important;
    border-radius: 15px !important;

    box-sizing: border-box !important;
    text-align: left !important;
}


/* ======================================
   2列：メリット・弱点
   ====================================== */

.privacy-grid2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;

    width: 100% !important;
    max-width: 749px !important;
    margin: 0 auto 30px !important;

    box-sizing: border-box !important;
}

.privacy-grid2 .privacy-procon {
    display: block !important;

    width: auto !important;
    float: none !important;

    margin: 0 !important;
    padding: 22px 24px !important;

    background-color: #ffffff !important;
    border: 1px solid #dce6e4 !important;
    border-radius: 15px !important;

    box-sizing: border-box !important;
    text-align: left !important;
}

.privacy-grid2 .privacy-good {
    border-top: 5px solid #2c7a73 !important;
}

.privacy-grid2 .privacy-bad {
    border-top: 5px solid #c87939 !important;
}

/* カード内タイトル */
.privacy-card-title {
    display: block;

    margin: 10px 0 8px;
    padding: 0;

    background: none;
    border: none;

    color: #333333;

    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;

    letter-spacing: normal;
    text-align: left;
}
.privacy-procon-title {
    display: block;

    margin: 0 0 12px;
    padding: 0;

    background: none;
    border: none;

    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;

    color: #333333;
}

/* メリット */
.privacy-good .privacy-procon-title {
    color: #2c7a73;
}

/* 弱点 */
.privacy-bad .privacy-procon-title {
    color: #b26731;
}

.table_design08 {
  border-collapse: collapse;
  
  width: 100%;
  max-width: 749px;
  text-align: center;
}
.table_design08 th, .table_design08 td {
  border: 2px solid #d2e8f1;
  padding: 1em;
}
.table_design08 thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.table_design08 thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.table_design08 tbody th {
  color: #4d9bc1;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 787px) {
  .table_design08 {
    text-align: left;
  }
  .table_design08 thead {
    display:none;
  }
  .table_design08 th, .table_design08 td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .table_design08 tbody th{
    background: #4d9bc1;
    color:#fff;
  }
  .table_design08 td::before{
    content: attr(data-label);
    color: #4d9bc1;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }
}
.products{display:grid;grid-template-columns:1fr 1fr;gap:17px}.product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product img{width:100%;aspect-ratio:16/10;object-fit:cover}.product .body{padding:19px}.product .label{font-size:12px;color:var(--teal);font-weight:900}.product p{font-size:14px;color:var(--sub)}.product .go{display:inline-block;background:var(--teal);color:#fff;padding:10px 13px;border-radius:8px;font-weight:900;font-size:13px}

/* ======================================
   スマートフォン
   ====================================== */

@media screen and (max-width: 740px) {

    .privacy-grid3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 94% !important;
        gap: 12px !important;
    }

    .privacy-grid2 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 94% !important;
        gap: 12px !important;
    }

    .privacy-grid3 .privacy-card {
        padding: 18px !important;
    }

    .privacy-grid2 .privacy-procon {
        padding: 20px 18px !important;
    }
}

/* =========================================
   /privacy-net 専用
   古いCMSのh3デザインをリセット
   ========================================= */

#main .privacy-card h3,
#main .privacy-procon h3,
#main .product h3 {
    display: block !important;
    position: static !important;
    float: none !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 10px 0 8px !important;
    padding: 0 !important;

    background: none !important;
    background-image: none !important;
    background-color: transparent !important;

    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;

    color: #333333 !important;

    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;

    text-align: left !important;
}