@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);
.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}.global-header{border:none;transition-duration:2000ms;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.global-header.-dark{background-color:rgba(0,0,0,.5)}.main-content{padding-top:0}@media(max-width: 767px){.main-content{position:relative;height:-webkit-fill-available;height:fill-available}}.story-page{position:relative;height:100vh}@media(max-width: 767px){.story-page{position:absolute;width:100%;height:100%}}.story-page>.curtain{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none}.story-page>.curtain.-spaceelevator{background:#000}.visual-container{position:absolute;width:100%;height:100%;overflow:hidden}.visual-container .scene{position:absolute;width:100%;height:100%}.visual-container .scene.-spaceelevator{background:#000}.visual-container .visualwrap{position:relative;top:100px;width:100%;height:100%;transform-origin:50% 40%}@media(max-width: 767px){.visual-container .visualwrap.-bim{top:50px}}@media(max-width: 767px){.visual-container .visualwrap.-odict{top:25px}}@media(max-width: 767px){.visual-container .visualwrap.-eastjapanearthquake{top:-40px}}@media(max-width: 767px){.visual-container .visualwrap.-kumamotoearthquake{top:90px}}@media(max-width: 767px){.visual-container .visualwrap.-loop50{top:75px}}.visual-container .visualwrap.-spaceelevator{top:0;display:block;transform-origin:50% 57%}.visual-container .visualwrap.-spaceelevator .visual{position:absolute;width:100%;height:100%}.visual-container .visualwrap.-spaceelevator .background{position:absolute;width:100%;height:100%;background:#000}.visual-container .visuals{position:absolute;top:0;left:0;width:100%;height:100%}.visual-container .visual{position:relative;width:100%;height:100%}.visual-container .image{width:100%;height:100%;object-fit:cover}.visual-container .image.-pole{transform:translate(-318px, -1px) scale(0.17);transform-origin:356px 50%}.visual-container .curtain{position:absolute;top:0;width:50%;height:100%}.visual-container .curtain.-bim{left:0;background:linear-gradient(-90deg, transparent, #ffffff 20px)}.-safari .visual-container .curtain.-bim{background:#fff}.visual-container .curtain.-odict{right:0;background:linear-gradient(90deg, transparent, #ffffff 20px)}.-safari .visual-container .curtain.-odict{background:#fff}.visual-container .curtain.-eastjapanearthquake{left:0;background:linear-gradient(-90deg, transparent, #ffffff 20px)}.-safari .visual-container .curtain.-eastjapanearthquake{background:#fff}.visual-container .curtain.-kumamotoearthquake{right:0;background:linear-gradient(90deg, transparent, #ffffff 20px)}.-safari .visual-container .curtain.-kumamotoearthquake{background:#fff}.visual-container .curtain.-loop50{left:0;background:linear-gradient(-90deg, transparent, #ffffff 20px)}.-safari .visual-container .curtain.-loop50{background:#fff}@media(max-width: 767px){.visual-container .curtain{display:none}}.visual-container .polecurtain{position:absolute;top:calc(50% - 20px);left:-40px;width:40px;height:40px;background:#fff}.visual-container .details{position:absolute;top:50%;left:50%}@media(max-width: 767px){.visual-container .details{top:100px;left:0;width:100%}}.visual-container .details.-bim{transform:translate(-560px, -50%)}@media(max-width: 767px){.visual-container .details.-bim{transform:translate(0, 0)}}.visual-container .details.-odict{transform:translate(150px, -50%)}@media(max-width: 767px){.visual-container .details.-odict{transform:translate(0, 0)}}.visual-container .details.-eastjapanearthquake{transform:translate(-560px, -50%)}@media(max-width: 767px){.visual-container .details.-eastjapanearthquake{transform:translate(0, 0)}}.visual-container .details.-kumamotoearthquake{transform:translate(150px, -50%)}@media(max-width: 767px){.visual-container .details.-kumamotoearthquake{transform:translate(0, 0)}}.visual-container .details.-loop50{transform:translate(-560px, -50%)}@media(max-width: 767px){.visual-container .details.-loop50{transform:translate(0, 0)}}.visual-container .details.-spaceelevator{transform:translate(150px, -50%)}@media(max-width: 767px){.visual-container .details.-spaceelevator{text-align:right;transform:translate(0, 0)}}.visual-container .title{font-size:2.8rem;color:#222;white-space:nowrap}@media(max-width: 767px){.visual-container .title{position:relative;width:100%;padding:0 50px 0 20px;font-size:1.6rem}.visual-container .title::before{content:"";position:absolute;top:calc(50% - 10px);right:20px;width:20px;height:20px;border:1px solid #00a040;border-radius:100%}.visual-container .title::after{content:"";position:absolute;top:calc(50% - 3px);right:28px;width:6px;height:6px;border-top:1px solid #00a040;border-right:1px solid #00a040;transform:rotateZ(45deg)}.visual-container .title.-loop50{display:inline-block;width:auto}.visual-container .title.-spaceelevator{display:inline-block;width:auto}}.visual-container .title.-spaceelevator{color:#fff}.visual-container .lead{width:400px;margin-top:20px;font-size:1.4rem;color:#666;line-height:2}.visual-container .anchor{display:flex;align-items:center;position:relative;width:172px;height:40px;padding:0 20px;margin-top:20px;background:#fff;border:1px solid #b4b9be;color:#b4b9be;text-decoration:none;font-size:1.3rem;overflow:hidden;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}@media(max-width: 767px){.visual-container .anchor{display:none}}.visual-container .anchor::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00a040;transform:translateX(-100%);transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.visual-container .anchor::after{content:"";position:absolute;top:calc(50% - 5px);right:20px;width:11px;height:11px;border-top:1px solid #b4b9be;border-right:1px solid #b4b9be;transform:rotateZ(45deg);transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.visual-container .anchor:hover{color:#fff;border-color:#00a040}.visual-container .anchor:hover::before{transform:translateX(0)}.visual-container .anchor:hover::after{border-color:#fff}.visual-container .anchortext{position:relative}.nav-container{position:absolute;z-index:999;bottom:0;width:100%;border-top:1px solid #e8ebed;transition-duration:2000ms;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-container.-dark{background-color:rgba(0,0,0,.5);border-top-color:#000}@media(max-width: 767px){.nav-container.-dark{background:#000}}.nav-container .list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.nav-container .item{display:flex;justify-content:center;align-items:center;position:relative;width:100px;height:140px}.nav-container .item:not(:first-child){margin-left:50px}@media(max-width: 767px){.nav-container .item:not(:first-child){margin-left:0}}@media(max-width: 767px){.nav-container .item{width:30%;height:90px}}.nav-container .anchor{display:block;position:relative;width:100px;text-align:center;color:#666;text-decoration:none;font-size:1.2rem}.nav-container .anchor:hover,.nav-container .anchor.-active{color:#00a040}.nav-container .anchor:hover .image,.nav-container .anchor.-active .image{fill:#00a040}.nav-container .anchor:hover .text,.nav-container .anchor.-active .text{border-color:#00a040}@media(max-width: 767px){.nav-container .anchor{width:80px;font-size:1rem}}.nav-container .image{width:100px;height:80px;fill:#666;transition:400ms}@media(max-width: 767px){.nav-container .image{width:70px;height:56px}}.nav-container .text{margin-top:8px;padding-top:10px;border-top:1px solid #666;transition:400ms}@media(max-width: 767px){.nav-container .text{margin-top:5px;padding-top:2px}}.scroll-icon{position:absolute;left:50%;z-index:999;bottom:135px}@media(max-width: 767px){.scroll-icon{display:none}}