@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}.landscape-blocker .cover{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;background:#fff}.landscape-blocker .icon{margin-bottom:20px}[v-cloak]{display:none !important}.global-header{background:none;border:none;transition:none;height:94px}@media(max-width: 767px){.global-header{height:64px}}.global-header-nav__sub{display:none}.-roboto{font-family:"Roboto",sans-serif}.tri-base{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden}@media(max-width: 767px){.tri-base{height:100%}}.tri-intro{position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#fff;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tri-intro.-active{pointer-events:auto}.tri-intro .text{text-align:center;opacity:0}.tri-intro .titlemark{font-size:3rem;letter-spacing:1px}@media(max-width: 767px){.tri-intro .titlemark{font-size:1.8rem}}.tri-intro .title{margin-top:20px;font-size:5.1rem;font-weight:700;line-height:1.1;letter-spacing:1px}@media(max-width: 767px){.tri-intro .title{font-size:2.5rem}}.tri-intro .lead{margin-top:40px;font-size:5.5rem;letter-spacing:15px}@media(max-width: 767px){.tri-intro .lead{font-size:2rem}}.tri-guide{position:absolute;top:0;left:0;width:100%;height:100%;background:#dde3e0;pointer-events:none}.tri-guide.-active{pointer-events:auto}.under-title{position:absolute;bottom:50px;left:70px;font-size:3.8rem;transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);pointer-events:none}.under-title.-building{transform:translateX(calc(-100% - 70px))}@media(max-width: 767px){.under-title{top:100px;left:20px;bottom:auto;transform-origin:0 0;transform:scale(0.7)}}.under-title .headline{white-space:nowrap;overflow:hidden}.under-title .headline.-ja{font-size:2.3rem;letter-spacing:7px}@media(max-width: 767px){.under-title .headline.-ja{font-size:1.4rem}}.under-title .headline.-en{margin-top:20px;font-size:1.9rem;letter-spacing:1px}@media(max-width: 767px){.under-title .headline.-en{font-size:1.6rem}}.under-title .title{margin-top:6px;font-size:3.3rem;font-weight:700;letter-spacing:1px;line-height:1.2}@media(max-width: 767px){.under-title .title{font-size:2.6rem}}.tri-map{position:absolute;top:0;left:0;width:100%;height:100%;transition:700ms cubic-bezier(0.645, 0.045, 0.355, 1);transition-property:width,height}.tri-map .map{position:absolute;top:calc(50% + 50px);left:calc(50% + 100px);transform:translate(-50%, -50%)}.tri-map .video{width:2000px}.tri-map.-building{pointer-events:none;width:calc(100% - 864px)}@media(max-width: 767px){.tri-map.-building{width:100%;height:40vh}}.tri-map.-other{pointer-events:none}.tri-pins{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;transition:700ms cubic-bezier(0.645, 0.045, 0.355, 1);transition-property:width,height;pointer-events:none}.tri-pins.-building{width:calc(100% - 864px)}@media(max-width: 767px){.tri-pins.-building{width:100%;height:40vh}}.tri-pins .pins{position:absolute;width:100%;height:100%}.tri-pins .item{position:absolute;top:50%;left:50%;transform-origin:0 0;z-index:2;pointer-events:auto}.tri-pins .item.-hover{z-index:3}.tri-pins .item.-lock{pointer-events:none}.tri-pins .anchor{display:block}.tri-pins .anchor.-hover .pin{fill:#00a040;transform:scale(1.8)}.tri-pins .anchor.-hover+.buildingname{width:100%;transform:translate(27px, -63px)}.tri-pins .icon{position:absolute;top:0;width:22.28px;height:36.9px;transform:translate(-50%, -100%)}.tri-pins .icon::before{content:"";position:absolute;left:calc(50% - 7px);bottom:-3px;width:14px;height:6px;border-radius:100%;background:rgba(0,0,0,.1);-webkit-filter:blur(1px);filter:blur(1px);pointer-events:none}.tri-pins .pin{width:100%;height:auto;fill:#aaa;transition:300ms;transform-origin:50% 100%}.tri-pins .pin.-active{fill:#00a040;transform:scale(1.8)}.tri-pins .buildingname{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transform:translate(27px, -73px);transition:400ms cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:width,transform}.tri-pins .buildingname.-active{width:100%;transform:translate(27px, -63px)}@media(max-width: 767px){.tri-pins .buildingname{display:none}}.tri-pins .buildingname.-technostation1,.tri-pins .buildingname.-technostation2,.tri-pins .buildingname.-technostation3{flex-direction:column-reverse}.tri-pins .buildingname.-structural{left:-220px}.tri-pins .buildingname.-materials{left:-270px}.tri-pins .name{display:block;padding:0 8px;margin-bottom:6px;color:#fff;background:#00a040;white-space:nowrap}.tri-pins .name.-main{font-size:2.4rem}.tri-pins .name.-sub{font-size:1rem}.other-buttons{position:absolute;top:115px;right:30px}.other-buttons .list{display:flex}.other-buttons .item{-webkit-filter:drop-shadow(0 3px 12px rgba(127, 132, 144, 0.16));filter:drop-shadow(0 3px 12px rgba(127, 132, 144, 0.16))}.other-buttons .item:not(:first-child){margin-left:28px}@media(max-width: 767px){.other-buttons .item:not(:first-child){margin-left:10px}}.other-buttons .line{position:absolute;top:0;left:0;width:147px;height:147px;stroke-dasharray:500 500;stroke-dashoffset:500;transition:600ms cubic-bezier(0.215, 0.61, 0.355, 1)}@media(max-width: 767px){.other-buttons .line{width:100px;height:100px}}.other-buttons .anchor{display:flex;flex-direction:column;width:147px;height:147px;padding:5px;border-radius:100%;background:#fff}.other-buttons .anchor:hover .line{stroke-dashoffset:0}@media(max-width: 767px){.other-buttons .anchor{width:100px;height:100px;padding:2px}}.other-buttons .photo{display:flex;justify-content:center;align-items:center;width:138px;height:69px;border-radius:999px 999px 0 0}.other-buttons .photo.-history{background:url(/chronicle/130th/tri/img/bg-history.jpg) center center no-repeat;background-size:cover}.other-buttons .photo.-movie{background:url(/chronicle/130th/tri/img/bg-movie.jpg) center center no-repeat;background-size:cover}@media(max-width: 767px){.other-buttons .photo{width:96px;height:48px}}.other-buttons .icon.-history{width:45.07px;height:44.99px}@media(max-width: 767px){.other-buttons .icon.-history{width:28.92px;height:28.87px}}.other-buttons .icon.-movie{width:41.18px;height:28.74px}@media(max-width: 767px){.other-buttons .icon.-movie{width:35.82px;height:25px}}.other-buttons .text{flex:1;display:flex;justify-content:center;align-items:center;color:#666;font-size:1.3rem;line-height:1.4;text-align:center;white-space:nowrap}@media(max-width: 767px){.other-buttons .text{font-size:1rem;transform:scale(0.85)}}@media(max-width: 767px){.other-buttons{top:auto;right:auto;bottom:30px;left:20px}}.tri-modal .filter{position:fixed;top:0;left:0;width:100%;height:100%}.tri-modal .page{width:620px;margin:0 auto}@media(max-width: 767px){.tri-modal .page{width:100%}}.tri-modal .lead{padding-bottom:40px;font-size:1.8rem;line-height:2}.tri-modal .sup{font-size:1rem;vertical-align:super}.tri-modal .sub{font-size:1rem;vertical-align:baseline}.tri-modal .figure{padding-bottom:40px}.tri-modal .image{max-width:100%;height:auto}.tri-modal .figcaption{margin-top:10px;text-align:right;font-size:1.4rem;line-height:1.8}.tri-modal .badges{display:flex;justify-content:space-between}.tri-modal .badge{font-size:1.6rem;line-height:1.8}.tri-modal .small{display:flex;justify-content:flex-start;align-items:flex-start;font-size:1.4rem;line-height:1.8;color:#666}.tri-modal .mark{margin-right:10px}.-safari14 .tri-modal .youtubewrapper{width:100%;height:0;overflow:hidden;padding-top:calc(10.4 / 19 * 100%);position:relative}.tri-modal .youtube{width:100%;aspect-ratio:19/10.4}.-safari14before .tri-modal .youtube{height:349px}@media(max-width: 767px){.-safari14before .tri-modal .youtube{height:220px}}.-safari14 .tri-modal .youtube{position:absolute;top:0;left:0;width:100%;height:100%}.tri-modal .close{position:fixed;top:20px;right:20px;width:41px;height:41px;transition:400ms cubic-bezier(0.215, 0.61, 0.355, 1)}.tri-modal .close::before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#707070;transform:rotateZ(45deg);transition:300ms}.tri-modal .close::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#707070;transform:rotateZ(-45deg);transition:300ms}.tri-modal .close:hover{transform:rotateZ(-90deg)}.tri-modal .close:hover::before{background:#00a040}.tri-modal .close:hover::after{background:#00a040}.tri-modal .footer{padding:65px 0}.tri-modal .button{display:flex;justify-content:center;align-items:center;position:relative;width:200px;height:40px;margin:0 auto;border:1px solid #000;overflow-y:hidden;transition:.3s cubic-bezier(0.13, 0.78, 0.38, 0.98)}.tri-modal .button::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)}.tri-modal .button:hover{border-color:#00a040;color:#fff}.tri-modal .button:hover::before{transform:translateX(0%)}.tri-modal .buttontext{position:relative}.tri-building{position:fixed;z-index:99999;top:0;right:0;width:864px;height:100vh;background:#fff;overflow-y:scroll}@media screen and (max-width: 1200px){.tri-building{width:100%}}.tri-building .header{padding:160px 0 40px}@media(max-width: 767px){.tri-building .header{padding-top:40px}}.tri-building .title{font-size:4rem}.tri-building .title.-en{font-size:1.8rem;letter-spacing:2px}@media(max-width: 767px){.tri-building .title{font-size:3rem}}.tri-building .name{font-size:1.8rem}.tri-building .subtitle{padding:20px 0;font-size:2.2rem}.tri-building .minititle{padding-bottom:20px;font-size:1.8rem;font-weight:700}@media(max-width: 767px){.tri-building{z-index:9999;top:auto;bottom:0;width:100%;height:60vh;padding:0 20px}.tri-building .close{display:none}}.tri-other{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100vh;background:#fff;overflow-y:scroll}@media(max-width: 767px){.tri-other{height:100%}}.tri-other .header{padding:150px 0 60px;margin-bottom:60px;border-bottom:1px solid #d8dcdf}@media(max-width: 767px){.tri-other .header{padding-top:90px}}.tri-other .titlemark{font-size:2rem}.tri-other .title{font-size:3.5rem;font-weight:100}@media(max-width: 767px){.tri-other .title{font-size:3rem}}.tri-other .subtitle{padding-bottom:40px;font-size:1.8rem;font-weight:700}.tri-other .lead+.subtitle{margin-top:50px}@media(max-width: 767px){.tri-other{padding:0 20px}}.slide-enter-active,.slide-leave-active{transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1)}.slide-enter,.slide-leave-to{transform:translateX(100%)}@media(max-width: 767px){.slide-enter,.slide-leave-to{transform:translateY(100%)}}.other-buttons .text{font-size:1rem;white-space:nowrap;transform:scale(0.9)}@media(max-width: 767px){.other-buttons .text{transform:scale(0.65)}}.tri-intro .lead{letter-spacing:0}.under-title .headline.-ja{letter-spacing:0}.tri-pins .buildingname.-structural{left:-355px}.tri-pins .buildingname.-materials{left:-445px}.tri-pins .buildingname.-fire{left:-395px}.tri-pins .name.-main{font-size:1.8rem}