@charset "UTF-8";.c-post{box-sizing:content-box;max-width:1100px;padding:40px 48px 0;margin-right:auto;margin-left:auto}@media screen and (max-width: 767px){.c-post{padding:17px 0 0}}.c-post:before{position:absolute;top:0;right:-31.25rem;z-index:-1;width:31.25rem;height:210%;content:"";background-color:var(--color-green);transform:skew(-26.5deg);transform-origin:left top}@media screen and (max-width: 767px){.c-post:before{top:9.375rem;right:-23.75rem;width:23.75rem}}.c-post .c-post-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 50px;font-size:1.25rem;line-height:1.6;color:var(--color-black);letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-header{display:block;padding-right:calc(25 / var(--screen-xs) * 100%);padding-left:calc(25 / var(--screen-xs) * 100%)}}.c-post .c-post-header .info{flex-basis:49%;margin-right:7%}@media screen and (max-width: 767px){.c-post .c-post-header .info{flex-basis:0;margin-right:0}}@media screen and (max-width: 767px){.c-post .c-post-header .info+*{margin-top:1.5625rem}}.c-post .c-post-header .data{font-size:1rem;font-weight:500}@media screen and (max-width: 767px){.c-post .c-post-header .data{font-size:.875rem}}.c-post .c-post-header .category{font-family:var(--font-teko)}.c-post .c-post-header .category:after{display:inline-block;width:.125rem;height:.625rem;margin-right:.375rem;margin-left:.5rem;content:"";background-color:var(--color-black);transform:skew(-25deg)}@media screen and (max-width: 767px){.c-post .c-post-header .category:after{height:.5625rem}}.c-post .c-post-header .date{font-family:var(--font-teko)}.c-post .c-post-header .date.-update:before{display:inline-block;width:.125rem;height:.625rem;margin-right:.375rem;margin-left:.5rem;content:"";background-color:var(--color-black);transform:skew(-25deg)}@media screen and (max-width: 767px){.c-post .c-post-header .date.-update:before{height:.5625rem}}.c-post .c-post-header .date .ja{font-family:var(--font-nsjp);font-size:.8125rem;font-weight:600}@media screen and (max-width: 767px){.c-post .c-post-header .date .ja{font-size:.6875rem}}.c-post .c-post-header .title{margin-top:.375rem;font-size:2rem;line-height:1.5}@media screen and (max-width: 767px){.c-post .c-post-header .title{margin-top:.125rem;font-size:1.5rem}}.c-post .c-post-header .detail{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-top:1.6875rem}@media screen and (max-width: 767px){.c-post .c-post-header .detail{display:block;margin-top:1.125rem}}.c-post .c-post-header .tags{display:flex;flex-wrap:wrap;gap:.375rem .625rem;font-family:var(--font-teko);font-size:1.25rem;letter-spacing:.06em}@media screen and (max-width: 767px){.c-post .c-post-header .tags{gap:.5rem .9375rem;font-size:.9375rem}}.c-post .c-post-header .tags .item .link{position:relative;font-weight:500;color:var(--color-green)}.c-post .c-post-header .tags .item .link:after{position:absolute;bottom:0;left:50%;width:100%;height:.125rem;content:"";background-color:var(--color-green);transform:translate(-50%) scaleX(0);transform-origin:left;transition:.3s var(--default-easing)}.c-post .c-post-header .tags .item .link:focus-visible:after{transform:translate(-50%) scaleX(1)}@media (any-hover: hover){.c-post .c-post-header .tags .item .link:hover:after{transform:translate(-50%) scaleX(1)}}.c-post .c-post-header .author{margin-left:auto;font-family:var(--font-teko);font-size:1rem;font-weight:500;color:var(--color-gray-6);letter-spacing:.06em}@media screen and (max-width: 767px){.c-post .c-post-header .author{margin-top:.375rem;font-size:.875rem}}.c-post .c-post-header .thumb{flex-basis:44%}@media screen and (max-width: 767px){.c-post .c-post-header .thumb{flex-basis:0}}.c-post .c-post-header .thumb img{width:100%;height:auto;border:1px solid var(--color-gray)}.c-post .c-post-container{position:relative;padding-bottom:6.125rem;margin-top:5rem}@media screen and (max-width: 767px){.c-post .c-post-container{padding-bottom:3.75rem;margin-top:3.125rem}}.c-post .c-post-container:after{position:absolute;top:20.4375rem;left:0;z-index:-1;display:block;width:100vw;height:calc(100% - 20.4375rem);margin:0 calc(50% - 50vw);content:"";background-color:var(--color-gray-2)}@media screen and (max-width: 767px){.c-post .c-post-container:after{top:0;width:100%;height:100%;margin:0}}.c-post .c-post-container .inner{padding:80px 13.6363636364%;background-color:var(--color-white);box-shadow:0 0 .625rem #0000001a}@media screen and (max-width: 767px){.c-post .c-post-container .inner{padding:48px calc(25 / var(--screen-xs) * 100%) 50px}}.c-post .c-post-container .toc .toc-title{font-family:var(--font-teko);font-size:1.375rem;font-weight:500;line-height:1.1;letter-spacing:.06em}@media screen and (max-width: 767px){.c-post .c-post-container .toc .toc-title{font-size:1.25rem;line-height:1}}.c-post .c-post-container .toc .toc-list{display:grid;grid-row-gap:.125rem;row-gap:.125rem;margin-top:18px}@media screen and (max-width: 767px){.c-post .c-post-container .toc .toc-list{row-gap:.5625rem;margin-top:18px}}.c-post .c-post-container .toc .toc-list>.item .link{font-size:1rem;font-weight:500;line-height:2;color:2px solid var(--color-black);letter-spacing:.05em}.c-post .c-post-container .toc .toc-list>.item .link:focus-visible{color:var(--color-green)}@media (any-hover: hover){.c-post .c-post-container .toc .toc-list>.item .link:hover{color:var(--color-green)}}@media screen and (max-width: 767px){.c-post .c-post-container .toc .toc-list>.item .link{font-size:.9375rem;line-height:1.6}}.c-post .c-post-container .toc+.c-post-content{padding-top:54px;margin-top:36px;border-top:2px solid var(--color-gray)}@media screen and (max-width: 767px){.c-post .c-post-container .toc+.c-post-content{padding-top:28px;margin-top:35px}}.c-post .c-post-container .toc+.c-post-content h2:first-child{margin-top:52px}@media screen and (max-width: 767px){.c-post .c-post-container .toc+.c-post-content h2:first-child{margin-top:32px}}.c-post .c-post-container .share{display:flex;-moz-column-gap:2.5rem;column-gap:2.5rem;align-items:center;justify-content:flex-end;margin-top:7.5rem}@media screen and (max-width: 767px){.c-post .c-post-container .share{-moz-column-gap:1.5rem;column-gap:1.5rem;justify-content:center;margin-top:4rem}}.c-post .c-post-container .share-heading{margin-top:.25rem;font-family:var(--font-industry-inc);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:.1em}.c-post .c-post-container .share-list{display:flex;-moz-column-gap:1.25rem;column-gap:1.25rem;align-items:center}@media screen and (max-width: 767px){.c-post .c-post-container .share-list{-moz-column-gap:1.5rem;column-gap:1.5rem}}.c-post .c-post-container .share-item.-facebook{width:28px;aspect-ratio:1}@media screen and (max-width: 767px){.c-post .c-post-container .share-item.-facebook{width:24px}}.c-post .c-post-container .share-item.-x{width:24px;aspect-ratio:1}@media screen and (max-width: 767px){.c-post .c-post-container .share-item.-x{width:20px}}.c-post .c-post-container .share-item .share-link{color:var(--color-black)}.c-post .c-post-container .share-item svg{width:100%;height:auto;transition:fill .3s var(--default-easing)}.c-post .c-post-container .pagination{display:flex;align-items:center;justify-content:center;margin-top:5rem}@media screen and (max-width: 767px){.c-post .c-post-container .pagination{justify-content:space-between;width:86.6666666667%;max-width:20.3125rem;margin:2.75rem auto 0}}.c-post .c-post-container .pagination .pagination-link{color:var(--color-black)}.c-post .c-post-container .pagination .pagination-prev,.c-post .c-post-container .pagination .pagination-next{font-family:var(--font-industry-inc);font-size:1.25rem;font-style:normal;font-weight:400;line-height:1}@media screen and (max-width: 767px){.c-post .c-post-container .pagination .pagination-prev,.c-post .c-post-container .pagination .pagination-next{font-size:.9375rem;line-height:1.5}}.c-post .c-post-container .pagination .pagination-prev .pagination-link,.c-post .c-post-container .pagination .pagination-next .pagination-link{transition:color .3s var(--default-easing)}.c-post .c-post-container .pagination .pagination-prev .pagination-link:focus-visible,.c-post .c-post-container .pagination .pagination-next .pagination-link:focus-visible{color:var(--color-green)}@media (any-hover: hover){.c-post .c-post-container .pagination .pagination-prev .pagination-link:hover,.c-post .c-post-container .pagination .pagination-next .pagination-link:hover{color:var(--color-green)}}.c-post .c-post-container .pagination .pagination-prev .pagination-link[tabindex="-1"],.c-post .c-post-container .pagination .pagination-next .pagination-link[tabindex="-1"]{pointer-events:none;opacity:.4}.c-post .c-post-container .pagination .pagination-prev svg,.c-post .c-post-container .pagination .pagination-next svg{position:absolute;top:.1875rem;left:0;width:.75rem;height:1.125rem;fill:currentcolor}@media screen and (max-width: 767px){.c-post .c-post-container .pagination .pagination-prev svg,.c-post .c-post-container .pagination .pagination-next svg{top:.0625rem;width:.625rem;height:.9375rem}}.c-post .c-post-container .pagination .pagination-prev .pagination-link{position:relative;padding-left:1.75rem}@media screen and (max-width: 767px){.c-post .c-post-container .pagination .pagination-prev .pagination-link{padding-left:1.5rem}}.c-post .c-post-container .pagination .pagination-next .pagination-link{position:relative;padding-right:1.75rem}@media screen and (max-width: 767px){.c-post .c-post-container .pagination .pagination-next .pagination-link{padding-right:1.5rem}}.c-post .c-post-container .pagination .pagination-next svg{right:0;left:auto;transform:rotate(180deg)}.c-post .c-post-container .pagination .pagination-all{margin:0 70px 8px;font-size:1.125rem;font-weight:700;line-height:1}@media screen and (max-width: 767px){.c-post .c-post-container .pagination .pagination-all{margin:0 0 8px;font-size:.875rem;line-height:1.7}}.c-post .c-post-container .pagination .pagination-all .pagination-link{position:relative;border-bottom:1px solid var(--color-black);transition:color .3s var(--default-easing),border-bottom .3s var(--default-easing)}.c-post .c-post-container .pagination .pagination-all .pagination-link:focus-visible{color:var(--color-green);border-bottom:1px solid transparent}@media (any-hover: hover){.c-post .c-post-container .pagination .pagination-all .pagination-link:hover{color:var(--color-green);border-bottom:1px solid transparent}}.c-post .c-post-pickup{position:relative;z-index:0;padding-top:7.5rem;padding-bottom:8.125rem}@media screen and (max-width: 767px){.c-post .c-post-pickup{padding:4.375rem calc(25 / var(--screen-xs) * 100%) 6.25rem;margin:0 auto}}.c-post .c-post-pickup:before{position:absolute;top:0;left:0;z-index:-1;width:100vw;height:22.5rem;margin:0 calc(50% - 50vw);content:"";background:var(--color-white)}@media screen and (max-width: 767px){.c-post .c-post-pickup:before{width:100%;height:15rem;margin:0}}.c-post .c-post-pickup:after{position:absolute;top:22.5rem;left:0;z-index:-1;width:100vw;height:calc(100% - 22.5rem);margin:0 calc(50% - 50vw);content:"";background:var(--color-black-2)}@media screen and (max-width: 767px){.c-post .c-post-pickup:after{top:15rem;width:100%;height:calc(100% - 15rem);margin:0}}.c-post .c-post-pickup .pickup-inner{max-width:1100px;margin-right:auto;margin-left:auto}.c-post .c-post-pickup .pickup-title{font-family:var(--font-teko);font-size:3.25rem;font-weight:600;color:var(--color-black);letter-spacing:.13em}@media screen and (max-width: 767px){.c-post .c-post-pickup .pickup-title{font-size:2.5rem;letter-spacing:.11em}}.c-post .c-post-pickup .pickup-col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3.75rem 3rem;gap:3.75rem 3rem;margin-top:3.1875rem}@media screen and (max-width: 767px){.c-post .c-post-pickup .pickup-col{grid-template-columns:1fr;gap:2.5rem 1.875rem;margin-top:1.875rem}}.c-post .c-post-content{font-weight:500}.c-post .c-post-content>*:first-child{margin-top:0!important}.c-post .c-post-content>*:last-child{margin-bottom:0!important}.c-post .c-post-content .baselines{display:grid;grid-row-gap:16px;row-gap:16px;margin:0 0 40px}.c-post .c-post-content .baselines>*+*{margin-top:0}.c-post .c-post-content p{font-size:1rem;line-height:2;letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content p{font-size:.9375rem;line-height:1.8}}.c-post .c-post-content p code{display:inline;padding:4px 8px;font-family:var(--font-mono);font-size:.875rem;line-height:1;color:var(--color-black);background:var(--color-gray-2)}@media screen and (max-width: 767px){.c-post .c-post-content p code{padding:3px 5px}}.c-post .c-post-content p+p,.c-post .c-post-content p+ul,.c-post .c-post-content p+ol{margin-top:20px}@media screen and (max-width: 767px){.c-post .c-post-content p+p,.c-post .c-post-content p+ul,.c-post .c-post-content p+ol{margin-top:12px}}.c-post .c-post-content small{font-size:.875rem;line-height:1.6;color:var(--color-gray-4);letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content small{font-size:.8125rem;line-height:1.7}}.c-post .c-post-content ul,.c-post .c-post-content ol{display:grid;grid-row-gap:4px;row-gap:4px}.c-post .c-post-content ul>li,.c-post .c-post-content ol>li{position:relative;padding-left:24px;font-size:1rem;line-height:2;letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content ul>li,.c-post .c-post-content ol>li{padding-left:18px;font-size:.9375rem;line-height:1.8}}.c-post .c-post-content ul>li>ol,.c-post .c-post-content ol>li>ol{padding-left:18px}@media screen and (max-width: 767px){.c-post .c-post-content ul>li>ol,.c-post .c-post-content ol>li>ol{padding-left:12px}}.c-post .c-post-content ul>li>ul,.c-post .c-post-content ol>li>ul{padding-left:18px}@media screen and (max-width: 767px){.c-post .c-post-content ul>li>ul,.c-post .c-post-content ol>li>ul{padding-left:12px}}.c-post .c-post-content ul>li>ul li:before,.c-post .c-post-content ol>li>ul li:before{position:absolute;top:19px;left:0;width:6px;height:2px;content:"";background-color:var(--color-black)}@media screen and (max-width: 767px){.c-post .c-post-content ul>li>ul li:before,.c-post .c-post-content ol>li>ul li:before{top:16px}}.c-post .c-post-content ul>li>a,.c-post .c-post-content ol>li>a{display:inline;margin:0;font-size:1rem;line-height:1.25;letter-spacing:.05em}.c-post .c-post-content ul code,.c-post .c-post-content ol code{display:inline;padding:4px 8px;line-height:1;color:var(--color-black);background:var(--color-gray-2)}@media screen and (max-width: 767px){.c-post .c-post-content ul code,.c-post .c-post-content ol code{padding:3px 5px}}.c-post .c-post-content ul+p,.c-post .c-post-content ol+p{margin-top:20px}@media screen and (max-width: 767px){.c-post .c-post-content ul+p,.c-post .c-post-content ol+p{margin-top:12px}}.c-post .c-post-content ul+ul,.c-post .c-post-content ul+ol,.c-post .c-post-content ol+ul,.c-post .c-post-content ol+ol{margin-top:16px}@media screen and (max-width: 767px){.c-post .c-post-content ul+ul,.c-post .c-post-content ul+ol,.c-post .c-post-content ol+ul,.c-post .c-post-content ol+ol{margin-top:22px}}.c-post .c-post-content ul>li:before{position:absolute;top:13px;left:0;width:6px;height:6px;content:"";background-color:var(--color-black)}@media screen and (max-width: 767px){.c-post .c-post-content ul>li:before{top:10px;left:0;width:6px;height:6px}}.c-post .c-post-content ol{counter-reset:item}.c-post .c-post-content ol>li:before{position:absolute;left:0;display:inline-block;content:counter(item) ". ";counter-increment:item}.c-post .c-post-content a:not([class]){position:relative;display:inline;margin:6px 0;font-size:1rem;line-height:1.25;color:var(--color-black);letter-spacing:.05em;background-image:linear-gradient(to top,var(--color-black) 1px,transparent 1px);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .4s var(--default-easing)}.c-post .c-post-content a:not([class]):focus-visible{background-size:0 1px}@media (any-hover: hover){.c-post .c-post-content a:not([class]):hover{background-size:0 1px}}.c-post .c-post-content a:not([class]):has(img):focus-visible img{opacity:.8}@media (any-hover: hover){.c-post .c-post-content a:not([class]):has(img):hover img{opacity:.8}}.c-post .c-post-content blockquote:not([class]){padding:30px 38px 32px;margin-top:48px;margin-bottom:48px;font-style:1rem;line-height:2;letter-spacing:.05em;border:2px solid var(--color-gray-2)}@media screen and (max-width: 767px){.c-post .c-post-content blockquote:not([class]){padding:14px 22px 18px;margin-top:28px;margin-bottom:28px;font-size:.9375rem;line-height:1.8}}.c-post .c-post-content blockquote:not([class])>:first-child{margin-top:0!important}.c-post .c-post-content blockquote:not([class]) a{margin-top:30px;margin-bottom:6px;font-size:1rem;font-style:italic;line-height:1.25;color:var(--color-green);letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content blockquote:not([class]) a{margin-top:20px;margin-bottom:3px;font-size:.9375rem;line-height:1.8}}.c-post .c-post-content blockquote:not([class]) a:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:var(--color-green)}.c-post .c-post-content img{width:-moz-fit-content;width:fit-content;height:auto;margin-right:auto;margin-left:auto;transition:opacity .3s var(--default-easing)}.c-post .c-post-content figure{margin:52px auto}@media screen and (max-width: 767px){.c-post .c-post-content figure{margin:28px auto}}.c-post .c-post-content figure figcaption{margin-top:10px;font-size:.875rem;font-weight:400;text-align:center}@media screen and (max-width: 767px){.c-post .c-post-content figure figcaption{font-size:.75rem}}.c-post .c-post-content :where(.embed-block){display:grid;width:100%;min-height:396px;margin-top:48px;margin-bottom:48px}@media screen and (max-width: 767px){.c-post .c-post-content :where(.embed-block){margin-top:28px;margin-bottom:28px}}.c-post .c-post-content :where(.embed-block)[data-domain*="codepen.io"],.c-post .c-post-content :where(.embed-block)[data-domain*="youtube.com"]{aspect-ratio:16/9}.c-post .c-post-content :where(.embed-block)[data-domain*="codepen.io"] *,.c-post .c-post-content :where(.embed-block)[data-domain*="youtube.com"] *{width:100%!important;height:100%!important}.c-post .c-post-content :where(.code-block){--r: 4px;margin-top:28px;margin-bottom:28px}@media screen and (max-width: 767px){.c-post .c-post-content :where(.code-block){margin-top:20px;margin-bottom:20px}}.c-post .c-post-content :where(.code-block) pre{margin-top:0;margin-bottom:0}.c-post .c-post-content :where(.code-block) code{display:inline-block;width:100%;padding:10px 12px;overflow-x:scroll;font-family:var(--font-mono);font-size:.875rem;line-height:1.8;white-space:pre;border-radius:4px}@media screen and (max-width: 767px){.c-post .c-post-content :where(.code-block) code{padding:10px}}.c-post .c-post-content :where(.code-block) .header{width:-moz-max-content;width:max-content;padding:6px 12px 0;font-family:var(--font-mono);font-size:.75rem;border-radius:var(--r) var(--r) 0 0}.c-post .c-post-content :where(.code-block) .header+.body code{border-radius:0 var(--r) var(--r) var(--r)}.c-post .c-post-content :where(.code-block) .body{position:relative}.c-post .c-post-content :where(.code-block) .body:hover .copy{opacity:1}.c-post .c-post-content :where(.code-block) .copy{position:absolute;top:16px;right:16px;opacity:0}@media screen and (max-width: 767px){.c-post .c-post-content :where(.code-block) .copy{top:14px;right:14px}}.c-post .c-post-content :where(.code-block) .copy .copy-icon{display:block;width:16px;aspect-ratio:25/21;background-color:color-mix(in srgb,var(--color-white) 50%,transparent 50%);-webkit-mask-image:url(/assets/img/global/icon_blank.svg);mask-image:url(/assets/img/global/icon_blank.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.c-post .c-post-content :where(.code-block) .copy[role=tooltip]:before{position:absolute;top:0;right:24px;bottom:0;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:4px 8px;margin-top:auto;margin-bottom:auto;font-size:.75rem;color:var(--color-white);letter-spacing:.02em;content:"Copied!";background-color:var(--color-black);border-radius:4px}@media screen and (max-width: 767px){.c-post .c-post-content :where(.code-block) .copy[role=tooltip]:before{font-size:.6875rem}}.c-post .c-post-content :where(.table-block){margin-top:48px;margin-bottom:48px}@media screen and (max-width: 767px){.c-post .c-post-content :where(.table-block){margin-top:28px;margin-bottom:28px;overflow-x:auto;overflow-y:clip;overflow:auto clip}}.c-post .c-post-content :where(.table-block) table{width:100%;word-wrap:normal;border-collapse:collapse;border:1px solid var(--color-gray)}@media screen and (max-width: 767px){.c-post .c-post-content :where(.table-block) table{width:-moz-max-content;width:max-content;min-width:100%}}.c-post .c-post-content :where(.table-block) table tr{width:100%}.c-post .c-post-content :where(.table-block) table tr:not(:last-of-type){border-bottom:1px solid var(--color-gray)}.c-post .c-post-content :where(.table-block) table th:not(:last-of-type),.c-post .c-post-content :where(.table-block) table td:not(:last-of-type){border-right:1px solid var(--color-gray)}.c-post .c-post-content :where(.table-block) table th *,.c-post .c-post-content :where(.table-block) table td *{margin-top:0}.c-post .c-post-content :where(.table-block) table th *:first-child,.c-post .c-post-content :where(.table-block) table td *:first-child{margin-top:0}.c-post .c-post-content :where(.table-block) table th{padding:4px 16px;font-weight:600;color:var(--color-white);background-color:var(--color-black)}.c-post .c-post-content :where(.table-block) table td{padding:8px 16px}.c-post .c-post-content :where(.table-block) table td *{font-size:.875rem}.c-post .c-post-content h2{position:relative;padding-bottom:10px;margin:106px 0 0;font-size:1.625rem;line-height:1.5;letter-spacing:.05em;border-bottom:2px solid var(--color-black)}@media screen and (max-width: 767px){.c-post .c-post-content h2{padding-bottom:10px;margin:60px 0 0;font-size:1.25rem;border-bottom:1px solid var(--color-black)}}.c-post .c-post-content h2:after{position:absolute;bottom:-3px;left:-2px;width:100px;height:4px;content:"";background-color:var(--color-green);transform:skew(-25deg)}@media screen and (max-width: 767px){.c-post .c-post-content h2:after{bottom:-2px;left:0;height:3px}}.c-post .c-post-content h2+*{margin-top:54px}@media screen and (max-width: 767px){.c-post .c-post-content h2+*{margin-top:28px}}.c-post .c-post-content h3{position:relative;padding-left:20px;margin-top:60px;font-size:1.25rem;line-height:1.6;letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content h3{padding-left:15px;margin-top:28px;font-size:1.125rem}}.c-post .c-post-content h3:before{position:absolute;top:.25rem;left:.375rem;width:.25rem;height:1.5rem;content:"";background-color:var(--color-green);transform:skew(-25deg)}@media screen and (max-width: 767px){.c-post .c-post-content h3:before{top:.3125rem;left:.25rem;width:.1875rem;height:1.125rem}}.c-post .c-post-content h3+*{margin-top:24px}@media screen and (max-width: 767px){.c-post .c-post-content h3+*{margin-top:18px}}.c-post .c-post-content h4,.c-post .c-post-content h5,.c-post .c-post-content h6{margin-top:44px;font-size:1rem;font-weight:700;line-height:2;letter-spacing:.05em}@media screen and (max-width: 767px){.c-post .c-post-content h4,.c-post .c-post-content h5,.c-post .c-post-content h6{margin-top:22px;font-size:.9375rem;line-height:1.8}}.c-post .c-post-content h4+*,.c-post .c-post-content h5+*,.c-post .c-post-content h6+*{margin-top:20px}@media screen and (max-width: 767px){.c-post .c-post-content h4+*,.c-post .c-post-content h5+*,.c-post .c-post-content h6+*{margin-top:12px}}