@property --column1{syntax:"<percentage>";inherits:false;initial-value:100%}@property --column2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --row1{syntax:"<percentage>";inherits:false;initial-value:100%}@property --row2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --length1{syntax:"<percentage>";inherits:true;initial-value:50%}@property --length2{syntax:"<length>";inherits:true;initial-value:0}@property --length3{syntax:"<percentage>";inherits:true;initial-value:0%}@property --length4{syntax:"<percentage>";inherits:true;initial-value:0%}@property --length5{syntax:"<percentage>";inherits:true;initial-value:0%}@property --deg1{syntax:"<angle>";inherits:true;initial-value:-90deg}@property --sec4-length1{syntax:"<percentage>";inherits:true;initial-value:0%}@keyframes roll1{0%,25%{--column1:100%;--column2:0%;--row1:100%;--row2:0%}30%,50%{--column1:0%;--column2:100%;--row1:100%;--row2:0%}55%,75%{--column1:0%;--column2:100%;--row1:0%;--row2:100%}80%,95%{--column1:100%;--column2:0%;--row1:0%;--row2:100%}to{--column1:100%;--column2:0%;--row1:100%;--row2:0%}}@keyframes roll3{0%,30%{--column1:100%;--column2:0%;--row1:100%;--row2:0%}35%,60%{--column1:0%;--column2:100%;--row1:100%;--row2:0%}65%,95%{--column1:0%;--column2:100%;--row1:0%;--row2:100%}to{--column1:100%;--column2:0%;--row1:100%;--row2:0%}}@keyframes ani2{0%{--length4:0%;--length3:0%;--length2:0dvh;--length1:50%;--length5:0%;--deg1:-90deg;--sec4-length1:0%}20%,30%{--length4:0%;--length3:0%;--length2:100dvh;--length1:90%;--length5:100%;--deg1:-90deg;--sec4-length1:0%}40%,60%{--length4:50%;--length3:50%;--length2:100dvh;--length1:90%;--length5:100%;--deg1:0deg;--sec4-length1:0%}75%,95%{--length4:50%;--length3:50%;--length2:0dvh;--length1:50%;--length5:0%;--deg1:0deg;--sec4-length1:120%}to{--length4:0%;--length3:0%;--length2:0dvh;--length1:50%;--length5:0%;--deg1:-90deg;--sec4-length1:0%}}.home{--slide-time:40s;--home-color1:#1a1a49b3;--home-color2:#f8f8ffb3;--home-color3:#f8f8ff;--line-color:repeating-linear-gradient(to right,ghostwhite 3px 5px,transparent 5px 12px);--line-color2:repeating-linear-gradient(to left,ghostwhite 3px 5px,transparent 5px 12px);--line-gradiant1:repeating-linear-gradient(to top,ghostwhite 3px 5px,transparent 5px 8px);--home-font-size-s:1.5dvw;--home-font-size-m:2.1dvw;--home-font-size-l:3.5dvw;--home-font-size-xl:5dvw;--home-back-bright:brightness(40%);width:100%;margin:0 auto}.home .home_section{scroll-snap-stop:always;scroll-snap-align:start;grid-template-columns:var(--column1)var(--column2);grid-template-rows:var(--row1)var(--row2);height:100dvh;animation:roll3 var(--slide-time)infinite,ani2 var(--slide-time)infinite;display:grid;position:relative}.home .home_section .home_grid{overflow:hidden}.home .home_section .home_grid>div{width:100dvw;height:100dvh}.home .home_section .sec1{grid-area:1/1}.home .home_section .sec1 .sec1_1{background:url(/images/hill2.png) 0 100%/cover no-repeat}.home .home_section .sec1 .sec1_1 .sec1_1_1{width:100%;height:100%;-webkit-backdrop-filter:var(--home-back-bright);backdrop-filter:var(--home-back-bright);align-content:center;position:relative}.home .home_section .sec1 .sec1_1 .sec1_1_1 p.text1{font-size:var(--home-font-size-m);font-family:var(--font-family3);color:var(--home-color3);text-align:center;margin-bottom:15dvh;font-weight:100;line-height:1.2;position:relative}.home .home_section .sec1 .sec1_1 .sec1_1_1 p.text1 strong{font-size:var(--home-font-size-l);font-weight:600;font-family:var(--font-family3);color:var(--home-color3);text-shadow:1px 2px 3px #33333380,-3px -2px 5px #33333380;padding:0 1dvw;line-height:1.5}.home .home_section .sec1 .sec1_1 .sec1_1_1 p.text1 strong span{font-size:var(--home-font-size-m);text-shadow:inherit;font-family:inherit}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1{justify-content:center;align-items:center;display:flex;position:relative}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li{box-sizing:border-box;text-align:center;border-radius:1rem;width:12.5dvw;padding:2dvh 0}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li div{font-family:var(--font-family3);font-size:var(--home-font-size-s);color:var(--home-color3);word-break:keep-all;font-weight:200}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(2n){border-top-left-radius:0;border-top-right-radius:0;position:relative;transform:translateY(calc(50% - .5px))}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(2n):before{content:"";width:var(--length5);background-color:#fff;height:1px;position:absolute;bottom:0;left:0}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(2n):after{content:"";width:1px;height:var(--length5);background-color:#fff;position:absolute;bottom:0;right:0}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(odd){border-bottom-right-radius:0;border-bottom-left-radius:0;transform:translateY(calc(.5px - 50%))}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(odd):before{content:"";width:var(--length5);background-color:#fff;height:1px;position:absolute;top:0;right:0}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1 li:nth-last-of-type(odd):after{content:"";width:1px;height:var(--length5);background-color:#fff;position:absolute;bottom:0;right:0}.home .home_section .sec1 .sec1_1 .sec1_1_1 .list1:before{content:"";width:var(--length1);background:var(--home-color2);height:1px;position:absolute;bottom:calc(50% - .5px);right:0}.home .home_section .sec1 .sec1_1 .sec1_1_1:before{content:"";width:1px;height:var(--length2);background:var(--line-gradiant1);box-sizing:border-box;border-top:none;position:absolute;bottom:0;left:15%}.home .home_section .sec2{grid-area:1/2;position:relative}.home .home_section .sec2 .sec2_1{height:0;position:relative}.home .home_section .sec2 .sec2_1 .sec2_1_1{filter:brightness(30%);z-index:1;width:100%;height:100dvh;position:absolute;top:0;left:0}.home .home_section .sec2 .sec2_1 .sec2_1_2{filter:brightness(60%);z-index:2;width:100%;height:100dvh;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(110deg,#0000 43%,#000 53%);mask-image:linear-gradient(110deg,#0000 43%,#000 53%)}.home .home_section .sec2 .sec2_2{z-index:3;justify-content:center;align-items:center;display:flex;position:relative}.home .home_section .sec2 .sec2_2 .sec2_2_1{border-bottom:1px solid var(--home-color2);box-sizing:border-box;padding:2em;position:relative}.home .home_section .sec2 .sec2_2 .sec2_2_1 p{font-size:calc(var(--home-font-size-s)*.9);font-family:var(--font-family3);color:var(--home-color3);box-sizing:border-box;font-weight:300;line-height:2;position:relative}.home .home_section .sec2 .sec2_2 .sec2_2_1:before{content:"";width:var(--length4);background-color:var(--home-color2);height:1px;position:absolute;top:100%;right:100%}.home .home_section .sec2 .sec2_2 .sec2_2_1:after{content:"";width:var(--length3);background:var(--line-color);height:1px;position:absolute;bottom:100%;left:100%}.home .home_section .sec2 .sec2_2 .sec2_2_2{aspect-ratio:1;width:20dvw;transform:rotateZ(var(--deg1));transform-origin:0 100%;position:absolute;bottom:0;left:0;overflow:hidden}.home .home_section .sec2 .sec2_2 .sec2_2_2:after{content:"";aspect-ratio:1;border:1px solid var(--home-color2);box-sizing:border-box;border-radius:50%;width:40dvw;position:absolute;top:0%;left:-100%}.home .home_section .sec3{grid-area:2/1}.home .home_section .sec3 .sec3_1{background:url(/images/man1.png) 0 100%/cover no-repeat}.home .home_section .sec4{grid-area:2/2}.home .home_section .sec4 .sec4_1{background:url(/images/s1d1.png) left bottom 30%/cover no-repeat}.home .home_section .sec4 .sec4_1 .sec4_1_1{-webkit-backdrop-filter:brightness(40%);backdrop-filter:brightness(40%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.home .home_section .sec4 .sec4_1 .sec4_1_1 p{font-size:var(--home-font-size-s);font-family:var(--font-family3);color:var(--home-color3);text-align:center;letter-spacing:3px;font-weight:300;line-height:1.5;position:absolute}.home .home_section .sec4 .sec4_1 .sec4_1_1 p strong{font-size:var(--home-font-size-m);font-family:var(--font-family3);font-weight:400}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul{width:60%;height:60%;position:relative}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li{background-color:var(--home-color1);aspect-ratio:1;text-align:center;width:7em;font-family:var(--font-family3);font-size:var(--font-size-ml);color:#f8f8ff;border-radius:50%;align-content:center;font-weight:300;line-height:1.5;position:absolute}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:first-of-type{top:0;left:0}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:first-of-type:after{left:100%;transform:rotate(0)}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(2){top:0;right:0}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(2):after{left:0;transform:rotate(90deg)}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(3){bottom:0;right:0}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(3):after{bottom:0;transform:rotate(180deg)}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(4){bottom:0;left:0}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:nth-of-type(4):after{bottom:0;left:100%;transform:rotate(270deg)}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:before{content:"";width:var(--sec4-length1);aspect-ratio:1;border:1px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.home .home_section .sec4 .sec4_1 .sec4_1_1 ul li:after{content:"";width:calc(var(--sec4-length1)*3);transform-origin:0;background-color:#f8f8ff;height:1px;position:absolute}.home .home_section .pauseBtnBox{aspect-ratio:1;text-align:center;z-index:10;align-content:center;width:max(7dvw,70px);position:absolute;bottom:0;left:0}.home .home_section .pauseBtnBox button.playbtn{opacity:.9;background:#fff9 url(/images/play.svg) 50%/70% no-repeat;border-radius:50%;width:40%;height:40%;font-size:0;box-shadow:1px 2px 5px #000000b3}.home .home_section .pauseBtnBox button.playbtn.pause{background:#fff9 url(/images/pause.svg) 50%/70% no-repeat}.home .home_section.pause{animation-play-state:paused}