@charset "UTF-8";*,: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{margin:0;padding:0;border:0;font-weight:400;font-size:100%;vertical-align:baseline}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}ol,ul{list-style:none;list-style-type:none}img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit;text-decoration:none}body{font-family:"Noto Sans JP";font-weight:300;line-height:1.7;font-size:16px;color:#fffbf3}.body__inner{overflow:hidden}.display-none{display:none}@media screen and (min-width:1025px){.hidden-pc{display:none}}@media screen and (min-width:768px) and (max-width:1024px){.hidden-tb{display:none}}@media screen and (max-width:767px){.hidden-sp{display:none}}@media screen and (max-width:500px){.hidden-ssp{display:none}}.inline-block{display:inline-block;font-weight:inherit}.inner{padding-left:20px;padding-right:20px}@media screen and (min-width:1025px){.inner{max-width:1084px;padding-right:30px;padding-left:30px;margin-left:auto;margin-right:auto}}.font-weight{font-weight:700}.head{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.head__title{font-size:70px;font-weight:700;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);color:#7bcccf;opacity:.4;text-align:center;font-family:"Libre Caslon Display"}.head__text{font-family:"Libre Caslon Display";font-size:50px;font-weight:1000;position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.head__text--ja{font-size:18px;font-weight:400;position:absolute;bottom:0;right:0}.fade-in{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}.fade-in.is-in-view{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.fade-in2{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.fade-in2.is-in-view{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.fade-in3{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:opacity 2s,-webkit-transform 2s;transition:opacity 2s,-webkit-transform 2s;transition:opacity 2s,transform 2s;transition:opacity 2s,transform 2s,-webkit-transform 2s}.fade-in3.is-in-view{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.fade-in4{opacity:0;-webkit-transform:translate(-20px,60px) rotate(-10deg);transform:translate(-20px,60px) rotate(-10deg);-webkit-transition:opacity 2s,-webkit-transform 2s;transition:opacity 2s,-webkit-transform 2s;transition:opacity 2s,transform 2s;transition:opacity 2s,transform 2s,-webkit-transform 2s}.fade-in4.is-in-view{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.header{position:fixed;top:0;right:0;padding-top:20px;padding-bottom:20px;z-index:10}@media screen and (min-width:1025px){.header{width:500px;padding-top:10px;padding-bottom:10px}}.header__logo--display{font-family:"Zen Kaku Gothic New";font-size:18px;font-weight:700;font-family:"Libre Caslon Display";letter-spacing:1px;padding-top:25px;padding-bottom:20px;padding-left:50px;position:fixed;top:0;left:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.header__logo--display:hover{opacity:.7;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.header__inner{padding-left:20px;padding-right:10px}@media screen and (min-width:1025px){.header__inner{margin-left:auto;margin-right:auto}}@media screen and (min-width:768px) and (max-width:1024px){.header__inner{padding-right:50px}}.header__nav{display:none}@media screen and (min-width:1025px){.header__nav{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;margin-right:30px}}.header__nav-item{font-family:"Libre Caslon Display";margin-left:auto;margin-right:auto;font-size:18px;-webkit-transition:color .3s,border-bottom .3s;transition:color .3s,border-bottom .3s;margin-top:15px;position:relative}.header__nav-item:hover{color:#49f2f8}.header__nav-item:hover:after{-webkit-transform:scale(1,1);transform:scale(1,1)}.header__nav-item:after{content:"";width:80%;height:2px;background:#49f2f8;position:absolute;bottom:0;right:10%;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .3s;transition:all .3s}.button{font-family:"Libre Caslon Display";color:#fffbf3;padding-left:30px;padding-right:30px;margin-right:20px;background:#000;font-size:20px;font-weight:700;position:relative;padding-top:5px;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.button:hover{opacity:.6;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.header__drawer-icon{margin-right:10px;background:0 0;border:none;position:relative;width:32px;height:32px;z-index:1000;cursor:pointer}.header__drawer-icon.is-checked span:nth-child(2){-webkit-transform:translateX(15px);transform:translateX(15px)}@media screen and (min-width:1025px){.header__drawer-icon{display:none}}.header__drawer-icon-bar{background:#fffbf3;width:32px;height:3px;position:absolute;top:2.5px;left:0;border-radius:6px;-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}.header__drawer-icon-bar:nth-of-type(2){width:22px;left:10px;top:14.5px;-webkit-transform:translateX(0px);transform:translateX(0px)}.header__drawer-icon-bar:nth-of-type(3){top:26.5px}.header__drawer{position:fixed;top:0;right:0;width:170px;height:100%;z-index:999;-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s;-webkit-transform:translateX(100%);transform:translateX(100%)}.header__drawer.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.header__drawer-nav{background:rgba(3,3,3,.8);padding-top:120px;padding-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px;text-align:center}.header__drawer-item{padding-left:30px;padding-right:30px;font-family:"Libre Caslon Display";font-size:14px;-webkit-transition:color .3s,border-bottom .3s;transition:color .3s,border-bottom .3s;padding-top:8px;position:relative}.header__drawer-item:hover{color:#7bcccf}.header__drawer-item:hover:after{-webkit-transform:scale(1,1);transform:scale(1,1)}.header__drawer-item:after{content:"";width:30%;height:2px;background:#7bcccf;position:absolute;bottom:0;right:60px;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .3s;transition:all .3s}.header__drawer-button{display:block;margin:0 auto;width:70px;font-size:14px}.header__drawer-button:before{right:-40px}.header__drawer-cover.is-open{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(3,3,3,.7);display:block}.bg1{position:fixed;z-index:-10;top:0;left:0;width:100%;height:100%;background:url(https://portfolio.sayuchi.com/wp-content/themes/portfolio/img/bg1.jpg) no-repeat center center/cover}.fv{padding-top:300px;padding-bottom:300px}.fv__inner{padding-left:200px;padding-right:30px}.fv__title{font-family:"Libre Caslon Display";letter-spacing:1px;font-size:50px;font-weight:700;width:0;overflow:hidden;white-space:nowrap;-webkit-animation:typing 2s steps(40,end) forwards,blinking .75s step-end infinite;animation:typing 2s steps(40,end) forwards,blinking .75s step-end infinite}.fv__title--sub{font-size:30px}.fv__title--sub.header--logo{position:fixed;top:0;left:0;padding-top:20px;padding-bottom:20px;padding-left:50px;font-size:20px;z-index:10}.fv__title.type--start{top:calc(50% - 50px);font-size:30px;text-align:center;animation:none;width:100%}@media screen and (min-width:1025px){.fv__title.type--start{font-size:50px}}.fv__title.fv__title--ja{margin-top:15px;font-size:20px;font-weight:400}.fv__title.fv__title--ja.type--start{animation:none;width:100%;top:calc(50% + 40px);padding:0;text-align:center;font-size:15px}@media screen and (min-width:1025px){.fv__title.fv__title--ja.type--start{font-size:20px}}@-webkit-keyframes typing{from{width:0}to{width:100%}}@keyframes typing{from{width:0}to{width:100%}}@-webkit-keyframes blinking{from,to{border-color:transparent}50%{border-color:#fffbf3}}@keyframes blinking{from,to{border-color:transparent}50%{border-color:#fffbf3}}.scroll-container{margin-top:300px;margin-left:auto;margin-right:auto;position:relative;width:20px;height:40px;border:2px solid #fffbf3;border-radius:20px;opacity:0;-webkit-animation:fadeIn 1s ease-in-out 2s forwards;animation:fadeIn 1s ease-in-out 2s forwards}@media screen and (min-width:767px){.scroll-container{width:30px;height:50px}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:.3}}@keyframes fadeIn{from{opacity:0}to{opacity:.3}}.scroll-line{position:absolute;top:3px;left:50%;width:2px;height:15px;background-color:#fffbf3;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite}@media screen and (min-width:767px){.scroll-line{top:8px}}@-webkit-keyframes scroll{0%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}100%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}}@keyframes scroll{0%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}100%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}}.scroll-text{position:absolute;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:Arial,sans-serif;font-size:14px;color:#fffbf3}.about{overflow:hidden;padding-top:120px;padding-bottom:120px}@media screen and (min-width:1025px){.about{padding-top:200px;padding-bottom:200px}}.about__boxes{margin-top:10px}@media screen and (min-width:1025px){.about__boxes{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}}.about__body-img{max-width:400px;margin-left:auto;margin-right:auto;margin-top:50px}.about__body-img img{opacity:.9;margin-left:70px;width:70%;border-radius:10%;border:1px solid #7bcccf;-webkit-box-shadow:0px 4px 15px 0 rgba(51,51,51,.15);box-shadow:0px 4px 15px 0 rgba(51,51,51,.15)}.about__body-text{max-width:600px;margin-left:auto;margin-right:auto;margin-top:15px}.about__body-text p{margin-top:20px}.about__body-text-title{margin-top:20px;font-size:20px;font-weight:400}@media screen and (min-width:1025px){.about__body-text-title{font-size:25px}}.about__service{margin-top:120px}.about__service--boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about__service--box{padding:20px;background:rgba(0,0,0,.4);border-radius:20px}.about__service__item{margin-left:auto;margin-right:auto;width:40%;background-color:#7bcccf;border-radius:30%;display:block}.about__service__item img{padding:5%;width:100%}.about__service--text{text-align:center;font-family:"Zen Kaku Gothic New";margin-top:5px;font-size:22px;font-weight:600}.about__service--text.type--en{font-family:"Libre Caslon Display"}.about__service--text--sub{margin-top:5px;text-align:left}.about__skills{margin-top:120px}.about__skills--boxes{max-width:60vw;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.div2{grid-column-start:3}.div3{grid-column-start:5}.div4{grid-column-start:2;grid-row-start:2}.div5{grid-column-start:4;grid-row-start:2}.div6{grid-column-start:6;grid-row-start:2}.skills__item{display:block;text-align:center}.skills__item img{border-radius:30%;width:100%;background-color:#7bcccf}.about__skill--text{font-family:"Libre Caslon Display";margin-top:5px;font-size:22px;font-style:italic}.about__strengths{margin-top:120px}@media screen and (min-width:1025px){.about__strengths{margin-top:150px}}.about__strengths-text{margin-left:20px;font-family:"Libre Caslon Display";width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:25px;font-style:italic;font-weight:700;margin-bottom:30px;position:relative}@media screen and (min-width:1025px){.about__strengths-text{font-size:30px}}.about__strengths-text:before{content:"";width:10px;height:10px;position:absolute;left:-20px;top:50%;-webkit-transform:translateY(-50%);border-radius:15%;background-color:#7bcccf;opacity:.7}@media screen and (min-width:1025px){.about__strengths-text:before{width:15px;height:15px;top:50%;-webkit-transform:translateY(-50%);left:-20px}}.about__strengths-boxes{display:grid;grid-template-columns:repeat(1,1fr);gap:80px}@media screen and (min-width:1025px){.about__strengths-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}}.about__strengths-box{text-align:center}.about__strengths-box img{width:15vw;border-radius:10px;-webkit-box-shadow:0px 4px 15px 0 rgba(51,51,51,.15);box-shadow:0px 4px 15px 0 rgba(51,51,51,.15);border:1px solid #7bcccf}@media screen and (min-width:1025px){.about__strengths-box2{margin-top:80px}}.about__strengths-text-main{text-align:left;margin-top:20px;font-size:20px;font-weight:400}@media screen and (min-width:1025px){.about__strengths-text-main{font-size:25px;text-align:center}}.about__strengths-text-sub{margin-top:10px;text-align:left}.works{padding-top:100px;padding-bottom:200px}.works__head--inner{padding-left:20px;padding-right:20px}@media screen and (min-width:1025px){.works__head--inner{max-width:1084px;padding-right:30px;padding-left:30px;margin-left:auto;margin-right:auto}}.works__head--box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.works__boxes{margin-top:50px}.swiper{width:30vw;overflow:visible}.swiper-slide{margin-top:30px}.swiper-slide.swiper-slide-active{margin-top:0}.works__img{display:block;-webkit-box-shadow:0px 4px 15px 0 rgba(51,51,51,.15);box-shadow:0px 4px 15px 0 rgba(51,51,51,.15);border-radius:12px;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.works__img img{width:100%;-webkit-transition:all .3s;transition:all .3s}.works__img:hover{opacity:.7}.works__img:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.works__img:hover .mask{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .6s ease;transition:all .6s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.caption{text-align:center;font-family:"Libre Caslon Display";font-style:italic;text-align:center;font-size:200%;color:#fff}.works__text-title{margin-top:8px}.works__tab{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 8px;flex-wrap:wrap}.works__text-sub{color:#949494;-webkit-transition:opacity .3s;transition:opacity .3s;cursor:pointer;white-space:nowrap}.works__text-sub:hover{opacity:.7}.swiper-button-prev{height:30px;width:60px;left:-50px}.swiper-button-prev:before{content:"";width:60px;height:30px;position:absolute;left:0;bottom:calc(50% - 30px);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:3px;-webkit-transition:background .3s;transition:background .3s}.swiper-button-prev:after{content:"";width:45px;height:10px;position:absolute;left:7.5px;bottom:calc(50% - 5px);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(https://portfolio.sayuchi.com/wp-content/themes/portfolio//img/arrow-icon.png) no-repeat center center/contain;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.swiper-button-prev:hover:before{background:rgba(123,204,207,.2)}.swiper-button-next{height:30px;width:60px;right:-50px}.swiper-button-next:before{content:"";width:60px;height:30px;position:absolute;right:0;bottom:calc(50% - 30px);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:3px;-webkit-transition:background .3s;transition:background .3s}.swiper-button-next:after{content:"";width:45px;height:10px;position:absolute;right:7.5px;bottom:calc(50% - 10px);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(https://portfolio.sayuchi.com/wp-content/themes/portfolio//img/arrow-icon.png) no-repeat center center/contain}.swiper-button-next:hover:before{background:rgba(123,204,207,.2)}.swiper-scrollbar{top:calc(50% + 20vw) !important;background:var(--swiper-scrollbar-bg-color,rgba(89,86,86,.5))}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(253,253,253,.5))}.footer__contents--button__cover.type--works{margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0}.flow{padding-top:100px;padding-bottom:200px}.flow__inner{padding-left:20px;padding-right:20px}@media screen and (min-width:1025px){.flow__inner{max-width:860px;padding-right:30px;padding-left:30px;margin-left:auto;margin-right:auto}}table{border-collapse:collapse}.flow__table{margin-top:60px}.flow__table td,.flow__table th{padding-top:20px;padding-bottom:20px;border-top:1px solid #7bcccf;border-bottom:1px solid #7bcccf}.flow__table th{padding-left:30px;padding-right:20px;white-space:nowrap;text-align:left;position:relative}.flow__table th:before{content:"";width:10px;height:10px;position:absolute;left:15px;top:28px;border-radius:15%;background-color:#7bcccf;opacity:.7}.flow__table td{padding-left:20px;padding-right:20px}.table__text{font-size:15px}.footer{background-color:rgba(3,3,3,.5);padding-top:40px;padding-bottom:20px}.footer__contents{display:grid;grid-template-columns:repeat(2,1fr);place-items:start center}.footer__contact,.footer__x{padding-left:20px;padding-right:20px}.footer__head{margin-left:auto;margin-right:auto}.footer__contents--text--ja{font-size:15px}.footer__contents--button__cover{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:50px;position:relative;z-index:2;overflow:hidden}.footer__contents--button__cover:after{content:"";width:100%;height:100%;position:absolute;top:0;left:-100%;background:#7bcccf;z-index:-1;-webkit-transition:all .3s;transition:all .3s}.footer__contents--button__cover:hover:after{left:0}.footer__contents--button{z-index:3;font-family:"Libre Caslon Display";text-align:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #fffbf3;padding-left:30px;padding-right:90px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.footer__contents--button p{font-size:20px}.footer__contents--button:after{content:"";width:45px;height:2px;position:absolute;right:calc(50% - 60px);bottom:calc(50% - 5px);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fffbf3}.footer__contents--button:before{content:"";width:10px;height:2px;position:absolute;right:calc(50% - 60px);bottom:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fffbf3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.footer__contents--button:hover{border:1px solid #333}.footer__contents--button:hover p{color:#333;font-weight:400}.footer__contents--button:hover:after{background:#333}.footer__contents--button:hover:before{background:#333}.copy{padding-top:10px;padding-bottom:10px;font-family:"Libre Caslon Display";display:block;text-align:center}.contact{padding-top:150px;padding-bottom:100px}.contact__box--head{margin-top:50px;margin-bottom:50px}.contact__box--head p{margin-top:5px}.contact__box{margin-top:50px;max-width:680px;margin-left:auto;margin-right:auto}.works__cars{margin-top:100px;display:grid;grid-template-columns:repeat(2,1fr);gap:30px 20px}@media screen and (min-width:767px){.works__cars{margin-top:100px;grid-template-columns:repeat(3,1fr);gap:30px}}.single{padding-top:100px;padding-bottom:100px}.single__box{max-width:700px;margin-left:auto;margin-right:auto;margin-top:50px}.single__img{margin-top:30px;text-align:center;display:block}.single__img img{width:100%}.single__text{font-size:25px;font-weight:400}.single__text-title{margin-top:5px}.single__tab{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-top:5px;font-size:20px}.single__text-sub{color:#949494;-webkit-transition:opacity .3s;transition:opacity .3s;cursor:pointer}.single__text-sub:hover{opacity:.7}.single__table{margin-left:auto;margin-right:auto}.single__table--link{transition:opacity .3s}.single__table--link:hover{opacity:.7}.error{padding-top:200px;padding-bottom:150px}.error__head--box{text-align:center}.head.type--error{width:100%}.head__text--ja.type--error{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);bottom:-30px}.footer__contents--text--ja.type--error{margin-top:100px;text-align:center}.footer__contents--button__cover.type--error{margin-top:25px}.thanks__box--head{text-align:center}.thanks__box--head h2{margin-top:80px;font-size:20px}.thanks__box--head p{margin-top:30px}@media screen and (max-width:767px){.header__logo--display{padding-left:20px}.fv__inner{padding-left:20px;padding-right:20px}.fv__title{font-size:30px}.fv__title.fv__title--sub{font-size:20px;margin-top:20px}.fv__title.fv__title--ja{font-size:12px;margin-top:20px}.fv{padding-top:300px;padding-bottom:100px}.head__title{font-size:50px}.head__text{font-size:34px}.head__text--ja{font-size:15px;bottom:-4px}.about{padding-bottom:60px}.about__body-img{text-align:center}.about__body-img img{margin-left:0;width:60vw}.about__body-text-title{font-size:18px}.about__body-text p{margin-top:10px;font-size:14px}.about__strengths{margin-top:60px}.about__strengths-boxes{gap:40px}.about__strengths-box{max-width:600px;margin-left:auto;margin-right:auto}.about__strengths-box img{width:50vw}.about__strengths-text-main{font-size:18px;text-align:center}.about__strengths-text-sub{font-size:14px}.about__service{margin-top:60px}.about__service--boxes{grid-template-columns:1fr;gap:40px}.about__service--box{margin:0 15px;max-width:600px;margin-left:auto;margin-right:auto}.about__service__item{width:20vw}.about__service--text{font-size:18px}.about__service--text--sub{font-size:14px}.about__skills{margin-top:60px}.about__skills--boxes{max-width:600px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;gap:30px}.div2{grid-column-start:2;grid-row-start:1}.div3{grid-column-start:3;grid-row-start:1}.div4{grid-column-start:1;grid-row-start:2}.div5{grid-column-start:2;grid-row-start:2}.div6{grid-column-start:3;grid-row-start:2}.about__skill--box{width:20vw;margin-left:auto;margin-right:auto}.about__skill--text{font-size:16px}.footer__contents--button{padding-left:20px;padding-right:20px}.footer__contents--button:after,.footer__contents--button:before{display:none}.footer__contents--button p{font-size:15px}.swiper{width:60vw}.works{padding-bottom:60px}.works__text-title{font-size:14px}.works__text-sub{font-size:14px}.swiper-button-next,.swiper-button-prev{width:45px}.swiper-button-next{right:-35px}.swiper-button-prev{left:-35px}.swiper-button-next:after,.swiper-button-prev:after{width:30px}.swiper-button-next:before,.swiper-button-prev:before{width:45px}.swiper-slide{margin-top:10px}.swiper-scrollbar{top:calc(50% + 30vw) !important}.flow{padding-bottom:100px}.flow__table{font-size:14px;max-width:650px;margin-left:auto;margin-right:auto}.flow__table th{padding-left:20px;padding-right:10px}.flow__table th:before{content:"";width:10px;height:10px;left:5px;top:25px}.flow__table td{padding-left:10px;padding-right:10px}.footer{padding-top:20px;padding-bottom:20px}.footer__contents{display:grid;grid-template-columns:repeat(1,1fr);place-items:start center}.footer__contents--text--ja{font-size:14px}.footer__contents--button__cover.type--error{margin-top:15px}}@media screen and (max-width:500px){.swiper-scrollbar{top:calc(50% + 40vw) !important}}@media screen and (min-width:768px) and (max-width:1024px){.fv__inner{padding-left:30px;padding-right:30px}.fv__title{font-size:40px}.fv__title--sub{font-size:30px}.fv__title.fv__title--ja{font-size:15px}.about__strengths-box{max-width:70vw;margin:0 auto}.about__strengths-box img{width:25vw}.about__skills--boxes{max-width:70vw;margin:0 auto}}.p-contact__form{margin-top:30px}@media screen and (min-width:768px){.p-contact__form{margin-top:0}}.p-contact__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:30px}@media screen and (min-width:1100px){.p-contact__fields{gap:29px}}@media screen and (min-width:768px){.p-contact__field{display:grid;grid-auto-columns:1fr;gap:40px}}@media screen and (min-width:768px){.form-field{display:grid;grid-template-columns:1fr 490px;gap:28px}}.form-field.type-2{align-items:center}.form-field__head p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-top:40px}@media screen and (min-width:768px){.form-field__head p{width:100%;margin-top:0}}.form-field__head--type2{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.form-field__head--type3{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px}@media screen and (min-width:768px){.form-field__head--type3{-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.form-field__label{font-size:16px;font-weight:400}.form-field__tag{color:#333;font-size:12px;font-weight:700;display:inline;border-radius:2px;background:#7bcccf;padding:2px 5px}.form-field__tag--type2{margin-top:3px}.form-field__item{margin-top:8px}@media screen and (min-width:768px){.form-field__item{margin-top:0}}.form-field__item [type=text],.form-field__item [type=email],.form-field__item [type=tel]{width:100%;color:#333;border-radius:6px;border:1px solid #382620;background:#ffffffe4;padding:11px 15px 12px;-webkit-transition:border-color .3s;transition:border-color .3s;margin-top:0}.form-field__item [type=text]:hover,.form-field__item [type=text]:focus,.form-field__item [type=email]:hover,.form-field__item [type=email]:focus,.form-field__item [type=tel]:hover,.form-field__item [type=tel]:focus{border-color:#7bcccf;outline:none}.form-field__item textarea{color:#333;width:100%;height:200px;border-radius:6px;border:1px solid #111;background:#ffffffe4;padding:11px 15px;-webkit-transition:border-color .3s;transition:border-color .3s}.form-field__item textarea:hover,.form-field__item textarea:focus{border-color:#7bcccf;outline:none}@media screen and (min-width:768px){.form-field__item textarea{height:240px}}.wpcf7-form-control{color:#fff;background-color:transparent;border:none;margin-top:21px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:17px;transition:all .3s}@media screen and (min-width:768px){.wpcf7-form-control{margin-top:0}}.wpcf7-list-item [type=radio],.wpcf7-list-item [type=checkbox]{width:1px;height:1px;position:absolute;clip:rect(0,0,0,0);overflow:hidden}.wpcf7-list-item [type=radio]:checked+.wpcf7-list-item-label:after,.wpcf7-list-item [type=checkbox]:checked+.wpcf7-list-item-label:after{opacity:1}.wpcf7-list-item [type=radio]:focus+.wpcf7-list-item-label:before,.wpcf7-list-item [type=checkbox]:checked+.wpcf7-list-item-label:before{border-color:#7bcccf}.wpcf7-list-item:hover .wpcf7-list-item-label:before{border-color:#111}.wpcf7-list-item-label{font-weight:400;position:relative;padding-left:18px}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:"";border-radius:20%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wpcf7-list-item-label:before{width:24px;height:24px;border:1px solid #111;background-color:#ffffffe4;left:-16px;-webkit-transition:border-color .3s;transition:border-color .3s}.wpcf7-list-item-label:after{width:12px;height:12px;background:#7bcccf;left:-10px;opacity:0}.wpcf7-spinner{display:none}.p-contact__description{margin-top:50px}.description--box{margin-top:10px;border:2px solid #949494;padding:20px}.description--body{font-size:15px;margin-top:5px}.description--body.type-2{text-decoration:underline}.description--box p{font-size:13px}.checkbox--contents{margin-top:20px}.submit{color:#333;background-color:#7bcccf;margin-top:30px;margin-left:auto;margin-right:auto;display:block;cursor:pointer;border:1px solid #333;font-size:18px;font-weight:400;padding:6px 40px}.submit:hover{transform:translateY(5px);opacity:.7}.checkbox{margin-top:50px}.wpcf7-list-item[type=checkbox]:checked.wpcf7-list-item-label:after{opacity:1}.start{background:url(https://portfolio.sayuchi.com/wp-content/themes/portfolio/img/bg1.jpg) no-repeat center center/cover;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000}.start p{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:9999;width:50vw}