@font-face{font-family:ChakraPetch-Light;src:url(public/ChakraPetch-Light.ttf) format("truetype")}@font-face{font-family:ChakraPetch-Bold;src:url(/assets/ChakraPetch-Bold-s-gf-5Hp.ttf) format("truetype")}html{font-size:calc(100vw * 16 / 1440);overflow-x:hidden}@media screen and (max-width:1440px){html{font-size:16px}}@media screen and (max-width:768px){html{font-size:14px}}@media screen and (max-width:480px){html{font-size:12px}}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-y:auto;background:#000}.logo{position:fixed;width:30%;height:10%;top:5%;left:5%;z-index:3;object-fit:cover;display:flex;align-items:center;justify-content:left}.logo img{position:absolute;width:100%;height:100%;object-fit:contain}@media screen and (max-width:600px){.logo{width:50%;top:2%;height:12%}.logo img{transform:scale(1.08)}}.navigation{position:fixed;width:8%;height:100%;top:2%;right:0%;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.navigation a{position:relative;margin:30%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:ChakraPetch-Bold,sans-serif;font-size:1rem;color:#fff}@media screen and (max-width:600px){.navigation{width:90%;height:6%;inset:auto auto 2% 5%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.navigation a{margin:2%}}.navigation a:after{position:absolute;content:"";width:0%;height:.03rem;left:0;bottom:-.03rem;background:#fff;transition:.8s}.navigation a:hover:after{width:100%}.hands-on-main{background-color:#000;color:#fff;font-family:ChakraPetch-Light,sans-serif}.hands-on-hero{position:relative;height:80vh;display:grid;place-items:center;text-align:center;color:#fff}.hands-on-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000000e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hands-on-hero-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.hands-on-event-subtitle{font-family:ChakraPetch-Light,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);color:#f788e5b3;letter-spacing:.1em;margin:0;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:20px}.hands-on-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(3rem,8vw,6rem);font-weight:600;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.6);line-height:1.2}.hands-on-subtitle{font-size:clamp(1.2rem,3vw,1.6rem);color:#ffffffe6;margin:0;max-width:600px}.hands-on-section{padding:100px 5%;position:relative;overflow:hidden}.hands-on-container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.hands-on-section-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:2.5rem;font-weight:400;color:#e0e0e0;margin-bottom:4rem;text-align:left;position:relative;z-index:2;padding-left:10px}.hands-on-section-title span{position:absolute;top:50%;left:0;transform:translateY(-60%);font-family:ChakraPetch-Light,sans-serif;font-size:clamp(4rem,15vw,8rem);font-weight:700;letter-spacing:.05em;color:#f788e51f;z-index:-1;margin:0;display:block;pointer-events:none}.concept-section{background-color:#050505;padding-top:150px;padding-bottom:150px}.outline-content-wrapper{display:flex;gap:4rem;align-items:flex-start}.outline-text-area{flex:1}.concept-text{font-size:1.1rem;line-height:2;color:#fffc;max-width:800px;margin-left:0}.outline-flyer-area{flex-shrink:0;width:350px;padding:10px;background:#111;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 20px #0000004d}.nursing-flyer{width:100%;height:auto;display:block}.event-info-list{list-style:none;padding:0;margin:2rem 0 0;max-width:600px;background:#111;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.event-info-list li{font-size:1.1rem;color:#ffffffd9;padding:1rem 1.5rem;border-bottom:1px dashed rgba(255,255,255,.1);line-height:1.5}.event-info-list li:last-child{border-bottom:none}.event-info-list li strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;color:#f788e5;font-size:1.2rem;display:inline-block;min-width:60px;margin-right:15px}.experience-section{padding-top:150px;padding-bottom:150px}.contents-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.contents-item{background:#111;padding:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);transition:transform .3s ease,box-shadow .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center}.contents-item:hover{transform:translateY(-8px);box-shadow:0 15px 30px #c73a4933;border-color:#f788e580}.contents-item-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.5rem;color:#f788e5;margin:0 0 1rem;border-bottom:2px dashed rgba(247,136,229,.3);padding-bottom:.5rem}.contents-item-text{font-size:1rem;color:#fffc;line-height:1.6;margin:0}.application-section{background-color:#050505;padding-top:150px;padding-bottom:150px;text-align:center}.concept-section:before,.experience-section:before,.application-section:before,.concept-section:after,.experience-section:after,.application-section:after{content:"";position:absolute;left:0;width:100%;pointer-events:none;z-index:1}.concept-section:before,.experience-section:before,.application-section:before{height:120px;top:15px;background:linear-gradient(15deg,transparent 20%,rgba(199,58,73,.1) 50%,transparent 80%)}.concept-section:after,.experience-section:after,.application-section:after{height:4px;z-index:2;top:75px;background:#f788e5b3;box-shadow:0 0 15px 1px #f788e54d}.concept-section:before,.concept-section:after{transform:skewY(3deg)}.experience-section:before,.experience-section:after{transform:skewY(-3deg)}.application-section:before,.application-section:after{transform:skewY(3deg)}@media(max-width:1024px){.outline-content-wrapper{flex-direction:column;align-items:center;gap:3rem}.outline-text-area{width:100%;max-width:700px}.outline-flyer-area{width:100%;max-width:450px}}@media(max-width:768px){.hands-on-hero{height:70vh}.hands-on-section{padding:80px 5%}.hands-on-section-title span{transform:translateY(-55%)}.hands-on-section-title{font-size:1.8rem}.contents-list-grid{grid-template-columns:1fr;gap:1.5rem}.concept-section,.experience-section,.application-section{padding-top:120px;padding-bottom:120px}.concept-section:before,.experience-section:before,.application-section:before{top:10px}.concept-section:after,.experience-section:after,.application-section:after{top:60px}}@media(max-width:480px){.hands-on-section-title{margin-bottom:3rem}.contents-item{padding:1.5rem}.contents-item-title{font-size:1.3rem}.event-info-list li{padding:.8rem 1rem;font-size:1rem}.event-info-list li strong{font-size:1.1rem;min-width:45px}}.footer{position:relative;display:flex;align-items:center;justify-content:center;z-index:0;background:#000;padding:1rem 0}.footer p{font-family:ChakraPetch-Light,sans-serif;font-size:.8rem;color:gray;line-height:1.5}@media screen and (max-width:600px){.footer p{opacity:0}}
