.Header-module-scss-module__kFg-lW__headerHeadInner{justify-content:space-between;align-items:center;height:65px;display:flex}@media screen and (min-width:769px){.Header-module-scss-module__kFg-lW__headerHeadInner{height:75px}}.Header-module-scss-module__kFg-lW__headerLogo{width:160px}@media screen and (min-width:500px){.Header-module-scss-module__kFg-lW__headerLogo{width:220px}}.Header-module-scss-module__kFg-lW__headerLogo a{display:flex}.Header-module-scss-module__kFg-lW__headerNav{background-color:var(--color-primary);color:var(--color-white);align-items:center;height:40px;font-weight:700;display:flex}.Header-module-scss-module__kFg-lW__headerList{scrollbar-width:none;display:flex;overflow-x:scroll}.Header-module-scss-module__kFg-lW__headerList::-webkit-scrollbar{display:none}.Header-module-scss-module__kFg-lW__headerItem{white-space:nowrap;font-size:12px}@media screen and (min-width:769px){.Header-module-scss-module__kFg-lW__headerItem{font-size:14px}}.Header-module-scss-module__kFg-lW__headerItem:not(:first-child){border-left:1px solid var(--color-white);padding-left:16px}.Header-module-scss-module__kFg-lW__headerItem:not(:last-child){padding-right:16px}
.Container-module-scss-module__wHKxBq__containerSmall,.Container-module-scss-module__wHKxBq__container{width:100%;margin:0 auto;padding:0 16px}@media screen and (min-width:769px){.Container-module-scss-module__wHKxBq__container{width:var(--content-width-m)}.Container-module-scss-module__wHKxBq__containerSmall{width:var(--content-width-s)}}
.Sns-module-scss-module__0MTrrq__sns{background-color:#000;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.Sns-module-scss-module__0MTrrq__sns svg{width:50%;height:auto}
.PostCategory-module-scss-module__ZnkOtG__webProduction,.PostCategory-module-scss-module__ZnkOtG__freelance,.PostCategory-module-scss-module__ZnkOtG__programming,.PostCategory-module-scss-module__ZnkOtG__javascript,.PostCategory-module-scss-module__ZnkOtG__htmlCss{color:var(--color-white);border-radius:100vh;padding:8px 16px;font-size:12px;font-weight:700;line-height:1;display:inline-block}.PostCategory-module-scss-module__ZnkOtG__htmlCss{background-color:#aca56c}.PostCategory-module-scss-module__ZnkOtG__javascript{background-color:#6cac7b}.PostCategory-module-scss-module__ZnkOtG__programming{background-color:#e17299}.PostCategory-module-scss-module__ZnkOtG__freelance{background-color:#6c9dac}.PostCategory-module-scss-module__ZnkOtG__webProduction{background-color:#ac6ca0}
.Cta-module-scss-module__o37mxW__cta{text-align:center;background-image:url(/media/bg-cta.jpg);background-position:50%;background-size:cover;padding:56px 0;position:relative}@media screen and (min-width:769px){.Cta-module-scss-module__o37mxW__cta{text-align:left}.Cta-module-scss-module__o37mxW__ctaInner{grid-template-rows:auto;grid-template-columns:1fr 45%;align-items:center;display:grid}}.Cta-module-scss-module__o37mxW__ctaScreenshot{max-width:400px;margin:0 auto}@media screen and (min-width:769px){.Cta-module-scss-module__o37mxW__ctaScreenshot{grid-area:1/2/2/3;max-width:none;margin:0}}.Cta-module-scss-module__o37mxW__ctaBody{margin-top:24px}@media screen and (min-width:769px){.Cta-module-scss-module__o37mxW__ctaBody{grid-area:1/1/2/2;margin-top:0}}.Cta-module-scss-module__o37mxW__ctaLogo{max-width:415px;margin:0 auto;display:flex}@media screen and (min-width:769px){.Cta-module-scss-module__o37mxW__ctaLogo{margin:0}}.Cta-module-scss-module__o37mxW__ctaCopy{color:var(--color-white);margin-top:16px;font-size:12px;font-weight:700}@media screen and (min-width:500px){.Cta-module-scss-module__o37mxW__ctaCopy{font-size:14px}}.Cta-module-scss-module__o37mxW__ctaButton{margin-top:24px}@media screen and (min-width:769px){.Cta-module-scss-module__o37mxW__ctaButton{margin-top:16px}}
.Button-module-scss-module__i3-htq__button>*{letter-spacing:.1em;border-radius:100vh;place-items:center;padding:1em 2.2em 1em 2.3em;font-size:16px;font-weight:700;line-height:1;display:inline-grid}.Button-module-scss-module__i3-htq___white>*{background-color:var(--color-white);color:var(--color-black);transition:background-color .3s}.Button-module-scss-module__i3-htq___white>:hover{background-color:var(--color-gray-dark)}.Button-module-scss-module__i3-htq___accent>*{background-color:var(--color-accent);color:var(--color-white);transition:background-color .3s}.Button-module-scss-module__i3-htq___accent>:hover{background-color:var(--color-accent-dark)}.Button-module-scss-module__i3-htq___whiteArrow>*{position:relative}.Button-module-scss-module__i3-htq___whiteArrow>:before,.Button-module-scss-module__i3-htq___whiteArrow>:after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:.8em}.Button-module-scss-module__i3-htq___whiteArrow>:before{width:14px;height:2px}.Button-module-scss-module__i3-htq___whiteArrow>:after{width:10px;height:10px;transform:rotate(45deg)}.Button-module-scss-module__i3-htq___whiteArrow>:before{background-color:var(--color-white)}.Button-module-scss-module__i3-htq___whiteArrow>:after{border-top:2px solid var(--color-white);border-right:2px solid var(--color-white)}
.Footer-module-scss-module__WU1FCG__footer{background-color:var(--color-primary-extra-light);padding:40px 0 16px}@media screen and (min-width:769px){.Footer-module-scss-module__WU1FCG__footerInner{justify-content:space-between;align-items:flex-end;display:flex}}.Footer-module-scss-module__WU1FCG__footerLogo{max-width:320px}.Footer-module-scss-module__WU1FCG__footerLogo a{display:flex}.Footer-module-scss-module__WU1FCG__footerSiteDescription{margin-top:16px;font-size:12px}.Footer-module-scss-module__WU1FCG__footerSiteDescription span{display:block}.Footer-module-scss-module__WU1FCG__footerSns{margin-top:16px}.Footer-module-scss-module__WU1FCG__footerNav{margin-top:32px}@media screen and (min-width:769px){.Footer-module-scss-module__WU1FCG__footerNav{margin-top:0}}.Footer-module-scss-module__WU1FCG__footerList{flex-wrap:wrap;display:flex}.Footer-module-scss-module__WU1FCG__footerItem{font-size:12px}.Footer-module-scss-module__WU1FCG__footerItem:not(:first-child):before{content:"/";padding:0 5px;display:inline-block}.Footer-module-scss-module__WU1FCG__footerCopyright{border-top:1px solid var(--color-border);text-align:center;margin-top:32px;padding-top:8px;font-size:12px;display:block}
.TopKv-module-scss-module__5-hNRW__kv{background-image:url(/media/bg-top-kv.png);background-size:140px;padding:20px 0 48px;position:relative}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__kv{padding:40px 0}}.TopKv-module-scss-module__5-hNRW__inner{z-index:var(--z-index-default);height:200px;position:relative}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__inner{height:280px}}.TopKv-module-scss-module__5-hNRW__main{width:100%;position:absolute;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.TopKv-module-scss-module__5-hNRW__copy{text-align:center;color:var(--color-black);font-family:Shippori Mincho B1,serif;font-size:22px;font-weight:700;line-height:1.6}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__copy{font-size:32px}}.TopKv-module-scss-module__5-hNRW__copy span{display:block}.TopKv-module-scss-module__5-hNRW__mposhaLink{text-align:center;margin-top:24px}.TopKv-module-scss-module__5-hNRW__mposhaLink a{width:280px;font-size:18px}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__mposhaLink a{width:330px;font-size:20px}}.TopKv-module-scss-module__5-hNRW__kvCharacter{display:none}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__kvCharacter{width:285px;display:block;position:absolute;bottom:0;right:0}}.TopKv-module-scss-module__5-hNRW__treat{width:190px;position:absolute;bottom:0;left:0}@media screen and (min-width:769px){.TopKv-module-scss-module__5-hNRW__treat{width:32%;bottom:25px}}
.Title-module-scss-module__8T7JoG__title{color:var(--color-black);font-size:20px;font-weight:700}@media screen and (min-width:769px){.Title-module-scss-module__8T7JoG__title{font-size:26px}}
.PageKv-module-scss-module__es4YtG__pageKv{border-bottom:1px solid var(--color-primary);background-image:url(/media/bg-page-kv.png);background-position:50%;background-size:70px;padding:32px 0}@media screen and (min-width:769px){.PageKv-module-scss-module__es4YtG__pageKv{background-size:90px;padding:56px 0}}
.PostDate-module-scss-module__L-EmsW__update,.PostDate-module-scss-module__L-EmsW__date{opacity:.4;align-items:center;font-size:12px;font-weight:700;display:flex}.PostDate-module-scss-module__L-EmsW__update:before,.PostDate-module-scss-module__L-EmsW__date:before{content:"";background-position:50%;background-size:cover;width:17px;height:17px;margin-right:4px;display:inline-block}.PostDate-module-scss-module__L-EmsW__date:before{background-image:url(/media/icon-date.svg)}.PostDate-module-scss-module__L-EmsW__update:before{background-image:url(/media/icon-update.svg)}
.Author-module-scss-module__svl3bq__author{background-color:var(--color-primary-extra-light);border-radius:8px;margin:32px 0;overflow:hidden}.Author-module-scss-module__svl3bq__title{background-color:var(--color-primary-light);text-align:center;padding:8px 16px;font-weight:700}@media screen and (min-width:769px){.Author-module-scss-module__svl3bq__title{text-align:left;padding:8px 24px}}.Author-module-scss-module__svl3bq__body{padding:16px}@media screen and (min-width:769px){.Author-module-scss-module__svl3bq__body{padding:16px 24px;display:flex}}.Author-module-scss-module__svl3bq__icon{border-radius:50%;width:100px;height:100px;margin:0 auto;overflow:hidden}@media screen and (min-width:769px){.Author-module-scss-module__svl3bq__icon{flex-shrink:0;width:80px;height:80px;margin:0}.Author-module-scss-module__svl3bq__text{margin-left:24px}}.Author-module-scss-module__svl3bq__name{text-align:center;margin-top:8px;font-weight:700}@media screen and (min-width:769px){.Author-module-scss-module__svl3bq__name{text-align:left;margin-top:0}}.Author-module-scss-module__svl3bq__twitter{color:var(--color-link);text-decoration:underline}.Author-module-scss-module__svl3bq__description{margin-top:4px;font-size:14px}
.FixCta-module-scss-module__1a0_4q__wrap{width:100%;z-index:var(--z-index-bottom-fix);color:var(--color-white);background-color:#000c;flex-direction:column;align-items:center;gap:6px;padding:18px 8px 12px;font-weight:700;display:flex;position:fixed;bottom:0;left:0}@media screen and (min-width:769px){.FixCta-module-scss-module__1a0_4q__wrap{flex-direction:row;justify-content:center}}.FixCta-module-scss-module__1a0_4q__emoji{display:none}@media screen and (min-width:769px){.FixCta-module-scss-module__1a0_4q__emoji{padding:0 6px;font-size:20px;display:inline-block}}.FixCta-module-scss-module__1a0_4q__text{text-align:center;font-size:14px;font-weight:700}@media screen and (min-width:500px){.FixCta-module-scss-module__1a0_4q__text{font-size:16px}}.FixCta-module-scss-module__1a0_4q__link{letter-spacing:.1em;background-color:#3c71af;border-radius:6px;padding:4px 24px;transition:all .3s;display:inline-block}@media (hover:hover){.FixCta-module-scss-module__1a0_4q__link:hover{background-color:#2f6098}}.FixCta-module-scss-module__1a0_4q__close{background-color:var(--color-white);width:30px;height:30px;position:absolute;top:0;right:0}.FixCta-module-scss-module__1a0_4q__close:before,.FixCta-module-scss-module__1a0_4q__close:after{content:"";background-color:var(--color-black);width:16px;height:2px;margin:auto;display:block;position:absolute;inset:0}.FixCta-module-scss-module__1a0_4q__close:before{transform:rotate(45deg)}.FixCta-module-scss-module__1a0_4q__close:after{transform:rotate(-45deg)}
.Youtube-module-scss-module__TTuh1G__youtube{width:100%;padding-top:56.25%;position:relative}.Youtube-module-scss-module__TTuh1G__youtube iframe{width:100%;height:100%;position:absolute;top:0;right:0}
.CodePen-module-scss-module__ZU50gq__codepen{display:flex}.CodePen-module-scss-module__ZU50gq__codepen iframe{width:100%;height:350px}@media screen and (min-width:769px){.CodePen-module-scss-module__ZU50gq__codepen iframe{height:400px}}
.LastSectionMentor-module-scss-module__xD6TBW__list{margin:32px 0}.LastSectionMentor-module-scss-module__xD6TBW__list li{margin-top:6px;padding-left:34px;position:relative}.LastSectionMentor-module-scss-module__xD6TBW__list li:first-child{margin-top:0}.LastSectionMentor-module-scss-module__xD6TBW__list li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);width:5px;height:9px;position:absolute;top:10px;left:14px;transform:rotate(50deg)}@media screen and (min-width:769px){.LastSectionMentor-module-scss-module__xD6TBW__list li:after{top:12px}}.LastSectionMentor-module-scss-module__xD6TBW__list li:before{content:"";border:1px solid var(--color-primary);background-color:#faf7ef;border-radius:50%;width:21px;height:21px;position:absolute;top:5px;left:6px}@media screen and (min-width:769px){.LastSectionMentor-module-scss-module__xD6TBW__list li:before{top:7px}}.LastSectionMentor-module-scss-module__xD6TBW__note p{margin:0!important}.LastSectionMentor-module-scss-module__xD6TBW__adBlock{background-color:var(--color-background-light);border-radius:8px;margin:32px 0;padding:24px 8px}@media screen and (min-width:769px){.LastSectionMentor-module-scss-module__xD6TBW__adBlock{padding:32px 40px}}.LastSectionMentor-module-scss-module__xD6TBW__adBlock img{display:none}.LastSectionMentor-module-scss-module__xD6TBW__adBlock a{text-align:center;background-color:var(--color-accent02);background-color:var(--color-accent);border-radius:100vh;font-weight:700;transition:all .3s;position:relative;color:var(--color-white)!important;padding:18px 8px!important;text-decoration:none!important;display:block!important}.LastSectionMentor-module-scss-module__xD6TBW__adBlock a:hover{opacity:.7}.LastSectionMentor-module-scss-module__xD6TBW__adBlock a:before,.LastSectionMentor-module-scss-module__xD6TBW__adBlock a:after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:1em}.LastSectionMentor-module-scss-module__xD6TBW__adBlock a:before{background-color:var(--color-white);width:14px;height:2px}.LastSectionMentor-module-scss-module__xD6TBW__adBlock a:after{border-top:2px solid var(--color-white);border-right:2px solid var(--color-white);width:10px;height:10px;transform:rotate(45deg)}.LastSectionMentor-module-scss-module__xD6TBW__text{text-align:center;margin-bottom:8px;padding:0;font-weight:700}.LastSectionMentor-module-scss-module__xD6TBW__text02{text-align:center;margin-top:8px;font-size:14px}
.IntroMentor-module-scss-module__sheckG__text01{text-align:center;border-top:double 5px var(--color-primary);border-bottom:double 5px var(--color-primary);padding:8px 0;font-size:18px;font-weight:700}@media screen and (min-width:769px){.IntroMentor-module-scss-module__sheckG__text01{font-size:22px}}.IntroMentor-module-scss-module__sheckG__list{margin:32px 0}.IntroMentor-module-scss-module__sheckG__list li{margin-top:6px;padding-left:34px;position:relative}.IntroMentor-module-scss-module__sheckG__list li:first-child{margin-top:0}.IntroMentor-module-scss-module__sheckG__list li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);width:5px;height:9px;position:absolute;top:10px;left:14px;transform:rotate(50deg)}@media screen and (min-width:769px){.IntroMentor-module-scss-module__sheckG__list li:after{top:12px}}.IntroMentor-module-scss-module__sheckG__list li:before{content:"";border:1px solid var(--color-primary);background-color:#faf7ef;border-radius:50%;width:21px;height:21px;position:absolute;top:5px;left:6px}@media screen and (min-width:769px){.IntroMentor-module-scss-module__sheckG__list li:before{top:7px}}
.Udemy-module-scss-module__hnOk_W__wrap{background-color:#e6dbf7;border-radius:12px;overflow:hidden}.Udemy-module-scss-module__hnOk_W__count{color:#fff;text-align:center;background-color:#6d28d2;padding:8px 24px;font-size:16px;font-weight:700;line-height:1.4}@media screen and (min-width:769px){.Udemy-module-scss-module__hnOk_W__count{font-size:18px}}.Udemy-module-scss-module__hnOk_W__count span{margin:0 3px;font-size:26px;display:inline-block}@media screen and (min-width:769px){.Udemy-module-scss-module__hnOk_W__count span{font-size:30px}}.Udemy-module-scss-module__hnOk_W__title{color:#fff;text-align:center;background-color:#6d28d2;padding:12px 24px;font-size:20px;font-weight:700;line-height:1.4}@media screen and (min-width:769px){.Udemy-module-scss-module__hnOk_W__title{font-size:24px}}.Udemy-module-scss-module__hnOk_W__body{padding:24px}.Udemy-module-scss-module__hnOk_W__logo{width:100px;margin-inline:auto;display:block}.Udemy-module-scss-module__hnOk_W__text{text-align:center;color:#6d28d2;margin-top:8px;padding:0 12px;font-weight:700;line-height:1.5}.Udemy-module-scss-module__hnOk_W__text span{color:#fff;background-color:#6d28d2;border-radius:6px;margin-inline:2px;padding:2px 8px;display:inline-block}.Udemy-module-scss-module__hnOk_W__list{margin-top:16px;margin-left:24px;flex-direction:column;gap:8px;width:fit-content;margin-inline:auto;display:flex}.Udemy-module-scss-module__hnOk_W__item{gap:12px;display:flex}.Udemy-module-scss-module__hnOk_W__item:before{content:"";background-color:#6d28d2;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block;translate:0 12px}.Udemy-module-scss-module__hnOk_W__item a{font-weight:700;text-decoration:underline}@media (any-hover:hover){.Udemy-module-scss-module__hnOk_W__item a:hover{text-decoration:none}}.Udemy-module-scss-module__hnOk_W__note{text-align:center;opacity:.5;margin-top:16px;font-size:14px;font-weight:700}.Udemy-module-scss-module__hnOk_W__note span{display:block}@media screen and (min-width:769px){.Udemy-module-scss-module__hnOk_W__note span{display:inline}}
.InArticleCta-module-scss-module__wbm54q__text01{text-align:center;border-top:double 5px var(--color-primary);border-bottom:double 5px var(--color-primary);padding:12px 0;font-size:18px;font-weight:700;line-height:1.6}@media screen and (min-width:769px){.InArticleCta-module-scss-module__wbm54q__text01{font-size:22px}}.InArticleCta-module-scss-module__wbm54q__text01 span{display:block}.InArticleCta-module-scss-module__wbm54q__text01 .InArticleCta-module-scss-module__wbm54q__small{padding-top:4px;font-size:14px}@media screen and (min-width:769px){.InArticleCta-module-scss-module__wbm54q__text01 .InArticleCta-module-scss-module__wbm54q__small{font-size:18px}}.InArticleCta-module-scss-module__wbm54q__list{margin:32px 0}.InArticleCta-module-scss-module__wbm54q__list li{margin-top:6px;padding-left:34px;position:relative}.InArticleCta-module-scss-module__wbm54q__list li:first-child{margin-top:0}.InArticleCta-module-scss-module__wbm54q__list li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);width:5px;height:9px;position:absolute;top:10px;left:14px;transform:rotate(50deg)}@media screen and (min-width:769px){.InArticleCta-module-scss-module__wbm54q__list li:after{top:12px}}.InArticleCta-module-scss-module__wbm54q__list li:before{content:"";border:1px solid var(--color-primary);background-color:#faf7ef;border-radius:50%;width:21px;height:21px;position:absolute;top:5px;left:6px}@media screen and (min-width:769px){.InArticleCta-module-scss-module__wbm54q__list li:before{top:7px}}
.Line-module-scss-module__W9aThG__line{--line-color:#06c755}.Line-module-scss-module__W9aThG__text{text-align:center;border-top:double 5px var(--line-color);border-bottom:double 5px var(--line-color);color:var(--line-color);padding:12px 0;font-size:18px;font-weight:700;line-height:1.6}@media screen and (min-width:769px){.Line-module-scss-module__W9aThG__text{font-size:22px}}.Line-module-scss-module__W9aThG__text span{display:block}.Line-module-scss-module__W9aThG__bold{font-weight:700}.Line-module-scss-module__W9aThG__list{flex-direction:column;gap:4px;margin-top:6px;padding-left:24px;font-weight:700;display:flex}.Line-module-scss-module__W9aThG__list li{list-style-type:disc}.Line-module-scss-module__W9aThG__button{text-align:center;background-color:var(--color-accent02);color:var(--color-white);background-color:var(--line-color);border-radius:100vh;margin-top:24px;font-size:20px;font-weight:700;transition:all .3s;position:relative;color:var(--color-white)!important;padding:18px 8px!important;text-decoration:none!important;display:block!important}.Line-module-scss-module__W9aThG__button:hover{opacity:.7}.Line-module-scss-module__W9aThG__button:before,.Line-module-scss-module__W9aThG__button:after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:1em}.Line-module-scss-module__W9aThG__button:before{background-color:var(--color-white);width:14px;height:2px}.Line-module-scss-module__W9aThG__button:after{border-top:2px solid var(--color-white);border-right:2px solid var(--color-white);width:10px;height:10px;transform:rotate(45deg)}@media (any-hover:hover){.Line-module-scss-module__W9aThG__button:hover{opacity:1;background-color:#2bb146}}
.PostCards-module-scss-module__olho6a__cards{grid-template-columns:repeat(1,1fr);gap:40px 24px;display:grid}@media screen and (min-width:500px){.PostCards-module-scss-module__olho6a__cards{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:769px){.PostCards-module-scss-module__olho6a__cards{grid-template-columns:repeat(3,1fr)}}
.PostCard-module-scss-module__hgmgUG__meta{justify-content:space-between;align-items:center;display:flex}.PostCard-module-scss-module__hgmgUG__thumbnail{margin-top:8px}.PostCard-module-scss-module__hgmgUG__thumbnail a{display:block}.PostCard-module-scss-module__hgmgUG__thumbnail a>*{display:block!important}.PostCard-module-scss-module__hgmgUG__thumbnail img{border-radius:16px}.PostCard-module-scss-module__hgmgUG__title{margin-top:8px;font-size:18px;font-weight:700}@media screen and (min-width:769px){.PostCard-module-scss-module__hgmgUG__title{font-size:20px}}