body{font-family:"Oswald","Noto Sans JP",sans-serif;color:#676d74;display:flex;flex-direction:column;min-height:100vh}body.is-fixed{overflow:hidden}.main{padding-top:1px}.button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px 6px 30px;width:160px;margin:0 auto}.button--bg{background-color:#edeef2}.button--bg .button__text{color:#7ec2c2}.button--border{border:1px solid #fff4e1}.button--border .button__text{color:#fff4e1}.button__icon{width:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button__icon-path{fill:#fff4e1}.button__icon-path--contact{fill:#7ec2c2}.button__text{margin-left:10px;font-size:16px;letter-spacing:.08em;color:#fff4e1;text-decoration:none}.header{background-color:#7ec2c2;position:fixed;top:0;left:0;width:100%;z-index:999}.header__container{position:relative}.header__logo{display:inline-block;padding:14px 24px;height:150px}.header__logo:hover{opacity:.5}.logo-sp{display:none}@media screen and (max-width:768px){.logo-pc{display:none}.logo-sp{display:block}}.header__menu-button{border:none;position:absolute;top:24px;right:24px;width:30px;height:36px;overflow:hidden;color:transparent;background:url("/wp-content/themes/portfolio/img/bg_menu.png") center center no-repeat;background-size:100% auto}.header__menu-button.is-checked{background:url("/wp-content/themes/portfolio/img/bg_menu-close.png") center center no-repeat;background-size:100% auto}.header__contents{display:none;height:calc(100vh - 88px);border-top:1px solid #fff4e1;padding-top:30px}.header__nav-item+.header__nav-item{margin-top:24px}.section{padding:40px 0}.section__inner{padding:0 50px}.section__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:15px}.section__lead-text{font-size:16px;line-height:1.6}.section__contents{margin-top:40px}.entry-404-lead{padding-top:40px;font-size:18px}.entry-404-content{padding-top:10px;padding-bottom:40px;font-size:16px}.service__item+.service__item{margin-top:40px}.service__item-img{text-align:center;margin-bottom:14px}.service__item-name{font-size:14px;font-weight:700;text-align:center;margin-bottom:10px}.service__item-text{font-size:14px;line-height:1.6}.works{background-color:#edf0f0}.button-utility{display:block;padding:16px 40px;font-size:18px;font-weight:600;line-height:1;color:#7ec2c2;text-align:center;text-decoration:none;letter-spacing:.9px;background:#fff;border:1px solid currentcolor;border-radius:4px;margin:0 auto}.button-utility:hover{opacity:.5}.grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px calc(40 / 1100 * 100%)}.work__articles{margin-top:32px}.work__button{margin-top:40px}.contact{position:relative;overflow:hidden;background-image:url(/wp-content/themes/portfolio/img/contact-pc.png)}.contact__image{position:absolute;inset:0;display:block}.contact__image img{width:100%;height:100%;object-fit:cover}.contact__inner{padding-bottom:20px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;max-width:453px;overflow:hidden;padding:0 32px}.contact__heading{font-family:"Oswald","Noto Sans JP",sans-serif;font-size:60px;letter-spacing:.1em;padding-bottom:20px}.contact__text{margin-top:12px;font-size:16px;line-height:1.6;padding-bottom:30px}.no-post-text{margin-top:30px;font-size:18px}.about__text{font-size:16px;line-height:1.6}.about__text+.about__text{margin-top:1em}.about__text-contents{flex-basis:60%}.about__img{margin-top:50px;margin-bottom:32px;flex-basis:40%}.about__img img{height:auto}.about__skills-box{border-left:10px solid #7ec2c2;padding:20px;margin-top:30px;background-color:#edf0f0}svg{vertical-align:middle}.skills-title{color:#7ec2c2;align-items:center}.skills-title__text{margin-left:10px}.about__skills{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.skill-tag{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;background:#7ec2c2;color:#edf0f0}.sns-box{padding-top:40px;text-align:center}.sns-box__img img{border-radius:10px}.sns-box__img:hover{opacity:.6}.sns-box__text{margin-top:20px}.blog{margin-top:40px}.flow{background-color:#edf0f0}.flow__list{margin-top:64px}.flow__item{position:relative;border:1px solid #fff4e1;padding:46px 16px 24px}.flow__item+.flow__item{margin-top:46px}.flow__item-num{position:absolute;top:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:24px;background-color:#e67a7a;color:#fff4e1;width:48px;height:48px;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}.flow__item-img{margin-bottom:24px;text-align:center}.flow__item-name{font-size:16px;font-weight:700;text-align:center;margin-bottom:10px}.flow__item-text{font-size:14px;line-height:1.6}.page-bottom{color:#7ec2c2}.page-bottom__item{padding:40px}.page-bottom__item--contact{background-color:#edeef2}.footer{text-align:center;line-height:1;padding:5px;background:#fff8ed;margin-top:auto}.footer__copy{font-size:11px;font-family:"Noto Sans JP",sans-serif}.floating{bottom:100px;display:none;position:fixed;right:28px;z-index:30}.floating a{background:#7ec2c2;border-radius:50%;color:#fff;display:block;font-size:20px;height:60px;line-height:60px;text-align:center;text-decoration:none;width:60px}.floating a:hover{opacity:.6}.fa-chevron-up:before{content:"\f077"}.mainvisual-title{font-size:40px;letter-spacing:.1em}.genre-nav{display:flex;padding-top:30px;font-size:16px}.genre-nav-link{margin-right:auto;opacity:.6}.genre-nav-link:hover,.genre-nav-link.is-active{opacity:1}.genre-nav-link a{position:relative;display:inline-block;padding-bottom:4px}.genre-nav-link a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#7ec2c2;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .3s ease}.genre-nav-link a:hover:after{width:100%;transform:translateX(-50%) scaleX(1)}.genre-nav-link.is-active a:after{width:100%;transform:translateX(-50%) scaleX(1)}.inner{padding:40px 50px}.entries-work{display:grid;gap:24px;grid-template-columns:1fr;align-items:start;max-width:1100px;margin:0 auto;width:100%}.entry-item{margin-top:50px}.entry-item-body{width:100%;padding-top:20px}.entry-item-meta{display:flex;gap:8px;flex-wrap:wrap}.entry-item-horizontal{display:flex;flex-direction:column}.entry-item-img{width:100%;overflow:hidden;border-radius:10px}.entry-item-img img{width:100%;height:100%;object-fit:cover;display:block}.entry-item:hover img{transform:scale(1.05);transition:transform .6s ease}.entry-item-tag{display:inline-block;line-height:2.25;padding:0 21px;font-size:12px;border-radius:24px;border:2px solid #7ec2c2}.entry-item-title{font-size:18px;margin-bottom:10px;font-weight:700}.pagination{text-align:center;padding-top:50px}.page-numbers{background:#fff;border:1px solid #e2e2e2;color:gray;display:inline-block;font-size:20px;height:40px;line-height:38px;margin-right:14px;min-width:40px;text-align:center;text-decoration:none;border-radius:50%}.page-numbers.current{background:#7ec2c2;border:1px solid #7ec2c2;color:#fff;font-weight:700}.prev.page-numbers{border:none}.next.page-numbers{border:none}@media screen and (min-width:768px){.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.main{-ms-flex-preferred-size:79.2%;flex-basis:79.2%}.header{position:relative;-ms-flex-preferred-size:20.8%;flex-basis:20.8%;padding:50px 20px}.header__container{width:160px;margin:0 auto;position:sticky;top:50px}.header__menu-button{display:none}.header__contents{border:none;display:block}.button{-webkit-transition:background .3s,color .3s,opacity .3s;transition:background .3s,color .3s,opacity .3s}.button:hover{background-color:#fff4e1}.button:hover .button__icon-path{fill:#7ec2c2}.button:hover .button__text{color:#7ec2c2}.button--bg{color:#7ec2c2}.button--bg:hover{opacity:.7}.button-utility{max-width:500px}.section__inner{max-width:1200px;margin:0 auto}.section__head{margin-bottom:24px}.mainvisual-title{font-size:60px}.genre-nav-link{margin-right:50px}.service__list{display:grid;grid-template-columns:repeat(3,1fr);gap:8%}.service__item+.service__item{margin-top:0}.about__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;align-items:center;gap:50px}.blog{margin-top:0}.sns-box__text{text-align:left}.flow__list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow__item+.flow__item{margin-top:0}.section__head-main{font-size:60px}.sns-box{display:flex;align-items:center;gap:50px}.entries-work{grid-template-columns:repeat(2,1fr);align-items:start}.entry-item-horizontal{flex-direction:column}.contact__inner{gap:0;max-width:1100px;width:100%}}@media screen and (min-width:1024px){.entries-work{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px) and (max-width:1024px){.section__head-main{font-size:54px}.flow__list{grid-template-columns:repeat(2,1fr);gap:40px 16px}}@media (max-width:767px){.header__logo img{position:fixed;z-index:9999}.header__logo{height:80px}.grid-layout{grid-template-columns:1fr}.work__articles{margin-top:26px}.work__button{margin-top:28px}.about__img img{display:block;margin:0 auto;width:100%;max-width:300px;height:auto}.contact__heading{font-size:32px}.contact__text{font-size:16px;padding-bottom:0}.floating{bottom:20px;right:10px}}