html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}*,:before,:after{background-repeat:no-repeat;box-sizing:inherit}:before,:after{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}body{background:#fff;color:#383838;font-family:"Noto Sans JP",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.7}img{height:auto;max-width:100%}a{color:inherit;text-decoration:none}li{list-style:none}.l-header{background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);position:fixed;top:0;width:100%;z-index:20}.l-header.is-open{background:#aaa5d1}.l-inner{padding-left:20px;padding-right:20px;width:100%}.l-main{margin-bottom:80px;margin-top:60px}.l-footer{padding-top:35px}.l-works-main{margin-bottom:80px;margin-top:60px}.l-thanks-main{box-sizing:border-box;margin-top:60px;min-height:calc(100vh - 60px - 313px);padding-bottom:313px;position:relative}.l-detail-main{margin-bottom:69px;margin-top:60px}.l-contact-main{margin-bottom:78px;margin-top:60px}.c-logo-link img{display:block;height:50px;width:162px}.c-drawer-icon{height:24px;margin-left:auto;position:relative;width:34px}.c-drawer-icon.is-open .c-drawer-icon__bar{top:12px}.c-drawer-icon.is-open .c-drawer-icon__bar:nth-child(1){transform:rotate(45deg)}.c-drawer-icon.is-open .c-drawer-icon__bar:nth-child(2){display:none}.c-drawer-icon.is-open .c-drawer-icon__bar:nth-child(3){transform:rotate(-45deg)}.c-drawer-icon__bar{background:#aaa5d1;border-radius:6px;content:"";height:3px;left:.5px;position:absolute;top:0;transition:transform .4s,top .4s;width:33px}.c-drawer-icon__bar:nth-child(1){top:.5px}.c-drawer-icon__bar:nth-child(2){top:10.5px}.c-drawer-icon__bar:nth-child(3){top:20.5px}.c-contact-button{align-items:center;background:#aaa5d1;background-image:linear-gradient(45deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:200% 200%;border:2px solid #aaa5d1;border-radius:60px;display:flex;gap:18px;justify-content:center;max-width:150px;padding:12px 20px;text-decoration:none;transition:all .4s;width:100%}.c-contact-button--drawer{background:#fff;padding:12px 20px 10px}.c-contact-button--drawer .c-contact-button__text{color:#aaa5d1;font-size:16px}.c-contact-button--large{max-width:237px;padding-block:18px}.c-contact-button--large .c-contact-button__icon{height:18px;width:24px}.c-contact-button--large .c-contact-button__text{font-size:20px}.c-contact-button__icon{display:inline-block;flex-shrink:0;height:24px;width:32px}.c-contact-button__icon path{transition:fill .4s}.c-contact-button__text{color:#fff;font-family:"Josefin Sans",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;transition:color .4s}.c-section-title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-inline:auto;position:relative;width:-moz-fit-content;width:fit-content}.c-section-title:before,.c-section-title:after{content:"";height:36px;position:absolute;top:0;width:85px}.c-section-title:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/section-title-deco-left.png) no-repeat center center/contain;left:-108px}.c-section-title:after{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/section-title-deco-right.png) no-repeat center center/contain;right:-108px}.c-section-title__main{font-family:"Josefin Sans",sans-serif;font-size:20px;font-style:normal;font-weight:700;letter-spacing:.08em;line-height:normal}.c-section-title__sub{font-size:12px;letter-spacing:.08em;line-height:normal}.c-button{background-image:linear-gradient(45deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:200% 200%;border-radius:60px;color:#fff;display:inline-block;font-weight:700;letter-spacing:.08em;padding-inline:30px;text-decoration:none;transition:background-position .4s ease,color .4s}.c-button--more{background-color:#ed7a9c;border:2px solid #ed7a9c;font-size:16px;padding-block:6px;padding-inline:28px}.c-button--more:hover{background-position:0 100%;color:#ed7a9c}.c-button--prof{background-color:#665990;border:2px solid #665990;font-size:12px;padding-block:3px;padding-inline:27px}.c-button--prof:hover{background-position:0 90%;color:#665990}.c-category-label{background:#fff;background-image:linear-gradient(45deg,#ed7a9c 0%,#ed7a9c 50%,transparent 50%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #ed7a9c;border-radius:60px;color:#ed7a9c;display:inline-block;font-size:11px;padding:4px 14px;text-align:center;text-decoration:none;transition:background-color .4s,color .4s,background-position .4s ease}.c-category-label--link{font-size:12px;letter-spacing:.08em;line-height:normal;padding:2px 9px 3px}.c-category-label--link:hover{background-position:0 100%;color:#fff}.c-to-top{display:inline-block;height:40px;width:40px}.c-to-top__icon{height:auto;max-width:100%}.c-item-heading{font-size:16px;font-weight:500;padding-left:9px;position:relative}.c-item-heading:before{background:#aaa5d1;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.c-top-link{display:block;margin-inline:auto;padding-left:36px;position:relative;width:-moz-fit-content;width:fit-content}.c-top-link:before,.c-top-link:after{content:"";position:absolute}.c-top-link:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/right-arrow.svg) no-repeat center center/contain;height:20px;left:0;top:50%;transform:translateY(-50%);transition:left .4s;width:20px}.c-top-link:after{background:#383838;bottom:0;height:1px;right:0;transform:scaleX(0);transition:all .4s ease;width:calc(100% - 36px)}.c-top-link:hover:before{left:5px}.c-top-link:hover:after{transform:scale(1,1)}.p-section-heading{text-align:center}.p-section-heading__text{margin-top:37px}.p-section-heading__text--works{font-size:12px;margin-top:35px}.p-section-heading__text--contact{font-size:14px;margin-top:38px}.p-section-heading__basic{font-size:12px;font-weight:700}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-up.is-in-view{opacity:1;transform:translateY(0)}.fade-in-up--delay{transition-delay:.4s}.p-header{align-items:center;display:flex;height:60px;justify-content:space-between;padding-block:5px;padding-left:20px;padding-right:20px;width:100%}.p-header__right{display:none}.p-drawer{background:#aaa5d1;display:none;height:calc(100% - 60px);left:0;overflow-y:auto;padding-bottom:40px;padding-top:34px;position:fixed;top:59px;width:100%;z-index:40}.p-drawer__nav{display:flex;flex-direction:column;font-family:"Josefin Sans",sans-serif;font-style:normal;margin-left:auto;margin-right:auto;max-width:240px;padding-inline:20px}.p-drawer__link{color:#fff;font-size:16px;font-weight:700;line-height:normal;padding:18px;text-align:center}.p-drawer__button{margin-left:auto;margin-right:auto;margin-top:16px}.p-header-nav{align-items:center;display:flex}.p-header-nav__lists{align-items:center;display:flex}.p-header-nav__link{display:block;font-family:"Josefin Sans",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;padding-block:16px;position:relative;transition:color .4s}.p-header-nav__link:after{background:0 0;bottom:0;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transition:all .4s ease;width:25px}.p-header-nav__link:hover:after{background:#ed7a9c;transform:scaleX(1)}.p-fv{padding-top:15px}.p-fv__content{margin-inline:auto;max-width:500px;position:relative;width:100%}.p-fv__image img{aspect-ratio:335/400;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;border-radius:8px;object-position:center top}.p-fv__title-wrapper{bottom:calc(50% - 21.2vh);left:calc(50% - 28.265vw);position:absolute}.p-fv__title{align-items:center;aspect-ratio:212/159;display:flex;flex-direction:column;font-family:"Josefin Sans",sans-serif;font-style:normal;height:42.4vh;justify-content:center;line-height:normal;position:relative;width:56.53vw;z-index:1}.p-fv__title:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/sp/sp-fv-deco.png) no-repeat center center/contain;bottom:-1px;content:"";height:100%;left:-1px;position:absolute;width:100%;z-index:-1}.p-fv__title-main{font-size:clamp(28px, 7.47vw, 48px);font-weight:700;margin-top:24px}.p-fv__title-sub{font-size:clamp(14px, 3.73vw, 18px);font-weight:400;margin-top:8px}.p-service{background:#f5d3d7;margin-top:40px;padding-bottom:40px;position:relative}.p-service:before,.p-service:after{content:"";height:35px;position:absolute;width:100%}.p-service:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/section-deco-top.png) left center/contain;left:0;top:-34px}.p-service:after{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/section-deco-bottom.png) left center/contain;bottom:-34px;left:0}.p-service__inner{margin-inline:auto;max-width:440px;padding-top:37px}.p-service__body{margin-top:60px}.p-service__cards{display:flex;flex-direction:column;gap:40px}.p-service-card{background:#fff;border-radius:16px;box-shadow:0 3px 6px 0 rgba(0,0,0,.25);max-width:400px;padding:25px 43px;width:100%}.p-service-card__image{text-align:center}.p-service-card__image img{height:auto;max-width:100%;vertical-align:middle}.p-service-card__body{margin-top:15px}.p-service-card__title{font-size:16px;font-weight:700;line-height:normal;text-align:center}.p-service-card__text{font-size:14px;line-height:1.7;margin-top:14px}.p-top-works{margin-top:122px}.p-top-works__cards{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;margin-top:60px;padding-bottom:30px}.p-top-works__button{margin-top:30px;text-align:center}.p-works-card{display:block;max-width:600px;width:100%}.p-works-card:hover .p-works-card__link-svg circle{fill:#ed7a9c}.p-works-card:hover .p-works-card__link-icon{margin-right:5px}.p-works-card:hover .p-works-card__image img{scale:1.1}.p-works-card__image{border-radius:16px;overflow:hidden;width:100%}.p-works-card__image img{aspect-ratio:335/227;display:block;transition:scale .4s;width:100%}.p-works-card__title{font-size:16px;font-weight:700;margin-top:15px}.p-works-card__bottom{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.p-works-card__categories{align-items:center;display:flex;gap:8px}.p-works-card__link-icon{height:20px;margin-left:8px;margin-right:15px;transition:margin-right .2s;width:20px}.p-works-card__link-icon .p-works-card__link-svg circle{transition:fill .4s}.p-flow{margin-top:87px}.p-flow__body{margin-inline:auto;margin-top:53px;max-width:420px;padding-bottom:30px;padding-left:10px;padding-right:10px;position:relative}.p-flow__deco1,.p-flow__deco2,.p-flow__deco3,.p-flow__deco4{height:28px;position:absolute;width:28px}.p-flow__deco1{left:-1px;top:-25px}.p-flow__deco2{right:-1px;top:-25px}.p-flow__deco3{bottom:-2px;left:-1px}.p-flow__deco4{bottom:-2px;right:-1px}.p-flow__steps{align-items:center;display:flex;flex-direction:column;gap:55px}.p-flow-step{max-width:400px;width:100%}.p-flow-step__heading{align-items:center;color:#aaa5d1;display:flex;font-weight:700;gap:5px;line-height:normal}.p-flow-step__heading-step{font-family:"Josefin Sans",sans-serif;font-size:16px;font-style:normal}.p-flow-step__heading-number{font-family:"Noto Sans JP",sans-serif;font-size:36px}.p-flow-step__body{align-items:center;display:flex;flex-direction:column;gap:19px;margin-top:12px}.p-flow-step__image{background:#f5d3d7;border-radius:50%;height:150px;position:relative;width:150px}.p-flow-step__image img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.p-flow-step__image .flow-step1{height:80px;width:60px}.p-flow-step__image .flow-step2{height:56px;width:80px}.p-flow-step__image .flow-step3{height:80px;width:80px}.p-flow-step__image .flow-step4{height:63px;width:80px}.p-flow-step__title{font-size:16px;font-weight:700;text-align:center}.p-flow-step__text{font-size:12px;line-height:2;margin-top:15px;padding-bottom:10px}.p-profile{margin-bottom:87px;margin-top:91px}.p-profile__body{margin-top:66px}.p-profile__main{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center}.p-profile__image{margin:0 auto;max-width:400px}.p-profile__image img{aspect-ratio:335/335;display:block;width:100%}.p-profile__text{font-size:14px}.p-profile__text+.p-profile__text{margin-top:16px}.p-profile__skill{margin-top:28px}.p-profile__footer{align-items:center;display:flex;gap:15px;justify-content:end;margin-top:30px}.p-profile__sns{display:block;transition:opacity .4s}.p-profile__sns img{display:block;height:42px;width:42px}.p-profile__sns:hover{opacity:.8}.p-skill-list{background:#f3f3f3;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-inline:auto;max-width:600px;padding:30px 10px}.p-skill-list__item:not(:first-of-type){border-top:1px dashed #665990;padding-top:10px}.p-skill-list__title{font-size:18px;line-height:normal;padding-left:32px;position:relative}.p-skill-list__title:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/skill-icon.svg) no-repeat center center/contain;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.p-skill-list__description{font-size:14px;line-height:1.7;margin-top:15px}.p-top-contact{position:relative}.p-top-contact:before{aspect-ratio:419/335;background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/お団子ほっぺ.png) no-repeat center center/contain;bottom:-20px;content:"";height:auto;position:absolute;right:calc(50% - 185px);width:80px}.p-top-contact:after{aspect-ratio:259/207;background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/こもち.png) no-repeat center center/contain;bottom:40px;content:"";height:auto;left:calc(50% - 180px);position:absolute;transform:rotate(-15deg);width:70px}.p-top-contact__button{margin-inline:auto;margin-top:60px}.p-footer-nav{align-items:center;display:flex;flex-direction:column;gap:9px;justify-content:center}.p-footer-nav__link{display:inline-block;font-family:"Josefin Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;transition:opacity .4s}.p-footer-nav__link:hover{opacity:.5}.p-footer-nav__link-icon{height:15px;width:20px}.p-footer{background:#f5d3d7;padding-bottom:15px;padding-top:10px;position:relative}.p-footer:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/section-deco-top.png) left center/contain;content:"";height:35px;left:0;position:absolute;top:-34px;width:100%}.p-footer__logo{margin-inline:auto;width:-moz-fit-content;width:fit-content}.p-footer__nav{margin-top:20px}.p-footer__copyright{margin-top:20px;text-align:center}.p-footer__copyright-text{font-size:10px;font-weight:400}.p-to-top{bottom:40px;height:40px;position:absolute;right:20px;width:40px;z-index:30}.p-to-top__button{display:none;height:inherit;width:inherit}.p-scroll-animation{margin-top:25px}.p-scroll-animation__wrapper{display:flex;overflow:hidden}.p-scroll-animation__list{animation:infinity-scroll-left 30s infinite linear .5s both;display:flex;padding:0}.p-scroll-animation__item{width:14.2857142857vw}.p-scroll-animation__item img{width:100%}.p-works{margin-bottom:86px;padding-top:67px}.p-works__body{margin-top:30px;width:100%}.p-works__items{display:grid;gap:40px;margin-top:50px;place-items:center;width:100%}.p-works__item{width:100%}.p-works__pagination{margin-top:80px}.p-category-list{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.p-category-list__item{width:-moz-fit-content;width:fit-content}.p-category-list__link{background:#fff;background-image:linear-gradient(45deg,#ed7a9c 0%,#ed7a9c 50%,transparent 50%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #ed7a9c;border-radius:60px;color:#ed7a9c;display:block;font-size:12px;letter-spacing:.08em;line-height:normal;padding:3px 9px 3px;text-decoration:none;transition:background-color .4s,color .4s,background-position .4s ease}.p-category-list__link.is-current{background:#ed7a9c;color:#fff}.p-category-list__link:hover{background-position:0 100%;color:#fff}.p-pagination{align-items:center;display:flex;gap:5px;justify-content:center}.p-pagination .prev:hover{background-color:#fff}.p-pagination .prev:hover .p-pagination__prev svg path{stroke:#665990}.p-pagination .next:hover{background-color:#fff}.p-pagination .next:hover .p-pagination__next svg path{stroke:#665990}.page-numbers{background:#fff;border:1px solid #665990;border-radius:4px;color:#665990;display:grid;font-size:12px;font-weight:700;height:32px;letter-spacing:.08em;line-height:normal;place-items:center;transition:background-color .4s;width:30px}.page-numbers.prev,.page-numbers.next{background:#665990;transition:box-shadow .4s;transition:background-color .4s}.page-numbers:hover{background:#665990;color:#fff}.page-numbers.current{background:#665990;color:#fff}.page-numbers.dots{background:#fff;color:#665990}.p-pagination__img{height:11px;transition:stroke .4s;width:6px}.p-works-detail{padding-top:67px}.p-works-detail__inner{margin-inline:auto;max-width:680px;padding-inline:20px;width:100%}.p-works-detail__content{margin-top:36px}.p-works-detail__image{aspect-ratio:335/227;border-radius:32px;box-shadow:0 3px 8px 0 rgba(0,0,0,.1);margin-inline:auto;max-width:680px;overflow:hidden;width:100%}.p-works-detail__image img{display:block;width:100%}.p-works-detail__link{display:block;font-size:12px;margin-inline:auto;margin-top:20px;padding-right:22px;position:relative;width:-moz-fit-content;width:fit-content}.p-works-detail__link:before{background:0 0;bottom:0;content:"";height:1px;left:-22px;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transition:all .4s ease;width:calc(100% - 22px)}.p-works-detail__link:after{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/right-arrow.svg) no-repeat center center/contain;content:"";height:14px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .4s ease;width:14px}.p-works-detail__link:hover:before{background:#383838;transform:scale(1,1)}.p-works-detail__link:hover:after{right:-5px}.p-works-detail__heading{margin-top:34px}.p-works-detail__title{font-size:18px;font-weight:700;padding-left:9px;position:relative}.p-works-detail__title:before{background:#aaa5d1;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.p-works-detail__labels{align-items:center;display:flex;gap:5px;margin-top:16px}.p-works-detail__items{display:flex;flex-direction:column;gap:19.5px;margin-top:30px}.p-works-detail__item-title{font-size:16px;font-weight:700;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}.p-works-detail__text{font-size:12px;margin-top:5px;padding-inline:5px}.p-works-detail__text span{font-weight:700}.p-works-detail__lists{margin-top:6px;padding-inline:5px}.p-works-detail__lists li{font-size:12px;padding-left:13px;position:relative}.p-works-detail__lists li:before{background:#383838;border-radius:50%;content:"";height:3px;left:5px;position:absolute;top:9px;width:3px}.p-works-detail__pagination{margin-top:80px}.p-detail-pagination{align-items:center;display:flex;gap:5px;justify-content:center}.p-detail-pagination__link{align-items:center;background:#665990;border:1px solid transparent;border-radius:4px;display:flex;height:30px;justify-content:center;transition:background-color .4s,border-color .4s;width:71px}.p-detail-pagination__link:hover{background-color:#fff;border-color:#665990}.p-detail-pagination__link:hover .p-detail-pagination__text{color:#665990}.p-detail-pagination__link:hover.p-detail-pagination__prev svg path,.p-detail-pagination__link:hover.p-detail-pagination__next svg path{stroke:#665990}.p-detail-pagination__prev,.p-detail-pagination__next{width:32px}.p-detail-pagination__prev svg,.p-detail-pagination__next svg{height:11px;transition:stroke .4s;width:6px}.p-detail-pagination__text{color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:normal;text-align:center;transition:color .4s}.p-works-swiper{margin-bottom:87px;margin-top:87px}.p-works-swiper__body{margin-top:30px;padding-inline:20px;width:100%}.p-works-swiper__content{width:100%}.p-works-swiper__wrapper{transition-timing-function:linear}.p-works-swiper__slide{height:auto;width:335px !important}.p-works-swiper__card{height:100%;width:335px}.p-entry{margin-bottom:80px;padding-top:67px}.p-entry__inner{margin-inline:auto;max-width:680px;padding-inline:20px;width:100%}.p-entry__content{margin-top:36px}.p-entry-main h1{font-size:18px;font-weight:700;padding-left:9px;position:relative}.p-entry-main h1:before{background:#aaa5d1;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.p-entry-main h2{border-bottom:1px solid #665990;display:block;font-size:16px;font-weight:700;line-height:1.7}.p-entry-main h3{font-size:16px;font-weight:700;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}.p-entry-main h4{font-size:14px;font-weight:700}.p-entry-main p{font-size:14px;margin-bottom:20px;padding-inline:5px}.p-entry-main h2+p,.p-entry-main h3+p{margin-top:6px}.p-entry-main ul{margin-top:6px;padding-inline:5px}.p-entry-main ul li{font-size:14px;padding-left:13px;position:relative}.p-entry-main ul li:before{background:#383838;border-radius:50%;content:"";height:3px;left:5px;position:absolute;top:9px;width:3px}.p-entry-main__image{aspect-ratio:335/227;border-radius:32px;box-shadow:0 3px 8px 0 rgba(0,0,0,.1);margin-inline:auto;max-width:500px;overflow:hidden;width:100%}.p-entry-main__image img{display:block;width:100%}.p-entry-main__heading{margin-top:34px}.p-entry-main__meta{align-items:center;display:flex;gap:5px;margin-top:16px}.p-entry-main__time{color:#ed7a9c;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:normal}.p-entry-main__items{margin-top:30px}.p-entry-main__pagination{margin-top:80px}.p-contact{padding-top:67px}.p-contact__inner{margin-inline:auto;max-width:680px;padding-inline:20px;width:100%}.p-contact__body{margin-top:31px}.p-contact__notice{font-size:9px;margin-top:16px;text-align:center}.p-contact__top-link{margin-top:60px}.grecaptcha-badge{visibility:hidden !important}.p-contact-form__fields{display:flex;flex-direction:column;gap:19.5px}.p-contact-form__field{display:flex;flex-direction:column;gap:8px}.p-contact-form__head{align-items:center;display:flex;gap:8px}.p-contact-form__label{font-size:16px;font-weight:500;padding-left:9px;position:relative}.p-contact-form__label:before{background:#aaa5d1;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.p-contact-form__tag{background:#ed7a9c;border:1px solid transparent;color:#fff;font-size:10px;font-weight:700;height:18px;letter-spacing:.08em;line-height:normal;padding-inline:5px}.p-contact-form__tag--secondary{background:#fff;border-color:#ed7a9c;color:#ed7a9c}.p-contact-form__form-text,.p-contact-form__form-textarea{background:#f3f3f3;border-radius:6px;padding:10px 16px;width:100%}.p-contact-form__form-text::-moz-placeholder,.p-contact-form__form-textarea::-moz-placeholder{color:#d9d9d9;font-size:14px;font-style:normal;font-weight:500;line-height:1.7}.p-contact-form__form-text::placeholder,.p-contact-form__form-textarea::placeholder{color:#d9d9d9;font-size:14px;font-style:normal;font-weight:500;line-height:1.7}.p-contact-form__form-text{height:44px}.p-contact-form__form-textarea{display:block;height:164px}.p-contact-form__checkbox{display:flex;flex-direction:column;gap:8px;margin-top:8px}.p-contact-form__checkbox label input{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0);overflow:hidden}.p-contact-form__checkbox label input:checked+span:after{opacity:1}.p-contact-form__checkbox label span{padding-left:32px;position:relative}.p-contact-form__checkbox label span:before,.p-contact-form__checkbox label span:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.p-contact-form__checkbox label span:before{background:#f3f3f3;border-radius:2px;height:24px;left:0;width:24px}.p-contact-form__checkbox label span:after{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/icon-check.png) no-repeat center center/contain;height:13px;left:5px;opacity:0;width:15px}.p-contact-form__privacy{margin-top:33px}.p-contact-form__privacy-box{background:#fff;border:3px solid #f5d3d7;padding:21px 13px}.p-contact-form__privacy-title{font-size:16px;font-weight:700;text-align:center}.p-contact-form__privacy-text{margin-top:16px}.p-contact-form__privacy-lists{margin-top:8px}.p-contact-form__privacy-list{font-size:12px;padding-left:13px;position:relative}.p-contact-form__privacy-list:before{background:#383838;border-radius:50%;content:"";height:2.5px;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:2.5px}.p-contact-form__privacy-acceptance{margin-top:20px;text-align:center}.p-contact-form__submit{margin-top:60px;text-align:center}.p-contact-form__submit-button{background:#aaa5d1;background-image:linear-gradient(45deg,#fff 0%,#fff 50%,transparent 50%,transparent 100%);background-position:100% 0;background-repeat:no-repeat;background-size:200% 200%;border:2px solid #aaa5d1;border-radius:60px;color:#fff;display:inline-block;font-size:16px;font-weight:700;line-height:normal;padding:16px 58px;text-decoration:none;transition:background-color .4s,color .4s,border-color .4s,background-position .4s ease}.p-contact-form__submit-button:hover{background-position:0 100%;color:#aaa5d1}.wpcf7-spinner{display:none}.wpcf7-list-item{margin:0}.p-privacy-acceptance label .p-privacy-acceptance__input-checkbox{height:1px;position:absolute;width:1px;clip:rect(0,0,0,0);overflow:hidden}.p-privacy-acceptance label .p-privacy-acceptance__input-checkbox:checked+span:after{opacity:1}.p-privacy-acceptance label span{font-size:10px;padding-left:32px;position:relative}.p-privacy-acceptance label span:before,.p-privacy-acceptance label span:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.p-privacy-acceptance label span:before{background:#f3f3f3;border-radius:2px;height:24px;left:0;width:24px}.p-privacy-acceptance label span:after{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/icon-check.png) no-repeat center center/contain;height:14px;left:5px;opacity:0;width:15px}.p-movie-works{padding-bottom:60px;padding-top:67px}.p-movie-works__items{align-items:center;display:flex;flex-direction:column;gap:30px;margin-top:50px}.p-movie-works__item{max-width:600px;width:100%}.p-movie-works__item iframe{aspect-ratio:560/315;width:100%}.p-404{padding-bottom:86px;padding-top:67px}.p-404__link{margin-top:60px}.u-separate{margin-bottom:24px;margin-top:24px}.u-hidden-under-md{display:none !important}.u-hidden-under-lg{display:none !important}.u-hidden-under-xl{display:none !important}.u-hidden-under-xxl{display:none !important}@media screen and (min-width:0){.u-hidden-xs{display:none !important}}@media screen and (min-width:576px){.p-profile__inner{margin-left:auto;margin-right:auto;max-width:640px}.p-skill-list{padding-inline:20px}.u-hidden-sm{display:none !important}}@media screen and (min-width:768px){body{font-size:16px}.l-inner{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:40px;padding-right:40px}.l-main{margin-bottom:120px;margin-top:80px}.l-works-main{margin-bottom:120px;margin-top:80px}.l-thanks-main{margin-top:80px;min-height:calc(100vh - 80px - 214px);padding-bottom:214px}.l-detail-main{margin-bottom:119px;margin-top:80px}.l-contact-main{margin-bottom:79px;margin-top:80px}.c-logo-link img{height:60px;width:202px}.c-contact-button:hover{background-position:0 100%}.c-contact-button:hover .c-contact-button__text{color:#aaa5d1}.c-contact-button:hover .c-contact-button__icon path{fill:#aaa5d1}.c-contact-button--large{max-width:unset;padding-block:30px 28px;width:308px}.c-contact-button--large .c-contact-button__icon{height:24px;width:32px}.c-contact-button--large .c-contact-button__text{font-size:26px}.c-section-title{width:200px}.c-section-title:before,.c-section-title:after{height:42px;width:110px}.c-section-title:before{left:-125px}.c-section-title:after{right:-125px}.c-section-title__main{font-size:28px}.c-section-title__sub{font-size:14px}.c-button--more{font-size:20px;padding-block:9px}.c-category-label{font-size:13px;padding-inline:16px}.c-category-label--link{font-size:18px;padding:7px 14px}.c-item-heading{font-size:26px;font-size:18px;font-weight:500;padding-left:11px}.c-top-link{font-size:16px;padding-left:42px}.c-top-link:before{height:26px;width:26px}.c-top-link:after{width:calc(100% - 42px)}.p-section-heading__text{font-size:16px;margin-top:30px}.p-section-heading__text--works{font-size:12px}.p-section-heading__text--contact{font-size:16px;font-weight:400;margin-top:30px}.p-header{height:80px;margin-left:auto;margin-right:auto;max-width:1280px;padding-block:16px;padding-left:40px;padding-right:40px}.p-header__right{display:block}.p-header-nav{gap:16px}.p-header-nav__lists{gap:16px}.p-fv{padding-top:30px}.p-fv__content{max-width:unset}.p-fv__image img{aspect-ratio:1200/700;border-radius:20px}.p-fv__title-wrapper{bottom:0;left:0}.p-fv__title{aspect-ratio:431/311;height:auto;max-width:431px;width:33.67vw}.p-fv__title:before{background:url(//portfolio.odangohoppe.com/wp-content/themes/odangohoppe_portfolio/assets/css/../img/fv-deco.png) no-repeat center center/contain;bottom:-1px;left:-1px}.p-fv__title-main{font-size:clamp(30px, 3.75vw, 48px);margin-top:68px}.p-fv__title-sub{font-size:clamp(18px, 2.34vw, 30px);margin-top:10px}.p-service{margin-top:55px;padding-bottom:100px}.p-service__inner{max-width:1040px;padding-top:30px}.p-service__body{margin-top:86px}.p-service__cards{flex-direction:row;gap:clamp(40px, 4.69vw, 60px);justify-content:center}.p-service-card{max-width:280px;padding-inline:16px}.p-top-works{margin-top:155px}.p-top-works__cards{gap:80px;margin-top:84px}.p-top-works__button{margin-top:50px}.p-works-card__title{margin-top:20px}.p-works-card__bottom{margin-top:15px}.p-works-card__link-icon{height:26px;margin-right:12px;width:26px}.p-works-card__link-icon .p-works-card__link-svg{height:26px;width:26px}.p-flow{margin-top:120px}.p-flow__body{margin-top:140px;max-width:680px;padding-bottom:60px;padding-left:40px;padding-right:40px}.p-flow__deco1{top:-57px}.p-flow__deco2{top:-57px}.p-flow__steps{gap:56px}.p-flow-step{max-width:600px}.p-flow-step__body{flex-direction:row;gap:40px;margin-top:10px}.p-flow-step__image{flex-shrink:0}.p-flow-step__title{-moz-text-align-last:left;font-size:20px;text-align-last:left}.p-flow-step__text{font-size:16px;margin-top:13px;padding-bottom:0}.p-profile{margin-bottom:122px;margin-top:123px}.p-profile__inner{max-width:880px}.p-profile__body{margin-top:82px}.p-profile__main{flex-direction:row-reverse;gap:clamp(20px, 4.69vw, 60px)}.p-profile__image{flex-shrink:0}.p-profile__image img{height:auto;width:250px}.p-profile__text{font-size:16px}.p-profile__text+.p-profile__text{margin-top:15px}.p-profile__footer{margin-top:32px}.p-skill-list{flex-direction:row;gap:18px;max-width:unset;padding:27px 60px}.p-skill-list__item:not(:first-of-type){border-left:1px dashed #665990;border-top:none;padding-left:21px;padding-top:0}.p-skill-list__item{flex:1}.p-top-contact:before{right:calc(50% - 270px);width:100px}.p-top-contact:after{bottom:60px;left:calc(50% - 250px);transform:rotate(-20deg);width:80px}.p-top-contact__button{margin-top:82px}.p-footer-nav{flex-direction:row;gap:25px}.p-footer{padding-top:10px}.p-footer__nav{margin-top:28px}.p-to-top{bottom:44px;position:fixed}.p-scroll-animation{margin-top:30px}.p-scroll-animation__item{width:10vw}.p-works{margin-bottom:122px;padding-top:82px}.p-works__body{margin-top:50px}.p-works__items{grid-template-columns:repeat(2,1fr);margin-top:80px;row-gap:80px;-moz-column-gap:50px;column-gap:50px}.p-works__pagination{margin-top:120px}.p-category-list{gap:20px}.p-category-list__link{font-size:18px;padding:6px 14px 6px 13px}.p-pagination{gap:10px}.page-numbers{font-size:14px;height:36px;width:34px}.p-pagination__img{height:14px;width:7px}.p-works-detail{padding-top:82px}.p-works-detail__inner{max-width:940px;padding-inline:40px}.p-works-detail__content{margin-top:31px}.p-works-detail__image{aspect-ratio:430/291;max-width:unset;width:clamp(680px, 67.19vw, 860px)}.p-works-detail__link{font-size:16px;margin-top:30px;padding-right:42px}.p-works-detail__link:before{left:-42px;width:calc(100% - 42px)}.p-works-detail__link:after{height:26px;width:26px}.p-works-detail__heading{margin-top:60px}.p-works-detail__title{font-size:26px;padding-left:11px}.p-works-detail__labels{gap:20px;margin-top:20px}.p-works-detail__items{gap:29px;margin-top:60px}.p-works-detail__item-title{text-underline-offset:6px}.p-works-detail__text{margin-top:16px;padding-inline:16px}.p-works-detail__lists{margin-top:16px;padding-inline:16px}.p-works-detail__pagination{margin-top:120px}.p-detail-pagination{gap:18px}.p-detail-pagination__link{height:36px;width:92px}.p-detail-pagination__prev,.p-detail-pagination__next{width:34px}.p-detail-pagination__prev svg,.p-detail-pagination__next svg{height:14px;width:7px}.p-detail-pagination__text{font-size:14px}.p-works-swiper{margin-bottom:188px;margin-top:155px}.p-works-swiper__body{margin-inline:auto;max-width:1280px;padding-inline:40px}.p-works-swiper__slide{width:360px !important}.p-works-swiper__card{width:360px}.p-entry{margin-bottom:120px;padding-top:82px}.p-entry__inner{max-width:940px;padding-inline:40px}.p-entry__content{margin-top:31px}.p-entry-main h1{font-size:26px;padding-left:11px}.p-entry-main h3{text-underline-offset:6px}.p-entry-main p{font-size:14px;font-weight:400;margin-bottom:30px;padding-inline:16px 14px}.p-entry-main h2+p,.p-entry-main h3+p{margin-top:16px}.p-entry-main ul{margin-top:16px;padding-inline:24px}.p-entry-main__image{aspect-ratio:591/400;max-width:unset;width:591px}.p-entry-main__heading{margin-top:60px}.p-entry-main__meta{gap:20px;margin-top:20px}.p-entry-main__time{font-size:18px}.p-entry-main__items{margin-top:60px}.p-entry-main__pagination{margin-top:120px}.p-contact{padding-top:81px}.p-contact__inner{max-width:unset;padding-inline:40px}.p-contact__body{margin-top:60px}.p-contact__notice{margin-top:30px}.p-contact-form__fields{gap:40px}.p-contact-form__field{flex-direction:row;gap:clamp(10px, 2.35vw, 30px)}.p-contact-form__head{flex-shrink:0;gap:14px;width:212px}.p-contact-form__label{font-size:26px;font-size:18px;font-weight:500;padding-left:11px}.p-contact-form__tag{font-size:12px;height:22px;padding-inline:7px}.p-contact-form__item{flex:1}.p-contact-form__form-text,.p-contact-form__form-textarea{padding:12px 16px}.p-contact-form__form-text::-moz-placeholder,.p-contact-form__form-textarea::-moz-placeholder{font-size:16px}.p-contact-form__form-text::placeholder,.p-contact-form__form-textarea::placeholder{font-size:16px}.p-contact-form__form-text{height:51px}.p-contact-form__form-textarea{height:170px}.p-contact-form__checkbox{flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:0}.p-contact-form__checkbox label span{line-height:1.875;padding-left:38px}.p-contact-form__checkbox label span:before{height:30px;width:30px}.p-contact-form__checkbox label span:after{height:19px;width:20px}.p-contact-form__privacy{margin-top:60px}.p-contact-form__privacy-box{border:5px solid #f5d3d7;padding:25px 55px}.p-contact-form__privacy-title{font-size:18px}.p-contact-form__privacy-text{font-size:14px;font-weight:400;margin-top:16px}.p-contact-form__privacy-lists{margin-top:16px}.p-contact-form__privacy-acceptance{margin-top:30px}.p-contact-form__submit{margin-top:63px}.p-contact-form__submit-button{font-size:20px;padding:25px 80px}.p-privacy-acceptance label span{font-size:12px;padding-left:38px}.p-privacy-acceptance label span:before{height:30px;width:30px}.p-privacy-acceptance label span:after{height:19px;width:20px}.p-movie-works{padding-bottom:120px;padding-top:80px}.p-movie-works__items{flex-direction:row;flex-wrap:wrap;gap:60px;margin-top:80px}.p-movie-works__item{max-width:unset;width:calc(50% - 30px)}.p-404{padding-bottom:122px;padding-top:81px}.u-hidden-md{display:none !important}.u-hidden-under-md{display:block !important}.u-hidden-under-lg{display:none !important}.u-hidden-under-xl{display:none !important}.u-hidden-under-xxl{display:none !important}}@media screen and (min-width:992px){.p-header-nav{gap:36px}.p-header-nav__lists{gap:36px}.p-top-works__cards{align-items:baseline;flex-direction:row;gap:clamp(20px, 4.69vw, 60px)}.p-flow__body{max-width:960px;padding-left:80px;padding-right:80px}.p-flow-step{max-width:800px}.p-works__items{grid-template-columns:repeat(3,1fr);-moz-column-gap:min(4.69vw, 60px);column-gap:min(4.69vw, 60px)}.p-contact__inner{padding-inline:40px;width:880px}.p-movie-works__item{width:calc(33.33% - 40px)}.u-hidden-lg{display:none !important}.u-hidden-under-md{display:block !important}.u-hidden-under-lg{display:block !important}.u-hidden-under-xl{display:none !important}.u-hidden-under-xxl{display:none !important}}@media screen and (min-width:1200px){.u-hidden-xl{display:none !important}.u-hidden-under-md{display:block !important}.u-hidden-under-lg{display:block !important}.u-hidden-under-xl{display:block !important}.u-hidden-under-xxl{display:none !important}}@media screen and (min-width:1400px){.u-hidden-xxl{display:none !important}.u-hidden-under-md{display:block !important}.u-hidden-under-lg{display:block !important}.u-hidden-under-xl{display:block !important}.u-hidden-under-xxl{display:block !important}}@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}