@keyframes loopFade{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes clip-text{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes clip-text-vertical{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,100%{transform-origin:100% 50%}60%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes text-revealer-vertical{0%,50%{transform-origin:50% 0}60%,100%{transform-origin:50% 100%}60%{transform:scaleY(1)}100%{transform:scaleY(0)}}.gradient-txt{display:inline-block;background:linear-gradient(to right, #5493d5, #ef7d98);-webkit-background-clip:text;color:transparent}.js-anime .reveal,.js-anime .reveal-vertical{clip-path:inset(0 100% 0 0)}.js-anime.action .reveal,.js-anime.action .reveal-vertical{animation:clip-text .6s cubic-bezier(0, 0, 0.2, 1) forwards}.js-anime.action .reveal::after,.js-anime.action .reveal-vertical::after{animation:text-revealer .6s cubic-bezier(0, 0, 0.2, 1) forwards}@media screen and (min-width: 640px){.js-anime.action .reveal-vertical{animation-name:clip-text-vertical}}@media screen and (min-width: 640px){.js-anime.action .reveal-vertical::after{transform:scaleY(0);transform-origin:50% 0;animation-name:text-revealer-vertical}}.reveal,.reveal-vertical{position:relative}.reveal::after,.reveal-vertical::after{content:"";position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;background-color:#514068;transform:scaleX(0);transform-origin:0 50%}.home-mv-inner{display:flex;position:absolute;align-items:flex-end;top:0;left:0;z-index:1;width:100%;height:100%}.home-mv-content{margin:0 0 clamp(3rem,8vw,8rem) clamp(3rem,8vw,8rem)}.home-mv-title{margin-bottom:.2em;color:#fff;font-size:clamp(6.1rem, -1.3126582278rem + 9.6518987342vw, 12.2rem);line-height:1.2}.home-mv-catch{font-size:clamp(1.5rem, -0.3227848101rem + 2.3734177215vw, 3rem);font-weight:bold}.home-mv-catch>span{display:inline-block;padding:.3em .5em;background:#fff;color:#000;line-height:1.2}.home-mv-bg{position:relative;height:100vw;overflow:hidden}@media screen and (min-width: 640px){.home-mv-bg{max-height:750px}}.home-mv-bg::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(81,64,104,.5);content:""}.home-mv-bg video{width:100%;height:100%;object-fit:cover}.main-container{padding-top:0}.top-block{position:relative;margin-bottom:clamp(7.5rem,20vw,14rem);padding-top:clamp(9rem,24vw,18rem)}.top-block::before{display:block;position:absolute;top:0;right:0;width:clamp(239px,63.7333333333vw,599px);height:clamp(119px,31.8666666667vw,299px);background:url(/p/tu-knowledge/assets/img/home/body-bg01.png) no-repeat center center;background-size:contain;content:""}.top-block .block-body{position:relative;z-index:1;margin:0 auto;max-width:1024px}.body-img{position:absolute;width:clamp(5rem,13.3333333333vw,10rem)}.body-img.img01{top:10%;left:3%;z-index:1}.body-img.img02{top:50%;right:3%;z-index:1}.body-img.img03{bottom:-30%;left:56%}.body-img.img04{top:10%;right:0}.body-img.img05{top:5%;left:0}.top-img01{width:89.3333333333%;max-width:830px}.top-img02{position:relative;z-index:0;width:56%;max-width:520px;margin:min(16vw,10rem) 0 0 min(5.3333333333vw,13em);border-radius:0 3.4em 0 3.4em;overflow:hidden}@media screen and (min-width: 640px){.top-img02{border-radius:0 5.6em 0 5.6em}}.top-img03{position:absolute;right:0;bottom:20.218579235%;z-index:1;width:27.4666666667%;max-width:256px;border-radius:45% 45% 0 0;overflow:hidden}.main-block{position:relative;z-index:1;margin-bottom:clamp(7rem,18.6666666667vw,20rem)}.main-row{display:flex;flex-wrap:wrap}.main-row .block-header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:1.5em;text-align:center}@media screen and (min-width: 640px){.main-row .block-header{align-items:flex-start;width:auto;writing-mode:vertical-lr}}.main-row .block-header.action .block-title::after{transform:scaleX(1)}@media screen and (min-width: 640px){.main-row .block-header.action .block-title::after{transform:scaleY(1)}}.main-row .block-title{display:inline-block;position:relative;width:fit-content;margin-bottom:.1em;font-size:clamp(6rem, -1.2911392405rem + 9.4936708861vw, 12rem);line-height:1.2}@media screen and (min-width: 640px){.main-row .block-title{margin:0 .1em 0 0}}.main-row .block-title>span{display:inline-block;margin-bottom:.1em;background:linear-gradient(to right, #5493d5, #ef7d98);color:transparent;-webkit-background-clip:text}@media screen and (min-width: 640px){.main-row .block-title>span{margin:0 .1em 0 0;background:linear-gradient(to bottom, #5493d5, #ef7d98);-webkit-background-clip:text}}.main-row .block-title::after{display:block;position:absolute;top:100%;left:0;width:100%;height:4px;background:linear-gradient(to right, #5493d5, #ef7d98);transition:.3s cubic-bezier(0, 0, 0.2, 1) .5s;transform-origin:left center;transform:scaleX(0);content:""}@media screen and (min-width: 640px){.main-row .block-title::after{top:0;left:100%;width:4px;height:100%;background:linear-gradient(to bottom, #5493d5, #ef7d98);transform-origin:top center;transform:scaleY(0)}}.main-row .sub-title{margin-top:.5em;font-size:clamp(1.6rem, -0.3443037975rem + 2.5316455696vw, 3.2rem);font-weight:bold}@media screen and (min-width: 640px){.main-row .sub-title{margin-top:0}}@media screen and (min-width: 640px){.main-row .block-body{flex:1;margin-left:5%}}.signature{margin-top:2em;text-align:right}.signature .large{font-size:130%;font-weight:bold}.main-content{position:relative;max-width:590px;margin:5em auto 0}.main-content .txt-box{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:90%;font-size:clamp(1rem, 0.2708860759rem + 0.9493670886vw, 1.6rem);font-weight:bold;text-align:center}.main-content .txt-box h3{display:inline-block;background:linear-gradient(to right, #5493d5, #ef7d98);-webkit-background-clip:text;color:transparent;font-size:clamp(2.1rem, 0.2772151899rem + 2.3734177215vw, 3.6rem)}.circle-content{position:relative}.circle-content.action .circle-item{opacity:1;visibility:visible}.circle-item{position:absolute;z-index:1;width:30.5970149254%;counter-increment:item-number;transition:1s ease;opacity:0;visibility:hidden}@media screen and (min-width: 640px){.circle-item{cursor:pointer}}.circle-item .front{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;color:#fff;font-size:clamp(1.6rem, 0.1417721519rem + 1.8987341772vw, 2.8rem);font-weight:bold}.circle-item .front::before{border-bottom:2px solid currentColor;font-family:"Oswald",sans-serif;font-size:clamp(1rem, -0.2151898734rem + 1.582278481vw, 2rem);font-weight:400;content:counter(item-number, decimal-leading-zero)}.circle-item .front .icon{display:none}@media screen and (min-width: 640px){.circle-item .front .icon{display:block;transition:.3s ease}}.circle-item:hover .icon{opacity:0}.circle-item svg{fill:none;stroke:#fff;stroke-width:3px}.circle-item.item01{top:0;left:50%;width:30%;transform:translateX(-50%)}.circle-item.item02{top:26.63476874%;right:0;transition-delay:.5s}.circle-item.item03{bottom:0;right:11.9581464873%;transition-delay:1s}.circle-item.item04{bottom:0;left:11.9581464873%;transition-delay:1.5s}.circle-item.item05{position:absolute;top:26.63476874%;left:0;transition-delay:2s}.circle-details{margin-top:4em;counter-reset:list-number}@media screen and (min-width: 640px){.circle-details{margin-top:0}}.circle-details li{display:flex;flex-direction:column;padding-left:2em;border-left:3px solid currentColor;font-size:clamp(1.2rem, 0.9569620253rem + 0.3164556962vw, 1.4rem);font-weight:bold;counter-increment:list-number}@media screen and (min-width: 640px){.circle-details li{position:absolute;z-index:1;width:80%;max-width:400px;padding:1.5em;background:#dfeefa;border-left:0;border-radius:10px;text-align:center;transition:.3s ease;opacity:0;visibility:hidden}.circle-details li::after{display:block;position:absolute;top:100%;left:50%;border-top:.6em solid #dfeefa;border-right:.6em solid transparent;border-left:.6em solid transparent;transform:translateX(-50%);content:""}.circle-details li.show{visibility:visible;opacity:1}}.circle-details li+li{margin-top:1.5em}@media screen and (min-width: 640px){.circle-details li+li{margin-top:0}}.circle-details li.list01{border-left-color:#3e96de}.circle-details li.list01 .title{color:#3e96de}@media screen and (min-width: 640px){.circle-details li.list01{bottom:100%;left:50%;transform:translateX(-50%)}}.circle-details li.list02{border-left-color:#6191d0}.circle-details li.list02 .title{color:#6191d0}@media screen and (min-width: 640px){.circle-details li.list02{top:10%;right:0;transform:translateX(25%)}}.circle-details li.list03{border-left-color:#8f8bbe}.circle-details li.list03 .title{color:#8f8bbe}@media screen and (min-width: 640px){.circle-details li.list03{bottom:30%;right:12%;transform:translateX(25%)}}.circle-details li.list04{border-left-color:#d181a4}.circle-details li.list04 .title{color:#d181a4}@media screen and (min-width: 640px){.circle-details li.list04{bottom:30%;left:12%;transform:translateX(-25%)}}.circle-details li.list05{border-left-color:#ef7d98}.circle-details li.list05 .title{color:#ef7d98}@media screen and (min-width: 640px){.circle-details li.list05{top:10%;left:0;transform:translateX(-25%)}}.circle-details li .title{display:flex;align-items:baseline}@media screen and (min-width: 640px){.circle-details li .title{display:none}}.circle-details li .title .icon{margin-right:.5em}.circle-details li .title-txt{font-size:175%}.circle-details li .title-txt::before{margin-right:.5em;content:counter(list-number, decimal-leading-zero)}.hybrid-block{position:relative;padding-bottom:clamp(9rem,24vw,18rem);background:linear-gradient(to right, #e4eff8, #fce6eb)}.hybrid-block::after{display:block;position:absolute;bottom:0;left:0;width:clamp(158px,42.1333333333vw,396px);height:clamp(118px,31.6vw,297px);background:url(/p/tu-knowledge/assets/img/home/body-bg02.png) no-repeat center center;background-size:contain;content:""}.hybrid-block .block-header{position:relative;padding:clamp(3rem,8vw,6rem);background:linear-gradient(to right, #5493d5, #ef7d98);margin-bottom:clamp(6rem,16vw,11.5rem)}.hybrid-block .block-header::before{display:block;width:fit-content;position:absolute;top:50%;left:50%;color:transparent;font-family:"Oswald",sans-serif;font-size:clamp(6.5rem, -5.0443037975rem + 15.0316455696vw, 16rem);text-align:center;line-height:1;-webkit-text-stroke:1px rgba(255,255,255,.3);transform:translate(-50%, -50%);content:attr(data-text)}.hybrid-block .block-header::after{display:block;position:absolute;top:100%;left:50%;border-top:2em solid #a787b5;border-right:1.5em solid transparent;border-left:1.5em solid transparent;transform:translateX(-50%);content:""}.hybrid-block .block-body{position:relative;z-index:1}.hybrid-block .block-body-inner{position:relative}.hybrid-block .body-header{margin-bottom:clamp(4rem,10.6666666667vw,8rem)}.hybrid-block h2{color:#fff;font-size:clamp(1.8rem, -0.3873417722rem + 2.8481012658vw, 3.6rem);text-align:center}.learn-img{max-width:810px;margin:0 auto clamp(6rem,16vw,12rem)}.content-shoulder{display:flex;align-items:baseline;justify-content:center;margin-bottom:1em;font-size:clamp(1.4rem, 0.1848101266rem + 1.582278481vw, 2.4rem);text-align:center}.content-shoulder::before,.content-shoulder::after{width:2px;height:1.2em;background:currentColor;transform-origin:bottom center;content:""}.content-shoulder::before{margin-right:1em;transform:rotate(-40deg)}.content-shoulder::after{margin-left:1em;transform:rotate(40deg)}.content-catch{display:flex;flex-direction:column;align-items:center;font-size:clamp(1.8rem, -0.3873417722rem + 2.8481012658vw, 3.6rem);font-weight:bold;text-align:center;line-height:1.4}.content-catch .catch-inner{display:inline-block;padding:0 .5em;background:#fff}.content-catch .blue{color:#5493d5}.content-catch .pink{color:#ef7d98}.content-catch .bg-gradient{display:inline-block;margin-top:.6em;padding:0 .5em;background:linear-gradient(to right, #5493d5, #ef7d98);color:#fff;font-size:clamp(3rem, -0.6455696203rem + 4.746835443vw, 6rem)}.hybrid-row{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;counter-reset:col-number}.hybrid-row .cross-icon{margin:2em auto;width:clamp(7.5rem,17.3333333333vw,10rem)}@media screen and (min-width: 640px){.hybrid-row .cross-icon{position:absolute;top:28%;left:50%;z-index:1;margin:0;transform:translateX(-50%)}}.hybrid-col{display:flex;flex-direction:column;width:95.5223880597%}@media screen and (min-width: 640px){.hybrid-col{width:47.4609375%}}@media screen and (min-width: 640px){.hybrid-col:nth-of-type(2){order:3}}@media screen and (min-width: 640px){.hybrid-col:nth-of-type(4){order:2}}@media screen and (min-width: 640px){.hybrid-col:nth-of-type(5){order:4}}.hybrid-col.blue .title{color:#5493d5}.hybrid-col.blue .list-circle>li::before{background:#5493d5}.hybrid-col.blue .col-number{color:#5493d5}.hybrid-col.blue .arrow-box .arrow,.hybrid-col.blue .arrow-box::before,.hybrid-col.blue .arrow-box::after{background:#5493d5}.hybrid-col.blue .banner-box{background:#5493d5}.hybrid-col.blue .banner-box a:hover .button-shape{color:#fff;background:#5493d5}.hybrid-col.blue .button-shape{color:#5493d5}.hybrid-col.pink .title{color:#ef7d98}.hybrid-col.pink .list-circle>li::before{background:#ef7d98}.hybrid-col.pink .col-number{color:#ef7d98}.hybrid-col.pink .arrow-box .arrow,.hybrid-col.pink .arrow-box::before,.hybrid-col.pink .arrow-box::after{background:#ef7d98}.hybrid-col.pink .banner-box{background:#ef7d98}.hybrid-col.pink .banner-box a:hover .button-shape{color:#fff;background:#ef7d98}.hybrid-col.pink .button-shape{color:#ef7d98}.hybrid-col.main-col{display:flex;flex-direction:column;position:relative;z-index:0;margin-bottom:clamp(2.5rem,6.6666666667vw,5rem);counter-increment:col-number}.hybrid-col.main-col .title{margin-bottom:.3em;font-size:clamp(4rem, 0.1113924051rem + 5.0632911392vw, 7.2rem);text-align:center;line-height:1.2}.hybrid-col.main-col .catch{font-size:clamp(1.6rem, 0.6278481013rem + 1.2658227848vw, 2.4rem);font-weight:bold;text-align:center;line-height:1.6}.hybrid-col.main-col .col-number{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:4%;text-align:center;line-height:1}.hybrid-col.main-col .col-number::before{width:1px;height:2.55em;margin-bottom:.5em;background:currentColor;content:""}.hybrid-col.main-col .col-number::after{display:flex;font-family:"Oswald",sans-serif;font-size:clamp(1.3rem, 0.4493670886rem + 1.1075949367vw, 2rem);font-weight:500;writing-mode:vertical-rl;content:counter(col-number, decimal-leading-zero)}.hybrid-col .img-box{width:75.3125%;margin:0 auto}@media screen and (min-width: 640px){.hybrid-col .img-box{width:76.1316872428%}}.hybrid-col .txt-box{flex:auto;position:relative;z-index:-1;margin-top:clamp(-4rem,-16.5975103734vw,-5rem);padding:clamp(7.5rem,17.3333333333vw,10rem) clamp(2.5rem,6.6666666667vw,4rem) clamp(3rem,8vw,6rem);background:#fff;border-radius:0 3.2em 0 0}@media screen and (min-width: 640px){.hybrid-col .txt-box{border-radius:0 6.2em 0 0}}.hybrid-col .list-circle{margin-top:1em}.hybrid-col .col-info{margin-bottom:1em;font-size:clamp(1.3rem, 0.6924050633rem + 0.7911392405vw, 1.8rem);font-weight:bold}.hybrid-col .banner-box{margin-top:auto}.hybrid-col .banner-box a{display:block;position:relative}.hybrid-col .banner-box a:hover::before{transform:scale(0)}.hybrid-col .banner-box a::before{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:2px solid #fff;transition:.5s ease;content:""}.hybrid-col .banner-box .front{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;color:#fff;text-align:center;line-height:1.6}.hybrid-col .banner-box .front.small-txt::after{font-size:clamp(7.5rem, 4.4620253165rem + 3.9556962025vw, 10rem)}.hybrid-col .banner-box .front::after{position:absolute;top:50%;left:50%;z-index:-1;color:transparent;font-family:"Oswald",sans-serif;font-size:clamp(9rem, 4.1392405063rem + 6.3291139241vw, 13rem);font-weight:500;-webkit-text-stroke:1px rgba(255,255,255,.3);transform:translate(-50%, -50%);content:attr(data-text)}.hybrid-col .banner-box .banner-label{font-size:clamp(1.8rem, 0.5848101266rem + 1.582278481vw, 2.8rem);font-weight:bold}.hybrid-col .banner-box .button-shape{position:relative;width:56.25%;max-width:360px;margin-top:1.5em;padding:.6em 2em;background:#fff;border:2px solid currentColor;border-radius:3em;font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem);font-weight:bold;transition:.3s ease}.hybrid-col .banner-box .button-shape::after{display:block;position:absolute;top:50%;right:1em;width:.6em;height:.6em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg);content:""}.hybrid-col .banner-box .bg img{width:100%;opacity:.2;mix-blend-mode:overlay}.hybrid-col .arrow-box{margin:0 auto clamp(2.5rem,6.6666666667vw,5rem);width:clamp(3.7rem,9.8666666667vw,5rem)}.hybrid-col .arrow-box .arrow,.hybrid-col .arrow-box::before,.hybrid-col .arrow-box::after{width:100%;height:clamp(1.8rem,4.8vw,2.6rem);background:#fff600;clip-path:polygon(0 0, 100% 0, 50% 100%);opacity:.3;animation:loopFade 2s ease-in infinite}.hybrid-col .arrow-box .arrow{display:flex;flex-direction:column;animation-delay:.15s}.hybrid-col .arrow-box::before{margin-bottom:.6em}.hybrid-col .arrow-box::after{margin-top:.6em;animation-delay:.3s}.hybrid-col .arrow-box::before,.hybrid-col .arrow-box::after{display:block;content:""}