.page-intro.block{padding-top:calc(100vw * 200 / var(--page-width))}.page-intro .inner{overflow:hidden}.page-intro .title{width:76vw;transform-origin:top left;margin-bottom:calc(100vw * 24 / var(--page-width))}.page-intro .text{width:27vw;position:absolute;right:calc(100vw * 120 / var(--page-width));top:calc(100vw * 20 / var(--page-width));opacity:0}.page-intro.animate .intro-visual{width:47vw;border-radius:var(--border-radius);overflow:hidden;float:right;transform-origin:bottom right}.intro-visual:hover .visual-container .hover{opacity:1}.intro-visual .visual-container .hover{opacity:1}@media only screen and (max-width:1024px){.intro-visual{width:100%;float:left}.page-intro .text{opacity:1;top:0;right:unset;position:relative;width:100%;margin:calc(100vw * 40 / var(--page-width)) 0;font-size:var(--font-size-h3);line-height:var(--line-height-h3);letter-spacing:var(--letter-spacing-h3)}.page-intro.animate .intro-visual{width:100%}}@media only screen and (max-width:740px){.page-intro.block{padding-top:calc(100vw * 120 / var(--page-width));margin-bottom:calc(100vw * 32 / var(--page-width))}.page-intro .title{width:100%;font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);margin-bottom:calc(100vw * 24 / var(--page-width))}.page-intro .text{font-size:1em;line-height:var(--line-height-body);letter-spacing:0;margin:calc(100vw * 20 / var(--page-width)) 0 calc(100vw * 30 / var(--page-width))}}