﻿*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{height:100%;color:#000;font-size:62.5%;line-height:1.4}body{height:100%;color:#333;font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:clamp(1.4rem, 1.1569620253rem + 0.3164556962vw, 1.6rem);line-height:2;background-color:#fff}h5,h6{margin:0}hr{display:block;height:1px;border:0;border-top:1px solid currentColor;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical;white-space:revert}table{border-collapse:collapse;border-spacing:0}th,td{padding:0}img{height:auto}svg{display:block;max-width:100%;height:auto}::selection{background:rgba(88,72,110,.15);text-shadow:none}a{color:#ef8bae}a:hover{text-decoration:none}@media screen and (min-width: 640px){a.tel{color:currentColor;text-decoration:none;pointer-events:none}}ul,ol{margin:0;padding:0}ul li,ol li{list-style:none}header{position:fixed;top:0;left:0;z-index:10;width:100%;height:clamp(7.5rem,17.3333333333vw,11rem)}header.open .menu-button span:first-child{top:50%;transform:translate(-50%, -50%) rotate(-135deg)}header.open .menu-button span:nth-child(2){opacity:0}header.open .menu-button span:last-child{top:50%;transform:translate(-50%, -50%) rotate(135deg)}header.open .menu-container{transform:translateX(0)}header.open .overlay{visibility:visible;opacity:1}header.scrolled .header{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}header.scrolled .site-id .small{color:#000}header.scrolled .site-id .gradient{background:linear-gradient(to right, #5493d5, #ef7d98);color:transparent;-webkit-background-clip:text}.header{display:flex;align-items:center;width:100%;height:100%;padding:.5em 1em;transition:.3s ease}.gradient{display:inline-block}.site-id{font-size:clamp(1.6rem, 1.0146341463rem + 1.5609756098vw, 3.2rem);text-align:center;line-height:1.4;transition:.3s ease}.site-id .small{font-size:70%;letter-spacing:.66em;text-indent:.66em}.site-id a{display:flex;flex-direction:column;justify-content:center;color:#fff;text-decoration:none}.menu-container{position:fixed;top:0;right:0;z-index:1;width:100%;max-width:420px;height:100%;overflow-y:auto;transition:.3s ease;transform:translateX(100%)}.menu-box{position:absolute;top:0;right:0;width:100%;padding:clamp(12rem,32vw,18rem) 0 clamp(10.5rem,28vw,15rem);background:linear-gradient(to bottom, #5493d5, #ef7d98);border-radius:0 0 0 3.2em}@media screen and (min-width: 640px){.menu-box{border-radius:0 0 0 6.4em}}.menu-box::before,.menu-box::after{display:block;position:absolute;width:clamp(8.7rem,23.3333333333vw,12rem);height:clamp(8.7rem,23.3333333333vw,12rem);background:no-repeat center center;background-size:contain;content:""}.menu-box::before{top:0;left:0;background-image:url(/p/tu-knowledge/assets/img/share/menu-bg01.png)}.menu-box::after{bottom:0;right:0;background-image:url(/p/tu-knowledge/assets/img/share/menu-bg02.png)}.menu-box a{font-weight:bold;text-decoration:none}.menu-box .button-box{margin:clamp(4rem,10.6666666667vw,8rem) auto 0;width:80%}.menu-list li{border-bottom:1px solid rgba(255,255,255,.3)}.menu-list a{display:block;position:relative;padding:1em 2em;color:#fff;font-size:clamp(1.4rem, 0.6708860759rem + 0.9493670886vw, 2rem);transition:.3s ease}.menu-list a::after{display:block;position:absolute;right:1em;top:50%;width:.5em;height:.5em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg);content:""}.menu-list a:hover{background:rgba(255,255,255,.1)}.menu-button{position:absolute;top:50%;right:1em;z-index:1;width:clamp(4.5rem,12vw,7rem);height:clamp(4.5rem,12vw,7rem);padding:2px;background:linear-gradient(to right, #5493d5, #ef7d98);border-radius:50%;transition:.3s ease;transform:translateY(-50%);cursor:pointer}.menu-button .button-inner{position:relative;width:100%;height:100%;background:#fff;border-radius:50%}.menu-button span{display:block;position:absolute;left:50%;width:40%;height:2px;background:linear-gradient(to right, #5493d5, #ef7d98);transition:.3s ease}.menu-button span:first-child{top:36%;transform:translate(-50%, -50%)}.menu-button span:nth-child(2){top:50%;transform:translate(-50%, -50%)}.menu-button span:last-child{top:63%;transform:translate(-50%, -50%)}.overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);transition:.3s ease;visibility:hidden;opacity:0}.wrap{max-width:1024px;width:89.3333333333vw;margin:0 auto}.inline-block{display:inline-block}.block{display:block}.button{display:flex;align-items:center;justify-content:center;position:relative;padding:.8em 2em;color:#fff;border:1px solid #fff;border-radius:40px;font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem);font-weight:bold;text-align:center;text-decoration:none;transition:.3s ease}.button:not(.blank)::after{display:block;position:absolute;right:1em;top:50%;width:.5em;height:.5em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg);content:""}.button:hover{background:#fff;color:#ef7d98}.link-box{margin-top:1em}.link-txt{display:block;width:fit-content;position:relative;padding-right:1.8rem;transition:.3s ease;text-decoration:none;line-height:1.6}.link-txt:hover{color:#514068}.link-txt .blank-icon{position:absolute;top:50%;right:0;margin-left:0;transform:translateY(-50%)}.blank-icon{display:inline-block;position:relative;width:1.2rem;height:1rem;margin-left:.3em}.blank-icon::before,.blank-icon::after{display:block;position:absolute;width:1rem;height:.8rem;content:""}.blank-icon::before{bottom:0;left:0;border:1px solid currentColor;border-top-width:2px}.blank-icon::after{top:0;right:0;border-top:1px solid currentColor;border-right:1px solid currentColor}.content-block{padding:clamp(5rem,13.3333333333vw,10rem) 0}.list-circle>li{position:relative;padding-left:1.5rem}.list-circle>li::before{display:block;position:absolute;top:calc((1.8em - 1rem)/2);left:0;width:1rem;height:1rem;background:#ef7d98;border-radius:50%;content:""}.mv{position:relative}.mv-inner{display:flex;flex-wrap:wrap;position:absolute;align-content:space-between;top:0;left:0;z-index:1;width:100%;height:100%}.mv-content{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;color:#fff;text-align:center}.mv-title{font-size:clamp(2.5rem, 0.4341772152rem + 2.6898734177vw, 4.2rem)}.mv-sub-title{font-size:clamp(1.4rem, 0.4278481013rem + 1.2658227848vw, 2.2rem);font-weight:bold}.mv-img{display:flex;flex-wrap:wrap;width:100%}@media screen and (min-width: 640px){.mv-img{width:30%;max-width:420px;height:100%}}@media screen and (min-width: 640px){.mv-img.mv-img01 .img-col:nth-child(2){order:3}}@media screen and (min-width: 640px){.mv-img.mv-img01 .img-col:nth-child(3){order:4}}@media screen and (min-width: 640px){.mv-img.mv-img01 .img-col:nth-child(4){order:2}}@media screen and (min-width: 640px){.mv-img.mv-img02 .img-col:nth-child(1){order:2}}@media screen and (min-width: 640px){.mv-img.mv-img02 .img-col:nth-child(2){order:1}}@media screen and (min-width: 640px){.mv-img.mv-img02 .img-col:nth-child(3){order:3}}@media screen and (min-width: 640px){.mv-img.mv-img02 .img-col:nth-child(4){order:4}}.mv-img .img-col{width:25%;height:100%}@media screen and (min-width: 640px){.mv-img .img-col{width:50%;height:50%}}.mv-img .img-col.pink{background:#ef7d98}.mv-img .img-col.blue{background:#5493d5}.mv-bg{overflow:hidden}@media screen and (min-width: 640px){.mv-bg{max-height:420px}}.mv-bg img{width:100%;height:100%;object-fit:cover}.main-container{padding-top:clamp(5rem,13.3333333333vw,10rem)}footer{background:#514068}.footer-top{padding:clamp(2.5rem,6.6666666667vw,5rem) 0;border-bottom:1px solid rgba(255,255,255,.3)}.footer-button-list{display:flex;flex-wrap:wrap;justify-content:center}.footer-button-list>li{width:76.1194029851%}@media screen and (min-width: 640px){.footer-button-list>li{width:31.25%}}.footer-button-list>li+li{margin-top:1.5em}@media screen and (min-width: 640px){.footer-button-list>li+li{margin:0 0 0 3.125%}}.footer-button-list a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:.7em 2em;background:#fff;border-radius:3em;font-weight:bold;text-align:center;color:#514068;font-size:clamp(1.2rem, 0.7139240506rem + 0.6329113924vw, 1.6rem);text-decoration:none;transition:.3s ease}.footer-button-list a:hover{background:#8f8bbe;color:#fff}.footer-button-list a::after{display:block;position:absolute;top:50%;right:1em;width:.5em;height:.5em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg);content:""}.footer-bottom{padding:clamp(2.5rem,6.6666666667vw,3rem) 0 clamp(2rem,5.3333333333vw,2.5rem)}@media screen and (min-width: 768px){.footer-bottom .inner{display:flex;align-items:center;justify-content:space-between}}.footer-bottom .name-box{display:flex;flex-direction:column;margin-bottom:1em;text-align:center}@media screen and (min-width: 768px){.footer-bottom .name-box{flex-direction:row;align-items:center;margin-bottom:0;text-align:left}}.footer-bottom .address{color:#fff;font-size:clamp(1.1rem, 0.8569620253rem + 0.3164556962vw, 1.3rem);font-weight:600}.footer-bottom .site-box{text-align:center}@media screen and (min-width: 768px){.footer-bottom .site-box{text-align:right}}.footer-bottom .site-box a{display:inline-block;position:relative;color:#fff;font-size:clamp(1.1rem, 0.8569620253rem + 0.3164556962vw, 1.3rem);font-weight:600;text-decoration:none}.footer-bottom .site-box a::before{width:8px;height:8px;border:2px solid;border-color:#ef7d98 #ef7d98 transparent transparent;position:absolute;left:-1.5em;top:46%;transform:rotate(45deg) translateY(-50%);content:""}.footer-bottom .site-box a:hover{color:#ef7d98;transition:.2s all ease-in}.footer-bottom .copyright{color:#fff;font-size:1rem;font-weight:600}.foote-id{width:clamp(11rem,29.3333333333vw,14.4rem);margin:0 auto 1em}@media screen and (min-width: 768px){.foote-id{margin:0 1.5em 0 0}}
