@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap";*{padding:0;margin:0;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;box-sizing:border-box}*::before,*::after{box-sizing:border-box}:root{--main-text: #4c4c4c;--main-bg: #f3feff}body{font-family:"Zen Maru Gothic",sans-serif;color:var(--main-text);background-color:var(--main-bg)}body.--front{background-color:#fff}.c-btn{display:flex;align-items:center;justify-content:space-between;min-width:100px;gap:3em;padding:.5em .2em .2em;text-decoration:none;position:relative}.c-btn::before{content:"";display:block;width:100%;height:1px;background-color:#4c4c4c;position:absolute;bottom:.2em;left:0;transform:scaleX(0);transform-origin:center left;transition:.3s ease-out}.c-btn::after{content:"";display:block;width:.5em;aspect-ratio:1/1;border-top:.25em rgba(0,0,0,0) solid;border-left:.5em #4c4c4c solid;border-bottom:.25em rgba(0,0,0,0) solid}.c-btn:hover::before{transform:none}.c-button{-webkit-appearance:none;display:block;width:100%;max-width:200px;text-align:center;padding:10px 20px;background-color:#158aff;border:1px #158aff solid;color:#fff;cursor:pointer}.c-button:hover{background-color:#97d0ff}.c-work{display:block;text-decoration:none;background-color:#fff;border-radius:10px;padding:20px 10px}.c-work__thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.c-work__name{margin:.5em 0 0}.c-information{display:block;text-decoration:none;background-color:#fff;border-radius:10px;padding:20px 10px;width:100%}.c-information__date{display:block;font-size:.9em}.c-information__title{margin:.5em 0 0}.c-tag{border-radius:100vh;border:1px #ccc solid;background-color:#ccc;text-decoration:none;padding:.2em .5em}.c-tag.is-current{background-color:#158aff;color:#fff;border-color:#158aff}.c-tag:hover{background-color:#97d0ff}.l-content h2{margin:2em 0;font-size:1.5em}.l-content p{margin:0 0 .5em}.l-content dl{display:grid;gap:.5em}.l-content dt{color:#158aff;margin:1em 0 0}.l-content ul{display:grid;gap:1em;padding-left:2em;margin:0 0 1em}.l-footer{background-color:#fff;padding:50px 0 150px;position:relative;z-index:5000}.l-footer__inner{width:90%;margin:0 auto;display:grid;gap:20px}@media screen and (min-width: 768px){.l-footer__inner{display:flex;justify-content:space-between}}.l-footer__logo{display:block;width:10em}@media screen and (min-width: 768px){.l-footer__logo{width:15em}}.l-footer__img{display:block}.l-footer__menu{display:grid;gap:1em;list-style:none}@media screen and (min-width: 768px){.l-footer__menu{display:flex;flex-wrap:wrap}}.l-footer__menu a{text-decoration:none}.l-footer-under{margin:30px auto 0;width:90%;display:grid;gap:30px}.l-footer-under__sns{display:grid;gap:1em}@media screen and (min-width: 768px){.l-footer-under__sns{display:flex;flex-wrap:wrap;justify-content:flex-end}}.l-footer-under__menu{display:grid;gap:1em;list-style:none}@media screen and (min-width: 768px){.l-footer-under__menu{display:flex;flex-wrap:wrap;justify-content:flex-end}}.l-footer-under__menu a{text-decoration:none}.l-header{display:flex;padding:10px;position:sticky;top:0;left:0;justify-content:space-between;align-items:center;font-weight:600;transition:1s ease-out;z-index:5000}.l-header.is-color{background-color:#fff}@media screen and (min-width: 768px){.l-header{padding:20px}}.l-header__logo{display:block;width:10em}@media screen and (min-width: 768px){.l-header__logo{width:15em}}.l-header__img{display:block}.l-header__nav{display:none}@media screen and (min-width: 1024px){.l-header__nav{display:block}}.l-header__menu{display:flex;gap:1em;list-style:none}.l-header__menu a{text-decoration:none}.l-hero{padding:50px 5%}@media screen and (min-width: 768px){.l-hero{padding:100px 5%}}.l-hero__img{display:block;height:2em}@media screen and (min-width: 768px){.l-hero__img{height:3em}}.l-information__title{font-weight:700;font-size:2em;margin:0 0 1em;padding:0 0 .5em;border-bottom:1px #4c4c4c solid}.l-loader{opacity:0;visibility:hidden;transition:1s ease-out}.l-loader.is-active{opacity:1;visibility:visible}.l-fade-in{opacity:0;visibility:hidden;transition:2s ease-out;transform:translateY(100px)}.l-fade-in.is-active{opacity:1;visibility:visible;transform:none}.l-main{overflow-x:hidden;position:relative;z-index:0}.l-section{padding:0 0 200px}.l-section__inner{margin:0 auto;max-width:1200px;width:90%}.l-section-title{margin:0 0 2em}.l-section-title img{display:block;height:2em}.l-section__btn{display:flex;justify-content:flex-end;margin:100px 0 0}.l-works__title{font-size:2em;font-weight:700;margin:0 0 1em}.l-works-info{display:grid;grid-template-columns:1fr;gap:2em;align-items:flex-start;margin:0 0 4em}@media screen and (min-width: 768px){.l-works-info{grid-template-columns:minmax(auto, 400px) 2fr}}.l-works-info__thumb img{display:block;width:100%}.l-works-info-table{display:grid;grid-template-columns:auto 1fr;gap:0 1em;border-top:1px #97d0ff solid}.l-works-info-table__row{display:grid;grid-template-columns:subgrid;grid-column:span 2;padding:.5em;border-bottom:1px #97d0ff solid}.p-contact{padding:20px 10px;background-color:#fff;border-radius:20px;max-width:800px;margin:0 auto;display:grid;gap:20px}@media screen and (min-width: 768px){.p-contact{padding:50px 30px}}.p-contact__row{display:grid;gap:10px}.p-contact__label{display:flex;align-items:center;gap:.5em}.p-contact__label::before{display:block;color:#fff;padding:0 .4em;font-size:.9em}.p-contact__label.--required::before{content:"必須";background-color:#158aff}.p-contact__label.--optional::before{content:"任意";background-color:#97d0ff}.p-contact__input{-webkit-appearance:none;display:block;width:100%;border:1px #4c4c4c solid;outline:none;height:50px;padding:0 .5em;border-radius:0}.p-contact__textarea{height:300px;resize:none;padding:.5em}.p-contact__privacy{text-align:center}.p-contact__privacy label{cursor:pointer}.p-contact__submit{display:flex;justify-content:center;margin:20px 0 0}.p-information__list{display:grid;margin:0 auto;max-width:900px;list-style:none;gap:15px}.p-information__button{margin:0 auto}.p-top-canvas{position:fixed;top:50%;left:50%;aspect-ratio:2/1;min-width:100vw;min-height:100vh;min-height:100lvh;display:block;z-index:-1;transform:translate(-50%, -50%);transition:all 1s,opacity 5s;opacity:0}.p-top-canvas.is-color{background-color:#f3feff}.p-top-canvas.is-active{opacity:1}.p-top-hero{width:100%;height:100vh;height:100lvh;padding:5%;display:flex;justify-content:center;align-items:center;min-height:400px}.p-top-hero__inner{width:fit-content}.p-top-hero__title{font-size:2em}.p-top-hero__subtitle{margin:.5em 0 0}.p-top-profile__content{width:fit-content;margin:0 auto}.p-top-profile__content p{margin:0 0 .5em}.p-top-works__list{list-style:none;display:grid;gap:15px}@media screen and (min-width: 768px){.p-top-works__list{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1024px){.p-top-works__list{grid-template-columns:repeat(3, 1fr)}}.p-top-information__list{display:grid;margin:0 auto;max-width:900px;list-style:none;gap:15px}.p-top-contact__inner p{margin-bottom:.5em}.p-works__tags{display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:1em;margin:0 0 50px}.p-works__list{list-style:none;display:grid;gap:15px}@media screen and (min-width: 768px){.p-works__list{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1024px){.p-works__list{grid-template-columns:repeat(3, 1fr)}}