#ss-architecture{--navy:#102b48;--blue:#174a70;--pale:#edf3f8;--gold:#bd9b62;--ink:#1b2c3d;color:var(--ink);font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;line-height:1.85;background:#fff;overflow:hidden}
#ss-architecture *{box-sizing:border-box}#ss-architecture a{text-decoration:none}#ss-architecture .wrap{width:min(1100px,calc(100% - 36px));margin:auto}#ss-architecture .hero{background:linear-gradient(115deg,rgba(9,32,54,.95),rgba(20,66,103,.88)),radial-gradient(circle at 90% 0%,#6484a2,#0b2034);color:#fff;padding:100px 0 95px;position:relative}#ss-architecture .eyebrow{letter-spacing:.18em;font-size:12px;color:#cbdbe7;font-weight:700}#ss-architecture h1{font-size:clamp(30px,5vw,52px);line-height:1.4;margin:18px 0}#ss-architecture .hero p{max-width:760px;font-size:17px}#ss-architecture .buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}#ss-architecture .btn{display:inline-block;padding:13px 23px;border-radius:5px;font-weight:700;text-align:center;background:#fff;color:var(--navy)}#ss-architecture .btn.outline{border:1px solid #fff;background:transparent;color:#fff}#ss-architecture section{padding:75px 0}#ss-architecture .alt{background:var(--pale)}#ss-architecture .sectionhead{text-align:center;margin-bottom:38px}#ss-architecture .sectionhead .en{color:var(--blue);font-size:12px;letter-spacing:.2em;font-weight:700}#ss-architecture h2{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:8px 0 15px;color:var(--navy)}#ss-architecture h3{font-size:19px;line-height:1.5;color:var(--navy);margin:0 0 12px}#ss-architecture .intro{max-width:780px;margin:auto;text-align:center}#ss-architecture .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#ss-architecture .card{background:#fff;border:1px solid #dbe3eb;border-radius:8px;padding:27px;box-shadow:0 6px 20px rgba(16,43,72,.04)}#ss-architecture .card .num{font-weight:800;color:var(--gold);font-size:13px;letter-spacing:.1em}#ss-architecture .three{grid-template-columns:repeat(3,minmax(0,1fr))}#ss-architecture .feature{border-top:3px solid var(--gold)}#ss-architecture .feature h3{margin-top:8px}#ss-architecture .stone{background:var(--navy);color:#fff}#ss-architecture .stone h2,#ss-architecture .stone h3{color:#fff}#ss-architecture .stone .en{color:#d4bb90}#ss-architecture .steps{counter-reset:step;display:grid;gap:15px}#ss-architecture .step{background:#fff;padding:20px 24px;border-left:4px solid var(--gold)}#ss-architecture .step strong{display:block;color:var(--navy)}#ss-architecture .contact{background:linear-gradient(125deg,#102b48,#205477);color:#fff;text-align:center}#ss-architecture .contact h2{color:#fff}#ss-architecture .contact .tel{font-size:clamp(27px,5vw,40px);font-weight:800;color:#fff;letter-spacing:.04em}#ss-architecture .contact .btn{margin:8px}#ss-architecture .small{font-size:13px;opacity:.85}#ss-architecture .foot{background:#091f34;color:#dbe7f0;text-align:center;padding:22px;font-size:12px}#ss-architecture .floating{display:none}@media(max-width:700px){#ss-architecture .hero{padding:70px 0}#ss-architecture section{padding:55px 0}#ss-architecture .grid,#ss-architecture .three{grid-template-columns:1fr}#ss-architecture .card{padding:22px}#ss-architecture .floating{display:flex;position:fixed;z-index:999;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0002}#ss-architecture .floating a{flex:1;text-align:center;padding:12px 4px;background:#143e60;color:white;font-size:14px;font-weight:700}#ss-architecture .floating a+ a{background:#23825b}#ss-architecture .foot{padding-bottom:80px}}