@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);
.global-footer__nav-col{min-width:110px}.global-footer__nav-anchor,.global-footer__nav-child-anchor{letter-spacing:normal}@media(max-width: 767px){.global-footer__nav-child-anchor{font-size:1.3rem}}.global-footer__sub-nav-item:not(:first-child){margin-left:20px;padding-left:20px}.global-footer__sub-nav-icon{vertical-align:middle}.global-header-nav__list{font-size:1.4rem}.global-header-nav__sub-search-content{width:380px}.landscape-blocker .text{font-size:1.2rem}@media(max-width: 767px){.page-kv__title-text{font-size:2.6rem}}.reading-area h2{font-size:2rem;letter-spacing:.04em}.reading-area h3{font-size:2.4rem;line-height:calc(40 / 24)}@media(max-width: 767px){.reading-area h3{font-size:2.5rem;line-height:calc(38 / 25)}}.reading-area sup{vertical-align:super;font-size:.7em}.annotation-modal .modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%}@media(max-width: 767px){.annotation-modal .modal{align-items:flex-end}}.annotation-modal .background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.annotation-modal .content{position:relative;width:100%;max-width:800px;background:#fff}.annotation-modal .scrollable{padding:60px}@media(max-width: 767px){.annotation-modal .scrollable{padding:30px}}.annotation-modal .body{font-size:1.6rem}@media(max-width: 767px){.annotation-modal .body{max-height:200px;overflow-y:scroll}}.annotation-modal .close{display:flex;justify-content:center;align-items:flex-end;position:absolute;top:-84px;right:0;height:67px;color:#fff}@media(max-width: 767px){.annotation-modal .close{top:-70px;right:10px;height:60px;font-size:1.2rem;letter-spacing:.08em}}.annotation-modal .close::before{content:"";position:absolute;top:21px;left:calc(50% - 28px);width:57px;height:1px;background:#fff;transform:rotateZ(45deg)}@media(max-width: 767px){.annotation-modal .close::before{width:44px;left:calc(50% - 22px)}}.annotation-modal .close::after{content:"";position:absolute;top:21px;left:calc(50% - 28px);width:57px;height:1px;background:#fff;transform:rotateZ(-45deg)}@media(max-width: 767px){.annotation-modal .close::after{width:44px;left:calc(50% - 22px)}}.annotation-modal-enter-active,.annotation-modal-leave-active{transition:opacity 400ms}.annotation-modal-enter,.annotation-modal-leave-to{opacity:0}.scroll-mark .mark{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}.scroll-mark .scrolltext{margin-bottom:5px;font-size:1.2rem;color:#91979d}.scroll-mark .mouse{position:relative;width:17px;height:28px;margin:0 auto;border-radius:999px;border:1px solid #91979d}.scroll-mark .wheel{position:absolute;top:4px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:100%;background:#91979d}.curtain-enter-active,.curtain-leave-active{transition:opacity 800ms}.curtain-enter,.curtain-leave-to{opacity:0}.annotation-anchor{color:#00a040;text-decoration:underline}.annotation-anchor::after{content:url(/chronicle/130th/img/ico-fukidashi.svg);display:inline-block;padding:0 5px}.main-content{padding-top:0}.global-header{background:rgba(255,255,255,.8);border:none;transition:400ms;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-header.-mounted{visibility:visible}.global-header.-hidden{transform:translateY(-100%)}.scroll-mark{transform:translateY(-100px)}.bim-component{min-height:100vh}.bim-page{background:#000}.bim-page .scene{position:relative;width:100%;overflow:hidden}.bim-page .curtain{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none}.bim-scene1{height:100vh;background:#000}.bim-scene1 .wrapper{position:relative;width:100%;height:100%;overflow:hidden}.bim-scene1 .title{position:absolute;visibility:hidden}.bim-scene1 .svgtitle{position:absolute}.bim-scene1 .picture{position:absolute;width:100%;height:100%}.bim-scene1 .picture.-bg1{padding-top:50px;background:#fff}.bim-scene1 .picture.-bg1 .image{width:100%;height:100%;object-fit:cover}.bim-scene1 .picture.-bg2 .image{width:100%;height:100%;object-fit:cover;-webkit-clip-path:url(#titlepath);clip-path:url(#titlepath)}@media(max-width: 767px){.bim-scene1 .picture.-bg2 .image{-webkit-clip-path:url(#titlepathSP);clip-path:url(#titlepathSP)}}.bim-scene1 .clippath{position:absolute;top:50%;left:50%}.bim-scene1 .path.-pc{transform-origin:325.4px 18.28px}.bim-scene1 .path.-sp{transform-origin:139.1px 80px}.bim-scene1 .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2.5rem;font-weight:700;text-align:center;color:#fff}@media(max-width: 767px){.bim-scene1 .text{width:100%;padding:0 20px;font-size:2rem}}.bim-scene1 .lead:not(:first-child){margin-top:60px}.bim-scene2{padding-top:300px;color:#fff}.bim-scene2 .lead{font-size:2.5rem;font-weight:700;text-align:center}@media(max-width: 767px){.bim-scene2 .lead{padding:0 20px;font-size:2rem}}.bim-scene2 .picture{margin-top:200px;text-align:center}.bim-scene2 .caption{margin-top:20px;font-size:1.6rem;text-align:center}@media(max-width: 767px){.bim-scene2 .image{width:100%;height:auto}}.bim-scene3{height:100vh;color:#fff}.bim-scene3 .title{position:absolute;top:calc(50% + 123px);left:50%;font-size:2.4rem;font-weight:700;transform:translate(-50%, 0)}@media(max-width: 767px){.bim-scene3 .title{top:calc(50% + 40px);font-size:1.6rem}}.bim-scene3 .subtitle{position:absolute;top:60px;font-size:1.6rem;font-weight:700;transform:translateX(-50%);white-space:nowrap}.bim-scene3 .cross{position:absolute;top:calc(50% - 145px);left:calc(50% - 145px);width:290px;height:290px}.bim-scene3 .crosspath{width:100%;height:100%}.bim-scene3 .ring{position:absolute;top:50%;left:50%}.bim-scene3 .ringpath{position:absolute;top:0;left:0;stroke:#a8a8a8;fill:#000}.bim-scene3 .ringpath.-main{width:542px;height:542px;transform:translate(-50%, -50%) rotateZ(90deg)}.bim-scene3 .ringpath.-element{width:100px;height:100px;transform:translate(-50%, -50%) rotateZ(90deg)}.bim-scene3 .ringpath.-green{stroke:#00a040;stroke-width:2;fill:none}.bim-scene3 .model{position:absolute;top:50%;left:50%}.bim-scene3 .modelpath{position:absolute;width:180.48px;height:329.6px;stroke-width:.2;transform:translate(-50%, -50%)}.bim-scene3 .element{position:absolute}.bim-scene3 .element.-design{top:calc(50% - 190px);left:calc(50% - 190px)}.bim-scene3 .element.-facilities{top:calc(50% + 190px);left:calc(50% + 190px)}.bim-scene3 .element.-structure{top:calc(50% - 190px);left:calc(50% + 190px)}.bim-scene3 .element.-production{top:calc(50% + 190px);left:calc(50% - 190px)}@media(max-width: 767px){.bim-scene3 .element{transform:scale(1.3)}}.bim-scene3 .picture{position:absolute}.bim-scene3 .picture.-element{transform:translate(-50%, -50%)}.bim-scene3 .image.-model{width:272px;height:271px}.bim-scene3 .image.-design{width:55.72px;height:68.35px}.bim-scene3 .image.-facilities{width:61.77px;height:58.5px}.bim-scene3 .image.-structure{width:55.72px;height:71.66px}.bim-scene3 .image.-production{width:72.12px;height:66.23px}.bim-scene3 .graphics{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-50px)}@media(max-width: 767px){.bim-scene3 .graphics{transform:translateY(-50px) scale(0.55)}}.bim-scene3 .text{position:absolute;top:50%;left:50%;width:100%;font-size:2.5rem;font-weight:700;text-align:center;transform:translate(-50%, 270px)}@media(max-width: 767px){.bim-scene3 .text{top:auto;bottom:20px;padding:0 20px;font-size:1.8rem;transform:translate(-50%, 0)}}.bim-scene3 .line{position:absolute;top:50%;left:50%;width:1px;height:50%;background:#00a040;transform-origin:0 0}.bim-scene4{height:100vh;background:#fff}.bim-scene4 .graphics{position:absolute;width:100%;height:100%}@media(max-width: 767px){.bim-scene4 .graphics{top:100px}}.bim-scene4 .line{position:absolute;background:#00a040}.bim-scene4 .line.-vertical1{top:-300px;left:50%;width:1px;height:50%}.bim-scene4 .line.-vertical2{top:calc(50% - 300px);left:50%;width:1px;height:30px;transform-origin:0 0}.bim-scene4 .line.-vertical3{top:calc(50% - 300px);left:calc(50% + 230px);width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical3{left:calc(50% + 104px)}}.bim-scene4 .line.-vertical4{top:calc(50% - 300px);left:calc(50% - 230px);width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical4{left:calc(50% - 104px)}}.bim-scene4 .line.-horizontal1{top:calc(50% - 300px);left:calc(50% - 230px);width:460px;height:1px}@media(max-width: 767px){.bim-scene4 .line.-horizontal1{width:208px;left:calc(50% - 104px)}}.bim-scene4 .line.-vertical5{top:50%;left:calc(50% - 230px);width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical5{top:calc(50% - 125px);left:calc(50% - 104px)}}.bim-scene4 .line.-vertical6{top:50%;left:50%;width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical6{top:calc(50% - 125px)}}.bim-scene4 .line.-vertical7{top:50%;left:calc(50% + 230px);width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical7{top:calc(50% - 125px);left:calc(50% + 104px)}}.bim-scene4 .line.-vertical8{top:calc(50% + 30px);left:50%;width:1px;height:30px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-vertical8{top:calc(50% - 95px)}}.bim-scene4 .line.-horizontal2{top:calc(50% + 29px);left:calc(50% - 230px);width:230px;height:1px;transform-origin:0 0}@media(max-width: 767px){.bim-scene4 .line.-horizontal2{top:calc(50% - 95px);left:calc(50% - 104px);width:104px}}.bim-scene4 .line.-horizontal3{top:calc(50% + 29px);left:50%;width:230px;height:1px;transform-origin:100% 0}@media(max-width: 767px){.bim-scene4 .line.-horizontal3{top:calc(50% - 95px);width:104px}}.bim-scene4 .element{position:absolute}.bim-scene4 .element.-designer{top:calc(50% - 230px);left:calc(50% - 85px - 230px);text-align:center}@media(max-width: 767px){.bim-scene4 .element.-designer{top:calc(50% - 300px);transform:translate(126px, 0) scale(0.55)}}.bim-scene4 .element.-constructor{top:calc(50% - 230px);left:calc(50% - 85px);text-align:center}@media(max-width: 767px){.bim-scene4 .element.-constructor{top:calc(50% - 300px);transform:translate(0, 0) scale(0.55)}}.bim-scene4 .element.-partner{top:calc(50% - 230px);left:calc(50% - 85px + 230px)}@media(max-width: 767px){.bim-scene4 .element.-partner{top:calc(50% - 300px);transform:translate(-126px, 0) scale(0.55)}}.bim-scene4 .element.-tablet{top:calc(50% + 100px);left:calc(50% - 120px)}.bim-scene4 .element.-smartphone{top:calc(50% + 150px);left:calc(50% - 35px - 134px)}.bim-scene4 .element.-pc{top:calc(50% + 96px);left:calc(50% - 76px)}@media(max-width: 767px){.bim-scene4 .element.-pc{top:calc(50% - 75px);left:calc(50% - 83px);transform:scale(0.55)}}.bim-scene4 .name{margin-top:10px;text-align:center}@media(max-width: 767px){.bim-scene4 .name{transform:scale(1.7)}}.bim-scene4 .text{position:absolute;top:50%;left:50%;width:100%;font-size:2.5rem;font-weight:700;text-align:center;transform:translate(-50%, 270px)}@media(max-width: 767px){.bim-scene4 .text{top:auto;bottom:20px;padding:0 20px;font-size:1.8rem;transform:translate(-50%, 0)}}.bim-scene5{padding-top:200px;background:#fff}.bim-scene5 .movie{display:flex;flex-direction:column;align-items:flex-start;width:500px;margin:0 auto}@media(max-width: 767px){.bim-scene5 .movie{width:100%;padding:0 20px}}.bim-scene5 .name{margin-top:10px;font-size:2rem}@media(max-width: 767px){.bim-scene5 .name{font-size:1.5rem}}.bim-scene5 .video{width:500px;aspect-ratio:16/9.93}@media(max-width: 767px){.bim-scene5 .video{width:100%}}.-safari14 .bim-scene5 .video{height:313px}@media(max-width: 767px){.-safari14 .bim-scene5 .video{height:260px}}.bim-scene6{display:flex;justify-content:center;align-items:center;height:100vh;background:#fff}.bim-scene6 .lead{font-size:2.5rem;font-weight:700;line-height:1;text-align:center}@media(max-width: 767px){.bim-scene6 .lead{padding:0 20px;font-size:1.8rem}}.bim-scene6 .text{display:block;margin-top:30px}@media(max-width: 767px){.bim-scene6 .text{margin-top:15px}}.bim-scene6 .text.-em{font-size:9rem}@media(max-width: 767px){.bim-scene6 .text.-em{font-size:3rem}}.bim-scene6 .text.-annotation1{display:inline;font-size:2.2rem}@media(max-width: 767px){.bim-scene6 .text.-annotation1{font-size:1.2rem}}.bim-scene6 .text.-annotation2{margin-top:50px;font-size:1.6rem}@media(max-width: 767px){.bim-scene6 .text.-annotation2{font-size:1.3rem}}.bim-scene7{padding-bottom:200px;background:#fff;text-align:center}@media(max-width: 767px){.bim-scene7{padding-left:20px;padding-right:20px}}.bim-scene7 .image{width:960px;height:auto}@media(max-width: 767px){.bim-scene7 .image{width:100%;height:auto}}.bim-scene8{height:100vh;background:#fff}.bim-scene8 .picture{position:absolute;top:0;left:0;width:100%;height:100%}.bim-scene8 .image{width:100%;height:100%;object-fit:cover}.bim-scene8 .photoset{height:100%}@media(max-width: 767px){.bim-scene8 .photoset.-pc{display:none}}.bim-scene8 .photoset.-sp{display:none}@media(max-width: 767px){.bim-scene8 .photoset.-sp{display:flex;grid-gap:1px;gap:1px;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%}}.bim-scene8 .top{height:20%}.bim-scene8 .list{display:flex;grid-gap:1px;gap:1px;height:100%}.bim-scene8 .item{flex:1}.bim-scene8 .center{height:60%}.bim-scene8 .bottom{height:20%}.bim-scene8 .text{position:absolute;top:0;left:0;width:100%}.bim-scene8 .text.-text1{color:#fff}.bim-scene8 .text.-text2{color:#fff}.bim-scene8 .text.-text3{display:flex;justify-content:center;align-items:center;height:100%}.bim-scene8 .lead{width:100%;font-size:2.5rem;font-weight:700;text-align:center;line-height:1.7}.bim-scene8 .lead:not(:first-child){margin-top:500px}@media(max-width: 767px){.bim-scene8 .lead{padding:0 20px;font-size:2rem}}.bim-scene8 .em{font-size:5.5rem}@media(max-width: 767px){.bim-scene8 .em{display:block;margin:20px 0;font-size:4rem;line-height:1.3}}.bim-scene9{height:100vh;background:url(/chronicle/130th/story/bim/img/img-footer.jpg) center center no-repeat;background-size:cover}.bim-scene9 .move{display:flex;justify-content:center;align-items:flex-end;height:100%}.bim-scene9 .buttons{padding-bottom:100px}.bim-scene9 .button.-button2{margin-top:30px}.bim-scene9 .anchor{position:relative;display:flex;align-items:center;width:300px;height:72px;text-decoration:none;overflow:hidden}.bim-scene9 .anchor::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);transition-duration:.5s}.bim-scene9 .anchor.-anchor1{justify-content:flex-end;padding-right:40px;background:#fff;border:1px solid #b4b9be;color:#666;font-size:1.6rem;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);transition-duration:.5s}.bim-scene9 .anchor.-anchor1::before{background:#00a040;transform:translateX(100%)}.bim-scene9 .anchor.-anchor1::after{content:"";position:absolute;top:50%;left:30px;width:11px;height:11px;border-top:1px solid #b4b9be;border-left:1px solid #b4b9be;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);transition-duration:.5s;transform:translate(0, -50%) rotateZ(-45deg)}.bim-scene9 .anchor.-anchor2{justify-content:flex-start;padding:0 60px 0 40px;background:rgba(0,0,0,.7);border:1px solid #b4b9be;color:#fff;font-size:1.4rem;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);transition-duration:.5s}.bim-scene9 .anchor.-anchor2::before{background:#00a040;transform:translateX(-100%)}.bim-scene9 .anchor.-anchor2::after{right:30px;border-top:1px solid #b4b9be;border-right:1px solid #b4b9be;transform:translate(0, -50%) rotateZ(45deg)}.bim-scene9 .anchor:hover{border-color:#00a040;background:#00a040;color:#fff}.bim-scene9 .anchor:hover::before{transform:translateX(0)}.bim-scene9 .anchor:hover::after{border-color:#fff}.bim-scene9 .anchortext{position:relative}.bim-scene9 .icon{position:absolute;right:30px;width:13px;height:13px;fill:#fff}.bim-scene1 .path.-pc{transform-origin:300.8px 184px}.bim-scene1 .path.-sp{transform-origin:117.75px 81px}.bim-scene3 .text{font-size:2rem}@media(max-width: 767px){.bim-scene3 .text{font-size:1.3rem}}.bim-scene4 .text{font-size:2rem}@media(max-width: 767px){.bim-scene4 .text{font-size:1.3rem}}@media(max-width: 767px){.bim-scene4 .name{transform:scale(1.2)}}.bim-scene6 .lead{font-size:2rem}@media(max-width: 767px){.bim-scene6 .lead{width:100%;padding:0 20px;font-size:1.3rem}}.bim-scene6 .text.-em{font-size:7rem}@media(max-width: 767px){.bim-scene6 .text.-em{font-size:3rem}}.bim-scene6 .text.-annotation1{font-size:1.5rem}@media(max-width: 767px){.bim-scene6 .text.-annotation1{font-size:1rem}}.bim-scene6 .text.-project{margin:0 0 50px 0}@media(max-width: 767px){.bim-scene6 .text.-project{margin:0 0 20px 0}}@media(max-width: 767px){.bim-scene8 .lead{font-size:1.5rem}}.bim-slider{position:relative}.bim-slider .view{width:800px;margin:0 auto;border:1px solid #b4b9be}@media(max-width: 767px){.bim-slider .view{width:100%;border-left:none;border-right:none}}.bim-slider .image{width:100%;height:auto}.bim-slider .list{display:flex;justify-content:center;width:800px;margin:20px auto 0}@media(max-width: 767px){.bim-slider .list{flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 20px}}.bim-slider .item{margin:3px}@media(max-width: 767px){.bim-slider .item{margin:5px}}.bim-slider .pagenation{display:block;width:11px;height:11px;border:1px solid #b4b9be;border-radius:99px;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.bim-slider .pagenation.-active{border-color:#00a040;background:#00a040}.bim-slider .pagenation:hover{border-color:#00a040;background:#00a040;opacity:.5}.bim-slider .buttons{display:flex;justify-content:space-between;padding:20px 29px 0}.bim-slider .button{display:block;position:absolute;top:calc(50% - 15px);width:30px;height:30px;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}@media(max-width: 767px){.bim-slider .button{position:static;width:15px;height:15px}}.bim-slider .button.-prev{left:calc(50% - 15px - 430px);border-top:1px solid #000;border-left:1px solid #000;transform:rotateZ(-45deg)}.bim-slider .button.-next{left:calc(50% - 15px + 430px);border-top:1px solid #000;border-right:1px solid #000;transform:rotateZ(45deg)}.bim-slider .button.-disabled{opacity:.2;pointer-events:none}.bim-slider .button:hover{border-color:#00a040}