a{color:#7fffd4}@media screen and (min-width:670px){*{box-sizing:border-box}html{height:100%}body{color:#fff;background-color:#303030;height:100%;margin:0;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:400}main{z-index:10;width:100%;margin:0 auto;padding-top:20px;position:relative;top:60px}#back1{z-index:0;background-color:#656565;width:60px;height:100%;position:fixed;transform:skew(30deg)}#back2{z-index:0;background-color:#656565;width:40px;height:100%;position:fixed;right:10%;transform:skew(-18deg)}header{z-index:20;background-color:#000;width:100%;height:60px;font-size:0;position:fixed;top:0}header a img{height:60px;padding:7px 20px;display:inline-block}header a img:hover{background-color:#a9a9a9}header div{text-align:right;font-size:0;display:inline-block;position:fixed;top:10px;right:30px}header div a{color:#fff;border-left:1px solid #fff;padding:0 10px;font-size:20px;text-decoration:none}header div a:hover{color:#000;background-color:#fff}.menu{display:none}footer{text-align:right;z-index:20;background-color:#000;width:100%;height:20px;font-size:0;position:fixed;bottom:0}footer span{padding-right:20px;font-size:10px}}@media screen and (max-width:670px){*{box-sizing:border-box}html{height:100%}body{color:#fff;background-color:#303030;height:100%;margin:0;font-family:fot-tsukuardgothic-std,sans-serif;font-style:normal;font-weight:400}main{z-index:10;width:100%;margin:0 auto;padding-top:20px;position:relative;top:60px}#back1{transform-origin:100% 100%;z-index:0;background-color:#656565;width:45px;height:100%;position:fixed;bottom:16px;right:55%;transform:skew(30deg)}#back2{transform-origin:0 100%;z-index:0;background-color:#656565;width:30px;height:100%;position:fixed;bottom:16px;left:45%;transform:skew(-18deg)}header{z-index:20;background-color:#000;width:100%;height:50px;font-size:0;position:fixed;top:0}header a img{height:50px;padding:7px;display:inline-block}.menu-btn{z-index:80;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:5px;right:5px}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:"";background-color:#fff;border-radius:3px;width:30px;height:3px;transition:all .5s;display:block;position:absolute}.menu-btn span:before{bottom:10px}.menu-btn span:after{top:10px}#menu-check:checked~.menu-btn span{background-color:#fff0}#menu-check:checked~.menu-btn span:before{bottom:0;transform:rotate(-45deg)}#menu-check:checked~.menu-btn span:after{top:0;transform:rotate(45deg)}#menu-check,.pc-menu{display:none}.menu-content{z-index:10;background-color:#000;width:100%;height:100%;transition:all .5s;position:fixed;top:50px;left:100%}#menu-check:checked~.menu-content{left:0}.menu-link{width:60%;margin:10% auto;display:block}.menu-link a{color:#fff;text-align:center;border-bottom:#fff;margin:20px 0;font-size:30px;text-decoration:none;display:block;position:relative}.menu-link a:before{content:"";background-color:#fff;border-radius:2px;width:15%;height:2px;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sns-link{width:60%;margin:0 auto;display:block}.sns-link h6{text-align:center;margin:0;font-size:16px;display:block}.sns-link div{width:180px;margin:0 auto;display:block}.sns-link div a img{width:60px;height:60px}footer{text-align:center;z-index:20;background-color:#000;width:100%;height:16px;font-size:0;position:fixed;bottom:0}footer span{font-size:8px}}
.top-page-wrapper{color:#fff;overflow-x:hidden;width:100%!important;max-width:none!important;padding-top:0!important;top:0!important}.hero-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;min-height:60vh;padding:100px 5%;display:flex}.hero-image{width:100%;max-width:400px}.hero-text{max-width:500px}.hero-text h1{margin:0;font-size:2.5rem;font-weight:700;line-height:1.4}.section-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;padding:80px 10%;display:flex}.section-wrapper.reverse{flex-direction:row-reverse}.section-content{flex:1;min-width:300px;max-width:500px}.section-label{letter-spacing:2px;margin-bottom:10px;font-size:.9rem;display:block}.section-title{margin-top:0;margin-bottom:20px;font-size:2rem}.section-desc{margin-bottom:30px;font-size:1rem;line-height:1.8}.section-image{flex:1;min-width:300px;max-width:400px}.section-image img{aspect-ratio:4/3;object-fit:cover;border-radius:5px;width:100%;box-shadow:0 4px 15px #0000004d}.action-btn{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:12px 30px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.action-btn:hover{color:#333;background:#fff}.works-header{padding:60px 10% 20px}.works-header h2{letter-spacing:2px;margin:0;font-size:1rem}.compact-works-grid{grid-template-columns:repeat(4,1fr);gap:30px;padding:0 10% 60px;display:grid}.compact-work-item{text-align:center;color:#fff;background:0 0;border:1px solid #444;flex-direction:column;padding:15px;text-decoration:none;transition:all .2s ease-in-out;display:flex}.compact-work-item:hover{background:#ffffff0d;border-color:#777;transform:translateY(-5px)}.compact-work-item img{aspect-ratio:4/3;object-fit:contain;border-radius:4px;width:100%;margin-bottom:15px}.compact-work-number{color:#999;letter-spacing:1px;margin-bottom:5px;font-size:.9rem}.compact-work-title{flex-grow:1;margin:0;font-size:1.1rem;line-height:1.4}@media (max-width:900px){.compact-works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-wrapper{text-align:center;padding:60px 5%;flex-direction:column!important}.section-content,.section-image{min-width:100%;max-width:100%}.hero-section{text-align:center;flex-direction:column;padding:50px 5%}.hero-text h1{font-size:1.8rem}}@media (max-width:500px){.compact-works-grid{grid-template-columns:1fr}}
.subpage-container{color:#fff;background-color:#0009;border-radius:4px;width:90%;max-width:1200px;margin:100px auto 50px;padding:60px 8%;overflow-x:hidden}.subpage-container h2{letter-spacing:2px;border-bottom:2px solid #fff;margin-bottom:30px;padding-bottom:10px;font-size:2.5em}.subpage-container h3{border-left:5px solid #fff;margin-top:40px;margin-bottom:20px;padding-left:15px;font-size:1.5em}.subpage-container p{margin-bottom:20px;font-size:1.1em;line-height:1.8}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:20px;display:grid}.angular-card{background:0 0;border:2px solid #fff;border-radius:0;flex-direction:column;padding:20px;transition:all .2s ease-in-out;display:flex}.angular-card:hover{background:#ffffff0d;transform:translateY(-5px)}.angular-card img{object-fit:cover;border:1px solid #333;width:100%;height:200px;margin-bottom:15px}.angular-card h4{letter-spacing:1px;margin-top:0;margin-bottom:10px;font-size:1.3em}.angular-card p{flex-grow:1;font-size:.95em}.card-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.angular-btn{color:#fff;text-transform:uppercase;cursor:pointer;border:1px solid #fff;border-radius:0;padding:10px 20px;font-size:.9em;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.angular-btn:hover{color:#000;background:#fff}
@media screen and (min-width:670px){main>div{width:100%;margin-bottom:20px}.creater{margin-bottom:15px;padding-bottom:10px}.creator-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.creater>h6{text-align:center;font-size:18px;display:block;position:relative}.creater>h6:after{content:"";background-color:#fff;border-radius:2px;width:30%;height:2px;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.creater .creator-lead{border-bottom:1px solid #fff3;align-items:flex-start;margin-top:30px;padding-bottom:30px;display:flex}.creater .creator-lead>img{border-radius:8px;width:25%;max-width:200px;height:auto;margin-right:5%}.creator-item{background:#ffffff0d;border-radius:8px;flex-direction:column;padding:20px;display:flex}.creator-item>img{object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:15px}.creater .creator-lead>div,.creator-item>div{font-size:14px}.creater .creator-lead>div>h3,.creator-item>div>h3{color:var(--accent,#fff);margin:0;font-size:18px;line-height:1rem}.creater .creator-lead>div>p,.creator-item>div>p{margin:15px 0 0;line-height:1.6}}@media screen and (max-width:670px){main>div{width:100%;margin-bottom:20px}.creater{margin-bottom:15px;padding-bottom:10px}.creator-grid{flex-direction:column;gap:30px;margin-top:40px;display:flex}.creater>h6{text-align:center;font-size:18px;display:block;position:relative}.creater>h6:after{content:"";background-color:#fff;border-radius:2px;width:30%;height:2px;display:inline-block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.creater .creator-lead{border-bottom:1px solid #fff3;flex-direction:column;align-items:center;margin-top:30px;padding-bottom:30px;display:flex}.creater .creator-lead>img{border-radius:8px;width:60%;height:auto;margin-bottom:20px}.creator-item{background:#ffffff0d;border-radius:8px;flex-direction:column;padding:20px;display:flex}.creator-item>img{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:300px;margin-bottom:15px}.creater .creator-lead>div,.creator-item>div{font-size:14px}.creater>div>div>h3{margin:0;font-size:16px;line-height:1rem}.creater>div>div>p{margin:10px 0 0}}