#about{width:80%;max-width:900px;margin:0 auto var(--space-10)}#about .content-warpper{width:80%;max-width:1000px;margin:var(--space-5)auto}
#access{width:80%;max-width:900px;margin:auto}#access h1{width:fit-content;margin-right:var(--space-1)}#access h1 a{font-weight:var(--font-weight-extrabold);color:inherit;text-decoration:none}#access .access-title{justify-content:left;align-items:center;display:flex}#access .access-title:after{vertical-align:middle;pointer-events:none;content:"";background:url(/img/arrow-up-right-from-square-solid-full.svg) 50%/contain no-repeat;width:20px;height:20px;display:block}#access-map{text-align:center}#access-map iframe{aspect-ratio:13/9;border:none;border-radius:20px;width:90%;max-width:fit-content;height:auto}#access-info{text-align:center;width:80%;max-width:700px;margin:auto}#access-info1{align-items:center;display:flex}#access-info1 img{width:50px;display:inline}#access-info1 .text-train{font-size:var(--font-size-xl);padding-left:50px}#access-info2{margin-bottom:var(--space-8);font-size:var(--font-size-xl)}#access-info2 .text1,#access-info2 .text2{padding-left:70px}#access-info2 .text3{font-size:3rem;font-weight:var(--font-weight-extrabold);color:#e40081;padding-left:0}#access-info2 .text4{padding-left:0}#access-info3{align-items:center;display:flex}#access-info3 img{width:50px;display:inline}#access-info3 .text-bus{font-size:var(--font-size-xl);padding-left:50px}#access-info4{margin-bottom:var(--space-8);font-size:var(--font-size-xl)}#access-info4 .text1,#access-info4 .text2{padding-left:70px}#access-info4 .text3{font-size:3rem;font-weight:var(--font-weight-extrabold);color:#e40081;padding-left:0}#access-info4 .text4{padding-left:0}@media (max-width:660px){#access-map iframe{width:100%;margin:0 0 var(--space-8)}#access-info{width:100%;margin:0 auto}#access-info img{width:40px}#access-info p{justify-content:right;align-items:baseline;-webkit-box-pack:right;-ms-flex-pack:right;-webkit-box-align:baseline;-ms-flex-align:baseline;display:flex}#access-info .text1{padding-left:0}#access-info .text2,#access-info .text3,#access-info .text4{padding-left:10px}#access-info span,#access-info p{font-size:var(--font-size-lg)!important}#access-info .text3{font-size:calc(var(--font-size-xxl)*1.2)!important}}
:root{--flip-card-height:100px;--flip-card-radius:calc(var(--flip-card-height)*2/10)}#countdown{padding:calc(var(--space-10)*1)0;background:color-mix(in srgb,var(--main-color)10%,white 90%)0%;margin:0 auto}#countdown h1{margin:var(--space-10)auto;text-align:center}#countdown .countdown{gap:var(--space-8);flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:flex}#countdown .bloc-time{width:var(--flip-card-height);text-align:center;position:relative}#countdown .bloc-time.days span{background:var(--main-color)}#countdown .bloc-time.hours span{background:var(--sub-color1)}#countdown .bloc-time.minutes span{background:var(--sub-color3)}#countdown .bloc-time.seconds span{background:var(--sub-color2)}#countdown .count-title span{margin-bottom:var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;display:block}#countdown .figure{float:left;width:var(--flip-card-height);height:var(--flip-card-height);border-radius:var(--flip-card-radius);box-shadow:0 0 var(--space-10)#00000080;margin-right:6px;position:relative}#countdown .figure.days-1{background:var(--main-color)}#countdown .figure.hours-1{background:var(--sub-color1)}#countdown .figure.min-1{background:var(--sub-color3)}#countdown .figure.sec-1{background:var(--sub-color2)}#countdown .figure>span{width:100%;height:calc(var(--flip-card-height)/2);position:absolute;left:0;overflow:hidden}#countdown .figure .top{z-index:3;border-radius:var(--flip-card-radius)var(--flip-card-radius)0 0;transform-origin:50% 100%;backface-visibility:hidden;top:0;transform:perspective(200px)rotateX(0)}#countdown .figure .bottom{top:calc(var(--flip-card-height)/2);z-index:3;border-radius:0 0 var(--flip-card-radius)var(--flip-card-radius);transform-origin:50% 0;backface-visibility:hidden;transform:perspective(200px)rotateX(0)}#countdown .figure .top-back{z-index:2;border-radius:var(--flip-card-radius)var(--flip-card-radius)0 0;top:0}#countdown .figure .bottom-back{top:calc(var(--flip-card-height)/2);z-index:1;border-radius:0 0 var(--flip-card-radius)var(--flip-card-radius)}#countdown .figure>span>span{width:100%;height:calc(var(--flip-card-height)*2);font-family:inherit;font-size:3rem;font-weight:700;line-height:calc(var(--flip-card-height)*2);color:var(--base-color);text-align:center;margin:auto;position:absolute;left:0;right:0}#countdown .figure .top span,#countdown .figure .top-back span{top:calc(var(--flip-card-height)/-2)}#countdown .figure .bottom span,#countdown .figure .bottom-back span{top:calc(var(--flip-card-height)*-1)}#countdown .figure.flip .top{animation:.35s forwards flip-top}#countdown .figure.flip .bottom{animation:.35s .34s forwards flip-bottom}#countdown .count-title{font-size:var(--font-size-xs);line-height:calc(var(--font-size-xxl)*1.5);color:#475569;letter-spacing:.3em;background:0 0!important}@keyframes flip-top{0%{transform:perspective(200px)rotateX(0)}to{transform:perspective(200px)rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:perspective(200px)rotateX(90deg)}to{transform:perspective(200px)rotateX(0)}}@media (max-width:660px){:root{--flip-card-height:60px}#countdown h1,#countdown .figure>span>span{font-size:var(--font-size-xl)}#countdown .count-title{font-size:calc(var(--font-size-xs)*2/3);position:relative;top:-10px}}
#top{background:radial-gradient(circle at 10% 15%,color-mix(in srgb,var(--sub-color2)35%,white 65%)0%,transparent 55%),radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--sub-color1)35%,white 65%)0%,transparent 55%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--main-color)30%,white 70%)0%,transparent 60%);justify-content:center;align-items:center;height:100vh;display:flex}#main-visual{width:80%;max-width:700px;height:100%;position:relative}
#scroll{bottom:var(--space-4);height:var(--space-10);cursor:pointer;position:absolute}#scroll span{align-items:center;animation:.5s ease-in infinite alternate bound-anim;display:flex}#scroll span:before{width:var(--font-size-lg);height:var(--font-size-lg);content:"";background:url(/img/chevron-down-solid-full.svg) 50%/cover no-repeat;animation:.8s infinite rotate-anim;display:block}@keyframes bound-anim{0%{transform:translateY(0)}to{transform:translateY(24px)}}@keyframes rotate-anim{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}
