
#dc-connect{--dc-bg:#fff;--dc-text:#233d3b;--dc-sub:#657773;--dc-soft:#f3f8f6;--dc-line:#dbe5e1;--dc-brand:#087e70;--dc-onbrand:#fff;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP',sans-serif;color:var(--dc-text);font-size:14px;line-height:1.65;position:relative;background:var(--dc-soft);border-radius:12px;overflow:hidden}
#dc-connect *{box-sizing:border-box}#dc-connect button{font:inherit;cursor:pointer}#dc-connect .dc-top{background:#1d1d32;color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}#dc-connect .dc-logo{font-size:21px;font-weight:700;letter-spacing:-.7px}#dc-connect .dc-top small{font-size:12px;opacity:.8}#dc-connect .dc-toolbar{padding:17px 22px;background:var(--dc-bg);display:flex;gap:24px;border-bottom:1px solid var(--dc-line);flex-wrap:wrap;font-weight:600}#dc-connect .dc-stage{position:relative;padding:30px 28px 36px;background:linear-gradient(#18372f45,#18372f45),repeating-linear-gradient(to bottom,var(--dc-bg) 0,var(--dc-bg) 57px,var(--dc-line) 58px,var(--dc-bg) 59px)}#dc-connect .dc-dialog{position:relative;max-width:790px;margin:auto;background:var(--dc-bg);border-radius:20px;box-shadow:0 18px 65px #0003;overflow:hidden}#dc-connect .dc-content{padding:30px 34px 24px}#dc-connect .dc-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;background:transparent;color:var(--dc-sub);border-radius:8px;display:grid;place-items:center}#dc-connect .dc-close:hover{background:var(--dc-soft)}#dc-connect .dc-kicker{display:flex;gap:7px;align-items:center;color:var(--dc-brand);font-size:13px;font-weight:600;margin-bottom:10px}#dc-connect h2{font-size:25px;line-height:1.45;letter-spacing:-.6px;margin:0 22px 10px 0;font-weight:700}#dc-connect p{margin:0}#dc-connect .dc-intro{color:var(--dc-sub);font-size:14px}#dc-connect .dc-benefit{margin:20px 0 25px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;border-radius:10px;background:var(--dc-soft)}#dc-connect .dc-benefit i{color:var(--dc-brand);flex-shrink:0}#dc-connect .dc-benefit strong{display:block;font-size:14px;margin-bottom:2px}#dc-connect .dc-benefit p{font-size:12px;color:var(--dc-sub)}#dc-connect .dc-label{font-size:15px;font-weight:600;margin-bottom:12px}#dc-connect .dc-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--dc-line);border-radius:12px;overflow:hidden;font-size:13px}#dc-connect .dc-table th,#dc-connect .dc-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--dc-line)}#dc-connect .dc-table thead th{background:var(--dc-soft);font-size:16px}#dc-connect .dc-table th:first-child{width:23%;font-size:12px;font-weight:500;color:var(--dc-sub)}#dc-connect .dc-table td+td,#dc-connect .dc-table th+th{border-left:1px solid var(--dc-line)}#dc-connect .dc-table tbody th{font-weight:500}#dc-connect .dc-table tr:last-child>*{border-bottom:0}#dc-connect .dc-service{display:flex;align-items:center;gap:9px}#dc-connect .dc-mark{display:grid;place-items:center;background:var(--dc-bg);border:1px solid var(--dc-line);width:29px;height:29px;flex-shrink:0;border-radius:7px;font-weight:700;font-size:17px;color:var(--dc-text)}#dc-connect .dc-action{width:100%;padding:11px 8px;border:1px solid var(--dc-brand);border-radius:8px;background:var(--dc-brand);color:var(--dc-onbrand);font-size:13px;font-weight:600;line-height:1.5}#dc-connect .dc-action.secondary{margin-top:8px;background:var(--dc-bg);color:var(--dc-brand)}#dc-connect .dc-note{font-size:12px;color:var(--dc-sub);margin-top:13px}#dc-connect .dc-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 34px;background:var(--dc-soft);border-top:1px solid var(--dc-line);font-size:12px;color:var(--dc-sub)}#dc-connect .dc-skip,#dc-connect .dc-back{background:transparent;border:0;color:var(--dc-sub);padding:7px 0;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}#dc-connect .dc-back{margin-bottom:20px}#dc-connect .dc-next{padding:34px;min-height:420px}#dc-connect .dc-step{padding:20px;background:var(--dc-soft);border:1px solid var(--dc-line);border-radius:12px;margin:24px 0}#dc-connect .dc-step ol{padding-left:22px;margin:0}#dc-connect .dc-step li+li{margin-top:12px}#dc-connect .dc-next .dc-action{max-width:340px}#dc-connect .dc-preview{font-size:12px;color:var(--dc-sub);margin-top:14px}#dc-connect .dc-empty{padding:80px 20px;text-align:center;background:var(--dc-bg);border-radius:12px}#dc-connect .dc-empty button{max-width:260px;margin-top:20px}#dc-connect [hidden]{display:none!important}
@media(max-width:640px){#dc-connect .dc-stage{padding:16px 10px}#dc-connect .dc-content,#dc-connect .dc-next{padding:26px 16px 20px}#dc-connect h2{font-size:21px}#dc-connect .dc-table th,#dc-connect .dc-table td{padding:11px 8px}#dc-connect .dc-table th:first-child{width:21%;font-size:11px}#dc-connect .dc-table thead th{font-size:13px}#dc-connect .dc-service{gap:5px;flex-wrap:wrap}#dc-connect .dc-table{font-size:12px}#dc-connect .dc-action{font-size:12px}#dc-connect .dc-footer{padding:14px 16px;flex-wrap:wrap}#dc-connect .dc-top small{display:none}#dc-connect .dc-toolbar{gap:8px;font-size:12px;padding:12px 16px}}


#dc-connect .dc-dialog{max-width:880px}#dc-connect .dc-content{padding:26px 30px 20px}#dc-connect .dc-benefit{margin:18px 0 20px}#dc-connect .dc-table th,#dc-connect .dc-table td{padding:12px 15px}#dc-connect .dc-table th:first-child{width:21%;color:var(--dc-text)}#dc-connect .dc-table strong{font-weight:600;display:block;font-size:13px}#dc-connect .dc-table small{display:block;font-size:12px;color:var(--dc-sub);line-height:1.6;margin-top:4px}#dc-connect .dc-recommend{background:var(--dc-soft)}#dc-connect .dc-recommend strong{color:var(--dc-brand)}#dc-connect .dc-comparison-scope{font-size:12px;color:var(--dc-sub);margin:-5px 0 14px}#dc-connect .dc-more{margin-top:16px;color:var(--dc-sub);font-size:12px}#dc-connect .dc-more summary{cursor:pointer;color:var(--dc-text);padding:6px 0}#dc-connect .dc-more p{margin:10px 0}#dc-connect .dc-more a{color:var(--dc-brand);text-decoration:underline}#dc-connect .dc-stage{padding-top:22px}
@media(max-width:640px){#dc-connect .dc-content{padding:26px 14px 18px}#dc-connect .dc-table th,#dc-connect .dc-table td{padding:10px 7px}#dc-connect .dc-table strong{font-size:12px}#dc-connect .dc-table small{font-size:11px}#dc-connect .dc-table th:first-child{width:19%}}


#dc-connect .dc-mcr{display:flex;gap:18px;align-items:center;background:var(--dc-soft);border:1px solid var(--dc-line);border-radius:10px;padding:16px;margin-top:18px}#dc-connect .dc-mcr strong{font-size:14px}#dc-connect .dc-mcr p{font-size:12px;color:var(--dc-sub);margin-top:5px}#dc-connect .dc-mcr .dc-action{width:auto;min-width:180px;flex-shrink:0;margin:0}
@media(max-width:640px){#dc-connect .dc-mcr{align-items:stretch;flex-direction:column}#dc-connect .dc-mcr .dc-action{width:100%}}


#dc-connect .dc-google-guide{display:block;color:var(--dc-brand);font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:10px 0}#dc-connect .dc-google-help{margin-top:12px}

#dc-connect{background:#fff;overflow:visible;border-radius:18px;color-scheme:light}
#dc-connect .dc-choice{position:relative}
#dc-connect .dc-action{display:block;text-align:center;text-decoration:none}
#dc-connect .dc-content{padding:26px 28px 20px}
#dc-connect .dc-service{align-items:center}
#dc-connect .dc-close{z-index:1}
#dc-connect .dc-kicker{padding-right:30px}
#dc-connect .dc-google-guide{min-height:44px}
#dc-connect .dc-footer a{color:inherit}
#dc-connect .dc-mcr .dc-action{min-width:160px;max-width:230px;white-space:normal}
#dc-integration-dialog{width:min(940px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 80px #0005;overscroll-behavior:contain}
#dc-integration-dialog::backdrop{background:#102a2866}
html.dc-integration-open{overflow:hidden}
@media(max-width:640px){#dc-connect .dc-content{padding:24px 12px 16px}#dc-connect .dc-mcr .dc-action{max-width:none}#dc-connect h2{font-size:20px}#dc-connect .dc-footer{padding:14px 12px}}
