:root{--font-noto-sans-jp:"Noto Sans JP",sans-serif;--font-open-sans:"Open Sans",sans-serif;--color-primary:#044362;--color-link:#0080ff;--color-text:#333;--color-muted:#a1bac9;--color-bg:#e6eef5}body{font-family:var(--font-noto-sans-jp);margin:0}.project-story-detail-page .container{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1280px){.project-story-detail-page .container{padding-left:0;padding-right:0}}.project-story-detail-page .two-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.project-story-detail-page .two-column-grid{grid-template-columns:repeat(2,1fr)}}.project-story-detail-page .three-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.project-story-detail-page .three-column-grid{grid-template-columns:repeat(3,1fr)}}.project-story-detail-page .main-content{flex:1;padding-bottom:80px}@media (min-width:640px){.project-story-detail-page .main-content{padding-bottom:0}}.project-story-detail-page .content-wrapper{margin-top:15px}@media (min-width:640px){.project-story-detail-page .content-wrapper{margin-top:16px}}.project-story-detail-page{background-color:#e6eef5;transition:background-color .5s}.project-story-detail-page.is-bg-active{background-color:#459dbf}.project-story-detail-page .breadcrumb{margin-bottom:28px;font-size:11px}.project-story-detail-page .breadcrumb ol{flex-wrap:wrap;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.project-story-detail-page .breadcrumb li{align-items:center;display:flex}.project-story-detail-page .breadcrumb a{color:var(--color-muted);text-decoration:none;transition:color .2s}.project-story-detail-page .breadcrumb a:hover{color:var(--color-link)}.project-story-detail-page .breadcrumb .separator{color:var(--color-muted);margin:0 1.25px}.project-story-detail-page .breadcrumb .current{color:var(--color-link)}@media (min-width:640px){.project-story-detail-page .breadcrumb{margin-bottom:36px;font-size:12px}.project-story-detail-page .breadcrumb ol{gap:4.25px}}.project-story-detail-page .page-title{color:var(--color-primary);margin:0 0 32px;font-size:24px;font-weight:400}@media (min-width:640px){.project-story-detail-page .page-title{font-size:32px}}.project-story-detail-page .section{background:#fff;border-radius:8px;margin-bottom:32px;padding:24px}@media (min-width:640px){.project-story-detail-page .section{padding:32px}}.project-story-detail-page .section-title{color:var(--color-primary);margin:0 0 16px;font-size:20px;font-weight:700}@media (min-width:640px){.project-story-detail-page .section-title{font-size:24px}}.project-story-detail-page .section-subtitle{color:var(--color-primary);margin:0 0 12px;font-size:18px;font-weight:700}.project-story-detail-page .section p{color:var(--color-text);margin:0 0 16px;line-height:1.625}.project-story-detail-page .section p:last-child{margin-bottom:0}.project-story-detail-page .section ul{color:var(--color-text);margin:0;padding-left:1.5em}.project-story-detail-page .section ul li{margin-bottom:8px}.project-story-detail-page .section ul li:last-child{margin-bottom:0}.project-story-detail-page #fv-area.project-detail__fv{width:100%;margin-top:10px;position:relative}.project-story-detail-page #fv-area.project-detail__fv picture{width:100%;display:block}.project-story-detail-page #fv-area.project-detail__fv img{object-fit:cover;width:100%;height:180px}@media (min-width:1024px){.project-story-detail-page #fv-area.project-detail__fv{margin-top:var(--header-pc-height)}.project-story-detail-page #fv-area.project-detail__fv img{height:240px}}.project-story-detail-page .pc-only{display:block}.project-story-detail-page .sp-only{display:none}@media (max-width:768px){.project-story-detail-page .pc-only{display:none}.project-story-detail-page .sp-only{display:block}}@media (min-width:768px){.project-story-detail-page #fv-area.project-detail__fv img{height:510px}}.project-story-detail-page .project-detail__fv{position:relative}.project-story-detail-page .project-detail__fv .hero-content{color:#fff;flex-direction:column;justify-content:flex-end;width:100%;height:auto;padding-top:80px;padding-left:100px;display:flex;position:absolute;top:0;bottom:50px;left:0}@media (max-width:768px){.project-story-detail-page #fv-area.project-detail__fv img{height:500px}.project-story-detail-page .project-detail__fv .hero-content{height:auto;padding-left:10px;top:25px;bottom:20px}}.project-story-detail-page .hero-title{font-size:48px;font-weight:700}.project-story-detail-page .hero-subtitle{background-color:var(--color-link);width:max-content;margin-top:auto}.project-story-detail-page .hero-subtitle span{padding:0 14px;font-size:24px}.project-story-detail-page .hero-copy{margin-top:8px}.project-story-detail-page .hero-copy div{background-color:#fff;width:max-content}.project-story-detail-page .hero-copy div span{color:var(--color-primary);padding:0 10px;font-size:36px}@media (max-width:768px){.project-story-detail-page .hero-title{padding-left:20px;font-size:32px}.project-story-detail-page .hero-subtitle{margin-top:auto}.project-story-detail-page .hero-copy{width:93%;margin-top:15px}.project-story-detail-page .hero-copy div{background-color:#fff;width:max-content;padding:0 8px}.project-story-detail-page .hero-copy div span{padding:0;font-size:20px}.project-story-detail-page .hero-subtitle span{padding:0 5px;font-size:16px}}.project-story-detail-page .project-story-detail .container{max-width:100%}.project-story-detail-page .project-story-detail .container.content-wrapper{background-color:#0000}.project-story-detail-page .project-start,.project-story-detail-page .project-member{background-color:#e6eef5;transition:background-color .5s}.project-story-detail-page .project-story-detail .container.content-wrapper.is-bg-active .project-start,.project-story-detail-page .project-story-detail .container.content-wrapper.is-bg-active .project-member,.project-story-detail-page.is-bg-active .project-start,.project-story-detail-page.is-bg-active .project-member{background-color:#459dbf}@media (min-width:768px){.project-story-detail-page .project-story-detail .container{padding-left:0;padding-right:0}}.project-story-detail-page .project-story-detail .container nav{width:100%;max-width:1150px;margin:0 auto}.project-story-detail-page .project-start{padding-top:160px;transition:all .5s}.project-story-detail-page .project-start__subtitle{text-align:center;margin-bottom:30px}.project-story-detail-page .project-start__subtitle span{color:var(--color-primary);font-weight:700;transition:all .5s}.project-story-detail-page .project-start .section-title{color:var(--color-primary);text-align:center;margin:0 0 80px;font-size:32px;transition:all .5s}.project-story-detail-page .project-start p{color:var(--color-primary);width:100%;max-width:712px;margin:0 auto;line-height:2;transition:all .5s}.project-story-detail-page .project-start p:not(:last-child){margin-bottom:40px}.project-story-detail-page .project-story-detail .container.content-wrapper.is-bg-active .project-start__subtitle span,.project-story-detail-page .project-story-detail .container.content-wrapper.is-bg-active .project-start .section-title,.project-story-detail-page .project-story-detail .container.content-wrapper.is-bg-active .project-start p,.project-story-detail-page.is-bg-active .project-start__subtitle span,.project-story-detail-page.is-bg-active .project-start .section-title,.project-story-detail-page.is-bg-active .project-start p{color:#fff}.project-story-detail-page .project-member{padding:160px 15px}.project-story-detail-page .project-scenes-wrap{background-color:#e6eef5}.project-story-detail-page .project-member__title{background-color:#fff;width:max-content;margin:0 auto}.project-story-detail-page .project-member__title span{color:#fff;background-color:var(--color-primary);padding:3px 10px}.project-story-detail-page .project-member ul{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:130px 50px;width:100%;max-width:1080px;margin:130px auto 0;display:flex}.project-story-detail-page .project-member ul li{background-color:#fff;flex:0 calc(33.3333% - 33.3333px);max-width:calc(33.3333% - 33.3333px);padding:124px 32px 30px;position:relative}.project-story-detail-page .project-member ul li .project-member__img{width:100%;max-width:160px;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.project-story-detail-page .project-member__name{text-align:center;color:#459dbf;font-size:24px}.project-story-detail-page .project-member__belo{text-align:left;margin-top:5px}@media (max-width:768px){.project-story-detail-page .project-story-detail .container nav{padding:0 15px}.project-story-detail-page .project-story-detail .container{padding-bottom:0;padding-left:0;padding-right:0}.project-story-detail-page .project-start{padding-top:60px;padding-left:15px;padding-right:15px}.project-story-detail-page .project-start__subtitle span{font-size:18px}.project-story-detail-page .project-start p{font-size:16px;line-height:1.8}.project-story-detail-page .project-start p:not(:last-child){margin-bottom:30px}.project-story-detail-page .project-start .section-title{margin:0 0 60px;font-size:20px}.project-story-detail-page .project-member{padding:60px 15px 40px}.project-story-detail-page .project-member__title span{font-size:14px}.project-story-detail-page .project-member ul{flex-flow:wrap;justify-content:center;gap:100px 15px;margin:100px auto 0;display:flex}.project-story-detail-page .project-member ul li{flex:0 calc(50% - 7.5px);max-width:280px;padding:45px 15px 30px}.project-story-detail-page .project-member ul li .project-member__img{max-width:100px}.project-story-detail-page .project-member__name{font-size:18px}.project-story-detail-page .project-member__belo{margin-top:10px;font-size:14px}}.project-story-detail-page .project-scene__band{position:relative}.project-story-detail-page .project-scene__band>picture,.project-story-detail-page .project-scene__band>.project-scene__image-reveal,.project-story-detail-page .project-scene__band>.project-scene__image-reveal>picture{width:100%;display:block}.project-story-detail-page .project-scene__band>picture img,.project-story-detail-page .project-scene__band>.project-scene__image-reveal>picture img{object-fit:cover;width:100%;height:400px}.project-story-detail-page .project-scene__title{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:1110px;height:100%;padding:0 15px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.project-story-detail-page .project-scene__number{background-color:var(--color-link);width:max-content}.project-story-detail-page .project-scene__number p{color:#fff;padding:0 10px;font-size:18px;font-weight:500}.project-story-detail-page .project-scene__number p span{color:#fff;font-size:18px;font-weight:500;font-family:var(--font-open-sans)}.project-story-detail-page .project-scene__text{margin-top:10px}.project-story-detail-page .project-scene__text div{width:max-content}.project-story-detail-page .project-scene__text div span{color:var(--color-primary);padding:0 10px;font-size:28px}.project-story-detail-page .project-scene__text>div>div{background:#fff}.project-story-detail-page .project-article{align-items:stretch;gap:80px;padding-top:120px;padding-bottom:120px;display:flex}.project-story-detail-page .project-scene:nth-child(odd) .project-article{justify-content:flex-end;padding-left:15px}.project-story-detail-page .project-scene:nth-child(2n) .project-article{justify-content:flex-start;padding-right:15px}.project-story-detail-page .project-scene:nth-child(2n) .project-article .project-article__contents{order:2}.project-story-detail-page .project-scene:nth-child(2n) .project-article .project-article__img{order:1}@media (max-width:768px){.project-story-detail-page .project-scene__band>picture img,.project-story-detail-page .project-scene__band>.project-scene__image-reveal>picture img{height:200px}.project-story-detail-page .project-scene__title{padding:0 15px}.project-story-detail-page .project-scene__text div span{font-size:20px}.project-story-detail-page .project-scene:nth-child(2n) .project-article .project-article__contents{order:1}.project-story-detail-page .project-scene:nth-child(2n) .project-article .project-article__img{order:2}}.project-story-detail-page .project-article__contents{width:100%;max-width:712px}.project-story-detail-page .project-article__contents h3{color:var(--color-primary);font-size:24px}.project-story-detail-page .project-article__contents h3:not(:first-child){margin-top:120px}.project-story-detail-page .project-article__about{margin-top:65px}.project-story-detail-page .project-article__about p{padding-left:32px;line-height:1.8;position:relative}.project-story-detail-page .project-article__about p:before{content:"";background-color:#459dbf;width:16px;height:2px;display:block;position:absolute;top:15px;left:5px}.project-story-detail-page .project-article__content--flex{justify-content:flex-start;align-items:flex-start;gap:32px;margin-top:65px;display:flex}.project-story-detail-page .project-article__content--flex div:first-child{width:80px;min-width:80px}.project-story-detail-page .project-article__member-img{width:80px;height:auto;display:block}.project-story-detail-page .project-article__content--flex div:first-child p{color:var(--color-primary);text-align:center;margin-top:5px}.project-story-detail-page .project-article__content--flex div:nth-child(2) p{line-height:1.8}.project-story-detail-page .project-article__content--flex div:nth-child(2) p:not(:first-child){margin-top:65px}.project-story-detail-page .project-article__review{margin-top:36px}.project-story-detail-page .project-article__review:first-child{margin-top:0}.project-story-detail-page .project-article_reviewer{color:#044362;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.8}.project-story-detail-page .project-article_comment{color:#282828;margin:0;font-size:16px;line-height:1.8}.project-story-detail-page .project-article__img{width:30.3vw;top:var(--header-pc-height);align-self:flex-start;position:sticky}.project-story-detail-page .project-article__img--scene02-final{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.project-story-detail-page .project-article__img--scene02-final picture{width:100%;display:block}.project-story-detail-page .project-article__img--scene02-final picture img{width:100%;height:auto;display:block}.project-story-detail-page .project-article__img-container{grid-template-rows:minmax(0,1fr) auto;align-self:stretch;row-gap:20px;width:30.3vw;max-width:30.3vw;display:grid}.project-story-detail-page .project-article__img-container>:first-child{min-height:0;display:flex}.project-story-detail-page .project-article__img-container>:last-child{min-height:0}.project-story-detail-page .project-article__img-container .project-article__img{width:100%}.project-story-detail-page .project-article__img-caption{color:#044362;text-align:left;font-size:14px;font-weight:400;line-height:1.8}.project-story-detail-page .project-article__img-caption--pc{width:fit-content;max-width:100%}.project-story-detail-page .project-article__img-caption--left{align-self:flex-start;width:100%}@media (min-width:769px){.project-story-detail-page .project-article__img-container .project-article__img img{object-fit:cover;width:100%;height:100%}}.project-story-detail-page .project-article__img-mobile{display:none}@media (max-width:768px){.project-story-detail-page .project-article{flex-direction:column;padding:60px 15px 94px}.project-story-detail-page .project-scene:last-child .project-article{padding-bottom:60px}.project-story-detail-page .project-article__about{margin-top:40px}.project-story-detail-page .project-article__contents h3{font-size:18px}.project-story-detail-page .project-article__about p{padding-left:23px;font-size:14px}.project-story-detail-page .project-article__about p:before{width:12px;top:12px}.project-story-detail-page .project-article__content--flex{gap:15px;margin-top:40px}.project-story-detail-page .project-article__content--flex div:first-child{width:60px;min-width:60px}.project-story-detail-page .project-article__member-img{width:60px}.project-story-detail-page .project-article__content--flex div:first-child p,.project-story-detail-page .project-article__content--flex div:nth-child(2) p{font-size:14px}.project-story-detail-page .project-article__review{margin-top:30px}.project-story-detail-page .project-article_reviewer{margin:0 0 6px;font-size:14px;line-height:1.8}.project-story-detail-page .project-article_comment{font-size:14px;line-height:1.8}.project-story-detail-page .project-article__img-container,.project-story-detail-page .project-article__img--scene02-final{display:none}.project-story-detail-page .project-article__img-mobile{width:100%;display:block}.project-story-detail-page .project-article__img-mobile--before-review,.project-story-detail-page .project-article__img-mobile--after-review{margin-top:40px}.project-story-detail-page .project-article__img-caption{font-size:13px}.project-story-detail-page .project-article__img-caption--pc{display:none}.project-story-detail-page .project-article__img-caption--sp{width:100%;margin-top:12px;display:block}.project-story-detail-page .project-article__img-mobile img{width:100%;height:auto;display:block}.project-story-detail-page .project-article__img-mobile--before-review .project-article__img-caption{margin-top:12px}.project-story-detail-page .project-article__img-caption--left{align-self:flex-start}.project-story-detail-page .project-article__contents h3:not(:first-child){margin-top:60px}.project-story-detail-page .project-article__content--flex div:nth-child(2) p:not(:first-child){margin-top:25px}.project-story-detail-page .project-article__img{align-self:auto;width:100%;position:static;top:auto}}.project-story-detail-page .project-information{background-color:#fff;width:100%;max-width:712px;margin:0 auto;padding:32px}.project-story-detail-page .project-information__title{color:var(--color-primary);margin:0;font-size:14px;font-weight:600}.project-story-detail-page .project-information__rows{margin-top:15px}.project-story-detail-page .project-information__row{grid-template-columns:80px 14px minmax(0,1fr);align-items:start;column-gap:0;display:grid}.project-story-detail-page .project-information__label,.project-story-detail-page .project-information__colon,.project-story-detail-page .project-information__value{color:#282828;margin:0;font-size:14px;line-height:1.8}.project-story-detail-page .project-information__label{white-space:nowrap}.project-story-detail-page .project-information__colon{text-align:center}.project-story-detail-page .project-information__value{overflow-wrap:anywhere;min-width:0}.project-story-detail-page .project-information__value--equipment{flex-direction:column;gap:8px;display:flex}.project-story-detail-page .project-information__equipment-item{grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:3px;display:grid}.project-story-detail-page .project-information__equipment-index{color:#282828;font-size:14px;line-height:1.8}.project-story-detail-page .project-information__equipment-text{color:#282828;overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.8}.project-story-detail-page .project__other{margin-top:120px}.project-story-detail-page .project__other img{width:100%;max-width:896px;margin:0 auto}.project-story-detail-page .project-story-detail-page__back-link{justify-content:center;margin:80px 0 0;display:flex}@media (min-width:769px){.project-story-detail-page .project-story-detail-page__back-link{margin:80px 0 0}}@media (max-width:768px){.project-story-detail-page .project-information{box-sizing:border-box;max-width:92%;padding:30px}.project-story-detail-page .project-information__title{font-size:12px}.project-story-detail-page .project-information__rows{margin-top:12px}.project-story-detail-page .project-information__row{flex-wrap:wrap;align-items:flex-start;gap:0;display:flex}.project-story-detail-page .project-information__label,.project-story-detail-page .project-information__colon,.project-story-detail-page .project-information__value,.project-story-detail-page .project-information__equipment-index,.project-story-detail-page .project-information__equipment-text{font-size:12px}.project-story-detail-page .project-information__label{flex:none;line-height:1.8}.project-story-detail-page .project-information__value{line-height:1.8}.project-story-detail-page .project-information__colon{flex:none;line-height:1.8}.project-story-detail-page .project-information__value{flex:0 0 100%;width:100%;margin-top:2px}.project-story-detail-page .project-information__row--equipment{margin-top:4px}.project-story-detail-page .project-information__equipment-item{grid-template-columns:15px minmax(0,1fr)}.project-story-detail-page .project-information__value--equipment{flex:0 0 100%;width:100%;margin-top:2px}.project-story-detail-page .project-information__equipment-text{overflow-wrap:anywhere;line-height:1.8}.project-story-detail-page .project__other{width:100vw;max-width:none;margin-top:60px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}}@media (min-width:1301px){.project-story-detail-page .project-article__contents{flex:1 1 0;min-width:0;max-width:none;margin-left:calc(38.3333vw - 433.333px);margin-right:0}.project-story-detail-page .project-scene:nth-child(2n) .project-article .project-article__contents{margin-left:0;margin-right:calc(38.3333vw - 433.333px)}.project-story-detail-page .project-article__img{flex:0 0 30.3vw;width:30.3vw}}
