.blog-post-wrapper{margin-top:clamp(78px,7.222222222222221vw,104px)}.blog-post__hero{position:relative}.blog-post__hero--no-image{background-color:var(--color-primary)}.blog-hero-image{inset:0;position:absolute;z-index:1}.blog-hero-image__img{height:100%;min-height:355px;object-fit:cover;width:100%}.blog-post__header-sp{background-image:linear-gradient(135deg,#1e1e78 14%,#84d9ea 94%);display:none}.blog-post__featured-image{height:100%;position:absolute}.blog-post__featured-image img{height:100%;object-fit:cover;width:100vw}.blog-post__poster-content{display:flex;margin-left:auto;margin-right:auto;max-width:var(--content-max-width);min-height:355px;padding:3rem 0;pointer-events:none;position:relative;width:100%;z-index:2}.blog-post__title{color:#fff;overflow-wrap:break-word;pointer-events:auto;width:66.66667%;word-break:break-word}.blog-post__breadcrumb{margin:24px auto;max-width:var(--content-max-width);padding:0 1rem}.blog-post__breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.blog-post__breadcrumb-item{align-items:center;display:flex;gap:15px}.blog-post__breadcrumb-item:not(:last-child):after{border-bottom:1px solid #44444e;border-right:1px solid #44444e;content:"";display:inline-block;flex-shrink:0;height:8px;margin-top:2px;transform:rotate(-45deg);width:8px}.blog-post__breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.blog-post__breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.blog-post__breadcrumb-current{color:#44444e}.blog-post__content-layout{display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin:var(--spacing-section) auto;max-width:var(--content-max-width);width:80vw}.blog-post__body,.blog-post__sidebar{min-width:0}.blog-post__sidebar-tags{padding-bottom:1.5rem}.blog-post__sidebar-tags-label{color:var(--color-text-body);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:1rem;margin-top:0}.blog-post__sidebar-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.blog-post__sidebar-tags-item{margin:0}.blog-post__sidebar-tag{border:1px solid #44444e;border-radius:999px;color:#44444e;display:inline-block;font-size:14px;font-weight:600;padding:5px 16px;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.blog-post__sidebar-tag:hover{background-color:#44444e;color:#fff;text-decoration:none}@media (max-width:1720px){.blog-post__poster-content{padding-left:40px;padding-right:40px}.blog-post__breadcrumb{padding-left:54px;padding-right:54px}}@media (max-width:1536px){.blog-post__content-layout{max-width:1152px;width:auto}}@media (max-width:1240px){.blog-post__content-layout{padding:0 clamp(24px,2.222222222222222vw,32px)}}@media (max-width:767px){.blog-post-wrapper{margin-top:clamp(56px,14.933vw,72px)}.blog-post__title{width:100%}.blog-post__poster-content{min-height:20px}.blog-post__hero{display:none}.blog-post__header-sp{align-items:center;aspect-ratio:375/240;display:flex;padding:0 max(18px,6.4vw)}.blog-post__breadcrumb{padding:0 1rem}.blog-post__breadcrumb-list{gap:13px}.blog-post__breadcrumb-item{gap:12px}.blog-post__content-layout{gap:2rem;grid-template-columns:1fr;padding:0 max(12px,4.266666666666667vw)}}