.detail-hero{--spacing-offset:calc(-1 * (var(--header-height) + var(--breadcrumb-height,0px)));--total-offset:calc(var(--spacing-offset) - var(--header-spacing-inner));--detail-hero-top-spacing:calc(-1 * var(--total-offset));--detail-hero-content-pt:var(--tpl-page-title-top);width:100%;margin-top:var(--total-offset);position:relative}.detail-hero__inner{--column-gap:clamp(1.875rem, 11.979vw + -3.875rem, 10.5rem);padding-top:var(--detail-hero-top-spacing)}@media (width<=991.98px){.detail-hero__inner{--detail-hero-top-spacing:calc(var(--header-spacing-inner) + var(--header-height) + var(--breadcrumb-height,0px) + var(--spacing-spc-3xl));row-gap:var(--spacing-spc-4xl);flex-direction:column;column-gap:0;display:flex;position:relative}}.detail-hero__content-wrapper{grid-template-columns:1fr fit-content(calc(var(--right-width) + var(--column-gap)));column-gap:var(--column-gap);padding-top:var(--detail-hero-content-pt);grid-template-rows:auto;display:grid}@media (width<=991.98px){.detail-hero__content-wrapper{row-gap:var(--spacing-spc-4xl);flex-direction:column;column-gap:0;padding-top:0;display:flex}.detail-hero__content-wrapper:before{content:"";top:0;bottom:var(--services-detail-hero-spacing);z-index:-1;background-color:var(--surface-primary-1-surface-grey-100);position:absolute;left:0;right:0}}.detail-hero__left{width:100%;padding-top:var(--spacing-spc-4xl);padding-right:calc(var(--right-width) + var(--column-gap));flex-direction:column;grid-area:1/1/auto/-1;align-self:start;display:flex;position:relative}@media (width<=1599.98px){.detail-hero__left{padding-top:var(--spacing-spc-xl)}}@media (width<=1199.98px){.detail-hero__left{padding-top:var(--spacing-spc-sm)}}@media (width<=991.98px){.detail-hero__left{padding-top:unset;padding-right:unset}}.detail-hero__left:before{content:"";top:calc(-1*(var(--detail-hero-top-spacing) + var(--detail-hero-content-pt)));z-index:-1;background-color:var(--surface-primary-1-surface-grey-100);position:absolute;bottom:0;left:-100vw;right:-100vw}@media (width<=991.98px){.detail-hero__left:before{display:none}}.detail-hero__right{grid-area:1/2}.detail-hero-title-content-blk{--title-blk-mb:0}.detail-hero-title-content-blk .title-content-blk__title{--title-blk-title-mb:clamp(1.5rem, 2.43902vw, 2.5rem);font-size:var(--fs-title-title-2xl);line-height:var(--lh-title-lh-title-2xl)}@media (width<=991.98px){.detail-hero-title-content-blk .title-content-blk__title{font-size:var(--fs-title-title-xl);line-height:var(--lh-title-lh-title-xl)}}@media (width<=767.98px){.detail-hero-title-content-blk .title-content-blk__title{--title-blk-title-mb:var(--spacing-spc-2xl)}}.detail-hero__content{justify-content:space-between;gap:var(--spacing-spc-2xl) var(--spacing-spc-lg);margin-bottom:var(--spacing-spc-6xl);flex-flow:wrap;display:flex}@media (width<=1599.98px){.detail-hero__content{margin-bottom:var(--spacing-spc-4xl);flex-direction:column}}@media (width<=991.98px){.detail-hero__content{margin-bottom:0}}.detail-hero__label-groups{justify-content:space-between;gap:var(--spacing-spc-2xl) var(--spacing-spc-lg);flex-flow:wrap;flex:1;display:flex}.detail-hero__label-group{flex:1}.detail-hero__label{color:var(--text-primary-1-text-grey-800);margin-bottom:var(--spacing-spc-sm)}.detail-hero__label:before{content:"[";margin-right:var(--spacing-spc-xs)}.detail-hero__label:after{content:"]";margin-left:var(--spacing-spc-xs)}.detail-hero__label-items{column-gap:var(--spacing-spc-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1399.98px){.detail-hero__label-items{grid-template-columns:1fr}}.detail-hero__label-items a[href]{background-image:linear-gradient(90deg,currentColor,currentColor);background-position:0 98%;background-repeat:no-repeat;background-size:0 1px;padding-bottom:.15em;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline}.detail-hero__label-items a[href]:hover,.detail-hero__label-items a[href]:focus,a:hover .detail-hero__label-items a[href],button:hover .detail-hero__label-items a[href],a:focus .detail-hero__label-items a[href],button:focus .detail-hero__label-items a[href],a.active .detail-hero__label-items a[href],button.active .detail-hero__label-items a[href]{background-size:100% 1px}.detail-hero__label-item{font-weight:500}.detail-hero__button{align-self:flex-end}@media (width<=767.98px){.detail-hero__button{margin-bottom:var(--spacing-spc-sm)}}.detail-hero__button-container{display:flex}@media (width<=1199.98px){.detail-hero__button-container{width:100%}}
.services-detail-hero{--services-detail-hero-spacing:clamp(3rem, 3.48958vw, 4.1875rem);--key-visual-width:clamp(12.5rem, 19.5122vw, 20rem);--key-visual-aspect-ratio:1;--icon-visual-width:4.5rem;--key-visual-left:2.25rem;--key-visual-top:3rem;--right-width:calc(var(--key-visual-width) + var(--key-visual-left))}@media (width<=991.98px){.services-detail-hero{--services-detail-hero-spacing:3.6875rem;--key-visual-width:clamp(10.25rem, 3.75436rem + 27.7147vw, 20.9375rem);--key-visual-left:1.50625rem;--key-visual-top:2.5rem;--icon-visual-width:clamp(3.5rem, 2.58833rem + 3.88979vw, 5rem)}}.services-detail-hero__inner{margin-bottom:var(--spacing-section-margin-md)}@media (width<=991.98px){.services-detail-hero__inner{margin-bottom:var(--spacing-spc-6xl)}}.services-detail-hero__right{width:var(--right-width);height:calc(var(--key-visual-top) + var(--key-visual-width)*var(--key-visual-aspect-ratio));align-self:flex-start;margin-inline:auto;position:relative}@media (width<=991.98px){.services-detail-hero__right{margin-inline:unset}}.services-detail-hero__right-container{width:calc(var(--key-visual-left) + var(--key-visual-width));margin-inline:auto;position:relative}.services-detail-right-key-visual{--media-thumb-border-radius:var(--radius-radius-xs);width:calc(var(--key-visual-width)/(var(--key-visual-left) + var(--key-visual-width))*100%);left:var(--key-visual-left);top:var(--key-visual-top);position:absolute}.services-detail-right-icon-visual.media-thumb{--media-thumb-border-radius:var(--radius-radius-sm);background:var(--surface-primary-1-surface-p1-500);width:calc(var(--icon-visual-width)/(var(--key-visual-left) + var(--key-visual-width))*100%);position:absolute}.services-detail-right-icon-visual__container{z-index:1}.services-detail-right-icon-visual__img{padding:22.2222%}.services-detail-components{margin-bottom:calc(var(--spacing-section-margin-md) - var(--tpl-margin-btm))}.services-detail-components :first-child{--tpl-margin-top:0}.services-detail-related-works{--tpl-margin-top:var(--spacing-section-margin-md)}