.casestudy-detail-header{padding:36px 30px;background:linear-gradient(to bottom,#f4f9ec,#dcecc3)}@media (max-width: 767px){.casestudy-detail-header{padding:36px 16px}}.casestudy-detail-header__container{max-width:1120px;margin:0 auto;padding:0}.casestudy-detail-header__content{display:flex;flex-direction:column;gap:32px}.casestudy-detail-header__category{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid #8dc33e}.casestudy-detail-header__category-label{font-size:14px;font-weight:700;color:#8dc33e}.casestudy-detail-header__category-icon{padding-right:15px;padding-left:15px}.casestudy-detail-header__title{display:flex;flex-direction:column;gap:24px}.casestudy-detail-header__heading{font-size:36px;font-weight:700;letter-spacing:1.08px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}@media (max-width: 1023px){.casestudy-detail-header__heading{font-size:24px;letter-spacing:.72px}}.casestudy-detail-header__company{font-size:16px;font-weight:500;color:#454e39;letter-spacing:.72px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.casestudy-detail-intro{padding:72px 30px 100px}@media (max-width: 767px){.casestudy-detail-intro{padding:48px 16px 72px}}.casestudy-detail-intro__container{max-width:1120px;margin:0 auto;padding:0}.casestudy-detail-intro__group{display:flex;gap:32px;align-items:flex-start;justify-content:center;margin-bottom:48px}@media (max-width: 930px){.casestudy-detail-intro__group{flex-direction:column;align-items:center;gap:24px}}.casestudy-detail-intro__content{flex:1;display:flex;align-items:center}.casestudy-detail-intro__text{font-size:18px;font-weight:500;line-height:2}.casestudy-detail-intro__image{flex-shrink:0;max-width:450px}.casestudy-detail-intro__figure{display:flex;flex-direction:column;gap:4px;margin:0}.casestudy-detail-intro__img{border-radius:8px}.casestudy-detail-intro__caption{font-size:12px;font-weight:400;line-height:2;color:#1d2118;text-align:center}.casestudy-detail-intro__before-after{max-width:1120px;margin:0 auto}.casestudy-detail-company{display:flex;max-width:930px;gap:32px;margin:0 auto 48px;padding:24px 32px;border-radius:8px;background:#ecedeb}@media (max-width: 767px){.casestudy-detail-company{flex-direction:column;padding:24px 16px}}.casestudy-detail-company-info{flex:1;display:flex;flex-direction:column;gap:5px;width:100%}.casestudy-detail-company-info__row{display:flex;gap:10px;padding:3px 5px;border-bottom:.5px solid #a9aea4}.casestudy-detail-company-info__row--last{border-bottom:none}.casestudy-detail-company-info__label{font-size:14px;font-weight:700;color:#a9aea4;width:68px;flex-shrink:0}.casestudy-detail-company-info__value{font-size:14px;font-weight:400;color:#1d2118;flex:1}.casestudy-detail-company-info__visual{display:flex;flex-direction:column;gap:8px;align-items:flex-end}@media (max-width: 767px){.casestudy-detail-company-info__visual{align-items:center}}.casestudy-detail-company-info__figure{background:#fff}.casestudy-detail-company-info__img{border-radius:8px;overflow:hidden}.casestudy-detail-company-info__website{display:flex;align-items:center;gap:7px;font-size:12px;color:#017164;text-decoration:none;transition:color .2s}.casestudy-detail-company-info__website:hover{color:#01584e}.casestudy-detail-company-info__website-text{font-weight:400;line-height:12px}.casestudy-detail-company-info__website-icon{padding-bottom:1px;font-family:smicon,sans-serif}.casestudy-detail-company-info__website-icon:before{content:""}.casestudy-detail-company-info--wide .casestudy-detail-company-info__label{width:80px}.casestudy-detail-before-after{display:flex;align-items:stretch;gap:0;width:100%}@media (max-width: 767px){.casestudy-detail-before-after{flex-direction:column}}.casestudy-detail-before-after__problem,.casestudy-detail-before-after__solution{flex:1;display:flex;flex-direction:column;gap:24px;padding:16px;border-radius:8px}.casestudy-detail-before-after__problem{background:#fff;border:1px solid #ef821d}.casestudy-detail-before-after__solution{background:#fff;border:1px solid #8dc33e}.casestudy-detail-before-after__arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 12px;width:100%;max-width:128px;flex-shrink:0}@media (max-width: 767px){.casestudy-detail-before-after__arrow{max-width:unset;padding-top:8px}}.casestudy-detail-before-after__arrow-text{display:flex;flex-direction:column;align-items:center;font-size:20px;font-weight:700;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";text-align:center;color:#f4ab68;white-space:nowrap}.casestudy-detail-before-after__arrow-text:before{content:"";display:block;width:74px;height:128px;margin-bottom:27px;background:url(/sismil/images/casestudy/img_cs_arrow_right.svg) no-repeat center/cover}@media (max-width: 767px){.casestudy-detail-before-after__arrow-text:before{width:59px;height:102px;margin-right:8px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@media (max-width: 767px) and (max-width: 767px){.casestudy-detail-before-after__arrow-text:before{margin-right:0;margin-bottom:-10px}}.casestudy-detail-before-after__header{padding:8px 24px;border-radius:8px;text-align:center}.casestudy-detail-before-after__header--problem{background-color:#ef821d}.casestudy-detail-before-after__header--solution{background-color:#8dc33e}.casestudy-detail-before-after__heading{font-size:20px;font-weight:700;color:#fff;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.casestudy-detail-before-after__list{display:flex;flex-direction:column;gap:16px;padding:0 8px;list-style:none}.casestudy-detail-before-after__item{display:flex;align-items:flex-start;gap:8px}.casestudy-detail-before-after__icon{font-family:smicon,sans-serif;font-size:18px;line-height:2;flex-shrink:0;-webkit-font-feature-settings:"palt" on;font-feature-settings:"palt" on}.casestudy-detail-before-after__icon--problem{color:#ef821d}.casestudy-detail-before-after__icon--solution{color:#8dc33e}.casestudy-detail-before-after__icon:before{content:""}.casestudy-detail-before-after__text{font-size:18px;font-weight:500;line-height:2}@media (max-width: 767px){.casestudy-detail-before-after__text{font-size:16px}}.casestudy-detail-section-header{background:#fff;border-radius:8px;padding:8px 24px;margin-bottom:32px}.casestudy-detail-section-header__title{font-size:24px;font-weight:700;line-height:2;margin:0}.casestudy-detail-section-header__title--background{color:#ef821d}.casestudy-detail-section-header__title--effect{color:#8dc33e}@media (max-width: 1023px){.casestudy-detail-section-header__title{font-size:24px;line-height:48px}}.casestudy-detail-background{background:#fdf3e8;padding:72px 30px 100px}@media (max-width: 767px){.casestudy-detail-background{padding:48px 16px}}.casestudy-detail-background__container{max-width:930px;margin:0 auto;padding:0}.casestudy-detail-background__content{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.casestudy-detail-background__content:last-child{margin-bottom:0}.casestudy-detail-background__heading{font-size:20px;font-weight:700;line-height:2;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";width:100%}.casestudy-detail-background__text{font-size:16px;font-weight:500;line-height:2;letter-spacing:.8px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.casestudy-detail-background__text strong{font-weight:700}.casestudy-detail-background__note{font-size:14px;font-weight:400;line-height:2;text-align:right}@media (max-width: 767px){.casestudy-detail-background__note{text-align:left}}.casestudy-detail-background__media{display:flex;align-items:flex-start;gap:32px}@media (max-width: 767px){.casestudy-detail-background__media{flex-direction:column;align-items:center}}.casestudy-detail-background__media-text{flex:1;display:flex;flex-direction:column;gap:16px}.casestudy-detail-background__media-figure{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.casestudy-detail-background__media-img{height:auto;border-radius:8px;display:block}.casestudy-detail-background__media-caption{font-size:12px;font-weight:400;line-height:2}@media (max-width: 767px){.casestudy-detail-background__media-caption{text-align:center}}.casestudy-detail-effect{background:#f4f9ec;padding:72px 30px 100px}@media (max-width: 767px){.casestudy-detail-effect{padding:48px 16px}}.casestudy-detail-effect__container{max-width:930px;margin:0 auto;padding:0}.casestudy-detail-effect__content{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.casestudy-detail-effect__content:last-child{margin-bottom:0}.casestudy-detail-effect__heading{font-size:20px;font-weight:700;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";width:100%}.casestudy-detail-effect__media{display:flex;gap:32px;align-items:flex-start}@media (max-width: 767px){.casestudy-detail-effect__media{flex-direction:column;align-items:center}}@media (max-width: 880px){.casestudy-detail-effect__media--early{flex-direction:column;align-items:center}}.casestudy-detail-effect__media-text{flex:1;display:flex;flex-direction:column;gap:16px}.casestudy-detail-effect__media-figure{flex-shrink:0;display:flex;flex-direction:column;gap:8px;margin:0}.casestudy-detail-effect__media-img{height:auto;border-radius:8px;display:block}.casestudy-detail-effect__media-caption{font-size:12px;font-weight:400}@media (max-width: 767px){.casestudy-detail-effect__media-caption{text-align:center}}.casestudy-detail-effect__images{display:flex;align-items:flex-start;justify-content:center;gap:24px}@media (max-width: 767px){.casestudy-detail-effect__images{flex-direction:column}}.casestudy-detail-effect__full-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}@media (max-width: 767px){.casestudy-detail-effect__full-image{align-items:center}}.casestudy-detail-effect__full-image-caption{font-size:12px;font-weight:400;width:100%;text-align:left}@media (max-width: 767px){.casestudy-detail-effect__full-image-caption{text-align:center}}.casestudy-detail-effect__full-image--ratio-551{flex:551;width:auto}@media (max-width: 767px){.casestudy-detail-effect__full-image--ratio-551{flex:auto;width:100%}}.casestudy-detail-effect__full-image--ratio-361{flex:361;width:auto}@media (max-width: 767px){.casestudy-detail-effect__full-image--ratio-361{flex:auto;width:100%}}.casestudy-detail-effect__full-img{border-radius:8px}.casestudy-detail-effect__text-block{display:flex;flex-direction:column;gap:16px}.casestudy-detail-effect__text{font-size:16px;font-weight:500;line-height:2;color:#1d2118;letter-spacing:.8px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.casestudy-detail-effect__text strong{font-weight:700}.casestudy-detail-effect__summary{background:#fff;border-radius:8px;padding:24px 32px}.casestudy-detail-effect__summary-text{font-size:16px;font-weight:700;line-height:2;color:#8dc33e;letter-spacing:.8px;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.casestudy-detail-effect__notice{font-size:12px;font-weight:400;line-height:2}