@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400; 700&family=Oswald:wght@400;500;700&display=swap');body{color:#222;font-family:Oswald,"Noto Sans JP",sans-serif;scroll-behavior:smooth}body button,body input,body textarea{font:inherit}body.is-fixed{overflow:hidden}.button{align-items:center;display:flex;margin:0 auto;max-width:250px;padding:6px 10px 6px 30px;width:100%}.button--bg{background-color:#ffb400}.button--border{border:1px solid #ffb400}.button--border .button__text{color:#fff}.button__icon{align-items:center;display:flex;height:24px;width:24px}.button .button__icon-home{background:url(../img/icon_home.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-works{background:url(../img/icon_works.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-service{background:url(../img/icon_service.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-flow{background:url(../img/icon_flow.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-message{background:url(../img/icon_message.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-about{background:url(../img/icon_about.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-contact{background:url(../img/icon_contact.svg) center bottom no-repeat;background-size:100% auto}.button .button__icon-twitter{background:url(../img/icon_twitter.svg) center bottom no-repeat;background-size:100% auto}.button__text{color:#fff;font-size:24px;letter-spacing:.08em;margin-left:10px}.header{background-attachment:fixed;background-image:url(../img/img_fv.jpg);background-position:center;min-block-size:100vh;position:relative}.header__container{left:0;margin:0 auto;position:absolute;position:fixed;right:0;top:0;z-index:12}.header__logo{color:#222;display:inline-block;font-size:24px;letter-spacing:.1em;padding:14px 24px;text-shadow:1px 1px #ffb400}.header__menu-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:3rem;color:#222;cursor:pointer;display:flex;font-size:18px;font-weight:700;inline-size:80px;justify-content:center;letter-spacing:.1em;line-height:1.4;padding:.1em .3em .3em;position:absolute;right:24px;top:24px}.header__contents{background-image:url(../img/img_drawer.jpg);background-position:center;display:none;height:100%;overflow-y:scroll;position:fixed;width:100%;z-index:11}.header__nav{left:50%;padding:40px 20px;position:absolute;top:0;transform:translateX(-50%);width:100%}.header__nav-item+.header__nav-item{margin-top:18px}.header__text-contents{padding:32px;position:absolute;top:50%;transform:translateY(-50%)}.header__text-main{display:block;font-size:44px;font-weight:700;letter-spacing:.1em}.header__text-sub{display:block;font-size:16px;margin-top:12px}.section{padding:48px 0}.section__inner{padding:0 32px}.section__head{display:flex;flex-direction:column;margin-bottom:32px}.section__head--center{text-align:center}.section__head-main{font-size:40px;letter-spacing:.1em}.section__head-sub{font-size:11px}.section__lead-text{font-size:16px;line-height:1.6}.section__contents{margin-top:40px}.works .swiper-container{position:relative;width:100%}.works .swiper-pagination{text-align:start}.works .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-40px}.works .swiper-pagination-bullet{background:url(../img/icon_works-pagination.svg) center center no-repeat;height:16px;opacity:1;width:16px}.works .swiper-pagination-bullet-active{background:url(../img/icon_works-pagination-active.svg) center center no-repeat;height:30px;margin-bottom:-10px;transform:scale(-1,1);width:32px}.works__item-img{margin-bottom:12px}.works__item-img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.works__item-name{font-size:16px;font-weight:700;margin-bottom:6px}.works__item-link{font-size:14px;text-decoration:underline}.service__item+.service__item{margin-top:40px}.service__item-img{margin-bottom:14px;text-align:center}.service__item-name{font-size:14px;font-weight:700;margin-bottom:10px;text-align:center}.service__item-text{font-size:14px;line-height:1.6}.flow__list{margin-top:64px}.flow__item{border:1px solid #e0e0e0;padding:46px 16px 24px;position:relative}.flow__item+.flow__item{margin-top:46px}.flow__item-num{align-items:center;background-color:#8e8e93;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;left:50%;position:absolute;top:-24px;transform:translateX(-50%);width:48px}.flow__item-img{margin-bottom:24px;text-align:center}.flow__item-name{font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.flow__item-text{font-size:14px;line-height:1.6}.message__img{margin-bottom:32px;text-align:center}.message__img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.message__text{font-size:16px;line-height:1.6}.about__img{margin-bottom:32px;text-align:center}.about__img img{box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.about__text{font-size:16px;line-height:1.6}.about__text+.about__text{margin-top:1em}.contact__form{border:1px solid #e0e0e0;border-radius:10px;padding:40px 20px}.contact__item+.contact__item{margin-top:20px}.contact__item-title{font-weight:700}.contact__item-input{margin-top:10px}.contact__item-input input,.contact__item-input textarea{background:0 0;border:none;border-bottom:1px solid #e0e0e0;color:#222;font-size:inherit;outline:0;padding:.5rem;width:100%}.contact__item-input input:focus,.contact__item-input textarea:focus{border-color:#000}.contact__item-input textarea{resize:none}.contact__radio-input{margin-top:10px}.contact__radio-wrap{display:flex;flex-direction:column;gap:8px}.contact__radio{margin-right:20px}.contact__radio:hover{cursor:pointer}.contact__radio:hover span::before{box-shadow:0 0 2px 1px #ffb400}.contact__radio input{display:none}.contact__radio input:checked+span::after{display:block}.contact__radio-part{align-items:center;padding-left:24px;position:relative}.contact__radio-part::before{background:0 0;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 0 2px 1px transparent;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:box-shadow .3s;width:20px}.contact__radio-part::after{background:#ffb400;border-radius:50%;content:"";display:none;height:10px;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.contact__item-check{margin-top:30px}.contact__item-check a{color:#00a0eb;font-weight:700}.contact__footer{margin-top:20px}.contact__footer-submit button{background:#000;border:none;border-radius:6px;box-shadow:0 0 2px 2px transparent;color:#fff;font-size:1.2em;font-weight:700;letter-spacing:1em;padding:1em 1em 1em 2em;transition:all .3s}.contact__footer-submit button:hover{box-shadow:0 0 2px 2px #ffb400;cursor:pointer;filter:brightness(1.2)}.contact__footer-submit button:disabled{background:#8e8e93;box-shadow:0 0 2px 2px transparent;cursor:not-allowed;filter:brightness(.8)}.contact__message{display:none;margin-top:60px;text-align:center}.contact__message.-error{color:#f4515b}.modal-contact{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.16);color:#707070;display:none;height:652px;left:50%;max-height:calc(100% - 48px);max-width:calc(100% - 48px);padding:60px;position:fixed;top:50%;transform:translate(-50%,-50%);width:900px;z-index:501}.modal-contact__head{font-size:24px;font-weight:700;padding-bottom:24px;position:relative;text-align:center}.modal-contact__head::after{background:#ffb400;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.modal-contact__content{height:calc(100% - 84px - 108px);margin-top:40px;overflow-y:scroll}.modal-contact__content>:first-child{margin-top:0}.modal-contact__sub-head{font-size:20px;font-weight:700;margin-top:40px;padding-left:20px;position:relative}.modal-contact__sub-head::before{background:#ffb400;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.modal-contact__text{line-height:1.5;margin-top:16px;padding-left:20px}.modal-contact__list{counter-reset:listnum;margin:20px 0 0 20px}.modal-contact__list li{padding-left:1em;text-indent:-1em}.modal-contact__list li:not(:first-child){margin-top:20px}.modal-contact__list li::before{content:counter(listnum) ".";counter-increment:listnum}.modal-contact__button{margin-top:60px;text-align:center}.modal-contact__button a{background:#ffb400;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;display:inline-block;font-weight:700;max-width:100%;padding:14px;text-align:center;text-decoration:none;width:176px}.modal-contact__icon{position:absolute;right:10px;top:10px}.modal-contact__icon a{text-decoration:none}.modal-contact__icon img{height:40px;width:40px}.modal-contact__bg{background:rgba(0,0,0,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}.footer{padding:10px;text-align:center}.footer__copy{font-family:"Noto Sans JP",sans-serif;font-size:11px}@media screen and (min-width:768px){.header__container{max-inline-size:1280px}.header__nav-item+.header__nav-item{margin-top:16px}.header__text{margin:0 auto;max-inline-size:1280px}.header__text-main{font-size:56px}.button{max-width:400px;transition:background .3s,color .3s,opacity .3s}.button:hover{background-color:#ffb400}.button__icon{height:40px;width:40px}.button__text{font-size:40px;font-weight:700;margin-left:16px}.button--bg:hover{opacity:.7}.section__inner{margin:0 auto;max-width:1280px}.section__head{margin-bottom:24px}.section__head-main{font-size:60px}.works__list{display:grid;gap:8%;grid-template-columns:repeat(3,1fr)}.works__item+.works__item{margin-top:0}.service__list{display:grid;gap:8%;grid-template-columns:repeat(3,1fr)}.service__item+.service__item{margin-top:0}.flow__list{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.flow__item+.flow__item{margin-top:0}.message__container{display:flex;flex-direction:row-reverse;gap:40px}.message__img{width:32.89%}.message__text-contents{width:63.81%}.about__container{display:flex;flex-direction:row-reverse;gap:40px}.about__img{width:32.89%}.about__text-contents{width:63.81%}.contact__radio-wrap{flex-direction:row;gap:8px}}@media screen and (min-width:768px) and (max-width:1024px){.header__text-main{font-size:48px}.button{max-width:350px}.button__icon{height:32px;width:32px}.button__text{font-size:32px;font-weight:500}.section__head-main{font-size:44px}.flow__list{gap:40px 16px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.modal-contact{padding-left:30px;padding-right:30px}.modal-contact__head{font-size:20px;padding-bottom:20px}.modal-contact__content{margin-top:26px}.modal-contact__sub-head{font-size:16px}.modal-contact__text{font-size:14px}.modal-contact__list li:not(:first-child){margin-top:10px}.modal-contact__list{margin:10px 0 0 10px}}@media screen and (max-width:374px){.button{padding-bottom:0;padding-top:0}.header__text-main{font-size:11.7333333333vw}.header__nav-item+.header__nav-item{margin-top:10px}.section__head-main{font-size:34px}.contact__item-input input,.contact__item-input textarea{font-size:14px}.contact__radio-part{font-size:14px}.contact__radio-part::before{height:18px;width:18px}.contact__radio-part::after{height:8px;width:8px}.twitter__container{overflow:hidden}}