@keyframes show{0%{display:none;opacity:0;visibility:hidden}100%{display:block;opacity:1;visibility:visible}}@keyframes hide{0%{display:block;opacity:1;visibility:visible}100%{display:none;opacity:0;visibility:hidden}}.js-fadeIn{opacity:0;transition:opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1),transform .8s cubic-bezier(0.215, 0.61, 0.355, 1)}.js-fadeIn.is-fadeInUp{transform:translateY(16px)}.js-fadeIn.is-show{opacity:1;transform:none}.nav-category{height:50px;background:#f8f8fa;overflow:auto;padding:0 24px;margin-bottom:40px}@media screen and (max-width: 768px){.nav-category{height:36px;margin-bottom:24px}}.nav-category__list{display:flex;gap:20px;height:100%}.nav-category__item{flex:none;height:100%}.nav-category__link{position:relative;display:flex;align-items:center;height:100%;color:#192942;font-size:14px}@media screen and (max-width: 768px){.nav-category__link{font-size:12px}}.nav-category__link.is-current{font-weight:700;pointer-events:none}.nav-category__link.is-current::after{content:"";position:absolute;bottom:0;left:50%;display:block;width:100%;height:2px;background:#192942;transform:translateX(-50%)}.side-category{margin-bottom:44px}.side-category__list{display:flex;flex-direction:column;gap:16px}.side-category__item{font-size:14px}.side-category__link{position:relative;color:#192942;padding-left:20px}.side-category__link.is-current{font-weight:700}.side-category__link.is-current::before{content:"";position:absolute;top:50%;left:0;display:block;width:8px;height:2px;background:#192942;transform:translateY(-50%)}.main-post{padding:32px}@media screen and (max-width: 768px){.main-post{padding:0;margin-bottom:60px}}.main-post__eyecatch{margin-bottom:24px}@media screen and (max-width: 768px){.main-post__eyecatch{margin:0 0 24px}}.main-post__heading{margin-bottom:24px}.main-post__heading .client{font-size:12px;margin-bottom:1rem}.main-post__title{font-size:clamp(18px, 5.1189279732px + 0.0167504188 * 100vw, 28px);line-height:1.6;margin-bottom:.75em}.main-post__meta .category__list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1em;font-size:12px}@media screen and (max-width: 768px){.main-post__meta .category__list{justify-content:flex-start;font-size:10px;gap:.2rem 1em}}.main-post__info{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}@media screen and (max-width: 768px){.main-post__info{gap:.2rem 1rem}}.main-post__info .date{font-size:12px;color:#9a9a9a}@media screen and (max-width: 768px){.main-post__info .date{font-size:10px}}.main-post__info .url{font-size:12px}@media screen and (max-width: 768px){.main-post__info .url{font-size:10px}}.main-post__info .url a{display:inline-block;word-break:break-all}.main-post__contents{overflow:hidden;word-break:break-all}.main-post__contents>*:not(h1,h2,h3,h4,h5){margin-bottom:1rem}.main-post__contents iframe{max-width:100%;overflow:auto !important}.main-post__contents .video{position:relative;aspect-ratio:16/9;overflow:hidden}.main-post__contents .video iframe,.main-post__contents .video video{position:absolute;top:0;left:0;width:100%;height:100%}.main-post__contents h2,.main-post__contents h3,.main-post__contents h4,.main-post__contents h5{line-height:1.5}.main-post__contents h2{font-size:clamp(18px, 5.1189279732px + 0.0167504188 * 100vw, 28px);border-bottom:1px solid #192942;padding:3rem 0 .5em;margin:0 0 1.2em}.main-post__contents h2.js-observer-title{scroll-margin-top:90px}.main-post__contents h3{background:#f8f8fa;font-size:clamp(16px, 8.2713567839px + 0.0100502513 * 100vw, 22px);padding:1rem;margin:2.4rem 0 1em}.main-post__contents h4{display:flex;font-size:clamp(16px, 13.4237855946px + 0.0033500838 * 100vw, 18px);margin:2.4rem 0 1em}.main-post__contents h4::before{flex:none;content:"";display:block;width:5px;height:1.2em;background:#192942;margin:.15em 10px 0 0}.main-post__contents h5{font-size:clamp(16px, 13.4237855946px + 0.0033500838 * 100vw, 18px);margin:2.4rem 0 1em}.main-post__contents a{display:inline-block;text-decoration:underline;word-break:break-all}.main-post__contents a:hover{text-decoration:none}.main-post__contents .box{padding:24px}@media screen and (max-width: 768px){.main-post__contents .box{padding:16px}}.main-post__contents .box.has-background{background:#f8f8fa}.main-post__contents .box.has-border{border:1px solid #e4e4e4}.main-post__contents ul{list-style:disc;list-style-position:outside;padding-left:1em}.main-post__contents ul.list-style-none{list-style:none;padding-left:0}.main-post__contents ul li:not(:last-child){margin-bottom:.5rem}.main-post__contents ol{list-style:decimal;list-style-position:outside;padding-left:1em}.main-post__contents ol.list-style-none{list-style:none;padding-left:0}.main-post__contents ol li:not(:last-child){margin-bottom:.5rem}.main-post__contents hr{border-top:1px solid #e4e4e4;padding-bottom:1rem;margin-top:2rem}.main-post__contents .code-toolbar pre{margin:0}.main-post__contents b{font-weight:700}.main-post__contents strong{font-weight:700}.main-post__contents em{font-weight:700;font-style:normal}.main-post__contents small{font-size:10px}.main-post__contents blockquote{border-left:5px solid #192942;font-style:italic;font-size:14px;padding-left:.75rem}@media screen and (max-width: 768px){.main-post__contents blockquote{font-size:12px}}.main-post__contents blockquote a{font-style:normal}.main-post__contents table{border:1px solid #e4e4e4;border-collapse:collapse;font-size:14px;line-height:1.4}@media screen and (max-width: 768px){.main-post__contents table{font-size:12px}}.main-post__contents table thead th{background:#f8f8fa}.main-post__contents table td,.main-post__contents table th{border:1px solid #e4e4e4;padding:.75rem 1rem}.main-post__contents table th{font-weight:700}.main-post__footer{border-top:1px solid #e4e4e4;text-align:center;padding-top:40px;margin-top:60px}.main-post .member{margin-top:12px;margin-bottom:24px}.main-post .member__title{width:100%;background:#f8f8fa;font-weight:700;text-align:center;padding:1rem;margin-bottom:2rem}.main-post .member__list{display:flex;flex-wrap:wrap;gap:40px}@media screen and (max-width: 768px){.main-post .member__list{gap:20px}}.main-post .member__link{display:flex;flex-direction:column;align-items:center}.main-post .member__link:hover{text-decoration:none}.main-post .member__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:8px}@media screen and (max-width: 768px){.main-post .member__avatar{width:60px;height:60px}}.main-post .member__name{color:#192942;font-size:14px;font-weight:700}@media screen and (max-width: 768px){.main-post .member__name{font-size:12px}}.main-post .member__job{color:#ee2344;font-size:10px}@media screen and (max-width: 768px){.main-post .member__job{font-size:9px}}