.page-project-type[data-v-d24c26fb]{--detail-column:2;--project-card-padding:24px;--project-icon-size:80px;--demo-card-padding:16px;--demo-column:3}.page-project-type .project-card[data-v-d24c26fb]{--background-color:none;--theme-color:none;background-color:var(--background-color)}.page-project-type .color-theme[data-v-d24c26fb]{color:var(--theme-color)}.page-project-type .purple[data-v-d24c26fb]{--background-color:#f1f1ff;--theme-color:#5a5cd7}.page-project-type .pink[data-v-d24c26fb]{--background-color:#ffeff7;--theme-color:#e04d98}.page-project-type .yellow[data-v-d24c26fb]{--background-color:#fffbec;--theme-color:#c9a100}.page-project-type .project-introduction-cards[data-v-d24c26fb]{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}.page-project-type .project-introduction-cards .card-item[data-v-d24c26fb]{padding:var(--project-card-padding);border-radius:12px}.page-project-type .project-introduction-cards .card-top-wrap[data-v-d24c26fb]{grid-template-columns:var(--project-icon-size) 1fr;align-items:center;gap:24px;display:grid}.page-project-type .project-introduction-cards .project-en-name[data-v-d24c26fb]{font-size:24px;line-height:150%}.page-project-type .project-introduction-cards .card-desc-wrap[data-v-d24c26fb]{margin-top:24px}.page-project-type .project-introduction-cards .details-wrap[data-v-d24c26fb]{grid-template-columns:repeat(var(--detail-column), 1fr);gap:12px;margin-top:24px;display:grid}.page-project-type .project-introduction-cards .detail-item[data-v-d24c26fb]{background-color:var(--color-white-1);border-radius:6px;padding:16px}.page-project-type .project-introduction-cards .detail-desc[data-v-d24c26fb]{margin-top:4px}.page-project-type .demos-wrap[data-v-d24c26fb]{grid-template-columns:repeat(var(--demo-column), 1fr);gap:12px;margin-top:24px;display:grid}.page-project-type .demos-wrap .demo-item[data-v-d24c26fb]{padding:var(--demo-card-padding);border-radius:12px}.page-project-type .demos-wrap .item-title-wrap[data-v-d24c26fb]{align-items:center;gap:12px;display:flex}.page-project-type .demos-wrap .demo-en-name[data-v-d24c26fb]{font-size:18px;line-height:150%}.page-project-type .table-wrap[data-v-d24c26fb]{overflow:auto}.page-project-type .table .th[data-v-d24c26fb]{color:var(--color-gray-1);text-align:left}@media screen and (width<=1188px){.page-project-type[data-v-d24c26fb]{--project-card-padding:12px;--project-icon-size:60px;--demo-card-padding:12px;--demo-column:1}.page-project-type .details-wrap[data-v-d24c26fb]{--detail-column:1}}