:root{--color-navy:#073190;--color-accent:#00a0e9;--color-text:#1e293b;--font-family:"Helvetica",Arial,"Hiragino Sans",sans-serif}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;-webkit-font-feature-settings:"liga";font-size:24px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased}.process-section{background-color:transparent;color:var(--color-text);font-family:var(--font-family);margin:0;padding:0;text-align:center}.process-container{margin:0 auto;max-width:800px;padding:60px 20px}.badge-process{background-color:#fff;border:1px solid var(--color-accent);border-radius:9999px;color:var(--color-accent);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.2em;line-height:1;margin-bottom:30px;padding:2px 30px;text-transform:uppercase}.process-h2{color:var(--color-navy);font-size:24px;font-weight:700;margin:0 0 60px}.process-overview-wrapper{margin-bottom:60px;overflow:visible;width:100%}.process-overview-flex{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:100%}.overview-item{align-items:center;color:inherit;display:flex;flex:0 0 auto;flex-direction:column;gap:10px;outline:none!important;transition:transform .3s ease,opacity .3s ease;width:80px}.overview-item,.overview-item:hover{border:none!important;text-decoration:none!important}.overview-item:hover{box-shadow:none!important;opacity:.8;transform:translateY(-5px)}.overview-icon{color:var(--color-accent);font-size:40px}.overview-text{align-items:center;display:flex;flex-direction:column;gap:4px}.overview-label{color:var(--color-navy);font-size:12px;font-weight:700;white-space:nowrap}.overview-connector{background:linear-gradient(to right,#e2e8f0,var(--color-accent),#e2e8f0);flex-grow:1;height:1px;margin-top:-30px;min-width:10px;opacity:.5}.process-vertical-list{display:flex;flex-direction:column;gap:0;margin:0 auto;padding-top:10px;width:100%}.process-row{align-items:stretch;cursor:default;display:flex;gap:30px;width:100%}.process-side-visual{flex:0 0 100px;overflow:visible;position:relative}.process-side-visual,.step-circle{align-items:center;display:flex;flex-direction:column}.step-circle{background:#fff;border:2px solid var(--color-accent);border-radius:50%;box-shadow:0 5px 15px rgba(0,160,233,.1);box-sizing:border-box;color:var(--color-accent);flex-shrink:0;height:90px;justify-content:center;transition:all .3s ease;width:90px;z-index:2}.process-row:hover .step-circle{background:var(--color-accent);box-shadow:0 10px 20px rgba(0,160,233,.3);color:#fff;text-decoration:none!important;transform:translateY(-5px)}.step-label{font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:1px;opacity:.9}.step-digit{font-size:32px;font-style:italic;font-weight:800;line-height:1}.step-connector-line{background:#e2e8f0;border-radius:2px;flex-grow:1;margin:10px 0;overflow:hidden;position:relative;width:2px}.step-connector-line:after,.step-connector-line:before{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;content:"";left:0;opacity:0;position:absolute;width:100%}.step-connector-line:after{animation-name:flowSyncDot;background:linear-gradient(to bottom,transparent,var(--color-accent),transparent);height:30px}.step-connector-line:before{animation-name:flowSyncCircle;background-color:var(--color-accent);border-radius:50%;height:5px;left:-2px;width:5px}.process-row:first-child .step-connector-line:after,.process-row:first-child .step-connector-line:before{animation-delay:0s}.process-row:nth-child(2) .step-connector-line:after,.process-row:nth-child(2) .step-connector-line:before{animation-delay:.4s}.process-row:nth-child(3) .step-connector-line:after,.process-row:nth-child(3) .step-connector-line:before{animation-delay:.8s}.process-row:nth-child(4) .step-connector-line:after,.process-row:nth-child(4) .step-connector-line:before{animation-delay:1.2s}.process-row:nth-child(5) .step-connector-line:after,.process-row:nth-child(5) .step-connector-line:before{animation-delay:1.6s}@keyframes flowSyncDot{0%{opacity:0;top:-30px}1%{opacity:1}19%{opacity:1}20%{opacity:0;top:100%}21%,to{opacity:0;top:100%}}@keyframes flowSyncCircle{0%{opacity:0;top:-5px}1%{opacity:1}19%{opacity:1}20%{opacity:0;top:100%}21%,to{opacity:0;top:100%}}.process-list{list-style:none;margin:0;padding:0}.process-list li{font-size:16px;line-height:1.75;margin:0 0 10px!important;padding-left:1.5em;position:relative}.process-list li:last-child{margin-bottom:0!important}.process-list li:before{color:var(--color-accent);content:"・";font-weight:700;left:0;position:absolute}.process-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1;flex-direction:column;gap:0;margin-bottom:30px;padding:30px;scroll-margin-top:100px;text-align:left;transition:all .3s ease}.process-row:hover .process-card{border-color:var(--color-accent);box-shadow:0 15px 35px rgba(7,49,144,.08);transform:translateY(-5px)}.process-header{align-items:center;display:flex;flex-direction:row;width:100%}.process-h3{color:var(--color-navy);font-size:21px;font-weight:700;margin:0}.process-body{border-top:1px solid #e2e8f0;flex:1;margin-top:15px;padding-top:15px;transition:border-color .3s ease;width:100%}.process-row:hover .process-body{border-top-color:var(--color-accent)}@media (max-width:480px){.process-container{padding:30px 20px 10px}.badge-process{margin-bottom:20px}.process-h2{font-size:20px;margin-bottom:40px}.process-h3{font-size:17px}.process-list li{font-size:15px}.process-overview-wrapper{margin-bottom:30px;overflow:visible}.process-overview-flex{flex-wrap:wrap;justify-content:center;min-width:auto;row-gap:10px}.overview-connector:nth-of-type(3){display:block!important;flex:0 0 100%!important;height:0!important;margin:0!important;opacity:0!important;pointer-events:none}.overview-connector{flex-grow:1;margin-top:-20px;min-width:10px}.process-row{gap:10px}.process-side-visual{flex:0 0 70px}.step-circle{height:65px;width:65px}.step-label{font-size:9px}.step-digit{font-size:22px}.process-row:hover .process-card,.process-row:hover .step-circle{transform:translateY(-3px)}.process-card{margin-bottom:20px;padding:20px;scroll-margin-top:60px}}