.Header_headerHeadInner__XxYc6{display:flex;justify-content:space-between;align-items:center;height:65px}@media screen and (min-width:769px){.Header_headerHeadInner__XxYc6{height:75px}}.Header_headerLogo__WFH_k{width:160px}@media screen and (min-width:500px){.Header_headerLogo__WFH_k{width:220px}}.Header_headerLogo__WFH_k a{display:flex}.Header_headerNav__SsB7p{background-color:var(--color-primary);color:var(--color-white);font-weight:700;height:40px;display:flex;align-items:center}.Header_headerList__IfNeH{display:flex;overflow-x:scroll;scrollbar-width:none}.Header_headerList__IfNeH::-webkit-scrollbar{display:none}.Header_headerItem__7RsWM{white-space:nowrap;font-size:12px}@media screen and (min-width:769px){.Header_headerItem__7RsWM{font-size:14px}}.Header_headerItem__7RsWM:not(:first-child){border-left:1px solid var(--color-white);padding-left:16px}.Header_headerItem__7RsWM:not(:last-child){padding-right:16px}.Container_containerSmall__27oY0,.Container_container__pMQNV{margin:0 auto;padding:0 16px;width:100%}@media screen and (min-width:769px){.Container_container__pMQNV{width:var(--content-width-m)}.Container_containerSmall__27oY0{width:var(--content-width-s)}}.Sns_sns__rWrpA{display:block;width:40px;height:40px;background-color:#000;border-radius:50%;display:grid;place-items:center}.Sns_sns__rWrpA svg{width:50%;height:auto}.PostCategory_freelance__2iIsw,.PostCategory_htmlCss__yjl9v,.PostCategory_javascript__1dy_u,.PostCategory_programming__7jF80,.PostCategory_webProduction__2_jtI{display:inline-block;padding:8px 16px;line-height:1;color:var(--color-white);font-size:12px;border-radius:100vh;font-weight:700}.PostCategory_htmlCss__yjl9v{background-color:#aca56c}.PostCategory_javascript__1dy_u{background-color:#6cac7b}.PostCategory_programming__7jF80{background-color:#e17299}.PostCategory_freelance__2iIsw{background-color:#6c9dac}.PostCategory_webProduction__2_jtI{background-color:#ac6ca0}.Cta_cta__w_C6y{padding:56px 0;text-align:center;position:relative;background-image:url(/media/bg-cta.jpg);background-position:50%;background-size:cover}@media screen and (min-width:769px){.Cta_cta__w_C6y{text-align:left}.Cta_ctaInner__ON0ol{display:grid;grid-template-columns:1fr 45%;grid-template-rows:auto;align-items:center}}.Cta_ctaScreenshot__TktS_{max-width:400px;margin:0 auto}@media screen and (min-width:769px){.Cta_ctaScreenshot__TktS_{max-width:none;margin:0;grid-column:2/3;grid-row:1/2}}.Cta_ctaBody__tXcpc{margin-top:24px}@media screen and (min-width:769px){.Cta_ctaBody__tXcpc{margin-top:0;grid-column:1/2;grid-row:1/2}}.Cta_ctaLogo__6inzz{max-width:415px;margin:0 auto;display:flex}@media screen and (min-width:769px){.Cta_ctaLogo__6inzz{margin:0}}.Cta_ctaCopy__Vf3Om{color:var(--color-white);font-weight:700;font-size:12px;margin-top:16px}@media screen and (min-width:500px){.Cta_ctaCopy__Vf3Om{font-size:14px}}.Cta_ctaButton__EEnA2{margin-top:24px}@media screen and (min-width:769px){.Cta_ctaButton__EEnA2{margin-top:16px}}.Button_button__mZYtn>*{border-radius:100vh;font-weight:700;font-size:16px;padding:1em 2.2em 1em 2.3em;letter-spacing:.1em;display:inline-grid;place-items:center;line-height:1}.Button__white__drR6t>*{background-color:var(--color-white);color:var(--color-black);transition:background-color .3s}.Button__white__drR6t>:hover{background-color:var(--color-gray-dark)}.Button__accent__KYlmD>*{background-color:var(--color-accent);color:var(--color-white);transition:background-color .3s}.Button__accent__KYlmD>:hover{background-color:var(--color-accent-dark)}.Button__whiteArrow__jiFbj>*{position:relative}.Button__whiteArrow__jiFbj>:after,.Button__whiteArrow__jiFbj>:before{content:"";position:absolute;top:0;bottom:0;right:.8em;margin:auto}.Button__whiteArrow__jiFbj>:before{width:14px;height:2px}.Button__whiteArrow__jiFbj>:after{width:10px;height:10px;transform:rotate(45deg)}.Button__whiteArrow__jiFbj>:before{background-color:var(--color-white)}.Button__whiteArrow__jiFbj>:after{border-top:2px solid var(--color-white);border-right:2px solid var(--color-white)}.Footer_footer__SABfv{padding:40px 0 16px;background-color:var(--color-primary-extra-light)}@media screen and (min-width:769px){.Footer_footerInner__a1wMf{display:flex;justify-content:space-between;align-items:flex-end}}.Footer_footerLogo__xKiLQ{max-width:320px}.Footer_footerLogo__xKiLQ a{display:flex}.Footer_footerSiteDescription__Legy0{font-size:12px;margin-top:16px}.Footer_footerSiteDescription__Legy0 span{display:block}.Footer_footerSns__ezxLx{margin-top:16px}.Footer_footerNav__smSHs{margin-top:32px}@media screen and (min-width:769px){.Footer_footerNav__smSHs{margin-top:0}}.Footer_footerList__1FuKv{display:flex;flex-wrap:wrap}.Footer_footerItem__F0G13{font-size:12px}.Footer_footerItem__F0G13:not(:first-child):before{content:"/";display:inline-block;padding:0 5px}.Footer_footerCopyright__PiIHJ{display:block;margin-top:32px;border-top:1px solid var(--color-border);font-size:12px;padding-top:8px;text-align:center}.TopKv_kv__U7c5a{background-size:140px;position:relative;padding:20px 0 48px;background-image:url(/media/bg-top-kv.png)}@media screen and (min-width:769px){.TopKv_kv__U7c5a{padding:40px 0}}.TopKv_inner__1NPSC{position:relative;z-index:var(--z-index-default);height:200px}@media screen and (min-width:769px){.TopKv_inner__1NPSC{height:280px}}.TopKv_main__hxEpe{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:100%}.TopKv_copy__TL_NM{text-align:center;font-weight:700;font-size:22px;line-height:1.6;font-family:Shippori Mincho B1,serif;color:var(--color-black)}@media screen and (min-width:769px){.TopKv_copy__TL_NM{font-size:32px}}.TopKv_copy__TL_NM span{display:block}.TopKv_mposhaLink__KaL5O{text-align:center;margin-top:24px}.TopKv_mposhaLink__KaL5O a{font-size:18px;width:280px}@media screen and (min-width:769px){.TopKv_mposhaLink__KaL5O a{font-size:20px;width:330px}}.TopKv_kvCharacter__TVvdN{display:none}@media screen and (min-width:769px){.TopKv_kvCharacter__TVvdN{display:block;position:absolute;right:0;bottom:0;width:285px}}.TopKv_treat__geueg{position:absolute;left:0;bottom:0;width:190px}@media screen and (min-width:769px){.TopKv_treat__geueg{bottom:25px;width:32%}}.Title_title__m0wxb{font-weight:700;font-size:20px;color:var(--color-black)}@media screen and (min-width:769px){.Title_title__m0wxb{font-size:26px}}.PageKv_pageKv__ZbsWB{padding:32px 0;border-bottom:1px solid var(--color-primary);background-size:70px;background-image:url(/media/bg-page-kv.png);background-position:50%}@media screen and (min-width:769px){.PageKv_pageKv__ZbsWB{padding:56px 0;background-size:90px}}.PostDate_date__qzCKA,.PostDate_update__6IgEy{font-size:12px;display:flex;align-items:center;opacity:.4;font-weight:700}.PostDate_date__qzCKA:before,.PostDate_update__6IgEy:before{content:"";display:inline-block;width:17px;height:17px;margin-right:4px;background-position:50%;background-size:cover}.PostDate_date__qzCKA:before{background-image:url(/media/icon-date.svg)}.PostDate_update__6IgEy:before{background-image:url(/media/icon-update.svg)}.Author_author__B5Kjd{margin:32px 0;background-color:var(--color-primary-extra-light);border-radius:8px;overflow:hidden}.Author_title__TnzES{font-weight:700;background-color:var(--color-primary-light);padding:8px 16px;text-align:center}@media screen and (min-width:769px){.Author_title__TnzES{text-align:left;padding:8px 24px}}.Author_body__eBvEG{padding:16px}@media screen and (min-width:769px){.Author_body__eBvEG{display:flex;padding:16px 24px}}.Author_icon__no0_o{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto}@media screen and (min-width:769px){.Author_icon__no0_o{width:80px;height:80px;margin:0;flex-shrink:0}.Author_text__L_eOO{margin-left:24px}}.Author_name__RThqK{margin-top:8px;font-weight:700;text-align:center}@media screen and (min-width:769px){.Author_name__RThqK{margin-top:0;text-align:left}}.Author_twitter__wVMTG{text-decoration:underline;color:var(--color-link)}.Author_description__8QH_b{font-size:14px;margin-top:4px}@media screen and (min-width:769px){.single_pageKvInner__LSc_w{width:68%}}.single_meta__VvpMW{display:flex;align-items:center;gap:16px;margin-top:6px}@media screen and (min-width:769px){.single_wrapper__VJAlL{display:grid;grid-template-columns:50px 1fr 300px;grid-template-areas:"snsShare main side";position:relative}.single_main__SdJkK{grid-area:main;margin-left:-50px;padding-right:40px;overflow:auto}}.single_side__r2UMg{margin-top:40px}@media screen and (min-width:769px){.single_side__r2UMg{grid-area:side;margin-top:0}}.single_snsShare__1FhnY{position:fixed;right:8px;bottom:8px;z-index:var(--z-index-default)}@media screen and (min-width:769px){.single_snsShare__1FhnY{grid-area:snsShare;position:static;transform:translateX(-70px)}}.single_columnLogo__ndZq1{display:flex;justify-content:center;width:280px;padding:24px;margin:0 auto}.single_columnLogo__ndZq1 a{display:flex}.single_columnKv__FWrBg{border-top:1px solid var(--color-primary);text-align:center;line-height:1.6}@media screen and (min-width:769px){.single_columnKv__FWrBg br{display:none}}.single_columnContents__58IiW{max-width:760px;margin:0 auto}.single_columnFooter__Cev1t{background-color:var(--color-primary-extra-light);padding:24px;text-align:center;font-size:14px}.single_contents__6aJ5N{line-height:2;margin-top:40px}.single_contents__6aJ5N>:first-child{margin-top:0!important}.single_contents__6aJ5N>:last-child{margin-bottom:0!important}.single_contents__6aJ5N hr:not([class]){margin:40px 0;display:block;border:none;border-top:2px dashed var(--color-border)}.single_contents__6aJ5N p:not([class]){margin:32px 0}.single_contents__6aJ5N h2:not([class]){font-size:18px;font-weight:700;margin:80px 0 32px;background-color:var(--color-black);color:var(--color-white);padding:8px;border-radius:8px;line-height:1.75}@media screen and (min-width:769px){.single_contents__6aJ5N h2:not([class]){font-size:24px;margin:96px 0 32px;padding:8px 24px}}.single_contents__6aJ5N h3:not([class]){font-size:18px;font-weight:700;margin:48px 0 32px;position:relative;padding-left:36px;padding-bottom:4px;line-height:1.75;border-bottom:1px solid var(--color-primary)}@media screen and (min-width:769px){.single_contents__6aJ5N h3:not([class]){font-size:24px;margin:64px 0 32px;padding-left:40px}}.single_contents__6aJ5N h3:not([class]):before{content:"";display:block;width:30px;height:30px;position:absolute;top:16px;left:0;transform:translateY(-50%);background-image:url(/media/icon-mosha.png);background-position:50%;background-size:contain;background-repeat:no-repeat}@media screen and (min-width:769px){.single_contents__6aJ5N h3:not([class]):before{top:21px}}.single_contents__6aJ5N h4:not([class]){font-weight:700;font-size:18px;line-height:1.75;position:relative;padding-left:16px;margin:40px 0 32px}.single_contents__6aJ5N h4:not([class]):before{content:"";width:4px;height:100%;background-color:var(--color-primary);display:block;position:absolute;left:0;top:0}@media screen and (min-width:769px){.single_contents__6aJ5N h4:not([class]){font-size:20px;margin:56px 0 32px}}.single_contents__6aJ5N strong:not([class]){font-weight:700;background:linear-gradient(transparent 80%,var(--color-primary-light) 0)}.single_contents__6aJ5N blockquote:not([class]){margin:40px 0 32px;padding:24px 24px 16px;background-color:var(--color-background);position:relative;border-radius:8px}.single_contents__6aJ5N blockquote:not([class]):before{content:"“";position:absolute;left:2px;top:20px;transform:translateY(-50%);display:inline-block;font-size:80px;opacity:.2;line-height:1}.single_contents__6aJ5N blockquote:not([class]) p{margin:0}.single_contents__6aJ5N ul:not([class]){margin:32px 0}.single_contents__6aJ5N ul:not([class]) li{position:relative;padding-left:16px;font-weight:700}.single_contents__6aJ5N ul:not([class]) li:not(:first-child){margin-top:6px}@media screen and (min-width:769px){.single_contents__6aJ5N ul:not([class]) li{padding-left:20px}}.single_contents__6aJ5N ul:not([class]) li:after{content:"";display:inline-block;background:var(--color-primary);width:8px;height:8px;border-radius:50%;flex-shrink:0;position:absolute;left:0;top:12px}@media screen and (min-width:769px){.single_contents__6aJ5N ul:not([class]) li:after{top:15px}}.single_contents__6aJ5N ul:not([class]) li a{font-weight:400}.single_contents__6aJ5N ol:not([class]){counter-reset:number;margin:32px 0}.single_contents__6aJ5N ol:not([class]) li{display:flex;align-items:baseline;font-weight:700}.single_contents__6aJ5N ol:not([class]) li:not(:first-child){margin-top:4px}.single_contents__6aJ5N ol:not([class]) li:before{counter-increment:number;content:counter(number);display:inline-block;background:var(--color-primary);color:var(--color-white);font-weight:700;font-size:16px;border-radius:50%;width:25px;height:25px;line-height:25px;text-align:center;margin-right:8px;flex-shrink:0}.single_contents__6aJ5N ol:not([class]) a{font-weight:400}.single_contents__6aJ5N a:not([class]){word-break:break-all;color:var(--color-link);text-decoration:underline;display:inline-block;padding:0 2px}.single_contents__6aJ5N table:not([class]){font-size:14px;width:100%;margin:32px 0;table-layout:fixed}.single_contents__6aJ5N table:not([class]) tbody{-webkit-text-size-adjust:100%}.single_contents__6aJ5N table:not([class]) th{padding:0 8px 8px;border-bottom:1px solid var(--color-border-light);font-weight:700}.single_contents__6aJ5N table:not([class]) td{padding:8px;border-bottom:1px solid var(--color-border-light)}.single_contents__6aJ5N pre{position:relative;margin:32px 0}.single_contents__6aJ5N pre:before{content:"";display:block;width:100%;height:27px;background-color:var(--color-background-dark);color:red!important;border-radius:6px 6px 0 0}.single_contents__6aJ5N code{font-family:Source Code Pro,monospace;letter-spacing:0;display:block;background:var(--color-background);padding:10px 16px;border-radius:0 0 6px 6px;overflow:scroll;font-size:15px;line-height:1.7;max-height:600px}@media screen and (min-width:769px){.single_contents__6aJ5N code{padding:20px 24px;width:100%}}.single_contents__6aJ5N code:not([class]){font-size:14px;font-weight:700;display:inline;padding:4px 8px;margin:0 4px;border-radius:4px}.single_sp__CPUiL{display:block}@media screen and (min-width:769px){.single_sp__CPUiL{display:none}}.single_pc__GJfoG{display:none}@media screen and (min-width:769px){.single_pc__GJfoG{display:block}}.Side_side__G_eFd{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:769px){.Side_side__G_eFd{position:-webkit-sticky;position:sticky;top:24px;right:0}}.Side_banner__r6i7_{transition:.3s;display:flex}.Side_banner__r6i7_:hover{opacity:.7}.SnsShare_snsShare__npVGM{position:-webkit-sticky;position:sticky;left:0;top:24px;display:none}@media screen and (min-width:769px){.SnsShare_snsShare__npVGM{display:block}}.SnsShare_text__sIELz{display:none}@media screen and (min-width:769px){.SnsShare_text__sIELz{display:block;font-weight:700;opacity:.5;font-size:14px;text-align:center;white-space:nowrap}}.SnsShare_icon__6qj2m{display:flex}@media screen and (min-width:769px){.SnsShare_icon__6qj2m{flex-direction:column;align-items:center;margin-top:8px}}.SnsShare_icon__6qj2m>*{display:flex;align-items:center}.SnsShare_icon__6qj2m>:not(:first-child){margin-left:8px}@media screen and (min-width:769px){.SnsShare_icon__6qj2m>:not(:first-child){margin-top:8px;margin-left:0}}.SnsShare_spNone__tdX9r{display:none}@media screen and (min-width:769px){.SnsShare_spNone__tdX9r{display:flex}}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis,.hljs-strong{color:#24292e}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/.hljs{background:#f6f6f6}.hljs,.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#b75501}.hljs-selector-class{color:#015692}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-literal,.hljs-title{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.Img_img__INP8t{margin:32px 0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.Img_img__INP8t>*{display:block!important}.Link_link__0RInP{position:relative;min-height:110px;display:flex;align-items:center;border:1px solid var(--color-primary);padding:8px 8px 8px 96px;border-radius:8px;overflow:hidden;background-color:var(--color-primary-extra-light);font-size:14px;text-decoration:underline;line-height:1.75;margin:32px 0}@media screen and (min-width:769px){.Link_link__0RInP{padding:16px 16px 16px 126px;font-size:18px}}.Link_link__0RInP:after,.Link_link__0RInP:before{width:80px;height:100%;content:"";display:block;position:absolute;left:0;top:0;background-position:50%;background-repeat:no-repeat}@media screen and (min-width:769px){.Link_link__0RInP:after,.Link_link__0RInP:before{width:110px}}.Link_link__0RInP:before{background-image:url(/media/bg-link.png);background-size:cover;border-right:1px solid var(--color-primary)}.Link_link__0RInP:after{background-image:url(/media/icon-link-character.png);background-size:contain}.List_links__Y_8Ca{padding:32px 16px 16px;border-radius:8px;border:4px solid var(--color-primary);background-color:var(--color-primary-extra-light);position:relative;margin:46px 0 32px}.List_links__Y_8Ca>:last-child{margin-bottom:0!important}.List_links__Y_8Ca ul{margin-top:0!important}.List_links__Y_8Ca li{position:relative;padding-left:16px}@media screen and (min-width:769px){.List_links__Y_8Ca li{padding-left:20px}}.List_links__Y_8Ca li:after{content:"";display:inline-block;background:var(--color-primary);width:8px;height:8px;border-radius:50%;flex-shrink:0;position:absolute;left:0;top:12px}@media screen and (min-width:769px){.List_links__Y_8Ca li:after{top:15px}}.List_links__Y_8Ca a{color:inherit!important}.List_title__K9YA2{font-weight:700;position:absolute;top:-19px;left:8px;z-index:2;color:var(--color-white);padding:0 16px;border-radius:100vh;border:4px solid var(--color-white);background-color:var(--color-primary)}@media screen and (min-width:769px){.List_title__K9YA2{top:-20px;left:16px}}.Box_box__xIcMz{position:relative;margin:48px 0 32px}.Box_title__A4hpp{font-weight:700;position:absolute;top:-19px;left:8px;z-index:2;color:var(--color-white);padding:0 16px;border-radius:100vh;border:4px solid var(--color-white);background-color:var(--color-primary)}@media screen and (min-width:769px){.Box_title__A4hpp{top:-20px;left:16px}}.Box_body__9LISu{padding:32px 16px 16px;border-radius:8px;border:4px solid var(--color-primary);background-color:var(--color-primary-extra-light)}.Box_body__9LISu>:last-child{margin-bottom:0!important}.Button_wrap__LsF0a{margin:32px 0}.Button_button__Vzd1e{color:var(--color-white);background-color:var(--color-accent);transition:background-color .3s,opacity .3s;border-radius:100vh;font-weight:700;padding:1em 2.2em 1em 2.3em;letter-spacing:.1em;display:inline-grid;place-items:center;line-height:1}.Button_button__Vzd1e:hover{opacity:.7}.Button_large__EphVh{width:100%}.Comment_comment__qykIg{margin:32px 0}@media screen and (min-width:769px){.Comment_comment__qykIg{display:flex;align-items:center}}.Comment_authorImg__muQnd{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-left:auto;margin-top:30px}@media screen and (min-width:769px){.Comment_authorImg__muQnd{flex-shrink:0;margin-top:0;margin-left:40px}}.Comment_authorImg__muQnd img{border:0!important}.Comment_mosha__GDJIE{width:100px;height:100px;border-radius:0!important}.Comment_commentText__Y_Ld3{padding:16px;border-radius:8px;background-color:var(--color-primary-extra-light);position:relative;font-weight:700}@media screen and (min-width:769px){.Comment_commentText__Y_Ld3{padding:16px 24px}}.Comment_commentText__Y_Ld3:before{content:"";position:absolute;top:100%;right:22px;border:15px solid transparent;border-top:15px solid var(--color-primary-extra-light)}@media screen and (min-width:769px){.Comment_commentText__Y_Ld3:before{top:50%;right:-30px;transform:translateY(-50%);border:15px solid transparent;border-left:15px solid var(--color-primary-extra-light)}}.Accordion_accordion__OqgJY{margin:16px 0}.Accordion_accordion__OqgJY img{display:none}.Accordion_title___s4TG{width:100%;text-align:left;border-radius:8px;padding:8px 40px 8px 8px;margin-bottom:4px;font-weight:700;background-color:var(--color-background-dark);position:relative;color:inherit}.Accordion_title___s4TG:after{content:"";display:block;position:absolute;margin:auto;top:-2px;bottom:0;right:12px;width:10px;height:10px;border-top:2px solid var(--color-black);border-right:2px solid var(--color-black);transform:rotate(135deg)}.Accordion__titleActive__KYm57:after{top:0;bottom:-6px;transform:rotate(-45deg)}.Accordion_text__cg5sm{background-color:var(--color-background-light);border-radius:8px;padding:16px;display:none}.Accordion__textActive__u5tks{display:block}.Toc_index__sz8FS{background-color:var(--color-background);padding:24px;border-radius:8px;margin:32px 0;border:2px solid var(--color-border-light)}@media screen and (min-width:769px){.Toc_index__sz8FS{padding:24px 32px}}.Toc_indexTitle__8SudC{font-weight:700}.Toc_indexBody__lE6zV{margin-top:8px}.Toc_indexBody__lE6zV li{border-bottom:1px dashed var(--color-border)}.Toc_indexBody__lE6zV li:not(:first-child){margin-top:4px}.Toc_indexBody__lE6zV a{position:relative;padding:4px 0;font-size:14px}@media screen and (min-width:769px){.Toc_indexBody__lE6zV a{font-size:16px}}.Toc_indexBody__lE6zV a:hover{opacity:.7}.Banner_banner__N1Okj{margin:32px auto;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:16px;gap:16px}@media screen and (min-width:500px){.Banner_banner__N1Okj{grid-template-columns:repeat(2,1fr);max-width:600px}}.Banner_bannerLink__L06ZO{transition:.3s;display:block}.Banner_bannerLink__L06ZO:hover{opacity:.8}.UdemyLink_wrap__xdfIo{background-color:#e6dbf7;border-radius:12px;overflow:hidden}.UdemyLink_title__KjIov{font-weight:700;font-size:16px;color:#fff;background-color:#6d28d2;text-align:center;line-height:1.4;padding:12px 24px}@media screen and (min-width:769px){.UdemyLink_title__KjIov{font-size:18px}}.UdemyLink_title__KjIov span{display:block}@media screen and (min-width:769px){.UdemyLink_title__KjIov span{display:inline}}.UdemyLink_content__nh_OQ{padding:24px;width:-moz-fit-content;width:fit-content;margin-inline:auto;display:flex;flex-direction:column;gap:8px}.UdemyLink_link__cUZS4{font-weight:700;text-decoration:underline}@media(any-hover:hover){.UdemyLink_link__cUZS4:hover{text-decoration:none}}.Table_tableBlock__h_sAx{margin:32px 0}.Table_tableBlock__h_sAx:after{content:"※表は横スクロールできる場合があります";display:block;font-size:12px;opacity:.5}@media screen and (min-width:769px){.Table_tableBlock__h_sAx:after{display:none}}.Table_tableWrap__oXbPL{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.Table_tableWrap__oXbPL::-webkit-scrollbar{display:none}.Table_table__cL_VV{font-size:12px;width:100%;table-layout:fixed;border-radius:4px;margin:8px 0}.Table_table__cL_VV tbody{-webkit-text-size-adjust:100%}.Table_table__cL_VV td,.Table_table__cL_VV th{padding:6px;border:2px solid var(--color-border)}.Table_table__cL_VV th{font-weight:700;background-color:var(--color-primary-extra-light)}.Table_table__cL_VV .more{background-color:var(--color-accent);color:var(--color-white);font-weight:700;padding:2px 4px;border-radius:4px;display:block;margin:2px;text-align:center}.Table_center__RnCqB td,.Table_center__RnCqB th{text-align:center}.TableSimple_tableBlock__yGrIQ:after{content:"※表は横スクロールできる場合があります";display:block;font-size:12px;opacity:.5;margin-top:8px}@media screen and (min-width:769px){.TableSimple_tableBlock__yGrIQ:after{display:none}}.TableSimple_tableWrap__TtzoF{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.TableSimple_tableWrap__TtzoF::-webkit-scrollbar{display:none}.TableSimple_table__Qp9dP{font-size:14px;width:100%;table-layout:fixed}.TableSimple_table__Qp9dP tbody{-webkit-text-size-adjust:100%}.TableSimple_table__Qp9dP th{padding:0 8px 8px;border-bottom:1px solid var(--color-border-light);font-weight:700}.TableSimple_table__Qp9dP td{padding:8px;border-bottom:1px solid var(--color-border-light)}.Cta_adBlock___lKOS{margin:32px 0;background-color:var(--color-background-light);padding:24px 8px;border-radius:8px}@media screen and (min-width:769px){.Cta_adBlock___lKOS{padding:32px 40px}}.Cta_adBlock___lKOS img{display:none}.Cta_adBlock___lKOS a{text-align:center;background-color:var(--color-accent02);color:var(--color-white)!important;font-weight:700;display:block!important;text-decoration:none!important;padding:18px 8px!important;border-radius:100vh;position:relative;transition:.3s;line-height:1.7}.Cta_adBlock___lKOS a:hover{opacity:.7}.Cta_adBlock___lKOS a:after,.Cta_adBlock___lKOS a:before{content:"";position:absolute;top:0;bottom:0;right:1em;margin:auto}.Cta_adBlock___lKOS a:before{width:14px;height:2px;background-color:var(--color-white)}.Cta_adBlock___lKOS a:after{width:10px;height:10px;transform:rotate(45deg);border-top:2px solid var(--color-white);border-right:2px solid var(--color-white)}.Cta_adBlock___lKOS a p{margin:0!important}.Cta_text__UbtnX{padding:0;text-align:center;margin-bottom:8px;font-weight:700}.Cta_text02__DAElX{margin-top:8px;text-align:center;font-size:14px}.FixCta_wrap__dg3yG{position:fixed;width:100%;bottom:0;left:0;z-index:var(--z-index-bottom-fix);padding:18px 8px 12px;background-color:rgba(0,0,0,.8);color:var(--color-white);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px}@media screen and (min-width:769px){.FixCta_wrap__dg3yG{flex-direction:row;justify-content:center}}.FixCta_emoji___Dnn5{display:none}@media screen and (min-width:769px){.FixCta_emoji___Dnn5{display:inline-block;padding:0 6px;font-size:20px}}.FixCta_text__JQjtC{font-weight:700;font-size:14px;text-align:center}@media screen and (min-width:500px){.FixCta_text__JQjtC{font-size:16px}}.FixCta_link__bsN8d{transition:.3s;background-color:#3c71af;display:inline-block;border-radius:6px;padding:4px 24px;letter-spacing:.1em}@media(hover:hover){.FixCta_link__bsN8d:hover{background-color:#2f6098}}.FixCta_close__vIs9O{position:absolute;right:0;top:0;width:30px;height:30px;background-color:var(--color-white)}.FixCta_close__vIs9O:after,.FixCta_close__vIs9O:before{content:"";display:block;width:16px;height:2px;background-color:var(--color-black);position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.FixCta_close__vIs9O:before{transform:rotate(45deg)}.FixCta_close__vIs9O:after{transform:rotate(-45deg)}.Youtube_youtube__5Lmss{position:relative;width:100%;padding-top:56.25%}.Youtube_youtube__5Lmss iframe{position:absolute;top:0;right:0;width:100%;height:100%}.CodePen_codepen__aansS{display:flex}.CodePen_codepen__aansS iframe{width:100%;height:350px}@media screen and (min-width:769px){.CodePen_codepen__aansS iframe{height:400px}}.LastSectionMentor_list__ZdqVa{margin:32px 0}.LastSectionMentor_list__ZdqVa li{position:relative;padding-left:34px;margin-top:6px}.LastSectionMentor_list__ZdqVa li:first-child{margin-top:0}.LastSectionMentor_list__ZdqVa li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);transform:rotate(50deg);width:5px;height:9px;position:absolute;top:10px;left:14px}@media screen and (min-width:769px){.LastSectionMentor_list__ZdqVa li:after{top:12px}}.LastSectionMentor_list__ZdqVa li:before{content:"";width:21px;height:21px;background-color:#faf7ef;position:absolute;top:5px;left:6px;border:1px solid var(--color-primary);border-radius:50%}@media screen and (min-width:769px){.LastSectionMentor_list__ZdqVa li:before{top:7px}}.LastSectionMentor_note__CzUvs p{margin:0!important}.LastSectionMentor_adBlock__SEXQd{margin:32px 0;background-color:var(--color-background-light);padding:24px 8px;border-radius:8px}@media screen and (min-width:769px){.LastSectionMentor_adBlock__SEXQd{padding:32px 40px}}.LastSectionMentor_adBlock__SEXQd img{display:none}.LastSectionMentor_adBlock__SEXQd a{text-align:center;background-color:var(--color-accent02);color:var(--color-white)!important;font-weight:700;display:block!important;text-decoration:none!important;padding:18px 8px!important;border-radius:100vh;position:relative;transition:.3s;background-color:var(--color-accent)}.LastSectionMentor_adBlock__SEXQd a:hover{opacity:.7}.LastSectionMentor_adBlock__SEXQd a:after,.LastSectionMentor_adBlock__SEXQd a:before{content:"";position:absolute;top:0;bottom:0;right:1em;margin:auto}.LastSectionMentor_adBlock__SEXQd a:before{width:14px;height:2px;background-color:var(--color-white)}.LastSectionMentor_adBlock__SEXQd a:after{width:10px;height:10px;transform:rotate(45deg);border-top:2px solid var(--color-white);border-right:2px solid var(--color-white)}.LastSectionMentor_text__plDRm{padding:0;text-align:center;margin-bottom:8px;font-weight:700}.LastSectionMentor_text02__9izDn{margin-top:8px;text-align:center;font-size:14px}.IntroMentor_text01__m_eX3{text-align:center;font-weight:700;font-size:18px;padding:8px 0;border-top:5px double var(--color-primary);border-bottom:5px double var(--color-primary)}@media screen and (min-width:769px){.IntroMentor_text01__m_eX3{font-size:22px}}.IntroMentor_list__OOgDq{margin:32px 0}.IntroMentor_list__OOgDq li{position:relative;padding-left:34px;margin-top:6px}.IntroMentor_list__OOgDq li:first-child{margin-top:0}.IntroMentor_list__OOgDq li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);transform:rotate(50deg);width:5px;height:9px;position:absolute;top:10px;left:14px}@media screen and (min-width:769px){.IntroMentor_list__OOgDq li:after{top:12px}}.IntroMentor_list__OOgDq li:before{content:"";width:21px;height:21px;background-color:#faf7ef;position:absolute;top:5px;left:6px;border:1px solid var(--color-primary);border-radius:50%}@media screen and (min-width:769px){.IntroMentor_list__OOgDq li:before{top:7px}}.Udemy_wrap__cnlR7{background-color:#e6dbf7;border-radius:12px;overflow:hidden}.Udemy_count__izDUm{font-weight:700;font-size:16px;color:#fff;background-color:#6d28d2;text-align:center;line-height:1.4;padding:8px 24px}@media screen and (min-width:769px){.Udemy_count__izDUm{font-size:18px}}.Udemy_count__izDUm span{font-size:26px;display:inline-block;margin:0 3px}@media screen and (min-width:769px){.Udemy_count__izDUm span{font-size:30px}}.Udemy_title__Uxlqt{font-weight:700;font-size:20px;color:#fff;background-color:#6d28d2;text-align:center;line-height:1.4;padding:12px 24px}@media screen and (min-width:769px){.Udemy_title__Uxlqt{font-size:24px}}.Udemy_body__1XQyn{padding:24px}.Udemy_headTextWrap__VoeaG{display:flex;justify-content:center;align-items:center;gap:8px}.Udemy_logo__Fg1fj{width:100px;display:block}.Udemy_headText__afpXh{font-weight:700;color:#6d28d2}.Udemy_text__lvmae{font-weight:700;text-align:center;margin-top:8px;padding:0 12px;line-height:1.5;font-size:18px}@media screen and (min-width:769px){.Udemy_text__lvmae{font-size:20px}}.Udemy_list__UNNYV{margin-top:16px;display:flex;flex-direction:column;gap:8px;margin-left:24px;width:-moz-fit-content;width:fit-content;margin-inline:auto}.Udemy_item__5SMpt{display:flex;gap:12px}.Udemy_item__5SMpt:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:#6d28d2;flex-shrink:0;translate:0 12px}.Udemy_item__5SMpt a{font-weight:700;text-decoration:underline}@media(any-hover:hover){.Udemy_item__5SMpt a:hover{text-decoration:none}}.Udemy_note__2EsJj{margin-top:16px;font-size:14px;text-align:center;font-weight:700;opacity:.5}.Udemy_note__2EsJj span{display:block}@media screen and (min-width:769px){.Udemy_note__2EsJj span{display:inline}}.InArticleCta_text01__U3Lku{text-align:center;font-weight:700;font-size:18px;padding:12px 0;border-top:5px double var(--color-primary);border-bottom:5px double var(--color-primary);line-height:1.6}@media screen and (min-width:769px){.InArticleCta_text01__U3Lku{font-size:22px}}.InArticleCta_text01__U3Lku span{display:block}.InArticleCta_text01__U3Lku .InArticleCta_small__27LBa{font-size:14px;padding-top:4px}@media screen and (min-width:769px){.InArticleCta_text01__U3Lku .InArticleCta_small__27LBa{font-size:18px}}.InArticleCta_list__LsjNX{margin:32px 0}.InArticleCta_list__LsjNX li{position:relative;padding-left:34px;margin-top:6px}.InArticleCta_list__LsjNX li:first-child{margin-top:0}.InArticleCta_list__LsjNX li:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);transform:rotate(50deg);width:5px;height:9px;position:absolute;top:10px;left:14px}@media screen and (min-width:769px){.InArticleCta_list__LsjNX li:after{top:12px}}.InArticleCta_list__LsjNX li:before{content:"";width:21px;height:21px;background-color:#faf7ef;position:absolute;top:5px;left:6px;border:1px solid var(--color-primary);border-radius:50%}@media screen and (min-width:769px){.InArticleCta_list__LsjNX li:before{top:7px}}.Line_line__PCHg1{--line-color:#06c755}.Line_text__vAZ5n{text-align:center;font-weight:700;font-size:18px;padding:12px 0;border-top:5px double var(--line-color);border-bottom:5px double var(--line-color);color:var(--line-color);line-height:1.6}@media screen and (min-width:769px){.Line_text__vAZ5n{font-size:22px}}.Line_text__vAZ5n span{display:block}.Line_bold__XWscr{font-weight:700}.Line_list__7kv67{padding-left:24px;margin-top:6px;display:flex;flex-direction:column;gap:4px;font-weight:700}.Line_list__7kv67 li{list-style-type:disc}.Line_button__gjcDh{text-align:center;background-color:var(--color-accent02);color:var(--color-white)!important;font-weight:700;display:block!important;text-decoration:none!important;padding:18px 8px!important;border-radius:100vh;position:relative;transition:.3s;color:var(--color-white);background-color:var(--line-color);margin-top:24px;font-size:20px}.Line_button__gjcDh:hover{opacity:.7}.Line_button__gjcDh:after,.Line_button__gjcDh:before{content:"";position:absolute;top:0;bottom:0;right:1em;margin:auto}.Line_button__gjcDh:before{width:14px;height:2px;background-color:var(--color-white)}.Line_button__gjcDh:after{width:10px;height:10px;transform:rotate(45deg);border-top:2px solid var(--color-white);border-right:2px solid var(--color-white)}@media(any-hover:hover){.Line_button__gjcDh:hover{background-color:#2bb146;opacity:1}}