@charset "utf-8";:root{--color-black:#222;--color-white:#fff;--color-mint:#3ce7a6;--color-orange:#ff4d00;--weight-normal:500;--weight-bold:700;--family-ZenMaruGothic:"Zen Maru Gothic",sans-serif;--padding-normal:150px}@media screen and (max-width:800px){:root{--padding-normal:120px}}html{scroll-behavior:smooth}html,body{font-family:"Zen Maru Gothic",sans-serif;font-size:16px;line-height:2.5;color:var(--color-black);font-weight:var(--weight-normal);letter-spacing:.12em}table{border-spacing:0;border-collapse:collapse}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--color-black);transition:all .4s ease;text-decoration:none}a:hover{color:var(--color-mint);transform:scale(1.05,1.05)}*{font-size:100%}ul{list-style:none}button{font-weight:var(--weight-bold);background-color:var(--color-orange);color:#fff;padding:2px 12px;border-radius:100vh;display:inline-block;transition:all .2s ease;letter-spacing:.15em}button:hover{background-color:var(--color-mint);transform:translateY(-5px)}hr{margin-top:50px;margin-bottom:50px;border:var(--color-orange) 2px dashed}h2{text-align:center;font-weight:var(--weight-bold);font-size:2em;width:fit-content;margin:0 auto}@media screen and (max-width:800px){html,body{font-size:13px}}header{height:260px;background-color:var(--color-white);position:sticky;z-index:100;width:100%;top:0;left:0}header .logo img{position:absolute;top:50%;transform:translateY(-50%);left:100px;width:250px}header .menu{display:flex;justify-content:flex-end;position:absolute;top:50%;transform:translateY(-50%);right:100px;gap:30px}header .menu a{font-weight:var(--weight-bold)}header .menu img{width:20px}header.scrolled{height:80px}header.scrolled .logo img{width:70px}@media screen and (max-width:1280px){header .logo img{width:230px;left:60px}header .menu{flex-wrap:wrap;gap:20px;right:60px;width:400px}header.scrolled .menu{width:100%}header.scrolled .menu{width:100%}}@media screen and (max-width:560px){header{height:150px}header .logo img{width:130px;left:40px}header .menu{right:40px;width:180px;gap:10px;line-height:1.8em}header.scrolled .menu{width:65%;font-size:.9em}}footer{color:var(--color-black);padding:12px;font-size:.85em;text-align:center}.caption span{display:inline-block}.fade-in li{&:nth-of-type(3n+1){transition-delay:.2s}&:nth-of-type(3n+2){transition-delay:.4s}&:nth-of-type(3n){transition-delay:.6s}}.fade-in{transform:translate(0,20%) scale(1.05);opacity:0;transition:1.5s;&.show{transform:translate(0,0) scale(1);opacity:1}}.container{margin-left:100px;margin-right:100px;max-width:1400px}.parent-of-speechBubble{text-align:center;margin-bottom:60px}.speechBubble{position:relative;display:inline-block;margin-bottom:20px;padding:0 30px;border:1px solid #222;border-radius:9999px;background-color:#fff;text-align:center}.speechBubble:before{content:"";position:absolute;bottom:0;left:75%;border-style:solid;border-width:20px 10px 0;border-color:#222 transparent transparent;translate:-50% 100%}.speechBubble:after{content:"";position:absolute;bottom:0;left:75%;border-style:solid;border-width:17.8px 8.9px 0;border-color:#fff transparent transparent;translate:-50% 100%}#scrollToTopBtn{opacity:0;visibility:hidden;position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:1000;border:none;padding:0;transition:opacity .3s ease-in-out,visibility 0s .3s}#scrollToTopBtn.show{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s 0s}#scrollToTopBtn img{width:65px;height:auto;display:block;transition:transform .3s ease-in-out;margin-left:22px}#scrollToTopBtn img:hover{transform:scale(1.1)}.scrollToTopBtn_text{text-align:center;font-size:.6em;font-weight:var(--weight-bold);margin-left:20px}body #scrollToTopBtn .speechBubble{letter-spacing:.1em}#scrollToTopBtn .speechBubble{font-size:.7em;padding:0 8px}#scrollToTopBtn .speechBubble:before{border-width:10px 5px 0;translate:-50% 100%}#scrollToTopBtn .speechBubble:after{border-width:8px 4.5px 0;translate:-50% 100%}.fuwafuwa{animation:fuwafuwa 1.2s ease-in-out infinite alternate;transition:1s ease-in-out}@keyframes fuwafuwa{0%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(0,-4px) rotate(0deg)}100%{transform:translate(0,0) rotate(4deg)}}.fuwaup{animation-name:updown1;animation-delay:0s;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes updown1{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.fade-in-works{opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)}.fade-in-works.show{opacity:1;transform:scale(1)}li:nth-child(3n+1){transition-delay:.2s}li:nth-child(3n+2){transition-delay:.4s}li:nth-child(3n+3){transition-delay:.6s}@media screen and (max-width:900px){.container{margin-left:60px;margin-right:60px}li:nth-child(2n+1){transition-delay:.2s}li:nth-child(2n+2){transition-delay:.4s}}@media screen and (max-width:560px){.container{margin-left:40px;margin-right:40px}li{transition-delay:.05s}.speechBubble{font-size:.8em}}#skill{padding-top:130px;margin-top:-130px}#contact{padding-top:130px;margin-top:-130px}.works_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:100px;padding-top:20px}.works_list img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2vh;border:1px solid #222}.image-link-wrapper{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit}.image-link-wrapper img{display:block;width:100%;height:auto;transition:filter .4s ease}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,165,0,0);display:flex;justify-content:center;align-items:center;opacity:0;transition:background-color .4s ease,opacity .4s ease;z-index:1;pointer-events:none;border-radius:2vh}.overlay-text{color:var(--color-white);font-size:1em;font-weight:var(--weight-bold);text-align:center;padding:10px;opacity:0;transition:opacity .4s ease}.image-link-wrapper:hover .overlay{background-color:rgba(98,255,195,.7);opacity:1;pointer-events:auto}.image-link-wrapper:hover .overlay-text{opacity:1}.image-link-wrapper:hover img{filter:brightness(.7)}.works_all{text-align:center;font-weight:var(--weight-bold);font-size:1.5em;margin-bottom:200px}.arrow:before{content:'';width:15px;height:15px;border:0;border-top:solid 3px var(--color-black);border-right:solid 3px var(--color-black);transform:rotate(45deg);position:absolute;top:0;left:62%;bottom:0;margin:auto;transition:border-color .3s ease}.link-with-arrow:hover .arrow:before{border-color:var(--color-mint)}.link-with-arrow{display:inline-flex;align-items:center;gap:15px;transition:all .3s ease}.slideinLeft{animation:slideinLeft 1.2s infinite}@keyframes slideinLeft{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}.skill_list{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-bottom:200px}.skill_list img{width:280px;margin-bottom:20px}.animation img{width:100%}.animation img.change{position:absolute;top:0;left:0;width:100%;-webkit-animation:kapi 1.4s linear infinite;animation:kapi 1.4s linear infinite}@-webkit-keyframes kapi{0%{opacity:0}50%{opacity:0}51%{opacity:1}99%{opacity:1}100%{opacity:0}}@keyframes kapi{0%{opacity:0}50%{opacity:0}51%{opacity:1}99%{opacity:1}100%{opacity:0}}.skill_contents{text-align:center;position:relative}.skill_lead{display:flex;justify-content:center;align-items:center;font-weight:var(--weight-bold);color:var(--color-orange);font-size:1.5em;margin-bottom:30px}.skill_lead:before{content:"";width:30px;height:3px;transform:rotate(60deg);box-sizing:border-box;background-color:var(--color-orange)}.skill_lead:after{content:"";width:30px;height:3px;transform:rotate(-60deg);box-sizing:border-box;background-color:var(--color-orange)}.updown{animation-name:updown1;animation-delay:0s;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes updown1{0%{transform:translateY(0)}40%{transform:translateY(0)}50%{transform:translateY(-6px)}65%{transform:translateY(0)}100%{transform:translateY(0)}}.skill_text{text-align:left}.smf-form{width:100%;margin-bottom:30px;text-align:center;margin-left:auto;margin-right:auto}.smf-form .smf-item__label{text-align:left;padding:15px;padding-left:20%}.smf-form .smf-text-control input[type=text]{background-color:#eee;width:60%;padding:10px;border-radius:20px;border:none !important}.smf-form .smf-text-control input[type=email]{background-color:#eee;width:60%;padding:10px;border-radius:20px;border:none !important}.smf-form .smf-textarea-control textarea{background-color:#eee;width:60%;height:150px;padding:10px;border-radius:20px;margin:0 auto;border:none !important}.smf-action{text-align:center}.smf-action .smf-button-control__control{background-color:var(--color-orange) !important;color:#fff !important;border-radius:100vh !important;display:inline-block !important;transition:all .2s ease !important;letter-spacing:.15em !important;padding:10px 25px !important;margin-bottom:200px !important;background-image:none !important;border:none !important}.smf-action .smf-button-control__control:hover{background-color:var(--color-mint) !important}.contact_text{font-size:.85em;text-align:center;padding-top:30px;padding-left:20%;padding-right:20%}@media screen and (max-width:900px){.works_list{grid-template-columns:repeat(2,1fr)}.skill_list{grid-template-columns:repeat(1,1fr)}.smf-form{width:80%;margin-left:auto;margin-right:auto}.smf-form .smf-item__label{padding-left:0}.smf-form .smf-text-control input[type=text],.smf-form .smf-text-control input[type=email],.smf-form .smf-textarea-control textarea{width:100%}.contact_text{padding-left:0;padding-right:0}}@media screen and (max-width:560px){#skill{padding-top:150px;margin-top:-150px}.animation img{width:90%}.animation img.change{left:5%;width:90%}#contact{padding-top:150px;margin-top:-150px}.works_list{grid-template-columns:repeat(1,1fr)}}.works{text-align:center;font-weight:var(--weight-bold);font-size:1em}.category_list{display:flex;justify-content:flex-start;gap:10px;margin-bottom:30px}.list-item .image-slider img{object-fit:scale-down;border:none;padding:60px}.image-slider{position:relative;width:100%;overflow:hidden}.slide-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;animation:instantImageChange 4s infinite steps(1)}.slide-image.slide1{animation-delay:0s}.slide-image.slide2{animation-delay:2s}@keyframes instantImageChange{0%{opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden}}.list-genre{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.list-genre li a{background-color:var(--color-orange);border-radius:100vh;padding:2px 12px;cursor:pointer;transition:all .4s ease;color:var(--color-white);font-weight:var(--weight-bold);display:inline-block;letter-spacing:.15em}.list-genre li a:hover{transform:translateY(-5px)}.list-genre li a:hover,.list-genre li a.checked{background-color:var(--color-mint);color:var(--color-white)}.list-item{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:100px}.list-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2vh;border:1px solid var(--color-black)}.list-item li{position:relative}.list-item li a{display:block;text-align:center}@media print,screen and (max-width:1024px){.list-item{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:560px){.works{margin-top:20px}.section_works .parent-of-speechBubble{margin-bottom:15px}.list-item{grid-template-columns:repeat(1,1fr)}.image-slider{aspect-ratio:1/1}.list-genre li a{justify-content:left;font-size:.9em}.list-genre{justify-content:flex-start;margin-bottom:10px;gap:6px}}.works_contents{text-align:center;margin-bottom:100px}.works_back{text-align:left;font-weight:var(--weight-bold);margin-bottom:80px}.works_contents img{max-width:800px;max-height:1200px;margin-bottom:50px;border:#eee 1px solid}.works_contents video{max-width:800px;max-height:1200px;margin-bottom:50px;border:#eee 1px solid}.caption{padding-bottom:100px;width:600px;margin:auto}.caption a{color:var(--color-white);padding:10px}.snsshare .speechBubble{font-size:.8em;padding:3px 15px;margin-bottom:30px}.snsshare .speechBubble:before{border-width:10px 5px 0;translate:-50% 100%}.snsshare .speechBubble:after{border-width:8px 4.5px 0;translate:-50% 100%}.snsshare_icon_wrapper{display:flex;justify-content:center;gap:20px}.snsshare_icon_wrapper img{width:35px;height:auto}.snsshare_icon_wrapper a img{width:25px;height:auto}.snsshare img{border:none}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease}.popup-content{background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);font-size:1.2em;color:#333;text-align:center;transform:translateY(-20px);transition:transform .3s ease}.popup-container.show{visibility:visible;opacity:1}.popup-container.show .popup-content{transform:translateY(0)}.works_contents .title{font-size:1.3em;font-weight:var(--weight-bold);margin-bottom:10px}.works_contents .client{font-size:.8em;margin-bottom:30px}.works_contents .subtitle{font-weight:var(--weight-bold);margin-bottom:30px}@media screen and (max-width:560px){.works_contents img{max-width:100%}.works_contents video{max-width:100%}.caption{width:95%;text-align:left}.caption button{display:block;padding-left:auto;padding-right:auto;margin-left:auto;margin-right:auto}}.section_about{padding-top:20px}.section_about span{display:inline-block}.about{text-align:center;font-weight:var(--weight-bold);font-size:2.2em;margin-bottom:80px}.about_photo{margin-bottom:80px;position:relative}.about_photo img{display:flex;justify-content:center;align-items:center;position:relative;border-radius:2vh;border:var(--color-orange) 4px dashed}.image1,.image2{position:absolute;top:0;left:0}.image1{z-index:1;top:20px;left:20%;width:240px}.image2{z-index:2;top:-20px;left:40%;width:340px}.shaking{animation-name:katakata;animation-duration:1.2s;animation-iteration-count:infinite}@keyframes katakata{0%{transform:rotate(0deg)}25%{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}100%{transform:rotate(.5deg)}}.about_photo_text1{position:absolute;top:105px;left:45%;font-weight:var(--weight-bold);color:var(--color-orange);padding:0;margin:0;transform:rotate(3deg)}.about_photo_text2{position:absolute;top:395px;left:15%;font-weight:var(--weight-bold);color:var(--color-orange);padding:0;margin:0;transform:rotate(-3deg)}.about_name{font-weight:var(--weight-bold);font-size:1.5em;margin-bottom:40px;color:var(--color-orange);text-align:center}.about_name_small{font-weight:var(--weight-bold);font-size:.6em;color:var(--color-orange)}.about_bold{font-weight:var(--weight-bold);font-size:1.1em;margin-bottom:20px;color:var(--color-orange)}.snslink{text-align:center;margin-top:100px;margin-bottom:80px}.snslink .speechBubble{font-size:.9em;padding:3px 15px;margin-bottom:30px}.snslink .speechBubble:before{border-width:10px 5px 0;translate:-50% 100%}.snslink .speechBubble:after{border-width:8px 4.5px 0;translate:-50% 100%}.snslink .snsshare_icon_wrapper img{width:35px;height:auto}@media print,screen and (max-width:1024px){.about{text-align:center;font-weight:var(--weight-bold);font-size:1.2em;margin-bottom:80px}.about_photo_text1{left:50%}.about_photo_text2{left:10%}}@media screen and (max-width:560px){.section_about .parent-of-speechBubble{margin-bottom:15px}.about_photo{width:60%;margin-bottom:40px}.image1{left:10%}.image2{top:-6px;left:50%}.about_photo_text1{letter-spacing:.1em;text-align:right;width:130px;left:210px;font-size:.75em}.about_photo_text2{letter-spacing:.1em;width:130px;position:absolute;top:280px;left:-10px;font-size:.75em;transform:rotate(-6deg)}.about_photo span{display:inline-block}}