.history{position:relative;background-color:#000;background-image:url(../img/bg_earth.png),url(../img/bg_star.png),-webkit-gradient(linear,left bottom,left top,from(#010101),color-stop(40%,#010c1b),color-stop(70%,#001634),to(#030405));background-image:url(../img/bg_earth.png),url(../img/bg_star.png),linear-gradient(0deg,#010101 0,#010c1b 40%,#001634 70%,#030405 100%);background-position:50% 0,0 0,0 0;background-size:100% auto,auto,auto;background-repeat:no-repeat,repeat,no-repeat;color:#fff}
.history .moon{position:absolute;bottom:0;left:0;width:100%;height:0;padding-top:41.4286%;background:url(../img/bg_moon.png) no-repeat 50% 0/100% auto}
.history .container{max-width:980px}
.history img{vertical-align:top}
.history img:not(width){max-width:100%;height:auto}
.history *{-webkit-box-sizing:border-box;box-sizing:border-box}
.sub-title{margin:0 auto;font-size:1%}
.history .title{font-family:"Noto Serif JP",serif;font-weight:700;line-height:1.37;text-align:center}
.history-lead{line-height:1.625;text-align:center}
.scroll{-webkit-animation:fuwafuwa 1.5s infinite ease-in-out alternate;animation:fuwafuwa 1.5s infinite ease-in-out alternate}
.scroll.animated{-webkit-transition:.2s ease-out;transition:.2s ease-out}
.scroll.show{opacity:1}
.timeline{position:relative}
.timeline::before{content:"";position:absolute;top:0;display:block;width:1px;height:100%;background-color:#fff}
.timeline.animated::before{opacity:0;-webkit-transition:opacity 1s linear;transition:opacity 1s linear}
.timeline.show{opacity:1}
.timeline.show::before{opacity:1}
.timeline>li{position:relative}
.timeline__1979 .year{top:0}
.timeline__1987 .year{top:0}
.timeline__1997 .year{top:0}
.timeline__2002 .year{top:0}
.timeline__2009 .year{top:0}
.timeline__2010 .year{top:0}
.timeline__2012 .year{top:0}
.timeline__2018 .year{top:0}
.timeline__2019 .year{top:0}
.timeline__2020::before{content:"";position:absolute;display:block;width:1px;background:#000}
.timeline__2022 .year{top:0}
.timeline__2022::before{content:"";position:absolute;top:0;display:block;height:0;width:1px;background:#000}
.timeline__2022::after{content:"";position:absolute;bottom:0;display:block;height:0;width:1px;background:#000}
.timeline__msg{position:relative;font-family:"Noto Serif JP",serif;text-align:center;font-style:italic}
.timeline__msg .msg em{display:block;font-weight:400;font-style:italic}
.timeline__msg .msg__container{position:relative;-webkit-transform:translate(0,-100%);transform:translate(0,-100%);z-index:10}
.timeline__msg .msg.show{opacity:1}
.timeline__msg .char{position:relative;display:inline-block;font-style:italic;-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);transition:all .5s cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transform:scale(0) translate3d(0,-100%,0);transform:scale(0) translate3d(0,-100%,0)}
.timeline__msg .char.show{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translate3d(0,0,0)}
.timeline__msg::after{content:"";position:absolute;top:50%;left:0;display:block;height:0}
.timeline__msg.animated p{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .5s ease-out .3s;transition:all .5s ease-out .3s}
.timeline__msg.animated::after,.timeline__msg.animated::before{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.timeline__msg.show{opacity:1}
.timeline__msg.show p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.timeline__msg.show::after,.timeline__msg.show::before{opacity:1}
.timeline__msg::before{content:"";position:absolute;display:block;height:100%;width:1px;background:#000}
.history .timeline__end{position:relative;z-index:10;font-family:"Noto Serif JP",serif;text-align:center}
.history .timeline__end p{font-style:inherit;-webkit-animation-duration:.5s;animation-duration:.5s}
.year{position:absolute;z-index:10}
.year .inner{display:block}
.year.animated{opacity:1}
.year.animated .inner{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
.timeline.show .year.show .inner{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}
.event{position:relative}
.event::before{position:absolute;content:"";display:block;height:1px;background-color:#fff}
.event::after{content:"";position:absolute;top:50%;display:block;border-radius:50%;background-color:#fff}
.event.animated::before{-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .2s linear;transition:all .2s linear}
.event.animated::after{opacity:0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.timeline.show .event.show::before{-webkit-transform:scale(1);transform:scale(1)}
.timeline.show .event.show::after{opacity:1}
.history .event__heading{border:1px solid #555;color:#ccc}
.history .event__name{font-weight:700}
.event--htv .event__container{border:2px solid #fff;background-color:rgba(0,72,255,.1)}
.event--htv .event__icon{position:absolute;top:0;left:0;display:block}
.event--htv .line{position:absolute;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}
.event--htv .line-1,.event--htv .line-2{left:0;width:100%;height:2px;background-color:#fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.event--htv .line-1{top:0;-webkit-transform-origin:0 0;transform-origin:0 0}
.event--htv .line-2{bottom:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
.event--htv .line-3,.event--htv .line-4{top:0;width:2px;height:100%;background-color:#fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition-delay:.3s;transition-delay:.3s}
.event--htv .line-3{right:0;-webkit-transform-origin:50% 0;transform-origin:50% 0}
.event--htv .line-4{left:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.event--htv.animated{border:none}
.event--htv.animated .event__container{opacity:0;-webkit-transition:opacity .25s ease-out .6s;transition:opacity .25s ease-out .6s}
.event--htv.animated .event__icon{opacity:0;-webkit-transition:all .5s ease-out .6s;transition:all .5s ease-out .6s}
.timeline.show .event--htv.show{opacity:1}
.timeline.show .event--htv.show .event__container{opacity:1}
.timeline.show .event--htv.show .line{-webkit-transform:scale(1);transform:scale(1)}
.timeline.show .event--htv.show .event__icon{opacity:1}
.event--other.animated .event__container{opacity:0;-webkit-transition:all .5s ease-out .3s;transition:all .5s ease-out .3s}
.timeline.show .event--other.show{opacity:1}
.timeline.show .event--other.show .event__container{opacity:1}
.event--right::before{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.event-affair{position:relative}
.event-affair .event{font-weight:700}
@media print,screen and (min-width:768px){.history{font-size:1.633vw;padding:118px 0 0}
.history .bg{position:absolute;height:0}
.history .bg-iss{background:url(../img/bg_iss.png) no-repeat 0 0/cover;right:0;top:40.5%;width:52.143%;padding-top:47.786%}
.history .bg-htv{background:url(../img/bg_htv_1.png) no-repeat 0 0/cover;left:0;bottom:31%;width:46.214%;padding-top:85.786%}
.sub-title{width:19.811%;margin-bottom:3.145%}
.history .title{margin-bottom:30px;font-size:2.875em}
.history-lead{margin-bottom:70px}
.timeline-wrap{padding-bottom:13.627%}
.scroll{width:61px;margin:0 auto}
.timeline{padding-top:70px}
.timeline::before{left:50%}
.timeline__1979 .year{-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__1979 .event::before{top:calc(.5em + 10px)}
.timeline__1979 .event::after{top:calc(.5em + 10px)}
.timeline__1987{margin-top:-22.013%;margin-bottom:11.006%}
.timeline__1987 .year{-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__1987 .event::before{top:calc(.5em + 10px)}
.timeline__1987 .event::after{top:calc(.5em + 10px)}
.timeline__1994{margin-top:2.096%}
.timeline__1995{margin-top:3.145%;margin-bottom:2.096%}
.timeline__1995 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline__1995 .event--htv .event__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline__1997{margin-top:3.145%}
.timeline__1997 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.timeline__1997 .event--left{padding-top:10px}
.timeline__1997 .event--left::before{top:calc(1.7em + 10px)}
.timeline__1997 .event--left::after{top:calc(1.7em + 10px)}
.timeline__1997 .event--htv{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline__1997 .year{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.timeline__1999{margin-top:-26.73%}
.timeline__2001{margin-top:12.055%}
.timeline__2002{margin-top:9.434%;margin-bottom:4.193%}
.timeline__2002 .year{-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2002 .event::before{top:calc(.5em + 10px)}
.timeline__2002 .event::after{top:calc(.5em + 10px)}
.timeline__2009{margin-top:7.338%}
.timeline__2009 .year{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.timeline__2009 .event::before{top:11%}
.timeline__2009 .event::after{top:11%}
.timeline__2010{margin-top:-15.199%}
.timeline__2010 .year{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.timeline__2010 .event::before{top:11%}
.timeline__2010 .event::after{top:11%}
.timeline__2011{margin-top:-5.241%;margin-bottom:-25.681%}
.timeline__2011 .year{top:auto;bottom:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.timeline__2011 .event::before{top:11%}
.timeline__2011 .event::after{top:11%}
.timeline__2012{margin-top:8.386%}
.timeline__2012 .year{-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2012 .event::before{top:40%}
.timeline__2012 .event::after{top:40%}
.timeline__2013{margin-top:-3.145%}
.timeline__2013 .year{top:auto;bottom:100%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2013 .event::before{top:11%}
.timeline__2013 .event::after{top:11%}
.timeline__2015{margin-top:-18.868%}
.timeline__2015 .year{top:auto;bottom:100%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2015 .event::before{top:7%}
.timeline__2015 .event::after{top:7%}
.timeline__2016{margin-top:-11.53%;padding-top:2.096%}
.timeline__2016 .year{top:auto;bottom:100%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2016 .event--htv{margin-top:5.241%}
.timeline__2016 .event--htv::before{top:11%}
.timeline__2016 .event--htv::after{top:11%}
.timeline__2018{margin-top:-20.964%}
.timeline__2018 .year{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.timeline__2018 .event::before{top:9%}
.timeline__2018 .event::after{top:9%}
.timeline__2019{margin-top:-15.723%}
.timeline__2019 .year{-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}
.timeline__2019 .event-affair .event{width:40.566%}
.timeline__2019 .event-affair .event::before{width:23.256%}
.timeline__2019 .event-affair .event::after{right:123%}
.timeline__2019 .event--htv{margin-top:11.53%}
.timeline__2019 .event--htv::before{top:11%}
.timeline__2019 .event--htv::after{top:11%}
.timeline__2020{margin-top:-5.241%;padding-bottom:20.964%}
.timeline__2020 .year{top:auto;bottom:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.timeline__2020 .event-affair+.event-affair{margin-top:5.241%}
.timeline__2020 .event--htv.event--left{margin-top:-7.233%}
.timeline__2020 .event--htv.event--left::before{top:10.8%}
.timeline__2020 .event--htv.event--left::after{top:10.8%}
.timeline__2020 .event--htv.event--right{margin-top:-34.591%}
.timeline__2020 .event--htv.event--right::before{top:11%}
.timeline__2020 .event--htv.event--right::after{top:11%}
.timeline__2020::before{height:200px;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(black),color-stop(50%,#000),to(rgba(0,0,0,0)));background:linear-gradient(0deg,#000 0,#000 50%,rgba(0,0,0,0) 100%);left:50%}
.timeline__2022{padding-top:20.964%}
.timeline__2022 .event-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.timeline__2022 .year{top:calc(.5em + 10px);margin-top:20.964%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:97px}
.timeline__2022 .event:nth-child(-n+3)::before{top:calc(.5em + 10px)}
.timeline__2022 .event:nth-child(-n+3)::after{top:calc(.5em + 10px)}
.timeline__2022 .event:nth-child(n+3){margin-top:5.241%}
.timeline__2022 .event:nth-child(n+3)::before{display:none}
.timeline__2022 .event:nth-child(n+3)::after{display:none}
.timeline__2022 .event__container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.timeline__2022 .event__container__caption{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.timeline__2022 .event__container__photo{-ms-flex-negative:0;flex-shrink:0}
.timeline__2022::before{padding-top:20.964%;left:50%;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(90%,#000),to(black));background:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 90%,#000 100%)}
.timeline__2022::after{padding-top:20.964%;left:50%;background:-webkit-gradient(linear,left bottom,left top,from(black),color-stop(10%,#000),to(rgba(0,0,0,0)));background:linear-gradient(0deg,#000 0,#000 10%,rgba(0,0,0,0) 100%)}
.timeline__msg{padding-bottom:20.964%;font-size:1.375em}
.timeline__msg .msg em{font-size:2em}
.timeline__msg::after{width:40.356%;padding-top:33.124%;background:url(../img/bg_htv_2.png) no-repeat 0 0/cover;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}
.timeline__msg::before{top:0;left:50%}
.history .timeline__end{padding:10.482% 0 38.784%;font-size:6.327vw}
.year{top:50%;left:50%;width:8.281%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.event{width:39.518%}
.event::before{width:26.525%;top:50%}
.event::after{width:15px;height:15px}
.history .event__heading{padding:10px;font-size:.813em;text-align:center}
.history .event__heading+.event__name{margin-top:15px}
.event__name{font-size:1.125em}
.event__caption{margin-top:12px;line-height:1.75}
.event__photo{margin-top:15px}
.event__photo-caption{margin-top:15px;font-size:.75em}
.event--htv::before{top:50%}
.event--htv .event__container{padding:6.101% 7.162%}
.event--htv .event__name{font-weight:700;font-size:1.25em}
.event--htv .event__icon{width:13.793%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.event--htv.event--2col .event__text{width:54.232%}
.event--htv.event--2col .event__photo{width:42.633%;margin:0}
.event--htv.animated .event__icon{-webkit-transform:scale(1.2) translate(-70%,-70%);transform:scale(1.2) translate(-70%,-70%)}
.timeline.show .event--htv.show .event__icon{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}
.event--left::before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;left:100%}
.event--left::after{left:127%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.event--right{margin-left:auto}
.event--right::before{right:100%}
.event--right::after{right:126.14%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
.event--right.animated::after{-webkit-transform:scale(0) translate(50%,-50%);transform:scale(0) translate(50%,-50%)}
.timeline.show .event--right.show::after{-webkit-transform:scale(1) translate(50%,-50%);transform:scale(1) translate(50%,-50%)}
.event--2col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.event--2col .event__text{width:58.621%}
.event--2col .event__photo{-ms-flex-negative:0;flex-shrink:0;width:36.074%;margin:0 2.653% 0 0}
.event-affair .event{width:45.807%;padding:10px;font-size:.875em}
.event-affair .event::before{width:9.153%}
.event-affair .event::after{width:10px;height:10px}
.event-affair .event--left{text-align:right}
.event-affair .event--left::after{left:109.2%}
.event-affair .event--right::after{right:109.2%}
.sp{display:none}
}
@media print,screen and (min-width:980px){.history{font-size:1em}
.history .timeline__end{font-size:3.875em}
}
@media only screen and (max-width:767px){.history{font-size:.875em;padding:55px 0 0}
.history .bg{display:none}
.sub-title{width:100px;margin-bottom:15px}
.history .title{margin-bottom:40px;font-size:1.643em}
.history-lead{margin-bottom:45px;font-size:1.143em}
.scroll{width:50px;margin-left:3px}
.timeline{padding-top:45px}
.timeline::before{left:27px}
.timeline li+li{margin-top:40px}
.timeline__1979 .event::before{top:13px}
.timeline__1979 .event::after{top:13px}
.timeline__1987 .event::before{top:13px}
.timeline__1987 .event::after{top:13px}
.timeline__1994 .event::before{top:13px}
.timeline__1994 .event::after{top:13px}
.timeline__1995 .year{display:none}
.timeline__1995 .event--htv .event__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline__1995 .event--htv .event__text{width:56.757%}
.timeline__1995 .event--htv .event__photo{margin:0;width:37.838%}
.timeline__1995 .event--htv::after{width:55px;height:55px;right:calc(100% - 15px);background:url(../img/1995.png) no-repeat 0 0/cover}
.timeline__1995 .event--left::before{width:28px;right:calc(100% + 10px)}
.timeline__1995 .event--left::after,.timeline__1995 .event--left::before{top:calc(.5em + 2px)}
.timeline__1996 .event::before{top:13px}
.timeline__1996 .event::after{top:13px}
.timeline__1997 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__1997 .event::before{top:calc(1em + 8px)}
.timeline__1997 .event::after{top:calc(1em + 8px)}
.timeline__1999 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2001 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2002 .event::before{top:13px}
.timeline__2002 .event::after{top:13px}
.timeline__2009 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2009 .event::before{top:27px}
.timeline__2009 .event::after{top:27px}
.timeline__2010 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2010 .event::before{top:27px}
.timeline__2010 .event::after{top:27px}
.timeline__2011 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2011 .event::before{top:25%}
.timeline__2011 .event::after{top:25%}
.timeline__2012 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2013 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2013 .event::before{top:25%}
.timeline__2013 .event::after{top:25%}
.timeline__2015 .year{-webkit-transform:translate(0,0);transform:translate(0,0)}
.timeline__2015 .event::before{top:25%}
.timeline__2015 .event::after{top:25%}
.timeline .timeline__2016{margin-top:100px}
.timeline__2016 .year{-webkit-transform:translate(0,-150%);transform:translate(0,-150%)}
.timeline__2016 .event--htv::before{top:10%}
.timeline__2016 .event--htv::after{top:10%}
.timeline__2018 .event::before{top:13px}
.timeline__2018 .event::after{top:13px}
.timeline__2019 .event-affair .event{margin-left:75px}
.timeline__2019 .event-affair .event::before{width:38px}
.timeline__2019 .event--htv::before{top:40%}
.timeline__2019 .event--htv::after{top:40%}
.timeline__2020{padding-bottom:100px}
.timeline .timeline__2020{margin-top:100px}
.timeline__2020 .year{-webkit-transform:translate(0,-150%);transform:translate(0,-150%)}
.timeline__2020 .event--htv.event--left::before{top:10%}
.timeline__2020 .event--htv.event--left::after{top:10%}
.timeline__2020 .event--htv.event--right::before{top:10%}
.timeline__2020 .event--htv.event--right::after{top:10%}
.timeline__2020::before{height:100px;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(black),color-stop(50%,#000),to(rgba(0,0,0,0)));background:linear-gradient(0deg,#000 0,#000 50%,rgba(0,0,0,0) 100%);left:27px}
.timeline__2022{padding-top:100px}
.timeline .timeline__2022{margin-top:0}
.timeline__2022 .year{top:100px;width:65px;left:-10px}
.timeline__2022 .event+.event{margin-top:40px}
.timeline__2022 .event::before{display:none}
.timeline__2022 .event::after{display:none}
.timeline__2022::before{padding-top:100px;left:27px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(90%,#000),to(black));background:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 90%,#000 100%)}
.timeline__2022::after{height:100px;left:27px;background:-webkit-gradient(linear,left bottom,left top,from(black),color-stop(10%,#000),to(rgba(0,0,0,0)));background:linear-gradient(0deg,#000 0,#000 10%,rgba(0,0,0,0) 100%)}
.timeline__msg{padding:0 0 80px 75px;font-size:.786em}
.timeline .timeline__msg{margin-top:0}
.timeline__msg .msg em{font-size:1.818em}
.timeline__msg::after{width:89px;height:151px;background:url(../img/bg_htv_2_sp.png) no-repeat 0 0/cover;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.timeline__msg::before{top:0;left:27px}
.history .timeline__end{padding:45px 0 115px;font-size:1.857em;font-style:italic;}
.year{top:0;left:0;width:55px;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.event{margin-left:65px}
.event::before{width:38px;top:50%;right:100%}
.event::after{width:10px;height:10px;top:50%;right:calc(100% + 27px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.event.animated::after{-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%)}
.timeline.show .event.show::after{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}
.history .event__heading{padding:6px 10px;font-size:.857em}
.history .event__heading+.event__name{margin-top:8px}
.event__caption{margin-top:6px}
.event__photo{margin-top:8px}
.event__photo img{width:100%}
.event__photo-caption{margin-top:10px;font-size:.786em}
.event--htv::after{right:calc(100% + 29px)}
.event--htv .event__container{padding:13px}
.event--htv .event__icon{width:32px;-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}
.event--htv.animated .event__icon{-webkit-transform:scale(1.2) translate(-70%,-70%);transform:scale(1.2) translate(-70%,-70%)}
.timeline.show .event--htv.show .event__icon{-webkit-transform:scale(1) translate(-25%,-50%);transform:scale(1) translate(-25%,-50%)}
.event--left::before{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.event-affair+.event-affair{margin-top:20px}
.event-affair .event::before{width:28px;top:50%;right:calc(100% + 10px)}
.pc{display:none}
}
@-webkit-keyframes fuwafuwa{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes fuwafuwa{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}