.h1{font-size:28px;line-height:36px;letter-spacing:-1.2px}@media (min-width: 768px){.h1{font-size:32px;line-height:36px}}@media (min-width: 1366px){.h1{font-size:48px;line-height:56px}}@media (min-width: 1920px){.h1{font-size:64px;line-height:72px}}.subtitle1{font-size:1.5rem;line-height:2rem;font-weight:500;line-height:32px;letter-spacing:-.2px}@media (min-width: 768px){.subtitle1{font-size:28px;line-height:36px}}@media (min-width: 1366px){.subtitle1{font-size:32px;line-height:40px}}@media (min-width: 1920px){.subtitle1{font-size:40px;line-height:48px}}.subtitle2{font-size:1.25rem;line-height:1.75rem;font-weight:500;line-height:28px;letter-spacing:-.2px}@media (min-width: 1366px){.subtitle2{font-size:1.5rem;line-height:2rem}}@media (min-width: 1920px){.subtitle2{font-size:28px;line-height:36px}}.body1{font-size:1rem;line-height:1.5rem}@media (min-width: 1366px){.body1{font-size:1.5rem;line-height:2rem}}@media (min-width: 1920px){.body1{font-size:28px;line-height:36px}}.body2{font-size:.875rem;line-height:1.25rem;line-height:20px}@media (min-width: 768px){.body2{line-height:1.25rem}}@media (min-width: 1366px){.body2{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1536px){.body2{line-height:2rem}}@media (min-width: 1920px){.body2{font-size:1.5rem;line-height:2rem}}.caption1{font-size:.75rem;line-height:1.25rem}@media (min-width: 1366px){.caption1{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1920px){.caption1{font-size:1.25rem;line-height:1.75rem}}.caption2{font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px){.caption2{font-size:.75rem;line-height:1.25rem}}@media (min-width: 1366px){.caption2{font-size:.875rem;line-height:1.25rem}}.input-body{font-size:1rem;font-weight:500;line-height:1.25rem}.input-caption{font-size:.75rem;line-height:1rem;letter-spacing:-.4px}.materials{margin-top:2rem;margin-bottom:4rem}@media (min-width: 768px){.materials{margin-top:3rem;margin-bottom:5rem}}@media (min-width: 1366px){.materials{margin-top:4rem;margin-bottom:12rem}}.materials__list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.materials__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.materials__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1366px){.materials__list{row-gap:2.5rem}}@media (min-width: 768px){.materials__item{width:calc((100% - 16px)/2)}}@media (min-width: 1366px){.materials__item{width:calc((100% - 48px) / 3)}}.materials-card{width:100%;border-radius:1rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(246 245 253 / var(--tw-border-opacity));padding:1rem 1rem 1.5rem}@media (min-width: 1920px){.materials-card{padding:1.5rem 1.5rem 2rem}}.materials-card__img{height:14rem;overflow:hidden;border-radius:.75rem}@media (min-width: 600px){.materials-card__img{height:20rem}}@media (min-width: 768px){.materials-card__img{height:324px}}.materials-card__img img{height:100%;width:100%;object-fit:cover}.materials-card__title{margin-left:.75rem;margin-right:.75rem;margin-top:1rem;font-size:1rem;line-height:1.5rem}.materials-card__title{font-size:1rem;line-height:1.5rem}@media (min-width: 1366px){.materials-card__title{font-size:1.5rem;line-height:2rem}}@media (min-width: 1920px){.materials-card__title{font-size:28px;line-height:36px}}@media (min-width: 768px){.materials-card__title{margin-left:1.5rem;margin-right:1.5rem}}
