@keyframes main-title-scroll-animation{0%{transform:translateX(100%)}50%{transform:translateX(0);width:100%;padding-left:2vw}100%{width:0%}}@keyframes main-title-scroll-animation-inversion{0%{transform:translateX(-100%)}50%{transform:translateX(0);width:100%;padding-right:2vw}100%{width:0%}}article{position:relative}.main-title-scroll-view{color:var(--vesta-background-color);background:linear-gradient(to right, var(--vesta-main-shadow), var(--vesta-main-color));position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:2;white-space:nowrap}.main-title-scroll-view.active{animation:main-title-scroll-animation 2s ease-in-out 0s 1 forwards}.main-title-scroll-view.inversion{background:linear-gradient(to left, var(--vesta-main-shadow), var(--vesta-main-color));text-align:right;left:auto;right:0}.main-title-scroll-view.inversion.active{animation:main-title-scroll-animation-inversion 2s ease-in-out 0s 1 forwards}section{color:var(--vesta-text-color);margin:5vw}section h1{font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;font-weight:bold;font-size:8vw;text-align:center;margin-bottom:0}section p{font-size:4vw;text-align:justify}section .guide-item h2{font-size:5vw;text-align:center;border-bottom:0.1vw solid var(--vesta-main-shadow)}section .guide-item p{font-size:4vw;text-align:justify}@media screen and (min-width: 560px){section h1{font-size:4vw;margin:0}section p{font-size:3vw}section .guide-item h2{font-size:3.5vw}section .guide-item p{font-size:3vw}}@media screen and (min-width: 960px){section{width:50%;margin:2vw auto 0}section h1{font-size:2vw;margin:0}section p{font-size:1vw}section .guide-item{margin:2vw auto}section .guide-item h2{font-size:1.2vw}section .guide-item p{font-size:1vw}}