.area{background:#fff;background:-webkit-linear-gradient(to left, #8f94fb, #4e54c8);width:100%;height:100vh;position:fixed;z-index:-100}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(162,162,162,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.m-breadcrumb{font-family:Helvetica;font-size:0.875rem;width:100%;padding:10px 5% 50px;overflow:auto}@media screen and (min-width: 768px){.m-breadcrumb{max-width:1150px;margin:8px auto;padding:0 10px}}.m-breadcrumb__list{position:relative;white-space:nowrap}.m-breadcrumb__item{display:inline-block;padding:0 16px;color:#303030;position:relative}.m-breadcrumb__item:first-child{padding-left:0}.m-breadcrumb__item:not(:last-child)::after{position:absolute;content:"";top:calc(50% - 1px);right:-7px;width:10px;height:2px;background-color:#303030}.btn{display:inline-block;transition:all .8s ease}.btn__link{background:#303030;border-radius:30px;padding:6px 60px;color:#fff;display:block;font-size:1.25rem;transition:all .3s ease}.btn__link:hover{color:#fff;background:#892c2c;opacity:1}.btn2{display:inline-block;transition:all .3s ease-out}.btn2__link{padding:6px 60px;color:#303030;background:#fff;border-radius:30px;font-size:1.25rem;font-weight:600;display:block;transition:all .3s ease-out}.btn2__link:hover{color:#fff;background:#892c2c;opacity:1}.p-form-table{margin-top:24px;display:block}@media screen and (min-width: 768px){.p-form-table{display:table}}.p-form-table tr{display:block}@media screen and (min-width: 768px){.p-form-table tr{display:table-row}}.p-form-table__ttl{padding-right:8px;text-align:left;color:#fff;padding:4px 0;display:block;font-weight:500}@media screen and (min-width: 768px){.p-form-table__ttl{width:138px;display:table-cell;vertical-align:top;padding:12px 0}}.p-form-table__cont{padding:4px 0;display:block}@media screen and (min-width: 768px){.p-form-table__cont{display:table-cell;padding:12px 0;width:calc(100% - 128px)}}.p-form-table.is-confirm .p-form-table__ttl{width:200px}.p-form-table.is-confirm .p-form-table__cont{width:calc(100% - 200px);color:#fff}.p-form__note{color:#fff;font-size:0.875rem;margin-top:8px}.p-form__privacy-note{color:#fff;font-size:0.875rem;font-weight:300;margin-top:8px}@media screen and (min-width: 768px){.p-form__privacy-note{font-size:1rem}}.p-form__link{color:#303030;text-decoration:underline;font-weight:500}@media screen and (min-width: 768px){.p-form__link:hover{text-decoration:none}}.p-form__input-txt{width:100%;border:none;border-radius:0;outline:none;background:#fff;box-shadow:none;appearance:none}.p-form__input-txt::placeholder{color:#b5b5b6;font-weight:300}.p-form__input-txt:focus{outline:none;outline-offset:0}.p-form__txt-area{width:100%;height:190px;resize:vertical;appearance:none;border:none}.p-form__agree-block{display:flex;justify-content:center;margin-top:32px;color:#fff;font-weight:500}.p-form__btn-block{display:flex;justify-content:center;margin-top:24px}.p-form__submit{width:200px;height:50px;background-color:#303030;color:#fff;font-weight:300;outline:none;margin:0 16px;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;outline:none;cursor:pointer;transition:opacity .3s ease}@media screen and (min-width: 768px){.p-form__submit:hover{opacity:.7;transition:opacity .3s ease}}.p-form__back{width:200px;height:50px;background-color:#892c2c;color:#fff;font-weight:300;outline:none;margin:0 16px;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;outline:none;cursor:pointer}@media screen and (min-width: 768px){.p-form__back:hover{opacity:.7;transition:opacity .3s ease}}.p-form-child-table{width:100%}.p-form-child-table tr{display:table-row}.p-form-child-table__ttl{width:90px;padding-right:8px;text-align:left;color:#fff;padding:6px 0;vertical-align:top}.p-form-child-table__cont{width:calc(100% - 90px);padding:6px 0}@media screen and (min-width: 768px){.p-form-child-table__cont{width:calc(100% - 90px)}}.p-form-child-table__input-txt{width:100%;appearance:none;border:none}.p-form-child-table__input-txt::placeholder{color:#b5b5b6;font-weight:300}.p-form-child-table__input-txt:focus{outline:none;outline-offset:0}.p-form input[type=checkbox]{position:relative;width:20px;height:20px;border:1px solid #727171;vertical-align:-8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;appearance:none;border:none}.p-form input[type=checkbox]:checked:before{position:absolute;top:-1px;left:5px;transform:rotate(50deg);width:8px;height:16px;border-right:3px solid #000;border-bottom:3px solid #000;content:""}.p-form .error{color:#bc282a;margin-top:4px}.l-hamburger{width:40px;height:40px;position:absolute;top:10px;right:10px;background-color:#fff;cursor:pointer}@media screen and (min-width: 768px){.l-hamburger{display:none}}.l-hamburger span{position:absolute;width:80%;height:2px;background-color:#303030;left:10%}.l-hamburger span:nth-child(1){top:20%;transition:all .3s ease}.l-hamburger span:nth-child(2){top:calc(50% - 2px);transition:opacity .3s ease}.l-hamburger span:nth-child(3){bottom:20%;transition:all .3s ease}.l-hamburger.is-active{background-color:#303030;z-index:1000}.l-hamburger.is-active span{background-color:#fff}.l-hamburger.is-active span:nth-child(1){top:calc(50% - 2px);transform:rotate(45deg);transition:all .3s ease}.l-hamburger.is-active span:nth-child(2){opacity:0;transition:opacity .3s ease}.l-hamburger.is-active span:nth-child(3){bottom:calc(50% - 2px);transform:rotate(-45deg);transition:all .3s ease}.overlay{display:none;position:fixed;width:100%;height:100%;background-color:#000;opacity:.7;z-index:2}.overlay.is-active{display:block}@media screen and (min-width: 768px){.overlay.is-active{display:none}}.top-swiper{width:80%;max-width:447px;margin:80px auto;overflow:visible;position:relative}.top-swiper__item{width:100%;height:100%;filter:grayscale(100%);transition:.3s ease-in-out}.top-swiper__item:hover{filter:grayscale(0)}.top-swiper .swiper{overflow:visible}.top-swiper .swiper-wrapper{height:auto}.top-swiper .swiper-slide{height:auto}.top-swiper .swiper-slide img{width:100%;height:100%}.top-swiper .swiper-button-prev,.top-swiper .swiper-button-next{height:50px;width:50px}.top-swiper .swiper-button-prev:after,.top-swiper .swiper-button-next:after{background-repeat:no-repeat;background-size:contain;position:absolute;content:"";height:50px;margin:auto;width:50px}.top-swiper .swiper-button-prev{left:-30px;right:auto}@media screen and (min-width: 768px){.top-swiper .swiper-button-prev{left:-60px}}.top-swiper .swiper-button-prev:after{background:url("/cms/wp-content/themes/pepe-portfolio/assets/images/top/pre.svg") no-repeat center/contain}.top-swiper .swiper-button-next{left:auto;right:-30px}@media screen and (min-width: 768px){.top-swiper .swiper-button-next{right:-60px}}.top-swiper .swiper-button-next:after{background:url("/cms/wp-content/themes/pepe-portfolio/assets/images/top/next.svg") no-repeat center/contain}.top-swiper .swiper-button-prev.swiper-button-disabled,.top-swiper .swiper-button-next.swiper-button-disabled{opacity:1}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}ul,ol{list-style:none;padding:0;margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}img{vertical-align:bottom;width:100%;height:auto}input,button,textarea,select{font:inherit}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:"Zen Kaku Gothic New","Helvetica",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.m-heading-01{display:flex;flex-direction:column-reverse;text-align:center}.m-heading-01__tit{font-size:1rem}.m-heading-01__en{font-size:2rem;font-weight:800}.m-heading-01.is-white{color:#fff}.u-txt-center{text-align:center !important}.u-txt-right{text-align:right !important}.u-txt-left{text-align:left !important}.u-fw-bold{font-weight:700 !important}.u-fw-500{font-weight:500 !important}.u-fw-400{font-weight:400 !important}.u-txt-indent-01{margin-left:1em;text-indent:-1em}.u-txt-red{color:#892c2c}.u-txt-white{color:#fff}.icon-sec{margin-top:60px}@media screen and (min-width: 768px){.icon-sec{margin-top:120px}}.icon-sec__wrap{display:flex;overflow:hidden}.icon-sec__list{display:flex;list-style:none}.icon-sec__list-left{animation:infinity-scroll-left 95s infinite linear .5s both}.icon-sec__item{width:12.5vw}@media screen and (min-width: 768px){.icon-sec__item{width:6.6666666667vw}}.icon-sec__item img{width:100%}@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.l-footer{padding-top:64px;text-align:center}.l-footer__inner{width:100%;margin:0 auto;font-family:Helvetica}@media screen and (min-width: 768px){.l-footer__inner{max-width:1000px;padding:0 10px}}.l-footer__list{display:flex;justify-content:center;align-items:center;gap:0 50px;font-size:1.25rem}.l-footer__copyright{margin:32px 0 64px;display:flex;justify-content:center}.contact{background-color:#303030;padding-top:120px;padding-bottom:120px;margin-top:60px;text-align:center;color:#fff}.contact__txt{margin:32px 0}.c-btn-pagetop{position:fixed;bottom:20px;right:10px;display:flex;justify-content:center;align-items:center;margin:0 auto;width:40px;height:40px;background:#303030;border-radius:50vh;transition:.3s;z-index:9991}@media screen and (min-width: 768px){.c-btn-pagetop{bottom:30px;right:30px;width:80px;height:80px}}.c-btn-pagetop::after{content:"";width:15px;height:15px;border-top:3px solid #fff;border-left:3px solid #fff;transform:rotate(45deg);transition:.3s}.c-btn-pagetop span{width:0px;height:0px;visibility:hidden}.c-btn-pagetop:hover{background-color:#303030}.c-btn-pagetop:hover::after{border-top:3px solid #f2f2f2;border-left:3px solid #f2f2f2;transform:translateY(-5px) rotate(45deg)}.l-header{width:100%;height:80px;position:fixed;top:0;z-index:10;display:flex;align-items:center;background-color:#fff}.l-header__inner{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:unset;font-family:Helvetica}@media screen and (min-width: 768px){.l-header__inner{max-width:1150px;padding:0 10px;align-items:center}}.l-header__logo{margin:10px 0 0 10px}.l-header__logo img{width:170px;height:auto}@media screen and (min-width: 768px){.l-header__logo{margin:0}.l-header__logo img{width:217px}}.l-header__nav{opacity:0;transition:.3s ease-in-out;position:fixed;width:100%;height:100vh;background:#303030;z-index:-1;top:0}@media screen and (min-width: 768px){.l-header__nav{opacity:1;position:unset;width:auto;height:auto;background:#fff;z-index:0;top:0}}.l-header__nav.is-active{opacity:1;display:block;z-index:999}.l-header__list{display:none;align-items:center;flex-direction:column;justify-content:center;height:100vh}@media screen and (min-width: 768px){.l-header__list{display:flex;flex-direction:row;justify-content:unsafe;height:auto}}.l-header__list.is-active{display:flex}.l-header__item{display:block;margin-right:0;margin-bottom:20px}@media screen and (min-width: 768px){.l-header__item{margin-right:30px;margin-bottom:0}}.l-header__item:last-child{margin-right:0}.l-header__link{position:relative;color:#fff;font-size:1rem}@media screen and (min-width: 768px){.l-header__link{color:#151617}}.l-header__link::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#151617;transition:all .3s;transform:scale(0, 1);transform-origin:center top}.l-header__link:hover::after{transform:scale(1, 1)}.l-header__btn{background:#303030;border-radius:20px;color:#fff;padding:6px 20px}.l-main{margin:0 auto}.l-contents,.l-contents-narrow{width:100%;margin-right:auto;margin-left:auto;margin-top:60px;padding-right:10px;padding-left:10px}@media screen and (min-width: 768px){.l-contents,.l-contents-narrow{max-width:1150px;margin-top:120px}}.l-contents.is-side,.is-side.l-contents-narrow{display:flex}.l-contents-narrow{max-width:1140px}.l-contents-fluid{max-width:100%}.l-contents-wide{padding-right:5%;padding-left:5%}@media screen and (min-width: 768px){.l-contents-wide{display:flex;flex-direction:row-reverse;padding-right:20px;padding-left:20px}}.l-mv{padding-top:80px;background-color:#303030;color:#fff}.l-mv__inner{width:100%;max-width:1150px;display:flex;flex-direction:column-reverse;margin:0 auto;padding:80px 10px}.l-mv__ttl{font-size:0.875rem}.l-mv__en{font-family:"Helvetica";font-weight:700;font-size:2rem;letter-spacing:.2em}.l-nav{display:none;width:100%;position:absolute;background-color:#113569;top:100px;left:0;z-index:2}@media screen and (min-width: 768px){.l-nav{display:block;top:30px;right:0;width:400px;left:auto;background-color:#fff}}@media screen and (min-width: 768px){.l-nav__list{display:flex}}.l-nav__item{padding:0 20px}.l-nav__item a{color:#fff;text-decoration:none}.l-nav__item a:visited{color:#fff;text-decoration:none}.l-nav__item a:hover{color:#fff;text-decoration:none}@media screen and (min-width: 768px){.l-nav__item a:hover{color:#fff}}.l-nav__item a:active{color:#fff;text-decoration:none}@media screen and (min-width: 768px){.l-nav__item a{color:#000;text-decoration:none}.l-nav__item a:visited{color:#000;text-decoration:none}.l-nav__item a:hover{color:#000;text-decoration:none}}@media screen and (min-width: 768px)and (min-width: 768px){.l-nav__item a:hover{color:#113569}}@media screen and (min-width: 768px){.l-nav__item a:active{color:#113569;text-decoration:none}}.l-nav.is-active{display:block}.about-ttl{margin-bottom:40px}.about-txt{line-height:1.8;margin-bottom:40px}.about-list{display:flex;flex-direction:column;flex-wrap:wrap;gap:40px 2%;margin-bottom:40px;border-bottom:1px solid #eaeaea;padding-bottom:40px}@media screen and (min-width: 768px){.about-list{flex-direction:row}}.about-list__ttl{width:100%}@media screen and (min-width: 768px){.about-list__ttl{width:30%}}.about .skills{width:100%;max-width:1150px;margin:100px auto}.p-contact-box{max-width:900px;margin-inline:auto;padding:40px 0;text-align:center;border:5px solid #8ad0ed;border-radius:20px}.p-contact-box__ttl{font-size:1.25rem;margin-bottom:6px}@media screen and (min-width: 768px){.p-contact-box__ttl{font-size:2rem}}.p-contact-box__tel{font-size:1.75rem;color:#303030}@media screen and (min-width: 768px){.p-contact-box__tel{font-size:2.875rem}}.p-contact-box__tel a,.p-contact-box__tel a:visited{color:#303030}.p-contact-box__sub{font-size:0.875rem;margin-bottom:16px}@media screen and (min-width: 768px){.p-contact-box__sub{font-size:1rem;margin-bottom:0}}.p-contact-box__time{font-size:0.875rem;margin-bottom:24px}.p-contact-box__etc{font-size:1rem;background-color:#8ad0ed;padding:12px 12px;display:inline-block;margin-bottom:24px}@media screen and (min-width: 768px){.p-contact-box__etc{padding:12px 32px}}.p-contact-box__flex{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0 20px}@media screen and (min-width: 768px){.p-contact-box__flex{flex-direction:row;padding:0 80px}}.p-contact-box__fax{width:100%;font-size:1.25rem;line-height:1.2;border-bottom:1px solid #8ad0ed;border-right:0px solid #8ad0ed;padding-bottom:8px}@media screen and (min-width: 768px){.p-contact-box__fax{width:50%;font-size:2rem;border-bottom:0px solid #8ad0ed;border-right:1px solid #8ad0ed;padding-bottom:0}}.p-contact-box__mail{width:100%;padding-top:8px}@media screen and (min-width: 768px){.p-contact-box__mail{width:50%;padding-top:0}}.p-contact-ttl{font-size:clamp(1rem,2.8vw,1.5rem);color:#303030;text-align:left;line-height:1.8;margin-bottom:80px}@media screen and (min-width: 768px){.p-contact-ttl{text-align:center}}.contact-table{width:100%;display:block}@media screen and (min-width: 768px){.contact-table{display:table}}.contact-table tbody{display:block}@media screen and (min-width: 768px){.contact-table tbody{display:table-row-group}}.contact-table tr{display:block;width:100%}@media screen and (min-width: 768px){.contact-table tr{display:table-row}}.contact-table th,.contact-table td{padding:16px 0;display:block;font-weight:400}@media screen and (min-width: 768px){.contact-table th,.contact-table td{display:table-cell;padding:48px 40px}}.contact-table th{width:auto;text-align:left;padding-bottom:0;font-size:0.875rem;font-weight:600}@media screen and (min-width: 768px){.contact-table th{width:260px;border-bottom:1px solid #262626;padding:48px 40px 40px 0;font-size:1rem}}.contact-table td{border-bottom:1px solid #dedede;font-size:0.875rem;font-weight:600}@media screen and (min-width: 768px){.contact-table td{font-size:1rem;padding:48px 0 40px 40px}}.error{color:red;margin-top:8px}.contact-btn-area{margin:48px auto 0;display:flex;flex-direction:column}@media screen and (min-width: 768px){.contact-btn-area{display:flex;justify-content:center;flex-direction:row}}.contact-btn-area .btn-submit{width:280px;height:64px;margin:0 auto;display:flex;position:relative}@media screen and (min-width: 768px){.contact-btn-area .btn-submit{width:320px;margin:0 16px}}.contact-btn-area .btn-submit__btn{width:100%;height:100%;cursor:pointer;align-items:center;justify-content:center;background-color:#fff;border:1px solid #303030;color:#303030;position:relative;line-height:1;transition:background-color .3s ease;line-height:1em;transition:.3s;font-size:0.875rem}@media screen and (min-width: 768px){.contact-btn-area .btn-submit__btn{font-size:1rem}.contact-btn-area .btn-submit__btn:hover{background-color:#303030;color:#fff;transition:all .3s ease}}.contact-btn-area .btn-back{width:280px;height:64px;margin:0 auto 16px;display:flex;position:relative}@media screen and (min-width: 768px){.contact-btn-area .btn-back{width:320px;margin:0 16px}}.contact-btn-area .btn-back__btn{width:100%;height:100%;cursor:pointer;align-items:center;justify-content:center;background-color:#1e1e1e;color:#fff;position:relative;line-height:1;transition:background-color .3s ease;color:#fff;line-height:1em;transition:.3s;font-size:1rem}.contact-btn-area .btn-back__btn:hover{background-color:#303383;transition:all .3s ease}.btn-home{width:280px;height:64px;margin:0 auto;display:flex;position:relative}@media screen and (min-width: 768px){.btn-home{width:320px;margin:0 16px}}.btn-home__btn{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #303030;color:#303030;position:relative;line-height:1;transition:background-color .3s ease;line-height:1em;transition:.3s;font-size:0.875rem}@media screen and (min-width: 768px){.btn-home__btn{font-size:1rem}.btn-home__btn:hover{background-color:#303030;color:#fff;transition:all .3s ease}}@media screen and (min-width: 768px){.width150{width:150px}}@media screen and (min-width: 768px){.width300{width:300px}}@media screen and (min-width: 768px){.width400{width:400px}}@media screen and (min-width: 768px){.width600{width:600px}}.width-all{width:100%}label{margin-right:24px}.contact-privacy{padding:32px 0;font-size:0.875rem}@media screen and (min-width: 768px){.contact-privacy{padding:60px 0;font-size:1rem}}.contact-privacy a{color:#303030}@media screen and (min-width: 768px){.contact-privacy a:hover{text-decoration:underline}}.c-require{position:relative;font-weight:600}.c-require::after{content:"必須";background-color:#db5f5f;color:#fff;position:absolute;top:0;right:0;font-size:0.625rem;font-weight:400;padding:2px 4px}@media screen and (min-width: 768px){.c-require::after{font-size:0.75rem;padding:2px 8px;right:-40px}}.c-input-txt{padding:4px 8px;border:1px solid #a4a4a4;font-size:0.875rem;font-weight:700;border-radius:5px}.c-input-txt::placeholder{color:#ccc}@media screen and (min-width: 768px){.c-input-txt{padding:16px 24px;font-size:1rem}}.note-block{display:flex;flex-wrap:wrap;gap:80px 2%;margin-bottom:80px}.note-card{width:32%}.note-card__link{display:flex;flex-direction:column}.note-card__img{margin-bottom:16px;order:1}.note-card__ttl{font-weight:700;line-height:180%;font-size:1rem;order:3}.note-card__sub{display:flex;justify-content:space-between;align-items:center;font-size:0.875rem;color:#858585;order:2;margin-bottom:8px}.top .mv{height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.top .mv__logo{max-width:400px;margin-bottom:20px}.top .mv__lead{font-weight:400;font-size:2rem}.top .mv__txt{font-weight:400;font-size:1.25rem;margin-bottom:48px}.top .lead{margin-top:120px;margin-bottom:240px;text-align:center}.top .lead__tit{font-size:2rem;margin-bottom:24px}.top .service{background-color:#303030;padding-top:120px;padding-bottom:120px;text-align:center;color:#fff}.top .service__block{width:100%;margin:64px auto 0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}@media screen and (min-width: 768px){.top .service__block{flex-direction:row}}@media screen and (min-width: 1000px){.top .service__block{max-width:960px}}.top .service__box{width:100%;padding:56px 48px}@media screen and (min-width: 768px){.top .service__box{width:47%}}.top .service__tit{font-size:1.25rem;margin-bottom:32px;padding-bottom:16px;position:relative}.top .service__tit::after{position:absolute;content:"";width:50px;height:2px;background-color:#fff;bottom:8px;left:calc(50% - 25px)}.top .service__txt{text-align:left}.top .service__list{text-align:left}.top .service__item{padding-left:1em;position:relative;margin-top:8px}.top .service__item::before{position:absolute;content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;top:10.5px;left:0}.top .works{padding-top:120px;padding-bottom:60px;overflow-x:hidden;text-align:center}.top .about{text-align:center;padding-top:120px;padding-bottom:120px}.top .about__txt01{margin-top:56px}.top .about__txt02{margin-top:32px}.top .about__txt03{margin:56px 0 80px;font-size:1.25rem;font-weight:600}.scrolldown3{position:absolute;bottom:10px;right:50%;animation:mousemove 1.6s ease-in-out infinite}@keyframes mousemove{0%{bottom:10px}50%{bottom:5px}100%{bottom:10px}}.scrolldown3 span{position:absolute;left:-10px;bottom:100px;color:#303030;font-size:0.4375rem;letter-spacing:.05em}.scrolldown3 span::after{content:"";position:absolute;top:10px;left:13px;width:1px;height:15px;background:#303030;animation:mousepathmove 1.4s linear infinite;opacity:0}@keyframes mousepathmove{0%{height:0;top:10px;opacity:0}50%{height:15px;opacity:1}100%{height:0;top:30px;opacity:0}}.scrolldown3:before{content:"";position:absolute;bottom:35px;left:-10px;width:25px;height:37px;border-radius:10px;border:1px solid #303030}.scrolldown3:after{content:"";position:absolute;bottom:50px;left:0;width:5px;height:5px;border-radius:50%;border:1px solid #303030}.works-box{display:flex;flex-direction:column;padding-bottom:80px;scroll-margin-top:80px}.works-box:not(:last-child){border-bottom:1px solid #ddd;margin-bottom:80px}@media screen and (min-width: 768px){.works-box{flex-direction:row}}.works-box__img{width:100%;display:grid;place-items:center}@media screen and (min-width: 768px){.works-box__img{width:50%}}.works-box__img img{width:280px}@media screen and (min-width: 768px){.works-box__img img{width:340px}}.works-box__txtarea{width:100%}@media screen and (min-width: 768px){.works-box__txtarea{width:50%}}.works-box__txtarea-ttl{font-weight:500;font-size:1.5rem}.works-box__txtarea-txt{margin-top:32px}.works-box__cat{margin-top:32px;display:flex}.works-box__cat-item{display:inline-block;border:1px solid #303030;padding:0 8px 2px;font-size:0.875rem}.works-box__cat-item:not(:last-child){margin-right:24px}a{color:#303030;text-decoration:none;transition:opacity .3s ease}@media screen and (min-width: 768px){a:hover{text-decoration:none;opacity:.7}}