@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%)}.odict-component{min-height:100vh}.scroll-mark{transform:translateY(-100px)}.odict-page{background:#000}.odict-page .scene{position:relative;width:100%;overflow:hidden}.odict-page .curtain{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none}.odict-page .-roboto{font-family:"Roboto",sans-serif}.odict-scene1{height:100vh;background:#fff}.odict-scene1 .wrapper{position:relative;width:100%;height:100%;overflow:hidden}.odict-scene1 .title{position:absolute;visibility:hidden}.odict-scene1 .svg{position:absolute}.odict-scene1 .picture{position:absolute;width:100%;height:100%}.odict-scene1 .picture.-bg1{padding-top:100px}.odict-scene1 .picture.-bg1 .image{width:100%;height:100%;object-fit:cover}.odict-scene1 .picture.-bg2 .image{width:100%;height:100%;object-fit:cover;-webkit-clip-path:url(#titlepath);clip-path:url(#titlepath)}@media(max-width: 767px){.odict-scene1 .picture.-bg2 .image{-webkit-clip-path:url(#titlepathSP);clip-path:url(#titlepathSP)}}.odict-scene1 .clippath{position:absolute;top:50%;left:50%}.odict-scene1 .path.-pc{transform-origin:404.96px 125px}.odict-scene1 .path.-sp{transform-origin:70.5px 80px}.odict-scene1 .text{position:absolute;top:50%;left:50%;width:100%;font-size:2.5rem;font-weight:700;text-align:center;color:#fff;transform:translate(-50%, -50%)}@media(max-width: 767px){.odict-scene1 .text{padding:0 20px;font-size:2rem}}.odict-scene1 .lead:not(:first-child){margin-top:60px}.odict-scene2{display:flex;justify-content:center;align-items:center;padding:300px 0;background:#fff}.odict-scene2 .lead{font-size:2.5rem;font-weight:700;text-align:center;line-height:1.8}@media(max-width: 767px){.odict-scene2 .lead{padding:0 20px;font-size:2rem}}.odict-scene3{height:100vh;margin-bottom:200px;background:#000;color:#fff}.odict-scene3 .wrapper{position:relative;width:100%;height:100%;overflow:hidden}.odict-scene3 .subtitle{position:absolute;top:75vh;left:50%;width:100%;font-size:2.5rem;font-weight:700;text-align:center;transform:translate(-50%, 0)}@media(max-width: 767px){.odict-scene3 .subtitle{top:auto;bottom:30px;left:0;padding:0 20px;font-size:2rem;transform:none}}.odict-scene3 .dam{position:absolute;top:calc(50% - 228px);left:calc(50% - 205px)}@media(max-width: 767px){.odict-scene3 .dam{top:calc(50% - 150px);left:0;padding:0 60px}.odict-scene3 .dam .image{width:100%;height:auto}}.odict-scene3 .element{position:absolute}.odict-scene3 .element.-iia{top:50%;left:50%;transform:translate(-50%, -50%)}@media(max-width: 767px){.odict-scene3 .element.-ict{top:calc(50% - 200px);left:50%;transform:translate(-50%, -50%)}.odict-scene3 .element.-ict .image{transform:scale(0.8)}}@media(max-width: 767px){.odict-scene3 .element.-iot{top:calc(50% - 100px);left:50%;transform:translate(-50%, -50%)}.odict-scene3 .element.-iot .image{transform:scale(0.8)}}@media(max-width: 767px){.odict-scene3 .element.-ai{top:50%;left:50%;transform:translate(-50%, -50%)}.odict-scene3 .element.-ai .image{transform:scale(0.8)}}.odict-scene4{height:100vh;color:#fff}.odict-scene4 .picture{position:absolute;top:0;left:0;width:100%;height:100%}.odict-scene4 .image{width:100%;height:100%;object-fit:cover}.odict-scene4 .text{position:absolute;top:50%;left:50%;width:100%;font-size:2.5rem;font-weight:700;text-align:center;transform:translate(-50%, -50%)}@media(max-width: 767px){.odict-scene4 .text{padding:0 20px;font-size:2rem}}.odict-scene4 .em{font-size:7.8rem}@media(max-width: 767px){.odict-scene4 .em{font-size:4rem}}.odict-scene5{padding:500px 0 300px;color:#fff}.odict-scene5 .title{font-size:10rem;font-weight:700;text-align:center;display:none}.odict-scene5 .logo{text-align:center;padding-bottom:160px}@media(max-width: 767px){.odict-scene5 .logo{padding:0 20px 100px 20px}}.odict-scene5 .logoimage{width:387.06px;height:75.98px;stroke:#fff;stroke-dasharray:300 300;stroke-dashoffset:0;fill:#fff}@media(max-width: 767px){.odict-scene5 .logoimage{width:100%}}.odict-scene5 .list{display:flex;justify-content:space-between;width:960px;margin:0 auto}@media(max-width: 767px){.odict-scene5 .list{display:block;width:100%;padding:0 20px}}.odict-scene5 .item{display:flex;flex-direction:column;justify-content:flex-end}@media(max-width: 767px){.odict-scene5 .item{margin-top:30px}}.odict-scene5 .name{font-size:1.6rem}.odict-scene5 .picture{margin-top:10px}.odict-scene5 .line{margin-top:150px}@media(max-width: 767px){.odict-scene5 .line{margin-top:0}}.odict-scene5 .image{height:175px}@media(max-width: 767px){.odict-scene5 .image{width:100%;height:auto}}.odict-scene6{padding-top:300px;background:#fff}.odict-scene6 .title{font-size:10rem;font-weight:700;text-align:center;display:none}.odict-scene6 .logo{text-align:center;padding-bottom:100px}@media(max-width: 767px){.odict-scene6 .logo{padding:0 20px 100px 20px}}.odict-scene6 .logoimage{width:324.07px;height:95.31px;stroke:#fff;stroke-dasharray:300 300;stroke-dashoffset:0;fill:#fff}@media(max-width: 767px){.odict-scene6 .logoimage{width:100%}}.odict-scene6 .header{display:flex;align-items:center;position:relative;width:960px;height:200px;margin:0 auto}.odict-scene6 .num{position:absolute;left:-70px;width:270px;height:200px}@media(max-width: 767px){.odict-scene6 .num{left:-30px;width:170px}}.odict-scene6 .section{position:relative}.odict-scene6 .sectiontitle{position:relative;font-size:5rem;font-weight:700}@media(max-width: 767px){.odict-scene6 .sectiontitle{padding-left:20px;font-size:2.5rem}}.odict-scene6 .graphics{position:absolute;top:0;left:0;width:100%}.odict-scene6 .visual{position:relative;width:100%;height:450px;margin-top:50px;overflow:hidden}@media(max-width: 767px){.odict-scene6 .visual{height:auto}}.odict-scene6 .visualimage{position:absolute;top:50%;width:100%;height:auto;transform:translateY(-50%)}@media(max-width: 767px){.odict-scene6 .visualimage{position:relative;transform:none}}.odict-scene6 .parallax{position:relative;width:100%;height:100%}.odict-scene6 .content{display:flex;justify-content:space-between;position:relative;width:960px;margin:0 auto;padding-top:70px}@media(max-width: 767px){.odict-scene6 .content{display:block;width:100%;padding:40px 20px 0}}.odict-scene6 .lead{width:460px;font-size:2.5rem;font-weight:700;line-height:1.6}@media(max-width: 767px){.odict-scene6 .lead{width:100%;font-size:1.6rem}}.odict-scene6 .movie{width:420px}@media(max-width: 767px){.odict-scene6 .movie{width:100%}}.section-concrete{margin-top:220px}@media(max-width: 767px){.section-concrete .graphics{transform:scale(0.5);transform-origin:100% 100%;opacity:.2}}.section-concrete .crane{position:absolute;left:calc(50% + 335px);top:-186px}@media(max-width: 767px){.section-concrete .crane{left:auto;top:0;right:23px}}.section-concrete .wire{position:relative;left:35px;flex:1;width:1px;height:220px;background:#000}.section-concrete .cranearm{display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:calc(50% + 304px);top:-186px;height:300px}@media(max-width: 767px){.section-concrete .cranearm{top:0;right:277px;left:auto}}.section-surrogate{margin-top:500px}@media(max-width: 767px){.section-surrogate .graphics{transform:scale(0.65);transform-origin:100% 100%;opacity:.2}}.section-surrogate .pilot{position:absolute;top:-70px;left:calc(50% + 290px)}@media(max-width: 767px){.section-surrogate .pilot{top:0;right:20px;left:auto}}.section-surrogate .content{position:relative}.section-surrogate .excavator{position:absolute;left:calc(50% + 50px);transform:scale(0.7)}@media(max-width: 767px){.section-surrogate .excavator{position:relative;top:70px;left:-60px;transform:scale(0.35)}}.section-surrogate .parts{position:absolute;top:0;left:0}.section-surrogate .parts.-body{top:209px;left:363px}.section-surrogate .parts.-arm1{top:-137px;left:-269px;z-index:1;transform-origin:453px 273px;animation:arm1 3s ease-in-out infinite alternate}.section-surrogate .parts.-piston1{top:71px;left:314px;z-index:3;transform-origin:10px 10px;animation:piston1 3s ease-in-out infinite alternate}.section-surrogate .parts.-piston2{top:2px;left:52px;z-index:1;transform-origin:6px 6px;animation:piston2 3s -1s ease-in-out infinite alternate}.section-surrogate .parts.-piston3{top:163px;left:-32px;z-index:1}.section-surrogate .parts.-cylinder1{top:81px;left:30px;z-index:2;animation:cylinder1 3s ease-in-out infinite alternate}.section-surrogate .parts.-cylinder2{top:33px;left:100px;z-index:2;animation:cylinder2 3s -1s ease-in-out infinite alternate-reverse}.section-surrogate .parts.-cylinder3{top:92px;left:-20px;z-index:1}.section-surrogate .parts.-arm2{top:-72px;left:-56px;z-index:1;transform-origin:69px 84px;animation:arm1 3s -1s ease-in-out infinite alternate-reverse}.section-surrogate .parts.-crow{top:331px;left:-38px;z-index:2}.section-surrogate .parts.-subarm1{top:298px;left:-25px;z-index:1}.section-surrogate .parts.-subarm2{top:301px;left:-27px;z-index:1}.section-surrogate .partsimage{position:relative}.section-surrogate .partsimage.-body{z-index:3}.section-surrogate .partsimage.-arm1{z-index:3}.section-surrogate .partsimage.-arm2{z-index:2}@keyframes arm1{0%{transform:rotateZ(30deg)}100%{transform:rotateZ(-10deg)}}@keyframes piston1{0%{transform:rotateZ(1deg)}100%{transform:rotateZ(-4deg)}}@keyframes piston2{0%{transform:rotateZ(10deg)}100%{transform:rotateZ(-27deg)}}@keyframes cylinder1{0%{transform:translate(0, 0)}100%{transform:translate(-10px, -30px)}}@keyframes cylinder2{0%{transform:translate(0, 0)}100%{transform:translate(36px, 12px)}}.section-autodrive{margin-top:500px}@media(max-width: 767px){.section-autodrive .graphics{transform-origin:100% 100%;opacity:.2}}.section-autodrive .truck.-truck1{position:absolute;top:21px;left:50%}@media(max-width: 767px){.section-autodrive .truck.-truck1{left:-100px}}.section-autodrive .truck.-truck2{position:relative;width:600px;height:236px;transform:scaleX(-1)}.section-autodrive .tire{position:absolute;top:170px}.section-autodrive .tire.-tire1{left:57px}.section-autodrive .tire.-tire2{left:191px}.section-autodrive .tire.-tire3{left:405px}.section-autodrive .tire.-tire4{left:495px}.section-autodrive .driver{position:absolute;bottom:35px;right:35px;border:10px solid #fff}@media(max-width: 767px){.section-autodrive .driver{position:static;border:none}.section-autodrive .driver .driverimage{width:100%;height:auto}}.section-autodrive .bottom{margin-top:100px}.section-autodrive .video{width:420px;aspect-ratio:16/9}@media(max-width: 767px){.section-autodrive .video{width:100%;margin-top:30px}}.-safari14 .section-autodrive .video{height:237px}@media(max-width: 767px){.-safari14 .section-autodrive .video{height:240px}}.section-autodrive .videoname{font-size:1.4rem;margin:10px 0 30px}.odict-scene7{display:flex;justify-content:center;align-items:center;height:100vh;background:#fff;text-align:center;font-size:2.5rem;font-weight:700}@media(max-width: 767px){.odict-scene7{padding:0 20px;font-size:2rem}}.odict-scene8{height:100vh;background:url(/chronicle/130th/story/odict/img/img-footer.jpg) center center no-repeat;background-size:cover}.odict-scene8 .move{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%}.odict-scene8 .buttons{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:100px}.odict-scene8 .button.-button2{margin-top:30px}.odict-scene8 .anchor{position:relative;display:flex;align-items:center;width:300px;height:72px;text-decoration:none;overflow:hidden}.odict-scene8 .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}.odict-scene8 .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}.odict-scene8 .anchor.-anchor1::before{background:#00a040;transform:translateX(100%)}.odict-scene8 .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)}.odict-scene8 .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}.odict-scene8 .anchor.-anchor2::before{background:#00a040;transform:translateX(-100%)}.odict-scene8 .anchor.-anchor2::after{right:30px;border-top:1px solid #b4b9be;border-right:1px solid #b4b9be;transform:translate(0, -50%) rotateZ(45deg)}.odict-scene8 .anchor:hover{border-color:#00a040;background:#00a040;color:#fff}.odict-scene8 .anchor:hover::before{transform:translateX(0)}.odict-scene8 .anchor:hover::after{border-color:#fff}.odict-scene8 .anchortext{position:relative}.odict-scene8 .icon{position:absolute;right:30px;width:13px;height:13px;fill:#fff}.odict-scene1 .path.-pc{transform-origin:328.65px 107px}.odict-scene1 .path.-sp{transform-origin:76.2px 83px}.odict-scene3 .subtitle{font-size:2rem}@media(max-width: 767px){.odict-scene3 .subtitle{font-size:1.3rem}}@media(max-width: 767px){.odict-scene4 .text{font-size:1.5rem}}.odict-scene4 .em{font-size:6rem}@media(max-width: 767px){.odict-scene4 .em{font-size:3rem;line-height:1}}.odict-scene6 .logoimage{width:368.95px;height:72.07px}@media(max-width: 767px){.odict-scene6 .logoimage{width:100%}}