.platform-card{grid-template-columns:58px 64px 1fr;column-gap:14px}.platform-visual{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#fdecef;border:1px solid rgba(231,227,224,.9)}.platform-visual svg{width:42px;height:42px;fill:none;stroke:#6f6058;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.platform-card-grow .platform-visual{background:#fce9ed}.platform-card-play .platform-visual{background:#efeafd}.platform-card-decide .platform-visual{background:#e9eef7}.platform-card-live .platform-visual{background:#eeeae5}.principle-card{position:relative;overflow:hidden}.principle-visual{height:76px;margin:-2px -2px 18px;display:flex;align-items:center}.principle-visual svg{width:96px;height:72px;fill:none;stroke:#76675f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.principle-card>span{display:block}.principle-card h3{margin:18px 0 10px}@media(max-width:900px){.platform-card{grid-template-columns:52px 56px 1fr}.platform-visual{width:52px;height:52px}.platform-visual svg{width:37px;height:37px}}@media(max-width:640px){.platform-card{grid-template-columns:48px 1fr}.platform-visual{grid-row:1/3;width:48px;height:48px}.platform-code{grid-row:auto}.principle-visual{height:64px}.principle-visual svg{width:84px;height:64px}}