/* サポートについて ページ固有スタイル */
.sup-table{width:100%;border-collapse:collapse;border:1px solid #DCE6F1;background:#fff;font-size:16px;box-shadow:0 6px 18px -12px rgba(3,76,146,.18)}
.sup-table th{width:220px;background:#F4F8FC;color:#17285F;font-weight:800;text-align:left;padding:20px 26px;border:1px solid #DCE6F1;white-space:nowrap;vertical-align:top;line-height:1.6}
.sup-table td{padding:20px 26px;border:1px solid #DCE6F1;color:#3a4a5e;line-height:1.9;vertical-align:top}
@media(max-width:640px){.sup-table,.sup-table tbody,.sup-table tr,.sup-table th,.sup-table td{display:block;width:auto}.sup-table th{border-bottom:none}.sup-table td{border-top:none}}
.sup-evolve h2{color:#112E56}
.sup-structure{position:relative;width:100%;height:628px;margin:0 0 76px;border:0;border-radius:0;overflow:visible;background:none}
.sup-team-field{position:absolute;left:0;top:240px;width:100%;height:388px;border:0;border-radius:0;background:none;box-shadow:none}
.sup-flow-card{position:absolute;z-index:3;left:5%;width:90%;height:148px;min-height:148px;display:grid;grid-template-columns:84px minmax(0,1fr) 185px;align-items:center;gap:30px;padding:26px 42px;border:1px solid #9BC3DC;border-radius:var(--radius-card);background:#fff;box-shadow:0 12px 30px -16px rgba(8,43,82,.4)}
.sup-flow-card.customer{top:0}.sup-team-field .sup-flow-card{left:5%;width:90%;height:148px;min-height:148px}.sup-team-field .sup-flow-card.support{top:0}.sup-team-field .sup-flow-card.development{top:240px}
.sup-flow-card.support,.sup-flow-card.development{border-color:#DCE6F1;background:#F4F8FC;box-shadow:0 10px 24px -18px rgba(3,76,146,.22)}
.sup-flow-icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EAF5FB;color:#034C92;font-size:35px}
.sup-flow-card.support .sup-flow-icon,.sup-flow-card.development .sup-flow-icon{background:rgba(255,255,255,.86);box-shadow:0 6px 18px -12px rgba(8,43,82,.34)}
.sup-flow-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sup-flow-copy{min-width:0}.sup-flow-title{margin:0;color:#082B52;font-size:36px;font-weight:800;line-height:1.3}.sup-flow-sub{margin:7px 0 0!important;color:#5A768D!important;font-size:15px!important;font-weight:600!important;line-height:1.65!important}
.sup-evolve .sup-flow-role{display:flex;min-height:68px;margin:0!important;padding:12px 14px;border-radius:var(--radius-card);align-items:center;justify-content:center;text-align:center;background:#EFF7FC;color:#426B88!important;font-size:12.5px!important;font-weight:700;line-height:1.7!important}.sup-flow-role strong{color:#034C92;font-size:14px}
.sup-card-aside{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px}.sup-flow-brand{display:block;width:120px;height:auto}.sup-card-aside .sup-flow-role{width:100%;min-height:58px;padding:8px 12px;box-sizing:border-box;background:rgba(255,255,255,.72)}
.sup-route{position:absolute;z-index:2;width:2px;background:#176AA7}.sup-route::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.sup-route.down::after{bottom:-1px;border-top:14px solid #176AA7}.sup-route.up::after{top:-1px;border-bottom:14px solid #176AA7}
.sup-route.customer-down{left:45%;top:148px;height:92px}.sup-route.customer-up{left:55%;top:148px;height:92px}.sup-team-field .sup-route.team-down{left:45%;top:148px;height:92px}.sup-team-field .sup-route.team-up{left:55%;top:148px;height:92px}
.sup-route-label{position:absolute;z-index:3;display:flex;height:92px;align-items:center;color:#466981;font-size:15px;font-weight:700;line-height:1.5;white-space:nowrap}.sup-route-label.question{right:56.5%;top:148px;text-align:right}.sup-route-label.answer{left:57%;top:148px}.sup-team-field .sup-route-label.issue{right:56.5%;top:148px;text-align:right}.sup-team-field .sup-route-label.improve{left:57%;top:148px}
.sup-mobile-exchange,.sup-mobile-internal{display:none}
.sup-evolve p{font-size:16px;line-height:2;color:#3a4a5e;margin:0 0 20px;max-width:900px}
.sup-evolve>.container>p{max-width:none}
.sup-visual{margin:0 0 40px}
.sup-visual-media{position:relative;width:100%;aspect-ratio:12/5;max-height:460px;overflow:hidden;border-radius:6px}
.sup-visual-media::after{content:"";position:absolute;z-index:1;inset:0;background:rgba(3,35,70,.4);pointer-events:none}
.sup-visual-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}
.sup-visual-logo{position:absolute;z-index:2;right:28px;bottom:24px;width:min(25%,240px);height:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.28))}
@media(max-width:768px){.support-page .header-actions,.support-page .tel-widget{display:none}.sup-structure{height:auto;padding:0}.sup-team-field{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:0;padding:0 14px;border-radius:0;background:none;box-shadow:none}.sup-team-field .sup-flow-card{position:relative;left:auto;top:auto!important;width:100%;height:252px;min-height:252px}.sup-flow-card{position:relative;left:auto;top:auto!important;width:100%;height:252px;min-height:252px;grid-template-columns:64px minmax(0,1fr);align-content:center;gap:19px;padding:30px 22px;border-radius:var(--radius-card)}.sup-flow-card.customer{z-index:3;width:calc(100% - 28px);margin-inline:14px}.sup-flow-icon{width:64px;height:64px;font-size:30px}.sup-flow-icon svg{width:36px;height:36px}.sup-flow-title{font-size:26px;line-height:1.3}.sup-flow-card.support .sup-flow-title{white-space:nowrap}.sup-flow-sub{font-size:14px!important;line-height:1.7!important}.sup-evolve .sup-flow-role{grid-column:2;min-height:0;width:max-content;max-width:100%;margin-top:8px!important;padding:9px 12px;font-size:11px!important;line-height:1.65!important}.sup-card-aside{grid-column:2;align-items:flex-start;gap:7px;margin-top:8px}.sup-flow-brand{width:112px}.sup-card-aside .sup-flow-role{width:max-content;margin-top:0!important;padding:8px 12px}.sup-flow-role strong{font-size:12px}.sup-route,.sup-route-label{display:none}.sup-mobile-exchange,.sup-mobile-internal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;color:#466981;font-size:14px;font-weight:700;text-align:center}.sup-mobile-exchange span,.sup-mobile-internal span{display:flex;min-height:58px;padding:10px 8px;border-radius:8px;align-items:center;justify-content:center;background:#EFF7FC}.sup-mobile-exchange span:first-child::before,.sup-mobile-internal span:first-child::before{content:"↓ ";margin-right:4px;color:#176AA7;font-size:18px}.sup-mobile-exchange span:last-child::before,.sup-mobile-internal span:last-child::before{content:"↑ ";margin-right:4px;color:#176AA7;font-size:18px}.sup-mobile-internal{margin:20px 0}}
@media(max-width:768px){.sup-visual-logo{right:22px;bottom:20px;width:min(28%,210px)}}
@media(max-width:600px){.sup-visual-media{aspect-ratio:16/10;max-height:none}.sup-visual-photo{object-position:center center}.sup-visual-logo{right:16px;bottom:14px;width:min(42%,140px)}}