html{width:100%;font-size:62.5%}body{position:relative;width:100%;color:#000;letter-spacing:.01em;font-size:1.4rem;font-weight:300;line-height:1;display:flex;flex-direction:column;min-height:100vh;font-family:"Inter","Noto Sans JP",sans-serif}a{transition:.3s all ease-out;cursor:pointer}a:hover{transform:scale(1.03);transform-origin:center;opacity:.6}img{max-width:100%;max-height:100%;display:block;object-fit:cover}.wrapper{display:flex;justify-content:center;position:relative}main{position:relative;z-index:5;background:url(/wp-content/themes/Portfolio_WordPress/assets/img/background@2x.png) center 700px / cover;overflow:hidden;min-height:calc(100vh - 315px)}main.home{background-position:center 700px}main:not(.home){margin-top:65px}.section-title{width:1000px;max-width:90dvw;margin:80px auto 0;color:#1CADCC;font-size:2.4rem;display:flex}.section-title::before{content:'';font-size:2.4rem;width:2.4rem;display:block;border:1px solid #1CADCC;margin-right:10px}@media screen and (max-width:768px){.section-title{font-size:1.8rem;display:flex;margin-top:40px}.section-title::before{content:'';font-size:1.8rem;width:1.8rem;display:block;border:1px solid #1CADCC;margin-right:10px}}section{width:980px;max-width:95dvw;margin:60px auto 80px;position:relative}@media screen and (max-width:768px){section{margin-top:45px;margin-bottom:60px}}.col2{width:50%}.col3{width:calc(100% / 3)}.col4{width:25%}.col5{width:20%}.fs16{font-size:1.6rem}.fs18{font-size:1.8rem}.view-more{text-align:center;margin:60px 0 0}.view-more a{display:block;color:#1CADCC;width:300px;height:50px;line-height:50px;border:#1CADCC 1px solid;margin:0 auto}.btn{display:block;line-height:50px;width:300px;height:50px;font-size:2rem;border-radius:25px;text-align:center;color:#fff;margin:20px auto}.page-fv{width:100%;max-height:80vh;position:relative;overflow:hidden}.page-fv img{width:100%;height:100%}.page-fv-lead{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:4rem;text-align:center;text-shadow:#8f8f8f 5px 5px 5px;line-height:2;width:90%}.yoast-breadcrumbs{width:1000px;margin:40px auto -60px;text-transform:uppercase}.yoast-breadcrumbs span:not(.breadcrumb_last){display:flex;letter-spacing:20px}.yoast-breadcrumbs a{letter-spacing:normal;margin-right:20px}.breadcrumb_last{letter-spacing:normal}.purple{background-color:#E3CDFF}.pink{background-color:#FFCFE9}.blue{background-color:#1CADCC}.sp{display:none}.fadeIn{animation:fadeIn 1s forwards}.fadeOut{animation:fadeOut 1s forwards}.content_h5{font-size:2.4rem;line-height:2}.content_p{line-height:2}.content_p.highlight{font-size:1.6rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}@media screen and (max-width:768px){body{font-size:1.2rem}.fs18{font-size:1.6rem}.page-fv-lead{font-size:1.8rem}.content_h5{font-size:1.2rem}.has-text-align-center{text-align:left}}header{position:fixed;top:0;width:100%;height:65px;background-color:#1CADCC;z-index:10}header.home{display:none}.header-inner{height:100%;width:1000px;max-width:95vw;display:flex;margin:0 auto;align-items:center}.header-logo{display:flex;width:65px;justify-content:center}.header-logo img{height:50px}.header-menu{width:calc(100% - 65px)}.header-list{color:#fff;display:flex;justify-content:flex-end;align-items:center}.header-item:not(:last-child){margin-right:40px}@media screen and (max-width:768px){.header-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(28 173 204 / .6);z-index:9;padding-top:120px;text-align:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out,visibility .4s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-menu.active{display:flex;flex-direction:column;justify-content:flex-start;gap:30px;opacity:1;visibility:visible;transform:translateY(0)}.header-list{flex-direction:column;gap:25px;font-size:2rem}.header-item:not(:last-child){margin-right:0}.menu-button{display:block;margin-left:auto;z-index:10}.menu-button button{background:none;border:none;cursor:pointer;width:35px;height:25px;position:relative}.menu-button span,.menu-button span::before,.menu-button span::after{content:"";display:block;width:35px;height:3px;background:#fff;position:absolute;transition:0.3s ease-out}.menu-button span{top:50%;transform:translateY(-50%)}.menu-button span::before{top:-10px}.menu-button span::after{top:10px}.menu-button.active span{background:#fff0}.menu-button.active span::before{top:0;transform:rotate(45deg)}.menu-button.active span::after{top:0;transform:rotate(-45deg)}.header-list .header-item{opacity:0;transform:translateY(10px)}.header-menu.active .header-item{animation:fadeUp 0.4s ease-out forwards}.header-menu.active .header-item:nth-child(1){animation-delay:0.1s}.header-menu.active .header-item:nth-child(2){animation-delay:0.2s}.header-menu.active .header-item:nth-child(3){animation-delay:0.3s}.header-menu.active .header-item:nth-child(4){animation-delay:0.4s}.header-menu.active .header-item:nth-child(5){animation-delay:0.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}}.fv{position:relative;height:700px;overflow:hidden}.fv>img{position:absolute;top:0;object-fit:cover;width:100%;height:700px}#fv{width:1000px;max-width:90dvw;max-height:100dvh;height:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}#fv>.logo img{width:375px;height:375px;object-fit:contain;border:#fff 1px solid;margin:0 auto}.fv-nav{text-align:right;color:#fff;font-size:2rem;display:flex;gap:50px;flex-direction:column}#introduction{display:flex}#introduction .col3:not(:last-child){margin-right:10px}#introduction .col3 li{padding:0 5px 5px;border-bottom:.5px solid #8f8f8f}#introduction .col3 li:not(:last-child){margin-bottom:20px}#introduction .col3 ul{display:flex;flex-direction:column;align-items:center}.arrow{display:flex;flex-direction:column;align-items:center;margin:40px 0}.arrow span{background-color:#b6b6b6;width:15px;height:15px;display:block;border-radius:50%}.arrow::before{content:'';display:block;background-color:#b6b6b6;width:15px;height:15px;display:block;border-radius:50%;margin-bottom:14px}.arrow::after{content:'\f107';font-size:4.5rem;color:#b6b6b6;font-family:"Font Awesome 5 free";font-weight:900}.card{position:relative;display:block;padding-bottom:100%}.card>img{position:absolute;top:0}.card>.description{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:1;width:100%;text-align:center}.card>.description h3{color:#fff;font-size:2.8rem;text-shadow:0 4px 4px RGB(0 0 0 / .25);margin-bottom:15px}@media screen and (max-width:768px){#introduction{display:block}#introduction .col3{width:100%}.arrow{margin:20px 0 15px}.arrow::before{width:10px;height:10px;margin-bottom:8px}.arrow span{width:10px;height:10px}.arrow::after{font-size:3.8rem}.card{align-items:center;padding-bottom:0;height:180px}#introduction .col3:not(:last-child){margin:0 0 20px}.card>img{position:absolute;width:100%;height:100%;object-fit:cover}.card>.description{position:absolute;transform:translateX(-50%);top:16px;width:60%}.card>.description h3{font-size:1.8rem;margin-bottom:6px}.card>.description p{font-size:1.2rem;line-height:1.4}}.service-genre{width:100%;margin-top:60px}.service-genre h2{text-align:center;font-size:3.2rem;margin-bottom:10px}.service-genre p{text-align:center;margin-bottom:15px}.services{display:flex}#Coding .services{display:block}.services .slick-track{display:flex!important}.service{aspect-ratio:1 / 1;position:relative}.service:not(.slick-slide):nth-child(-n+3){margin-right:20px}.service.slick-slide{margin:0 10px}#Coding .slick-list{margin:0 -10px}.service p{position:absolute;top:50%;transform:translateY(-50%);right:10px}#Coding .service{width:100%}.service-genre:nth-child(1) .service{background:linear-gradient(to bottom right,#E3CDFF,#EBFFF3)}.service-genre:nth-child(2) .service{background:linear-gradient(to bottom right,#D3FFE2,#FFE9F6)}.service-genre:nth-child(3) .service{background:linear-gradient(to bottom right,#FFCFE9,#E9FBFF)}.slick4 .slick-arrow{top:80%}.slick4 .slick-prev{left:20px;z-index:5}.slick4 .slick-next{right:40px;z-index:5}@media screen and (max-width:768px){.services{gap:10px;flex-wrap:wrap}.service{aspect-ratio:2/1}.service.col4{width:calc(50% - 10px)}.service:not(.slick-slide):nth-child(-n+3){margin:0}.service.slick-slide{margin:0 5px}#Coding .slick-list{margin:0 -5px}}.work{display:flex}.work:not(:last-child){margin-bottom:40px}.work>a{display:flex;width:100%}.thumb-wrap::before{content:"";display:block;padding-top:100%}.thumb-wrap{position:relative;box-shadow:10px 10px 10px RGB(0 0 0 / .25)}.thumb-wrap img{position:absolute;top:0}.image-wrap{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-wrap img{width:60%}.image-wrap object{position:absolute;bottom:5px}.description-wrap{position:relative;padding:20px 0 0 30px}.description-wrap .description p{line-height:1.3}.work-title{display:flex;align-items:center;margin-bottom:15px}.work-title h3{font-size:2rem;color:#1CADCC;padding-right:20px;border-right:1px solid #1CADCC}.work-title time{margin-left:20px}.tags-wrap{display:flex;flex-direction:column;gap:15px 0;position:absolute;bottom:10px}.tags-wrap .cat-name{display:inline-block;padding:0 5px 0 0;border-bottom:#8f8f8f .5px solid}.tags-wrap .tags{display:flex;margin-top:7px;font-size:1.2rem;gap:0 10px}.tags-wrap .tags li:not(:last-child)::after{content:"/";display:inline;margin-left:10px}.work:nth-child(even) .image-wrap{order:-1}@media screen and (max-width:768px){.work>a{flex-wrap:wrap}.work>a .col3{width:100%}.work>a .col3:last-child{display:none}.thumb-wrap::before{padding-top:0;display:none}.thumb-wrap{width:calc(50% - 6px);height:180px;position:relative;overflow:hidden}.thumb-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tags-wrap{position:relative;bottom:0;margin-top:10px;gap:10px}}#contact{display:flex}#contact .icon{display:flex;justify-content:center}#contact .icon img{width:375px;height:375px;border:#1CADCC 1px solid;object-fit:contain}.buttons{display:flex;flex-direction:column;align-items:center;padding:60px 0 0}.buttons p{font-size:2rem;line-height:1.2}.sns{margin-top:20px;display:flex;gap:0 40px;color:#b6b6b6;font-size:3rem}@media screen and (max-width:768px){#contact{flex-wrap:wrap-reverse}#contact .col2{width:100%}.buttons.col2{padding-top:20px}.icon.col2{margin:45px 0}}footer{position:static;left:0;min-height:315px;width:100%;background-color:#1CADCC;padding:80px 0;z-index:1}.footer-inner{width:980px;max-width:100%;display:flex;margin:0 auto;align-items:center}.footer-logo{width:490px}.footer-logo img{height:100px}.footer-menu{width:490px;display:flex;justify-content:center;color:#fff}.footer-col{width:130px}.footer-col:not(:last-child){margin-right:40px}.footer-col dt{font-size:2rem;font-weight:400;margin:0 0 5px}.footer-col dd,.footer-col aside{padding:0 0 10px 15px}.footer-col aside>a:nth-child(1){margin-right:20px}.footer-col aside{display:flex}@media screen and (max-width:768px){footer{padding:25px 0}.footer-inner{flex-wrap:wrap;justify-content:center}.footer-logo{width:100%}.footer-logo img{margin:0 auto}.footer-menu{flex-wrap:wrap;width:100%;gap:20px}.footer-col{width:calc(50% - 20px);text-align:center}.footer-col:not(:last-child){margin:0}.footer-col aside{justify-content:center}}.sidebar-left{width:calc((100vw - 1200px) / 2);height:100vh;position:fixed;top:0;left:0;z-index:10}.sidebar-left::before{content:'';width:140%;height:120%;position:absolute;transform:translateX(-30%);filter:blur(40px);background:linear-gradient(135deg,rgb(203 246 255) 10%,rgb(209 255 228) 50%,rgb(255 226 244) 80%)}.sidebar-left .sidebar-nav{position:absolute;bottom:80px;width:100%;text-align:center}.sidebar-left .category-list{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:1.2rem}.sidebar-left .cat-item{padding:5px;display:flex}.sidebar-left .cat-item.current-cat{border-bottom:#1CADCC 1px solid}.sidebar-left .cat-item.current-cat::after{content:'';width:0;height:0;border:7.5px solid #fff0;border-right:#1CADCC solid 13px;display:block}.sidebar-nav .nav-title{margin-bottom:25px}.page-content h3{font-size:2.4rem;margin:0 0 1em}.page-content h2{font-size:3.6rem;margin:0 0 2em}figcaption{text-align:center}.wp-block-columns{margin:1em 0}.single .post-title{margin:80px 0 40px;color:#1CADCC;font-size:2.2rem}@media screen and (max-width:768px){.page-content h2{font-size:1.8rem}.page-content h2>br{display:none}}.post-list{display:flex;gap:50px}.post-card{display:flex;flex-direction:column;gap:10px}.post-card>img{height:100%;width:100%;object-fit:cover}.post-list .post-title{color:#1CADCC;border-bottom:#1CADCC 1px solid;margin-bottom:10px}.post-lead{padding:0 10px}.single-fv{padding:20px 0 0}.single-fv img{max-height:500px;object-fit:contain;margin:0 auto}.service-list{display:flex;flex-direction:column;gap:20px;margin:20px 0 0}.service-list .service-genre-card{aspect-ratio:3 / 1;width:100%;overflow:hidden;position:relative}.service-genre-card>img{width:100%;height:100%;object-fit:cover;object-position:right bottom;filter:grayscale(.6)}.service-genre-card .card-title{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center}.card-title h2{color:#fff;font-size:3.6rem;margin-bottom:15px}.service-items{margin:-40px 0 40px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.service-items p{padding:9px 15px;background:#1CADCC;color:#fff;border-radius:12px;font-size:1rem;text-wrap-mode:nowrap}.service-catch{font-size:3.6rem;margin:0 0 20px}@media screen and (max-width:768px){.service-items{margin-bottom:18px}.service-catch{font-size:1.8rem}}main.portfolio{--bg:url(/wp-content/themes/Portfolio_WordPress/assets/img/fv@2x.png);background:top left / cover var(--bg);position:relative}main.portfolio::before{content:'';background:top left / cover var(--bg);filter:blur(10px);position:absolute;inset:-10px;z-index:-10}.portfolio section{display:flex;color:#fff}.works-nav{width:30%}.works-nav h2{font-size:2.4rem;margin-bottom:40px}.works-nav .nav-item{display:flex;align-items:center;margin:0 0 0 20px;position:relative}.nav-item.active::before{content:'\f054';font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.6rem;position:absolute;left:-1.6rem}.nav-list{display:flex;flex-direction:column;gap:20px}.works-block{width:70%;margin:40px 0 60px}.works-list{display:flex;gap:10px;flex-wrap:wrap}.works-list>.work-item{box-shadow:#004250 0 0 10px 2px}.work-item a{position:relative;display:block}.work-item a::before{content:'';display:block;padding-top:100%}.work-item a>img{position:absolute;top:0;width:100%;height:100%}.work-item a .description{position:absolute;top:0;left:0;padding:10px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease-out;background:rgb(0 0 0 / .5);opacity:0}.work-item a:hover .description{opacity:1}.work-item a:hover{opacity:1}.work-item a:hover::after{content:'';position:absolute;top:0;left:0;height:100%;width:100%}.work-item .description p{margin:0 auto auto}.work-item .description p.work-title{margin:auto auto 0;border-bottom:#1CADCC .5px solid}.work-item .description .tag_list{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;font-size:1rem}.work-item .description .tag_list>li{display:flex}.work-item .description .tag_list>li::before{content:'\f02b';font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.6rem;margin-right:5px}.loading::after{content:"";display:block;width:32px;height:32px;border:4px #8f8f8f solid;border-top:#fff 4px solid;border-radius:50%;margin:40px auto;box-shadow:#004250 0 0 5px 1px,#004250 0 0 5px inset;animation:round 1.0s infinite linear;transition:all 1s ease-out;opacity:0}.loading.active::after{opacity:1}@keyframes round{100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.portfolio section{flex-direction:column}.works-nav{width:100%}.works-nav h2{margin-bottom:20px}.works-nav .nav-list{flex-direction:row;gap:10px}.works-block{width:100%}.work-item{width:50%}.work-item a .description{opacity:1;left:calc(100% + 5px);background:none;text-align:left;align-items:start}.work-item .description p{margin:0}.work-item .description p.work-title{margin:0;margin-top:5%}.work-item .description .tag_list{margin-top:auto;margin-bottom:5%;justify-content:start}}.work-header{margin:80px 0 25px;display:flex}.work-thumb{position:relative;aspect-ratio:1/1}.work-thumb img{position:absolute;top:0;height:100%}.single-works .details{width:calc(100% / 3 * 2);padding:0 50px 0 60px;position:relative}.single-works .section-title{width:auto;margin:0}.single-works .content{padding-top:10px}.wp-block-group.gallary .wp-block-group__inner-container{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.wp-block-group.gallary .wp-block-group__inner-container figure{width:25%}.portfolio_img_gallary{display:flex}.portfolio_gallary_img{aspect-ratio:1 / 1}.portfolio_gallary_img img{width:100%;height:100%}.portfolio_gallary_img:not(.slick-slide):nth-child(-n+3){margin-right:20px}.portfolio_gallary_img.slick-slide{margin:0 10px}.portfolio_img_gallary.slick4 .slick-list{margin:0 -10px}@media screen and (max-width:768px){.portfolio_img_gallary{gap:10px;flex-wrap:wrap}.portfolio_gallary_img.col4{width:calc(50% - 10px)}.portfolio_gallary_img:not(.slick-slide):nth-child(-n+3){margin:0}.portfolio_gallary_img.slick-slide{margin:0 5px}.portfolio_img_gallary.slick4 .slick-list{margin:0 -5px}.work-header{flex-wrap:wrap;gap:10px;margin-top:0}.work-thumb{width:100%}.single-works .details{width:100%;padding:0}}#page-CONTACT{margin-bottom:0;position:relative;min-height:100vh}#page-CONTACT .wrapper{display:flex;align-items:start;justify-content:start;z-index:1}.wp-block-contact-form-7-contact-form-selector{margin:40px 0 0;width:50%}.wpcf7-form-control-wrap{margin:5px 0 10px;display:block}.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select{width:100%;border:#1CADCC .5px solid;height:40px;padding:7px 5px}.wpcf7-form textarea{height:auto}.wpcf7-form .form-label{font-size:1.8rem;display:block;margin:0 0 5px 0}.form-label>span{display:inline-block;font-size:1.2rem;margin:0 0 5px 10px;padding:2px 5px}.form-label>span.required{background:#1CADCC;color:#fff}.form-label>span.optional{border:#1CADCC .5px solid;color:#1CADCC}.wpcf7-list-item{display:flex;align-items:center;margin:0}.wpcf7-list-item>input{width:auto;height:20px;margin:2px 0}.wpcf7-list-item-label{width:50%}#page-CONTACT .gallary{width:70vw;margin:-65px 0 0 80px;position:absolute;top:0;left:40%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px;padding:10px;overflow:hidden;z-index:0}.gallary>.gallary_card{position:relative;width:100%;padding:5px;filter:blur(4px) grayscale(1)}.gallary>.gallary_card::before{content:'';padding-top:100%;display:block}.gallary>.gallary_card:nth-child(3n-1){transform:translateY(-30%)}.gallary_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallary_text{padding-top:15%;color:#fff;font-weight:700;font-size:2.5rem;text-align:center;text-shadow:#8f8f8f 5px 5px 5px;line-height:1.5}.wpcf7-form .btn{line-height:unset;height:50px;width:300px;margin:50px auto 0}@media screen and (max-width:768px){#page-CONTACT .wrapper{flex-wrap:wrap-reverse}.wp-block-contact-form-7-contact-form-selector{margin:30px 0 0;width:100%}.gallary_text{padding-top:0;width:100%;height:40vh;font-size:2.4rem}#page-CONTACT .gallary{height:calc(40vh + 65px);min-width:130vw;left:0;margin-left:-65px;grid-template-columns:none;grid-template-rows:repeat(3,calc((40vh + 65px) / 3));grid-auto-flow:column;white-space:nowrap}.gallary .gallary_card{width:calc((40vh + 65px) / 3);min-width:calc((40vh + 65px) / 3)}.wpcf7-form .form-label{font-size:1.5rem}}@media screen and (max-width:480px){.gallary_text{height:20vh;font-size:1.5rem}#page-CONTACT .gallary{height:calc(20vh + 65px);grid-template-rows:repeat(3,calc((20vh + 65px) / 3))}.gallary .gallary_card{width:calc((20vh + 65px) / 3);min-width:calc((20vh + 65px) / 3)}}