.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}}.page_banner__hlJkf{display:block;margin-top:24px}.page_recommend__fX3Fx{margin-top:56px}.page_title__NqVO2{font-size:18px;font-weight:700;text-align:center}.page_title__NqVO2:before{content:"";display:block;width:34px;height:34px;margin:0 auto;background:url(/icon-mosha.png) no-repeat 50%/contain;transform:translateY(-50%)}.page_article__Bh4J5{margin-top:40px}@media screen and (min-width:768px){.page_recommend__fX3Fx{margin-top:64px}}.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}}.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)}}.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}.Article_meta__i6i54{display:flex;justify-content:space-between;align-items:center}.Article_title__4YxX2{margin-top:8px;font-weight:700;font-size:20px;line-height:1.6}.Article_thumbnail__h89Pi{margin-top:24px;border-radius:16px;overflow:hidden}.Article_desc__2aRNA{margin-top:40px}.Article_subtitle__Eb9H4{display:block;margin-top:64px;padding:10px 8px;border-radius:8px;background-color:var(--color-bg-black);color:var(--color-font-white);font-size:18px;font-weight:700;line-height:1.6}.Article_text__XL5Lz{margin-top:24px}.Article_subheading__uQPuA{position:relative;margin-top:24px;padding-left:36px;padding-bottom:6px;border-bottom:1px solid var(--color-border-primary);font-size:18px;font-weight:700;line-height:1.6}.Article_subheading__uQPuA:before{content:"";display:block;position:absolute;top:15px;left:0;width:28px;height:28px;background:url(/icon-mosha.png) 50%/contain no-repeat;transform:translateY(-50%)}@media screen and (min-width:768px){.Article_title__4YxX2{font-size:26px}.Article_subtitle__Eb9H4{margin-top:80px;font-size:20px}.Article_subheading__uQPuA{font-size:20px}.Article_subheading__uQPuA:before{top:20px}}