: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-page .container{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1280px){.project-story-page .container{padding-left:0;padding-right:0}}.project-story-page .two-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.project-story-page .two-column-grid{grid-template-columns:repeat(2,1fr)}}.project-story-page .three-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.project-story-page .three-column-grid{grid-template-columns:repeat(3,1fr)}}.project-story-page .main-content{flex:1;padding-bottom:80px}@media (min-width:640px){.project-story-page .main-content{padding-bottom:0}}.project-story-page .content-wrapper{margin-top:10px}@media (min-width:640px){.project-story-page .content-wrapper{margin-top:13px}}.project-story-page .breadcrumb{margin-bottom:28px;font-size:11px}.project-story-page .breadcrumb ol{flex-wrap:wrap;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.project-story-page .breadcrumb li{align-items:center;display:flex}.project-story-page .breadcrumb a{color:var(--color-muted);text-decoration:none;transition:color .2s}.project-story-page .breadcrumb a:hover{color:var(--color-link)}.project-story-page .breadcrumb a:visited{color:var(--color-muted)}.project-story-page .breadcrumb .separator{color:var(--color-muted);margin:0 1.25px}.project-story-page .breadcrumb .current{color:var(--color-link)}@media (min-width:640px){.project-story-page .breadcrumb{margin-bottom:36px;font-size:12px}.project-story-page .breadcrumb a:hover{color:var(--color-muted)}.project-story-page .breadcrumb ol{gap:4.25px}}.project-story-page .page-title{color:var(--color-primary);margin:0 0 32px;font-size:24px;font-weight:400}@media (min-width:640px){.project-story-page .page-title{font-size:32px}}.project-story-page .section{background:#fff;border-radius:8px;margin-bottom:32px;padding:24px}@media (min-width:640px){.project-story-page .section{padding:32px}}.project-story-page .section-title{color:var(--color-primary);margin:0 0 16px;font-size:20px;font-weight:700}@media (min-width:640px){.project-story-page .section-title{font-size:24px}}.project-story-page .section-subtitle{color:var(--color-primary);margin:0 0 12px;font-size:18px;font-weight:700}.project-story-page .section p{color:var(--color-text);margin:0 0 16px;line-height:1.625}.project-story-page .section p:last-child{margin-bottom:0}.project-story-page .section ul{color:var(--color-text);margin:0;padding-left:1.5em}.project-story-page .section ul li{margin-bottom:8px}.project-story-page .section ul li:last-child{margin-bottom:0}.project-story-page .hero-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 20px);display:flex;position:relative}.project-story-page .hero-bg{width:100%;height:100%;position:absolute;inset:0}.project-story-page .hero-bg img{object-fit:cover;width:100%;height:100%}.project-story-page .hero-content{z-index:10;text-align:center;color:#fff;padding:0 16px;position:relative}.project-story-page .hero-title{text-align:left;margin-bottom:16px;font-size:30px;font-weight:700}.project-story-page .hero-subtitle{font-size:18px}@media (min-width:1024px){.project-story-page .hero-title{font-size:48px}.project-story-page .hero-subtitle{font-size:20px}}.project-story-page .pc-only{display:block}.project-story-page .sp-only{display:none}@media (max-width:768px){.project-story-page .pc-only{display:none}.project-story-page .sp-only{display:block}}.project-story-page .project__fv .hero-bg{padding:10px;display:block;position:fixed;overflow:hidden}.project-story-page .project__fv .hero-container{justify-content:flex-start;align-items:flex-start;padding-top:390px;padding-bottom:110px;padding-left:90px;display:block}.project-story-page .project__fv .hero-content{padding:0}.project-story-page .project__fv .hero-title{margin-bottom:190px}.project-story-page .project__fv .hero-subtitle{text-align:left;font-size:16px;line-height:1.8}.project-story-page .project__fv .hero-subtitle:not(:last-child){margin-bottom:45px}.project-story-page .project-story__content.main-content{z-index:1;background-color:var(--color-bg);position:relative}.project-story-page .project-story__content .container{max-width:100%;padding-bottom:120px}.project-story-page .project-story__content .breadcrumb{padding:0 0 0 125px}@media (min-width:1080px){.project-story-page .project-story__content .container{padding-left:0;padding-right:0}}@media (max-width:1080px){.project-story-page .project__fv .hero-title{margin-bottom:150px}.project-story-page .project-story__content .container{padding-bottom:0;padding-left:0;padding-right:0}.project-story-page .project-story__content .breadcrumb{padding:0 0 0 15px}}@media (max-width:768px){.project-story-page .hero-container{min-height:100lvh}.project-story-page .project__fv .hero-bg{box-sizing:border-box;z-index:0;pointer-events:none;width:100%;height:100lvh;padding:10px;display:block;position:sticky;inset:0 auto auto 0;overflow:hidden}.project-story-page .project__fv .hero-container{padding:0}.project-story-page .project__fv .hero-container:before,.project-story-page .project__fv .hero-container:after{content:"";background-color:var(--color-bg);pointer-events:none;z-index:20;height:10px;position:fixed;left:0;right:0}.project-story-page .project__fv .hero-container:before{top:0}.project-story-page .project__fv .hero-container:after{bottom:0}.project-story-page .project__fv .hero-content{z-index:10;padding:0 20px;position:absolute;top:120px;left:10px;right:10px}.project-story-page .project__fv .hero-title{text-align:left}.project-story-page .project__fv .hero-subtitle:not(:last-child){margin-bottom:30px}}.project-story-page .project__card_appear:nth-child(odd) .project__card{padding-right:14vw}.project-story-page .project__card_appear:nth-child(2n) .project__card{padding-left:14vw}.project-story-page .project__card_appear:not(:first-child) .project__card{margin-top:160px}.project-story-page .project__card_appear:first-child .project__card{margin-top:75px}.project-story-page .project__card a{position:relative}.project-story-page .project__card--img img{width:100%}.project-story-page .project__card--text{width:100%;max-width:665px;color:var(--color-primary);background-color:#fff;padding:32px}.project-story-page .project__card .project__card--text{position:absolute;bottom:0}.project-story-page .project__card--text .project__card--border{content:"";background-color:var(--color-primary);width:154px;height:1px;display:block}.project-story-page .project__card--text .project__number p{text-align:right}.project-story-page .project__card--text h3{font-size:26px;line-height:1.6}.project-story-page .project__card--text>p{color:var(--color-text)}.project-story-page .project__card_appear:nth-child(odd) .project__card--text{right:-9vw}.project-story-page .project__card_appear:nth-child(2n) .project__card--text{left:-9vw}.project-story-page .project__category .project__category--label p{background-color:var(--color-bg);padding:0 16px}@media (max-width:1080px){.project-story-page .project__card_appear:nth-child(odd) .project__card{padding-left:15px;padding-right:0}.project-story-page .project__card_appear:nth-child(2n) .project__card{padding-left:0;padding-right:15px}.project-story-page .project__card_appear:first-child .project__card{margin-top:60px}.project-story-page .project__card_appear:not(:first-child) .project__card{margin-top:80px}.project-story-page .project__card .project__card--text{position:inherit;margin-top:-80px}.project-story-page .project__card_appear:nth-child(odd) .project__card--text{right:inherit;margin-left:-15px;margin-right:auto}.project-story-page .project__card_appear:nth-child(2n) .project__card--text{left:inherit;margin-left:auto;margin-right:-15px}.project-story-page .project__card--img{background:0 0}}@media (max-width:768px){.project-story-page .project__card--text{max-width:95%;padding:30px 15px}.project-story-page .project__card--text .project__number{padding-bottom:15px;display:block;position:relative}.project-story-page .project__card .project__card--text{padding:28px 15px 15px}.project-story-page .project__card_appear:nth-child(odd) .project__card--text .project__number:after{left:-15px}.project-story-page .project__card_appear:nth-child(2n) .project__card--text .project__number:after{right:-15px}.project-story-page .project__card--text .project__number p{text-align:left;margin-top:15px}.project-story-page .project__card--text .project__card--border{display:none}.project-story-page .project__card--text h3{font-size:18px}.project-story-page .project__category{margin-top:5px;padding-bottom:15px;display:block}.project-story-page .project__category .project__category--label{gap:5px;margin-bottom:30px}.project-story-page .project__category .project__category--label p{font-size:12px}.project-story-page .project__card--arrow{width:40px;height:40px;margin-top:15px}}
