/* /tdi/ 購入導線ハブ v1.4.5 — KV と同じ黒基調に馴染ませる */
.cc-hub-cta__sub{display:block;margin:10px auto 0 !important;padding:0 !important;max-width:520px;font-size:12px !important;font-weight:400 !important;letter-spacing:.02em;color:inherit !important;opacity:.78;text-align:center !important;line-height:1.6 !important;text-shadow:none !important}
@media (min-width:640px){.cc-hub-cta__sub{font-size:13px !important}}

.cc-hub-sec{background:#0e0e0e !important;background-image:linear-gradient(180deg,#000 0,#141414 100%) !important;padding:0 !important;border-top:3px solid #c8102e !important;position:relative}
.cc-hub-inner{display:block !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;float:none !important;flex:none !important}
/* KV の左右の白を黒に */
body.page-tdi #kv,section#kv{background-color:#000 !important}
.cc-hub__anchor{display:block;position:relative;top:-80px;height:0}
.cc-hub{display:block !important;width:100% !important;max-width:1000px !important;margin:0 auto !important;padding:40px 16px 44px !important;float:none !important;box-sizing:border-box;font-family:inherit;color:#fff;line-height:1.5;text-align:center}
.cc-hub *{box-sizing:border-box;text-shadow:none !important}
.cc-hub__eyebrow{display:inline-block;margin:0 0 10px !important;padding:4px 14px !important;border:1px solid #c8102e;border-radius:999px;color:#ff6a7f !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.14em;line-height:1.4 !important}
.cc-hub__title{margin:0 0 8px !important;padding:0 !important;text-align:center !important;font-size:24px !important;font-weight:700 !important;color:#fff !important;line-height:1.3 !important;letter-spacing:.02em}
.cc-hub__title b{color:#ff3b52 !important;font-weight:700}
.cc-hub__lead{margin:0 0 24px !important;padding:0 !important;text-align:center !important;font-size:13px !important;font-weight:400 !important;color:#b9b9b9 !important;line-height:1.7 !important}
.cc-hub__grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 14px;text-align:left}
.cc-hub__card,.cc-hub__ask{display:flex !important;flex-direction:column;gap:8px;text-decoration:none !important;color:#fff !important;border-radius:14px;padding:22px 20px 20px;position:relative;text-align:left;transition:border-color .2s,transform .2s,background .2s}
.cc-hub__card{background:#1b1b1b !important;border:1px solid #3a3a3a}
.cc-hub__card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:#c8102e;border-radius:0 3px 3px 0}
.cc-hub__card:hover{border-color:#c8102e;background:#202020 !important;transform:translateY(-2px)}
.cc-hub__num{position:absolute;right:16px;top:14px;font-size:38px;font-weight:700;color:#2b2b2b;line-height:1;letter-spacing:-.02em}
.cc-hub__tag{display:block;font-size:12px !important;font-weight:700 !important;color:#ff6a7f !important;letter-spacing:.04em;line-height:1.4}
.cc-hub__icon{display:block;font-size:30px;line-height:1;margin:2px 0}
.cc-hub__icon img.emoji{width:30px !important;height:30px !important;margin:0 !important}
.cc-hub__tag img.emoji{width:14px !important;height:14px !important;margin:0 3px 0 0 !important;vertical-align:-2px}
.cc-hub__name{display:block;font-size:20px !important;font-weight:700 !important;line-height:1.3 !important;color:#fff !important}
.cc-hub__desc{display:block;font-size:13px !important;color:#c2c2c2 !important;line-height:1.7 !important;flex:1 1 auto}
.cc-hub__btn{display:block !important;width:100% !important;margin-top:10px !important;text-align:center !important;background:linear-gradient(180deg,#e2223f 0,#c8102e 100%) !important;color:#fff !important;font-weight:700 !important;font-size:16px !important;padding:15px 12px !important;border-radius:8px;box-shadow:0 4px 0 #7f0a1d;letter-spacing:.02em;line-height:1.3 !important}
.cc-hub__card:active .cc-hub__btn{transform:translateY(3px);box-shadow:0 1px 0 #7f0a1d}
.cc-hub__ask{background:transparent !important;border:1px dashed #5a5a5a;margin-top:4px}
.cc-hub__ask:hover{border-color:#9a9a9a;background:#141414 !important}
.cc-hub__tag--ask{color:#d0d0d0 !important}
.cc-hub__btn--ask{background:transparent !important;color:#fff !important;border:1.5px solid #fff !important;box-shadow:none !important}
.cc-hub__ask:hover .cc-hub__btn--ask{background:#fff !important;color:#141414 !important}
.cc-hub__foot{margin:22px 0 0 !important;font-size:12px !important;color:#8f8f8f !important;line-height:1.7 !important;text-align:center !important}
.cc-hub-old{margin-top:24px}
.cc-hub-oldhidden{display:none !important}
@media (min-width:640px){
	.cc-hub{padding:52px 24px 56px}
	.cc-hub__title{font-size:32px !important}
	.cc-hub__lead{font-size:14px !important}
	.cc-hub__grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
	.cc-hub__card{padding:26px 26px 24px}
	.cc-hub__ask{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:22px 26px}
	.cc-hub__ask .cc-hub__tag{flex-basis:100%}
	.cc-hub__ask .cc-hub__name{flex:0 0 auto;font-size:19px !important}
	.cc-hub__ask .cc-hub__desc{flex:1 1 320px}
	.cc-hub__ask .cc-hub__btn{flex:0 0 auto;width:auto !important;min-width:240px;margin-top:0 !important}
}