@charset "UTF-8";html{scroll-behavior:smooth;scroll-padding-top:60px}@media screen and (min-width:768px){html{scroll-padding-top:72px}}body{font-size:16px;color:#f3f3f3;line-height:normal;font-family:"Noto Sans JP",sans-serif;font-weight:400}@media screen and (max-width:767px){.hidden-sm{display:none}}@media screen and (min-width:768px){.hidden-md{display:none}}@media screen and (min-width:900px){.hidden-lg{display:none}}@media screen and (min-width:1360px){.hidden-xl{display:none}}.inline-block{font-weight:inherit;display:inline-block}.inner{margin-inline:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:900px){.inner{max-width:1360px;margin-inline:auto;padding-left:120px;padding-right:120px}}.bg__up{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/bg-up.jpg) no-repeat center center/cover}.bg__down{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/bg-down.jpg) no-repeat top center/cover;position:relative}.header{height:60px;background:#2b3346;position:sticky;top:0;width:100%;z-index:100}@media screen and (min-width:768px){.header{height:72px}}.header__inner{height:inherit;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;margin-inline:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:900px){.header__inner{max-width:1360px;margin-inline:auto;padding-left:120px;padding-right:120px}}.header__logo a{-webkit-transition:opacity .3s;transition:opacity .3s}.header__logo a:hover{opacity:.7}.header__nav{display:none}@media screen and (min-width:900px){.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header__link{font-size:12px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:color .3s;transition:color .3s}.header__link:hover{color:#0088d5}@media screen and (min-width:768px){.header__link{font-family:"Barlow Semi Condensed",sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:1.6px}}@media screen and (min-width:768px){.header__button{margin-left:5px}}.hamburger-cover{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9997;background:rgba(3,3,3,.5);display:none;z-index:50}.hamburger-cover.is-checked{display:block}.drawer-icon{width:32px;height:26px;position:relative}.drawer-icon.is-checked .drawer-icon__bar:nth-child(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);top:13px;width:37px}.drawer-icon.is-checked .drawer-icon__bar:nth-child(2){-webkit-transform:rotate(-180deg);transform:rotate(-180deg);border-top-width:9px;background:#2b3346;top:12px;height:5px}.drawer-icon.is-checked .drawer-icon__bar:nth-child(3){-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:13px;width:37px}.drawer-icon.is-checked .drawer-icon__bar-short{display:none}.drawer-icon.is-checked .drawer-icon__bar-long{display:none}.drawer-icon__bar{position:absolute;top:0;left:0;width:32px;height:2px;background:#f3f3f3;border-radius:2px;-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-child(1){width:8px}.drawer-icon__bar:nth-child(2){top:12px}.drawer-icon__bar:nth-child(3){top:24px;width:18px}.drawer-icon__bar-long{position:absolute;top:0;right:-24.4px;width:18px;height:2px;background:#f3f3f3;border-radius:2px;-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-short{position:absolute;top:0;right:-14.4px;width:8px;height:2px;background:#f3f3f3;border-radius:2px;-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-content{background:#fff;padding-top:40px;padding-left:70px;width:70%;height:100%;position:fixed;top:60px;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;z-index:100}.drawer-content.is-checked{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:768px){.drawer-content{top:72px}}.drawer-content__menu{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}.drawer-content__link{display:block;color:#203745;font-size:24px;font-weight:700;line-height:24px;letter-spacing:2.4px;-webkit-transition:all .3s;transition:all .3s}.drawer-content__link:hover{color:#0088d5}.drawer-content__button{margin-top:-3px}.main{position:relative;z-index:10}.main:after{position:absolute;content:"";background:rgba(0,11,27,.5);width:100%;height:395px;bottom:0;left:0;-webkit-animation:textanimation 1s forwards;animation:textanimation 1s forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s;opacity:0}@media screen and (min-width:768px){.main:after{height:680px}}@media screen and (min-width:1360px){.main:after{height:850px}}.fv{padding-top:50px;padding-bottom:55px}@media screen and (min-width:768px){.fv{padding-top:110px;padding-bottom:110px;text-align:center}}.fv__title{font-size:76px;font-style:normal;font-weight:400;line-height:70px;letter-spacing:7.6px;font-family:"Barlow",sans-serif;color:#00a3ff;position:relative;-webkit-animation-name:fv-title;animation-name:fv-title;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:.6s;animation-duration:.6s}@media screen and (min-width:768px){.fv__title{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-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:1360px){.fv__title{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0}}@-webkit-keyframes fv-title{0%{top:60px}100%{top:0}}@keyframes fv-title{0%{top:60px}100%{top:0}}.fv__title-big{font-weight:700;font-size:76px;line-height:70px;letter-spacing:7.6px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:390px){.fv__title-big{font-size:54px}}@media screen and (min-width:768px){.fv__title-big{font-size:120px;font-weight:700;line-height:76px;letter-spacing:12px}}.fv__title-big p{font-weight:700;opacity:0;-webkit-animation:textanimation 1s forwards;animation:textanimation 1s forwards}.fv__title-big p:nth-child(1){-webkit-animation-delay:.4s;animation-delay:.4s}.fv__title-big p:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.fv__title-big p:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.fv__title-big p:nth-child(4){-webkit-animation-delay:.7s;animation-delay:.7s}.fv__title-big p:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes textanimation{0%{opacity:0}100%{opacity:1}}@keyframes textanimation{0%{opacity:0}100%{opacity:1}}.fv__title-small{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:390px){.fv__title-small{font-size:54px}}@media screen and (min-width:768px){.fv__title-small{font-size:120px;font-style:normal;line-height:76px;letter-spacing:12px}}.fv__title-small p{opacity:0;-webkit-animation:textanimation 1s forwards;animation:textanimation 1s forwards}.fv__title-small p:nth-child(1){-webkit-animation-delay:.9s;animation-delay:.9s}.fv__title-small p:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.fv__title-small p:nth-child(3){-webkit-animation-delay:1.1s;animation-delay:1.1s}.fv__title-small p:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.fv__title-small p:nth-child(5){-webkit-animation-delay:1.3s;animation-delay:1.3s}.fv__title-small p:nth-child(6){-webkit-animation-delay:1.4s;animation-delay:1.4s}.fv__title-small p:nth-child(7){-webkit-animation-delay:1.5s;animation-delay:1.5s}.fv__title-small p:nth-child(8){-webkit-animation-delay:1.6s;animation-delay:1.6s}.fv__title-small p:nth-child(9){-webkit-animation-delay:1.7s;animation-delay:1.7s}.fv__lead{font-size:20px;letter-spacing:2px;color:#87b9d7;margin-top:20px;opacity:0;-webkit-animation:textanimation 1s forwards;animation:textanimation 1s forwards;-webkit-animation-delay:2.2s;animation-delay:2.2s}@media screen and (min-width:768px){.fv__lead{margin-top:40px;font-size:28px;line-height:normal;letter-spacing:2.8px}}.fv__swiper{margin-top:50px;position:relative;z-index:100;-webkit-animation:textanimation 1s forwards;animation:textanimation 1s forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s;opacity:0}@media screen and (min-width:768px){.fv__swiper{margin-top:70px}}.swiper-wrapper1{-webkit-transition-timing-function:linear;transition-timing-function:linear}.work-card{width:240px}@media screen and (min-width:768px){.work-card{width:480px}}@media screen and (min-width:1360px){.work-card{width:780px}}.work-card__img img{width:240px}@media screen and (min-width:768px){.work-card__img img{width:480px}}@media screen and (min-width:1360px){.work-card__img img{width:780px}}.work-card__content{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1360px){.work-card__content{margin-top:20px;gap:58px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.work-card__title{text-align:left;font-size:18px;line-height:20px;letter-spacing:1.8px}@media screen and (min-width:768px){.work-card__title{font-size:20px;line-height:32px;letter-spacing:2px}}.work-card__tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}@media screen and (min-width:768px){.work-card__tags{gap:20px}}.work-card__tag{font-family:"Barlow Semi Condensed",sans-serif;font-size:12px;line-height:11.96px;letter-spacing:1.2px;border-radius:3px;border:1px solid #f3f3f3;padding:5px 16px;-webkit-transition:all .3s;transition:all .3s}.work-card__tag:hover{background:#f3f3f3;color:#333}@media screen and (min-width:768px){.work-card__tag{font-family:"Barlow Semi Condensed",sans-serif;font-size:14px;line-height:16px;letter-spacing:1.4px;padding:5px 20px}}.fv__button{text-align:center;position:relative;z-index:15}@media screen and (min-width:768px){.fv__button{margin-top:80px}}.button__big{padding:10px 20px 20px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:225px;text-align:start;margin-top:40px;position:relative}.button__big:after{position:absolute;content:"All Works";font-family:"Barlow Semi Condensed",sans-serif;font-size:32px;font-weight:600;line-height:100%;letter-spacing:3.2px;left:58px;top:3px;-webkit-transition:all .3s;transition:all .3s}.button__big:hover:after{left:66px}@media screen and (min-width:768px){.button__big{padding:10px 30px 20px;width:236px}}.service{padding-top:55px;padding-bottom:55px;position:relative}.service:after{content:"";position:absolute;bottom:-3px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#000;width:100%;height:3px}@media screen and (min-width:768px){.service{padding-top:110px;padding-bottom:110px}}.service__content{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:900px){.service__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:110px}}.service__lists{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){.service__lists{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:900px){.service__lists{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:80px}}@media screen and (min-width:1360px){.service__lists{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:40px}}@media screen and (min-width:768px){.service__list{width:195px}}@media screen and (min-width:900px){.service__list{max-width:530px;width:100%;padding:20px}}.service__list-img{text-align:center}.service__list-img img{width:140px;height:140px}.service__list-title{margin-top:10px;font-weight:700;text-align:center}@media screen and (min-width:900px){.service__list-title{font-size:24px}}.service__list-text{margin-top:6px}@media screen and (min-width:900px){.service__list-text{font-size:20px}}.about{padding-top:55px;padding-bottom:55px}@media screen and (min-width:768px){.about{padding-top:110px;padding-bottom:110px}}.section__inner{margin-inline:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.section__inner{max-width:1440px;margin-inline:auto;padding-left:80px;padding-right:80px}}@media screen and (min-width:900px){.section__inner{max-width:1440px;margin-inline:auto;padding-left:80px;padding-right:80px}}.about__content{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:900px){.about__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:110px}}@media screen and (min-width:768px){.content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:110px}}.title{color:#00a3ff;font-family:"Barlow Semi Condensed",sans-serif;font-size:60px;font-weight:700;line-height:60px;letter-spacing:6px}@media screen and (min-width:900px){.title{width:180px}}.about__profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(0,17,27,.7);padding:30px 50px;margin-top:40px}@media screen and (min-width:900px){.about__profile{margin-top:0}}@media screen and (min-width:1360px){.about__profile{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:50px;margin-top:0}}.about__profile-img img{width:200px}@media screen and (min-width:768px){.about__profile-img img{width:250px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.profile__content{margin-top:30px}@media screen and (min-width:1360px){.profile__content{margin-top:0}}.profile__content-name{font-size:20px;font-weight:500;line-height:150%;letter-spacing:4px}@media screen and (min-width:768px){.profile__content-name{font-size:24px;letter-spacing:4.8px}}.profile__content-text{font-weight:500;line-height:150%;letter-spacing:3.2px;margin-top:10px}@media screen and (min-width:768px){.profile__content-text{margin-top:20px}}.news{padding-top:110px;padding-bottom:55px}@media screen and (min-width:768px){.news{padding-bottom:110px}}.news__content{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:900px){.news__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:110px}}.news__right{margin-top:40px}@media screen and (min-width:768px){.news__right{margin-top:0}}.news__lists{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}@media screen and (min-width:768px){.news__lists{gap:50px}}@media screen and (min-width:768px){.news__lists{gap:76px}}.news__list-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:3px;border:1px solid #f3f3f3;background:#000;padding:20px;-webkit-transition:all .3s;transition:all .3s}.news__list-link:hover{opacity:.7}@media screen and (min-width:768px){.news__list-link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:24px;max-width:800px;padding:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width:1360px){.news__list-link{width:800px;height:200px}}.news__link-img{-ms-flex-negative:0;flex-shrink:0}.news__link-img img{width:700px}@media screen and (min-width:768px){.news__link-img img{width:160px}}@media screen and (min-width:1360px){.news__link-img img{width:240px}}.news__link-text{margin-top:15px}@media screen and (min-width:768px){.news__link-text{margin-top:0;font-size:20px;font-weight:500;letter-spacing:1px}}.news__link-tag{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.news__link-tag{margin-top:24px}}.tag__category{border-radius:3px;border:1px solid #f3f3f3;font-family:"Barlow Semi Condensed",sans-serif;font-size:11.96px;line-height:11.96px;letter-spacing:1.196px;padding:5px 16px}@media screen and (min-width:768px){.tag__category{font-size:14px;line-height:16px;letter-spacing:1.4px;padding:5px 20px}}.tag__date{color:#a4a4a4;font-family:"Barlow Semi Condensed",sans-serif;font-size:13.954px;letter-spacing:.498px}@media screen and (min-width:768px){.tag__date{letter-spacing:.5px}}.news__button{margin-top:40px}@media screen and (min-width:768px){.news__button{margin-top:50px}}.button__small{padding:10px 30px 20px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:186px;text-align:start;position:relative}.button__small:after{position:absolute;content:"View more";font-family:"Barlow Semi Condensed",sans-serif;font-size:20px;font-weight:500;line-height:100%;letter-spacing:2px;left:58px;top:10px;-webkit-transition:all .3s;transition:all .3s}.button__small:hover:after{left:66px}@media screen and (min-width:768px){.button__small{width:186px}}.price{padding-top:55px;padding-bottom:55px}@media screen and (min-width:768px){.price{padding-top:110px;padding-bottom:110px}}.price__content{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:768px){.price__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:110px}}.price__text{font-family:"Barlow Semi Condensed",sans-serif;font-size:32px;font-weight:500;line-height:32px;letter-spacing:3.2px}@media screen and (min-width:768px){.price__text{font-size:40px;letter-spacing:4px}}.contact{background:rgba(0,17,27,.7);padding-top:55px;padding-bottom:80px}@media screen and (min-width:768px){.contact{padding-top:110px;padding-bottom:110px}}@media screen and (min-width:900px){.contact{position:relative}.contact:after{position:absolute;content:"";background:#012a31;width:3px;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.contact__inner{margin-inline:auto;padding-right:20px;padding-left:20px}@media screen and (min-width:768px){.contact__inner{padding-left:80px;padding-right:110px}}.contact__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:110px}@media screen and (min-width:900px){.contact__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:120px}}@media screen and (min-width:1360px){.contact__content{gap:140px}}.content-part{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:900px){.content-part{width:50%}}.contact__lead{font-size:18px;line-height:180%;letter-spacing:.36px}@media screen and (min-width:768px){.contact__lead{font-size:20px;letter-spacing:.4px}}.button__small-contact{padding:10px 30px 20px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:186px;text-align:start;position:relative}.button__small-contact:after{position:absolute;content:"Move to";font-family:"Barlow Semi Condensed",sans-serif;font-size:20px;font-weight:500;line-height:100%;letter-spacing:2px;left:58px;top:10px;-webkit-transition:all .3s;transition:all .3s}.button__small-contact:hover:after{left:66px}@media screen and (min-width:768px){.button__small-contact{padding:10px 30px 20px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:186px;text-align:start;position:relative}.button__small-contact:after{position:absolute;content:"Move to";font-family:"Barlow Semi Condensed",sans-serif;font-size:20px;font-weight:500;line-height:100%;letter-spacing:2px;left:58px;top:10px;-webkit-transition:all .3s;transition:all .3s}}@media screen and (min-width:768px){.contact__img img{width:700px;height:245px}}@media screen and (min-width:900px){.contact__img img{width:600px;height:245px}}.x__part{position:relative}.x__part:before{position:absolute;content:"";background:#012a31;width:100%;height:3px;top:-55px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width:900px){.x__part:before{display:none}}@media screen and (min-width:900px){.x__part{padding-left:80px}}@media screen and (max-width:767px){.x__account{max-width:760px}}@media screen and (min-width:900px){.x__account{max-width:400px}}@media screen and (min-width:1360px){.x__account{max-width:500px}}.footer{background:#222223;padding:24px 0}@media screen and (min-width:900px){.footer{height:100px;padding:0}}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:900px){.footer__inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;height:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer__copyright{font-family:"Barlow",sans-serif;font-size:12px;line-height:24px;letter-spacing:1.8px}.footer__nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px 72px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:768px){.footer__nav{gap:48px}}.footer__link{font-family:"Barlow Semi Condensed",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1.6px;-webkit-transition:color .3s;transition:color .3s}.footer__link:hover{color:#0088d5}.page-bg{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/title.jpg) no-repeat center center/cover;height:100px}@media screen and (min-width:768px){.page-bg{height:220px}}.page-bg__name{font-family:"Barlow Semi Condensed",sans-serif;color:transparent;-webkit-text-stroke:1px #fff;font-family:"Barlow Semi Condensed",sans-serif;font-size:36px;font-weight:600;line-height:36px;letter-spacing:3.6px;padding-top:32px}@media screen and (min-width:768px){.page-bg__name{-webkit-text-stroke-width:2;padding-top:63px;font-size:60px;font-weight:700;line-height:76px;letter-spacing:6px}}.bg__wrapper{background:-webkit-gradient(linear,left top,left bottom,from(#003c6a),to(#00131b));background:linear-gradient(to bottom,#003c6a,#00131b)}.works{padding-top:40px;padding-bottom:80px}@media screen and (min-width:768px){.works{padding-top:100px;padding-bottom:110px}}.works__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1360px){.works__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:65px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.works__main{margin-top:60px}@media screen and (min-width:1360px){.works__main{margin-top:0}}.works__head{margin-bottom:30px;font-weight:700}.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:20px}@media screen and (min-width:900px){.works__cards{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;gap:18px}}@media screen and (min-width:1360px){.works__cards{gap:40px}}.works__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;background:#203745;gap:16px;-webkit-transition:all .3s;transition:all .3s}@media screen and (min-width:900px){.works__card{gap:24px;width:48.19%;padding:20px}}@media screen and (min-width:1360px){.works__card{gap:24px;max-width:380px;width:100%;padding:30px}}.works__card-img{position:relative}.works__card-img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);opacity:0;-webkit-transition:all .3s;transition:all .3s}.works__card-img:after{position:absolute;content:"詳細を見る";opacity:0;-webkit-transition:all .3s;transition:all .3s;color:#c6ecec;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700;font-size:24px}.works__card-img:hover:before{opacity:1}.works__card-img:hover:after{opacity:1}.works__card-title{font-size:20px;font-weight:500;line-height:30px;letter-spacing:2px}@media screen and (min-width:768px){.works__card-title{font-size:24px;line-height:32px;letter-spacing:2.4px}}.works__sidebar{width:100%}@media screen and (min-width:1360px){.works__sidebar{-ms-flex-negative:0;flex-shrink:0;width:255px}}.works__sidebar-head{font-family:"Barlow Semi Condensed",sans-serif;font-size:24px;padding-left:12px;font-weight:500;line-height:52px;letter-spacing:1.2px;background:rgba(255,255,255,.13);height:52px}@media screen and (min-width:768px){.works__sidebar-head{font-size:32px;padding-left:12px;line-height:52px;letter-spacing:1.6px;background:rgba(255,255,255,.13);height:52px}}.works__sidebar-category{margin-top:40px;padding-left:20px;padding-right:20px}.category-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:30px}@media screen and (min-width:768px){.category-tags{margin-top:40px}}.category-tag{font-family:"Barlow Semi Condensed",sans-serif;border-radius:3px;border:1px solid;padding:10px 20px;font-size:14px;line-height:16px;letter-spacing:1.4px;-webkit-transition:all .3s;transition:all .3s;-ms-flex-negative:0;flex-shrink:0}.category-tag:hover{background:#f3f3f3}.category-tag:hover .gradient{background:-webkit-gradient(linear,left bottom,left top,from(#1a205f),to(#27272d));background:linear-gradient(0deg,#1a205f 0%,#27272d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.single{padding-top:40px;padding-bottom:80px}@media screen and (min-width:768px){.single{padding-top:100px;padding-bottom:110px}}.single__content{max-width:830px;margin-inline:auto}.single__title{font-size:24px;font-weight:700;line-height:24px;letter-spacing:3px}@media screen and (min-width:768px){.single__title{font-size:32px;line-height:32px}}.single__tags{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;gap:16px}@media screen and (min-width:768px){.single__tags{margin-top:30px;gap:30px}}.single__tag{font-family:"Barlow Semi Condensed",sans-serif;font-size:12px;line-height:11.96px;letter-spacing:1.2px;border-radius:3px;border:1px solid;padding:5px 16px;-webkit-transition:all .3s;transition:all .3s}.single__tag:hover{background:#f3f3f3}.single__tag:hover .gradient{background:-webkit-gradient(linear,left bottom,left top,from(#1a205f),to(#27272d));background:linear-gradient(0deg,#1a205f 0%,#27272d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width:768px){.single__tag{font-size:14px;line-height:16px;letter-spacing:1.4px;padding:10px 20px}}.gradient{-webkit-transition:all .3s;transition:all .3s}.single__swiper{margin-top:30px}@media screen and (min-width:768px){.single__swiper{margin-top:50px}}.single__img{position:relative;z-index:10}.single__img-mac img{position:relative;z-index:5;width:850px}.portfolio__img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:5vw;width:91%}@media screen and (min-width:900px){.portfolio__img{top:7%}}.single__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:50px;gap:56px}@media screen and (min-width:768px){.single__items{gap:72px}}.single__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.single__item-lead{font-size:20px;font-weight:500;line-height:24px;letter-spacing:.5px}@media screen and (min-width:768px){.single__item-lead{font-size:24px}}.single__item-text{font-size:18px;line-height:24px;letter-spacing:1px}.single__link-url{font-family:"Barlow Semi Condensed",sans-serif;line-height:24px;letter-spacing:1px;-webkit-transition:all .3s;transition:all .3s}.single__link-url:hover{color:#87b9d7}.news-p{padding-top:40px;padding-bottom:80px}@media screen and (min-width:768px){.news-p{padding:110px 0}}.news-p__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (min-width:1360px){.news-p__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:60px}}@media screen and (min-width:1360px){.news-p__main{max-width:805px;width:100%}}.news__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:20px;margin-top:40px}@media screen and (min-width:768px){.news__items{gap:50px}}@media screen and (min-width:1360px){.news__items{margin-top:0}}.news__item-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;background:#203745;-webkit-transition:all .3s;transition:all .3s}.news__item-link:hover{opacity:.7}@media screen and (min-width:768px){.news__item-link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:40px}}.news__item-img{-ms-flex-negative:0;flex-shrink:0}.news__item-img img{border-radius:3px;width:700px}@media screen and (min-width:768px){.news__item-img img{width:192px;height:108px}}.news__item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:8px;margin-top:16px}@media screen and (min-width:768px){.news__item-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-top:0}}.news__item-date{font-family:"Barlow Semi Condensed",sans-serif;color:#a4a4a4;font-size:14px;letter-spacing:.5px}@media screen and (min-width:768px){.news__item-date{font-size:16px}}.news__item-title{font-size:20px;font-weight:500;line-height:24px;letter-spacing:2px}@media screen and (min-width:768px){.news__item-title{letter-spacing:1px}}.news__item-tag{font-family:"Barlow Semi Condensed",sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:3px;border:1px solid;padding:5px 16px;font-size:12px;line-height:11.96px;letter-spacing:1.2px}@media screen and (min-width:768px){.news__item-tag{padding:5px 20px;font-size:14px;line-height:16px;letter-spacing:1.4px}}.single__news-title{margin-top:50px}@media screen and (min-width:768px){.single__news-title{margin-top:82px;font-size:32px;font-weight:700;line-height:32px;letter-spacing:3px}}@media screen and (min-width:1360px){.single__news-title{margin-top:0}}.single__news-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:768px){.single__news-tag{margin-top:30px;gap:20px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.single__news-content{margin-top:20px}@media screen and (min-width:768px){.single__news-content{margin-top:50px}}.single__news-text{margin-top:20px;line-height:28px;letter-spacing:3.2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}@media screen and (min-width:768px){.single__news-text{margin-top:84px;font-size:18px;line-height:30px;letter-spacing:1px}}.single__news-text a{-webkit-transition:all .3s;transition:all .3s}.single__news-text a:hover{color:#87b9d7}.price__p{padding:150px 0}@media screen and (min-width:768px){.price__p{padding:200px 0}}.price__p-text{text-align:center;font-family:"Barlow",sans-serif;font-size:32px;font-weight:500;line-height:76px;letter-spacing:3.2px}@media screen and (min-width:768px){.price__p-text{font-size:56px;letter-spacing:5.6px}}.contact-p{margin:0 auto;padding:80px 0}@media screen and (min-width:768px){.contact-p{padding:110px 0}}.contact__head-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:32px;padding-inline:20px;position:relative}@media screen and (max-width:390px){.contact__head-items{gap:8px}}@media screen and (min-width:768px){.contact__head-items{gap:80px;padding:0}}.contact__head-items:before{position:absolute;content:"";background:#ddd;width:32px;height:2px;top:50%;left:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-82px);transform:translateX(-82px)}@media screen and (max-width:390px){.contact__head-items:before{width:8px;-webkit-transform:translateX(-58px);transform:translateX(-58px)}}@media screen and (min-width:768px){.contact__head-items:before{width:80px;-webkit-transform:translateX(-130px);transform:translateX(-130px)}}.contact__head-items:after{position:absolute;content:"";background:#ddd;width:32px;height:2px;top:50%;right:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(82px);transform:translateX(82px)}@media screen and (max-width:390px){.contact__head-items:after{width:8px;-webkit-transform:translateX(58px);transform:translateX(58px)}}@media screen and (min-width:768px){.contact__head-items:after{width:80px;-webkit-transform:translateX(130px);transform:translateX(130px)}}.contact__head-item{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-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;color:#777;width:100px;height:100px;-ms-flex-negative:0;flex-shrink:0;border-radius:50px}@media screen and (min-width:768px){.contact__head-item{width:100px;height:100px;-ms-flex-negative:0;flex-shrink:0;border-radius:50px}}.contact__head-circle{position:relative}.contact__head-circle:after{position:absolute;content:"";width:100%;height:100px;top:0;left:0;border:0 solid #87b9d7;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50px;border-width:5px}.is-now{background:#00a3ff;color:#f3f3f3}.contact__head-number{text-align:center}.contact__head-text{text-align:center}.contact__form{text-align:center}@media screen and (min-width:768px){.contact__form{margin-top:40px}}.contact__box{margin-top:24px;text-align:center}@media screen and (min-width:768px){.contact__box{margin-top:40px}}.contact-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}@media screen and (min-width:768px){.contact-form{gap:38px}}.contact__text{text-align:center;line-height:180%;letter-spacing:.64px;margin-top:34px}@media screen and (min-width:768px){.contact__text{margin-top:40px}}.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:40px}@media screen and (min-width:768px){.contact__fields{max-width:640px;width:100%;margin:40px auto 0;gap:32px}}@media screen and (min-width:768px){.contact__field:nth-child(n+4){margin-top:16px}}.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}.form-field__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}@media screen and (min-width:768px){.form-field__head{width:220px;-ms-flex-negative:0;flex-shrink:0}}.flex-start{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.form-field__label{font-size:16px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.form-field__item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.field__item-names{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}@media screen and (min-width:768px){.field__item-names{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px}}.field__item-name{width:100%}.form-field__checkboxes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:768px){.form-field__checkboxes{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.form-field__checkboxes .wpcf7-form-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:768px){.form-field__checkboxes .wpcf7-form-control{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.form-field__checkboxes .wpcf7-list-item{margin:0}.form-field__checkboxes .wpcf7-list-item-label{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.form-field__checkboxes .wpcf7-list-item-label{position:relative;padding-left:32px}.form-field__checkboxes .wpcf7-list-item-label a:focus{outline:1px solid #00a3ff}.form-field__checkboxes .wpcf7-list-item-label:before,.form-field__checkboxes .wpcf7-list-item-label:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-field__checkboxes .wpcf7-list-item-label:before{background:#fff;width:20px;height:20px;border-radius:4px;border:1px solid var(--999,#999)}.form-field__checkboxes .wpcf7-list-item-label:after{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/check-icon.png) no-repeat center center/contain;width:20px;height:20px;left:0;opacity:0}.form-field__checkboxes input[type=checkbox]{opacity:0;position:absolute}.form-field__checkboxes input[type=checkbox]:checked+.wpcf7-list-item-label:after{opacity:1}.form-field__checkboxes input[type=checkbox]:focus+.wpcf7-list-item-label:before{outline:1px solid #00a3ff}.checkbox__box{width:1px;height:1px;position:absolute;clip:rect(0,0,0,0);overflow:hidden}.checkbox__box:checked+.checkbox__text:after{opacity:1}.checkbox__box:focus+.checkbox__text:before{outline:1px solid #00a3ff}.checkbox__text{position:relative;padding-left:32px}.checkbox__text:before,.checkbox__text:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.checkbox__text:before{background:#fff;width:20px;height:20px;border-radius:4px;border:1px solid var(--999,#999)}.checkbox__text:after{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/check-icon.png) no-repeat center center/contain;width:20px;height:20px;left:0;opacity:0}.form-text{border-radius:3px;background:#f3f3f3;padding:16px;width:100%;border:none;color:#333;font-size:14px}.form-text ::-webkit-input-placeholder{color:#ccc}.form-text ::-moz-placeholder{color:#ccc}.form-text :-ms-input-placeholder{color:#ccc}.form-text ::-ms-input-placeholder{color:#ccc}.form-text ::placeholder{color:#ccc}@media screen and (min-width:768px){.form-text{font-size:16px}}.form-text:hover{outline:2px solid #87b9d7}.form-text:focus{outline:3px solid #00a3ff}.form-textarea{border-radius:3px;background:#f3f3f3;padding:16px;width:100%;height:240px;border:none;color:#333;font-size:14px;resize:vertical}.form-textarea ::-webkit-input-placeholder{color:#ccc}.form-textarea ::-moz-placeholder{color:#ccc}.form-textarea :-ms-input-placeholder{color:#ccc}.form-textarea ::-ms-input-placeholder{color:#ccc}.form-textarea ::placeholder{color:#ccc}@media screen and (min-width:768px){.form-textarea{font-size:16px}}.form-textarea:hover{outline:2px solid #87b9d7}.form-textarea:focus{outline:3px solid #00a3ff}.contact__pryvacy{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}.pryvacy__boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:20px;border-radius:3px;border:1px solid}.pryvacy__box-lead{font-weight:700;line-height:150%}.pryvacy__box-text{line-height:150%;margin-top:8px}.form-checkbox{text-align:center}@media screen and (min-width:768px){.form-checkbox{text-align:left}}.form-checkbox .wpcf7-list-item{margin:0}.form-checkbox .wpcf7-list-item-label{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.form-checkbox .wpcf7-list-item-label{position:relative;padding-left:28px}.form-checkbox .wpcf7-list-item-label a:focus{outline:1px solid #00a3ff}.form-checkbox .wpcf7-list-item-label:before,.form-checkbox .wpcf7-list-item-label:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-checkbox .wpcf7-list-item-label:before{background:#fff;width:20px;height:20px;border-radius:4px;border:1px solid var(--999,#999)}.form-checkbox .wpcf7-list-item-label:after{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/check-icon.png) no-repeat center center/contain;width:20px;height:20px;left:0;opacity:0}.form-checkbox input[type=checkbox]{opacity:0;position:absolute}.form-checkbox input[type=checkbox]:checked+.wpcf7-list-item-label:after{opacity:1}.form-checkbox input[type=checkbox]:focus+.wpcf7-list-item-label:before{outline:1px solid #00a3ff}.form-checkbox__input{width:1px;height:1px;position:absolute;clip:rect(0,0,0,0);overflow:hidden}.form-checkbox__input:checked+.form-checkbox__text:after{opacity:1}.form-checkbox__input:focus+.form-checkbox__text:before{outline:1px solid #00a3ff}.form-checkbox__text{position:relative;padding-left:36px;font-size:14px}.form-checkbox__text a:focus{outline:1px solid #00a3ff}@media screen and (min-width:768px){.form-checkbox__text{font-size:16px}}.form-checkbox__text:before,.form-checkbox__text:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form-checkbox__text:before{background:#f5f5f5;width:20px;height:20px;border-radius:4px}.form-checkbox__text:after{background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/check-icon.png) no-repeat center center/contain;width:20px;height:20px;left:0;opacity:0}.contact__button{text-align:center;margin-top:50px;padding:10px 0 20px 30px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:244px;text-align:start;cursor:pointer}@media screen and (min-width:768px){.contact__button{margin-top:80px}}.contact__button span.wpcf7-spinner{display:none}.contact__button:hover input[type=submit]{padding-left:20px}.contact__button input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:3px;color:#f3f3f3;font-size:16px;line-height:100%;letter-spacing:1.6px;background-color:transparent;border:none;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.input-invalid{border:1px solid #ce2073;background-color:#fff0f7}.form-field__a{font-size:20px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:4px;text-align:left}.contact__fields-confirm{margin-top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}@media screen and (min-width:768px){.contact__fields-confirm{max-width:640px;width:100%;margin:80px auto 0;gap:32px}}.contact__buttons{margin-top:80px;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}@media screen and (min-width:768px){.contact__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:130px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.contact__button-prev{text-align:center;display:inline-block;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;text-align:right;cursor:pointer;position:relative}.contact__button-prev:after{position:absolute;content:"";background:url(//shojifolio.xyz/wp-content/themes/俺のポートフォリオ/css/../img/Vector.svg) no-repeat center center/contain;top:16px;right:30px;width:10px;height:13.333px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.contact__button-prev:hover input[type=button].wpcf7-previous{padding-right:24px}.contact__button-prev span.wpcf7-spinner{display:none}.contact__button-prev input[type=button].wpcf7-previous{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:178px;height:54px;padding:10px 10px 20px 0;color:#f3f3f3;font-size:16px;line-height:100%;letter-spacing:1.6px;background-color:transparent;border:none;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.contact__button-submit{text-align:center;padding:10px 0 20px 30px;display:inline-block;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;width:178px;text-align:start;cursor:pointer}.contact__button-submit:hover input[type=submit]{padding-left:18px}.contact__button-submit span.wpcf7-spinner{display:none}.contact__button-submit input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:3px;color:#f3f3f3;font-size:16px;line-height:100%;letter-spacing:1.6px;background-color:transparent;border:none;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.contact__thanks{text-align:center;margin-top:60px}@media screen and (min-width:768px){.contact__thanks{margin-top:80px}}.contact__thanks-lead{font-size:24px;line-height:100%}@media screen and (min-width:768px){.contact__thanks-lead{font-size:32px}}.contact__thanks-text{margin-top:40px;line-height:180%;letter-spacing:.48px}.pagination{text-align:center;margin-top:80px}.nav-links .page-numbers{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}.nav-links a.page-numbers,.nav-links .current,.nav-links a.prev,.nav-links a.next,.nav-links .dots{width:50px;height:50px;text-align:center;line-height:50px;background:0 0;color:#7090dd;border-radius:50%;margin-right:25px;font-size:12px;font-weight:700;border:1px solid #999}.nav-links a.page-numbers:hover{color:#fff;background-color:#999;border-color:#999;border-radius:50%}.nav-links .current{background:#203745;color:#fff;padding:0}.nav-links a.prev,.nav-links a.next{border:1px solid #999;color:#004bb1;position:relative}.nav-links .next:before,.nav-links .prev:after{content:"";display:inline-block;width:.5px;height:40px;background-color:#e0d7d7;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-links .next:before{left:-15px}.nav-links .prev:after{right:-15px}.nav-links .dots{background:0 0;border:none}