*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td,small,button,time,figure{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}li,dd{list-style-type:none}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}img{border:none;vertical-align:bottom}a{text-decoration:none;cursor:pointer}html{font-size:max(18 / 1099 * 100vw, 14px)}body{background-color:#fff;color:#333;font-weight:500;line-height:1.6;font-family:"M PLUS Rounded 1c","Zen Maru Gothic","sans-serif"}body.is-active,body.is-modal-open{overflow:hidden}a{color:#333;-webkit-transition:color .2s;transition:color .2s}img{width:100%;height:auto}fieldset{all:unset;display:block;width:100%}.inner{max-width:1440px;margin:0 auto;padding-right:20px;padding-left:20px}.section{padding-top:5rem;padding-bottom:5rem;background:#fff}.button-hover{z-index:1;position:relative;overflow:hidden}.button-hover:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#24b8dd;content:"";-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .2s ease;z-index:-1;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.section__title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;text-align:center}.section__title:after{display:block;width:60%;height:2px;margin-inline:auto;background:#333;content:"";-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0) rotate(-3deg);transform:scaleX(0) rotate(-3deg);-webkit-transition:-webkit-transform .6s cubic-bezier(.25,1,.5,1);transition:-webkit-transform .6s cubic-bezier(.25,1,.5,1);transition:transform .6s cubic-bezier(.25,1,.5,1);transition:transform .6s cubic-bezier(.25,1,.5,1),-webkit-transform .6s cubic-bezier(.25,1,.5,1)}.section__title.line-active:after{-webkit-transform:scaleX(1) rotate(-3deg);transform:scaleX(1) rotate(-3deg)}.section__title-en{color:#c7c7c7;font-size:2.5rem}.section__title-jp{margin-top:-25px;font-weight:700;font-size:1.5rem}.breadcrumb{margin-top:10px}.breadcrumb span{font-size:.875rem}.loading{display:grid;position:fixed;top:0;left:0;width:100%;height:100%;background:#c4dfe6;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;z-index:300;justify-content:center;-webkit-transition:translate 1s;transition:translate 1s}.loading.js-loading-end{translate:100% 0}.loading-text{overflow:hidden;color:#fff;font-weight:700;font-size:clamp(2.25rem, 1.9298780488rem + 1.3658536585vw, 3.125rem);text-align:center}.loading__container{position:relative;width:300px}.header{z-index:60;position:fixed;top:0;left:0;width:100%;background:#c4dfe6;opacity:1}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1500px;height:60px;padding-right:20px;padding-left:20px}.header__logo a img{width:160px}.header__nav{display:none}.header__nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem}.header__nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.25rem}.drawer-button{position:relative;width:30px;height:22px;background:#c4dfe6}.drawer-button.is-active .drawer-button__bar:nth-child(1){top:50%;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.drawer-button.is-active .drawer-button__bar:nth-child(2){top:50%;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.drawer-button.is-active .drawer-button__bar:nth-child(3){top:50%;left:0;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.drawer-button__bar{width:30px;height:2px}.drawer-button__bar:nth-child(1),.drawer-button__bar:nth-child(2),.drawer-button__bar:nth-child(3){position:absolute;background:#333;-webkit-transition:top .4s,-webkit-transform .4s ease-in-out;transition:top .4s,-webkit-transform .4s ease-in-out;transition:top .4s,transform .4s ease-in-out;transition:top .4s,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.drawer-button__bar:nth-child(1){top:0;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.drawer-button__bar:nth-child(2){top:50%;left:0}.drawer-button__bar:nth-child(3){top:100%;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.drawer{position:fixed;top:0;left:0;width:100%;height:100vh;padding-top:60px;opacity:.9;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s;z-index:40;background:#fff;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.drawer.is-active{-webkit-transform:translateX(0);transform:translateX(0)}.drawer__nav{margin-top:50px}.drawer__nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drawer__nav-item{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.drawer__nav-link{font-size:1.5rem}.top-fv{z-index:-1;position:fixed;top:0;left:0;width:100%;margin-top:50px;padding-top:30px;padding-bottom:30px;border-radius:0 0 3.125rem 3.125rem;background-color:#c4dfe6}.top-fv__inner{max-width:600px;margin-inline:auto}.top-fv__swiper{place-items:center;max-width:100%;max-height:600px}.top-fv__swiper-wrapper .swiper-slide[class*=-active] .top-fv__slide-img{-webkit-transition:-webkit-transform 6s linear;transition:-webkit-transform 6s linear;transition:transform 6s linear;transition:transform 6s linear,-webkit-transform 6s linear;-webkit-transform:scale(1.02);transform:scale(1.02)}.top-fv__swiper-slides{-webkit-transition:-webkit-transform .8s linear;padding-top:10px;padding-bottom:10px;transition:-webkit-transform .8s linear;transition:transform .8s linear;transition:transform .8s linear,-webkit-transform .8s linear}.top-fv__swiper-slide{overflow:hidden;border-radius:10px;-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,.16);box-shadow:0px 3px 5px 0px rgba(0,0,0,.16)}.top-fv__slide-img{aspect-ratio:500/300;width:100%;height:auto;max-height:600px;-webkit-transition:-webkit-transform 2s ease;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;-webkit-transform:scale(1);transform:scale(1)}.top-fv__content{display:grid;position:relative;margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top-fv__title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-weight:700;font-size:clamp(1.875rem, 1.4176829268rem + 1.9512195122vw, 3.125rem);line-height:1.2}.fv-title-gsap{display:inline-block}.top-fv__scrolldown-text{position:absolute;right:49%;bottom:-50px;rotate:-90deg;font-weight:700;font-size:16px;-webkit-animation:2s .1s ease-in-out forwards infinite scrollDowmText;animation:2s .1s ease-in-out forwards infinite scrollDowmText}.top-fv__scrolldown-arrow{position:absolute;right:49%;bottom:-55px;width:1px;height:30px;translate:0 -10px;background:#333;-webkit-animation:2s .1s ease-in-out forwards infinite scrollDown;animation:2s .1s ease-in-out forwards infinite scrollDown}.top-fv__scrolldown-arrow:before{position:absolute;bottom:0;left:0;width:10px;height:1px;rotate:-45deg;background:#333;content:"";-webkit-transform-origin:left top;transform-origin:left top}.top-fv__scrolldown-arrow:after{position:absolute;right:0;bottom:0;width:10px;height:1px;rotate:45deg;background:#333;content:"";-webkit-transform-origin:right top;transform-origin:right top}.works__inner{position:relative}.works__deco{position:absolute;top:0;right:3%;width:6.25rem;height:4.375rem;background:url(//www.takucode322.online/wp-content/themes/portfolio/img/cat-2.png) no-repeat center/contain}.works__contents{max-width:600px;margin-top:5rem;margin-inline:auto}.works__cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.875rem}.works__card{padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;border:1px solid #c4dfe6;border-radius:20px}.works__img{overflow:hidden}.works__img img{-webkit-transition:scale .5s;aspect-ratio:335/175;transition:scale .5s}.works__card-body{margin-top:20px}.works__card-title{font-weight:700;font-size:1.5rem;text-align:center}.works__card-category-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.works__card-category-item{display:inline-block;margin-top:20px;padding:5px;border:1px solid #24b8dd;border-radius:5px;color:#24b8dd;font-weight:600;font-size:.875rem}.works__card-period-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.works__card-period-title{font-weight:600;font-size:1rem}.works__card-description{margin-top:15px;font-size:.875rem}.works__info{display:grid;justify-self:flex-end;margin-top:5px;font-size:16px;text-decoration-line:underline;text-underline-offset:3px}.works__button-wrapper{margin-top:50px;text-align:center}.works__button{display:inline-block;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border:2px solid #c4dfe6;border-radius:5px;color:#24b8dd;font-weight:700;font-size:1.625rem}.about{-webkit-margin-before:460px;margin-block-start:460px}.about__content{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:500px;margin-top:5rem;margin-inline:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}.about__img img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:25%}.about__body{display:grid;grid-template-rows:auto 1fr auto}.about__name-content{position:relative}.about__name{margin-top:30px;padding-bottom:10px;border-bottom:1px solid #c4dfe6;font-weight:700;font-size:2.5rem;letter-spacing:1.2;text-align:center}.about__name-img{position:absolute;top:0;right:0}.about__name-img img{width:clamp(4.0625rem, 3.262195122rem + 3.4146341463vw, 6.25rem)}.about__text{margin-top:20px}.about__text p{font-size:1.125rem}.about__modal-open,.about__modal-close{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px;border:2px solid #c4dfe6;border-radius:5px;background:#fff;color:#24b8dd;font-weight:700;font-size:clamp(0.75rem, 0.5670731707rem + 0.7804878049vw, 1.25rem)}.about__modal-open{margin-left:auto}.about__modal-close{margin-top:20px;margin-inline:auto}.about__modal{border:2px solid #c4dfe6}.about__modal-inner{padding:10px}.about__skill{margin-top:.625rem;padding-bottom:10px;border-bottom:1px solid #c4dfe6;text-align:center}.about__skill-title{padding-bottom:10px;border-bottom:1px solid #c4dfe6;font-weight:600;font-size:1.875rem}.about__skill-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;gap:1.25rem 3.125rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.about__skill-item img{width:50px}.about__favorite{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about__favorite-title{font-weight:600;font-size:1.875rem}.about__favorite-text{font-size:1.125rem}.top-about__swiper-wrapper{margin-top:2.5rem}.top-about__swiper-slides{-webkit-transition:-webkit-transform 0s linear;transition:-webkit-transform 0s linear;transition:transform 0s linear;transition:transform 0s linear,-webkit-transform 0s linear}.top-about__swiper-slide{width:130px}.service{border-radius:3.125rem 3.125rem 0 0;background:#c4dfe6}.service__inner{position:relative}.service__deco{position:absolute;top:0;left:2%;width:6.25rem;height:4.375rem;background:url(//www.takucode322.online/wp-content/themes/portfolio/img/cat-8.png) no-repeat center/contain}.service__cards{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:700px;margin-inline:auto;gap:40px}.service__card{padding-top:30px;padding-right:10px;padding-bottom:40px;padding-left:10px;border:1px solid #c4dfe6;border-radius:20px;background:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(36,184,221,.2);position:relative;box-shadow:0 2px 5px 0 rgba(36,184,221,.2)}.service__card-deco{position:absolute;top:20px;right:20px}.service__card-deco img{width:40px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.service__card-title{font-weight:700;font-size:1.5rem;text-align:center}.service__card-text{margin-top:10px}.service__card-text h4{color:#e75a5a;font-weight:700;font-size:1.25rem;text-align:center;text-decoration:underline;text-underline-offset:3px}.service__card-text h4+p{margin-top:10px}.service__card-text p{font-size:1rem;text-align:center}.service__card-text p+p{margin-top:5px}.workflow{border-radius:0 0 3.125rem 3.125rem;background:#c4dfe6}.workflow__inner{position:relative}.workflow__deco{position:absolute;top:0;right:1%;width:6.25rem;height:4.375rem;background:url(//www.takucode322.online/wp-content/themes/portfolio/img/cat-1.png) no-repeat center/contain}.workflow__cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:700px;margin-top:6.25rem;margin-inline:auto;gap:60px}.workflow__card{position:relative;padding-top:40px;padding-right:10px;padding-bottom:40px;padding-left:10px;border:1px solid #c4dfe6;border-radius:20px;background:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(36,184,221,.2);box-shadow:0 2px 5px 0 rgba(36,184,221,.2)}.workflow__card:before{position:absolute;top:-25px;left:50%;width:50px;height:50px;border:1px solid #24b8dd;border-radius:5px;content:"";-webkit-transform:translateX(-50%);z-index:7;transform:translateX(-50%);background:#fff}.workflow__card:after{position:absolute;top:-15px;left:50%;content:attr(data-step);font-size:1.25rem;-webkit-transform:translateX(-50%);z-index:10;transform:translateX(-50%);color:#24b8dd}.workflow__card-deco{position:absolute;top:10px;right:20px}.workflow__card-deco img{width:40px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.workflow__card-title{font-weight:700;font-size:1.5rem;text-align:center}.workflow__card-text{margin-top:10px;text-align:center}.workflow__card-text p{font-size:1rem;text-align:center}.workflow__card-text p+p{margin-top:5px}.contact__inner{position:relative}.contact__deco{position:absolute;top:0;left:1%;width:6.25rem;height:4.375rem;background:url(//www.takucode322.online/wp-content/themes/portfolio/img/cat-4.png) no-repeat center/contain}.contact__form{max-width:700px;margin-top:5rem;margin-inline:auto}.contact__form-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.contact-form__field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.contact-form__field:has(.contact__checkboxs) .contact-form__label{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.contact-form__label{font-weight:600;font-size:1rem}.contact-form__tag{color:#e75a5a;font-size:10px}.contact-form__text{width:100%;height:40px;padding-top:5px;padding-right:16px;padding-bottom:5px;padding-left:16px;border:1px solid #c4dfe6;border-radius:5px}.contact-form__text:focus{outline:2px solid #24b8dd}.wpcf7-form.hide_error_message .wpcf7-not-valid-tip{display:none}.contact-form__fieldset{display:contents}.wpcf7-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:7px;gap:10px 18px;-ms-flex-wrap:wrap;flex-wrap:wrap}.wpcf7-list-item input[type=checkbox]{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.wpcf7-list-item input[type=checkbox]:focus+.wpcf7-list-item-label:before{outline:2px solid #24b8dd}.wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label:after{opacity:1}.wpcf7-list-item-label{position:relative;-webkit-transition:opacity .2s;transition:opacity .2s}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{position:absolute}.wpcf7-list-item-label:before{position:absolute;top:50%;left:-20px;width:20px;height:20px;border:2px solid #c4dfe6;border-radius:5px;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wpcf7-list-item-label:after{left:-17px;content:"✓";color:#24b8dd;font-size:14px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.wpcf7-form-control-wrap{width:100%}.contact-form__textarea{width:100%;height:160px;padding-top:5px;padding-right:16px;padding-bottom:5px;padding-left:16px;border:1px solid #c4dfe6;border-radius:5px;resize:vertical}.contact-form__textarea:focus{outline:2px solid #24b8dd}.contact__form-button{margin-top:50px;padding-bottom:10px;text-align:center}.contact-form__submit{display:inline-block;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px;border:2px solid #c4dfe6;border-radius:10px;background:#fff;background:#fff;color:#24b8dd;font-weight:500;font-size:1.25rem;-webkit-box-shadow:0 2px 6px 0 #24b8dd;box-shadow:0 2px 6px 0 #24b8dd;-webkit-transition:opacity .2s;transition:opacity .2s}.contact-form__submit:focus{outline:2px solid #24b8dd}.wpcf7-spinner{display:block;margin-inline:auto}.contact__sns{margin-top:30px}.contact__sns-info{font-size:1.125rem;text-align:center}.contact__sns-list{margin-top:20px;text-align:center;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.contact__sns-item img{width:45px;height:45px}.footer{padding-top:30px;padding-bottom:30px;background:#c4dfe6}.footer__copy{text-align:center}.footer__copyright{font-weight:600;font-size:12px}.lower-page-fv{margin-top:60px;padding-top:3.75rem;padding-bottom:3.75rem;border-radius:0 0 3.125rem 3.125rem;background:#c4dfe6}.lower-page-fv__title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;color:#fff;font-weight:700;font-size:3.75rem;letter-spacing:1.6px}.lower-page-fv__title:after{display:block;width:100%;height:2px;background:#fff;content:"";-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0) rotate(-3deg);transform:scaleX(0) rotate(-3deg);-webkit-transition:-webkit-transform .6s cubic-bezier(.25,1,.5,1);transition:-webkit-transform .6s cubic-bezier(.25,1,.5,1);transition:transform .6s cubic-bezier(.25,1,.5,1);transition:transform .6s cubic-bezier(.25,1,.5,1),-webkit-transform .6s cubic-bezier(.25,1,.5,1)}.lower-page-fv__title.line-active:after{-webkit-transform:scaleX(1) rotate(-3deg);transform:scaleX(1) rotate(-3deg)}.lower-page-fv__title--index{font-size:clamp(1.5625rem, 0.762195122rem + 3.4146341463vw, 3.75rem)}.works--archive{padding-top:7.5rem;padding-bottom:7.5rem}.works__cards--archive{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.works-single{padding-top:3.75rem;padding-bottom:3.75rem}.works-single__title{font-weight:700;font-size:clamp(1.5625rem, 1.2195121951rem + 1.4634146341vw, 2.5rem);text-align:center}.works-single__img{margin-top:3.125rem;overflow:hidden;border:1px solid #c4dfe6;border-radius:20px}.works-single__body{display:grid;margin-top:5rem}.works-single__description p{font-size:1rem}.works-single__info{justify-self:flex-end;margin-top:30px}.works-single__info-row{display:grid;grid-template-columns:5rem auto;padding-bottom:5px;gap:.625rem;border-bottom:1px solid #c4dfe6;vertical-align:middle}.works-single__info-row:nth-of-type(n+2){padding-top:5px}.works-single__info-title{font-weight:700}.works-single__info-text{-webkit-transition:opacity .2s;transition:opacity .2s}.works-single__info-link{color:#24b8dd;text-decoration:underline;text-underline-offset:3px}.works-single__button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.works-single__button a{display:inline-block;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border:2px solid #c4dfe6;border-radius:5px;background:#fff;color:#24b8dd;font-weight:700;font-size:clamp(1rem, 0.7713414634rem + 0.9756097561vw, 1.625rem)}.works-single__button-prev-icon,.works-single__button-next-icon{width:clamp(0.875rem, 0.737804878rem + 0.5853658537vw, 1.25rem);fill:#24b8dd;-webkit-transform:translateY(2px);transform:translateY(2px)}.works-single__button-prev-icon{margin-right:5px}.works-single__button-next-icon{margin-left:5px}.index{padding-top:3.75rem;padding-bottom:3.75rem}.index-text{font-size:1.25rem;text-align:center}.index__button-wrapper{margin-top:50px;text-align:center}.index__button{display:inline-block;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border:2px solid #c4dfe6;border-radius:5px;background:#fff;color:#24b8dd;font-weight:700;font-size:clamp(1rem, 0.7713414634rem + 0.9756097561vw, 1.625rem)}.scroll-top{visibility:hidden;position:fixed;right:20px;bottom:30px;width:50px;height:50px;background:rgba(0,0,0,0);cursor:pointer;opacity:0;-webkit-transition:opacity .3s;z-index:30;transition:opacity .3s}.scroll-top.is-show{visibility:visible;opacity:1}.scroll-top:after{display:block;width:40px;height:40px;background:url(//www.takucode322.online/wp-content/themes/portfolio/img/scroll-top-icon.png) no-repeat center/contain;content:"";-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:opacity .3s,-webkit-transform .2s;margin-top:-53px;margin-inline:auto;transition:opacity .3s,-webkit-transform .2s;transition:transform .2s,opacity .3s;transition:transform .2s,opacity .3s,-webkit-transform .2s}.scroll-top svg{fill:#f8f7f2;width:50px;height:50px}.scroll-top svg .animated-border{-webkit-animation:scroll-down-circle 3s infinite linear;animation:scroll-down-circle 3s infinite linear}@media (hover:hover){a:hover{-webkit-transition:color .2s;color:#24b8dd;transition:color .2s}}@media (any-hover:hover){.button-hover:hover{border-color:#24b8dd;color:#fff}.button-hover:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.button-hover:hover .works-single__button-next-icon,.button-hover:hover .works-single__button-prev-icon{fill:#fff}.works__card:hover .works__img img{scale:1.03}.about__modal-open:hover,.about__modal-close:hover{cursor:pointer}.wpcf7-list-item-label:hover{cursor:pointer;opacity:.8}.contact-form__submit:hover{cursor:pointer;opacity:.8}.works-single__info-link:hover{opacity:.8}.scroll-top:hover:after{-webkit-transform:translateY(-3px) rotate(-90deg);transform:translateY(-3px) rotate(-90deg)}}@media screen and (min-width:410px){.about{-webkit-margin-before:490px;margin-block-start:490px}}@media screen and (min-width:450px){.about{-webkit-margin-before:520px;margin-block-start:520px}}@media screen and (min-width:500px){.about{-webkit-margin-before:550px;margin-block-start:550px}}@media screen and (min-width:550px){.about{-webkit-margin-before:580px;margin-block-start:580px}}@media screen and (min-width:768px){.header__logo a img{width:200px}.top-fv__inner{max-width:750px}.about{-webkit-margin-before:680px;margin-block-start:680px}}@media screen and (min-width:900px){html{font-size:clamp(14px, 16 / 1400 * 100vw, 16px)}.loading__container{width:500px}.header__inner{height:80px}.header__nav{display:block}.drawer-button{display:none}.drawer{display:none}.top-fv{border-radius:0 0 6.25rem 6.25rem}.works__deco{right:10%}.about__content{max-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.about__img{-ms-flex-preferred-size:calc(40% - 15px);flex-basis:calc(40% - 15px)}.about__body{-ms-flex-preferred-size:calc(60% - 15px);flex-basis:calc(60% - 15px)}.about__text{padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px}.top-about__swiper-slide{width:150px}.service{border-radius:6.25rem 6.25rem 0 0}.service__deco{left:10%}.service__cards{max-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service__card{width:calc(50% - 20px)}.workflow{border-radius:0 0 6.25rem 6.25rem}.workflow__deco{right:10%}.workflow__cards{max-width:100%;gap:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.workflow__card{width:calc(25% - 20px)}.contact__deco{left:10%}.contact__form{max-width:1000px}.contact__form-fields{gap:40px}.contact-form__field:has(.contact__checkboxs) .contact-form__label{width:150px;-ms-flex-negative:0;flex-shrink:0}.contact-form__field{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0}.contact-form__head{width:150px;-ms-flex-negative:0;flex-shrink:0}.wpcf7-checkbox{padding-left:0}.contact-form__textarea{height:200px}.lower-page-fv{margin-top:80px;padding-top:5rem;padding-bottom:5rem;border-radius:0 0 6.25rem 6.25rem}.works-single{padding-top:5rem;padding-bottom:5rem}.works-single__body{grid-template-columns:70% auto;gap:2.5rem}.works-single__info{margin-top:0;-ms-flex-item-align:end;align-self:flex-end}.index{padding-top:5rem;padding-bottom:5rem}.scroll-top{right:50px}}@media screen and (min-width:1000px){.top-fv__inner{max-width:900px}.works__contents{max-width:100%}.works__cards{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.works__card{width:33%}.about{-webkit-margin-before:770px;margin-block-start:770px}.works__card--archive{width:calc(33% - 1.875rem)}}@media screen and (min-width:1100px){.top-fv{padding-top:50px;padding-bottom:80px}.top-fv__inner{max-width:1400px}.top-fv__container{display:grid;grid-template-columns:80% 1fr;gap:20px}.top-fv__content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:0;margin-bottom:100px}.top-fv__title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top-fv__scrolldown-text{right:140px;bottom:-60px;font-size:20px}.top-fv__scrolldown-arrow{right:140px;bottom:-55px}.about{-webkit-margin-before:785px;margin-block-start:785px}.top-about__swiper-slide{width:200px}}@media screen and (max-width:374px){.about__favorite{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@-webkit-keyframes scrollDowmText{0%{opacity:0}100%{opacity:1}}@keyframes scrollDowmText{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes scrollDown{0%{bottom:-55px;width:1px;height:30px}20%{bottom:-55px;width:1px;height:30px}80%{bottom:-95px;width:1px;height:70px}100%{bottom:-95px;width:1px;height:70px}}@keyframes scrollDown{0%{bottom:-55px;width:1px;height:30px}20%{bottom:-55px;width:1px;height:30px}80%{bottom:-95px;width:1px;height:70px}100%{bottom:-95px;width:1px;height:70px}}@-webkit-keyframes scroll-down-circle{0%{stroke-dasharray:0,151;opacity:1}40%{stroke-dasharray:151,151;opacity:1}100%{stroke-dasharray:151,151;opacity:0}}@keyframes scroll-down-circle{0%{stroke-dasharray:0,151;opacity:1}40%{stroke-dasharray:151,151;opacity:1}100%{stroke-dasharray:151,151;opacity:0}}