.Sheet_ptb__K0Ry6{padding:56px 0}.Sheet_containerSmall__P_ICH,.Sheet_container__jUQDA{width:90%;margin:0 auto}.Sheet_container__jUQDA{max-width:1080px}.Sheet_containerSmall__P_ICH{max-width:760px}@media screen and (min-width:768px){.Sheet_ptb__K0Ry6{padding:64px 0}}.ArticleList_list__hwsHl{display:grid;grid-gap:40px 24px;gap:40px 24px;grid-template-columns:repeat(1,1fr)}.ArticleList_meta__ayjOT{display:flex;justify-content:space-between;align-items:center}.ArticleList_image__b2aT2{display:block;margin-top:8px;border-radius:16px;aspect-ratio:324/170;object-fit:cover}.ArticleList_title__PxsFz{margin-top:8px;font-weight:700;font-size:18px;line-height:1.6}@media screen and (min-width:500px){.ArticleList_list__hwsHl{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.ArticleList_title__PxsFz{font-size:20px}}@media screen and (min-width:1080px){.ArticleList_grid__5NLal{grid-template-columns:repeat(3,1fr)}}.page_top__k9n_Q{position:relative;padding:56px 0 8px;background-image:url(/bg-pattern-kv.png)}.page_container__cea_j{width:90%;max-width:1080px;margin:0 auto}.page_inner__Vbos_{position:relative;z-index:var(--z-index-default)}.page_link__BF0EC{display:block;border:1px solid var(--color-border-primary);border-radius:20px;overflow:hidden}.page_thumbnail__nuexM img{width:100%;height:100%;object-fit:cover}.page_body__kOj96{padding:16px;background-color:var(--color-bg-white)}.page_title__6o7sK{margin-top:8px;font-weight:700;font-size:18px;line-height:1.6}.page_date__uQN4D{margin-top:10px;text-align:right}.page_character__wN66Q{width:40%;max-width:200px;margin-left:auto}.page_treat__0GW68{position:absolute;left:0;bottom:20px;width:180px}@media screen and (min-width:768px){.page_top__k9n_Q{padding:40px 0}.page_inner__Vbos_{display:grid;grid-template-columns:1fr 200px;grid-gap:40px;gap:40px;align-items:center}.page_link__BF0EC{display:grid;grid-template-columns:repeat(2,1fr)}.page_thumbnail__nuexM{order:1}.page_body__kOj96{padding:24px}.page_title__6o7sK{margin-top:10px;font-size:20px}.page_date__uQN4D{margin-top:48px}.page_character__wN66Q{width:100%;max-width:none}.page_treat__0GW68{bottom:25px;width:250px}}@media screen and (min-width:1080px){.page_body__kOj96{padding:58px 48px}}.ButtonLink_button__nig3N{display:inline-block;padding:8px 16px;border-radius:100vh;color:var(--color-font-white);background-color:var(--color-bg-black);font-weight:700}.ButtonLink_buttonMedium__DyF1u{display:grid;place-items:center;width:100%;max-width:180px;height:45px}.ButtonLink_buttonWhite__SLN2l{background-color:var(--color-bg-white);color:var(--color-font-base)}.Cta_container__afw7W{width:90%;max-width:1080px;margin:0 auto}.Cta_cta__6y8WV{padding:56px 0;background-image:url(/bg-cta-sp.jpg);background-position:50%;background-size:cover;text-align:center}.Cta_ctaImage__4RWKL{max-width:400px;margin:0 auto}.Cta_body__AJK70{margin-top:24px}.Cta_logoImage__LIpzP{max-width:415px;margin:0 auto}.Cta_text__TRv8i{margin-top:12px;color:var(--color-font-white);font-size:12px;font-weight:700}.Cta_buttonLink__eIill{display:flex;justify-content:center;margin-top:24px}@media screen and (min-width:500px){.Cta_text__TRv8i{font-size:14px}}@media screen and (min-width:768px){.Cta_cta__6y8WV{background-image:url(/bg-cta.jpg);text-align:left}.Cta_inner__RDcfe{display:grid;grid-template-columns:1fr 40%;align-items:center}.Cta_ctaImage__4RWKL{order:1}.Cta_body__AJK70,.Cta_ctaImage__4RWKL,.Cta_logoImage__LIpzP{margin:0}.Cta_text__TRv8i{font-size:16px}.Cta_buttonLink__eIill{justify-content:flex-start;margin-top:16px}}.Category_tag__Q_aX1{padding:6px 16px;border-radius:100vh;color:var(--color-font-white);font-size:12px;font-weight:700;line-height:1}.Category_tagHtmlCss__vrpPj,.Category_tag__Q_aX1{background-color:var(--color-bg-gold)}.Category_tagWebProduction__w5HBx{background-color:var(--color-bg-pink)}.Category_tagWordpress__crLR2{background-color:var(--color-bg-blue)}.Category_tagWebDesign__DbmIj{background-color:var(--color-bg-orange)}.Category_tagJavascript__dCNeM{background-color:var(--color-bg-green)}.Date_date__ElJv4{color:var(--color-font-gray);font-size:12px;line-height:1}.Pagination_list__5wDb_{margin-top:40px;display:flex;justify-content:center;gap:8px}.Pagination_item__dBgqh{display:grid;place-items:center;width:35px;height:35px;background-color:var(--color-bg-gray);font-size:14px}.Pagination_current__9sq2b{background-color:var(--color-bg-black);color:var(--color-font-white)}