/* からだ危険度チェック */
.ck{position:relative;background:#fff;border-radius:32px;padding:28px;box-shadow:0 18px 50px rgba(30,110,160,.12);border:2px solid #1877b5;max-width:760px;margin:0 auto;box-sizing:border-box;font-family:"Zen Kaku Gothic New",sans-serif;color:#1d2129}
.ck *{box-sizing:border-box}
.ck-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ck-title{display:flex;align-items:center;gap:10px;font-family:"Zen Maru Gothic",sans-serif;font-size:20px}
.ck-badge{background:#f4ae2b;color:#1d2129;font-weight:900;font-size:13px;border-radius:999px;padding:4px 12px}
.ck-prog{flex:1 1 160px;height:10px;border-radius:999px;background:#e8eef8;overflow:hidden}
.ck-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1877b5,#2eaee0);border-radius:999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.ck-count{font-weight:700;color:#1877b5;font-size:14px;min-width:4.5em;text-align:right}
.ck-start{text-align:center;padding:28px 0 6px}
.ck-lead{margin:0 0 20px;font-size:16px;line-height:28px}
.ck-go,.ck-show{font:inherit;font-weight:900;font-size:18px;min-height:60px;padding:0 34px;border-radius:999px;border:0;background:#f4ae2b;color:#1d2129;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 6px 0 #c98a13;transition:transform .12s,box-shadow .12s}
.ck-go:hover,.ck-show:hover{transform:translateY(-2px)}
.ck-go:active,.ck-show:active{transform:translateY(4px);box-shadow:0 2px 0 #c98a13}
.ck-note{margin:14px 0 0;font-size:12px;line-height:20px;color:#5a5f6b}
.ck-qs{list-style:none;margin:18px 0 0;padding:0;counter-reset:q}
.ck-q{padding:6px 0 4px}
.ck-tag{display:inline-block;font-size:13px;font-weight:700;color:#1877b5;background:#e8eef8;border-radius:999px;padding:3px 12px}
.ck-text{margin:12px 0 18px;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:22px;line-height:34px}
.ck-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ck-btns button{font:inherit;font-weight:700;font-size:17px;min-height:64px;border-radius:20px;cursor:pointer;border:2px solid #1877b5;transition:transform .12s,background .15s,color .15s}
.ck-yes{background:#1877b5;color:#fff}
.ck-no{background:#fff;color:#1877b5}
.ck-btns button:hover{transform:translateY(-2px)}
.ck-btns button.is-tap{transform:scale(.96)}
.ck button:focus-visible,.ck a:focus-visible,.ck input:focus-visible{outline:3px solid #f4ae2b;outline-offset:3px}
/* JSが動くときは1問ずつ */
.ck.is-js .ck-q{display:none}
.ck.is-js .ck-q.is-on{display:block;animation:ck-in .35s cubic-bezier(.2,.8,.2,1)}
.ck:not(.is-js) .ck-btns,.ck:not(.is-js) .ck-start .ck-go{display:none}
@keyframes ck-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.ck-flag{padding-top:14px;animation:ck-in .35s}
.ck-flag ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.ck-flag label{display:flex;gap:12px;align-items:center;min-height:56px;padding:10px 16px;border:2px solid #e2dbd0;border-radius:16px;cursor:pointer;font-weight:700;line-height:24px}
.ck-flag input{width:24px;height:24px;accent-color:#d64545;flex:none}
.ck-flag label:has(input:checked){border-color:#d64545;background:#fdecec}
.ck-flag .ck-show{width:100%;justify-content:center}
.ck-res{padding-top:18px;animation:ck-in .4s;outline:none}
.ck-alert{background:#fdecec;border:2px solid #d64545;border-radius:18px;padding:16px 18px;margin-bottom:18px}
.ck-alert b{color:#b42f2f;font-size:17px}
.ck-alert p{margin:6px 0 0;font-size:14px;line-height:24px}
.ck-sum{display:grid;grid-template-columns:200px minmax(0,1fr) 120px;gap:18px;align-items:center}
.ck-gauge{position:relative;text-align:center}
.ck-gauge svg{width:200px;height:120px;display:block}
.ck-arc{transition:stroke .3s}
.ck-score{position:absolute;left:0;right:0;top:52px;font-family:"Zen Maru Gothic",sans-serif;font-weight:900;color:#1d2129}
.ck-score b{font-size:44px;line-height:1}.ck-score span{font-size:18px}
.ck-gl{font-size:12px;color:#5a5f6b;font-weight:700}
.ck-lv{display:inline-block;color:#1d2129;background:#2eaee0;font-weight:900;font-size:13px;border-radius:999px;padding:3px 12px}
.ck-name{margin:6px 0;font-family:"Zen Maru Gothic",sans-serif;font-size:28px;line-height:36px}
.ck-msg{margin:0;font-size:15px;line-height:26px}
.ck-img{width:120px;height:auto;align-self:end;animation:fx-pop .7s both}
.ck-bars{list-style:none;margin:20px 0 0;padding:16px 18px;background:#f6f2ea;border-radius:18px;display:grid;gap:10px}
.ck-bars li{display:grid;grid-template-columns:6em minmax(0,1fr) 3em;gap:12px;align-items:center;font-size:14px;font-weight:700}
.ck-meter{height:12px;background:#fff;border-radius:999px;overflow:hidden}
.ck-meter i{display:block;height:100%;width:0;border-radius:999px;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.ck-bars b{text-align:right;color:#1877b5}
.ck-rec{margin-top:18px}
.ck-rec>b{display:block;font-size:14px;margin-bottom:8px}
.ck-links{display:flex;flex-wrap:wrap;gap:10px}
.ck-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:#e8eef8;color:#1877b5;font-weight:700;text-decoration:none}
.ck-links a:hover{background:#d6e1f3}
.ck-cta{margin-top:20px;background:#245a7e;color:#fff;border-radius:24px;padding:22px}
.ck-cta p{margin:0;font-size:15px;line-height:26px}
.ck-cta p b{display:block;font-size:18px;margin-bottom:4px;font-family:"Zen Maru Gothic",sans-serif}
.ck-cta-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 12px}
.btn-line,.btn-tel{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font-weight:900;text-decoration:none}
.btn-line{background:#f4ae2b;color:#1d2129}.btn-line:hover{color:#1d2129;filter:brightness(1.05)}
.btn-tel{border:2px solid #fff;color:#fff}.btn-tel:hover{color:#fff;background:rgba(255,255,255,.1)}
.ck-off{font-size:13px!important;line-height:22px!important;color:#dfe6f3}
.ck-off b{display:inline!important;font-size:16px!important;color:#f4ae2b}
.ck-again{margin-top:16px;font:inherit;font-weight:700;background:none;border:0;color:#1877b5;text-decoration:underline;cursor:pointer;min-height:44px}
@media (max-width:640px){
 .ck{padding:20px 16px;border-radius:24px}
 .ck-text{font-size:19px;line-height:30px}
 .ck-sum{grid-template-columns:minmax(0,1fr) 96px}
 .ck-gauge{grid-column:1/-1;justify-self:center}
 .ck-img{width:96px}
 .ck-name{font-size:24px}
}
/* v5 */
.ck{border:1.5px solid #bfe6f8}
.ck-yes{background:#8fd4f4;color:#1f2d3a;border-color:#8fd4f4}
.ck-no{color:#1877b5;border-color:#8fd4f4}
.ck-btns button{border-width:2px}
.ck-prog i{background:linear-gradient(90deg,#8fd4f4,#3fb1e6)}
.ck-tag{background:#e6f5fc;color:#1877b5}
.ck-cta{background:#e6f5fc;color:#1f2d3a;border:1px solid #cfeaf8}
.ck-cta p b{color:#1f2d3a}
.ck-off{color:#5b6774!important}.ck-off b{color:#1877b5!important}
.btn-tel{border-color:#8fd4f4;color:#1877b5;background:#fff}.btn-tel:hover{color:#1877b5;background:#f4fbfe}
.ck-links a{background:#f4fbfe;border:1.5px solid #bfe6f8}
