@charset "UTF-8";
.diamond-selection-page{--ds-blue:#00679d;--ds-dark:#225c8d;font-size:13px;line-height:1.75}.ds-intro,.ds-section,.ds-expert{padding:72px 0}.ds-intro h1{font-family:"Zen Old Mincho",serif;font-size:26px;text-align:center;margin:0 0 36px}.ds-intro p,.ds-section>p,.ds-item>p,.ds-certificate p,.ds-expert>p,.ds-info-box p{font-size:13px}.ds-section__heading{text-align:center;margin-bottom:45px}.ds-section__heading span{display:block;font-family:"Sterling Display","Times New Roman",serif;}.ds-section__heading h2{font-family:"Zen Old Mincho",serif;font-size:25px;font-weight:400;border-bottom:1px solid var(--ds-dark);padding-bottom:20px;margin:0 auto;max-width:450px}.ds-priority-flow{color:var(--ds-blue);font-size:12px;font-weight:600;margin:40px 0 20px;line-height:2.2}.ds-table-wrap{overflow-x:auto}.ds-table{border-collapse:collapse;width:100%;min-width:500px;text-align:center;font-size:12px}.ds-table th,.ds-table td{padding:11px 8px;border:1px solid #fff}.ds-table thead th{background:var(--ds-blue);color:#fff}.ds-table tbody th{background:#5397be;color:#fff;font-family:"Zen Old Mincho",serif;font-size:14px}.ds-table td{background:#f7f3f3}.ds-wide-button{display:flex!important;max-width:390px;margin:50px auto 0;min-height:58px;font-size:14px}.ds-four-c article{padding:55px 0}.ds-four-c h3{text-align:center;color:var(--ds-blue);font-family:"Zen Old Mincho",serif;font-weight:400}.ds-four-c h3 b,.ds-four-c h3 span,.ds-four-c h3 small{display:block}.ds-four-c h3 b{font-size:42px}.ds-four-c h3 span{font-size:26px}.ds-four-c h3 small{font-size:20px}.ds-four-c img{display:block;width:min(65%,350px);max-height:260px;object-fit:contain;margin:28px auto}.ds-four-c article>p{font-size:13px}.ds-order{border:1px solid var(--ds-blue);border-radius:999px;display:flex;align-items:stretch;overflow:hidden;color:var(--ds-blue);font-size:12px;font-weight:700}.ds-order b{background:var(--ds-blue);color:#fff;padding:13px 15px;white-space:nowrap}.ds-order span{padding:13px 12px;overflow-x:auto;white-space:nowrap}.ds-items{background:#f7f7f7;padding:0 0 80px}.ds-item{margin:0 0 80px}.ds-item h3{text-align:center;font-size:18px}.ds-item>img{display:block;width:min(78%,400px);margin:30px auto;border-radius:22px}.ds-points,.ds-info-box{background:#fff;border:1px solid var(--ds-blue);border-radius:18px;padding:28px 8%;margin-top:28px}.ds-points h4{text-align:center;color:var(--ds-blue);font-family:"Zen Old Mincho",serif;font-size:16px}.ds-points li{font-size:13px;font-weight:600}.ds-certificate{background:linear-gradient(120deg,#4f91b6,#00679d);color:#fff;padding:75px 0}.ds-certificate h2,.ds-certificate h3,.ds-expert h2{text-align:center;font-family:"Zen Old Mincho",serif;font-weight:400}.ds-certificate h2{font-size:26px;border-bottom:1px solid #fff;padding-bottom:24px}.ds-certificate h3{font-size:20px}.ds-certificate__image,.ds-expert>img{display:block;width:100%;margin:35px auto}.ds-report-list article{background:#fff;color:#111;border:1px solid #ddd;border-radius:16px;padding:24px;margin:10px 0;font-size:13px}.ds-report-list article:after{content:"▼";display:block;text-align:center;color:var(--ds-blue);font-size:11px;margin-top:16px}.ds-report-list h4{font-size:16px;margin:0 0 15px}.ds-expert h2{font-size:23px}.ds-info-box h3{text-align:center;font-size:16px}.ds-info-box h3 small{display:block;font-size:12px;font-weight:400}.brand-page-contact{padding-top:70px}
@media(min-width:768px){
  .ds-intro,.ds-section,.ds-expert{max-width:900px}
  .ds-four-c{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  .ds-item>img{width:400px}
  .ds-report-list{display:grid;        grid-template-columns: repeat(3, 1fr);gap:12px}
  .ds-report-list article{margin:0}
  .ds-certificate__image,.ds-expert>img{max-width:800px}
.ds-info-box h3 {
    font-size: 20px;        margin-top: 0;
}
.ds-info-box h3 small {
    font-size: 14px;
}
 .diamond-selection-page .ds-info-box p{
     font-size: 16px;
}
.ds-points, .ds-info-box {
    padding: 28px 4%;
    margin-top: 30px;
}
  .ds-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .ds-four-c{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-four-c article{min-width:0}
  .ds-order span{min-width:0}
}

/* 用途で選ぶ基準：SPは横スクロール、PCは全列表示 */
.ds-priority-flow{overflow:hidden}
.ds-priority-flow__inner{width:auto;white-space:nowrap}
.ds-priority-flow button{margin:0 18px 0 0;padding:0;border:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer}
.ds-priority-flow button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.ds-table-wrap{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ds-table-wrap::-webkit-scrollbar{display:none}
.ds-table{width:1015px;min-width:1015px;table-layout:fixed}
.ds-table th,.ds-table td{width:145px;vertical-align:middle}
.ds-table thead th{background:var(--ds-dark)}
.ds-table thead th:first-child,.ds-table tbody th{position:sticky;left:0;z-index:2}
.ds-table thead th:first-child{z-index:3}
.ds-table-progress{position:relative;height:2px;margin-top:14px;background:#f8f8f8}
.ds-table-progress span{position:absolute;top:0;left:0;width:29%;height:2px;background:var(--ds-dark)}

@media (min-width:768px){
  .ds-priority-flow,.ds-table-progress{display:none}
  .ds-table-wrap{overflow:visible}
  .ds-table{width:100%;min-width:0;table-layout:fixed;font-size:11px}
  .ds-table th,.ds-table td{width:auto;padding:11px 5px}
  .ds-table thead th:first-child,.ds-table tbody th{position:static}

  .ds-four-c{display:block}
  .ds-four-c article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"heading copy" "visual copy" "visual order";column-gap:70px;align-items:center;padding:80px 0}
  .ds-four-c article:nth-child(even){grid-template-areas:"copy heading" "copy visual" "order visual"}
  .ds-four-c h3{grid-area:heading;margin:0;align-self:end}
  .ds-four-c img{grid-area:visual;width:min(62%,280px);max-height:230px;margin:24px auto 0}
  .ds-four-c article>p{grid-area:copy;margin:0;font-size:16px;line-height:1.9}
  .ds-four-c .ds-order{grid-area:order;align-self:start;margin-top:22px;font-size:14px}
  .ds-four-c h3 b{font-size:52px}
  .ds-four-c h3 span{font-size:30px}
  .ds-four-c h3 small{font-size:22px}

  .ds-items{padding:0 0 150px}
  .ds-items>.content-width{max-width:1100px}
  .ds-items .ds-section__heading{margin-bottom:85px}
  .ds-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "visual copy" "visual points" "button button";gap:28px 70px;align-items:start;margin-bottom:135px}
  .ds-item:nth-of-type(even){grid-template-areas:"title title" "copy visual" "points visual" "button button"}
  .ds-item h3{grid-area:title;margin:0 0 28px;font-size:26px;line-height:1.5}
  .ds-item>img{grid-area:visual;width:min(100%,400px);margin:0 auto;border-radius:22px}
  .ds-item>p{grid-area:copy;margin:0;font-size:16px;line-height:1.9}
  .ds-item .ds-points{grid-area:points;margin-top:0;padding:28px 8%}
  .ds-item .ds-points h4{font-size:18px}
  .ds-item .ds-points li{font-size:14px;line-height:1.8}
  .ds-item>.ds-wide-button{grid-area:button;margin:48px auto 0}
}