@import"https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap";.mv-title{line-height:1.6}.gradient-txt{display:inline-block;background:linear-gradient(90deg, #3e96de 0%, #6d53b8 50%, #514068);color:transparent;-webkit-background-clip:text}.row{display:flex;flex-wrap:wrap}.color01{color:#3e96de}.button-box{margin-top:1.5em}.button-box .button02{max-width:400px;width:100%;margin:0 auto;color:#5d75c9;border:2px solid #5d75c9;text-decoration:none}.button-box .button02:hover{color:#5d75c9}@media screen and (min-width: 640px){.button-box .button02{margin:0}}.intro-row{display:flex;flex-wrap:wrap;margin-bottom:3em}.intro-row .txt-box{width:100%;margin-bottom:.5em}.intro-row .txt-box h2{margin-bottom:.8em;font-size:clamp(2.4rem, 0.2126582278rem + 2.8481012658vw, 4.2rem);text-align:center;line-height:1.4}.intro-row .txt-box .large{font-size:150%}.intro-row .img-box{width:77.1641791045%;margin:0 auto}@media screen and (min-width: 640px){.intro-row{align-items:center;justify-content:space-between}.intro-row .txt-box{width:40.52734375%;text-align:left;margin-bottom:0}.intro-row .img-box{width:54.78515625%;margin:0}}.intro-head .intro-title{text-align:center;line-height:1.6;margin-bottom:2em}.intro-head .intro-title .txt{display:inline-block;border-bottom:4px solid #3e96de;color:#3e96de;font-size:clamp(2rem, 0.0556962025rem + 2.5316455696vw, 3.6rem);font-weight:bold}.intro-head .intro-title .txt:first-child{margin-bottom:.2em}.intro-head .intro-title+p{max-width:890px;width:100%;margin:0 auto}.intro-img{max-width:1121px;width:89.3333333333vw;margin:3em auto 0}.intro-img img{width:100%}.color-box{background:linear-gradient(90deg, #3e96de 0%, #6d53b8 50%, #514068);border-radius:0 5.6em 0 5.6em;margin:clamp(5rem,13.3333333333vw,10rem) 0 clamp(6rem,10.6666666667vw,12rem);padding:clamp(4rem,10.6666666667vw,7rem) clamp(2.5rem,6.6666666667vw,5.6rem) clamp(3.5rem,9.3333333333vw,6rem);position:relative}.color-box .box-title{text-align:center;margin-bottom:1em;position:relative}.color-box .box-title .title{color:#fff;font-size:clamp(2rem, 0.0556962025rem + 2.5316455696vw, 3.6rem);font-weight:bold;line-height:1.6}.color-box .box-title .bg{display:inline-block;width:100%;position:absolute;left:50%;top:48%;font-family:"Oswald",sans-serif;font-size:clamp(3rem, -0.6455696203rem + 4.746835443vw, 6rem);font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);text-transform:uppercase;transform:translate(-50%, -50%)}.color-box .box-title+p{color:#fff;font-size:clamp(1.4rem, 0.9139240506rem + 0.6329113924vw, 1.8rem);font-weight:bold;margin-bottom:1.5em}.color-box .button{max-width:400px;width:100%;margin:0 auto;background:#fff;border-radius:40px;font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem);font-weight:bold;text-decoration:none}.color-box .button::after{border-color:#514068}.color-box .button .large{font-size:120%}.color-box .button:hover{background:linear-gradient(90deg, #3e96de 0%, #6d53b8 50%, #514068)}.color-box .button:hover::after{border-color:#fff}.color-box .button:hover .gradient-txt{color:#fff}.anchor-block{background:#edf4fa;padding:clamp(5rem,6.6666666667vw,10rem) 0 clamp(8rem,10.2666666667vw,13rem)}.anchor-list{display:flex;flex-wrap:wrap;justify-content:space-between}.anchor-list li{width:47.7611940299%;background:#fff;margin-bottom:3em;text-align:center}.anchor-list li a{display:block;width:100%;padding:3.5em 0;text-decoration:none;position:relative}.anchor-list li a::after{content:"";width:.8em;height:.8em;border:2px solid;border-radius:2px;border-color:transparent transparent #3e96de #3e96de;position:absolute;left:50%;bottom:1.5em;transform:rotate(-45deg) translateY(-50%)}.anchor-list li a:hover{opacity:.7;transition:.4s all ease}.anchor-list li .balloon{max-width:4em;width:31.25%;height:0;padding-bottom:35.3125%;position:absolute;left:50%;top:-18.75%;transform:translateX(-50%)}.anchor-list li .balloon .inner{width:100%;position:absolute;left:50%;top:45%;color:#fff;font-family:"Oswald",sans-serif;font-weight:500;font-size:clamp(1.2rem, 0.9569620253rem + 0.3164556962vw, 1.4rem);line-height:1.2;transform:translate(-50%, -50%)}.anchor-list li .balloon .number{display:block;font-size:clamp(1.6rem, 0.6278481013rem + 1.2658227848vw, 2.4rem);letter-spacing:.04em;line-height:1}.anchor-list li .title{font-size:clamp(1.3rem, 0.6924050633rem + 0.7911392405vw, 1.8rem);font-weight:bold;line-height:1.4}.anchor-list li:nth-child(1){border-radius:0 5.6em 0 0}.anchor-list li:nth-child(1) .balloon{background:url(/p/tu-knowledge/assets/img/learning/balloon-img01.png) center center/contain no-repeat}.anchor-list li:nth-child(1) .title{color:#3e96de}.anchor-list li:nth-child(2){border-radius:0 0 5.6em 0}.anchor-list li:nth-child(2) .balloon{background:url(/p/tu-knowledge/assets/img/learning/balloon-img02.png) center center/contain no-repeat}.anchor-list li:nth-child(2) .title{color:#5d75c9}.anchor-list li:nth-child(2) a::after{border-color:transparent transparent #5d75c9 #5d75c9}.anchor-list li:nth-child(3){border-radius:0 0 0 5.6em}.anchor-list li:nth-child(3) .balloon{background:url(/p/tu-knowledge/assets/img/learning/balloon-img03.png) center center/contain no-repeat}.anchor-list li:nth-child(3) .title{color:#6949a2}.anchor-list li:nth-child(3) a::after{border-color:transparent transparent #6949a2 #6949a2}.anchor-list li:nth-child(4){border-radius:5.6em 0 0 0}.anchor-list li:nth-child(4) .balloon{background:url(/p/tu-knowledge/assets/img/learning/balloon-img04.png) center center/contain no-repeat}.anchor-list li:nth-child(4) .title{color:#514068}.anchor-list li:nth-child(4) a::after{border-color:transparent transparent #514068 #514068}@media screen and (min-width: 640px){.anchor-list li{width:23.53515625%;margin-bottom:0}.anchor-list li .balloon{max-width:100%;width:33.1950207469%;padding-bottom:39.0041493776%;top:-24.8962655602%}}.balloon-row{align-items:center;justify-content:space-between;max-width:880px;width:100%;margin:-21.7391304348% auto 2em;color:#fff;border-radius:1.5em;padding:1.5em 8.6956521739%;position:relative}.balloon-row::after{content:"";width:3em;height:1em;position:absolute;left:50%;top:100%;transform:translateX(-50%)}.balloon-row .number-box{width:22.1052631579%;text-align:center}.balloon-row .grade{background:#fff;font-size:clamp(1.2rem, 0.9569620253rem + 0.3164556962vw, 1.4rem);font-weight:bold;line-height:1.4;margin-bottom:.2em}.balloon-row .step{display:flex;align-items:center;justify-content:center;font-family:"Oswald",sans-serif;letter-spacing:.04em}.balloon-row .step .txt{display:inline-block;font-size:clamp(1.3rem, 0.6924050633rem + 0.7911392405vw, 1.8rem);font-weight:500;margin-right:.2em}.balloon-row .step .number{font-size:clamp(2.8rem, 1.0987341772rem + 2.2151898734vw, 4.2rem);font-weight:500;line-height:1}.balloon-row .txt-box{width:74.0350877193%}.balloon-row .txt-box p{font-size:clamp(1.2rem, 0.4708860759rem + 0.9493670886vw, 1.8rem);font-weight:bold}@media screen and (min-width: 640px){.balloon-row{padding:1.5em 5.6818181818%;margin:-5.859375% auto 2em}.balloon-row .number-box{width:11.5384615385%}.balloon-row .txt-box{width:84.6153846154%}}.theme-row{align-items:center;justify-content:space-between;max-width:880px;width:100%;margin:0 auto 2.5em}.theme-row .theme-box{width:17.9104477612%;font-size:clamp(1.4rem, 0.1848101266rem + 1.582278481vw, 2.4rem);font-weight:bold}.theme-row .txt-box{width:81.7910447761%;padding-left:5.9701492537%;font-size:clamp(1.4rem, 0.1848101266rem + 1.582278481vw, 2.4rem);font-weight:bold;position:relative}.theme-row .txt-box::before{content:"";width:2px;height:84%;position:absolute;left:0;top:50%;transform:translateY(-50%)}@media screen and (min-width: 640px){.theme-row .theme-box{width:13.6363636364%}.theme-row .txt-box{width:86.1363636364%;padding-left:4.3181818182%}}.step-body{padding:8em 0 15em;padding:clamp(6rem,10.6666666667vw,8rem) 0 clamp(14rem,13.3333333333vw,18rem)}.content-row{flex-direction:column;position:relative}.content-row .txt-box p{font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem);font-weight:bold}.content-row .img-box{width:62.6865671642%;margin:0 auto 2em}@media screen and (min-width: 640px){.content-row .txt-box{width:49.0234375%;margin-left:auto}.content-row .img-box{width:42.48046875%;position:absolute;left:0;top:0;margin-bottom:0}.content-row.reverse .txt-box{margin-left:0}.content-row.reverse .img-box{left:auto;right:0}}.content-title{text-align:center;margin-bottom:2em}.content-title span{display:inline-block;color:#fff;font-size:clamp(2rem, 0.5417721519rem + 1.8987341772vw, 3.2rem);font-weight:bold;line-height:1.4;padding:.4em 1em;position:relative}.content-title span::after{content:"";width:calc(100% - .3em);height:calc(100% - .3em);border:2px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.content-title br{line-height:0}@media screen and (min-width: 640px){.content-title{text-align:left}}.content-box{background:#fff;border-radius:6em 0 6em 0;padding:clamp(3rem,6.6666666667vw,5rem) clamp(2.5rem,6.6666666667vw,5.6rem);position:relative}.content-box .icon{width:19.7014925373%;height:0;padding-bottom:18.8059701493%;background:url(/p/tu-knowledge/assets/img/learning/icon-closeup.png) center center/cover no-repeat;position:absolute;left:0;top:-1.5em}.content-box .icon span{display:inline-block;position:absolute;left:50%;top:52%;color:#fff;font-family:"Oswald",sans-serif;font-size:clamp(1.4rem, 0.1848101266rem + 1.582278481vw, 2.4rem);font-weight:500;line-height:1.2;text-align:center;transform:translate(-50%, -50%)}.content-box .box-title{font-size:clamp(1.6rem, 0.6278481013rem + 1.2658227848vw, 2.4rem);font-weight:bold;line-height:1.8;text-align:center;margin-bottom:1em}.content-box .box-title .sp{display:block;line-height:0}@media screen and (min-width: 640px){.content-box .icon{width:10.7421875%;padding-bottom:10.25390625%}.content-box .box-title .sp{display:none}}.box-row .txt-box p{font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem)}.box-inner p{font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem)}.dots-list{display:flex}.dots-list li{font-size:clamp(1.4rem, 0.6708860759rem + 0.9493670886vw, 2rem);font-weight:bold;margin-right:1em}.dots-list li::before{display:inline-block;content:"●";color:#3e96de;transform:scale(0.7)}p+.dots-list{margin-top:1em}.step01 .balloon-row{background:#3e96de}.step01 .balloon-row::after{background:url(/p/tu-knowledge/assets/img/learning/step01-arrow.png) center bottom/contain no-repeat}.step01 .balloon-row .grade{color:#3e96de}.step01 .theme-row .theme-box{color:#3e96de}.step01 .theme-row .txt-box::before{background:#3e96de}.step01 .step-body{background:rgba(62,150,222,.1)}.step01 .content-row{margin-bottom:clamp(4rem,16vw,22rem)}.step01 .content-title span{background:#3e96de}.step01 .box-row{flex-direction:column}.step01 .box-row .img-box{width:71.6071428571%;margin:0 auto 1em}@media screen and (min-width: 640px){.step01 .box-row{flex-direction:row-reverse;justify-content:space-between}.step01 .box-row .img-box{width:31.1235955056%;margin:0}.step01 .box-row .txt-box{width:62.9213483146%}}.step02 .balloon-row{background:#5d75c9}.step02 .balloon-row::after{background:url(/p/tu-knowledge/assets/img/learning/step02-arrow.png) center bottom/contain no-repeat}.step02 .balloon-row .grade{color:#5d75c9}.step02 .theme-row .theme-box{color:#5d75c9}.step02 .theme-row .txt-box::before{background:#5d75c9}.step02 .step-body{background:rgba(93,117,201,.1)}.step02 .content-row{margin-bottom:clamp(4rem,13.3333333333vw,22rem)}.step02 .content-title span{background:#5d75c9}.step02 .box-row{flex-direction:column-reverse}.step02 .box-row .img-box{display:flex;flex-wrap:wrap;justify-content:space-between}.step02 .box-row .img-box .ph{width:40%}.step02 .box-row .img-box .name{width:54.5454545455%}.step02 .box-row .img-box .name .txt01{font-size:clamp(1.6rem, 1.1139240506rem + 0.6329113924vw, 2rem);font-weight:bold}.step02 .box-row .img-box .name .txt01 .small{font-size:clamp(1.2rem, 0.9569620253rem + 0.3164556962vw, 1.4rem);margin-left:.2em}.step02 .box-row .img-box .name .txt02{font-size:clamp(1.1rem, 0.8569620253rem + 0.3164556962vw, 1.3rem)}.step02 .box-row .txt-box{margin-bottom:1em}.step02 .box-row .title02{font-size:clamp(1.4rem, 0.6708860759rem + 0.9493670886vw, 2rem);font-weight:bold;line-height:1.8;padding-left:1em;margin-bottom:1em;position:relative}.step02 .box-row .title02::before{content:"";width:4px;height:80%;background:#5b78ca;position:absolute;left:0;top:50%;transform:translateY(-50%)}@media screen and (min-width: 640px){.step02 .box-row{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between}.step02 .box-row .img-box{width:22.4719101124%}.step02 .box-row .img-box .ph{width:100%;margin-bottom:.5em}.step02 .box-row .img-box .name{width:100%}.step02 .box-row .txt-box{width:73.0337078652%;margin-bottom:0}}.step03 .balloon-row{background:#6949a2}.step03 .balloon-row::after{background:url(/p/tu-knowledge/assets/img/learning/step03-arrow.png) center bottom/contain no-repeat}.step03 .balloon-row .grade{color:#6949a2}.step03 .theme-row .theme-box{color:#6949a2}.step03 .theme-row .txt-box::before{background:#6949a2}.step03 .step-body{background:rgba(105,73,162,.1)}.step03 .content-row{margin-bottom:clamp(4rem,10.6666666667vw,14rem)}.step03 .content-title span{background:#6949a2}.step03 .box-inner .img-box{width:66.6071428571%;margin:0 auto 1em}.step03 .box-inner .img-box img{width:100%}@media screen and (min-width: 640px){.step03 .box-inner .img-box{width:100%}}.step04 .balloon-row{background:#514068}.step04 .balloon-row::after{background:url(/p/tu-knowledge/assets/img/learning/step04-arrow.png) center bottom/contain no-repeat}.step04 .balloon-row .grade{color:#514068}.step04 .theme-row .theme-box{color:#514068}.step04 .theme-row .txt-box::before{background:#514068}.step04 .step-body{background:rgba(81,64,104,.1);padding-bottom:clamp(6rem,10.6666666667vw,8rem)}.step04 .content-row{margin-bottom:clamp(4rem,10.6666666667vw,14rem)}.step04 .content-title span{background:#514068}.step04 .box-row{flex-direction:column}.step04 .box-row .img-box{width:89.1071428571%;margin:0 auto 1em}@media screen and (min-width: 640px){.step04 .box-row{flex-direction:row-reverse;justify-content:space-between}.step04 .box-row .img-box{width:43.1460674157%;margin:0}.step04 .box-row .txt-box{width:51.1235955056%}}