.contact-panel{display:grid;grid-template-columns:2fr 3fr;gap:0;max-width:820px;margin:0 auto;border:1px solid rgba(74,107,77,.18);border-radius:16px;overflow:hidden;box-shadow:0 6px 32px rgba(31,29,26,.08)}.contact-panel-qr{background:linear-gradient(160deg,#f0f5f1 0,#e8f0e9 100%);padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-right:1px solid rgba(74,107,77,.14);position:relative;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}.contact-panel-qr::before{content:"LINE";position:absolute;top:16px;left:20px;font-family:var(--font-jp, 'Shippori Mincho', serif);font-size:.65rem;letter-spacing:.25em;color:rgba(74,107,77,.45);font-weight:600}.contact-panel-qr img{width:180px;height:180px;border-radius:12px;border:4px solid #fff;box-shadow:0 6px 22px rgba(74,107,77,.22);display:block}.contact-panel-qr-id{text-align:center}.contact-panel-qr-id .qr-brand{display:flex;align-items:flex-start;justify-content:center;gap:6px;color:#06c755;font-weight:600;font-size:.88rem;line-height:1.4;margin-bottom:4px}.contact-panel-qr-id .qr-brand svg{width:1em;height:1em;flex-shrink:0;margin-top:.2em}.contact-panel-qr-id .qr-handle{font-size:.75rem;color:rgba(31,29,26,.45);letter-spacing:.05em}.contact-panel-qr-btn{display:inline-flex;align-items:center;gap:8px;background:#06c755;color:#fff;font-size:1rem;font-weight:700;padding:14px 32px;border-radius:999px;text-decoration:none;letter-spacing:.08em;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(6,199,85,.32)}.contact-panel-qr-btn:hover{background:#05a848;transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,199,85,.38)}.contact-panel-list{background:#fff;display:flex;flex-direction:column;min-width:0;overflow:hidden}.contact-panel-item{display:flex;align-items:center;gap:16px;padding:20px 28px;text-decoration:none;color:var(--sumi,#1f1d1a);transition:background .18s;border-bottom:1px solid rgba(31,29,26,.07);position:relative}.contact-panel-item:last-child{border-bottom:none}.contact-panel-item:hover{background:#f8faf8}.contact-panel-item:hover .cpanel-arrow{transform:translateX(3px);opacity:1}.contact-panel-item .cpanel-ico{width:48px;height:48px;border-radius:12px;background:rgba(74,107,77,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bamboo,#4a6b4d);transition:background .18s}.contact-panel-item:hover .cpanel-ico{background:rgba(74,107,77,.15)}.contact-panel-item .cpanel-ico svg{width:24px;height:24px}.contact-panel-item .cpanel-ico img{width:24px;height:24px;display:block}.contact-panel-item .cpanel-ico.brand{background:#fff;border:1px solid rgba(31,29,26,.08)}.contact-panel-item:hover .cpanel-ico.brand{background:#fff;border-color:rgba(31,29,26,.18)}.contact-panel-item .cpanel-text{flex:1;min-width:0}.contact-panel-item .cpanel-label{display:block;font-size:.78rem;letter-spacing:.12em;color:rgba(31,29,26,.4);font-family:var(--font-jp, 'Shippori Mincho', serif);margin-bottom:3px;text-transform:uppercase}.contact-panel-item h4{font-size:.92rem;font-weight:600;margin:0 0 2px;color:var(--sumi,#1f1d1a)}.contact-panel-item span{font-size:.78rem;color:rgba(31,29,26,.5);display:block;overflow-wrap:break-word;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpanel-arrow{font-size:.8rem;color:rgba(74,107,77,.5);opacity:0;transition:transform .18s,opacity .18s;flex-shrink:0}@media (max-width:640px){.contact-panel{grid-template-columns:1fr;border-radius:12px;margin-left:auto;margin-right:auto}.contact-panel-qr{border-right:none;border-bottom:1px solid rgba(74,107,77,.14);padding:32px 24px;align-items:center;justify-content:center;text-align:center}.contact-panel-qr::before{display:none}.contact-panel-qr img{display:block;margin:0 auto}.contact-panel-qr-id{text-align:center}.contact-panel-qr-id .qr-brand{justify-content:center}.contact-panel-qr-btn{align-self:center}.contact-panel-item{padding:16px 20px}.cpanel-arrow{opacity:.5}}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:900px;margin:48px auto 0;position:relative}.flow-grid::before{content:"";position:absolute;top:52px;left:calc(16.666% + 12px);right:calc(16.666% + 12px);height:1px;background:linear-gradient(90deg,rgba(74,107,77,.25) 0,rgba(74,107,77,.5) 50%,rgba(74,107,77,.25) 100%);z-index:0;pointer-events:none}.flow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px 36px}.flow-step-num-bg{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:5.5rem;font-weight:700;color:rgba(74,107,77,.07);font-family:var(--font-jp, 'Shippori Mincho', serif);letter-spacing:-.04em;line-height:1;pointer-events:none;user-select:none;white-space:nowrap}.flow-step-dot{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--bamboo,#4a6b4d);position:relative;z-index:1;margin-bottom:16px;box-shadow:0 0 0 4px rgba(74,107,77,.1);flex-shrink:0}.flow-step-index{font-size:.72rem;letter-spacing:.18em;color:var(--bamboo,#4a6b4d);font-family:var(--font-jp, 'Shippori Mincho', serif);font-weight:600;margin-bottom:6px}.flow-step-ja{font-family:var(--font-jp, 'Shippori Mincho', serif);font-size:.72rem;color:rgba(31,29,26,.35);letter-spacing:.12em;margin-bottom:8px}.flow-step h3{font-size:1rem;font-weight:600;font-family:var(--font-jp, 'Shippori Mincho', serif);color:var(--sumi,#1f1d1a);margin:0 0 10px;line-height:1.5}.flow-step p{font-size:.8rem;line-height:1.85;color:rgba(31,29,26,.55);margin:0}@media (max-width:640px){.flow-grid{grid-template-columns:1fr;gap:0;max-width:420px}.flow-grid::before{display:none}.flow-step{flex-direction:row;align-items:flex-start;text-align:left;padding:0 0 32px;gap:20px}.flow-step-num-bg{display:none}.flow-step:not(:last-child)::after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:1px;background:rgba(74,107,77,.25)}.flow-step-dot{margin-bottom:0;flex-shrink:0;margin-top:2px}.flow-step-body{flex:1}}