html{box-sizing:border-box;word-break:normal;tab-size:4;-webkit-text-size-adjust:100%}*,::before,::after{box-sizing:inherit;background-repeat:no-repeat}::before,::after{vertical-align:inherit;text-decoration:inherit}*{margin:0;padding:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}a{background-color:rgba(0,0,0,0)}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{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-container-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:bold}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer;color:inherit}button::-moz-focus-container,[type=button]::-moz-focus-container,[type=reset]::-moz-focus-container,[type=submit]::-moz-focus-container{padding:0;border-style:none}button:-moz-focusring,[type=button]::-moz-focus-container,[type=reset]::-moz-focus-container,[type=submit]::-moz-focus-container{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{border-style:none;background-color:rgba(0,0,0,0)}select{-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{display:table;max-width:100%;white-space:normal;color:inherit;border:0}::-webkit-file-upload-button{font:inherit;color:inherit;-webkit-appearance:button}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}li{list-style:none}a{color:#000;text-decoration:none}img{width:100%}html{font-size:62.5%;font-family:"Inter",sans-serif;font-weight:400}body{background:#fff;font-size:1.6rem}#vdbanner{display:none !important}.content{margin:0 auto;padding-top:60px}@media screen and (max-width: 768px){.content{width:100%}}.section{max-width:1200px;margin:0 auto}@media screen and (max-width: 768px){.section{width:100%}}.container{padding:80px 0;width:95%;margin:0 auto}@media screen and (max-width: 768px){.container{padding:30px 0;width:90%}}.title{font-size:3.2rem;font-weight:600;text-align:center;color:#000;margin-bottom:30px;font-style:italic}@media screen and (max-width: 768px){.title{font-size:2.4rem;margin-bottom:40px}}.title .headline{position:relative;overflow:hidden;display:inline-block;width:100%}.title .headline .rect{position:absolute;top:0;left:0;display:block;background:#000;width:100%;height:100%;transform:translateX(-101%);z-index:1}.title .headline .label{position:relative;z-index:2;display:inline-block;opacity:0}.header{width:100%;margin:0 auto;position:fixed;z-index:999}.header__inner{padding:0 2%;display:flex;align-items:center;justify-content:space-between;background:#fff;font-style:italic;position:relative}@media screen and (max-width: 768px){.header__inner{padding:10px 5%}}.header__logo{font-size:2.3rem;font-weight:600;color:#000}@media screen and (max-width: 768px){.header__logo{font-size:1.4rem}}.header__hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}@media screen and (max-width: 768px){.header__hamburger{display:flex}}.header__hamburger span{display:block;width:30px;height:3px;background:#000;transition:all .3s ease;border-radius:2px}.header__hamburger.is-active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.header__hamburger.is-active span:nth-child(2){opacity:0}.header__hamburger.is-active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.header__nav{width:fit-content}@media screen and (max-width: 768px){.header__nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fff;transition:right .3s ease;padding-top:80px}.header__nav.is-open{right:0}}.header__list{display:flex;justify-content:flex-end;gap:20px}@media screen and (max-width: 768px){.header__list{flex-direction:column;gap:0;padding:0}}.header__item{font-size:2rem;padding:20px}@media screen and (max-width: 768px){.header__item{border-bottom:1px solid #eee;font-size:1.8rem;padding:0}.header__item a{display:block;padding:20px;text-decoration:none;color:#000}}.header-overlay{display:none}@media screen and (max-width: 768px){.header-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}.header-overlay.is-active{opacity:1;visibility:visible}}.opening{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.opening__bg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;z-index:1}.opening__h2{color:#fff;font-size:4rem;text-align:center;z-index:1;position:absolute;top:40%;font-style:italic;line-height:1.5;padding:0 5%;left:50%;transform:translateX(-50%)}@media screen and (max-width: 768px){.opening__h2{font-size:3rem}}.mv{position:relative}.mv__mask{position:absolute;height:70vh;width:70%;background:linear-gradient(90deg, rgb(0, 0, 0), rgba(255, 255, 255, 0));clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%);top:0;left:0;z-index:9}@media screen and (max-width: 768px){.mv__mask{height:50vh}}.mv__container{width:100%;height:70vh;background-image:url(./assets/images/mv_img.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.mv__container{height:50vh}}.mv__headline{width:100%;text-align:center;display:flex;flex-direction:column;gap:20px;position:absolute;top:50%;transform:translateY(-50%);padding:0 5%;z-index:999}@media screen and (max-width: 768px){.mv__headline{gap:0px;top:25vh}}.mv .headline{position:relative;overflow:hidden;display:inline-block;padding:10px 0}@media screen and (max-width: 768px){.mv .headline{padding:5px 0}}.mv .headline .rect{position:absolute;top:0;left:0;content:"";display:block;background:#fff;width:100%;height:100%;transform:translateX(-101%);z-index:1}.mv .headline .label{position:relative;z-index:2;display:inline-block;font-size:4rem;font-weight:900;color:#fff;opacity:0;font-style:italic}@media screen and (max-width: 768px){.mv .headline .label{font-size:2.8rem}}@media screen and (max-width: 480px){.mv .headline .label{font-size:2.2rem}}.mv .scroll{position:absolute;bottom:0;right:50%;transform:translateX(-50%);z-index:999}.mv .scroll__text{position:absolute;color:#fff;font-size:2rem;font-style:normal;font-weight:400;line-height:1;letter-spacing:1;text-align:center;transform:translateY(-50%) rotate(90deg);top:50%;left:-5px}@media screen and (max-width: 768px){.mv .scroll__text{font-size:1.4rem;left:-10px}}.mv .scroll__border{position:relative;width:3px;height:130px;background-color:#000;overflow:hidden}@media screen and (max-width: 768px){.mv .scroll__border{height:100px}}.mv .scroll__border::after{content:"";display:block;position:absolute;width:3px;height:50%;top:0;left:0;right:0;background:#fff;animation:scrollbar 3s ease-in infinite;margin:auto}@keyframes scrollbar{0%{transform:translateY(-100%)}100%{transform:translateY(350%)}}.philosophy h2,.philosophy p{font-style:italic}.philosophy .container{padding:150px 0;text-align:center}@media screen and (max-width: 768px){.philosophy .container{padding:80px 0}}.philosophy__wrap{max-width:640px;margin:0 auto}.philosophy__title{font-size:3rem;margin-bottom:30px}@media screen and (max-width: 768px){.philosophy__title{font-size:2.2rem;margin-bottom:20px}}.philosophy__text{font-size:2rem;line-height:2}@media screen and (max-width: 768px){.philosophy__text{font-size:1.6rem}}.works__list{flex-wrap:wrap;display:flex;grid-column-gap:30px;grid-row-gap:50px;justify-content:flex-start;margin-bottom:50px}@media screen and (max-width: 768px){.works__list{flex-direction:column;grid-column-gap:10px;grid-row-gap:30px;margin-bottom:20px;padding-top:30px}}.works__item-wrap{width:calc(33.3% - 30px)}@media screen and (max-width: 768px){.works__item-wrap{width:100%}}.works__item{display:block;text-align:center;color:#000;text-decoration:none;transition:transform .3s ease}.works__item:hover{transform:translateY(-5px)}.works__item .works__img{margin-bottom:15px;width:100%;height:auto;display:block;border-radius:10px;overflow:hidden;height:200px;object-fit:cover;object-position:top}.works__item .works__img img{width:100%;height:auto;display:block}.works__item .works__name{font-size:1.4rem;margin-bottom:8px;font-weight:400}.works__item .works__info{font-size:1.4rem;color:#666}@media screen and (max-width: 768px){.works__item .works__info{font-size:1.3rem}}.skill__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;justify-content:center}@media screen and (max-width: 768px){.skill__list{grid-template-columns:1fr;gap:15px}}.skill__item{background:#f8faff;padding:20px;border-radius:30px;font-size:1.6rem;color:#333;width:100%;text-align:left;display:flex;flex-direction:column;align-items:center;gap:15px}@media screen and (max-width: 768px){.skill__item{padding:15px;border-radius:20px}}.skill__img{width:100%;max-width:90px;height:auto;height:50px;object-fit:contain}@media screen and (max-width: 768px){.skill__img{max-width:70px}}.skill__body{width:100%;text-align:center}.skill__name{font-size:1.8rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 768px){.skill__name{font-size:1.6rem;margin-bottom:8px}}.skill__text{font-size:1.4rem;line-height:1.6}@media screen and (max-width: 768px){.skill__text{font-size:1.3rem}}.profile__wrap{display:flex;align-items:center;gap:5%}@media screen and (max-width: 768px){.profile__wrap{flex-direction:column;gap:20px}}.profile__img{width:20%;border-radius:50%;aspect-ratio:1;object-fit:cover}@media screen and (max-width: 768px){.profile__img{width:150px;height:150px}}@media screen and (max-width: 480px){.profile__img{width:120px;height:120px}}.profile__text{width:75%;font-size:1.4rem;color:#333;line-height:1.8}@media screen and (max-width: 768px){.profile__text{width:100%;text-align:left}}@media screen and (max-width: 480px){.profile__text{font-size:1.3rem}}.footer{margin-top:60px}@media screen and (max-width: 768px){.footer{margin-top:40px}}.footer .copyright{text-align:center;font-size:1.4rem;color:#666;padding:20px 0}@media screen and (max-width: 768px){.footer .copyright{font-size:1.2rem;padding:15px 0}}.article{padding:80px 0}@media screen and (max-width: 768px){.article{padding:40px 0}}.article__container{max-width:900px;margin:0 auto;padding:0 20px}@media screen and (max-width: 768px){.article__container{padding:0 5%}}.article__img{margin:70px auto;max-width:550px}@media screen and (max-width: 768px){.article__img{margin:40px auto}}.article__img img{width:100%;height:fit-content;display:block;border-radius:10px;object-fit:contain;object-position:top}@media screen and (max-width: 768px){.article__img img{height:auto}}.article__title{font-size:3.2rem;font-weight:600;text-align:start;color:#000;margin-bottom:60px;font-style:italic;border-bottom:1px solid #000;padding-bottom:10px}@media screen and (max-width: 768px){.article__title{font-size:2rem;margin-bottom:40px}}.article__title .headline{position:relative;overflow:hidden;display:inline-block}.article__title .headline .rect{position:absolute;top:0;left:0;display:block;background:#000;width:100%;height:100%;transform:translateX(-101%);z-index:1}.article__title .headline .label{position:relative;z-index:2;display:inline-block;opacity:0}.article__info{display:flex;gap:40px;margin-bottom:60px;padding:30px;background:#f8faff;border-radius:10px}@media screen and (max-width: 768px){.article__info{flex-direction:column;gap:20px;margin-bottom:40px;padding:20px}}.article__info__item{flex:1}.article__info-label{font-size:1.4rem;font-weight:600;color:#666;margin-bottom:8px}@media screen and (max-width: 768px){.article__info-label{font-size:1.3rem}}.article__info-text{font-size:1.6rem;color:#000}@media screen and (max-width: 768px){.article__info-text{font-size:1.4rem}}.article__body{margin-bottom:60px}@media screen and (max-width: 768px){.article__body{margin-bottom:40px}}.article__body-title{font-size:2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #000}@media screen and (max-width: 768px){.article__body-title{font-size:1.6rem;margin-bottom:15px}}.article__body-text{font-size:1.6rem;line-height:1.8;color:#333}@media screen and (max-width: 768px){.article__body-text{font-size:1.4rem}}.article__back{text-align:center}.subpage{padding-top:50px}.subpage .container{min-height:100vh}.subpage .works .container{padding:150px 0}@media screen and (max-width: 768px){.subpage .works .container{padding:50px 0}}.subpage .works .title{margin-bottom:100px}@media screen and (max-width: 768px){.subpage .works .title{margin-bottom:20px}}.btn{display:inline-block;padding:15px 40px;background:#000;color:#fff;max-width:250px;width:100%;text-decoration:none;border-radius:50px;font-size:1.6rem;transition:all .3s ease}@media screen and (max-width: 768px){.btn{padding:12px 30px;font-size:1.4rem}}.btn:hover{background:#333;transform:translateY(-2px)}.breadcrumb{display:flex;list-style:none}.breadcrumb li{display:inline}.breadcrumb li a{color:inherit;text-decoration:none}.breadcrumb li+li:before{content:">";margin:.5em}/*# sourceMappingURL=style.css.map */