@charset "UTF-8";html{font-size:62.5%}body{font-family:"Noto Sans JP",sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:normal;line-height:1.8;margin-left:auto;margin-right:auto;width:100%;color:var(--wp--preset--color--black,#333);background:var(--wp--preset--base--white,#fff)}body.no-scroll{overflow:hidden}img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit}.inner{padding-left:clamp(2rem, 1.171rem + 3.54vw, 4rem);padding-right:clamp(2rem, 1.171rem + 3.54vw, 4rem);margin-left:auto;margin-right:auto;max-width:880px}@media (max-width:767px){.pc-only{display:none !important}}@media (min-width:768px){.sp-only{display:none !important}}.section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:fadeUp 1s ease forwards;animation:fadeUp 1s ease forwards}.section-title__main{font-size:clamp(4rem, 3.171rem + 3.54vw, 6rem);line-height:1;font-family:"Montserrat",sans-serif}.section-title__main:after{content:"−";margin-left:20px;font-size:40px;color:currentColor}.section-title__sub{font-size:1.2rem}@media (min-width:768px){.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}}.main{margin-top:8rem}@media (min-width:768px){.main{margin-top:0;margin-left:auto;-ms-flex-preferred-size:calc(100% - 300px);flex-basis:calc(100% - 300px)}}.fade-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.header{position:fixed;top:0;left:0;width:100%;background:var(--wp--preset--base--main,#454c50);color:var(--wp--preset--color--white,#fff);padding:1rem 0;z-index:100}@media (min-width:768px){.header{width:300px;height:100%;padding:5rem 0;bottom:0}}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.header__inner{-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}}.header__logo{font-size:2rem;font-family:"Montserrat",sans-serif}.header__logo a{display:block}@media (min-width:768px){.header__drawer{display:none}}.drawer-icon{width:40px;height:40px;position:relative;display:block}.drawer-icon__bar{width:40px;height:3px;background:var(--wp--preset--base--white,#fff);position:absolute;left:0;-webkit-transition:all .3s ease;transition:all .3s ease}.drawer-icon__bar:nth-child(1){top:8px}.drawer-icon__bar:nth-child(2){top:18px}.drawer-icon__bar:nth-child(3){top:28px}.drawer-icon.is-open .drawer-icon__bar:nth-child(1){top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-icon.is-open .drawer-icon__bar:nth-child(2){opacity:0}.drawer-icon.is-open .drawer-icon__bar:nth-child(3){top:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header__nav{border-top:1px solid var(--wp--preset--base--white,#fff);padding:6rem 1rem}@media (max-width:767px){.header__nav{position:fixed;top:calc(0% + 80px);left:0;width:100%;height:100%;background:var(--wp--preset--base--main,#454c50);-webkit-transform:translateY(calc(-105% - 80px));transform:translateY(calc(-105% - 80px));-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;z-index:-1}.header__nav.is-open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (min-width:768px){.header__nav{position:static;width:100%;margin-top:2rem}}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.header__link{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;padding:.5rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;font-family:"Montserrat",sans-serif}.header__link:after{content:"−";margin-left:10px;font-size:16px}.header__link-icon{width:20px;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px}.header__link-icon svg{width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease;fill:var(--wp--preset--color--white,#fff)}.header__link-text{-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:.2em}.header__link:hover{background:var(--wp--preset--base--white,#fff);color:var(--wp--preset--color--black,#333);-webkit-transform:translateX(10px);transform:translateX(10px)}.header__link:hover .header__link-icon svg{fill:currentColor}.header__link:hover .header__link-text{color:currentColor}.header__link--white{background:var(--wp--preset--base--white,#fff);color:var(--wp--preset--color--black,#333)}.header__link--white:hover{border-color:currentColor;color:var(--wp--preset--color--white,#fff);background:var(--wp--preset--base--main,#454c50)}.fv{background:url(//tomolog-style.com/wp-content/themes/Portfolio/css/../img/fv.webp) no-repeat center center/cover;position:relative}.fv__inner{margin-top:auto;height:688px;padding-bottom:10rem;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:end;-ms-flex-pack:end;justify-content:flex-end}.fv__title{font-size:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.fv__title span{background:var(--wp--preset--base--white,#fff);color:var(--wp--preset--color--black,#333);padding:0 1rem;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about{padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0}.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:clamp(3.2rem, 2.869rem + 1.41vw, 4rem)}@media (min-width:768px){.about__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}}@media (min-width:768px) and (max-width:1180px){.about__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.about__image{-ms-flex-preferred-size:50%;flex-basis:50%;height:100%;width:100%}.about__image img{width:100%}.about__box{-ms-flex-preferred-size:50%;flex-basis:50%}.about__description{margin-top:3.2rem}.about__description p+p{margin-top:21px}.service{background:var(--wp--preset--base--accent,#d7e6ef);padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0}.service__description{margin-top:3.2rem}.service__list{margin-top:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem}@media (min-width:768px){.service__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.service-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:1rem}@media (min-width:768px){.service-item{width:calc(33.3% - 26.6666666667px)}}.service-item__head{text-align:center}.service-item__head img{height:50px}.service-item__title{text-align:center;font-weight:700}.service-item__description{margin-top:1rem}.service-item__description span{margin-top:1.4rem;font-size:1.4rem;display:block}.works{padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0}.works__description{margin-top:3.2rem}.works__list{margin-top:6rem;display:grid;grid-template-columns:auto;gap:4rem}@media (min-width:768px){.works__list{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1180px){.works__list{grid-template-columns:repeat(2,1fr)}}.works-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--wp--preset--base--white,#fff);border-radius:0 0 10px 10px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25)}.works-item__head{width:100%}.works-item__head img{width:100%;aspect-ratio:1280/832;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.works-item__body{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.works-item__title{font-weight:700}.works-item__link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-bottom:1px solid currentColor;margin-left:auto;-webkit-transition:all .3s ease;transition:all .3s ease}.works-item__link:hover{opacity:.7;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.works__footer{margin-top:4rem;border:1px solid var(--wp--preset--base--main,#454c50);padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(100% - 80px);max-width:400px;margin-left:auto;margin-right:auto}.works__dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.works__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.works__dt{font-size:1.2rem;width:80px;position:relative}.works__dt:after{content:"：";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.2rem;color:var(--wp--preset--color--black,#333)}.works__dd{width:calc(100% - 80px);font-size:1.2rem}.flow{padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0;background:var(--wp--preset--base--accent,#d7e6ef)}.flow__description{margin-top:3.2rem}.flow__list{margin-top:7.2rem;display:grid;grid-template-rows:repeat(4,1fr);gap:4.5rem 2rem}@media (min-width:768px){.flow__list{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}}@media (min-width:768px) and (max-width:1180px){.flow__list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.flow-item{position:relative;padding:4.5rem 1.5rem 2.4rem;border:1px solid var(--wp--preset--base--main,#454c50)}@media (min-width:768px){.flow-item{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media (min-width:768px) and (max-width:1180px){.flow-item{-webkit-box-flex:50%;-ms-flex:50%;flex:50%}}.flow-item__num{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;color:var(--wp--preset--color--white,#fff);display:grid;place-items:center;background:var(--wp--preset--base--main,#454c50)}.flow-item__head{text-align:center}.flow-item__head img{height:60px}.flow-item__body{margin-top:1rem}.flow-item__title{font-weight:700;text-align:center}.flow-item__description{margin-top:1rem}.message{padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0}.message__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:4.8rem}@media (min-width:768px){.message__content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.message__image img{width:100%}.message__description{margin-top:3.2rem}.contact{padding:clamp(4rem, 2.343rem + 7.07vw, 8rem) 0;background:var(--wp--preset--base--contact,#6f6f6f);color:var(--wp--preset--color--white,#fff)}.contact__content{margin-top:4rem}.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:3.2rem}.contact-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:.8rem}.contact-field__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.contact-field__tag{background:var(--wp--preset--color--accent,red);font-size:1.2rem;padding:.5rem 1rem}.contact-field__input{width:100%;padding:1.2rem 1rem;outline:none;color:var(--wp--preset--color--black,#333)}.contact-field__input::-webkit-input-placeholder{color:#d8d8d8}.contact-field__input::-moz-placeholder{color:#d8d8d8}.contact-field__input:-ms-input-placeholder{color:#d8d8d8}.contact-field__input::-ms-input-placeholder{color:#d8d8d8}.contact-field__input::placeholder{color:#d8d8d8}.contact-field__textarea{width:100%;padding:1.2rem 1rem;outline:none;color:var(--wp--preset--color--black,#333);min-height:180px;resize:vertical}@media (min-width:768px){.contact-field__textarea{min-height:250px}}.contact-field__textarea::-webkit-input-placeholder{color:#d8d8d8}.contact-field__textarea::-moz-placeholder{color:#d8d8d8}.contact-field__textarea:-ms-input-placeholder{color:#d8d8d8}.contact-field__textarea::-ms-input-placeholder{color:#d8d8d8}.contact-field__textarea::placeholder{color:#d8d8d8}.contact__submit{margin-top:4rem}.button__submit{padding:1rem;width:140px;height:56px;display:grid;place-items:center;margin-left:auto;margin-right:auto;border:none;cursor:pointer;background:var(--wp--preset--base--white,#fff);color:var(--wp--preset--color--black,#333);-webkit-transition:all .3s ease;transition:all .3s ease}.button__submit:hover{background:var(--wp--preset--base--main,#454c50)}.button__submit:disabled{cursor:not-allowed;background:var(--wp--preset--color--black,#333);color:var(--wp--preset--color--white,#fff)}.button__submit.is-active{background:var(--wp--preset--base--white,#fff);color:var(--wp--preset--color--black,#333)}.contact__message{display:none;text-align:center}.footer{padding:1rem;text-align:center}.swiper-container{position:relative;padding-bottom:100px}.swiper{position:relative}.swiper-wrapper{position:relative}.swiper-pagination-bullet{opacity:1;background:gray;width:20px;height:20px;border-radius:50%}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:red}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swiper-button-prev:after{content:""}.swiper-button-next:after{content:""}