@charset "UTF-8"; body { overscroll-behavior: none; overflow-x: hidden; } body.is-scroll-lock { overflow: hidden; padding-right: var(--scrollbar-width); } body.is-scroll-lock .g-pagetop { right: calc(30px + var(--scrollbar-width)); } @media (prefers-color-scheme: dark) { body { background-color: #282828; } body .g-wrapper { background-color: #fff; } } .expo2025 { --mainColor: #0094dc; --mainColor-rgb: 0, 148, 220; --x-spacer: 60px; } @media (max-width: 959px) { .expo2025 { --x-spacer: 20px; } } @media (max-width: 425px) { .expo2025 { --x-spacer: 15px; } } .expo2025 .sky-attention { position: fixed; width: 48px; height: 48px; bottom: 40px; left: calc(50% - 24px); opacity: 0; pointer-events: none; transition: 300ms ease; } .expo2025 .sky-attention.active { opacity: 1; } .expo2025 .sky-attention path { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 1px; stroke-dasharray: 164.2731323242px; animation-name: anim1; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; } @keyframes anim1 { 0% { stroke-dashoffset: 164.2731323242px; } 10% { stroke-dashoffset: 164.2731323242px; } 90% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } } .expo2025 .sky { position: relative; overflow: hidden; background: #C7E8F8; text-align: center; color: #fff; } @media (max-width: 959px) { .expo2025 .sky { padding-bottom: 150px !important; } } .expo2025 .sky, .expo2025 .sky *, .expo2025 .sky *::before, .expo2025 .sky *::after { padding: 0; margin: 0; box-sizing: border-box; } .expo2025 .sky img { max-width: 100%; height: auto; vertical-align: top; } .expo2025 .sky a { text-decoration: none; color: inherit; } .expo2025 .sky a, .expo2025 .sky button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .expo2025 .sky-1 { padding-bottom: 150px; background: rgb(4, 1, 38); background: linear-gradient(180deg, rgb(4, 1, 38) 20%, rgb(1, 0, 97) 60%, rgb(1, 135, 234) 85%, rgb(255, 255, 255) 100%); } .expo2025 .sky-2 { height: calc(var(--1lvh, 1lvh) * 100); background: rgb(255, 255, 255); background: linear-gradient(180deg, rgb(255, 255, 255) 100px, rgb(0, 148, 220) 100%); } @media (max-width: 959px) { .expo2025 .sky-2 { height: calc(var(--1lvh, 1lvh) * 100); } } .expo2025 .sky-2 .sky-area { height: 100%; } .expo2025 .sky-3 { background-color: #0094dc; } .expo2025 .sky-3 .sky-area { height: calc(var(--1lvh, 1lvh) * 75); } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area { height: calc(var(--1lvh, 1lvh) * 50); } } .expo2025 .sky-4 { height: calc(var(--1lvh, 1lvh) * 74.5); background: rgb(255, 255, 255); background: linear-gradient(180deg, rgb(0, 148, 220) 0, rgb(199, 232, 248) calc(100% - 100px)); } .expo2025 .sky-4 .sky-area { height: 100%; } .expo2025 .sky-5 { position: relative; } .expo2025 .sky-5 .sky-area { height: 100%; } .expo2025 .sky-5 figcaption { position: absolute; top: 10%; left: 50%; translate: -50% -50%; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; font-optical-sizing: auto; line-height: 1; color: #000; } .expo2025 .sky-5 img { width: 100%; } .expo2025 .sky-clouds { position: absolute; width: 100%; pointer-events: none; list-style: none; } .expo2025 .sky-clouds.sky-clouds-1 { top: 0; } .expo2025 .sky-clouds.sky-clouds-1 .sky-cloud:nth-child(1) { left: 0; } .expo2025 .sky-clouds.sky-clouds-1 .sky-cloud:nth-child(2) { left: 25%; } .expo2025 .sky-clouds.sky-clouds-1 .sky-cloud:nth-child(3) { left: 50%; } .expo2025 .sky-clouds.sky-clouds-1 .sky-cloud:nth-child(4) { left: 100%; } .expo2025 .sky-clouds.sky-clouds-2 { top: 20%; } .expo2025 .sky-clouds.sky-clouds-2 .sky-cloud:nth-child(1) { left: -15%; } .expo2025 .sky-clouds.sky-clouds-2 .sky-cloud:nth-child(2) { left: 5%; } .expo2025 .sky-clouds.sky-clouds-2 .sky-cloud:nth-child(3) { left: 35%; } .expo2025 .sky-clouds.sky-clouds-2 .sky-cloud:nth-child(4) { left: 75%; } .expo2025 .sky-clouds.sky-clouds-3 { top: 40%; } .expo2025 .sky-clouds.sky-clouds-3 .sky-cloud:nth-child(1) { left: 0; } .expo2025 .sky-clouds.sky-clouds-3 .sky-cloud:nth-child(2) { left: 25%; } .expo2025 .sky-clouds.sky-clouds-3 .sky-cloud:nth-child(3) { left: 50%; } .expo2025 .sky-clouds.sky-clouds-3 .sky-cloud:nth-child(4) { left: 100%; } .expo2025 .sky-clouds.sky-clouds-4 { top: 60%; } .expo2025 .sky-clouds.sky-clouds-4 .sky-cloud:nth-child(1) { left: -15%; } .expo2025 .sky-clouds.sky-clouds-4 .sky-cloud:nth-child(2) { left: 5%; } .expo2025 .sky-clouds.sky-clouds-4 .sky-cloud:nth-child(3) { left: 35%; } .expo2025 .sky-clouds.sky-clouds-4 .sky-cloud:nth-child(4) { left: 75%; } .expo2025 .sky-clouds.sky-clouds-5 { top: 80%; } .expo2025 .sky-clouds.sky-clouds-5 .sky-cloud:nth-child(1) { left: 0; } .expo2025 .sky-clouds.sky-clouds-5 .sky-cloud:nth-child(2) { left: 25%; } .expo2025 .sky-clouds.sky-clouds-5 .sky-cloud:nth-child(3) { left: 50%; } .expo2025 .sky-clouds.sky-clouds-5 .sky-cloud:nth-child(4) { left: 100%; } .expo2025 .sky-clouds .sky-cloud { width: 75%; transform: translateX(-50%); will-change: transform; } .expo2025 .sky-clouds .sky-cloud:first-child { position: relative; } .expo2025 .sky-clouds .sky-cloud:not(:first-child) { position: absolute; top: 0; } .expo2025 .sky-2 .sky-clouds .sky-cloud { width: 75%; } @media (max-width: 959px) { .expo2025 .sky-2 .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-3 .sky-area:nth-child(1) .sky-clouds .sky-cloud { width: 70%; } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area:nth-child(1) .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-3 .sky-area:nth-child(2) .sky-clouds .sky-cloud { width: 65%; } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area:nth-child(2) .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-3 .sky-area:nth-child(3) .sky-clouds .sky-cloud { width: 55%; } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area:nth-child(3) .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-3 .sky-area:nth-child(4) .sky-clouds .sky-cloud { width: 45%; } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area:nth-child(4) .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-3 .sky-area:nth-child(5) .sky-clouds .sky-cloud { width: 40%; } @media (max-width: 959px) { .expo2025 .sky-3 .sky-area:nth-child(5) .sky-clouds .sky-cloud { width: 100%; } } .expo2025 .sky-ttl { position: relative; display: grid; place-items: center; height: max(800px, var(--1svh, 1svh) * 100 - 290px); } @media (max-width: 959px) { .expo2025 .sky-ttl { height: calc(var(--1svh, 1svh) * 100 - 198px); } } @media (max-width: 768px) { .expo2025 .sky-ttl { height: calc(var(--1svh, 1svh) * 100 - 198px); } } .expo2025 .sky-ttl h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 60px; font-weight: 400; line-height: 2; text-align: center; color: white; } @media (max-width: 959px) { .expo2025 .sky-ttl h2 { font-size: min(7.3333333333vw, 40px); } } .expo2025 .sky-lead { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 24px; line-height: 3.25; letter-spacing: 0.06em; } @media (max-width: 959px) { .expo2025 .sky-lead { font-size: min(3.8333333333vw, 16px); } } .expo2025 .sky-lead p { margin-top: 3em; } .expo2025 .sky-lead p span { display: inline-block; } .expo2025 .sky-inner { width: calc(100% - var(--x-spacer) * 2); max-width: calc(1200px - var(--x-spacer) * 2); margin: 0 auto; } .expo2025 .sky-area { position: relative; width: 100%; } .expo2025 .sky-area .sky-inner { position: relative; display: grid; place-items: center; height: 100%; } .expo2025 .sky-area .sky-baloons { position: absolute; width: 100%; height: 100%; list-style: none; pointer-events: none; } .expo2025 .sky-area .sky-baloon { position: absolute; width: 33.3333333333%; height: auto; aspect-ratio: 400/242; z-index: 2; transform: translate(-50%, -50%); } .expo2025 .sky-area .sky-baloon img { animation: circleMotion2 4s linear infinite; } .expo2025 .sky-area .sky-link-anchor { width: 50%; max-width: 640px; z-index: 11; animation: circleMotion1 5s linear infinite; } @media (max-width: 959px) { .expo2025 .sky-area .sky-link-anchor { width: calc(100% - var(--x-spacer) * 2); } } .expo2025 .sky-area:nth-child(2n+1) .sky-link-anchor { justify-self: end; } @media (max-width: 959px) { .expo2025 .sky-area:nth-child(2n+1) .sky-link-anchor { justify-self: center; } } .expo2025 .sky-area:nth-child(2n) .sky-link-anchor { justify-self: start; } @media (max-width: 959px) { .expo2025 .sky-area:nth-child(2n) .sky-link-anchor { justify-self: center; } } .expo2025 .u-sp { display: none; } @media (max-width: 959px) { .expo2025 .u-sp { display: inline; } } .expo2025 .u-pc { display: inline; } @media (max-width: 959px) { .expo2025 .u-pc { display: none; } } @media (max-width: 959px) { .expo2025 .u-child-span { width: 100%; } } .expo2025 .u-child-span span { display: inline-block; } .expo2025 .u-disp-inline { display: inline; } .expo2025 .illust { display: flex; justify-content: center; align-items: center; flex-direction: column; max-width: 960px; min-height: calc(var(--1lvh, 1lvh) * 100 - 547px); padding-bottom: 50px; margin: 0 auto; } @media (max-width: 959px) { .expo2025 .illust { min-height: calc(var(--1lvh, 1lvh) * 100 - 291px); } } .expo2025 .illust > figure { width: 100%; margin: 0; } .expo2025 .illust > p { width: -moz-fit-content; width: fit-content; padding: 0.75em 1.5em; margin: 0 auto; background-color: var(--mainColor); color: #fff; } @media (orientation: landscape) { .expo2025 .illust > p { display: none; } } .expo2025 .css-slide { position: relative; } .expo2025 .css-slide img:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; animation: slide-fade 8s linear 0s infinite; } @keyframes slide-fade { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .expo2025 .sky-link, .expo2025 .sky-link-s { position: relative; display: grid; place-items: center; width: 100%; margin: 0 auto; z-index: 1; line-height: 1.5; color: var(--mainColor); text-decoration: none; transition: all 300ms ease; } .expo2025 .sky-link::before, .expo2025 .sky-link-s::before { content: ""; box-sizing: border-box; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 80px; border: 1px solid var(--mainColor); z-index: -1; transition: all 300ms ease; } @media (hover: hover) { .expo2025 .sky-link:hover, .expo2025 .sky-link-s:hover { color: #fff; } .expo2025 .sky-link:hover::before, .expo2025 .sky-link-s:hover::before { background-color: var(--mainColor); scale: 1.1; } } .expo2025 .sky-link.disabled, .expo2025 .sky-link-s.disabled { pointer-events: none; } .expo2025 .sky-link { max-width: 360px; height: 80px; font-size: 15px; } @media (max-width: 969px) { .expo2025 .sky-link { height: 60px; } } .expo2025 .sky-link-s { max-width: 270px; height: 60px; font-size: 14px; } @media (max-width: 969px) { .expo2025 .sky-link-s { height: 60px; font-size: 15px; } } .expo2025 .sky-link-dammy, .expo2025 .sky-link-anchor { display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; text-align: center; text-decoration: none; color: #fff; transition: scale 300ms ease; will-change: animation; border: none; outline: none; background: none; } .expo2025 .sky-link-dammy > div, .expo2025 .sky-link-anchor > div { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; } .expo2025 .sky-link-dammy > div > img, .expo2025 .sky-link-dammy > div p, .expo2025 .sky-link-anchor > div > img, .expo2025 .sky-link-anchor > div p { grid-column: 1/1; grid-row: 1/1; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; } .expo2025 .sky-link-dammy > div p, .expo2025 .sky-link-anchor > div p { position: relative; width: 100%; margin: 0; } .expo2025 .sky-link-dammy > div p span, .expo2025 .sky-link-anchor > div p span { display: block; line-height: 1; text-shadow: 0 0 12px rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 600; font-size: 30px; line-height: 1.6; } @media (max-width: 969px) { .expo2025 .sky-link-dammy > div p span, .expo2025 .sky-link-anchor > div p span { font-size: min(5vw, 30px); } } .expo2025 .sky-link-dammy > div p span:nth-of-type(2), .expo2025 .sky-link-anchor > div p span:nth-of-type(2) { font-size: 20px; } @media (max-width: 969px) { .expo2025 .sky-link-dammy > div p span:nth-of-type(2), .expo2025 .sky-link-anchor > div p span:nth-of-type(2) { font-size: min(3.3333333333vw, 20px); } } .expo2025 .sky-link-dammy > div p img, .expo2025 .sky-link-anchor > div p img { width: 44.6875%; max-width: 286px; } .expo2025 .sky-link-dammy > div img, .expo2025 .sky-link-anchor > div img { pointer-events: none; vertical-align: top; } .expo2025 .sky-link-dammy > div em[data-ruby], .expo2025 .sky-link-anchor > div em[data-ruby] { position: relative; font-style: normal; } .expo2025 .sky-link-dammy > div em[data-ruby]::before, .expo2025 .sky-link-anchor > div em[data-ruby]::before { content: attr(data-ruby); position: absolute; top: -0.65em; left: 0; right: 0; font-size: 33.3333333333%; letter-spacing: 4.85em; white-space: nowrap; } .expo2025 .sky-link-anchor { cursor: pointer; } @media (hover: hover) { .expo2025 .sky-link-anchor:hover { scale: 1.04; } } .expo2025 .sky-link-dammy { position: fixed; } .expo2025 .sky-link-dammy > div img:nth-of-type(1) { position: relative; z-index: 1; } .expo2025 .sky-link-zoom, .expo2025 .sky-link-close { --width: 60px; --height: 60px; --icon-size: 22px; --icon-color: var(--mainColor); --icon-color-hover: #fff; --border-color: var(--mainColor); --bg-color: #fff; --bg-color-hover: var(--mainColor); position: relative; display: block; width: var(--width); height: var(--height); -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; z-index: 1; cursor: pointer; font-weight: 400; text-align: left; text-indent: 100%; white-space: nowrap; } @media (max-width: 969px) { .expo2025 .sky-link-zoom, .expo2025 .sky-link-close { --width: 40px; --height: 40px; --icon-size: 14px; } } @media (hover: hover) { .modal__bg:hover + .expo2025 .sky-link-zoom span, .expo2025 .sky-link-zoom:hover span, .modal__bg:hover + .expo2025 .sky-link-close span, .expo2025 .sky-link-close:hover span { rotate: 90deg; background-color: var(--bg-color-hover); scale: 1.1; } .modal__bg:hover + .expo2025 .sky-link-zoom span::before, .modal__bg:hover + .expo2025 .sky-link-zoom span::after, .expo2025 .sky-link-zoom:hover span::before, .expo2025 .sky-link-zoom:hover span::after, .modal__bg:hover + .expo2025 .sky-link-close span::before, .modal__bg:hover + .expo2025 .sky-link-close span::after, .expo2025 .sky-link-close:hover span::before, .expo2025 .sky-link-close:hover span::after { background-color: var(--icon-color-hover); } } .expo2025 .sky-link-zoom span, .expo2025 .sky-link-close span { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; transition: all 300ms ease; border-radius: 80px; background-color: transparent; border: 1px solid var(--border-color); } .expo2025 .sky-link-zoom span::before, .expo2025 .sky-link-zoom span::after, .expo2025 .sky-link-close span::before, .expo2025 .sky-link-close span::after { content: ""; position: absolute; display: block; width: 1px; height: var(--icon-size); background-color: var(--icon-color); top: 50%; left: 50%; translate: -50% -50%; z-index: 1; } .expo2025 .sky-link-zoom span::after { rotate: -90deg; } .expo2025 .sky-link-close span::before { rotate: 45deg; } .expo2025 .sky-link-close span::after { rotate: -45deg; } .expo2025 .sky-sec { font-family: Arial, Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 300; font-size: 15px; line-height: 2.8; text-align: center; color: #000; } @media (max-width: 969px) { .expo2025 .sky-sec { font-size: 14px; line-height: 2.4; } } .expo2025 .sky-sec__ttl, .expo2025 .sky-sec__ttl-2 { margin-top: 100px; margin-bottom: 50px; font-weight: inherit; word-break: keep-all; } @media (max-width: 969px) { .expo2025 .sky-sec__ttl, .expo2025 .sky-sec__ttl-2 { margin-top: 75px; margin-bottom: 30px; } } .expo2025 .sky-sec__ttl span { display: block; } .expo2025 .sky-sec__ttl span:nth-child(1) { position: relative; padding-bottom: 40px; margin-bottom: 40px; font-size: 18px; font-weight: 600; line-height: 1; } @media (max-width: 969px) { .expo2025 .sky-sec__ttl span:nth-child(1) { padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; } } @media (max-width: 767px) { .expo2025 .sky-sec__ttl span:nth-child(1) { font-size: 14px; } } .expo2025 .sky-sec__ttl span:nth-child(1):not(:empty)::after { position: absolute; content: ""; display: block; width: 30px; height: 2px; bottom: 0; left: calc(50% - 15px); background-color: #000; } .expo2025 .sky-sec__ttl span:nth-child(2) { font-size: 36px; line-height: 1.25; } @media (max-width: 969px) { .expo2025 .sky-sec__ttl span:nth-child(2) { font-size: 28px; } } @media (max-width: 767px) { .expo2025 .sky-sec__ttl span:nth-child(2) { font-size: 26px; } } .expo2025 .sky-sec__ttl-2 > span { display: block; font-size: 36px; line-height: 1.25; } @media (max-width: 969px) { .expo2025 .sky-sec__ttl-2 > span { font-size: 28px; } } @media (max-width: 767px) { .expo2025 .sky-sec__ttl-2 > span { font-size: 26px; } } .expo2025 .sky-sec__ttl-2 > span span { display: inline-block; } .expo2025 .sky-sec__hero { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 50px; } @media (max-width: 969px) { .expo2025 .sky-sec__hero { margin-bottom: 25px; } } .expo2025 .sky-sec__lead { word-break: keep-all; } .expo2025 .sky-sec__lead p { word-break: keep-all; } .expo2025 .sky-sec__lead p:not(:first-child) { margin-top: 2.5em; } .expo2025 .sky-sec__lead span { display: inline-block; } .expo2025 .sky-sec__illust { position: relative; } .expo2025 .sky-sec__illust .sky-link-zoom { position: static; display: none; margin: 0 auto; } @media (max-width: 767px) { .expo2025 .sky-sec__illust .sky-link-zoom { display: block; } } .expo2025 .sky-sec__illust .sky-link-zoom::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; } .expo2025 .sky-sec__end { margin: 120px 0; line-height: 1; } @media (max-width: 969px) { .expo2025 .sky-sec__end { margin: 60px 0; } } .expo2025 .sky-sec__end .sky-link-close { margin: 0 auto; } .expo2025 ul.note { text-align: left; margin-top: 3em; } .expo2025 ul.note li { margin-left: 2.5em; text-indent: -2.5em; font-size: 12px; line-height: 2.2; } .expo2025 .blk p { margin-bottom: 1em; } .expo2025 .blk figure { margin: 0; } .expo2025 .blk__ttl { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-bottom: 1.85em; font-size: 30px; font-weight: inherit; line-height: 1.4; word-break: keep-all; } @media (max-width: 969px) { .expo2025 .blk__ttl { margin-bottom: 1em; font-size: 20px; } } .expo2025 .blk__ttl span { display: inline-block; margin-bottom: 0.75em; font-size: 21px; line-height: 1; } @media (max-width: 969px) { .expo2025 .blk__ttl span { font-size: 16px; } } .expo2025 .blk__lay { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; text-align: left; } @media (max-width: 969px) { .expo2025 .blk__lay { grid-template-columns: 1fr; gap: 20px; } } .expo2025 .blk__lay > div { display: grid; grid-template-rows: 1fr auto; } .expo2025 .blk__lay > div p { position: relative; top: -1em; } .expo2025 .blk__lay-2 { display: grid; grid-template-columns: 450fr 470fr; gap: 40px; } @media (max-width: 969px) { .expo2025 .blk__lay-2 { grid-template-columns: 1fr; gap: 20px; } } .expo2025 #sec1 .sky-sec__lead { margin-bottom: 65px; } @media (max-width: 969px) { .expo2025 #sec1 .sky-sec__lead { margin-bottom: 40px; } } .expo2025 #sec2 .sky-sec__lead { margin-bottom: 55px; } @media (max-width: 969px) { .expo2025 #sec2 .sky-sec__lead { margin-bottom: 55px; } } .expo2025 #sec2 .sky-link { margin-bottom: 115px; } @media (max-width: 969px) { .expo2025 #sec2 .sky-link { margin-bottom: 60px; } } .expo2025 #sec2 .blk__lay { margin-bottom: 60px; } @media (max-width: 969px) { .expo2025 #sec2 .blk__lay { margin-bottom: 10px; } } .expo2025 #sec2 .blk__hero { margin-bottom: 60px; } @media (max-width: 969px) { .expo2025 #sec2 .blk__hero { margin-bottom: 20px; } } .expo2025 #sec2 .blk:not(:last-of-type) { margin-bottom: 120px; } @media (max-width: 969px) { .expo2025 #sec2 .blk:not(:last-of-type) { margin-bottom: 60px; } } .expo2025 #sec2 .blk > p { word-break: keep-all; } .expo2025 #sec3 .sky-sec__lead { margin-bottom: 55px; } @media (max-width: 969px) { .expo2025 #sec3 .sky-sec__lead { margin-bottom: 55px; } } .expo2025 #sec3 .sec3-compo { margin-bottom: 70px; } @media (max-width: 969px) { .expo2025 #sec3 .sec3-compo { margin-bottom: 40px; } } .expo2025 #sec3 .sec3-compo figure { margin: 0; } .expo2025 #sec3 .sec3-compo figure:nth-of-type(1) { margin-bottom: 80px; } @media (max-width: 969px) { .expo2025 #sec3 .sec3-compo figure:nth-of-type(1) { margin-bottom: 20px; } } .expo2025 #sec3 .sec3-compo figure:nth-of-type(2) { margin-bottom: 70px; } @media (max-width: 969px) { .expo2025 #sec3 .sec3-compo figure:nth-of-type(2) { margin-bottom: 20px; } } .expo2025 #sec3 .sec3-compo p { word-break: keep-all; } @media (max-width: 969px) { .expo2025 #sec3 .blk__lay { gap: 40px; } } .expo2025 #sec3 .sky-link { margin-top: 80px; } @media (max-width: 969px) { .expo2025 #sec3 .sky-link { margin-bottom: 60px; } } .expo2025 #sec4 .sky-sec__hero { max-width: 800px; margin-left: auto; margin-right: auto; } .expo2025 #sec4 .sky-sec__lead { margin-bottom: 45px; } @media (max-width: 969px) { .expo2025 #sec4 .sky-sec__lead { margin-bottom: 55px; } } .expo2025 #sec5 .sky-sec__lead { margin-bottom: 110px; } @media (max-width: 969px) { .expo2025 #sec5 .sky-sec__lead { margin-bottom: 60px; } } .expo2025 #sec5 .blk:not(:last-of-type) { margin-bottom: 120px; } @media (max-width: 969px) { .expo2025 #sec5 .blk:not(:last-of-type) { margin-bottom: 60px; } } .expo2025 #sec5 .blk__lay > figure { position: relative; } .expo2025 #sec5 .blk__lay > figure figcaption { position: absolute; bottom: 10px; left: 10px; font-size: 10px; line-height: 1; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #fff; } .expo2025 #sec6 .sky-sec__hero { position: relative; } .expo2025 #sec6 .sky-sec__hero figcaption { position: absolute; bottom: calc(-10px - 1em); right: 0; font-size: 12px; line-height: 1; } .expo2025 #sec6 .sky-sec__lead { margin-bottom: 110px; } @media (max-width: 969px) { .expo2025 #sec6 .sky-sec__lead { margin-bottom: 60px; } } .expo2025 #sec6 .blk:not(:last-of-type) { margin-bottom: 120px; } @media (max-width: 969px) { .expo2025 #sec6 .blk:not(:last-of-type) { margin-bottom: 60px; } } .expo2025 #sec6 .blk__lay { margin-bottom: 50px; } .expo2025 #sec6 .blk__lay > figure figcaption { margin-top: 10px; font-size: 12px; line-height: 1; } .expo2025 #sec6 .blk__txt { margin-bottom: 50px; } .expo2025 .show-sec { margin-bottom: 60px; } .expo2025 .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: var(--x-spacer); overflow: hidden; z-index: 10000; pointer-events: none; opacity: 0; visibility: hidden; } .expo2025 .modal.active { pointer-events: auto; opacity: 1; visibility: visible; } .expo2025 .modal button { padding: 0; } .expo2025 .modal img { max-width: 100%; height: auto; vertical-align: top; } .expo2025 .modal a { text-decoration: none; } .expo2025 .modal a, .expo2025 .modal button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .expo2025 .modal__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; } .expo2025 .modal__bg.active { opacity: 1; pointer-events: auto; } .expo2025 .modal__close { --icon-color: #fff; --icon-color-hover: #fff; --border-color: #fff; --bg-color: rgba(var(--mainColor-rgb), 0.4); --bg-color-hover: rgba(var(--mainColor-rgb), 0.8); position: absolute; top: 30px; right: 30px; opacity: 0; transition: opacity 300ms ease-in; pointer-events: none; } @media (max-width: 969px) { .expo2025 .modal__close { top: 20px; right: 20px; } } .expo2025 .modal__close span { border: 0.5px solid #fff; background-color: var(--bg-color); } .expo2025 .modal__close.active { opacity: 1; pointer-events: auto; } .expo2025 .modal__body { width: 100%; height: 100%; max-width: calc(1080px + var(--x-spacer) * 1); margin: 0 auto; } .expo2025 .modal__body.active { -webkit-clip-path: url("/air/daikin_achievements/expo2025/-/media/"); clip-path: url("/air/daikin_achievements/expo2025/-/media/"); } .expo2025 .modal__inr { position: relative; height: 100%; margin: 0 auto; overflow: hidden; } @media (max-width: 969px) { .expo2025 .modal__inr { width: calc(100% - var(--x-spacer)); } } .expo2025 .modal__inr .fakeScroll__content { overflow: hidden; } .expo2025 .modal__inr .fakeScroll__track { display: none; } .expo2025 .modal__inr.scroll .fakeScroll__content { overflow: auto; } .expo2025 .modal__inr.scroll .fakeScroll__track { display: block; } @media (max-width: 969px) { .expo2025 .modal__inr.scroll .fakeScroll__track { display: none; } } .expo2025 .modal__content { position: relative; width: calc(100% - var(--x-spacer) * 2); max-width: 960px; margin: 0 auto; overflow: hidden; opacity: 0; } /*-------------------------------- »ù±¾ --------------------------------*/ .expo2025 { /*-------------------------------- šøÓÃ --------------------------------*/ } .expo2025 .io:not(.order), .expo2025 .io.order > * { transition: opacity 600ms ease, translate 600ms ease, scale 2400ms ease; transition-delay: var(--delay, 0ms); /* GPU acceleration */ backface-visibility: hidden; /* transform: translate3d(0, 0, 0); */ will-change: opacity, translate, scale; } .expo2025 .io:not(.order).in, .expo2025 .io.order.in > * { opacity: 1 !important; translate: 0 0 0; rotate: 0deg; scale: 1; } .expo2025 .io:not(.order).fade, .expo2025 .io.order.fade > * { opacity: 0; } .expo2025 .io:not(.order).lr, .expo2025 .io.order.lr > * { translate: -100px 0 0; } .expo2025 .io:not(.order).rl, .expo2025 .io.order.rl > * { translate: 100px 0 0; } .expo2025 .io:not(.order).upL, .expo2025 .io.order.upL > * { translate: 0 100px 0; } .expo2025 .io:not(.order).upS, .expo2025 .io.order.upS > * { translate: 0 20px 0; } .expo2025 .io.fx-letter { --d: 0ms; } .expo2025 .io.fx-letter span.line:nth-of-type(1) { --d: 0ms; } .expo2025 .io.fx-letter span.line:nth-of-type(2) { --d: 9ms * 30 + 500ms; } .expo2025 .io.fx-letter span.line:nth-of-type(3) { --d: 19ms * 30 + 1000ms; } .expo2025 .io.fx-letter span:not(.line) { display: inline-block !important; opacity: 0; translate: 0 0.4em; transition: opacity 600ms ease, translate 600ms ease; } .expo2025 .io.fx-letter.in span:not(.line) { opacity: 1; translate: 0 0 0; } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(1) { transition-delay: calc(30ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(2) { transition-delay: calc(60ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(3) { transition-delay: calc(90ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(4) { transition-delay: calc(120ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(5) { transition-delay: calc(150ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(6) { transition-delay: calc(180ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(7) { transition-delay: calc(210ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(8) { transition-delay: calc(240ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(9) { transition-delay: calc(270ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(10) { transition-delay: calc(300ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(11) { transition-delay: calc(330ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(12) { transition-delay: calc(360ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(13) { transition-delay: calc(390ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(14) { transition-delay: calc(420ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(15) { transition-delay: calc(450ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(16) { transition-delay: calc(480ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(17) { transition-delay: calc(510ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(18) { transition-delay: calc(540ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(19) { transition-delay: calc(570ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(20) { transition-delay: calc(600ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(21) { transition-delay: calc(630ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(22) { transition-delay: calc(660ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(23) { transition-delay: calc(690ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(24) { transition-delay: calc(720ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(25) { transition-delay: calc(750ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(26) { transition-delay: calc(780ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(27) { transition-delay: calc(810ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(28) { transition-delay: calc(840ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(29) { transition-delay: calc(870ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(30) { transition-delay: calc(900ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(31) { transition-delay: calc(930ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(32) { transition-delay: calc(960ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(33) { transition-delay: calc(990ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(34) { transition-delay: calc(1020ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(35) { transition-delay: calc(1050ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(36) { transition-delay: calc(1080ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(37) { transition-delay: calc(1110ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(38) { transition-delay: calc(1140ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(39) { transition-delay: calc(1170ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(40) { transition-delay: calc(1200ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(41) { transition-delay: calc(1230ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(42) { transition-delay: calc(1260ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(43) { transition-delay: calc(1290ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(44) { transition-delay: calc(1320ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(45) { transition-delay: calc(1350ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(46) { transition-delay: calc(1380ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(47) { transition-delay: calc(1410ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(48) { transition-delay: calc(1440ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(49) { transition-delay: calc(1470ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(50) { transition-delay: calc(1500ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(51) { transition-delay: calc(1530ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(52) { transition-delay: calc(1560ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(53) { transition-delay: calc(1590ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(54) { transition-delay: calc(1620ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(55) { transition-delay: calc(1650ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(56) { transition-delay: calc(1680ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(57) { transition-delay: calc(1710ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(58) { transition-delay: calc(1740ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(59) { transition-delay: calc(1770ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(60) { transition-delay: calc(1800ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(61) { transition-delay: calc(1830ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(62) { transition-delay: calc(1860ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(63) { transition-delay: calc(1890ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(64) { transition-delay: calc(1920ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(65) { transition-delay: calc(1950ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(66) { transition-delay: calc(1980ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(67) { transition-delay: calc(2010ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(68) { transition-delay: calc(2040ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(69) { transition-delay: calc(2070ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(70) { transition-delay: calc(2100ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(71) { transition-delay: calc(2130ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(72) { transition-delay: calc(2160ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(73) { transition-delay: calc(2190ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(74) { transition-delay: calc(2220ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(75) { transition-delay: calc(2250ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(76) { transition-delay: calc(2280ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(77) { transition-delay: calc(2310ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(78) { transition-delay: calc(2340ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(79) { transition-delay: calc(2370ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(80) { transition-delay: calc(2400ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(81) { transition-delay: calc(2430ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(82) { transition-delay: calc(2460ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(83) { transition-delay: calc(2490ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(84) { transition-delay: calc(2520ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(85) { transition-delay: calc(2550ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(86) { transition-delay: calc(2580ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(87) { transition-delay: calc(2610ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(88) { transition-delay: calc(2640ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(89) { transition-delay: calc(2670ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(90) { transition-delay: calc(2700ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(91) { transition-delay: calc(2730ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(92) { transition-delay: calc(2760ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(93) { transition-delay: calc(2790ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(94) { transition-delay: calc(2820ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(95) { transition-delay: calc(2850ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(96) { transition-delay: calc(2880ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(97) { transition-delay: calc(2910ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(98) { transition-delay: calc(2940ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(99) { transition-delay: calc(2970ms + var(--d)); } .expo2025 .io.fx-letter.in span:not(.line):nth-of-type(100) { transition-delay: calc(3000ms + var(--d)); } .expo2025 .io.fx-line { --d: 0ms; } .expo2025 .io.fx-line span.line { opacity: 0; translate: 0 2.5em; transition: opacity 600ms cubic-bezier(0.33, 1, 0.68, 1), translate 600ms cubic-bezier(0.33, 1, 0.68, 1); } .expo2025 .io.fx-line.in span.line { opacity: 1; translate: 0 0 0; } .expo2025 .io.fx-line.in span.line:nth-of-type(1) { transition-delay: calc(150ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(2) { transition-delay: calc(300ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(3) { transition-delay: calc(450ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(4) { transition-delay: calc(600ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(5) { transition-delay: calc(750ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(6) { transition-delay: calc(900ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(7) { transition-delay: calc(1050ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(8) { transition-delay: calc(1200ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(9) { transition-delay: calc(1350ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(10) { transition-delay: calc(1500ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(11) { transition-delay: calc(1650ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(12) { transition-delay: calc(1800ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(13) { transition-delay: calc(1950ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(14) { transition-delay: calc(2100ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(15) { transition-delay: calc(2250ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(16) { transition-delay: calc(2400ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(17) { transition-delay: calc(2550ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(18) { transition-delay: calc(2700ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(19) { transition-delay: calc(2850ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(20) { transition-delay: calc(3000ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(21) { transition-delay: calc(3150ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(22) { transition-delay: calc(3300ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(23) { transition-delay: calc(3450ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(24) { transition-delay: calc(3600ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(25) { transition-delay: calc(3750ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(26) { transition-delay: calc(3900ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(27) { transition-delay: calc(4050ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(28) { transition-delay: calc(4200ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(29) { transition-delay: calc(4350ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(30) { transition-delay: calc(4500ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(31) { transition-delay: calc(4650ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(32) { transition-delay: calc(4800ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(33) { transition-delay: calc(4950ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(34) { transition-delay: calc(5100ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(35) { transition-delay: calc(5250ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(36) { transition-delay: calc(5400ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(37) { transition-delay: calc(5550ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(38) { transition-delay: calc(5700ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(39) { transition-delay: calc(5850ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(40) { transition-delay: calc(6000ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(41) { transition-delay: calc(6150ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(42) { transition-delay: calc(6300ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(43) { transition-delay: calc(6450ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(44) { transition-delay: calc(6600ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(45) { transition-delay: calc(6750ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(46) { transition-delay: calc(6900ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(47) { transition-delay: calc(7050ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(48) { transition-delay: calc(7200ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(49) { transition-delay: calc(7350ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(50) { transition-delay: calc(7500ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(51) { transition-delay: calc(7650ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(52) { transition-delay: calc(7800ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(53) { transition-delay: calc(7950ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(54) { transition-delay: calc(8100ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(55) { transition-delay: calc(8250ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(56) { transition-delay: calc(8400ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(57) { transition-delay: calc(8550ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(58) { transition-delay: calc(8700ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(59) { transition-delay: calc(8850ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(60) { transition-delay: calc(9000ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(61) { transition-delay: calc(9150ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(62) { transition-delay: calc(9300ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(63) { transition-delay: calc(9450ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(64) { transition-delay: calc(9600ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(65) { transition-delay: calc(9750ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(66) { transition-delay: calc(9900ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(67) { transition-delay: calc(10050ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(68) { transition-delay: calc(10200ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(69) { transition-delay: calc(10350ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(70) { transition-delay: calc(10500ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(71) { transition-delay: calc(10650ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(72) { transition-delay: calc(10800ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(73) { transition-delay: calc(10950ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(74) { transition-delay: calc(11100ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(75) { transition-delay: calc(11250ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(76) { transition-delay: calc(11400ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(77) { transition-delay: calc(11550ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(78) { transition-delay: calc(11700ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(79) { transition-delay: calc(11850ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(80) { transition-delay: calc(12000ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(81) { transition-delay: calc(12150ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(82) { transition-delay: calc(12300ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(83) { transition-delay: calc(12450ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(84) { transition-delay: calc(12600ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(85) { transition-delay: calc(12750ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(86) { transition-delay: calc(12900ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(87) { transition-delay: calc(13050ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(88) { transition-delay: calc(13200ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(89) { transition-delay: calc(13350ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(90) { transition-delay: calc(13500ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(91) { transition-delay: calc(13650ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(92) { transition-delay: calc(13800ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(93) { transition-delay: calc(13950ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(94) { transition-delay: calc(14100ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(95) { transition-delay: calc(14250ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(96) { transition-delay: calc(14400ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(97) { transition-delay: calc(14550ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(98) { transition-delay: calc(14700ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(99) { transition-delay: calc(14850ms + var(--d)); } .expo2025 .io.fx-line.in span.line:nth-of-type(100) { transition-delay: calc(15000ms + var(--d)); } .expo2025 .io.fx-slide { --transX: 0; } .expo2025 .io.fx-slide-lr { --transX: 100px; } .expo2025 .io.fx-slide-rl { --transX: -100px; } .expo2025 .io.fx-slide-tb { --transY: -100px; } .expo2025 .io.fx-slide-bt { --transY: 100px; } .expo2025 .io.fx-slide, .expo2025 .io.fx-slide-lr, .expo2025 .io.fx-slide-rl { opacity: 0; translate: var(--transX) 0 0; overflow: hidden; } .expo2025 .io.fx-slide img, .expo2025 .io.fx-slide-lr img, .expo2025 .io.fx-slide-rl img { scale: 1.2; transition: scale 3000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; } .expo2025 .io.fx-slide:not(.order).in img, .expo2025 .io.fx-slide-lr:not(.order).in img, .expo2025 .io.fx-slide-rl:not(.order).in img { scale: 1; } .expo2025 .io.fx-slide-tb, .expo2025 .io.fx-slide-bt { opacity: 0; translate: 0 var(--transY) 0; overflow: hidden; } .expo2025 .io.fx-slide-tb img, .expo2025 .io.fx-slide-bt img { scale: 1.2; transition: scale 3000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; } .expo2025 .io.fx-slide-tb:not(.order).in img, .expo2025 .io.fx-slide-bt:not(.order).in img { scale: 1; } .expo2025 .io.fx-fade { opacity: 0; } .expo2025 .io.fx-up { --transY: 15px; } .expo2025 .io.fx-up { opacity: 0; translate: 0 var(--transY) 0; } .expo2025 .io.fx-left { --transX: 100px; } .expo2025 .io.fx-left { opacity: 0; translate: var(--transX) 0 0; } .expo2025 .io.fx-clip-lr { --path: polygon(0 0, 0 0, 0 100%, 0 100%); } .expo2025 .io.fx-clip-rl { --path: polygon(100% -35%, 100% -35%, 100% 100%, 100% 100%); } .expo2025 .io.fx-clip-lr, .expo2025 .io.fx-clip-rl { -webkit-clip-path: var(--path); clip-path: var(--path); transition: -webkit-clip-path 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; transition: clip-path 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; transition: clip-path 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-clip-path 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; transition-delay: var(--delay, 0ms); } .expo2025 .io.fx-clip-lr:not(.order).in, .expo2025 .io.fx-clip-rl:not(.order).in { -webkit-clip-path: polygon(0 -35%, 100% -35%, 100% 100%, 0% 100%); clip-path: polygon(0 -35%, 100% -35%, 100% 100%, 0% 100%); } .expo2025 .io.fx-end { opacity: 0; translate: 0 100px 0; } .expo2025 .io.fx-end:nth-child(2) { transition-delay: 200ms; } .expo2025 .io.fx-end:nth-child(3) { transition-delay: 400ms; } .expo2025 .io:not(.order).scaleDown, .expo2025 .io.order.scaleDown > * { scale: 1.2; } @keyframes cloudMotihon { 0% { transform: translateX(0); } 50% { transform: translateX(-2%); } 0% { transform: translateX(0); } } @keyframes circleMotion1 { 0% { transform: rotate(0deg) translateX(10px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(10px) rotate(-360deg); } } @keyframes circleMotion2 { 0% { transform: rotate(0deg) translateX(10px) rotate(0deg); } 100% { transform: rotate(-360deg) translateX(10px) rotate(360deg); } } .fakeScroll { overflow: visible !important; } .fakeScroll__wrap { overflow: hidden; height: 100%; position: relative; z-index: 1; } .fakeScroll__content { height: 100%; width: 100%; /* padding : 0 32px 0 0; */ /* right : -18px; */ position: relative; overflow: auto; box-sizing: border-box; scrollbar-width: none; } .fakeScroll__content::-webkit-scrollbar { display: none; } .fakeScroll__track { position: absolute; top: 50%; right: max((100% - 960px) * 0.25, 30px); translate: -50% -50%; width: 7px; height: 50%; max-height: 300px; padding: 0px; border-radius: 100px; background: rgba(0, 0, 0, 0.06); z-index: 1; cursor: pointer; transition: 0.1s; } .fakeScroll__bar { position: relative; width: 100%; border-radius: 4px; background: var(--mainColor); right: 0; top: 0; z-index: 0; transition: background 0.1s; cursor: -webkit-grab; transition: 0.1s box-shadow; } /* .fakeScroll__bar:hover{ background : rgba(255,255,255, .55); } */ .fakeScroll__bar.fakeScroll--grabbed { cursor: -webkit-grabbing; /* background : white; */ } body.fakeScroll--grabbed { cursor: -webkit-grabbing; -moz-user-select: none; -webkit-user-select: none; user-select: none; }