.WebappCard[data-astro-cid-sjgryfpy]{position:relative;background-color:var(--color-white);border:solid 1px var(--color-border);border-radius:var(--rounded-sm)}.WebappCard[data-astro-cid-sjgryfpy].-md{padding:32px}@media screen and (max-width: 767px){.WebappCard[data-astro-cid-sjgryfpy].-md{padding:24px}}.WebappCard[data-astro-cid-sjgryfpy].-sm{padding:24px}.WebappCard[data-astro-cid-sjgryfpy].-lg{padding:40px}@media screen and (max-width: 767px){.WebappCard[data-astro-cid-sjgryfpy].-lg{padding:24px}}.WebappCard[data-astro-cid-sjgryfpy]>div[data-astro-cid-sjgryfpy]{margin-bottom:24px}.WebappCard[data-astro-cid-sjgryfpy]>div[data-astro-cid-sjgryfpy] img[data-astro-cid-sjgryfpy]{margin-inline:auto}.WebappCard[data-astro-cid-sjgryfpy] .icon[data-astro-cid-sjgryfpy]{position:absolute;top:-32px;left:50%;width:64px;transform:translate(-50%)}.WebappCard[data-astro-cid-sjgryfpy] .h5[data-astro-cid-sjgryfpy]{position:relative;margin-bottom:32px;line-height:1.5;letter-spacing:.01rem}.WebappCard[data-astro-cid-sjgryfpy] .h5[data-astro-cid-sjgryfpy]:before{position:absolute;bottom:-16px;width:32px;height:2px;content:"";background-color:#b2102a}.WebappCard[data-astro-cid-sjgryfpy] p[data-astro-cid-sjgryfpy]{line-height:1.6;letter-spacing:.1rem}.PageIntroduction .Title_h2 span{font-size:calc(26 / var(--base-font-size) * 1rem)!important}@media screen and (max-width: 767px){.PageIntroduction .Title_h2 span{font-size:calc(20 / var(--base-font-size) * 1rem)!important}}.PageIntroduction__contents{align-items:flex-start!important}.PageIntroduction__message p[data-astro-cid-khlswfbc]{font-size:calc(24 / var(--base-font-size) * 1rem);line-height:2}@media screen and (max-width: 767px){.PageIntroduction__message p[data-astro-cid-khlswfbc]{font-size:calc(18 / var(--base-font-size) * 1rem)}}.PageIntroduction__message p[data-astro-cid-khlswfbc]+p[data-astro-cid-khlswfbc]{font-size:calc(18 / var(--base-font-size) * 1rem)}@media screen and (max-width: 767px){.PageIntroduction__message p[data-astro-cid-khlswfbc]+p[data-astro-cid-khlswfbc]{font-size:calc(16 / var(--base-font-size) * 1rem)}}.PageIntroduction__img{margin:0 auto!important;border-radius:0!important}.PageIntroduction__img>div{width:30.9vw!important;max-width:446px!important}@media screen and (max-width: 767px){.PageIntroduction__img>div{width:100%!important}}.appliBlockArea[data-astro-cid-khlswfbc]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}@media screen and (max-width: 767px){.appliBlockArea[data-astro-cid-khlswfbc]{grid-template-columns:auto}}.appliBlockArea[data-astro-cid-khlswfbc] .WebappCard img{width:64px}@media screen and (max-width: 767px){.appliBlockArea[data-astro-cid-khlswfbc] .WebappCard img{width:72px}}.architectureBlockArera[data-astro-cid-khlswfbc]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-inline:32px;margin-top:48px}@media screen and (max-width: 767px){.architectureBlockArera[data-astro-cid-khlswfbc]{grid-template-columns:auto;gap:40px;padding-inline:0}}.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard{padding-top:40px}.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard h3{font-size:calc(16 / var(--base-font-size) * 1rem);letter-spacing:-.01rem!important}@media screen and (max-width: 767px){.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard h3{font-size:calc(18 / var(--base-font-size) * 1rem)}}.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard p{font-size:calc(12 / var(--base-font-size) * 1rem)}@media screen and (max-width: 767px){.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard p{font-size:calc(14 / var(--base-font-size) * 1rem)}}.architectureBlockArera[data-astro-cid-khlswfbc] .WebappCard .thumb img{width:100%;height:100%}.hypotheticalBlockArea[data-astro-cid-khlswfbc],.techStackBlockArea[data-astro-cid-khlswfbc]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-inline:32px}@media screen and (max-width: 767px){.hypotheticalBlockArea[data-astro-cid-khlswfbc],.techStackBlockArea[data-astro-cid-khlswfbc]{grid-template-columns:auto;gap:24px;padding-inline:0}}.hypotheticalBlockArea[data-astro-cid-khlswfbc] .WebappCard img{width:274px;border-radius:var(--rounded-sm)}