*{margin:0px;padding:0px;box-sizing:border-box}@font-face{font-family:'iCielBC';src:url("../fonts/iCielBCDroneRangerSerif-Regular.woff");src:url("../fonts/iCielBCDroneRangerSerif-Regular.woff") format("woff"),url("../fonts/iCielBCDroneRangerSerif-Regular.woff") format("truetype");font-weight:normal;font-style:normal;font-display:swap}body{width:100%;height:100%;overflow:auto;overflow-x:hidden;font:400 15px arial}.wrapper{width:100%;height:100%}.wrapper .content-scroll{max-width:1130px;margin:0 auto}.wrapper .logo{position:absolute;top:15px;left:15px;z-index:99;max-width:180px}.wrapper .logo img{width:100%}.wrapper .img-inblock{width:95%;margin:0px auto}.wrapper .block-img{width:100%;max-width:1200px;margin:0 auto;display:block}.wrapper .caption-img{color:#878787;font-style:italic;text-align:center;max-width:660px;margin:10px auto 40px auto}.wrapper .title-block-text{width:100%;text-align:center;margin-bottom:35px;font-family:"iCielBC";font-weight:400;font-size:45px;line-height:50px;letter-spacing:-0.03em;color:#333333}.wrapper .container-small{width:100%;max-width:690px;padding:0 15px;margin:0 auto;position:relative}.wrapper .intro-txt{font-size:18px;line-height:24px;letter-spacing:-0.03em;color:#333;font-weight:600;margin-bottom:40px}.wrapper .Normal{margin-bottom:24px;font-size:18px;line-height:24px;letter-spacing:-0.03em;color:#333}.wrapper .bg-image-scroll{position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - 0px);width:calc(100% - 400px);left:50px}.wrapper .bg-image-scroll .img{position:absolute;opacity:0;-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);transition-timing-function:cubic-bezier(0.7, 1, 0.7, 1);background:#fff;width:100%;height:100%;object-fit:cover;object-position:revert}.wrapper .bg-image-scroll .img.active{opacity:1}.wrapper .block{width:100%;height:100%;position:relative;background:transparent;display:initial}.wrapper .block .content{width:100%}.wrapper .block .block-text-content{display:flex;align-items:flex-end;justify-content:center;width:50%;height:100%;margin:0 auto}.wrapper .block .header-tt *{z-index:9}.wrapper .block .desc-content{color:#fff;-webkit-box-shadow:inset 15px 7px 0 transparent, inset -15px -5px 0 transparent, inset 15px -5px 0 transparent, inset -15px 7px 0 transparent;box-shadow:inset 15px 7px 0 transparent, inset -15px -5px 0 transparent, inset 15px -5px 0 transparent, inset -15px 7px 0 transparent;text-align:center;margin:0 auto;font-size:30px;background-color:rgba(0,0,0,0.7);padding:10px 15px;z-index:99}.wrapper .block .block-desc-content{display:flex;align-items:flex-end;justify-content:center}.wrapper .block .header-tt{width:50%;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto;flex-direction:column;color:#fff;z-index:99}.wrapper .block .header-tt .zone{font-size:24px;color:#fff;text-decoration:none}.wrapper .block .header-tt .title{margin-top:15px;font-size:50px}.wrapper .block .header-tt .author{margin-top:5px}.wrapper .block .background{width:100%;height:100%;top:0;left:0;opacity:0;position:absolute;transition:opacity 1s ease-in-out;z-index:9}.wrapper .block .background img{width:100%;height:100%;position:absolute;transition:opacity 1s ease-in-out;object-fit:cover}.wrapper .position-scroll{position:relative}.wrapper .position-scroll .wapper-scroll{width:100%;max-width:1310px;padding:0 15px;margin:0 auto;position:relative}.wrapper .position-scroll .item-scroll{height:calc(100vh - 0px)}.wrapper .position-scroll .text-on-box{width:342px;float:right;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#FFFFFF;border-radius:5px;padding:19px 16px 15px 39px}.wrapper .position-scroll .text-on-box .frame-txt .title{font-size:24px;line-height:28px;margin-bottom:24px;font-weight:600}.wrapper .position-scroll .text-on-box .frame-txt .desc-r{font-size:14px;margin-bottom:10px;font-size:18px;line-height:32px}.wrapper .position-scroll .text-on-box .frame-txt ul li{list-style:none;margin-bottom:10px;display:flex;font-size:18px;line-height:34px}.wrapper .position-scroll .text-on-box .frame-txt ul li p:first-child{margin-right:10px}.wrapper .block.content-normal{opacity:1}.wrapper .block.content-normal .content{opacity:1}.wrapper .header-1{position:relative}.wrapper .header-1 .block-text-content{position:absolute;top:75px;color:#FFF;display:flex;align-items:baseline;justify-content:center;font-size:70px;transition-timing-function:ease;font-family:"iCielBC";margin:0 auto;left:0;right:0;text-align:center}.wrapper .content-position{width:100%;max-width:690px;margin:40px auto}.wrapper .block.active{z-index:1;opacity:1}.wrapper .block.active .header-1 .block-text-content{opacity:1;transform:scale(1)}.wrapper .block.active .content{opacity:1}.wrapper .block.active .background{opacity:1;position:fixed;transition:opacity 1s ease-in-out;z-index:9}.wrapper main::-webkit-scrollbar{display:none}.wrapper main{top:0;left:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(-90deg) translateX(-100vh);overflow-x:hidden;overflow-y:scroll;position:fixed}.wrapper article{display:flex;flex-direction:row;width:fit-content;height:fit-content;transform-origin:top left;transform:rotate(90deg) translateY(-100vh)}.wrapper section{width:100vw;height:100vh;overflow-y:hidden;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:3rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.wrapper section:nth-of-type(odd){background:#111;color:#fff}.wrapper section:nth-of-type(even){background:#3f1b1b;color:#fff}.wrapper body{margin:0}.wrapper body,.wrapper html{overflow-x:hidden}.wrapper img{max-width:100%;height:auto;width:100%;max-height:100vh;object-fit:cover}.wrapper .wrapper{margin:0 auto}.wrapper .trigger{position:absolute}.wrapper .trigger--one{left:0}.wrapper .scene{position:absolute;height:100vh;top:0;left:0;right:0;min-width:1359px !important}.wrapper .scene--active{position:fixed}.wrapper .scene--ended{position:absolute;bottom:0;top:auto}.wrapper .horizontal-scroll-section{min-width:100vw;text-align:center;height:100%;display:flex;align-items:center;margin:0}.wrapper .horizontal-scroll-section img{display:block;max-height:100%;width:auto;margin-left:-1px}.wrapper .horizontal-scroll-section--init{opacity:1}.wrapper .horizontal-scroll-section__content{display:flex;align-items:center}.wrapper .horizontal-scroll-section__content-wrapper{display:flex;height:100%;align-items:center;position:relative}.wrapper .horizontal-scroll-section__content-section{position:relative;min-width:100vw;text-align:center;height:100%;display:flex;align-items:center;display:contents}.wrapper .horizontal-scroll-section__image{display:flex;align-items:center}.wrapper .horizontal-scroll-section__image h2{margin-left:20px;width:250px;text-align:left;flex-shrink:0}.wrapper .horizontal-scroll-section__image--two img{max-width:400px}.wrapper .horizontal-scroll-section__image--four img{max-width:400px}.wrapper .horizontal-scroll-section--animation-one .wrapper .horizontal-scroll-section__image--two{opacity:1;transform:translateX(0)}.timeline-tab{top:10px;width:100%;left:0;background:#ccc;padding:10px}@media screen and (max-width: 768px){.wrapper .block .header-tt{width:100%}.wrapper .block .block-text-content{width:100%}.wrapper .bg-image-scroll .img{height:auto}.detail__tflex .detail__tinfo{display:none}.wrapper .detail__tflex .detail__ttimeline{width:100%}}@media screen and (max-width: 768px){.wrapper .block.active .header-1 .block-text-content{font-size:20px;top:10px;text-align:center;justify-content:center}.wrapper .bg-image-scroll{width:calc(100% - 100px)}}