body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.top{display:block}.top,.top__wrap{width:100%;height:100%}.top__wrap{display:flex;align-items:center;margin:auto}.top__title{font-size:50px;line-height:1.5;margin-bottom:15vh}@media screen and (max-width:1024px){.top__title{font-size:40px}}@media screen and (max-width:480px){.top__title{font-size:30px}}.top__title--small{font-size:16px}@media screen and (max-width:1024px){.top__title--small{font-size:14px}}@media screen and (max-width:480px){.top__title--small{font-size:12px}}.profile{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100vh - 50px)}@media screen and (max-width:1024px){.profile{flex-direction:column;height:auto}}.profile__main-title{width:300px;font-size:40px;line-height:1}@media screen and (max-width:1024px){.profile__main-title{width:100%;padding-top:100px;text-align:center;font-size:30px}}.profile__status-wrap{width:calc(100% - 300px);height:100%;padding:100px 0;overflow-y:scroll}@media screen and (max-width:1024px){.profile__status-wrap{width:100%;padding:100px 0 20px}}.profile__status-frame{display:flex;align-items:center;flex-direction:column;height:auto;padding:80px 100px;line-height:1;border:1px solid #ccc}@media screen and (max-width:1024px){.profile__status-frame{padding:60px 40px}}@media screen and (max-width:480px){.profile__status-frame{padding:40px 20px}}.profile__image{width:100%;height:auto}.profile__image-wrap{display:block;width:230px;height:230px;margin-bottom:80px;border-radius:50%;overflow:hidden}@media screen and (max-width:1024px){.profile__image-wrap{width:180px;height:180px;margin-bottom:60px}}@media screen and (max-width:480px){.profile__image-wrap{width:115px;height:115px;margin-bottom:30px}}.profile__list{display:block}.profile__item{display:flex;align-items:center}@media screen and (max-width:480px){.profile__item{flex-direction:column}}.profile__item:not(:first-of-type){margin-top:40px}@media screen and (max-width:1024px){.profile__item:not(:first-of-type){margin-top:30px}}.profile__item-data,.profile__item-title{display:block;line-height:2}@media screen and (max-width:1024px){.profile__item-data,.profile__item-title{font-size:14px}}.profile__item-title{width:150px}@media screen and (max-width:480px){.profile__item-title{width:100%}}.profile__item-data{width:calc(100% - 150px)}@media screen and (max-width:480px){.profile__item-data{width:100%}}.works{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100vh - 50px);position:relative;z-index:0}@media screen and (max-width:1024px){.works{flex-direction:column;height:auto}}.works__main-title{width:300px;font-size:40px;line-height:1}@media screen and (max-width:1024px){.works__main-title{width:100%;padding-top:100px;text-align:center;font-size:30px}}.works__list{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;width:calc(100% - 300px);height:100%;overflow-y:scroll}@media screen and (max-width:1024px){.works__list{width:100%;margin-top:100px}}.work{display:block;flex:0 0 40%;max-width:40%;padding-bottom:20px;transition:.3s}@media screen and (max-width:1024px){.work{flex:0 0 50%;max-width:50%}}@media screen and (max-width:480px){.work{flex:0 0 100%;max-width:100%}}.work:nth-of-type(odd){padding-right:10px}@media screen and (max-width:480px){.work:nth-of-type(odd){padding-right:0}}.work:nth-of-type(2n){padding-left:10px}@media screen and (max-width:480px){.work:nth-of-type(2n){padding-left:0}}.work:nth-child(4n+1),.work:nth-child(4n+4){flex:0 0 60%;max-width:60%}@media screen and (max-width:1024px){.work:nth-child(4n+1),.work:nth-child(4n+4){flex:0 0 50%;max-width:50%}}@media screen and (max-width:480px){.work:nth-child(4n+1),.work:nth-child(4n+4){flex:0 0 100%;max-width:100%}}.work__close-button{display:block;width:30px;height:30px;background:#000;position:absolute;bottom:10px;right:10px;z-index:3;cursor:pointer}.work__close-button:after,.work__close-button:before{content:"";display:block;width:25px;height:1px;margin:auto;background-color:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.work__close-button:after{transform:rotate(45deg)}.work__close-button:before{transform:rotate(-45deg)}.work__delete-info{z-index:2;position:fixed;background:rgba(0,0,0,.8);will-change:opacity;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;cursor:pointer}.work__frame{width:100%;max-width:1000px;height:300px;position:relative;cursor:pointer;overflow:hidden;border:1px solid #ccc}@media screen and (max-width:1024px){.work__frame{height:250px}}@media screen and (max-width:1200px){.work__frame.work__frame--open{width:calc(100% - 40px)}}.work__frame--open{height:80vh;margin:auto;background-color:#fff;position:fixed;top:10vh;left:0;right:0;z-index:2;cursor:default}.work__frame--open .work__info-frame{height:500px;bottom:10vh;left:50px}@media screen and (max-width:1024px){.work__frame--open .work__info-frame{height:50vw;left:30px}}@media screen and (max-width:480px){.work__frame--open .work__info-frame{left:20px}}.work__frame--open .work__image-frame{opacity:1;background-position:top}@media screen and (max-width:1024px){.work__frame--open .work__image-frame{height:50vw}}.work__image-frame{display:flex;align-items:center;justify-content:center;width:100%;height:500px;max-height:50vh;background-size:cover;background-position:50%;overflow:hidden}@media screen and (max-width:1024px){.work__image-frame{height:100%}}.work__info-frame{display:flex;align-items:start;justify-content:center;flex-direction:column;height:100%;max-width:calc(100% - 50px);max-height:calc(100% - 50px);position:absolute;top:20px;left:20px;z-index:1}.work__date{display:inline;padding:5px 10px 3px;color:#fff;font-size:12px;letter-spacing:.2em;background-color:#000}@media screen and (max-width:480px){.work__date{font-size:10px}}.work__title{display:inline;padding:5px 8px 3px;color:#fff;font-size:20px;line-height:1.8;background-color:#000}@media screen and (max-width:480px){.work__title{font-size:16px}}.work__description{font-size:14px;line-height:2}@media screen and (max-width:480px){.work__description{font-size:12px}}.work__description-wrap{width:calc(100% - 100px);height:50vh;overflow-y:scroll;position:absolute;z-index:0;top:550px;left:50px}@media screen and (max-width:1024px){.work__description-wrap{width:calc(100% - 60px);top:calc(50vw + 30px);left:30px}}@media screen and (max-width:480px){.work__description-wrap{width:calc(100% - 40px);top:calc(50vw + 20px);left:20px}}.work__button{display:inline-block;padding:10px 20px;margin-top:10px;background:#fff;font-size:14px;border:1px solid #000;transition:.3s}.work__button:hover{color:#fff;background:#000}.contact{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}@media screen and (max-width:480px){.contact{flex-direction:column;height:auto}}.contact__main-title{font-size:40px;line-height:1}@media screen and (max-width:1024px){.contact__main-title{font-size:30px}}@media screen and (max-width:480px){.contact__main-title{width:100%;padding-top:100px;text-align:center}}.contact__sns-frame{display:flex;align-items:center;line-height:1}@media screen and (max-width:480px){.contact__sns-frame{justify-content:center;width:100%;padding:100px 0 20px}}.contact__sns-link{line-height:1}.contact__sns-link:not(:first-of-type){margin-left:20px}.contact__sns-image{width:50px;height:50px}.library{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100vh - 50px)}@media screen and (max-width:1024px){.library{flex-direction:column;height:auto}}.library__main-title{width:600px;font-size:40px;line-height:1}@media screen and (max-width:1024px){.library__main-title{width:100%;padding-top:100px;text-align:center;font-size:30px}}.library__status-wrap{width:calc(100% - 600px);height:100%;padding:100px 0;overflow-y:scroll}@media screen and (max-width:1024px){.library__status-wrap{width:100%;padding:100px 0 20px}}.library__status-frame{display:flex;align-items:center;flex-direction:column;height:auto;padding:80px 100px;line-height:1}@media screen and (max-width:1024px){.library__status-frame{padding:0 40px 40px}}@media screen and (max-width:480px){.library__status-frame{padding:0 20px 20px}}.library__list{display:block}@media screen and (max-width:1024px){.library__list{width:100%;max-width:500px}}.library__item{display:flex;align-items:center}@media screen and (max-width:1024px){.library__item{justify-content:space-between}}.library__item:not(:first-of-type){margin-top:40px}.library__item-data,.library__item-title{display:block;line-height:2}.library__item-title{width:300px}@media screen and (max-width:1024px){.library__item-title{width:auto}}.library__item-data{width:calc(100% - 300px)}@media screen and (max-width:1024px){.library__item-data{width:auto}}.header{display:block;width:100vw;padding:0 20px;position:fixed;top:0;left:0;z-index:1000}@media screen and (max-width:768px){.header{padding:0 5px}}.header__title{width:135.48px;height:25px}.header__wrap{display:flex;align-items:center;justify-content:space-between;max-width:1920px;width:100%;height:50px;margin:auto}.header__navigation{display:block}@media screen and (max-width:768px){.header__navigation{display:none}}.header__navigation-list{display:flex;align-items:center;justify-content:space-between}.header__navigation-item{display:block;margin-left:30px}.header__navigation-item--selected,.header__navigation-link{position:relative;z-index:1}.header__navigation-link{font-size:14px;line-height:1;transition:.3s}.header__navigation-link:after{content:"";display:block;width:100%;height:1px;background:#000;transition:.3s;transform:scaleX(0);transform-origin:left;position:absolute;bottom:0;left:0}.header__navigation-link:hover:after{transform:scaleX(1)}.header__navigation-link--selected{color:#fff}.header__navigation-background{width:calc(100% + 30px);height:38px;background-color:#000;position:absolute;top:-11px;left:-15px;z-index:0}.header-sp{display:none}@media screen and (max-width:768px){.header-sp{display:block}}.header-sp__navigation-button{display:block;width:40px;height:40px;background:#000;position:fixed;bottom:5px;right:5px;z-index:10;cursor:pointer;border-radius:50%}.header-sp__navigation-line{display:block;width:20px;height:1px;background:#fff;position:absolute;left:10px;transition:.3s}.header-sp__navigation-line:first-of-type{top:15px}.header-sp__navigation-line:nth-of-type(2){top:20px}.header-sp__navigation-line:nth-of-type(3){top:25px}.header-sp__navigation-line--on:first-of-type{top:20px;transform:rotate(45deg)}.header-sp__navigation-line--on:nth-of-type(2){opacity:0}.header-sp__navigation-line--on:nth-of-type(3){top:20px;transform:rotate(-45deg)}.header-sp__navigation-bg{position:fixed;bottom:5px;right:5px;z-index:0;width:40px;height:40px;background:#000;border-radius:50%;overflow:hidden;opacity:1}.header-sp__navigation{justify-content:space-around;flex-direction:column;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}.header-sp__navigation,.header-sp__navigation-item{display:flex;align-items:center}.header-sp__navigation-item:before{content:"";display:block;width:10px;height:1px;margin-right:10px;background-color:#fff}.header-sp__navigation-item:not(:first-of-type){margin-top:40px}.header-sp__navigation-link{color:#fff}.footer{position:fixed;bottom:0;left:0;transform-origin:left top;transform:rotate(-90deg) translateX(-10px)}.footer__copyright{font-size:12px}.layout{width:100vw;height:auto;min-height:100vh;padding:50px 20px 0;margin:0}.layout__main{display:block;width:100%;max-width:1200px;height:calc(100vh - 50px);margin:auto;overflow-y:scroll}
/*# sourceMappingURL=main.abfc6cab.chunk.css.map */