@charset "UTF-8";
/* CSS Document */

.tdlabel {vertical-align:middle!important;}

    .cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      margin-top: 2em;
    }

    .card {
      min-width: 0;
      padding: 10px;
      border: 2px solid #ccc;
      border-top: 5px solid #4cb3ca;
      box-shadow: var(--shadow);
    }

    .card--pattern { border-top-color: #ff978a; }

    .labels {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 12px 0 18px;
    }

    .ckdlabel {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 2px 8px;
      border: 1px solid #a3dae6;
      border-radius: 999px;
      background: #e8f6f9;
      font-size:0.95em;
      line-height: 1;
      white-space: nowrap;
    }

    .ckdlabel i {
color:#336699;
padding-right:0.2em;
}

    .card dl { margin: 0; }

    .card dt {
      margin-top: 1em;
      font-weight: 700;
    }

    .card dt:before {content: "●"; font-size:1.2em;}

    .card dt:first-child { margin-top: 0; }

    .card dd { margin: 4px 0 0; }

    .card dt.overview, .card dt.benefit { color: #336699; }
    .card dt.ckdcaution { color: #cc0000; }

    .card p:last-child { margin-bottom: 0; }

    @media (max-width: 760px) {
      .cards { grid-template-columns: 1fr; }
      .card { padding: 20px; }
    }