@charset "UTF-8";
/* Text headline with the reference page's desktop / vertical mobile composition. */
.pr-hero{overflow:hidden;background:#e0faf5}
.pr-hero-inner{position:relative;width:min(1400px,calc(100% - 40px));height:713px;margin:auto;padding-top:30px}
.pr-hero .pr-logo{display:block;width:207px;position:relative;z-index:2}
.pr-page .pr-hero h1{position:relative;z-index:2;color:#080b09;font-size:72px;line-height:1.5;letter-spacing:.025em;margin-top:38px;width:560px}
.pr-hero h1>span{display:block}
.pr-hero-first{font-size:54px;line-height:1.5}
.pr-highlight{background:var(--pr-green);color:#fff;display:inline-block;padding:0 .15em;line-height:1.3}
.pr-hero-art{position:absolute;bottom:0;left:calc(50% - 355px);width:1295px;max-width:none!important}
.pr-hero-art img{width:100%;max-width:none!important}
.pr-hero-small{display:none!important}
@media(min-width:1600px){.pr-hero-inner{height:793px}.pr-hero-art{left:calc(50% - 345px);width:1440px}}
@media(min-width:768px) and (max-width:1100px){
.pr-hero-inner{height:600px}.pr-page .pr-hero h1{font-size:60px;width:480px}.pr-hero-first{font-size:44px}.pr-hero-art{width:1100px;left:calc(50% - 220px)}
}
@media(max-width:767px){
.pr-hero-inner{width:100%;height:100vw;max-height:750px;padding:0}
.pr-hero .pr-logo{position:absolute;top:3.8%;left:5%;width:27%}
.pr-page .pr-hero h1{position:absolute;top:13%;left:5.5%;width:auto;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:10px;font-size:9.8vw;line-height:1.15;margin:0;letter-spacing:.02em}
.pr-hero h1>span{writing-mode:vertical-rl;white-space:nowrap}
.pr-hero .pr-hero-first{font-size:7vw;padding-top:.35em;margin-left:.15em;line-height:1.25}
.pr-hero-middle{padding-top:0}.pr-highlight{padding:.2em .12em;line-height:1.25;margin-bottom:.12em}
.pr-hero-last{padding-top:.2em}
.pr-hero-art{left:auto;right:0;width:50%;height:100%;bottom:0}
.pr-hero-art img{width:100%;height:100%;object-fit:fill}
.pr-hero-small{position:absolute;display:block!important;left:0;bottom:0;width:50%;height:auto}
}