@charset "UTF-8";
/* ---------------------------------------
  基本情報
-----------------------------------------*/

.yoyaku {width:80%; margin:50px auto; text-align: center;}
.yoyaku img { max-width:650px; }
.crown{text-align: center}
.crown img{max-width:70px;}
.c-page-heading.-btm30.ceramic-h{margin-bottom:60px; }
h2.bluebold  {
  position: relative;
  font-size: 3.4rem;
  line-height: 1.3529411765;
  font-weight: 600;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Noto Serif JP", serif;
  color:#1d3258;
  text-align: center;
  border-bottom: 2px solid #1d3258;
  padding-bottom: 10px;
  margin-bottom: 50px;
}


/* implant-strengthscp
--------------------------------------*/
.implant-strengthsdcp .strengthscp {display:flex; justify-content:space-between;flex-wrap: wrap;text-align:center;}
.implant-strengthsdcp .strengthscp div {width:49%; background-color:#fff4d9;margin-bottom:20px;display:flex;}
.implant-strengthsdcp .strengthscp div img {max-width:230px; max-height:210px;}
.implant-strengthsdcp .strengthscp h4 { padding: 0.25rem 0.25rem 0.25rem 1.0rem;background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%);background-repeat: no-repeat;background-size: 0.5rem 100%;font-weight: bold;font-size:18px;}
.implant-strengthsdcp .strengthscp div .strengths-cont{display: block; padding:0.5rem; margin-bottom: 0px;}
.implant-strengthsdcp .strengthscp div .strengths-cont p{padding: 0.25rem 0.25rem 0.25rem 1.0rem;}
.implant-strengthsdcp .strengthscp div .strengths-cont p span.text_p{font-size:24px; font-weight:bold;color:#DB5D5D;}

/* cards-grid
--------------------------------------*/

 .cards-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      max-width: 1000px;
      margin: 0 auto;
    }
 
    .card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
          }
 
    .card img {
      width: 100%;
      height: auto;
      display: block;
    }
 
.p-price-list .wrap .price-bltbl table tbody td.pricekariba{padding-right:50px; text-align:right; width:50%;}

@media print, screen and (max-width: 768px) {
.crown{text-align: center}
.crown img{max-width:30%;}
.c-page-heading.-btm30.ceramic-h{margin-bottom:60px; }
.p-price-list .wrap .price-bltbl table tbody td.pricekariba{padding-right:0px; text-align:right; width:50%;}
.cards-grid {grid-template-columns: 1fr;}


}

