.sub-work-detail{width:100%}.sub-work-detail__main{max-width:1200px;margin:0 auto;width:100%;padding:0 40px;box-sizing:border-box}@media screen and (max-width: 1024px){.sub-work-detail__main{padding:0 20px}}@media screen and (max-width: 576px){.sub-work-detail__main{padding:0}}.sub-work-detail__article{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-start;align-items:flex-start;row-gap:60px}@media screen and (max-width: 1024px){.sub-work-detail__article{row-gap:6.9444444444vw}}@media screen and (max-width: 576px){.sub-work-detail__article{row-gap:10.1781170483vw}}.sub-work-detail__article .sub-work-detail__section-content .line-break-spacer{display:block;height:1.5rem}.sub-work-detail__meta{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-start;align-items:flex-start;row-gap:24px;padding-bottom:16px;border-bottom:1px solid #E2E2E2}@media screen and (max-width: 1024px){.sub-work-detail__meta{row-gap:3.4722222222vw;padding-bottom:2.0833333333vw}}@media screen and (max-width: 576px){.sub-work-detail__meta{row-gap:5.0890585242vw;padding-bottom:3.0534351145vw}}.sub-work-detail__title.heading-h2{margin:0;color:#333;font-weight:700;line-height:1.5}.sub-work-detail__meta-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sub-work-detail__date{color:#666;white-space:nowrap}.sub-work-detail__categories{display:flex;justify-content:center;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}.sub-work-detail__category{padding:4px 12px;background-color:#f6f7fb;border-radius:60px;color:#312f37}.sub-work-detail__site-link{width:100%;padding:0;background-color:#f6f7fb;border-radius:60px;box-sizing:border-box}@media screen and (max-width: 1024px){.sub-work-detail__site-link{padding:0}}@media screen and (max-width: 576px){.sub-work-detail__site-link{padding:0}}.sub-work-detail__site-link-anchor{color:#37967b;text-decoration:underline;display:flex;justify-content:center;justify-content:flex-start;column-gap:4px;word-break:break-all;overflow-wrap:break-word;display:inline-flex;flex-wrap:nowrap;align-items:center;line-height:1.8}.sub-work-detail__site-link-anchor span{white-space:nowrap;flex-shrink:0}@media screen and (max-width: 1024px){.sub-work-detail__site-link-anchor{width:100%;max-width:100%;flex-wrap:wrap}}.sub-work-detail__section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-start;align-items:flex-start;row-gap:24px}@media screen and (max-width: 1024px){.sub-work-detail__section{row-gap:3.4722222222vw}}@media screen and (max-width: 576px){.sub-work-detail__section{row-gap:5.0890585242vw}}.sub-work-detail__section-title{margin-top:48px;margin-bottom:12px;font-weight:700;font-size:2.4rem!important;line-height:1.5;position:relative;padding-left:14px}@media screen and (max-width: 1024px){.sub-work-detail__section-title{margin-top:6.9444444444vw;margin-bottom:1.7361111111vw;padding-left:2.0833333333vw;font-size:3.125vw!important}}@media screen and (max-width: 576px){.sub-work-detail__section-title{padding-left:2.5445292621vw;margin-bottom:2.0356234097vw;margin-top:8.1424936387vw;font-size:4.0712468193vw!important}}.sub-work-detail__section-title:first-child{margin-top:0}.sub-work-detail__section-title:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background-color:#37967b}.sub-work-detail__section-content{width:100%;color:#333}.sub-work-detail__section-content p{line-height:200%;margin-bottom:2rem}.sub-work-detail__section-content h2{font-weight:700;font-size:3.2rem;line-height:1.5;margin-top:4rem;margin-bottom:2rem;padding-bottom:8px;border-bottom:3px solid #333}@media screen and (max-width: 1024px){.sub-work-detail__section-content h2{font-size:4.8611111111vw;margin-top:.5208333333vw;margin-bottom:.2604166667vw}}@media screen and (max-width: 576px){.sub-work-detail__section-content h2{font-size:6.106870229vw;margin-top:.7633587786vw;margin-bottom:.3816793893vw}}.sub-work-detail__section-content h3{margin-top:48px;margin-bottom:24px;font-weight:700;font-size:2.4rem;line-height:1.5;position:relative;padding-left:14px}@media screen and (max-width: 1024px){.sub-work-detail__section-content h3{margin-top:6.9444444444vw;margin-bottom:3.4722222222vw;padding-left:2.0833333333vw;font-size:3.125vw}}@media screen and (max-width: 576px){.sub-work-detail__section-content h3{padding-left:2.5445292621vw;margin-bottom:4.0712468193vw;margin-top:8.1424936387vw;font-size:4.0712468193vw}}.sub-work-detail__section-content h3:first-child{margin-top:0}.sub-work-detail__section-content h3:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background-color:#37967b}.sub-work-detail__section-content img{max-width:100%;height:auto;margin:2rem 0}.sub-work-detail__technologies{display:flex;justify-content:center;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}.sub-work-detail__technology{padding:4px 12px;background-color:#f6f7fb;border-radius:60px;color:#312f37}.sub-work-detail__images{width:100%;display:grid;grid-template-columns:2fr 1fr;column-gap:64px;row-gap:32px}@media screen and (max-width: 1024px){.sub-work-detail__images{column-gap:5.5555555556vw;row-gap:4.1666666667vw}}@media screen and (max-width: 576px){.sub-work-detail__images{grid-template-columns:1fr;row-gap:6.106870229vw}}.sub-work-detail__image-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-start;align-items:flex-start;row-gap:12px}.sub-work-detail__image-label{color:#666;font-weight:600}.sub-work-detail__image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.sub-work-detail__back{width:100%;margin-top:60px;display:flex;align-items:center;justify-content:center;justify-content:flex-start}@media screen and (max-width: 1024px){.sub-work-detail__back{margin-top:6.9444444444vw}}@media screen and (max-width: 576px){.sub-work-detail__back{margin-top:10.1781170483vw}}.sub-work-detail__back-button .c-button__icon img{transform:rotate(180deg)}