/* HAESO: a journey from a blue night, through dawn clouds, into a clear day. */
:root{
 --haeso-navy:#1b3654;--haeso-blue:#245f9b;--haeso-paper:#f5f9fd;--haeso-mint:#9fc8eb;
 --black:#1b3654;--white:#fff;
 --black-op-10:rgba(27,54,84,.1);--black-op-20:rgba(27,54,84,.2);--black-op-30:rgba(27,54,84,.3);--black-op-40:rgba(27,54,84,.4);
 --black-op-50:rgba(27,54,84,.5);--black-op-60:rgba(27,54,84,.68);--black-op-70:rgba(27,54,84,.7);--black-op-80:rgba(27,54,84,.8);
 --white-op-20:rgba(255,255,255,.2);--white-op-40:rgba(255,255,255,.4);--white-op-60:rgba(255,255,255,.72);--white-op-70:rgba(255,255,255,.78);--white-op-80:rgba(255,255,255,.86);
 --blue-01:#245f9b;--gray-01:#f5f9fd;--bg-01:#f5f9fd;--bg-02:#e7f0fa;--bg-03:#d6e7f6;--bg-04:#1b3654;
}
html,body.haeso{background:#f5f9fd;color:#1b3654}
::selection{background:#b6d7f2;color:#163554}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:#79b0df}
.forest-backdrop{background:#edf5fc}
.forest-backdrop.sequence-backdrop .forest-viewport{background:#10243b}
.forest-backdrop.sequence-backdrop .forest-image{z-index:0}
.forest-backdrop.sequence-backdrop .forest-image img{filter:brightness(var(--sky-exposure,.2)) saturate(.85)}
.forest-backdrop.sequence-backdrop .forest-image:after{background:linear-gradient(180deg,#07152812,transparent 65%,#162c4433)}
.daybreak-image{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity}
.daybreak-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.daybreak-stars{z-index:1;opacity:1}.daybreak-day{z-index:2}
.story-clouds{position:absolute;inset:-2%;z-index:3;opacity:0;pointer-events:none;will-change:opacity,transform}
.story-clouds img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(var(--story-cloud-exposure,.30)) contrast(.6) saturate(.15)}
.hero-atmosphere{background:linear-gradient(180deg,#dbeafa00,#dfedf9a6 65%,#f1f7fd)}
.forest-backdrop.sequence-backdrop .forest-viewport:before{z-index:6;background:linear-gradient(180deg,#e5f1fc00,#eaf4fc99 80%,#f1f7fd)}
.forest-backdrop.sequence-backdrop .forest-viewport:after{z-index:7;background:linear-gradient(0deg,#edf5fc,transparent 78%)}
.hero-cloud-wisp img{filter:brightness(var(--cloud-light,.68)) saturate(.25)}
.hero-intro-copy{color:#fff;text-shadow:0 3px 26px #06162966}
.forest-hero .page-tit svg{filter:drop-shadow(0 3px 22px #081b3422)}
.main:has(.forest-hero) .section.travel .text-area{text-shadow:0 2px 26px #0c234966}
.main:has(.forest-hero) .section.travel .text-area h2,.main:has(.forest-hero) .section.travel .text-area p{color:#fff;transition:color .4s,text-shadow .4s}
body.daylight .main:has(.forest-hero) .section.travel .text-area{color:#1b3654;text-shadow:0 1px 4px #ffffff,0 0 18px #ffffff88}
body.daylight .main:has(.forest-hero) .section.travel .text-area h2,body.daylight .main:has(.forest-hero) .section.travel .text-area p{color:#1b3654}
#story.cloud-stage .text-area{text-shadow:none}
#story.cloud-stage .text-area h2,#story.cloud-stage .text-area p{color:#162d43}
.main .section.travel .img-wrap img{aspect-ratio:628/474;object-fit:cover;border-radius:50%;mask-image:radial-gradient(ellipse,#000 40%,#000b 58%,transparent 73%)}
.main .section.travel .img-area .title{color:#1b3654}
body:not(.opened-nav) #container:has(.forest-hero) #header.fixed{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body:has(.forest-hero) #header .logo a{color:#fff;text-shadow:0 1px 18px #0b213644}
body:has(.forest-hero) #header .header-contact .btn{color:#fff;border-color:#ffffff70;background:#10243b26}
body:has(.forest-hero) #header .header-contact .btn:hover{background:#e6f2fc;color:#1b3654;border-color:#e6f2fc}
body.daylight:has(.forest-hero) #header .logo a{color:#1b3654;text-shadow:none}
body.daylight:has(.forest-hero) #header .header-contact .btn{color:#1b3654;border-color:#1b365459;background:#ffffff66}
.main .section.journey{background:linear-gradient(180deg,#edf5fc 78%,#f7fbff)}
.main .section.journey .title-area .title{color:#1b3654;text-shadow:0 1px 24px #fff}
.main .section.journey .img-area{filter:none;overflow:hidden;background:linear-gradient(#eaf4fc33,#f5f9fd88),url('nature/daybreak-sunny.webp') center/cover}
.main .section.journey .img-area img{position:absolute;inset:auto;height:auto;object-fit:contain;filter:brightness(2.3) saturate(0);opacity:.35}
.main .section.journey .img-02 img{left:-15%;bottom:-2%;width:100%}
.main .section.journey .img-01 img{left:12%;bottom:-11%;width:96%}
.main .section.journey .img-area:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#edf5fc 0%,#edf5fc88 22%,#edf5fc00 45%,#f5f9fd 100%)}
.main .section.journey .journey-wrap{background:linear-gradient(180deg,#f5f9fd00,#f5f9fd 20%,#f5f9fd 85%,#f5f9fd00)}
.main .section.journey .placeholder-metric{color:#245f9b}
.main .section.design{background:#f7fbff}
.main .section.design .title{color:#1b3654!important}
.main .section.design .grid-item01 .title,.main .section.design .grid-item01 .text{color:#fff!important}
.main .section.design .design-area .bg-wrap{background-image:linear-gradient(#f5f9fd44,#f5f9fd99),url('nature/daybreak-sunny.webp');background-size:cover;background-position:center}
.main .section.design .design-01 .title{color:#1b3654;text-shadow:0 1px 24px #fff9}
.main .section.design .design-02 .grid-item02{background:#edf4fc}
.main .section.design .design-02 .grid-item03{background:#e5eff9}
.main .section.design .design-02 .grid-item04{background:#dae9f7}
.main .section.design .design-02 .grid-item05{background:#f1f6fc}
.main .section.design .design-02 .grid-item:not(.grid-item01) .title,.main .section.design .design-02 .grid-item:not(.grid-item01) .text{color:#1b3654}
.main .section.design .placeholder-metric{color:#245f9b!important}
.main .section.design .design-02 .icon-wrap{filter:brightness(0) saturate(100%) invert(22%) sepia(29%) saturate(1300%) hue-rotate(171deg);opacity:.65}
.main .section.design .design-02 .grid-boxed .video-wrap:after{background:linear-gradient(100deg,#102d4d99,#102d4d22)}
.main .section.partners{background:#eaf4fc}
.main .section.partners .bg-wrap{background-image:linear-gradient(#eff7fcc9,#eff7fce6),url('nature/daybreak-sunny.webp');background-size:cover;background-position:center}
.main .section.partners .title{color:#1b3654}
.cloud-word{color:#284a6c}.cloud:nth-child(3n) .cloud-word{color:#5185b3}
.main .direction-group{background:linear-gradient(#f5f9fd,#fff)}
.main .section.direction .items.review .img-wrap{position:relative}
.main .section.direction .items.review .img-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#102e4900 30%,#102e49b8)}
.main .section.direction .items.review .text-wrap .title,.main .section.direction .items.review .text-wrap .text{color:#fff}
.main .section.direction .swiper-slide img[width="1467"]{aspect-ratio:1467/2200}
.main .section.direction .swiper-slide img[width="1760"]{aspect-ratio:1760/2200}
.main .section.direction .swiper-slide:nth-child(3n+1) img{object-position:32% center}
.main .section.direction .swiper-slide:nth-child(3n+2) img{object-position:75% center}
.main .section.rollings .img-wrap img{filter:none}
.main .section.rollings .img-wrap img[height="1467"]{aspect-ratio:2200/1467}
.main .section.rollings .img-wrap img[height="1468"]{aspect-ratio:2200/1468}
.main .section.rollings .rolling-wrap{background:#eaf4fc}
.main .section.rollings .actions-wrap .title{color:#183957;text-shadow:0 1px 24px #ffffffbb}
.main .section.rollings .btn.line-w{border-color:#183957;color:#183957;background:#ffffff55}
#footer{background:#f7fbff;color:#1b3654}
#footer .video-wrap:after{background:linear-gradient(90deg,#f7fbffb8,#eff7ff22 72%),linear-gradient(0deg,#ffffffe8,#ffffff00 70%)}
#footer .title,#footer .footer-top .title,#footer a,#footer .foot-navi a,#footer .address-wrap span,#footer .copy{color:#1b3654}
#footer .footer-bottom .foot-navi a,#footer .footer-bottom .copy{color:#1b3654}
#footer .btn.inquiry{background:#245f9b;color:#fff;border-color:#245f9b}
#footer .btn.inquiry strong{color:inherit}
.haeso .btn.line-b:hover{background:#245f9b;color:#fff;border-color:#245f9b}
.haeso .btn.line-w:hover,.haeso .btn.solid-w:hover{background:#d8eafb;color:#1b3654;border-color:#d8eafb}
.to-top{color:#1b3654;background:#fff;border-color:#1b365422;box-shadow:0 4px 20px #102e4916}
.to-top:hover{background:#d8eafb}
@media(max-width:767px){.daybreak-day img,#footer .video-wrap .video{object-position:90% center}}
@media(prefers-reduced-motion:reduce){.daybreak-image,.story-clouds{will-change:auto}.main .section.travel .text-area *{transition:none!important}}