@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}.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%)}.eastjapan-component{min-height:100vh}.scroll-mark{transform:translateY(-100px)}.eastjapan-page{background:#000}.eastjapan-page .scene{position:relative;width:100%;overflow:hidden}.eastjapan-page .curtain{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none}.eastjapan-page .-roboto{font-family:"Roboto",sans-serif}.eastjapan-scene1{height:100vh;background:#fff}.eastjapan-scene1 .wrapper{position:relative;width:100%;height:100%;overflow:hidden}.eastjapan-scene1 .title{position:absolute;visibility:hidden}.eastjapan-scene1 .svg{position:absolute}.eastjapan-scene1 .picture{position:absolute;width:100%;height:100%}.eastjapan-scene1 .picture.-bg1{padding-top:100px}.eastjapan-scene1 .picture.-bg1 .image{width:100%;height:100%;object-fit:cover}.eastjapan-scene1 .picture.-bg2 .image{width:100%;height:100%;object-fit:cover;-webkit-clip-path:url(#titlepath);clip-path:url(#titlepath)}@media(max-width: 767px){.eastjapan-scene1 .picture.-bg2 .image{-webkit-clip-path:url(#titlepathSP);clip-path:url(#titlepathSP)}}.eastjapan-scene1 .clippath{position:absolute;top:50%;left:50%}.eastjapan-scene1 .path.-pc{transform-origin:351px 128.66px}.eastjapan-scene1 .path.-sp{transform-origin:136.9px 73px}.eastjapan-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){.eastjapan-scene1 .text{font-size:2rem;padding:0 20px}}.eastjapan-scene1 .lead:not(:first-child){margin-top:60px}.eastjapan-scene2{position:relative;height:100vh;background:#fff}.eastjapan-scene2 .text{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}.eastjapan-scene2 .lead{font-size:2.5rem;font-weight:700;text-align:center}@media(max-width: 767px){.eastjapan-scene2 .lead{font-size:1.6rem;padding:0 20px}}.eastjapan-scene3{padding-top:200px;background:#fff}.eastjapan-scene3 .anchor{display:block;position:relative;width:960px;margin:0 auto;text-align:center;cursor:zoom-in;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.eastjapan-scene3 .anchor:hover .image{opacity:.7}.eastjapan-scene3 .anchor:hover .icon{transform:scale(1.4)}.eastjapan-scene3 .anchor:hover::before{background:rgba(255,255,255,.7);transform:scale(3)}@media(max-width: 767px){.eastjapan-scene3 .anchor{width:100%;padding:0 20px}}.eastjapan-scene3 .anchor .image{width:100%;height:auto;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.eastjapan-scene3 .anchor::before{content:"";position:absolute;right:15px;bottom:15px;width:25px;height:25px;background:rgba(255,255,255,0);border-radius:100%;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);transition-duration:600ms}.eastjapan-scene3 .icon{position:absolute;right:15px;bottom:15px;width:25px;height:25px;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.4));filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.4));transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.eastjapan-scene4{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden}.action-map{position:absolute;top:-150px;left:calc(50% - 950px);z-index:1}.action-map .map{transform-origin:100% 20%}@media(max-width: 767px){.action-map{top:-180px;left:-275px;transform:scale(0.5)}}.action-map .base{-webkit-mask-image:linear-gradient(180deg, transparent 200px, #000 300px);mask-image:linear-gradient(180deg, transparent 200px, #000 300px)}.action-map .highway{position:absolute;top:211px;left:330px}.action-map .detail{position:absolute}.action-map .detail.-text1{top:603px;left:485px}.action-map .detail.-text2{top:774px;left:465px}.action-map .detail.-text3{top:261px;left:288px}.action-map .detail.-text4{top:678px;left:288px}.action-map .detail.-text5{top:290px;left:427px}.action-map .detail.-text6{top:234px;left:260px}.action-map .detail.-text6upper{top:488px;left:260px;z-index:999}.action-book{position:absolute;left:calc(50% - 140px);width:620px;height:100%;z-index:2}@media(max-width: 767px){.action-book{left:0;width:100%}}.action-book .text{position:absolute;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width: 767px){.action-book .text{width:100%}}.action-book .lead{margin-bottom:40px;font-size:1.8rem;line-height:2}@media(max-width: 767px){.action-book .lead{padding:0 20px}}.action-book .lead .small{display:flex;justify-content:flex-start;align-items:flex-start;font-size:1.2rem;color:#666}.action-book .lead .sup{vertical-align:text-top;font-size:1.2rem}.action-book .lead .mark{margin-right:10px}.action-book .photo{margin-bottom:40px;text-align:center}@media(max-width: 767px){.action-book .photo{width:100%;padding:0 20px}}@media(max-width: 767px){.action-book .image{width:100%;height:auto}}.action-book .title{display:flex;flex-direction:column;justify-content:center;align-items:center;width:620px;height:413px;margin-bottom:80px;color:#fff;font-size:4.9rem;font-weight:700;text-align:center}@media(max-width: 767px){.action-book .title{width:100%;font-size:3.5rem;padding:0 20px}}.action-book .title.-title1{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title1.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title1{background-size:cover}}.action-book .title.-title2{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title2.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title2{background-size:cover}}.action-book .title.-title3{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title3.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title3{background-size:cover}}.action-book .title.-title4{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title4.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title4{background-size:cover}}.action-book .title.-title5{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title5.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title5{background-size:cover}}.action-book .title.-title6{background:url(/chronicle/130th/story/eastjapan-earthquake/img/bg-title6.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.action-book .title.-title6{background-size:cover}}.action-book .title .small{font-size:2.5rem}.action-pagenation{position:absolute;top:28px;left:calc(50% - 693px);z-index:3}@media(max-width: 767px){.action-pagenation{top:-20px;left:50%;padding-top:90px;transform:translateX(-50%) scale(0.8);background:#fff}}.action-pagenation .pagenation{position:relative;width:553px;height:100px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%)}.action-pagenation .timeline{position:absolute;top:13px;width:100%;height:1px;background:linear-gradient(90deg, #00a040 0, #00a040 50%, #d8dcdf 50%, #d8dcdf 100%)}.action-pagenation .seekbar{position:absolute;top:13px;left:50%;width:0;height:1px;background:#00a040;transition:transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1)}.action-pagenation .list{position:absolute;top:13px;left:50%;transition:1000ms cubic-bezier(0.645, 0.045, 0.355, 1)}.action-pagenation .item{position:absolute}.action-pagenation .item:nth-child(1){left:0px}.action-pagenation .item:nth-child(2){left:118px}.action-pagenation .item:nth-child(3){left:236px}.action-pagenation .item:nth-child(4){left:354px}.action-pagenation .item:nth-child(5){left:472px}.action-pagenation .item:nth-child(6){left:590px}.action-pagenation .center{position:absolute;top:-5px;left:-5px;width:11px;height:11px;background:#b4b9be;border-radius:100%;transition:1000ms cubic-bezier(0.645, 0.045, 0.355, 1)}.action-pagenation .center.-active{background:#00a040}.action-pagenation .outline{position:absolute;top:-13px;left:-13px;width:27px;height:27px;border:1px solid #00a040;background:#fff;border-radius:100%;transform:scale(0);transition:1000ms cubic-bezier(0.645, 0.045, 0.355, 1)}.action-pagenation .outline.-active{transform:scale(1)}.action-pagenation .comment{position:absolute;top:20px;left:0;white-space:nowrap;transform:translateX(-50%);color:#00a040;font-size:1.4rem;font-weight:700;text-align:center;opacity:0;transition:400ms cubic-bezier(0.645, 0.045, 0.355, 1)}.action-pagenation .comment.-active{opacity:1}.eastjapan-scene5{height:100vh;background:url(/chronicle/130th/story/eastjapan-earthquake/img/img-footer.jpg) center center no-repeat;background-size:cover}.eastjapan-scene5 .move{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.eastjapan-scene5 .lead{margin-bottom:120px;font-size:2.4rem;color:#fff;text-align:center;line-height:1.7;font-weight:700}.eastjapan-scene5 .buttons{padding-bottom:100px}.eastjapan-scene5 .button.-button2{margin-top:30px}.eastjapan-scene5 .anchor{position:relative;display:flex;align-items:center;width:300px;height:72px;text-decoration:none;overflow:hidden}.eastjapan-scene5 .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}.eastjapan-scene5 .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}.eastjapan-scene5 .anchor.-anchor1::before{background:#00a040;transform:translateX(100%)}.eastjapan-scene5 .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)}.eastjapan-scene5 .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}.eastjapan-scene5 .anchor.-anchor2::before{background:#00a040;transform:translateX(-100%)}.eastjapan-scene5 .anchor.-anchor2::after{right:30px;border-top:1px solid #b4b9be;border-right:1px solid #b4b9be;transform:translate(0, -50%) rotateZ(45deg)}.eastjapan-scene5 .anchor:hover{border-color:#00a040;background:#00a040;color:#fff}.eastjapan-scene5 .anchor:hover::before{transform:translateX(0)}.eastjapan-scene5 .anchor:hover::after{border-color:#fff}.eastjapan-scene5 .anchortext{position:relative}.eastjapan-scene5 .icon{position:absolute;right:30px;width:13px;height:13px;fill:#fff}.pagenation-enter-active,.pagenation-leave-active{transition:transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1)}.pagenation-enter,.pagenation-leave-to{transform:translateY(-100px)}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}