/* 表
--------------------------------------*/
.implant-comparison{--ic-navy:#173f69;--ic-head:#29455f;--ic-blue:#1380c5;--ic-blue-bg:#edf8ff;--ic-gray-bg:#f6f8fa;--ic-line:#d7e2eb;--ic-gold:#a96d08;--ic-gold-bg:#fff4d7;box-sizing:border-box;max-width:1009px;margin:0 auto;padding:48px 40px;background:#f3f8fc;color:#203b55;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.65;}
.implant-comparison *,.implant-comparison *::before,.implant-comparison *::after{box-sizing:border-box;}
.implant-comparison .ic-eyebrow{color:#1476bd;font-size:14px;font-weight:700;letter-spacing:.08em;}
.implant-comparison .ic-title{margin:8px 0 6px;color:var(--ic-navy);font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.35;}
.implant-comparison .ic-lead{margin:0 0 22px;color:#5c6a78;}
.implant-comparison .ic-legend{display:flex;flex-wrap:wrap;gap:14px 24px;margin:0 0 16px;color:#5d6976;font-size:13px;}
.implant-comparison .ic-legend span{display:flex;align-items:center;gap:7px;}
.implant-comparison .ic-dot{width:10px;height:10px;border-radius:50%;}
.implant-comparison .ic-dot.-blue{background:var(--ic-blue);}
.implant-comparison .ic-dot.-gold{background:#dc9a1d;}
.implant-comparison .ic-dot.-gray{background:#8793a0;}
.implant-comparison .ic-table-wrap{overflow:hidden;border:1px solid #cfdae5;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgb(38 74 108 / 10%);}
.implant-comparison table{width:100%;margin:0;border-collapse:collapse;table-layout:fixed;}
.implant-comparison th,.implant-comparison td{padding:16px;border-right:1px solid var(--ic-line);border-bottom:1px solid var(--ic-line);vertical-align:middle;}
.implant-comparison th:last-child,.implant-comparison td:last-child{border-right:0;}
.implant-comparison tbody tr:last-child td{border-bottom:0;}
.implant-comparison thead th{background:var(--ic-head);color:#fff;text-align:center;font-size:15px;}
.implant-comparison thead th:nth-child(2){background:var(--ic-blue);}
.implant-comparison thead th:nth-child(3){background:#667c8d;}
.implant-comparison thead small{display:block;margin-top:4px;font-size:12px;font-weight:500;opacity:.9;}
.implant-comparison th:nth-child(1){width:16%;}
.implant-comparison th:nth-child(2),.implant-comparison th:nth-child(3){width:31%;}
.implant-comparison th:nth-child(4){width:22%;}
.implant-comparison tbody td:first-child{background:#f5f8fb;text-align:center;font-weight:700;}
.implant-comparison tbody td:nth-child(2){background:#f7fbff;}
.implant-comparison tbody td:nth-child(3){background:#fbfcfd;}
.implant-comparison td strong{display:block;font-size:15px;}
.implant-comparison td small{display:block;margin-top:3px;color:#687989;font-size:12px;line-height:1.55;}
.implant-comparison .ic-verdict{text-align:center;}
.implant-comparison .ic-badge{display:inline-block;max-width:160px;padding:7px 13px;border:1px solid;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;}
.implant-comparison .ic-badge.-blue{border-color:#b8dbf4;background:#e3f2fd;color:#0965a9;}
.implant-comparison .ic-badge.-gold{border-color:#f0d48d;background:var(--ic-gold-bg);color:var(--ic-gold);}
.implant-comparison .ic-badge.-gray{border-color:#d8dfe5;background:#edf1f4;color:#586574;}
.implant-comparison .ic-summary td{background:#e9f2fa;}
.implant-comparison .ic-summary td:nth-child(2){background:#eaf6ff;}
.implant-comparison .ic-summary td:nth-child(3){background:#f3f6f8;}
.implant-comparison .ic-summary td:last-child{background:#fff;}
.implant-comparison .ic-note{margin-top:18px;padding:18px 20px;border:1px solid #d7e1ea;border-radius:12px;background:#fff;color:#596a79;font-size:12px;}
.implant-comparison .ic-note strong{color:#324d65;}
.implant-comparison .ic-source{margin-top:7px;color:#72808d;font-size:11px;}

@media print, screen and (max-width:768px){
  .implant-comparison{padding:28px 18px;}
  .implant-comparison .ic-title{font-size:28px;}
  .implant-comparison .ic-lead{font-size:14px;}
  .implant-comparison .ic-legend{font-size:12px;}
  .implant-comparison .ic-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none;}
  .implant-comparison table,.implant-comparison tbody{display:block;}
  .implant-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
  .implant-comparison tbody tr{display:block;margin-bottom:16px;overflow:hidden;border:1px solid #cfdae5;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgb(38 74 108 / 9%);}
  .implant-comparison tbody td{display:block;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--ic-line);text-align:left;}
  .implant-comparison tbody td:first-child{padding:10px 16px;background:var(--ic-head);color:#fff;font-size:17px;text-align:left;}
  .implant-comparison tbody td:nth-child(2),.implant-comparison tbody td:nth-child(3){position:relative;padding-top:38px;}
  .implant-comparison tbody td:nth-child(2)::before,.implant-comparison tbody td:nth-child(3)::before{position:absolute;top:10px;left:16px;font-size:13px;font-weight:700;}
  .implant-comparison tbody td:nth-child(2)::before{content:"●  ストローマン Roxolid®";color:#0875bd;}
  .implant-comparison tbody td:nth-child(3)::before{content:"●  低価格インプラント（一例）";color:#667987;}
  .implant-comparison tbody td:nth-child(2){background:var(--ic-blue-bg);}
  .implant-comparison tbody td:nth-child(3){background:var(--ic-gray-bg);}
  .implant-comparison tbody td.ic-verdict{padding:10px 16px 12px;border-bottom:0;text-align:center;}
  .implant-comparison .ic-badge{width:100%;max-width:none;}
  .implant-comparison .ic-summary td:first-child{background:var(--ic-head);}
  .implant-comparison .ic-summary td:last-child{background:#fff;}
  .implant-comparison .ic-note{font-size:11px;}
  .implant-comparison .ic-source{font-size:10px;}
}