@media screen and (min-width:768px){.hidden-pc{display:none}}@media screen and (max-width:768px){.hidden-sp{display:none}}@media screen and (min-width:970px){.hidden-xl{display:none}}@media screen and (min-width:768px){.hidden-md{display:none}}body{font-size:16px;line-height:1.8;font-family:"Noto Sans JP",sans-serif;color:#333;font-weight:400;overflow-x:hidden}.inline-block{font-weight:inherit;display:inline-block}.inner{padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.inner{margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;max-width:1060px}}.bg-base{background-color:#f1f1e6}.fadein{opacity:0}.fadeinOnly{opacity:0;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation:.5s .2s ease forwards fadeinOnly;animation:.5s .2s ease forwards fadeinOnly}@-webkit-keyframes fadeinOnly{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeinOnly{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.wpcf7-spinner{display:none !important}.wpcf7-form.invalid .wpcf7-response-output{display:none}.wpcf7-form.sent .wpcf7-response-output{display:none}.service-card{max-width:500px}.service-card__img{width:44.776119403%;margin-right:auto;margin-left:auto}.service-card__title{font-size:18px;font-weight:700;text-align:center}.service-card__text{margin-top:20px}.section-title{font-size:40px;font-weight:700;position:relative;line-height:normal;padding-bottom:20px}.section-title:before{content:attr(data-title);position:absolute;top:calc(100% - 20px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:16px;font-weight:400}.works-card{max-width:500px}.works-card__img{width:100%}.works-card__img img{width:100%;height:auto}.works-card__bottom{margin-top:20px;padding-left:15px;padding-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.works-card__title{font-size:20px;font-weight:700;line-height:normal}.works-card__decoration{width:24px;height:24px}.works-card-hover{opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease,visibility .5s ease;transition:opacity .5s ease,visibility .5s ease}.works-card-hover.visible{opacity:1}.works-card-hover__title{color:#fff;font-family:Roboto;font-size:32px;line-height:normal;padding:4px 20px;border:1px solid #fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;-webkit-transition:background .5s,color .5s;transition:background .5s,color .5s}.works-card-hover__title:hover{background:#fff;color:#333}.works-card-hover__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;line-height:normal;position:absolute;top:calc(50% + 50px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.skill-card{padding:22px 20px 20px;border-radius:4px;border:1px solid #bfbfbf}.skill-card__title{font-size:18px;font-weight:700;line-height:1;padding-left:18px;position:relative}.skill-card__title:before{content:"";position:absolute;width:3px;height:23px;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px}.skill-card__text{margin-top:20px}.skill-card__title--html:before{background-color:#ee3502}.skill-card__title--css:before{background-color:#215992}.skill-card__title--sass:before{background-color:#db03c1}.skill-card__title--js:before{background-color:#00ab5f}.skill-card__title--jquery:before{background-color:#ec9300}.skill-card__title--wp:before{background-color:#5e00cc}.header{padding-top:10px;padding-bottom:10px;position:fixed;left:0;right:0;top:0;z-index:50;background:#fff;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (min-width:768px){.header{padding-top:19px;padding-bottom:19px}}.header.is-show{-webkit-transform:translateY(0);transform:translateY(0)}.header.js-show{-webkit-animation:.5s 1.7s ease forwards headerDown;animation:.5s 1.7s ease forwards headerDown}@-webkit-keyframes headerDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes headerDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:42px}.header__logo{width:72px;-ms-flex-negative:0;flex-shrink:0}.header__nav{display:none}@media screen and (min-width:768px){.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}}.header__link{font-family:"Noto Sans JP",sans-serif;font-weight:700}.header__link.-contact{border:1px solid #215992;border-radius:100vmax;padding-inline:10px;padding-block:5px;background:#215992;color:#fff}.drawer-icon{width:20px;height:30px;position:relative;z-index:51}.drawer-icon.js-show .drawer-icon__bar:nth-of-type(1){-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:10px}.drawer-icon.js-show .drawer-icon__bar:nth-of-type(2){opacity:0}.drawer-icon.js-show .drawer-icon__bar:nth-of-type(3){-webkit-transform:rotate(30deg);transform:rotate(30deg);top:10px}.drawer-icon__bar{position:absolute;left:0;top:7.5px;width:20px;height:2px;border-radius:6px;background:#333;-webkit-transition:top .3s linear,-webkit-transform .3s linear;transition:top .3s linear,-webkit-transform .3s linear;transition:transform .3s linear,top .3s linear;transition:transform .3s linear,top .3s linear,-webkit-transform .3s linear}.drawer-icon__bar:nth-of-type(2){top:15px;left:auto;right:0;width:15px}.drawer-icon__bar:nth-of-type(3){top:22.5px}.drawer-content{width:100%;position:fixed;top:60px;right:0;background:#f1f1e6;z-index:50;height:0;overflow-y:auto;-webkit-transition:height .3s ease;transition:height .3s ease}.drawer-content.js-show{height:100%}.drawer-content__menu{padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-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}.drawer-content__link{display:inline-block;width:295px;padding:16px 20px;font-family:"Roboto",sans-serif;font-weight:700;font-size:20px;border-bottom:1px solid #bfbfbf;position:relative}.drawer-content__link:before{content:"";position:absolute;width:18px;height:18px;background:url(//kawa-portfolio.com/wp-content/themes/portfolio/css/../img/drawer-arrow.svg) no-repeat center center/contain;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.drawer-content__x{display:block;width:44px;height:44px;margin-top:40px;margin-left:auto;margin-right:auto;opacity:0}.fv{padding-top:77px;padding-bottom:101px;position:relative}@media screen and (min-width:768px){.fv{padding-top:116px;padding-bottom:216px;margin-bottom:-80px}}.fv__inner{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;z-index:3}@media screen and (min-width:550px){.fv__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width:768px){.fv__inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:550px){.fv__left{-webkit-box-flex:0;-ms-flex:0 0 310px;flex:0 0 310px}}@media screen and (min-width:768px){.fv__left{-webkit-box-flex:0;-ms-flex:0 0 437px;flex:0 0 437px}}.fv__subTitle{padding-left:32px;position:relative}.fv__subTitle:before{content:"";width:24px;height:24px;background:url(//kawa-portfolio.com/wp-content/themes/portfolio/css/../img/fv-icon.svg) no-repeat center center/contain;position:absolute;top:calc(50% + 2px);left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fv__title{margin-top:20px;font-family:"Roboto",sans-serif;font-size:40px;line-height:normal;white-space:nowrap;font-weight:700;visibility:hidden}.fv__title.js-show{visibility:visible}.fv__title .char{font-weight:700;opacity:0}@media screen and (min-width:768px){.fv__title{font-size:60px}}.fv__job{color:#215992;font-family:"Roboto",sans-serif;font-size:18px;font-weight:700;line-height:normal;overflow:hidden}.fv__job span{display:inline-block;-webkit-transform:translateY(100%);transform:translateY(100%)}.fv__job.js-show span{-webkit-animation:.5s 1.3s ease forwards slideUp;animation:.5s 1.3s ease forwards slideUp}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.fv__text{padding-top:20px}.fv__right{width:66.6666666667%;margin-left:auto;visibility:hidden;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.fv__right.js-show{-webkit-animation:.5s 0s ease forwards slideIcon;animation:.5s 0s ease forwards slideIcon}@-webkit-keyframes slideIcon{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px);visibility:hidden}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@keyframes slideIcon{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px);visibility:hidden}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}}@media screen and (min-width:550px){.fv__right{margin-left:0;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-width:300px}}@media screen and (min-width:768px){.fv__right{-webkit-box-flex:0;-ms-flex:0 1 40%;flex:0 1 40%;max-width:none}}.fv__bgImg{display:block;position:absolute;bottom:0;left:0;right:0;z-index:-1}.fv__bgImg picture{display:block}.fv__bgImg picture img{width:100%}.service{padding-top:140px}@media screen and (min-width:768px){.service{padding-top:80px}}.service__title{text-align:center}.service__description{margin-top:40px;max-width:544px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.service__description{text-align:center;max-width:none}}.service__items{margin-top:40px;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:15px;padding-right:15px}@media screen and (min-width:768px){.service__items{padding-left:0;padding-right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.service__item{width:100%}@media screen and (min-width:768px){.service__item{-webkit-box-flex:0;-ms-flex:0 0 calc(33.3% - 13.3333333333px);flex:0 0 calc(33.3% - 13.3333333333px)}}.works{padding-top:80px;padding-bottom:80px}.works__title{text-align:center}.works__description{margin-top:40px;max-width:544px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.works__description{max-width:none;text-align:center}}.works__items{margin-top:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:76px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.works__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.works__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}@media screen and (min-width:768px){.works__item{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 35px);flex:0 0 calc(50% - 35px)}.works__item:nth-child(n+3){margin-top:9%}}.works__footer{-webkit-margin-before:30px;margin-block-start:30px;text-align:center}@media screen and (min-width:768px){.works__footer{-webkit-margin-before:60px;margin-block-start:60px}}.works__button{border-radius:100vmax;border:1px solid #215992;background:#215992;color:#fff;padding-block:10px;padding-inline:20px;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease}@media(any-hover:hover){.works__button:hover{background:#fff;color:#215992}}.about{padding-top:80px}@media screen and (min-width:768px){.about{padding-top:120px}}.about__inner{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.about__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:69px}}.about__title{text-align:center;width:100%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media screen and (min-width:768px){.about__title{text-align:left}.about__title:before{left:0;-webkit-transform:translateX(0);transform:translateX(0)}}.about__left{width:59.7014925373%;max-width:300px}.about__right{display:contents}@media screen and (min-width:768px){.about__right{display:block}}.about__text{max-width:550px;margin-right:auto;margin-left:auto;-moz-text-align-last:left;text-align-last:left}@media screen and (min-width:768px){.about__text{margin-top:49px}}.skill{padding-top:80px;padding-bottom:80px}@media screen and (min-width:768px){.skill{padding-bottom:120px}}@media screen and (min-width:768px){.skill__inner{max-width:900px}}.skill__title{text-align:center}.skill__description{margin-top:40px;max-width:544px;margin-right:auto;margin-left:auto}@media screen and (min-width:768px){.skill__description{max-width:none;text-align:center}}.skill__items{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-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:20px}@media screen and (min-width:768px){.skill__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}.skill__item{width:100%;max-width:500px}@media screen and (min-width:768px){.skill__item{max-width:none;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 20px);flex:0 0 calc(50% - 20px)}.skill__item:nth-child(2){margin-top:60px}.skill__item:nth-child(2n+3){margin-top:-60px}}.flow{padding-top:80px;padding-bottom:80px}@media screen and (min-width:768px){.flow__inner{max-width:860px}}.flow__title{text-align:center}.flow__description{text-align:center;margin-right:auto;margin-left:auto;margin-top:40px}.flow__items{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-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;max-width:500px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.flow__items{max-width:none;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}}.flow__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flow__item:nth-last-child(1) .flow__itemLeft:before{display:none}.flow__itemLeft{-webkit-box-flex:0;-ms-flex:0 0 23.8805970149%;flex:0 0 23.8805970149%;position:relative}.flow__itemLeft:before{content:"";width:3px;background-color:#fff;position:absolute;top:0;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width:768px){.flow__itemLeft{-webkit-box-flex:0;-ms-flex:0 0 18.75%;flex:0 0 18.75%}}.flow__itemLeft img{position:relative}.flow__itemRight{-webkit-box-flex:0;-ms-flex:0 0 71.3432835821%;flex:0 0 71.3432835821%;padding-top:28px}@media screen and (min-width:768px){.flow__itemRight{padding-top:20px;-webkit-box-flex:0;-ms-flex:0 0 76.25%;flex:0 0 76.25%}}.flow__itemTitle{font-size:20px;font-weight:700;line-height:normal}@media screen and (min-width:768px){.flow__itemTitle{font-size:24px}}.flow__itemText{margin-top:25px}@media screen and (min-width:768px){.flow__itemText{margin-top:16px}}.contact{padding-bottom:80px;padding-top:30px}.contact__title{text-align:center}.contact__description{text-align:center}.contact__wrap{padding:40px 20px;margin-top:40px;border-radius:8px;max-width:550px;margin-left:auto;margin-right:auto}@media screen and (min-width:768px){.contact__wrap{max-width:700px;padding:80px}}.contact__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:36px}@media screen and (min-width:768px){.contact__items{gap:40px}}.contact__btn{text-align:center;margin-top:60px}.button{padding:20px 40px;border-radius:8px;background:gray;color:#fff;border:none;border:1px solid #215992}.button.-active{background:#215992;color:#fff;cursor:pointer;-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}@media(any-hover:hover){.button.-active:hover{background:#fff;color:#215992}}.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:8px}@media screen and (min-width:768px){.form-field{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px}}.form-field__head{-webkit-box-flex:0;-ms-flex:0 0 25.9259259259%;flex:0 0 25.9259259259%}.form-field__label{line-height:24px}.form-field__item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.form-text,.form-textarea{border-radius:4px;background:#fff;width:100%;border:none}.form-text{padding:8px 16px;height:40px}.form-textarea{padding:16px;height:200px}.contact__message{text-align:center;height:0;overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease;-webkit-margin-before:30px;margin-block-start:30px}.contact__message.js-show{height:auto}.footer{padding-top:40px;padding-bottom:20px;background:#215992}.footer__inner{max-width:370px;margin-left:auto;margin-right:auto}@media screen and (min-width:550px){.footer__inner{max-width:560px}}@media screen and (min-width:768px){.footer__inner{max-width:1060px}}.footer__head{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}@media screen and (min-width:550px){.footer__head{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer__left{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;gap:60px}@media screen and (min-width:550px){.footer__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.footer__logo{width:102px}.footer__xLink{width:44px}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:30px 10px}@media screen and (min-width:768px){.footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px}}.footer__link{color:#fff;font-family:Roboto;font-weight:700;line-height:normal}.footer__link.-contact{color:#333;border:1px solid #fff;padding-block:5px;padding-inline:10px;border-radius:100vmax;background:#fff}.footer__bottom{text-align:center;margin-top:80px}@media screen and (min-width:550px){.footer__bottom{margin-top:40px}}.footer__copyright{color:#fff}.fv__scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-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;width:120px;gap:8px;position:absolute;bottom:40px;opacity:0}@media screen and (min-width:550px){.fv__scroll{left:50px}}@media screen and (min-width:768px){.fv__scroll{left:11.6666666667%;bottom:140px}}@media screen and (min-width:1200px){.fv__scroll{left:calc(50% - 450px)}}.fv__scroll.js-show{-webkit-animation:.5s 2s ease forwards scrollVisible;animation:.5s 2s ease forwards scrollVisible}@-webkit-keyframes scrollVisible{0%{opacity:0}100%{opacity:1}}@keyframes scrollVisible{0%{opacity:0}100%{opacity:1}}.fv__scrollText{line-height:24px}.js-scroll{position:absolute;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:50px;background:#333;opacity:0}.page-works{margin-block:40px 40px}@media screen and (min-width:768px){.page-works{margin-block:60px 80px}}.page-works__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;-webkit-margin-before:30px;margin-block-start:30px}.page-works__category button{padding-block:5px;padding-inline:10px;border-radius:8px;background:#bfbfbf;color:#fff}.page-works__category.-active button{background:#215992}.page-works__cards{-webkit-margin-before:30px;margin-block-start:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-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;row-gap:60px}@media screen and (min-width:768px){.page-works__cards{display:grid;grid-template-columns:repeat(2,1fr);-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;row-gap:0px}}@media screen and (min-width:970px){.page-works__cards{grid-template-columns:repeat(3,1fr)}}.page-works__card-wrap{display:block;width:100%;max-width:500px;background:#f1f1e6;padding-block:20px;padding-inline:20px;border-radius:8px;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}@media screen and (min-width:768px){.page-works__card-wrap{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:12px;-webkit-margin-after:60px;margin-block-end:60px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}}@media(any-hover:hover){.page-works__card-wrap:hover{opacity:.7}}.page-works__card-img{width:100%}.page-works__card-title{-webkit-margin-before:10px;margin-block-start:10px;font-size:20px;font-weight:700}@media screen and (min-width:768px){.page-works__card-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.page-works__card-categorys{-webkit-margin-before:30px;margin-block-start:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.page-works__card-category span{border-radius:8px;padding-inline:12px;padding-block:5px;border:1px solid #215992;background:#215992;color:#fff}.main{-webkit-padding-before:62px;padding-block-start:62px}@media screen and (min-width:768px){.main{-webkit-padding-before:80px;padding-block-start:80px}}.page-top{text-align:center;background:#f1f1e6;padding-block:20px 26px}@media screen and (min-width:768px){.page-top{padding-block:20px 26px}}.breadcrumbs{font-size:12px;-webkit-margin-before:10px;margin-block-start:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}@media screen and (min-width:768px){.breadcrumbs{font-size:16px;-webkit-margin-before:20px;margin-block-start:20px}}.breadcrumbs span{display:block}.breadcrumbs span a{display:block}@media(any-hover:hover){.breadcrumbs span a:hover{opacity:.7}}.breadcrumb__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.page{padding-block:30px}@media screen and (min-width:768px){.page{padding-block:60px}}@media screen and (max-width:768px){.page__inner{max-width:500px;margin-inline:auto}}.page__title{font-size:20px;font-weight:700}@media screen and (min-width:768px){.page__title{font-size:30px}}.page__categorys{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-margin-before:16px;margin-block-start:16px}.page__category span{border-radius:8px;padding-inline:12px;padding-block:5px;border:1px solid #215992;background:#215992;color:#fff}@media screen and (min-width:768px){.page__category span{font-size:18px}}.page__img{-webkit-margin-before:30px;margin-block-start:30px;width:100%;max-width:500px}.page__img img{width:100%}@media screen and (min-width:768px){.page__img{max-width:none}}.page__body{-webkit-margin-before:30px;margin-block-start:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px}.page__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.page__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.page__dttit{color:#215992;width:100px}@media screen and (min-width:768px){.page__dttit{width:150px;font-size:20px}}@media screen and (min-width:768px){.page__text{font-size:20px}}.page__text a{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media(any-hover:hover){.page__text a:hover{opacity:.7}}.othersWork{padding-block:30px;background:#f1f1e6}@media screen and (min-width:768px){.othersWork{padding-block:60px}}.othersWork__title{text-align:center}.othersWork__body{-webkit-margin-before:40px;margin-block-start:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.othersWork__body{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}}.othersWork__footer{-webkit-margin-before:30px;margin-block-start:30px;text-align:center}@media screen and (min-width:768px){.othersWork__footer{-webkit-margin-before:60px;margin-block-start:60px}}.othersWork__button{border-radius:100vmax;border:1px solid #215992;background:#215992;color:#fff;padding-block:10px;padding-inline:20px;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease}@media(any-hover:hover){.othersWork__button:hover{background:#fff;color:#215992}}