.section-purpose{position:relative}.section-purpose .img1{padding-top:70px;position:relative;z-index:-1}@media screen and (max-width: 800px){.section-purpose .img1{padding-top:35px}}@media screen and (max-width: 600px){.section-purpose .img1{margin-right:30px;margin-left:auto;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.section-purpose .img1 .img-outer{width:63.4%;border-radius:0 500px 500px 0;overflow:hidden}@media screen and (max-width: 800px){.section-purpose .img1 .img-outer{width:80%}}@media screen and (max-width: 600px){.section-purpose .img1 .img-outer{width:121.6vw;-ms-flex-negative:0;flex-shrink:0}}.section-purpose .img1 img{width:100%}.section-purpose .img1::after{content:'';width:100%;height:100%;background:#FFF6E3;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:-webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99), -webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99)}@media screen and (max-width: 800px){.section-purpose .img1::after{width:calc(100% + 30px);left:-30px;-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out, -webkit-transform 1s ease-out}}.section-purpose .img1.on::after{-webkit-transform:scaleX(0);transform:scaleX(0)}.section-purpose .object{position:relative;pointer-events:none}.section-purpose .object::before,.section-purpose .object::after{content:'';position:absolute;top:-525px;left:-30px;-webkit-transform-origin:top left;transform-origin:top left;width:4000px;height:4000px;z-index:1}@media screen and (max-width: 800px){.section-purpose .object::before,.section-purpose .object::after{top:-174px;width:1500px;height:1500px}}.section-purpose .object::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,240,82,0.3)), color-stop(25%, rgba(255,240,82,0)));background:linear-gradient(180deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 25%)}@media screen and (max-width: 800px){.section-purpose .object::before{background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,240,82,0.3)), color-stop(15%, rgba(255,240,82,0)));background:linear-gradient(180deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 15%)}}.section-purpose .object::after{-webkit-transform:rotate(-225deg);transform:rotate(-225deg);background:-webkit-gradient(linear, left top, right top, from(rgba(255,240,82,0.3)), color-stop(25%, rgba(255,240,82,0)));background:linear-gradient(450deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 25%)}@media screen and (max-width: 800px){.section-purpose .object::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255,240,82,0.3)), color-stop(15%, rgba(255,240,82,0)));background:linear-gradient(450deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 15%)}}.section-purpose .inner{margin-top:-149px;position:relative;z-index:2}@media screen and (max-width: 800px){.section-purpose .inner{margin-top:-90px}}@media screen and (max-width: 600px){.section-purpose .inner{margin-top:56px}}.section-purpose .inner>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}@media screen and (max-width: 600px){.section-purpose .inner>div{width:100%}}.section-purpose .inner h3{font-size:42px;font-weight:bold;line-height:72px;letter-spacing:.1em;margin:50px 0}@media screen and (max-width: 800px){.section-purpose .inner h3{font-size:28px;line-height:48px;margin:35px 0}}.section-purpose .inner p{margin-bottom:2em}@media screen and (max-width: 800px){.section-purpose .inner p{width:101%;font-size:14px}}.section-purpose .img2{margin:-222px 0 0 27.8%;position:relative;z-index:-1}@media screen and (max-width: 1200px){.section-purpose .img2{margin:-187px 0 0 15%}}@media screen and (max-width: 950px){.section-purpose .img2{margin:-65px 0 0 30px}}@media screen and (max-width: 800px){.section-purpose .img2{margin:35px 0 0 20px}}.section-purpose .img2 .img-outer{width:536px;border-radius:500px 0 0 500px;overflow:hidden;z-index:1;position:relative}@media screen and (max-width: 800px){.section-purpose .img2 .img-outer{width:430px}}.section-purpose .img2 .img-outer::after{content:'';width:100%;height:100%;background:#FFF6E3;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:-webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99);transition:transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99), -webkit-transform 1.5s cubic-bezier(0.97, 0.01, 0.59, 0.99)}@media screen and (max-width: 800px){.section-purpose .img2 .img-outer::after{-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out, -webkit-transform 1s ease-out}}.section-purpose .img2.on .img-outer::after{-webkit-transform:scaleX(0);transform:scaleX(0)}.section-statement{margin-top:185px;padding-top:70px}@media screen and (max-width: 800px){.section-statement{margin-top:60px}}.section-statement .common-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:3px;margin:0 auto 20px;z-index:1}@media screen and (max-width: 800px){.section-statement .common-title{width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;margin-bottom:13px}}.section-statement .heading{font-size:28px;font-weight:bold;line-height:1.6;text-align:center;letter-spacing:.1em}@media screen and (max-width: 800px){.section-statement .heading{font-size:20px}}@media screen and (max-width: 630px){.section-statement .heading2{text-align:left}}.section-statement .loop{width:100%;height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.section-statement .loop-whole{width:100vw;margin:40px 0 65px}@media screen and (max-width: 800px){.section-statement .loop-whole{margin:30px 0 25px}}@media screen and (max-width: 800px){.section-statement .loop{height:95px}}.section-statement .loop>div{width:auto;height:100%}.section-statement .loop img{width:auto;height:100%}.section-statement .loop1>div{-webkit-animation:loopL 70s infinite linear 1s both;animation:loopL 70s infinite linear 1s both}.section-statement .loop2>div{-webkit-animation:loopR 58.3s infinite linear 1s both;animation:loopR 58.3s infinite linear 1s both}.section-statement .maintext{margin:60px auto 0;width:100%;max-width:630px;text-align:justify}@media screen and (max-width: 800px){.section-statement .maintext{margin-top:35px}}.section-statement .maintext p:nth-last-of-type(1){text-align:right}@media screen and (max-width: 800px){.section-statement .maintext p{font-size:14px}}.section-statement .maintext p+p{margin-top:2em}.section-statement .object-slant-green1::before,.section-statement .object-slant-green1::after{content:'';position:absolute;pointer-events:none;top:-612px;right:0;-webkit-transform-origin:top right;transform-origin:top right;width:3000px;height:3000px;z-index:-1}@media screen and (max-width: 800px){.section-statement .object-slant-green1::before,.section-statement .object-slant-green1::after{top:-1080px;width:1500px;height:1500px}}.section-statement .object-slant-green1::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right;background:linear-gradient(185deg, rgba(187,255,101,0.3) 0%, rgba(187,255,101,0) 15%)}.section-statement .object-slant-green1::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);background:linear-gradient(265deg, rgba(187,255,101,0.3) 0%, rgba(187,255,101,0) 15%)}@-webkit-keyframes loopL{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loopL{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes loopR{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes loopR{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.section-logo{margin-top:167px;position:relative}@media screen and (max-width: 800px){.section-logo{margin-top:100px}}.section-logo .text{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:70px;height:calc(100vh + 70px);height:calc(var(--vh, 1vh) * 100 + 70px)}@media screen and (max-width: 800px){.section-logo .text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:30px}}.section-logo .text .common-title{width:330px;-ms-flex-negative:0;flex-shrink:0;margin-right:60px}@media screen and (max-width: 800px){.section-logo .text .common-title{margin:0 0 35px 0}}.section-logo .text p{text-align:justify}@media screen and (max-width: 800px){.section-logo .text p{font-size:14px}}.section-logo .object{z-index:1}.section-logo .scroll{position:relative}@media screen and (max-width: 800px){.section-logo .scroll-text1,.section-logo .scroll-text4{padding-top:100vh;padding-top:calc(var(--vh, 1vh) * 100)}}@media screen and (max-width: 800px){.section-logo .scroll-text2,.section-logo .scroll-text3{padding-top:50vh;padding-top:calc(var(--vh, 1vh) * 50)}}.section-logo .scroll-inner{z-index:-10}.section-logo .scroll-back{background:#FFF6E3;position:fixed;top:0;left:0;width:100vw;height:52vh;z-index:-2;display:none}@media screen and (max-width: 800px){.section-logo .scroll-back{display:block}}.section-logo .scroll-back::after{content:'';display:block;width:100vw;height:70px;position:absolute;left:0;bottom:-70px;background:-webkit-gradient(linear, left top, left bottom, from(#fff6e3), color-stop(15%, #fff6e3), to(rgba(255,246,227,0)));background:linear-gradient(180deg, #fff6e3 0%, #fff6e3 15%, rgba(255,246,227,0) 100%)}.section-logo .scroll>div{height:100vh;height:calc(var(--vh, 1vh) * 100);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.section-logo .scroll>div:nth-of-type(1){height:50vh;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.section-logo .scroll>div:nth-of-type(1) .scroll-inner{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-logo .scroll>div:nth-last-of-type(1){height:50vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.section-logo .scroll>div:nth-last-of-type(1) .scroll-inner{-webkit-transform:translateY(50%);transform:translateY(50%)}.section-logo .scroll>div h3{font-size:28px;font-weight:bold;line-height:1.42;letter-spacing:.1em;margin-bottom:40px}@media screen and (max-width: 800px){.section-logo .scroll>div h3{font-size:20px;margin-bottom:20px}}.section-logo .scroll>div p{max-width:320px;text-align:justify}@media screen and (max-width: 800px){.section-logo .scroll>div p{font-size:14px}}.section-logo .scroll-logo{z-index:11;pointer-events:none;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100vw - 60px);max-width:972px;height:100vh;height:calc(var(--vh, 1vh) * 100)}@media screen and (max-width: 800px){.section-logo .scroll-logo{margin-top:25vh;margin-top:calc(var(--vh, 1vh) * 25)}}.section-logo .scroll-logo>div{position:absolute;top:50%;right:130px;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}@media screen and (max-width: 800px){.section-logo .scroll-logo>div{top:25vh;height:calc(var(--vh, 1vh) * 25);right:50%;-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}}.section-logo .scroll-logo>div.active{opacity:1}.section-logo .scroll-logo>div:nth-of-type(1){-webkit-transition:opacity 1.5s ease-out;transition:opacity 1.5s ease-out}.section-logo .scroll-logo img{width:300px}@media screen and (max-width: 800px){.section-logo .scroll-logo img{width:243px}}.section-logo .object-round-yellow-scroll{position:relative;z-index:-1}.section-logo .object-round-yellow-scroll::before{content:'';width:1106px;height:1106px;display:block;position:absolute;bottom:-30px;right:-180px;background:linear-gradient(45deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 50%);border-radius:50%}@media screen and (max-width: 800px){.section-logo .object-round-yellow-scroll::before{width:675px;height:675px;top:-1250px;right:-277}}.section-logo .object-slant-green-scroll{position:relative;z-index:-2}.section-logo .object-slant-green-scroll::before,.section-logo .object-slant-green-scroll::after{content:'';position:absolute;pointer-events:none;top:-500px;left:-30px;-webkit-transform-origin:top left;transform-origin:top left;width:4000px;height:4000px;z-index:-1}@media screen and (max-width: 800px){.section-logo .object-slant-green-scroll::before,.section-logo .object-slant-green-scroll::after{width:2000px;height:2000px;top:-650px}}.section-logo .object-slant-green-scroll::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(165deg, rgba(187,255,101,0.3) 0%, rgba(255,240,82,0) 15%)}.section-logo .object-slant-green-scroll::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);background:-webkit-gradient(linear, left top, right top, from(rgba(187,255,101,0.3)), color-stop(20%, rgba(255,240,82,0)));background:linear-gradient(90deg, rgba(187,255,101,0.3) 0%, rgba(255,240,82,0) 20%)}.section-logo .object-slant-yellow-scroll::before,.section-logo .object-slant-yellow-scroll::after{content:'';position:absolute;pointer-events:none;top:100px;right:0;-webkit-transform-origin:top right;transform-origin:top right;width:3000px;height:3000px;z-index:-1}@media screen and (max-width: 800px){.section-logo .object-slant-yellow-scroll::before,.section-logo .object-slant-yellow-scroll::after{top:-700px;width:1500px;height:1500px}}.section-logo .object-slant-yellow-scroll::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right;background:linear-gradient(210deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 20%)}.section-logo .object-slant-yellow-scroll::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);background:linear-gradient(260deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 25%)}.section-logo .object-round-green-scroll{position:relative;z-index:-2}.section-logo .object-round-green-scroll::before{content:'';width:1106px;height:1106px;display:block;position:absolute;bottom:-600px;left:-626px;background:linear-gradient(-45deg, rgba(187,255,101,0.3) 0%, rgba(255,240,82,0) 40%);border-radius:50%}@media screen and (max-width: 800px){.section-logo .object-round-green-scroll::before{width:675px;height:675px;top:-800px;left:auto;right:66px}}.section-logo .object-slant-yellow-scroll2{position:relative;z-index:-1}.section-logo .object-slant-yellow-scroll2::before,.section-logo .object-slant-yellow-scroll2::after{content:'';position:absolute;pointer-events:none;top:-450px;left:-30px;-webkit-transform-origin:top left;transform-origin:top left;width:4000px;height:4000px;z-index:-1}@media screen and (max-width: 800px){.section-logo .object-slant-yellow-scroll2::before,.section-logo .object-slant-yellow-scroll2::after{width:2000px;height:2000px;top:-800px}}.section-logo .object-slant-yellow-scroll2::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(130deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 20%)}.section-logo .object-slant-yellow-scroll2::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);background:linear-gradient(130deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 20%)}.section-design{margin-top:300px;padding-top:70px;z-index:1}@media screen and (max-width: 800px){.section-design{margin-top:0;padding-top:180px}}.section-design .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}@media screen and (max-width: 800px){.section-design .heading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.section-design .heading h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 800px){.section-design .heading h3{width:100%}}.section-design .heading h3>span{white-space:nowrap}.section-design .heading .common-title{width:330px;-ms-flex-negative:0;flex-shrink:0;margin-right:60px}@media screen and (max-width: 800px){.section-design .heading .common-title{margin:0 0 35px 0}}.section-design .heading .common-title:nth-of-type(1){margin-bottom:16px}@media screen and (max-width: 800px){.section-design .heading .common-title:nth-of-type(1){margin-bottom:10px}}.section-design .heading p{text-align:justify}@media screen and (max-width: 800px){.section-design .heading p{font-size:14px}}.section-design .object-triangle-yellow2{position:relative;pointer-events:none;z-index:-1}.section-design .object-triangle-yellow2::before{content:'';display:block;position:absolute;top:-500px;right:52px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right;width:1476px;height:1476px;background:linear-gradient(45deg, rgba(255,240,82,0) 60%, rgba(187,255,101,0.2) 100%)}@media screen and (max-width: 800px){.section-design .object-triangle-yellow2::before{width:500px;height:500px;top:-350px;right:100px}}.section-design .object-slant-yellow2{position:relative;pointer-events:none;z-index:-2;display:none}@media screen and (max-width: 800px){.section-design .object-slant-yellow2{display:block}}.section-design .object-slant-yellow2::before,.section-design .object-slant-yellow2::after{content:'';position:absolute;top:122px;left:-30px;-webkit-transform-origin:top left;transform-origin:top left;width:4000px;height:4000px}@media screen and (max-width: 800px){.section-design .object-slant-yellow2::before,.section-design .object-slant-yellow2::after{width:2000px;height:2000px;top:-460px;left:0}}.section-design .object-slant-yellow2::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(173deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 20%)}.section-design .object-slant-yellow2::after{-webkit-transform:rotate(-225deg);transform:rotate(-225deg);background:linear-gradient(443deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 20%)}.section-design .img-group{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 800px){.section-design .img-group{margin-top:35px}}.section-design .img-group>li{width:100%;height:auto;border-radius:calc(14em/16);margin-bottom:30px;overflow:hidden}.section-design .img-group>li:nth-of-type(1){border-radius:0}@media screen and (max-width: 800px){.section-design .img-group>li{margin-bottom:20px}}.section-design .img-group .mark{margin-bottom:130px}@media screen and (max-width: 800px){.section-design .img-group .mark{margin-bottom:55px}}.section-design .img-group .mark h4,.section-design .img-group .mark h5,.section-design .img-group .mark h6{font-weight:700;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;letter-spacing:.03em}.section-design .img-group .mark h4{font-size:32px;margin-bottom:10px}@media screen and (max-width: 800px){.section-design .img-group .mark h4{font-size:22px}}.section-design .img-group .mark .title{font-size:12px;line-height:1;margin-bottom:10px;letter-spacing:.175em}@media screen and (max-width: 800px){.section-design .img-group .mark .title{font-size:10px}}@media screen and (max-width: 800px){.section-design .img-group .mark .title.sp{text-align:right}}@media screen and (max-width: 800px){.section-design .img-group .mark .text{font-size:14px}}.section-design .img-group .mark .case{margin-top:100px;display:-ms-grid;display:grid;-ms-grid-columns:(auto)[4];grid-template-columns:repeat(4, auto);-ms-grid-rows:(auto)[3];grid-template-rows:repeat(3, auto);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:100px}@media screen and (max-width: 800px){.section-design .img-group .mark .case{-ms-grid-columns:(auto)[3];grid-template-columns:repeat(3, auto);-ms-grid-rows:(auto)[4];grid-template-rows:repeat(4, auto);margin:50px 20px 0;row-gap:34px}}.section-design .img-group .mark .case h5{font-size:12px;margin-bottom:15px}@media screen and (max-width: 800px){.section-design .img-group .mark .case h5{font-size:10px;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left}}.section-design .img-group .mark .case img{width:144px}@media screen and (max-width: 800px){.section-design .img-group .mark .case img{width:21.3vw}}.section-design .img-group .mark .color{margin-top:175px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 800px){.section-design .img-group .mark .color{margin-top:55px}}.section-design .img-group .mark .color>div .grad{-ms-flex-negative:0;flex-shrink:0;margin-top:22px}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div .grad{margin-top:2.7vw}}.section-design .img-group .mark .color>div .grad>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;height:80px}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div .grad>div{height:28px;padding:0 5px}}.section-design .img-group .mark .color>div .grad .inner{color:#fff;font-weight:700;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;letter-spacing:.05em;line-height:18px;font-size:12px}.section-design .img-group .mark .color>div .grad .inner:nth-of-type(2){text-align:right}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div .grad .inner{font-size:10px}}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div .grad span{display:none}}.section-design .img-group .mark .color>div>div{position:relative}.section-design .img-group .mark .color>div>div .gy>div>div,.section-design .img-group .mark .color>div>div .bg>div>div{position:absolute;top:0;left:0}.section-design .img-group .mark .color>div:nth-of-type(1){width:69.4%;-ms-flex-negative:0;flex-shrink:0;margin-right:22px}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div:nth-of-type(1){width:64.2%;margin-right:2.7vw}}.section-design .img-group .mark .color>div:nth-of-type(1) .gy{display:-webkit-box;display:-ms-flexbox;display:flex}.section-design .img-group .mark .color>div:nth-of-type(1) .green{width:calc(50% - 7.5px);height:0;padding-top:calc(50% - 7.5px);margin-right:15px}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div:nth-of-type(1) .green{width:calc(50% - .6vw);margin-right:1.2vw}}.section-design .img-group .mark .color>div:nth-of-type(1) .green>div{width:100%;height:100%;background-color:#9BCB5E}.section-design .img-group .mark .color>div:nth-of-type(1) .yellow{width:calc(50% - 7.5px);height:0;padding-top:calc(50% - 7.5px)}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div:nth-of-type(1) .yellow{width:calc(50% - .6vw)}}.section-design .img-group .mark .color>div:nth-of-type(1) .yellow>div{width:100%;height:100%;background-color:#EDDE3B}.section-design .img-group .mark .color>div:nth-of-type(1) .grad{background-image:-webkit-gradient(linear, left top, right top, from(#9BCB5E), to(#EDDE3B));background-image:linear-gradient(90deg, #9BCB5E, #EDDE3B)}.section-design .img-group .mark .color>div:nth-of-type(2){width:100%}.section-design .img-group .mark .color>div:nth-of-type(2) .bg{display:-webkit-box;display:-ms-flexbox;display:flex}.section-design .img-group .mark .color>div:nth-of-type(2) .bg-whole{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-design .img-group .mark .color>div:nth-of-type(2) .black{width:calc(50% - 7.5px);margin-right:15px}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div:nth-of-type(2) .black{width:calc(50% - .6vw);margin-right:1.2vw}}.section-design .img-group .mark .color>div:nth-of-type(2) .black>div{width:100%;height:100%;background-color:#717171}.section-design .img-group .mark .color>div:nth-of-type(2) .gray{width:calc(50% - 7.5px)}@media screen and (max-width: 800px){.section-design .img-group .mark .color>div:nth-of-type(2) .gray{width:calc(50% - .6vw)}}.section-design .img-group .mark .color>div:nth-of-type(2) .gray>div{width:100%;height:100%;background-color:#C8C8C8}.section-design .img-group .mark .color>div:nth-of-type(2) .grad{background-image:-webkit-gradient(linear, left top, right top, from(#717171), to(#C8C8C8));background-image:linear-gradient(90deg, #717171, #C8C8C8)}.section-design .img-group .mark .lower{margin-top:52px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 800px){.section-design .img-group .mark .lower{margin-top:20px}}.section-design .img-group .mark .lower img{width:auto;height:160px}@media screen and (max-width: 900px){.section-design .img-group .mark .lower img{height:16vw}}.section-design .img-group .mark .lower .motif{width:69.4%;-ms-flex-negative:0;flex-shrink:0;margin-right:22px}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .motif{width:64.2%;margin-right:2.7vw}}.section-design .img-group .mark .lower .motif ul{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .motif ul{margin-top:15px}}.section-design .img-group .mark .lower .motif ul li:nth-of-type(2) h6{margin-left:25px}.section-design .img-group .mark .lower .motif ul li:nth-last-of-type(1){margin-right:20px}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .motif ul li:nth-last-of-type(1){margin-right:-3.7vw}}.section-design .img-group .mark .lower .motif ul h6{font-size:12px;letter-spacing:.175em;margin-bottom:20px}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .motif ul h6{font-size:10px;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left}}.section-design .img-group .mark .lower .last{width:100%;height:auto}.section-design .img-group .mark .lower .last>div{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .last>div{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.section-design .img-group .mark .lower .last h5{width:100%}@media screen and (max-width: 800px){.section-design .img-group .mark .lower .last h5{padding-left:3.2vw}}.section-design .img-group .mark .lower .last picture{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.section-design .object-slant-green2{position:relative;pointer-events:none;z-index:-1}.section-design .object-slant-green2::before,.section-design .object-slant-green2::after{content:'';position:absolute;top:450px;right:0;-webkit-transform-origin:top right;transform-origin:top right;width:3000px;height:3000px}@media screen and (max-width: 800px){.section-design .object-slant-green2::before,.section-design .object-slant-green2::after{width:1500px;height:1500px;top:55vw}}.section-design .object-slant-green2::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right;background:linear-gradient(193deg, rgba(187,255,101,0.3) 0%, rgba(187,255,101,0) 20%)}.section-design .object-slant-green2::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);background:linear-gradient(253deg, rgba(187,255,101,0.3) 0%, rgba(187,255,101,0) 20%)}.section-design .object-slant-green3{position:relative;z-index:-1}.section-design .object-slant-green3::before,.section-design .object-slant-green3::after{content:'';position:absolute;pointer-events:none;top:-1850px;left:-30px;-webkit-transform-origin:top left;transform-origin:top left;width:4000px;height:4000px;z-index:-1}@media screen and (max-width: 800px){.section-design .object-slant-green3::before,.section-design .object-slant-green3::after{width:2000px;height:2000px;top:-250px}}.section-design .object-slant-green3::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background:linear-gradient(183deg, rgba(187,255,101,0.3) 0%, rgba(255,240,82,0) 15%)}.section-design .object-slant-green3::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);background:linear-gradient(93deg, rgba(187,255,101,0.3) -5%, rgba(255,240,82,0) 10%)}.section-design .object-triangle-yellow3{position:relative;pointer-events:none;z-index:-1}.section-design .object-triangle-yellow3::before{content:'';display:block;position:absolute;top:-1730px;right:52px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right;width:1476px;height:1476px;background:linear-gradient(45deg, rgba(255,240,82,0) 60%, rgba(255,240,82,0.3) 100%)}@media screen and (max-width: 800px){.section-design .object-triangle-yellow3::before{width:500px;height:500px;border-radius:50%;top:-750px;right:300px;background:linear-gradient(170deg, rgba(255,240,82,0) 50%, rgba(255,240,82,0.3) 100%)}}.section-link{padding:150px 0 295px;position:relative}@media screen and (max-width: 800px){.section-link{padding:61px 0 126px}}.section-link .link1{position:relative;border-radius:40px;overflow:hidden;width:100%;max-width:628px;display:block;margin:0 auto;font-weight:bold;text-align:center;line-height:1;z-index:1;padding:30px 0}@media screen and (max-width: 800px){.section-link .link1{padding:19px 0}}.section-link .link1 span{position:relative}.section-link .link1 span::before{content:'';width:100%;height:2px;display:block;background:#000;position:absolute;bottom:-4px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.section-link .link1:hover span::before{opacity:1}.section-link .link1::before{content:'';width:200%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(155,203,94,0.6)), color-stop(50%, rgba(237,222,59,0.6)), to(rgba(155,203,94,0.6)));background:linear-gradient(90deg, rgba(155,203,94,0.6) 0%, rgba(237,222,59,0.6) 50%, rgba(155,203,94,0.6) 100%);position:absolute;top:0;left:0;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);transition:-webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);transition:transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);transition:transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)}.section-link .link1:hover::before{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-link .link1 span{display:inline-block}.section-link .link1 span:nth-of-type(1){font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;font-size:26px;letter-spacing:.03em;margin-bottom:10px}@media screen and (max-width: 800px){.section-link .link1 span:nth-of-type(1){font-size:18px;margin-bottom:5px}}.section-link .link1 span:nth-of-type(2){font-size:23px}@media screen and (max-width: 800px){.section-link .link1 span:nth-of-type(2){font-size:14px}}.section-link .link1 span:nth-of-type(2)::before{bottom:-8px}.section-link h4{font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;font-weight:bold;font-size:18px;letter-spacing:.03em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:90px 0 63px}@media screen and (max-width: 800px){.section-link h4{margin:35px 0;font-size:14px}}.section-link h4::before,.section-link h4::after{content:'';width:100%;height:1px;background:#707070;display:block}.section-link h4::before{margin-right:32px}@media screen and (max-width: 800px){.section-link h4::before{margin-right:20px}}.section-link h4::after{margin-left:32px}@media screen and (max-width: 800px){.section-link h4::after{margin-left:20px}}.section-link .link2{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 800px){.section-link .link2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.section-link .link2 li{width:calc(50% - 15px);background:rgba(255,255,255,0.9);border-radius:calc(14em/16);overflow:hidden}@media screen and (max-width: 800px){.section-link .link2 li{width:100%}}@media screen and (max-width: 800px){.section-link .link2 li+li{margin-top:20px}}.section-link .link2 li a{width:100%;height:100%;padding:45px 35px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 800px){.section-link .link2 li a{padding:45px 5.6vw}}.section-link .link2 li a h5{font-size:24px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 800px){.section-link .link2 li a h5{font-size:22px}}.section-link .link2 li a h5 span{margin-top:-10px;font-size:15px;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;font-weight:bold;letter-spacing:.05em;color:#92be43}@media screen and (max-width: 800px){.section-link .link2 li a h5 span{font-size:14px}}.section-link .link2 li a h5::after{content:'';width:40px;height:3px;display:block;background:#92be43;margin-top:15px}@media screen and (max-width: 800px){.section-link .link2 li a h5::after{width:9.3vw}}.section-link .link2 li a .img{margin:30px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.section-link .link2 li a .img .text1{width:46%}.section-link .link2 li a .img .text2{width:50.3%}.section-link .link2 li a .img .ill{position:absolute;mix-blend-mode:multiply}.section-link .link2 li a .img .ill1{width:56%;bottom:0;right:0;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 800px){.section-link .link2 li a .img .ill1{width:42vw;height:30.1vw;bottom:-1.5vw}}.section-link .link2 li a .img .ill2{width:45%;bottom:0;right:0;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 800px){.section-link .link2 li a .img .ill2{width:38vw;height:38vw;bottom:-2.9vw}}.section-link .link2 li a .sub-text{line-height:1.7}@media screen and (max-width: 800px){.section-link .link2 li a .sub-text{font-size:15px}}.section-link .link2 li a .button{background-color:#92be43;border:2px solid #92be43;width:100%;max-width:295px;height:60px;border-radius:30px;position:relative;margin:27px auto 0;-webkit-transition:background-color 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:background-color 0.5s cubic-bezier(0.86, 0, 0.07, 1)}@media screen and (max-width: 800px){.section-link .link2 li a .button{max-width:245px;height:50px}}.section-link .link2 li a .button p{color:#fff;font-size:18px;font-weight:bold;letter-spacing:.05em;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:color 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:color 0.5s cubic-bezier(0.86, 0, 0.07, 1)}@media screen and (max-width: 800px){.section-link .link2 li a .button p{font-size:14px}}.section-link .link2 li a .button .arrow{width:28px;height:28px;background:#fff;border-radius:50%;position:absolute;top:50%;right:17px;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;-webkit-transition:background-color 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:background-color 0.5s cubic-bezier(0.86, 0, 0.07, 1)}.section-link .link2 li a .button .arrow div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;right:8px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:-webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1)}.section-link .link2 li a .button .arrow div img{width:12px}.section-link .link2 li a .button .arrow div img+img{margin-left:200px}.section-link .link2 li a:hover .button{background-color:#fff}.section-link .link2 li a:hover .button p{color:#92be43}.section-link .link2 li a:hover .button .arrow{background-color:#92be43}.section-link .link2 li a:hover .button .arrow div{-webkit-transform:translate(212px, -50%);transform:translate(212px, -50%)}.section-link .link2 li.right a h5 span{color:#eed03c}.section-link .link2 li.right a h5::after{background-color:#fde540}.section-link .link2 li.right a:hover .button p{color:#eed03c}.section-link .link2 li.right a:hover .button .arrow{background-color:#eed03c}.section-link .link2 li.right .button{background-color:#eed03c;border-color:#eed03c}.section-link .link2 li.right .button p{color:#000}.section-link .object-round-yellow1{position:relative;z-index:-1}.section-link .object-round-yellow1::before{content:'';width:1106px;height:1106px;display:block;position:absolute;bottom:-231px;right:-134px;background:linear-gradient(320deg, rgba(255,240,82,0.3) 0%, rgba(255,240,82,0) 60%);border-radius:50%}@media screen and (max-width: 800px){.section-link .object-round-yellow1::before{width:603px;height:603px;top:-1200px;right:0}}.section-share{background:#fff;padding:70px 0}.section-share>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-share p{font-size:20px;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;font-weight:bold;letter-spacing:.1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 800px){.section-share p{font-size:16px}}.section-share p::before,.section-share p::after{content:'';width:27px;height:1.5px;background:#000;display:block}@media screen and (max-width: 800px){.section-share p::before,.section-share p::after{width:20px}}.section-share p::before{-webkit-transform:rotate(70deg);transform:rotate(70deg);margin-right:5px}.section-share p::after{-webkit-transform:rotate(-70deg);transform:rotate(-70deg);margin-left:5px}@media screen and (max-width: 800px){.section-share p::after{margin-left:3px}}.section-share .sns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}.section-share .sns li+li{margin-left:30px}.section-share .sns a{width:48px;height:48px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media screen and (max-width: 800px){.section-share .sns a{width:36px;height:36px}}.section-share .sns a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.section-share .sns a svg{width:100%;height:100%}.section-footer{background:#EFEFEF;padding:60px 0 30px}@media screen and (max-width: 800px){.section-footer{padding:80px 0 20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.section-footer .upper{width:calc(100% - 120px);max-width:1160px;margin:0 60px}@media screen and (max-width: 800px){.section-footer .upper{margin:0 20px;width:calc(100% - 40px)}}.section-footer .upper .upper-upper{display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media screen and (max-width: 800px){.section-footer .upper .upper-upper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}.section-footer .upper .left{width:37.7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-footer .upper .left .logo{width:226px}@media screen and (max-width: 800px){.section-footer .upper .left .logo{display:none}}.section-footer .upper .left p{font-size:12px;line-height:21px}@media screen and (max-width: 800px){.section-footer .upper .left p{position:absolute;left:20px;bottom:35px}}.section-footer .upper .link1{width:29.6%}@media screen and (max-width: 800px){.section-footer .upper .link1{-ms-flex-negative:0;flex-shrink:0;width:100%}}.section-footer .upper .link1 li+li{margin-top:15px}@media screen and (max-width: 800px){.section-footer .upper .link1 li+li{margin-top:12px}}.section-footer .upper .link1 a{font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;font-weight:bold;font-size:14px;cursor:pointer}.section-footer .upper .link2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 800px){.section-footer .upper .link2{-ms-flex-negative:0;flex-shrink:0;margin-top:30px}}@media screen and (max-width: 800px){.section-footer .upper .link2 li+li{margin-top:12px}}.section-footer .upper .link2 a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:bold;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif}.section-footer .upper .link2 a::before{content:'';width:16px;height:14px;display:block;margin-right:10px;background:url(../img/icon-link.svg) no-repeat center/contain}.section-footer .upper .sns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:81px}@media screen and (max-width: 800px){.section-footer .upper .sns{margin-top:20px}}.section-footer .upper .sns a{display:inline-block;width:37px;height:37px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.section-footer .upper .sns a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.section-footer .upper .sns img{width:auto;height:17px}.section-footer .lower{margin:-17px 60px 0 0;text-align:right;line-height:1;font-size:12px;font-family:"Montserrat","Arial","Zen Kaku Gothic New","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif}@media screen and (max-width: 800px){.section-footer .lower{text-align:left;margin:118px 0 0 20px}}.js-logoOut{-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0);-webkit-mask-image:-webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, transparent), to(transparent));-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 50%, transparent 50%, transparent 100%);mask-image:-webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, transparent), to(transparent));mask-image:linear-gradient(90deg, #000 0%, #000 50%, transparent 50%, transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:right center;mask-position:right center;-webkit-transition:-webkit-mask-position 1.3s -0.5s cubic-bezier(0.97, 0.01, 0.59, 0.99),-webkit-transform 0.8s 0.1s;transition:-webkit-mask-position 1.3s -0.5s cubic-bezier(0.97, 0.01, 0.59, 0.99),-webkit-transform 0.8s 0.1s;transition:mask-position 1.3s -0.5s cubic-bezier(0.97, 0.01, 0.59, 0.99),transform 0.8s 0.1s;transition:mask-position 1.3s -0.5s cubic-bezier(0.97, 0.01, 0.59, 0.99),transform 0.8s 0.1s,-webkit-mask-position 1.3s -0.5s cubic-bezier(0.97, 0.01, 0.59, 0.99),-webkit-transform 0.8s 0.1s}.js-logoOut>div{opacity:0;-webkit-transition:opacity .8s .2s;transition:opacity .8s .2s}.js-logoIn{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-mask-position:left center;mask-position:left center}.js-logoIn>div{opacity:1}