@charset "UTF-8";.page-blog-article .l-contents{background-color:#f9f8f5;color:var(--color-base);font-family:var(--font-family-hiragino-ud)}@media screen and (max-width:767px){.page-blog-article .l-header{border-radius:0;box-shadow:0 1px 0 0 var(--color-gray-100);height:5.6rem;margin:0;padding:0 1.6rem;top:0;width:100%}}.article-progress-bar{background:var(--color-code-light-blue-500);height:3px;left:0;pointer-events:none;position:fixed;top:0;transform:scaleX(0);transform-origin:left;transition:transform .1s linear;width:100%;z-index:999}.article-wrapper{color:var(--color-base);margin:0 auto}@media screen and (min-width:768px){.article-wrapper{max-width:120rem;padding:4.4rem 4rem 8rem}}@media screen and (max-width:767px){.article-wrapper{padding:2.2rem 1.6rem 4.8rem}}@media screen and (min-width:768px){.article-breadcrumb{margin-bottom:2.8rem}}@media screen and (max-width:767px){.article-breadcrumb{margin-bottom:2rem}}.article-breadcrumb ol{align-items:center;display:flex;flex-wrap:wrap;gap:0;list-style:none}@media screen and (min-width:768px){.article-breadcrumb ol{font-size:1.3rem}}@media screen and (max-width:767px){.article-breadcrumb ol{font-size:1.1rem}}.article-breadcrumb li{align-items:center;color:var(--color-gray-500);display:flex;line-height:var(--leading-normal)}.article-breadcrumb li:not(:last-child):after{content:"/";display:inline-block;margin:0 .5em;opacity:.5}.article-breadcrumb li:last-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;color:var(--color-gray-700);-webkit-box-orient:vertical}.article-breadcrumb li a{color:var(--color-gray-500);text-decoration:none;white-space:nowrap}@media screen and (hover:hover) and (min-width:768px){.article-breadcrumb li a:hover{color:var(--color-code-light-blue-500)}}@media (hover:none){.article-breadcrumb li a:active{color:var(--color-code-light-blue-500)}}@media screen and (min-width:768px){.article-header{margin-bottom:3.2rem}}@media screen and (max-width:767px){.article-header{margin-bottom:2rem}}.article-header-meta{align-items:center;display:flex;flex-wrap:wrap}@media screen and (min-width:768px){.article-header-meta{gap:1.6rem;margin-bottom:1.6rem}}@media screen and (max-width:767px){.article-header-meta{gap:1rem;margin-bottom:1.2rem}}.article-category{background-color:var(--color-code-light-blue-025);border-radius:var(--border-radius-full);color:var(--color-code-light-blue-500);display:inline-block;font-weight:var(--font-weight-bold);line-height:1}@media screen and (min-width:768px){.article-category{font-size:1.3rem;padding:.6rem 1.6rem}}@media screen and (max-width:767px){.article-category{font-size:1.1rem;padding:.5rem 1.2rem}}.article-dates{align-items:center;color:var(--color-gray-500);display:flex;flex-wrap:wrap}@media screen and (min-width:768px){.article-dates{font-size:1.4rem;gap:.4rem}}@media screen and (max-width:767px){.article-dates{font-size:1.2rem;gap:.2rem}}.article-dates-updated{color:var(--color-gray-400)}.article-reading-time{align-items:center;color:var(--color-gray-500);display:inline-flex;line-height:1}@media screen and (min-width:768px){.article-reading-time{font-size:1.3rem}}@media screen and (max-width:767px){.article-reading-time{font-size:1.1rem}}.article-reading-time:before{content:"⏱";display:inline-block;margin-right:.3em;opacity:.7}.article-title{color:var(--color-black);font-family:var(--font-family-hiragino-ud-b);font-weight:var(--font-weight-bold);line-height:var(--leading-normal)}@media screen and (min-width:768px){.article-title{font-size:3.2rem}}@media screen and (max-width:767px){.article-title{font-size:2.3rem}}.article-hero{background-color:var(--color-gray-050);overflow:hidden}@media screen and (min-width:768px){.article-hero{aspect-ratio:5/2;border-radius:var(--border-radius);margin-bottom:4rem}}@media screen and (max-width:767px){.article-hero{aspect-ratio:16/9;border-radius:var(--border-radius-inner);margin-bottom:2.8rem}}.article-hero img{height:100%;object-fit:cover;width:100%}.article-lead-cta{align-items:center;background:linear-gradient(135deg,var(--color-code-light-blue-025) 0,#f0f7fe 100%);border:1px solid #d0e3f7;display:flex;overflow:hidden;position:relative}@media screen and (min-width:768px){.article-lead-cta{border-radius:var(--border-radius-inner);font-size:1.9rem;gap:1.6rem;margin-bottom:3.2rem;padding:1.6rem 2.4rem}}@media screen and (max-width:767px){.article-lead-cta{border-radius:10px;font-size:1.6rem;gap:.8rem;margin-bottom:2.4rem;padding:1.4rem 1.6rem}}.article-lead-cta__body{flex:1;min-width:0}.article-lead-cta__text{color:var(--color-gray-700);line-height:1.6;margin:0}.article-lead-cta__buttons{display:flex;flex-wrap:wrap}@media screen and (min-width:768px){.article-lead-cta__buttons{gap:1rem;margin-top:1rem}}@media screen and (max-width:767px){.article-lead-cta__buttons{gap:.8rem;margin-top:.8rem}}.article-lead-cta__btn{background:var(--color-code-light-blue-500);border:2px solid var(--color-code-light-blue-500);border-radius:100px;color:#fff!important;display:inline-block;font-weight:700;text-align:center;text-decoration:none!important;transition:opacity .2s}@media screen and (min-width:768px){.article-lead-cta__btn{font-size:1.4rem;padding:.8rem 2.4rem}}@media screen and (max-width:767px){.article-lead-cta__btn{font-size:1.3rem;padding:.7rem 1.8rem}}@media screen and (hover:hover) and (min-width:768px){.article-lead-cta__btn:hover{opacity:.8}}@media (hover:none){.article-lead-cta__btn:active{opacity:.8}}.article-lead-cta__btn--outline{background:#fff;color:var(--color-code-light-blue-500)!important}.article-lead-cta__character{flex-shrink:0;object-fit:contain;pointer-events:none}@media screen and (min-width:768px){.article-lead-cta__character{height:auto!important;margin-left:.8rem;max-width:none!important;width:7.2rem!important}}@media screen and (max-width:767px){.article-lead-cta__character{height:auto!important;max-width:none!important;width:5.2rem!important}}@media screen and (min-width:768px){.article-body{align-items:flex-start;display:flex;gap:4.8rem}}.article-content{background-color:var(--color-white);color:var(--color-gray-900);counter-reset:section;font-feature-settings:normal;letter-spacing:.05em;line-height:1.9;min-width:0;overflow-wrap:break-word;word-break:normal}@media screen and (min-width:768px){.article-content{border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000a,0 2px 12px #00000008;flex:1;font-size:1.7rem;padding:4.8rem 3.6rem}}@media screen and (max-width:767px){.article-content{border-radius:var(--border-radius-inner);box-shadow:0 1px 2px #00000008;font-size:1.6rem;padding:2.8rem 2rem}}@media screen and (min-width:768px){.article-content>p{margin-bottom:3.2rem}}@media screen and (max-width:767px){.article-content>p{margin-bottom:2.4rem}}.article-content>h2{background:linear-gradient(135deg,#f8fbff,#0000);border-left:4px solid var(--color-code-light-blue-500);color:var(--color-black);counter-increment:section;font-family:var(--font-family-hiragino-ud-b);font-weight:var(--font-weight-bold);line-height:var(--leading-normal);position:relative}@media screen and (min-width:768px){.article-content>h2{border-radius:0 .8rem .8rem 0;font-size:2.4rem;margin-bottom:2.8rem;margin-top:7.2rem;padding:1.6rem 2rem 1.6rem 5.2rem}}@media screen and (max-width:767px){.article-content>h2{border-radius:0 .6rem .6rem 0;font-size:2rem;margin-bottom:2rem;margin-top:5.2rem;padding:1.4rem 1.6rem 1.4rem 4.4rem}}.article-content>h2:before{color:var(--color-code-light-blue-200);content:counter(section,decimal-leading-zero);font-family:"Roboto Condensed",sans-serif;font-weight:800;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.article-content>h2:before{font-size:2.2rem;left:1.4rem}}@media screen and (max-width:767px){.article-content>h2:before{font-size:1.8rem;left:1rem}}.article-content>h2:not(:first-child):after{background:var(--color-gray-100);content:"";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media screen and (min-width:768px){.article-content>h2:not(:first-child):after{top:-3.6rem}}@media screen and (max-width:767px){.article-content>h2:not(:first-child):after{top:-2.6rem}}.article-content>h2:first-child{margin-top:0}.article-content>h3{color:var(--color-black);font-family:var(--font-family-hiragino-ud-b);font-weight:var(--font-weight-bold);line-height:var(--leading-normal);position:relative}@media screen and (min-width:768px){.article-content>h3{font-size:2rem;margin-bottom:2rem;margin-top:4.4rem;padding-left:1.6rem}}@media screen and (max-width:767px){.article-content>h3{font-size:1.8rem;margin-bottom:1.6rem;margin-top:3.6rem;padding-left:1.4rem}}.article-content>h3:before{background-color:var(--color-code-light-blue-300);border-radius:2px;bottom:.15em;content:"";left:0;position:absolute;top:.15em;width:4px}@media screen and (min-width:768px){.article-content>ol,.article-content>ul{margin-bottom:2.8rem;padding-left:2.4rem}}@media screen and (max-width:767px){.article-content>ol,.article-content>ul{margin-bottom:2.2rem;padding-left:2rem}}.article-content>ol li,.article-content>ul li{line-height:2}@media screen and (min-width:768px){.article-content>ol li,.article-content>ul li{margin-bottom:.8rem}}@media screen and (max-width:767px){.article-content>ol li,.article-content>ul li{margin-bottom:.6rem}}.article-content>ol li:last-child,.article-content>ul li:last-child{margin-bottom:0}.article-content>ul{list-style-type:disc}.article-content>ol{list-style-type:decimal}.article-content>blockquote{background:linear-gradient(135deg,var(--color-code-light-blue-025) 0,#f0f7fe 100%);border-left:4px solid var(--color-code-light-blue-500);position:relative}@media screen and (min-width:768px){.article-content>blockquote{border-radius:0 var(--border-radius-inner) var(--border-radius-inner) 0;margin-bottom:3.2rem;margin-top:3.2rem;padding:2.4rem 2.8rem}}@media screen and (max-width:767px){.article-content>blockquote{border-radius:0 8px 8px 0;margin-bottom:2.4rem;margin-top:2.4rem;padding:1.8rem}}.article-content>blockquote p{line-height:1.9;margin:0}@media screen and (min-width:768px){.article-content>blockquote p{font-size:1.5rem}}@media screen and (max-width:767px){.article-content>blockquote p{font-size:1.4rem}}.article-content>blockquote strong{color:var(--color-code-light-blue-600)}.article-content>table{border-collapse:collapse;border-spacing:0;width:100%}@media screen and (min-width:768px){.article-content>table{font-size:1.5rem;margin-bottom:3.2rem}}@media screen and (max-width:767px){.article-content>table{font-size:1.3rem;margin-bottom:2.4rem}}.article-content>table thead th{background-color:var(--color-gray-025);font-weight:var(--font-weight-bold);white-space:nowrap}.article-content>table td,.article-content>table th{border:1px solid var(--color-gray-100);line-height:1.7;text-align:left}@media screen and (min-width:768px){.article-content>table td,.article-content>table th{padding:1.2rem 1.6rem}}@media screen and (max-width:767px){.article-content>table td,.article-content>table th{padding:1rem 1.2rem}}.article-content>table tbody tr:nth-child(2n){background-color:#f9f9fa80}.article-content>hr{background-color:var(--color-gray-100);border:none;height:1px}@media screen and (min-width:768px){.article-content>hr{margin:4.8rem 0}}@media screen and (max-width:767px){.article-content>hr{margin:3.6rem 0}}.article-content a{color:var(--color-code-light-blue-500);text-decoration:underline;text-underline-offset:.2em}@media screen and (hover:hover) and (min-width:768px){.article-content a:hover{color:var(--color-code-light-blue-700);text-decoration:none}}@media (hover:none){.article-content a:active{color:var(--color-code-light-blue-700);text-decoration:none}}.article-content strong{font-family:var(--font-family-hiragino-ud-b);font-weight:var(--font-weight-bold)}@media screen and (min-width:768px){.article-content img{border-radius:var(--border-radius-inner);margin:.8rem 0 3.2rem}}@media screen and (max-width:767px){.article-content img{border-radius:8px;margin:.4rem 0 2.4rem}.article-toc{display:none}}@media screen and (min-width:768px){.article-toc{max-height:calc(100vh - 12rem);min-width:260px;overflow-y:auto;position:sticky;top:10rem;width:260px}}.article-toc-inner{background-color:var(--color-white);border-radius:var(--border-radius-inner);box-shadow:0 1px 3px #0000000a,0 2px 12px #00000008}@media screen and (min-width:768px){.article-toc-inner{padding:2.4rem 2rem}}.article-toc-title{border-bottom:2px solid var(--color-gray-075);color:var(--color-black);font-weight:var(--font-weight-bold);line-height:1}@media screen and (min-width:768px){.article-toc-title{font-size:1.4rem;margin-bottom:1.2rem;padding-bottom:1.2rem}}.article-toc-list{counter-reset:toc;list-style:none;margin:0;padding:0}.article-toc-item{counter-increment:toc}.article-toc-item a{border-radius:4px;color:var(--color-gray-600);display:block;line-height:var(--leading-relaxed);position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease}@media screen and (min-width:768px){.article-toc-item a{font-size:1.3rem;padding:.6rem .8rem .6rem 3.6rem}}.article-toc-item a:before{color:var(--color-gray-400);content:counter(toc,decimal-leading-zero);font-family:"Roboto Condensed",sans-serif;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.article-toc-item a:before{font-size:1.2rem;left:1rem}}@media screen and (hover:hover) and (min-width:768px){.article-toc-item a:hover{background-color:var(--color-code-light-blue-025);color:var(--color-code-light-blue-500)}}@media (hover:none){.article-toc-item a:active{background-color:var(--color-code-light-blue-025);color:var(--color-code-light-blue-500)}}.article-toc-item.is-active a{background-color:var(--color-code-light-blue-025);font-weight:var(--font-weight-bold)}.article-toc-item.is-active a,.article-toc-item.is-active a:before{color:var(--color-code-light-blue-500)}@media screen and (min-width:768px){.article-toc-depth-3 a{font-size:1.2rem;padding-left:2rem}}.article-tags{display:flex;flex-wrap:wrap}@media screen and (min-width:768px){.article-tags{gap:.8rem;margin-top:3.6rem}}@media screen and (max-width:767px){.article-tags{gap:.6rem;margin-top:2.4rem}}.article-tag{background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-full);color:var(--color-gray-600);display:inline-block;line-height:1}@media screen and (min-width:768px){.article-tag{font-size:1.3rem;padding:.8rem 1.6rem}}@media screen and (max-width:767px){.article-tag{font-size:1.2rem;padding:.6rem 1.2rem}}.article-author{background:var(--color-white);border:1px solid var(--color-gray-100);display:flex}@media screen and (min-width:768px){.article-author{border-radius:var(--border-radius-inner);gap:2rem;margin-top:4rem;padding:2.4rem}}@media screen and (max-width:767px){.article-author{border-radius:12px;gap:1.4rem;margin-top:2.8rem;padding:1.8rem}}.article-author__avatar-link{flex-shrink:0;line-height:0}.article-author__avatar{border-radius:50%;object-fit:cover}@media screen and (min-width:768px){.article-author__avatar{height:7.2rem!important;width:7.2rem!important}}@media screen and (max-width:767px){.article-author__avatar{height:5.6rem!important;width:5.6rem!important}}.article-author__body{flex:1;min-width:0}.article-author__name{color:var(--color-gray-900);display:inline-block;font-weight:700;text-decoration:none}@media screen and (min-width:768px){.article-author__name{font-size:1.6rem}}@media screen and (max-width:767px){.article-author__name{font-size:1.5rem}}@media screen and (hover:hover) and (min-width:768px){.article-author__name:hover{text-decoration:underline}}@media (hover:none){.article-author__name:active{text-decoration:underline}}.article-author__role{color:var(--color-gray-500);margin:0}@media screen and (min-width:768px){.article-author__role{font-size:1.3rem;margin-top:.2rem}}@media screen and (max-width:767px){.article-author__role{font-size:1.2rem;margin-top:.2rem}}.article-author__bio{color:var(--color-gray-700);line-height:1.7;margin:0}@media screen and (min-width:768px){.article-author__bio{font-size:1.4rem;margin-top:1rem}}@media screen and (max-width:767px){.article-author__bio{font-size:1.3rem;margin-top:.8rem}}.article-author__credentials{color:var(--color-gray-600);list-style:none;margin:0;padding:0}@media screen and (min-width:768px){.article-author__credentials{font-size:1.3rem;margin-top:.8rem}}@media screen and (max-width:767px){.article-author__credentials{font-size:1.2rem;margin-top:.6rem}}.article-author__credentials li{line-height:1.6;position:relative}@media screen and (min-width:768px){.article-author__credentials li{padding-left:1.6rem}}@media screen and (max-width:767px){.article-author__credentials li{padding-left:1.4rem}}.article-author__credentials li:before{color:var(--color-code-light-blue-500);content:"✓";font-weight:700;left:0;position:absolute}@media screen and (min-width:768px){.article-cta{margin-top:5.6rem}}@media screen and (max-width:767px){.article-cta{margin-top:4rem}}.article-cta-inner{background:linear-gradient(135deg,var(--color-code-light-blue-500) 0,#0267bf 100%);color:var(--color-white);text-align:center}@media screen and (min-width:768px){.article-cta-inner{border-radius:var(--border-radius);padding:5.6rem 4.8rem}}@media screen and (max-width:767px){.article-cta-inner{border-radius:var(--border-radius-inner);padding:4rem 2.4rem}}.article-cta-label{font-weight:var(--font-weight-bold);opacity:.8}@media screen and (min-width:768px){.article-cta-label{font-size:1.4rem;margin-bottom:.8rem}}@media screen and (max-width:767px){.article-cta-label{font-size:1.3rem;margin-bottom:.6rem}}.article-cta-title{font-weight:var(--font-weight-bold);line-height:var(--leading-snug)}@media screen and (min-width:768px){.article-cta-title{font-size:2.8rem;margin-bottom:1.6rem}}@media screen and (max-width:767px){.article-cta-title{font-size:2.2rem;margin-bottom:1.2rem}}.article-cta-description{line-height:var(--leading-base);opacity:.9}@media screen and (min-width:768px){.article-cta-description{font-size:1.5rem;margin-bottom:3.2rem;margin-left:auto;margin-right:auto;max-width:560px}}@media screen and (max-width:767px){.article-cta-description{font-size:1.4rem;margin-bottom:2.4rem}}.article-cta-buttons{display:flex;justify-content:center}@media screen and (min-width:768px){.article-cta-buttons{flex-direction:row;gap:1.6rem}}@media screen and (max-width:767px){.article-cta-buttons{align-items:center;flex-direction:column;gap:1.2rem}}.article-cta-buttons .c-btn{width:auto}@media screen and (min-width:768px){.article-cta-buttons .c-btn{min-width:24rem}}@media screen and (max-width:767px){.article-cta-buttons .c-btn{max-width:30rem;width:100%}}@media screen and (min-width:768px){.article-mobile-toc-fab{display:none}}@media screen and (max-width:767px){.article-mobile-toc-fab{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid var(--color-gray-100);border-radius:100px;bottom:2rem;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000f;color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:.5rem;justify-content:center;left:50%;line-height:1;padding:.8rem 1.4rem;position:fixed;transform:translateX(-50%);transition:opacity .2s ease,box-shadow .2s ease;white-space:nowrap;z-index:100}.article-mobile-toc-fab svg{color:var(--color-code-light-blue-500);flex-shrink:0;height:1.4rem;width:1.4rem}.article-mobile-toc-fab:active{box-shadow:0 1px 4px #0000000f,0 0 1px #0000000a}.article-mobile-toc-fab.is-hidden{opacity:0;pointer-events:none}}@media screen and (min-width:768px){.article-mobile-toc-overlay{display:none}}@media screen and (max-width:767px){.article-mobile-toc-overlay{background:#0000;inset:0;pointer-events:none;position:fixed;transition:background .3s ease;z-index:200}.article-mobile-toc-overlay.is-open{background:#0006;pointer-events:auto}}@media screen and (min-width:768px){.article-mobile-toc-drawer{display:none}}@media screen and (max-width:767px){.article-mobile-toc-drawer{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 24px #0000001f;left:0;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:201}.article-mobile-toc-drawer.is-open{transform:translateY(0)}}.article-mobile-toc-drawer__header{align-items:center;background:#fff;border-bottom:1px solid var(--color-gray-075);display:flex;justify-content:space-between;padding:1.6rem 2rem 1.2rem;position:sticky;top:0;z-index:1}.article-mobile-toc-drawer__title{color:var(--color-black);font-size:1.5rem;font-weight:700;margin:0}.article-mobile-toc-drawer__close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-gray-500);cursor:pointer;display:flex!important;flex:0 0 auto;height:3.6rem!important;justify-content:center;max-width:3.6rem;min-width:3.6rem;padding:0;transition:background-color .15s ease;width:3.6rem!important}.article-mobile-toc-drawer__close svg{display:block;height:2rem;width:2rem}.article-mobile-toc-drawer__close:active{background-color:var(--color-gray-050)}.article-mobile-toc-drawer__list{counter-reset:mobile-toc;list-style:none;margin:0;padding:.8rem 2rem 3.2rem}.article-mobile-toc-drawer__item{counter-increment:mobile-toc}.article-mobile-toc-drawer__item a{border-radius:8px;color:var(--color-gray-700);display:block;font-size:1.4rem;line-height:1.5;padding:1rem .4rem 1rem 3.2rem;position:relative;text-decoration:none;transition:color .15s ease,background-color .15s ease}.article-mobile-toc-drawer__item a:before{color:var(--color-gray-400);content:counter(mobile-toc,decimal-leading-zero);font-size:1.2rem;font-weight:700;left:.4rem;position:absolute}.article-mobile-toc-drawer__item a:active,.article-mobile-toc-drawer__item.is-active a{background-color:var(--color-code-light-blue-025)}.article-mobile-toc-drawer__item.is-active a{color:var(--color-code-light-blue-500);font-weight:700}.article-mobile-toc-drawer__item.is-active a:before{color:var(--color-code-light-blue-500)}