@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@font-face{font-display:auto;font-family:orpheus-pro;font-stretch:normal;font-style:normal;font-weight:400;src:url(https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/4f5611/00000000000000007735ebd5/30/a?subset_id=2&fvd=n4&v=3) format("opentype")}@font-face{font-display:auto;font-family:orpheus-pro;font-stretch:normal;font-style:normal;font-weight:500;src:url(https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/8b252c/00000000000000007735ebd8/30/a?subset_id=2&fvd=n5&v=3) format("opentype")}@font-face{font-display:auto;font-family:orpheus-pro;font-stretch:normal;font-style:normal;font-weight:700;src:url(https://use.typekit.net/af/003616/00000000000000007735ebd7/30/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/003616/00000000000000007735ebd7/30/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/003616/00000000000000007735ebd7/30/a?subset_id=2&fvd=n7&v=3) format("opentype")}@font-face{font-display:auto;font-family:orpheus-pro;font-stretch:normal;font-style:italic;font-weight:400;src:url(https://use.typekit.net/af/aeffc0/00000000000000007735ebd6/30/l?subset_id=2&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/aeffc0/00000000000000007735ebd6/30/d?subset_id=2&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/aeffc0/00000000000000007735ebd6/30/a?subset_id=2&fvd=i4&v=3) format("opentype")}*{background-color:#0a0a0a;box-sizing:border-box;color:#fff;margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}.container{justify-content:center;margin-left:0;padding-bottom:50px;padding-top:50px;text-align:center}.headline{display:inline-block}h1{font-family:orpheus-pro,sans-serif;font-size:2em;margin:0;transition:color .5s}.animated-fadein{animation:fadeIn infinite;animation-duration:3s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.body.isScroll{overflow:hidden}.body{font-family:orpheus-pro,sans-serif;min-height:100vh}.headline{font-size:200%;margin-bottom:100px;margin-top:70px}.headline,.main,.mainbody{text-align:center}.body1{filter:brightness(60%) contrast(130%);height:1081px;width:100%}.body1,.body2{position:absolute}.body2{background-color:#000000b3;border-radius:12px;box-shadow:0 8px 24px #0009;color:#fff;font-size:1.2rem;left:70%;max-width:500px;padding:40px;text-align:left;top:800px;transform:translateX(-50%);width:80%;z-index:10}.body2 p{font-family:Poppins,sans-serif;font-weight:300;line-height:1.7;margin-bottom:20px}.body2 h3{font-family:orpheus-pro,sans-serif;font-size:2rem;font-weight:500;margin-bottom:30px}@media (max-width:768px){.body2{font-size:1rem;left:50%;padding:30px;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.body2 h3{font-size:1.8rem;margin-bottom:20px}.body2 p{line-height:1.6;margin-bottom:15px}}@media (max-width:1019px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:768px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}.mainbody{padding-bottom:0}.body1{filter:brightness(60%) contrast(130%);height:950px;width:100%}.body1,.body2{margin:0;position:relative}.body2{font-size:100%;left:50%;padding-top:20px;transform:translateX(-50%);width:80%}}@media (max-width:630px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:530px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:480px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:415px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:373px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}@media (max-width:344px){.body{font-family:orpheus-pro,sans-serif;min-height:100vh}}.myPhoto1{background-image:url(/static/media/photo1.a5bc708218c7a9a1d116.png)}header{align-items:center;font-family:Poppins,sans-serif;justify-content:space-between;position:flex;width:100%;z-index:1}header ul{display:flex}header .inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:40px 0;width:100%}header .logo{font-family:orpheus-pro,sans-serif;font-size:35px;margin-left:50px;width:31%}header .logo-color:hover{color:orange;transition:color .5s}header .web{display:flex;position:relative;width:100%}header .web a:after{background-color:#fff;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:0}header .web a:hover:after{width:100%}header .web a{display:flex;flex-grow:1;font-size:19px;font-weight:500;margin:0 5px;padding:0 10px;position:relative;text-align:center;transition:color .5s,font-size .5s}header .web a:hover{color:orange}header .snsContact{margin-left:auto;margin-right:50px}header .snsContact a{color:#333;font-size:35px;margin:0 10px;transition:color .3s ease}header .snsContact a:hover{background-color:orange;color:orange;font-size:38px}.mobile-menu-container{align-items:flex-end;display:none;position:relative}.toggle-button{background-color:initial;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:28px;padding:8px 12px;transition:color .3s ease}.toggle-button:hover{background-color:#ffc0cb1a;border-color:#db7093;color:#db7093}.mobile-menu{background-color:#121212;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-top:5px;opacity:0;padding:15px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out;width:220px;z-index:10}.mobile-menu.open{display:flex;flex-direction:column;opacity:1;transform:translateY(0)}.mobile-menu.open .gnb{display:flex;flex-direction:column;margin-top:10px;width:100%}.mobile-menu.open .gnb a{border-radius:6px;color:#eee;display:block;font-size:1rem;margin-bottom:8px;padding:12px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.mobile-menu.open .gnb a.active{color:#db7093;font-weight:700}.mobile-menu.open .gnb a:hover{background-color:#333;color:#fff}@media (max-width:768px){.gnb{display:none}.pc-menu,.web{visibility:hidden;width:0}.mobile-menu-container{display:flex}.mobile-menu{left:auto;right:0}header .logo{margin-left:20px}header .snsContact{margin-right:20px}}@media (max-width:480px){.mobile-menu{width:180px}.toggle-button{font-size:26px}header .logo{font-size:30px}header .snsContact a{font-size:30px;margin:0 5px}}footer{border-top:1px solid #4a6869;font-family:Poppins,sans-serif;margin-top:100px;padding-top:126px;touch-action:none;width:100%}footer .logo{font-family:orpheus-pro,sans-serif}footer .logo span{font-family:Poppins,sans-serif}footer .logo-color:hover{color:orange;transition:.5s}footer .inner{display:flex;flex-wrap:wrap;margin:0 auto;width:1200px}footer .info{margin-right:20%;width:21%}footer .info .logo{font-size:40px;font-weight:700;line-height:1;margin-bottom:14px}footer .info .logo span{color:#4a6869}footer .info p{font-size:18px;margin-bottom:39px}footer .info .sns{display:flex;justify-content:space-between;margin-right:84px}footer .info .sns a{color:#333;font-size:35px;margin:0 10px;transition:color .3s ease}footer .info .sns a:hover{background-color:#4caf50;color:#4caf50;font-size:38px}footer .nav{width:16%}footer .nav h2{font-weight:500;line-height:1;margin-bottom:20px}footer .nav .list a{color:#fff;font-size:18px;margin-bottom:23px;transition:all .5s}footer .nav .list a:hover{color:orange}footer .contactMe{margin-left:auto;width:22.1%}footer .contactMe li{color:#858585;font-size:17px;margin-bottom:31px}footer .contactMe li span{color:#56565c;display:block;font-size:20px;padding-top:4px;transition:all .5s}footer .contactMe li span:hover{color:#2bae29}footer .copy{border-top:1px solid #eff3f0;color:#78787d;margin-bottom:5px;margin-top:55px;padding-bottom:26px;padding-top:26px;text-align:center;width:100%}@media (max-width:768px){.contactMe,.nav{display:none;visibility:hidden}footer{overflow:hidden;width:768px}}@media (max-width:480px){.contactMe,.nav{display:none;visibility:hidden}footer{overflow:hidden;width:480px}}.contact{margin-top:50px}.experiences{margin-top:80px;padding:0 20px;text-align:center}.experiences h2{color:#fff;font-family:orpheus-pro,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:40px}.experiences h3{font-size:1.2rem;margin-bottom:10px}.experiences h3,.experiences h4{background-color:initial;color:#ddd;font-family:orpheus-pro,sans-serif;text-align:left}.experiences h4{font-size:1.1rem;font-weight:500;margin-bottom:8px}.experiences h5{background-color:initial;font-size:1rem;line-height:1.5;margin-bottom:15px;text-align:left;white-space:pre-line}.ex-info,.experiences h5{color:#aaa;font-family:Poppins,sans-serif;font-weight:300}.ex-info{line-height:1.6}.experience-container{background-color:#121212;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-top:30px;padding:40px 20px;width:auto}.experience-box{background-color:initial;border:1px solid #333;border-radius:8px;box-shadow:none;color:#fff;margin-bottom:30px;padding:30px;text-align:left}.experience-box:hover{background-color:#1e1e1e;border-color:#db7093;color:#fff}@media (max-width:768px){.experiences{margin-top:60px;padding:0 15px}.experiences h2{font-size:2rem;margin-bottom:30px}.experiences h3{font-size:1.1rem;margin-bottom:8px}.experiences h4{font-size:1rem;margin-bottom:6px}.experiences h5{font-size:.9rem;margin-bottom:10px}.experience-container{margin-top:20px;padding:30px 15px}.experience-box{margin-bottom:20px;padding:20px}}.projects{margin-top:1141px;padding:60px 20px;text-align:center}.projects h2{color:#fff;font-family:orpheus-pro,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:60px}.project-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px;padding:0 20px}.project-box{background-color:#121212;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;padding:30px;text-align:left;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out}.project-box:hover{border-color:#db7093;box-shadow:0 6px 16px #0009;transform:translateY(-8px)}.projects h3{background-color:initial;color:#ddd;font-family:orpheus-pro,sans-serif;font-size:1.2rem;margin-bottom:15px}.projects p{color:#aaa;font-weight:300;line-height:1.6;margin-bottom:20px}.projects a,.projects p{background-color:initial;font-family:Poppins,sans-serif}.projects a{color:#db7093;text-decoration:none;transition:color .3s ease}.projects a:hover{color:#ff69b4;font-weight:500}@media (max-width:768px){.projects{margin-top:80px;padding:40px 15px}.projects h2{font-size:2rem;margin-bottom:40px}.project-container{gap:20px;grid-template-columns:1fr;margin-top:30px;padding:0 15px}.project-box{padding:20px;text-align:left}.projects h3{font-size:1.1rem;margin-bottom:10px}.projects p{font-size:.9rem;line-height:1.5;margin-bottom:15px}}.interests{margin-top:50px;padding-left:10px;padding-right:10px;text-align:center}.interests h2{font-size:300%;margin-bottom:20px}.image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px;width:auto}.image-box{text-align:center}.privacy-container{background-color:#f7f7f7;border-radius:8px;color:#f7f7f7;margin:10vh auto;max-width:1000px;padding:5vh 10vw;text-align:left}.privacy-container *{background-color:initial;color:inherit}.privacy-container h1{border-bottom:2px solid #e0e0e0;font-size:2.2rem;font-weight:700;padding-bottom:1rem}.privacy-container h1,.privacy-container h2{font-family:orpheus-pro,serif;margin-bottom:1rem}.privacy-container h2{font-size:1.6rem;font-weight:500;margin-top:3rem}.privacy-container li,.privacy-container p{font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;line-height:1.9;margin-bottom:1rem}.privacy-container strong{font-weight:600}.privacy-container a{color:orange;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.privacy-container a:hover{color:#003d7c;text-decoration:underline}.privacy-container ol,.privacy-container ul{margin-bottom:1rem;padding-left:2rem}@media (max-width:768px){.privacy-container{margin:5vh auto;padding:8vh 8vw}.privacy-container h1{font-size:1.8rem}.privacy-container h2{font-size:1.4rem}.privacy-container li,.privacy-container p{font-size:.9rem}}
/*# sourceMappingURL=main.5d0eaca3.css.map*/