@charset "UTF-8";*,::after,::before{box-sizing:border-box}a,body,dd,div,dl,dt,figure,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,span,table,td,th,tr,ul{margin:0;padding:0;border:0;font-weight:inherit;font-size:100%;vertical-align:baseline}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none;list-style-type:none}img{width:100%;max-width:100%;height:auto;vertical-align:middle}iframe,svg{width:100%;height:100%}a{color:inherit;text-decoration:none;cursor:pointer}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:0 0;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit;vertical-align:top}button,input,select,textarea{text-align:start;font-family:inherit;font-size:100%}*{letter-spacing:0}html{scroll-behavior:smooth}body{color:#4a3636;font-family:Montserrat,"Noto Sans JP",sans-serif,cursive;font-size:.75rem;font-weight:500;line-height:1.7;background-color:#f9f3f3}@media (min-width:1024px){body{font-size:1rem}}@media (max-width:374px){body{transform:scale(.2666666667vw);transform-origin:top left;width:37.5rem}}.l-header{padding-inline:1.25rem}@media (min-width:1024px){.l-header{padding-inline:1.5rem}}.l-main{width:clamp(335px,107.76px + 60.6vw,1024px);margin-inline:auto}.c-logo{font-size:1.25rem;font-family:"Dancing Script",cursive}.c-logo span{font-family:Pacifico,cursive}@media (min-width:1024px){.c-logo{font-size:2.5rem}}.c-hamburger{position:relative;width:1.5rem;height:1.5rem;background:0 0;z-index:41}@media (min-width:1024px){.c-hamburger{width:2rem;height:2rem}}.c-hamburger__line{position:absolute;left:0;width:100%;max-width:100%;height:3px;border-radius:1.5px;background:#4a3636;transition:all .3s ease}.c-hamburger__line:nth-child(1){top:0;background:0 0}.c-hamburger__line:nth-child(1)::after,.c-hamburger__line:nth-child(1)::before{content:"";position:absolute;top:0;height:3px;background:#4a3636;border-radius:1.5px}.c-hamburger__line:nth-child(1)::before{left:0;width:80%}.c-hamburger__line:nth-child(1)::after{right:0;width:17%}.c-hamburger__line:nth-child(2){top:50%;transform:translateY(-50%)}.c-hamburger__line:nth-child(3){bottom:0}.c-hamburger.is-open .c-hamburger__line:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);background:#4a3636}.c-hamburger.is-open .c-hamburger__line:nth-child(1)::after,.c-hamburger.is-open .c-hamburger__line:nth-child(1)::before{background-color:none}.c-hamburger.is-open .c-hamburger__line:nth-child(2){opacity:0}.c-hamburger.is-open .c-hamburger__line:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.c-overlay{display:none}.c-overlay.is-open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:39}.c-button{display:inline-block;background-color:#7f3033;color:#fff;font-size:1rem;border-radius:999px;padding:.5rem 1rem;transition:all .3s}@media (min-width:1024px){.c-button{font-size:1.25rem;padding:1rem 2rem}}.c-button span::after{content:"→";position:relative;top:-4px;margin-left:.5rem;display:inline-block;text-align:center;line-height:22px;width:22px;height:22px;font-size:.75rem;border-radius:50%;background-color:#fff;color:#7f3033;transition:all .3s}.c-button:hover{padding-right:.5rem}@media (min-width:1024px){.c-button:hover{padding-right:1.5rem}}.c-button:hover span::after{margin-left:1rem}.c-card{position:relative;width:100%;text-align:center}.c-card__body{overflow:hidden;border-radius:8px;background-color:#fff}@media (min-width:1024px){.c-card__body{border-radius:16px}}.c-card__body:hover .c-card__image img{transform:scale(1.1)}.c-card__image{aspect-ratio:8/7;overflow:hidden}.c-card__image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.c-card__text{padding-block:1rem;display:grid;place-items:center}@media (min-width:1024px){.c-card__text{padding-block:2rem}}.c-card__title{font-weight:700;margin-bottom:.5rem}@media (min-width:1024px){.c-card__title{margin-bottom:1rem}}.c-card__more{font-size:.625rem}@media (min-width:1024px){.c-card__more{font-size:.875rem}}.c-card__button{position:absolute;inset:0;border:solid 4px transparent;border-radius:8px}@media (min-width:1024px){.c-card__button{border-radius:16px}}.c-card__button:hover{border:solid 4px #7f3033}@media (min-width:1024px){.c-card.c-card--l .c-card__body{border-radius:24px}}@media (min-width:1024px){.c-card.c-card--l .c-card__image{aspect-ratio:22/17}}@media (min-width:1024px){.c-card.c-card--l .c-card__title{font-size:1.25rem}}@media (min-width:1024px){.c-card.c-card--l .c-card__button{border-radius:24px}}.c-card.c-card--modal{padding:2rem}.c-card.c-card--modal .c-card__image{margin-inline:auto;max-width:450px;border-radius:24px}@media (min-width:1024px){.c-card.c-card--modal .c-card__image{aspect-ratio:8/5}}.c-card.c-card--modal .c-card__text{padding:0}@media (min-width:1024px){.c-card.c-card--modal .c-card__text{padding-inline:2.5rem}}.c-card.c-card--modal .c-card__title{font-weight:700;font-size:1rem;margin-bottom:12px}@media (min-width:1024px){.c-card.c-card--modal .c-card__title{font-size:1.5rem}}.c-card.c-card--modal .c-card__description{color:#000;text-align:left;margin-bottom:16px}@media (min-width:1024px){.c-card.c-card--modal .c-card__description{font-size:1rem;margin-bottom:2rem}}.c-card.c-card--modal .c-card__description ul{display:grid;gap:5px}.c-card.c-card--modal .c-card__description li{position:relative;padding-left:1rem}.c-card.c-card--modal .c-card__description li::before{position:absolute;content:"・";top:0;left:0}.c-card.c-card--modal .c-card__description li:first-child{margin-top:7px}.c-card.c-card--modal .c-card__description li:last-child{margin-bottom:1rem}.c-card.c-card--modal .c-card__more{margin-inline:auto}.c-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;overflow:hidden;border-radius:24px;background-color:#fff;z-index:100;display:none}.c-modal.is-open{display:block}.c-title{width:-moz-fit-content;width:fit-content;text-align:center;font-weight:700}.c-title__sub{display:block;color:#7f3033}.c-title__main{display:block;font-size:1.25rem;margin-bottom:1rem}@media (min-width:1024px){.c-title__main{font-size:1.5rem}}.c-title__catch{padding-inline:2rem}.c-title--concept .c-title__sub{color:#fff}.c-text{border:none;width:100%;padding:1rem;background-color:#fff;border:2px solid #fff;border-radius:8px;font-size:.875rem}@media (min-width:1024px){.c-text{font-size:1rem}}.c-text::-moz-placeholder{color:#ccc}.c-text::placeholder{color:#ccc}.c-checkbox__input{width:1px;height:1px;position:absolute;clip:rect(0,0,0,0);overflow:hidden}.c-checkbox__input:checked+.c-checkbox__text::after{opacity:1}.c-checkbox__text{position:relative;font-size:.875rem;padding-left:36px}@media (min-width:1024px){.c-checkbox__text{font-size:1rem}}.c-checkbox__text::after,.c-checkbox__text::before{position:absolute;content:""}.c-checkbox__text::before{top:0;left:0;width:24px;height:24px;border-radius:4px;background-color:#fff}.c-checkbox__text::after{top:0;left:0;width:24px;height:24px;background:url(../img/contact-check.svg) no-repeat center/contain;opacity:0}.c-checkbox__button{cursor:pointer}.c-privacy{padding:1.5rem;width:90%;text-align:center;background-color:#fff}@media (min-width:1024px){.c-privacy{padding:3rem;width:60%}}.c-privacy__title{font-size:1.5rem;margin-bottom:1rem}@media (min-width:1024px){.c-privacy__title{margin-bottom:2.5rem}}.c-privacy__text{margin-bottom:2rem}@media (min-width:1024px){.c-privacy__text{margin-bottom:3rem}}.p-drawer{position:relative;width:70%;max-height:100%;background:#fff;padding-block:6.25rem;font-size:clamp(.875rem,.6160220994rem + .0690607735vw,1.5rem);transform:translateY(-130%);transition:transform .3s ease;z-index:40}@media (min-width:1280px){.p-drawer{transform:translateY(0);padding:0;width:-moz-fit-content;width:fit-content;height:4rem;background:#f9f3f3;z-index:30}}.p-drawer.is-open{transform:translateY(0);overflow-y:auto}.p-drawer__list{display:flex;flex-direction:column;gap:2.5rem;text-align:center}@media (min-width:1280px){.p-drawer__list{flex-direction:row;height:100%;align-items:center}}.p-drawer__item a{padding:10px}body.is-open{overflow:hidden}.p-form{display:flex;flex-direction:column;gap:.5rem}@media (min-width:1024px){.p-form{flex-direction:row;gap:0}.p-form:nth-child(3) .p-form__title{align-items:start}}.p-form:nth-child(4),.p-form:nth-child(5){margin-inline:auto}@media (min-width:1024px){.p-form:nth-child(4),.p-form:nth-child(5){margin-top:1rem}}.p-form__title{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:.875rem}@media (min-width:1024px){.p-form__title{font-size:1rem;width:13.75rem}}.p-form__tag{display:inline-block;border-radius:4px;color:#fff;font-size:.75rem;background-color:#ce2073;padding:4px 8px}.p-form__body{flex:1}.p-form input:focus,.p-form textarea:focus{outline:0;border:2px solid #7f3033}.p-form input:focus+.c-checkbox__text::before,.p-form textarea:focus+.c-checkbox__text::before{border:2px solid #7f3033}.js-form.is-error input:invalid,.js-form.is-error select:invalid,.js-form.is-error textarea:invalid{border:1px solid #ce2073;background-color:#fff0f7}.js-form.is-error input:invalid+.c-radio__text::before,.js-form.is-error select:invalid+.c-radio__text::before,.js-form.is-error textarea:invalid+.c-radio__text::before{border:1px solid #ce2073;background-color:#fff0f7}.js-form.is-error input:invalid+.c-checkbox__text::before,.js-form.is-error select:invalid+.c-checkbox__text::before,.js-form.is-error textarea:invalid+.c-checkbox__text::before{border:1px solid #ce2073;background-color:#fff0f7}.p-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;height:4rem;background-color:#f9f3f3;z-index:30}.p-header__drawer{position:fixed;top:0;right:0}@media (min-width:1280px){.p-header__drawer{position:static}}@media (min-width:1280px){.p-header__button{display:none}}.p-fv__inner{position:relative;margin-inline:auto;background-color:#fff;overflow:hidden;padding-block:72px}@media (min-width:1024px){.p-fv__inner{padding-block:80px}}.p-fv__minami,.p-fv__portfolio,.p-fv__tomoki{position:absolute;width:30%;z-index:1}.p-fv__tomoki{top:3%;left:5%}.p-fv__minami{top:50%;left:50%;transform:translate(-50%,-50%)}.p-fv__portfolio{bottom:3%;right:5%}.p-fv__content{position:relative;z-index:2;text-align:center}.p-fv__copy-main,.p-fv__copy-sub{font-size:clamp(30px,4vw,48px);line-height:1.45;font-weight:700;letter-spacing:.04em}.p-fv__copy-sub{font-size:clamp(34px,4.6vw,56px)}.p-fv__lead{margin-top:24px;font-size:clamp(15px,1.8vw,20px);line-height:2;letter-spacing:.04em}@media (min-width:1024px){.p-fv__lead{margin-top:32px}}.p-fv__tags{margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px 20px}@media (min-width:1024px){.p-fv__tags{margin-top:40px}}.p-fv__tags li{border:1px solid rgba(70,53,54,.22);border-radius:6px;padding:10px 14px 10px 36px;font-size:13px;font-weight:700;background:rgba(255,255,255,.75);position:relative}@media (min-width:1024px){.p-fv__tags li{font-size:15px;padding:12px 20px 12px 42px}}.p-fv__tags li::before{content:"✓";position:absolute;left:18px;top:50%;translate:0 -50%;width:18px;height:18px;border:1px solid #a77b78;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#a77b78;line-height:1}.p-fv__buttons{margin-top:40px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:16px}@media (min-width:1024px){.p-fv__buttons{flex-direction:row;gap:32px}}.p-fv__button{width:min(100%,320px);min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid #7d5452;font-size:15px;font-weight:700;letter-spacing:.06em;transition:.3s}@media (min-width:1024px){.p-fv__button{min-height:64px;font-size:17px}}.p-fv__button::after{content:"→"}.p-fv__button--primary{background:#8a5f5d;color:#fff}.p-fv__button--primary:hover{opacity:.8}.p-fv__button--secondary{background:#fff;color:#463536}.p-fv__button--secondary:hover{background:#8a5f5d;color:#fff}.p-fv__note{margin-top:24px;font-size:14px;letter-spacing:.06em}.p-fv__note::before{content:"○";margin-right:8px}.p-concept{position:relative;overflow:hidden;padding-block:3rem;background-color:#7f3033;color:#fff}@media (min-width:1024px){.p-concept{padding-block:6rem}}.p-concept__title{margin-inline:auto;padding-bottom:1rem}@media (min-width:1024px){.p-concept__title{padding-bottom:2.5rem}}.p-concept__body{position:relative;margin-inline:auto;background-color:#7f3033;width:clamp(20.938rem,13.414rem + 32.1vw,43.75rem);padding-inline:clamp(.063rem,-1.978rem + 8.71vw,6.25rem);z-index:1}.p-concept__list{padding-bottom:.5rem}@media (min-width:1024px){.p-concept__list{padding-bottom:1rem}}.p-concept__list+.p-concept__list{padding-top:.5rem;border-top:1px solid rgba(245,245,245,.4)}@media (min-width:1024px){.p-concept__list+.p-concept__list{padding-top:1rem}}.p-concept__item-title{font-size:.875rem;margin-bottom:.5rem}@media (min-width:1024px){.p-concept__item-title{font-size:1.25rem;margin-bottom:1rem}}.p-concept__img{position:relative}.p-concept__img-div{position:absolute;top:-650px;left:calc(50% + 450px);width:100px;height:160px;transform:rotate(-10deg);opacity:.3}.p-concept__img-focus{position:absolute;top:-650px;right:calc(50% + 250px);font-size:16px;transform:rotate(-16deg);opacity:.3;z-index:0}.p-concept__img-aria{position:absolute;top:-300px;left:calc(50% + 350px);font-size:18px;transform:rotate(10deg);opacity:.3}.p-concept__img-tag{position:absolute;top:-300px;right:calc(50% + 265px);width:500px;height:300px;transform:rotate(10deg);opacity:.3}.p-features{padding-block:2rem}@media (min-width:1024px){.p-features{padding-block:6rem}}.p-features__header{padding-bottom:1rem}@media (min-width:1024px){.p-features__header{padding-bottom:2.5rem}}.p-features__title{margin-inline:auto}.p-features__body{position:relative}.p-features__body-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem;border-radius:50%;background-color:#f9f3f3;font-size:1.25rem;color:#7f3033;display:none}@media (min-width:1024px){.p-features__body-title{display:block}}.p-features__list{display:grid;gap:1rem}@media (min-width:1024px){.p-features__list{grid-template-columns:repeat(2,1fr)}}.p-features__item{background-color:#fff;padding:1rem}@media (min-width:1024px){.p-features__item{padding:3rem}}.p-features__item-tag{font-size:.875rem;padding-bottom:.5rem;color:#7f3033}@media (min-width:1024px){.p-features__item-tag{font-size:1.25rem;padding-bottom:1rem}}.p-introduction{background-color:#fff;height:50rem;padding-inline:3rem;padding-block:2rem}@media (min-width:1024px){.p-introduction{padding-inline:1rem;display:grid;grid-template-columns:30% 1fr;height:70rem;padding-inline:3rem;padding-block:6rem}}.p-introduction__header{position:relative;text-align:center;margin-bottom:1.5rem}.p-introduction__title{margin-inline:auto}@media (min-width:1024px){.p-introduction__title{position:absolute;top:15vw;left:40%;transform:translateX(-50%)}}@media (min-width:1024px){.p-introduction__title-sub{position:absolute;writing-mode:vertical-rl;top:1%;left:100%}}@media (min-width:1024px){.p-introduction__title-main{writing-mode:vertical-rl}}.p-introduction__description{padding-bottom:10px}@media (min-width:1024px){.p-introduction__description{position:absolute;writing-mode:vertical-rl;top:0;left:84%}}.p-introduction__button{text-align:center}@media (min-width:1024px){.p-introduction__button{position:absolute;bottom:2rem;left:40%;transform:translateX(-50%)}}.p-introduction__body{position:relative;overflow-y:auto;max-height:80%}@media (min-width:1024px){.p-introduction__body{max-height:100%}}.p-introduction__body.is-open .p-introduction__img-sub{opacity:.5;visibility:visible}.p-introduction__img-sub{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.p-gallery{background-color:#fff;padding-top:64px}@media (min-width:1024px){.p-gallery{padding-top:96px}}.p-gallery__header{background-color:#f9f3f3}.p-gallery__title{margin-inline:auto;position:relative;bottom:7vw}.p-gallery__body{background-color:#f9f3f3;padding-top:2rem;padding-bottom:4rem}@media (min-width:1024px){.p-gallery__body{padding-top:2.5rem;padding-bottom:5rem}}.p-gallery__list{display:grid;gap:3rem}@media (min-width:1024px){.p-gallery__list{grid-template-columns:repeat(3,1fr);gap:5rem 5rem;padding-inline:7rem}}.p-gallery__item{width:60%;max-width:350px;margin-inline:auto}@media (min-width:1024px){.p-gallery__item{width:100%;max-width:100%}}@media (min-width:1024px){.p-gallery__item--main{grid-column:1/-1;margin-inline:auto;width:40%}}.p-gallery__modal{max-width:90%;width:750px}.p-gallery__footer{background:#f9f3f3 url(../img/gallery-minami.svg) top left/auto 100%;height:2rem}@media (min-width:1024px){.p-gallery__footer{height:4rem}}.p-about{background-color:#fff;padding-block:2rem}@media (min-width:1024px){.p-about{padding-block:6rem}}.p-about__image{position:relative;display:grid;place-items:center;padding-block:3rem;width:45%;margin-inline:auto}.p-about__image img{transform:rotate(-7deg);box-shadow:0 8px 20px rgba(0,0,0,.2)}.p-about__image::before{position:absolute;content:"";top:55px;left:45%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background-color:#4707c7;box-shadow:0 2px 4px rgba(0,0,0,.9),0 0 0 2px #fff;z-index:10}@media (min-width:1024px){.p-about__image::before{top:70px;width:20px;height:20px}}.p-about__content{padding:1rem;border-radius:12px;background-color:#f9f3f3}@media (min-width:1024px){.p-about__content{padding:2rem;border-radius:24px}}.p-about__list div{padding-top:.5rem}.p-about__list div:not(:last-child){padding-bottom:.5rem;border-bottom:1px solid grey}@media (min-width:1024px){.p-about__list{display:grid;gap:2rem}}@media (min-width:1024px){.p-about__list-name,.p-about__list-skil,.p-about__list-tool{display:flex}}.p-about__list-name dt,.p-about__list-skil dt,.p-about__list-tool dt{width:10rem}.p-about__list-name dd,.p-about__list-skil dd,.p-about__list-tool dd{text-align:center}@media (min-width:1024px){.p-about__list-name dd,.p-about__list-skil dd,.p-about__list-tool dd{width:100%;-moz-text-align-last:left;text-align-last:left}.p-about__list-name dd span,.p-about__list-skil dd span,.p-about__list-tool dd span{margin-left:1rem}}.p-about__list-Career dt{margin-bottom:1rem}.p-contact{padding-block:2rem}@media (min-width:1024px){.p-contact{padding-block:6rem}}.p-contact__title{margin-inline:auto;margin-bottom:2.5rem}.p-contact__body{display:grid;gap:2rem}.p-footer{text-align:center;color:#fff;padding-block:2rem;background-color:#7f3033}.p-thanks{display:flex;flex-direction:column;min-height:100vh}.p-thanks__body{padding-block:3rem;padding-inline:2rem;flex:1;text-align:center;display:grid;place-items:center}.p-thanks__text{display:grid;gap:2rem;margin-bottom:2rem}.u-noWrap{white-space:nowrap}@media (max-width:767.98px){.u-hidden{display:none}}@media (min-width:768px) and (max-width:1023.98px){.u-hidden__s{display:none}}@media (min-width:1024px) and (max-width:1279.98px){.u-hidden__m{display:none}}@media (min-width:1280px){.u-hidden__l{display:none}}.u-link{text-decoration-line:underline;text-decoration-color:#4a3636;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .3s}.u-link:hover{opacity:.7}.u-link--header:hover{text-decoration-line:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#4a3636;text-decoration-color:#7f3033;color:#7f3033;opacity:.7}.demo{background:#e9ecef;padding:6rem}.demo__title-main{font-size:1.5rem;margin-bottom:1.5rem}.demo__title-sub{font-size:1.25rem;margin-bottom:2.5rem}.demo__section{padding-block:2.5rem;border-bottom:1px solid grey}.demo__section--dark{background:#333;padding:2.5rem;border:1px solid #fff}.demo__section--light{background-color:#fff;padding:2.5rem;border:1px solid #333}.demo__section-title{margin-bottom:1.5rem}.demo--card{max-width:300px}.demo--modal{max-width:80%;max-height:80%}
/*# sourceMappingURL=style.css.map */