body{font-family:"Jost","Noto Sans JP",sans-serif;color:#333}body.is-fixed{overflow:hidden}.fade-in-up{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1s}.fade-in-up.is-in-view{opacity:1;transform:translateY(0)}.button{display:flex;align-items:center;padding:6px 10px 6px 34px;width:180px;margin:0 auto;border-top-right-radius:15px}.button--bg{background-color:#fff}.button--bg .button__text{color:#4a4a4a}.button--border{border:1px solid #fff}.button--border .button__text{color:#f39}.button__icon{display:flex;width:24px;align-items:center}.button__icon-path{fill:#fff}.button__icon-path--contact{fill:#4a4a4a}.button__text{margin-left:10px;font-size:16px;letter-spacing:.06em;color:#fff}.button__text--x{font-size:15px}.button__submit{border:none;font-family:"Jost","Noto Sans JP",sans-serif;display:block;padding:8px 15px;background-color:#7186a1;color:#fff;cursor:pointer;font-weight:bold;letter-spacing:.06em}.header{background-color:#7186a1;position:fixed;top:0;left:0;width:100%;z-index:999}.header__container{position:relative;width:100%}.header__logo{display:inline-block;padding:14px 24px;font-size:20px;letter-spacing:.06em;color:#fff}.header__menu-button{border:none;position:absolute;top:24px;right:24px;width:30px;height:36px;overflow:hidden;color:rgba(0,0,0,0);background:url(../img/bg_menu.webp) center center no-repeat;background-size:100% auto}.header__menu-button.is-checked{background:url(../img/bg_menu-close.webp) center center no-repeat;background-size:100% auto}.header__contents{height:calc(100vh - 88px);border-top:1px solid #fff;padding-top:60px;display:none}.header__nav-item+.header__nav-item{margin-top:24px}.fv{position:relative}.fv__img{display:block;width:100%;object-fit:cover}.fv__contents{position:absolute;bottom:26px;right:0;width:100%;height:209px;background:url(../img/sp/bg_fv.webp) center center no-repeat;background-size:cover;padding:50px}.fv__heading-main{display:block;font-size:clamp(30px,4.2372881356vw,40px);margin-top:10px;letter-spacing:.06em;color:#7186a1}.fv__heading-sub{display:block;margin-top:14px;font-size:20px;color:#f39}.section{padding:65px 0}.section__inner{padding:0 32px}.section__head{display:flex;flex-direction:column;margin-bottom:50px;text-align:center;position:relative}.section__head--center{text-align:center}.section__head-main{font-size:40px;letter-spacing:.06em}.section__head-sub{font-size:11px;color:#7186a1}.section__head-sub::after{content:"";background-color:#f39;width:100px;height:1px;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%)}.section__head-sub--x{font-size:14px;letter-spacing:.06em;color:#fff}.section__lead-text{font-size:16px;line-height:1.6}.section__lead-text--small{font-size:14px;color:#7186a1}.section__contents{margin-top:40px}.service{background:url(../img/sp/bg_service_sp.webp) center center no-repeat;background-size:cover}.service__item{background-color:#fff;padding:40px 25px 25px}.service__item+.service__item{margin-top:40px}.service__item-img{text-align:center;margin-bottom:14px}.service__item-img img{width:160px}.service__item-name{font-size:14px;font-weight:bold;text-align:center;margin-bottom:25px;color:#7186a1}.service__item-text{font-size:14px;line-height:1.6;text-align:left}.works{background-color:#fafafa}.works__swiper-container{position:relative}.works__swiper{position:relative}.works__swiper-wrapper{position:relative;margin-bottom:40px}.works__slide{box-shadow:0 4px 15px 0 #cdcdcd}.works__card{font-size:14px;text-align:left}.works__card:hover .works__card-img img{transform:scale(1.1)}.works__card:hover .works__card-viewmore{color:#f39}.works__card-img{overflow:hidden}.works__card-img img{width:100%;transition:transform .5s}.works__card-body{padding:12px 10px}.works__card-title{font-size:14px;font-weight:bold;margin-bottom:6px}.works__card-label{display:inline-block;font-size:12px;margin-bottom:6px;align-items:center}.works__card-label--border{display:inline-block;padding:0 8px;border:1px solid #f39;border-radius:100vh;margin-right:5px}.works__card-label--border-b{display:inline-block;padding:0 8px;border:1px solid #7186a1;border-radius:100vh;margin-right:5px}.works__card-label--bg{display:inline-block;padding:0 8px;color:#fff;background-color:#7186a1;border-radius:100vh;margin-right:5px;margin-top:5px}.works__card-viewmore{text-decoration:underline;transition:color .5s}.swiper-pagination-bullet{opacity:1;background:#cdcdcd;width:10px;height:10px;border-radius:50%}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#7186a1}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:50%;transform:translateX(-50%)}.works__prev::after{content:"";position:absolute;width:15px;height:auto;aspect-ratio:1;border-right:2px solid #7186a1;border-bottom:2px solid #7186a1;transform:rotate(135deg)}.works__next::after{content:"";position:absolute;width:15px;height:auto;aspect-ratio:1;border-right:2px solid #7186a1;border-bottom:2px solid #7186a1;transform:rotate(-45deg)}.price__container{overflow-x:scroll;padding-bottom:31px}.price__container::-webkit-scrollbar{width:800px;height:6px}.price__container::-webkit-scrollbar-track{border-radius:7px;background:#cdcdcd}.price__container::-webkit-scrollbar-thumb{border-radius:20px;background:#7186a1}.price__text-contents+.price__text-contents{margin-top:30px}.price__table{width:800px;margin-inline:auto;table-layout:fixed;border-collapse:collapse;margin-top:10px}.price__table td{padding:10px 20px;border:1px solid #cdcdcd;vertical-align:middle;font-size:clamp(12px,1.4830508475vw,14px)}.price__table td:nth-child(1){width:190px}.price__table td:nth-child(2){width:120px;color:#fff;background:#7186a1;text-align:right}.flow{background:url(../img/sp/bg_flow_sp.webp) center center no-repeat;background-size:cover}.flow__list{margin-top:64px}.flow__item{position:relative;border:1px solid #7186a1;padding:46px 16px 24px 16px;background-color:#fafafa}.flow__item+.flow__item{margin-top:46px}.flow__item-num{position:absolute;top:0px;left:10px;font-size:24px;background-color:#7186a1;color:#fff;width:35px;height:60px;display:flex;justify-content:center;font-family:"Besley","Noto Sans JP",sans-serif}.flow__item-num::after{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);border:27px solid rgba(0,0,0,0);border-bottom:15px solid #fafafa;z-index:5}.flow__item-img{margin-bottom:24px;text-align:center}.flow__icon-path{fill:#7186a1;opacity:.7}.flow__item-name{font-size:16px;font-weight:bold;text-align:center;margin-bottom:30px;position:relative}.flow__item-name::after{content:"";background-color:#f39;width:25px;height:1px;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.flow__item-text{font-size:14px;line-height:1.6}.about{background-color:#fafafa}.about__container .about__img{margin-bottom:32px}.about__container .about__img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15);border-top-right-radius:65px}.about__name{color:#7186a1;margin-bottom:1em}.about__text{font-size:16px;line-height:1.6}.about__text+.about__text{margin-top:.5em}.about__skill{color:#7186a1;margin-top:1rem;margin-bottom:1em}.about__skill-text+.about__skill-text{margin-top:.5em}.contact{background:url(../img/sp/bg_contact_sp.webp) center center no-repeat;background-size:cover}.contact__form-head{margin-bottom:5px;font-size:14px}.contact__form-data{margin-bottom:20px}.contact__form-data input{width:100%;border:1px solid #7186a1;border-radius:5px;padding:8px 15px;font-family:"Jost","Noto Sans JP",sans-serif}.contact__form-data textarea{width:100%;border:1px solid #7186a1;border-radius:5px;padding:8px 15px;font-family:"Jost","Noto Sans JP",sans-serif}.contact .form-wrapper .end-message{display:none;text-align:center;background-color:#fff;padding:8px 15px;width:70%;margin:0 auto;border:1px solid #f39;border-radius:5px}.contact .form-wrapper .false-message{display:none;text-align:center;background-color:#fff;padding:8px 15px;width:70%;margin:0 auto;border:1px solid #f39;border-radius:5px}.footer{padding:10px;text-align:center}.footer__copy{font-size:11px;font-family:"Noto Sans JP",sans-serif}@media screen and (min-width: 768px){.wrapper{display:flex}.main{flex-basis:79.2%}.header{position:relative;flex-basis:20.8%;padding:50px 20px}.header__container{width:180px;margin:0 auto;position:sticky;top:50px}.header__logo{font-size:30px;letter-spacing:.06em;line-height:1.2}.header__menu-button{display:none}.header__contents{display:block;padding-top:30px;border:none}.button{transition:background .3s,color .3s,opacity .3s}.button:hover{background-color:#fff;color:#f39}.button:hover .button__icon-path{fill:#f39}.button:hover .button__icon-path--contact{fill:#f39}.button:hover .button__text{color:#f39}.button:hover .button__submit{border:1px solid #7186a1}.section__inner{max-width:944px;margin:0 auto}.section__head{margin-bottom:60px}.section__head-main{font-size:45px}.section__lead-text{text-align:center}.section__lead-text span{display:block}.fv__contents{background:url(../img/bg_fv.webp) center center no-repeat;background-size:cover;top:100px;right:0;max-width:627px;height:174px;padding-top:37px;padding-left:96px}.service{background:url(../img/bg_service.webp) center center no-repeat/cover}.service__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:4%}.service__item+.service__item{margin-top:0}.works__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:4%;margin-bottom:65px}.works__item+.works__item{margin-top:0}.price__container{overflow:hidden}.flow{background:url(../img/bg_price.webp) center center no-repeat/cover}.flow__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.flow__item{padding-top:55px}.flow__item+.flow__item{margin-top:0}.about__container{display:flex;flex-direction:row-reverse;gap:40px}.contact{background:url(../img/bg_contact.webp) center center no-repeat/cover}.contact .form-wrapper{max-width:500px;margin:0 auto}}@media screen and (min-width: 768px)and (max-width: 1024px){.fv__contents{top:50%;transform:translateY(-50%)}.works__list{grid-template-columns:repeat(2, 1fr);gap:40px 16px}.flow__list{grid-template-columns:repeat(2, 1fr);gap:40px 16px}}/*# sourceMappingURL=style.css.map */