*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:"Shippori Mincho",serif;font-weight:600;font-size:14px;line-height:1.714;letter-spacing:.05em;position:relative;font-feature-settings:"palt";color:#181b1d;background:#f4f6f8}body .wrapper{position:relative;overflow:clip}body .wrapper .bgtxt{position:absolute;top:112vw;width:100%}@media screen and (min-width: 768px){body .wrapper .bgtxt{top:94.79vw}}body .wrapper .bgtxt__txt{font-family:"Cormorant",serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:0;writing-mode:vertical-rl;color:#181b1d;text-orientation:sideways;height:-moz-max-content;height:max-content;margin:0 0 110vh -10px;color:rgba(24,27,29,.15)}@media screen and (min-width: 768px){body .wrapper .bgtxt__txt{margin-left:-20px;font-size:80px}}@media screen and (min-width: 1024px){body .wrapper .bgtxt__txt{font-size:100px;margin-left:-30px}}body .wrapper .bgtxt__txt:nth-of-type(2n){transform:rotate(180deg);margin:0 -10px 110vh auto}@media screen and (min-width: 768px){body .wrapper .bgtxt__txt:nth-of-type(2n){margin-right:-20px}}@media screen and (min-width: 1024px){body .wrapper .bgtxt__txt:nth-of-type(2n){margin-right:-30px}}body::before{content:"";position:absolute;opacity:.5;z-index:-1;top:126px;left:50%;bottom:0;width:72.267%;background:url(../images/bg.png) top center;transform:translateX(-50%)}@media screen and (min-width: 768px){body::before{top:216px;width:63.542%}}@media screen and (min-width: 1024px){body::before{top:356px;max-width:1200px;width:62.5%}}.header__ttl{font-family:"Cormorant",serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:0;margin:0 0 16px 4vw;padding-top:24px;letter-spacing:-0.03em}@media screen and (min-width: 768px){.header__ttl{margin:0 0 0 10.417vw;padding-top:46px;font-size:40px}}@media screen and (min-width: 1024px){.header__ttl{margin-left:7.292vw;padding-top:48px}}@media screen and (min-width: 1320px){.header__ttl{margin-bottom:120px}}.header__link{display:inline-block;text-decoration:none;color:#181b1d}.gotop{position:fixed;bottom:4vh;right:2.733vw;z-index:2}@media screen and (min-width: 768px){.gotop{right:2.906vw}}@media screen and (min-width: 1024px){.gotop{right:3.688vw}}.gotop__link{display:flex;flex-direction:column;align-items:center;row-gap:8px;padding:10px;text-decoration:none}@media screen and (min-width: 768px){.gotop__link{row-gap:20px}}@media screen and (min-width: 1024px){.gotop__link:hover .gotop__txt{color:#8c8d8e}}.gotop__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;color:#181b1d;line-height:0;letter-spacing:0}@media screen and (min-width: 768px){.gotop__txt{font-size:20px}}@media screen and (min-width: 1024px){.gotop__txt{font-size:24px;transition:.5s}}.gnav__nav{display:flex;justify-content:flex-end;align-items:start;flex-direction:row;margin:-5px 7.2vw 0 0}@media screen and (min-width: 768px){.gnav__nav{margin:-8px 9.375vw 0 0}}@media screen and (min-width: 1024px){.gnav__nav{margin:-10px 11.979vw 0 0}}.gnav__link{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;display:block;padding:5px;text-decoration:none;line-height:1;letter-spacing:0;color:#181b1d}@media screen and (min-width: 768px){.gnav__link{padding:8px;font-size:16px}}@media screen and (min-width: 1024px){.gnav__link{padding:10px;font-size:20px;transition:.5s}.gnav__link:hover{color:#8c8d8e}}.fnav{width:-moz-fit-content;width:fit-content;margin:0 0 -4px 7.2vw}@media screen and (min-width: 768px){.fnav{margin-left:9.375vw}}@media screen and (min-width: 1024px){.fnav{margin-left:9.375vw}}.fnav__nav{position:relative;margin-bottom:26px}@media screen and (min-width: 768px){.fnav__nav{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}}@media screen and (min-width: 1024px){.fnav__nav{margin-bottom:50px}}.fnav__nav::after{content:"";position:absolute;bottom:-14px;left:5px;width:98px;height:1px;background:#181b1d}@media screen and (min-width: 768px){.fnav__nav::after{width:248px;left:8px}}@media screen and (min-width: 1024px){.fnav__nav::after{bottom:-25px;left:10px;width:288px}}.fnav__link{display:inline-block;padding:5px;line-height:1;letter-spacing:0;color:#181b1d;text-decoration:none}@media screen and (min-width: 768px){.fnav__link{padding:8px}}@media screen and (min-width: 1024px){.fnav__link{padding:10px;font-size:16px;transition:.5s}.fnav__link:hover{color:#8c8d8e}}.fnav__small{padding-left:5px;font-size:10px;font-weight:500}@media screen and (min-width: 768px){.fnav__small{padding-left:8px;font-size:10px}}@media screen and (min-width: 1024px){.fnav__small{padding-left:10px}}.footer{display:flex;justify-content:space-between;align-items:end;flex-direction:row-reverse;margin-right:11.2vw;padding-bottom:40px}@media screen and (min-width: 768px){.footer{padding-bottom:60px;margin-right:16.927vw}}@media screen and (min-width: 1024px){.footer{padding-bottom:80px;margin-right:18.229vw}}.footer .contact__wrap{display:flex;justify-content:flex-end;align-items:start;flex-direction:row}@media screen and (min-width: 768px){.footer .contact__wrap{gap:.651vw}}@media screen and (min-width: 1024px){.footer .contact__wrap{gap:1.823vw}}.footer .contact__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;padding-top:14px}@media screen and (min-width: 768px){.footer .contact__txt{padding-top:18px}}@media screen and (min-width: 1024px){.footer .contact__txt{padding-top:22px}}.footer .contact__link{display:flex;flex-direction:column;align-items:center;row-gap:16px;padding:10px;text-decoration:none}@media screen and (min-width: 1024px){.footer .contact__link{row-gap:40px}.footer .contact__link:hover .contact__ttl{color:#8c8d8e}}.footer .contact__ttl{position:relative;writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;font-size:32px;font-weight:400;line-height:1;letter-spacing:0;color:#181b1d}@media screen and (min-width: 768px){.footer .contact__ttl{font-size:60px}}@media screen and (min-width: 1024px){.footer .contact__ttl{font-size:80px;transition:.5s}}.footer .contact__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);content:"contact"}@media screen and (min-width: 768px){.footer .contact__ttl::after{font-size:16px}}#top .hello{margin-bottom:60px;padding-top:35px}@media screen and (min-width: 768px){#top .hello{margin-bottom:100px;padding-top:72px}}@media screen and (min-width: 1024px){#top .hello{margin-bottom:160px}}@media screen and (min-width: 1320px){#top .hello{margin-top:-130px;padding-top:0}}@media screen and (min-width: 768px){#top .hello__wrap{display:flex;justify-content:flex-start;align-items:start;flex-direction:row-reverse;gap:5.208vw}}@media screen and (min-width: 1024px){#top .hello__wrap{flex-direction:row;align-items:stretch;gap:3.906vw;margin-left:12.5vw}}#top .hello__pic{width:71.2vw}@media screen and (min-width: 768px){#top .hello__pic{width:48.698vw}}@media screen and (min-width: 1024px){#top .hello__pic{min-width:420px;width:27.344vw}}#top .hello__img{position:relative;width:100%;margin-bottom:24px;filter:grayscale(100);transition:.5s}@media screen and (min-width: 768px){#top .hello__img{margin-bottom:0}}@media screen and (min-width: 1024px){#top .hello__img:hover{filter:grayscale(0%)}}#top .hello__txtbox{display:flex;justify-content:start;align-items:start;flex-direction:row;gap:4vw}@media screen and (min-width: 768px){#top .hello__txtbox{gap:2.474vw}}@media screen and (min-width: 1024px){#top .hello__txtbox{gap:2.083vw}}@media screen and (min-width: 1024px){#top .hello__txtbox{gap:19px}}#top .hello__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;width:72.533vw;height:147px}@media screen and (min-width: 768px){#top .hello__txt{width:-moz-fit-content;width:fit-content;height:178px}}@media screen and (min-width: 1024px){#top .hello__txt{align-self:end}}#top .hello__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;font-size:24px;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#top .hello__ttl{font-size:32px}}#top .works__wrap{position:relative}#top .works__link{text-decoration:none;display:block;width:77.6%;margin:0 auto 120px 8.533vw}@media screen and (min-width: 768px){#top .works__link{width:71.354%;margin:0 auto 120px 10.417vw}}@media screen and (min-width: 1024px){#top .works__link{width:68.75%;margin:0 auto 160px 12.5vw}#top .works__link:hover .works__txt{color:#8c8d8e}#top .works__link:hover .works__swiper{filter:grayscale(0)}}#top .works__ttlpos{position:absolute;top:-40px;right:8.533vw}@media screen and (min-width: 768px){#top .works__ttlpos{top:-60px;right:10.417vw}}@media screen and (min-width: 1024px){#top .works__ttlpos{top:-120px;right:12.5vw}}#top .works__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;z-index:1;font-size:60px;line-height:1;letter-spacing:0;color:#181b1d}@media screen and (min-width: 768px){#top .works__ttl{font-size:120px}}@media screen and (min-width: 1024px){#top .works__ttl{font-size:10.417vw}}#top .works__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);content:"works"}@media screen and (min-width: 768px){#top .works__ttl::after{font-size:16px}}#top .works__txtbox{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;row-gap:20px;z-index:2;width:-moz-fit-content;width:fit-content;position:absolute;bottom:0;transform:translateX(-50%)}#top .works__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright}@media screen and (min-width: 1024px){#top .works__txt{transition:.5s}}#top .works__pic{transform:rotate(180deg)}#top .works__swiper{z-index:0;height:53.333vw;filter:grayscale(100);transition:.5s}@media screen and (min-width: 768px){#top .works__swiper{height:46.875vw}}@media screen and (min-width: 1024px){#top .works__swiper{filter:grayscale(100%);height:41.667vw}}#top .works__swiper--slide01{background:url(../images/top/works_sp.jpg) center center/cover}@media screen and (min-width: 768px){#top .works__swiper--slide01{background:url(../images/top/works_tab.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .works__swiper--slide01{background:url(../images/top/works_pc.jpg) center center/cover}}#top .works__swiper--slide02{background:url(../images/top/works_sp2.jpg) center center/cover}@media screen and (min-width: 768px){#top .works__swiper--slide02{background:url(../images/top/works_tab2.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .works__swiper--slide02{background:url(../images/top/works_pc2.jpg) center center/cover}}#top .works__swiper--slide03{background:url(../images/top/works_sp3.jpg) center center/cover}@media screen and (min-width: 768px){#top .works__swiper--slide03{background:url(../images/top/works_tab3.jpg) center center/cover}}@media screen and (min-width: 1024px){#top .works__swiper--slide03{background:url(../images/top/works_pc3.jpg) center center/cover}}#top .profile__wrap{position:relative;margin-bottom:60px}@media screen and (min-width: 768px){#top .profile__wrap{margin-bottom:200px}}@media screen and (min-width: 1024px){#top .profile__wrap{display:flex;justify-content:flex-end;align-items:end;flex-direction:row;gap:5.208vw;margin-bottom:280px}}#top .profile__ttlpos{position:absolute;top:-60px;left:8.533vw}@media screen and (min-width: 768px){#top .profile__ttlpos{top:-80px;left:9.896vw}}@media screen and (min-width: 1024px){#top .profile__ttlpos{left:12.24vw}}#top .profile__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;font-size:40px;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#top .profile__ttl{font-size:80px}}@media screen and (min-width: 1024px){#top .profile__ttl{font-size:6.25vw}}#top .profile__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);content:"profile"}@media screen and (min-width: 768px){#top .profile__ttl::after{font-size:16px}}@media screen and (min-width: 768px){#top .profile__container{display:flex;justify-content:flex-start;align-items:start;flex-direction:row-reverse;gap:4.557vw;margin:0 18.229vw 60px 0}}@media screen and (min-width: 768px)and (min-width: 1024px){#top .profile__container{gap:1.823vw;margin:0 0 -10px 0}}#top .profile__name{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;margin:0 13.867% 24px auto;font-size:24px;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#top .profile__name{margin:0;font-size:32px}}#top .profile__txtbox{display:flex;justify-content:flex-end;align-items:start;flex-direction:row;gap:1.333vw;margin:0 12.533vw 30px 0}@media screen and (min-width: 768px){#top .profile__txtbox{gap:2.214vw;margin:0}}@media screen and (min-width: 1024px){#top .profile__txtbox{gap:.885vw}}#top .profile__btnbox{width:-moz-fit-content;width:fit-content;margin-top:-10px}#top .profile__btnlink{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;row-gap:20px;z-index:2;width:-moz-fit-content;width:fit-content;padding:10px}@media screen and (min-width: 768px){#top .profile__btnlink{gap:38px}}@media screen and (min-width: 1024px){#top .profile__btnlink:hover .profile__btntxt{color:#8c8d8e}}#top .profile__btntxt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;color:#181b1d}@media screen and (min-width: 1024px){#top .profile__btntxt{transition:.5s}}#top .profile__btnpic{width:-moz-fit-content;width:fit-content;transform:rotate(180deg)}#top .profile__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;height:193px}@media screen and (min-width: 768px){#top .profile__txt{height:237px}}#top .profile__space{display:none}@media screen and (min-width: 768px){#top .profile__space{display:inline}}#top .profile__imgpic{width:86.133%;margin:0 0 60px auto}@media screen and (min-width: 768px){#top .profile__imgpic{width:81.771%;margin-bottom:200px}}@media screen and (min-width: 1024px){#top .profile__imgpic{margin:0;width:43.75vw}}#top .profile__img{filter:grayscale(100);width:100%;transition:.5s}@media screen and (min-width: 1024px){#top .profile__img:hover{filter:grayscale(0%)}}@media screen and (min-width: 1920px){#top .skill{margin:0 auto}}#top .skill__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;margin:0 8.533% -30px auto;font-size:40px;font-weight:400;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#top .skill__ttl{font-size:80px;margin:0 10.417% -60px auto}}@media screen and (min-width: 768px){#top .skill__ttl{font-size:6.25vw}}@media screen and (min-width: 1200px){#top .skill__ttl{margin:0 14.688% -92px auto}}#top .skill__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);content:"skill"}@media screen and (min-width: 768px){#top .skill__ttl::after{font-size:16px}}#top .skill__wrap{max-width:1440px;margin-bottom:60px}@media screen and (min-width: 768px){#top .skill__wrap{display:flex;justify-content:flex-start;align-items:start;flex-direction:row;flex-wrap:wrap;gap:64px .521vw;width:79.167%;margin:0 auto 100px}}@media screen and (min-width: 768px)and (max-width: 1749px){#top .skill__wrap :nth-of-type(4n-1){margin-left:auto}}@media screen and (min-width: 1024px){#top .skill__wrap{row-gap:120px;width:75.365%;margin-bottom:160px}}@media screen and (min-width: 1280px){#top .skill__wrap{-moz-column-gap:6.667vw;column-gap:6.667vw}}@media screen and (min-width: 1750px){#top .skill__wrap{-moz-column-gap:3.333vw;column-gap:3.333vw}#top .skill__wrap :nth-of-type(4){margin-left:auto}}#top .skill__wrap :nth-of-type(8){margin-bottom:0}#top .skill__wrap :nth-of-type(4) .skill__fontspan{font-family:"Cormorant",serif}#top .skill__box{display:flex;justify-content:flex-start;align-items:start;flex-direction:row;margin:0 auto 40px 8.533%}@media screen and (min-width: 768px){#top .skill__box{margin:0}}@media screen and (max-width: 768px){#top .skill__box:nth-of-type(2n){justify-content:flex-end;margin-right:8.533%}}#top .skill__txtbox{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;display:flex;justify-content:flex-end;align-items:start;flex-direction:column}#top .skill__txt{height:133px}@media screen and (min-width: 768px){#top .skill__txt{height:236px}}@media screen and (min-width: 768px){#top .skill__space{display:none}}#top .skill__sizespan{font-family:"Shippori Mincho",serif;font-weight:600;font-size:14px;line-height:1;letter-spacing:0;margin-top:-7px;font-size:14px}@media screen and (min-width: 768px){#top .skill__sizespan{margin-top:0;font-size:16px}}#top .skill__name{font-family:"Cormorant",serif;font-weight:700;font-size:20px;line-height:1;letter-spacing:0;text-orientation:sideways;font-weight:700;margin-left:4.267%}@media screen and (min-width: 768px){#top .skill__name{font-size:24px;margin-left:2.604%}}@media screen and (min-width: 768px){#top .skill__name{margin-left:.885vw}}#top .skill__pic{width:120px}@media screen and (min-width: 768px){#top .skill__pic{width:160px}}@media screen and (min-width: 1024px){#top .skill__pic{width:200px}}@media screen and (min-width: 1440px){#top .skill__pic{width:240px}}#top .skill__img{width:100%}#workspage .works{line-height:1;letter-spacing:0}#workspage .works__wrap{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-direction:column;row-gap:37px;position:relative;width:76.7%;margin:0 8.533vw 60px auto;padding-bottom:5px}@media screen and (min-width: 500px){#workspage .works__wrap{align-items:start;flex-direction:row;flex-wrap:wrap;row-gap:45px;width:76.7%;margin:0 8.533vw 60px auto;padding-bottom:5px}}@media screen and (min-width: 768px){#workspage .works__wrap{row-gap:68px;margin:0 10.417vw 120px auto;padding-bottom:8px;width:71.3%}}@media screen and (min-width: 1024px){#workspage .works__wrap{row-gap:40px;width:68.6%;margin:0 12.5vw 160px auto}}#workspage .works__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;z-index:1;margin:-10px 0 -58px 8.533vw;font-size:60px;font-weight:500}@media screen and (min-width: 768px){#workspage .works__ttl{margin:-10px 0 -127px 10.417vw;font-size:120px}}@media screen and (min-width: 1024px){#workspage .works__ttl{font-size:10.417vw;margin:-10px 0 -167px 12.5vw}}#workspage .works__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);font-family:"Cormorant",serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:0;content:"Works"}@media screen and (min-width: 768px){#workspage .works__ttl::after{font-size:16px}}#workspage .works__box{width:60vw}@media screen and (min-width: 500px){#workspage .works__box{width:34.667vw}}@media screen and (min-width: 768px){#workspage .works__box{width:31.771vw}}@media screen and (min-width: 1440px){#workspage .works__box{width:20.833vw}}#workspage .works__link{display:block;text-decoration:none;color:#181b1d}@media screen and (min-width: 1024px){#workspage .works__link{position:relative}#workspage .works__link:hover .works__img{filter:brightness(50%);transition-duration:.5s}#workspage .works__link:hover .works__name{color:#8c8d8e}#workspage .works__link:hover .works__pic::after{opacity:1}}@media screen and (min-width: 1024px){#workspage .works__pic{position:relative}#workspage .works__pic::after{content:url(../images/works/morebtn.svg);position:absolute;display:block;top:54%;left:50%;opacity:0;transform:translate(-50%, -50%);transition:.5s}}#workspage .works__img{width:100%;margin-bottom:10px;filter:grayscale(100%);transition:1s}@media screen and (min-width: 768px){#workspage .works__img{margin-bottom:16px}}@media screen and (min-width: 1024px){#workspage .works__img{margin-bottom:24px}}#workspage .works__name{display:none;font-size:16px;font-weight:700;margin-bottom:12px}@media screen and (min-width: 768px){#workspage .works__name{font-size:20px}}@media screen and (min-width: 1024px){#workspage .works__name{font-size:24px;margin-bottom:16px}}@media screen and (min-width: 768px){#workspage .works__span{font-size:.8em}}#workspage .works__type{display:none;margin-bottom:12px}@media screen and (min-width: 1024px){#workspage .works__type{margin-bottom:0}}#workspage .works__more{position:relative;font-size:14px}@media screen and (min-width: 768px){#workspage .works__more{font-size:16px}}@media screen and (min-width: 1024px){#workspage .works__more{display:none}}#workspage .works__more::after{content:"";position:absolute;bottom:-6px;left:0;width:93px;height:1px;background:#181b1d}@media screen and (min-width: 768px){#workspage .works__more::after{bottom:-8px;width:106px}}@media screen and (min-width: 1024px){#workspage .works__more::after{display:none}}#piece{line-height:2;letter-spacing:.05em}#piece .piece__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;z-index:1;margin:-10px 0 0 8.533vw;font-size:60px;font-weight:500;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#piece .piece__ttl{margin-left:10.417vw;font-size:120px}}@media screen and (min-width: 1024px){#piece .piece__ttl{font-size:10.417vw;margin-left:12.5vw}}#piece .piece__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);font-family:"Cormorant",serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:0;content:"Works"}@media screen and (min-width: 768px){#piece .piece__ttl::after{font-size:16px}}#piece .piece__mvpic{width:86.133%;margin:-80px 0 64px auto}@media screen and (min-width: 768px){#piece .piece__mvpic{width:81.771%;margin:-125px 0 94px auto}}@media screen and (min-width: 1024px){#piece .piece__mvpic{width:68.75%;margin:-167px 0 116px 18.62vw}}#piece .piece__mvimg{width:100%}#piece .piece__wrap{width:72.267%;margin:0 auto 70px}@media screen and (min-width: 768px){#piece .piece__wrap{width:79.427%;margin-bottom:90px}}@media screen and (min-width: 1024px){#piece .piece__wrap{width:75%;margin-bottom:220px}}#piece .piece .noni__wrap,#piece .piece .azito__wrap{position:relative}#piece .piece .noni__wrap::after,#piece .piece .azito__wrap::after{content:"";position:absolute;bottom:-40px;left:50%;display:block;width:59.467vw;height:1px;background:#181b1d;transform:translateX(-50%)}@media screen and (min-width: 768px){#piece .piece .noni__wrap::after,#piece .piece .azito__wrap::after{bottom:-60px;width:52.865vw}}@media screen and (min-width: 1024px){#piece .piece .noni__wrap::after,#piece .piece .azito__wrap::after{bottom:-120px;width:50vw}}#piece .piece__namelbox{margin-bottom:22px}@media screen and (min-width: 768px){#piece .piece__namelbox{margin-bottom:30px}}@media screen and (min-width: 768px){#piece .piece__namelbox{margin-bottom:50px}}#piece .piece__name{position:relative;margin-bottom:8px;font-size:20px;font-weight:700;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#piece .piece__name{margin-bottom:10px;font-size:24px}}@media screen and (min-width: 768px){#piece .piece__name{font-size:32px}}#piece .piece__name::before{content:"";position:absolute;z-index:-1;top:-44px;left:0;width:42.667vw;height:180px;background:#f4f6f8}@media screen and (min-width: 768px){#piece .piece__name::before{top:-72px;width:31.25vw;height:191px}}@media screen and (min-width: 1024px){#piece .piece__name::before{top:-76px;width:18.75vw;height:320px}}#piece .piece__name::after{content:"";position:absolute;top:-24px;left:2px;font-size:14px;font-weight:500;letter-spacing:.05em}@media screen and (min-width: 768px){#piece .piece__name::after{top:-32px}}@media screen and (min-width: 1024px){#piece .piece__name::after{top:-36px}}#piece .piece .reto__name::after,#piece .piece .noni__name::after{content:"自主制作"}#piece .piece .wss__name::after,#piece .piece .azito__name::after{content:"学校課題"}#piece .piece__genre{font-size:14px;margin-bottom:6px}@media screen and (min-width: 768px){#piece .piece__genre{font-size:16px}}@media screen and (min-width: 1024px){#piece .piece__genre{font-size:18px;margin-bottom:10px}}#piece .piece__txtwrap{display:flex;flex-direction:column;row-gap:24px;margin-bottom:40px}@media screen and (min-width: 768px){#piece .piece__txtwrap{width:63.542vw;margin:0 auto 80px}}@media screen and (min-width: 1024px){#piece .piece__txtwrap{row-gap:32px;width:50vw;margin-bottom:120px}}@media screen and (min-width: 768px){#piece .piece__txtbox{display:flex;justify-content:space-between;align-items:start;flex-direction:row}}#piece .piece__element{margin-bottom:16px;font-size:16px;font-weight:700;line-height:1}@media screen and (min-width: 768px){#piece .piece__element{margin-top:4px}}@media screen and (min-width: 1024px){#piece .piece__element{font-size:18px}}@media screen and (min-width: 768px){#piece .piece__txt,#piece .piece__timewrap,#piece .piece__colorbox{width:46.615vw}}@media screen and (min-width: 1024px){#piece .piece__txt,#piece .piece__timewrap,#piece .piece__colorbox{width:36vw}}@media screen and (min-width: 1200px){#piece .piece__txt,#piece .piece__timewrap,#piece .piece__colorbox{width:38vw}}@media screen and (min-width: 1600px){#piece .piece__txt,#piece .piece__timewrap,#piece .piece__colorbox{width:41.667vw}}@media screen and (min-width: 440px){#piece .piece .reto__space{display:none}}#piece .piece .reto__line{display:none}@media screen and (min-width: 440px){#piece .piece .reto__line{display:inline}}@media screen and (min-width: 520px){#piece .piece .wss__space{display:none}}#piece .piece .wss__line{display:none}@media screen and (min-width: 520px){#piece .piece .wss__line{display:inline}}#piece .piece__link{display:block;width:-moz-fit-content;width:fit-content;padding:10px;margin:-10px;color:#181b1d}@media screen and (min-width: 1024px){#piece .piece__link{transition:.5s}#piece .piece__link:hover{color:#8c8d8e}}#piece .piece__colorbox{display:flex;color:#f4f6f8}#piece .piece__main,#piece .piece__accent,#piece .piece__base{padding:23px 0 0 2px;font-size:10px;line-height:.9}@media screen and (min-width: 768px){#piece .piece__main,#piece .piece__accent,#piece .piece__base{padding-top:29px;font-size:14px;line-height:.8}}#piece .piece__main{width:30%;background:#181b1d}#piece .piece__accent{width:25%;background:#8c8d8e}#piece .piece__base{width:45%;background:#aeafb0}#piece .piece .reto__main{background:#0077a2}#piece .piece .reto__accent{background:#f9d380}#piece .piece .reto__base{color:#46494a;background:#fff}#piece .piece .noni__main{background:#7a9f51}#piece .piece .noni__accent{background:#865000}#piece .piece .noni__base{background:#efe0ce;color:#46494a}#piece .piece .wss__main{background:#2091ee}#piece .piece .wss__accent{background:#cff9fa;color:#46494a}#piece .piece .wss__base{background:#fff;color:#46494a}#piece .piece .azito__main{background:#505096}#piece .piece .azito__accent{background:#a6d1db;color:#46494a}#piece .piece .azito__base{background:#fff;color:#46494a}#piece .piece .wss__span{font-size:14px;font-weight:500;line-height:2;margin-left:-8px}#piece .piece__timebox{display:flex;justify-content:flex-start;align-items:end;flex-direction:row;gap:16px;margin-bottom:8px}@media screen and (min-width: 768px){#piece .piece__timebox{gap:30px}}#piece .piece__timename{width:120px}#piece .piece__imgwrap{position:relative}@media screen and (min-width: 768px){#piece .piece__imgwrap{display:flex;justify-content:center;align-items:start;flex-direction:row;gap:2.604vw}}@media screen and (min-width: 1024px){#piece .piece__imgwrap{gap:2.5em}}#piece .piece__imgwrap::after{content:"";position:absolute;bottom:-40px;left:50%;display:block;width:59.467vw;height:1px;background:#181b1d;transform:translateX(-50%)}@media screen and (min-width: 768px){#piece .piece__imgwrap::after{bottom:-60px;width:52.865vw}}@media screen and (min-width: 1024px){#piece .piece__imgwrap::after{bottom:-120px;width:50vw}}#piece .piece__pcpic,#piece .piece__top{position:relative}#piece .piece__pcpic::after,#piece .piece__top::after{content:"";position:absolute;bottom:-40px;left:50%;display:block;width:59.467vw;height:1px;background:#181b1d;transform:translateX(-50%)}@media screen and (min-width: 768px){#piece .piece__pcpic::after,#piece .piece__top::after{display:none}}#piece .piece .noni__pic,#piece .piece .azito__pic{margin:0 auto}#piece .piece .noni__pic::after,#piece .piece .azito__pic::after{display:none}@media screen and (min-width: 768px){#piece .piece .noni__pic,#piece .piece .azito__pic{width:62.5vw}}@media screen and (min-width: 1024px){#piece .piece .noni__pic,#piece .piece .azito__pic{width:50vw}}@media screen and (min-width: 768px){#piece .piece .wss__top{width:52.083vw}}@media screen and (min-width: 1024px){#piece .piece .wss__top{width:50vw}}#piece .piece__pcimg,#piece .piece__topimg{display:block;width:100%;margin-bottom:80px}@media screen and (min-width: 768px){#piece .piece__pcimg,#piece .piece__topimg{margin-bottom:0}}#piece .piece__imgbox{display:flex;justify-content:center;align-items:start;flex-direction:row;gap:6.4vw}@media screen and (min-width: 768px){#piece .piece__imgbox{gap:2.604vw}}@media screen and (min-width: 1024px){#piece .piece__imgbox{gap:2.5em}}@media screen and (min-width: 768px){#piece .piece .wss__imgbox{flex-direction:column;-moz-column-gap:0;column-gap:0;row-gap:80px;width:22.917vw}}@media screen and (min-width: 1024px){#piece .piece .wss__imgbox{width:24.583vw;-moz-column-gap:0;column-gap:0;row-gap:120px;width:24.583vw}}#piece .piece__tabimg,#piece .piece__spimg,#piece .piece__subimg{display:block;width:100%}#piece .piece__sub{position:relative}#piece .piece__sub:nth-of-type(1)::after{content:"";position:absolute;bottom:-40px;left:50%;display:block;width:17.578vw;height:1px;background:#181b1d;transform:translateX(-50%)}@media screen and (min-width: 1024px){#piece .piece__sub:nth-of-type(1)::after{width:18.333vw;bottom:-60px}}#piece .piece__btnwrap{width:88.267%;margin:0 auto 30px}@media screen and (min-width: 768px){#piece .piece__btnwrap{width:79.427%;margin-bottom:90px}}@media screen and (min-width: 1024px){#piece .piece__btnwrap{position:absolute;top:-100px;right:1vw;opacity:0;display:block;width:175px;margin:0;transition:1s}}#piece .piece__btnbox{display:flex;justify-content:space-between;align-items:end;flex-direction:row}@media screen and (min-width: 1024px){#piece .piece__btnbox{display:block}}@media screen and (min-width: 1024px){#piece .piece__btnpic{margin-bottom:4px}}#piece .piece__filebtn{width:-moz-fit-content;width:fit-content;margin:-4px auto 0}@media screen and (min-width: 768px){#piece .piece__filebtn{margin:0 auto}}@media screen and (min-width: 1024px){#piece .piece__filebtn{margin:0}}#piece .piece__btnlink{position:relative;display:inline-block;padding:10px}@media screen and (min-width: 1024px){#piece .piece__btnlink:hover .piece__btnimg{opacity:0}#piece .piece__btnlink:hover .piece__hover{opacity:1}}@media screen and (min-width: 1024px){#piece .piece__btnimg,#piece .piece__hover{transition:.5s}}#piece .piece__hover{position:absolute;top:10px;left:10px;display:none;opacity:0}@media screen and (min-width: 1024px){#piece .piece__hover{display:block}}#profilepage .profile{margin-bottom:60px;padding-top:50px}@media screen and (min-width: 768px){#profilepage .profile{padding-top:52px;margin-bottom:80px}}@media screen and (min-width: 1024px){#profilepage .profile{padding-top:250px;margin-bottom:120px}}#profilepage .profile__box{position:relative}#profilepage .profile__pic{width:86.133%;margin-bottom:120px}@media screen and (min-width: 768px){#profilepage .profile__pic{width:81.771%;margin-bottom:200px}}@media screen and (min-width: 1024px){#profilepage .profile__pic{width:71.25%;margin-bottom:60px}}#profilepage .profile__img{width:100%;filter:grayscale(100);transition:.5s}@media screen and (min-width: 1024px){#profilepage .profile__img:hover{filter:grayscale(0%)}}#profilepage .profile__ttlpos{position:absolute;top:20px;right:10.133vw}@media screen and (min-width: 768px){#profilepage .profile__ttlpos{top:58px;right:10.677vw}}@media screen and (min-width: 1024px){#profilepage .profile__ttlpos{top:-210px;right:12.5vw}}#profilepage .profile__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;font-size:60px;font-weight:500;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#profilepage .profile__ttl{font-size:120px}}@media screen and (min-width: 1024px){#profilepage .profile__ttl{font-size:10.417vw}}#profilepage .profile__ttl::after{position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);font-family:"Cormorant",serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:0;content:"Profile"}@media screen and (min-width: 768px){#profilepage .profile__ttl::after{font-size:16px}}#profilepage .profile__txtbox{display:flex;justify-content:flex-end;align-items:start;flex-direction:row;gap:2.667vw;margin:0 13.867vw 0 auto}@media screen and (min-width: 768px){#profilepage .profile__txtbox{gap:4.167vw;margin-right:18.229vw}}@media screen and (min-width: 1024px){#profilepage .profile__txtbox{gap:2.083vw;margin-right:28.75vw}}#profilepage .profile__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;height:193px}@media screen and (min-width: 768px){#profilepage .profile__txt{height:240px}}#profilepage .profile__space{display:none}@media screen and (min-width: 768px){#profilepage .profile__space{display:block}}#profilepage .profile__name{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;font-size:24px;font-weight:500;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#profilepage .profile__name{font-size:32px}}#profilepage .message{margin-bottom:60px}@media screen and (min-width: 768px){#profilepage .message{margin-bottom:120px}}@media screen and (min-width: 1400px){#profilepage .message{display:flex;justify-content:flex-start;align-items:end;flex-direction:row-reverse;gap:3.125vw;margin-bottom:160px}}#profilepage .message__pic{width:86.133%;margin:0 0 40px auto}@media screen and (min-width: 768px){#profilepage .message__pic{width:81.771%}}@media screen and (min-width: 1024px){#profilepage .message__pic{max-width:960px;width:81.25%}}@media screen and (min-width: 1400px){#profilepage .message__pic{min-width:700px;width:50%;margin:0}}#profilepage .message__img{width:100%;filter:grayscale(100%);transition:1s}@media screen and (min-width: 1024px){#profilepage .message__img:hover{filter:grayscale(0%)}}#profilepage .message__txtbox{display:flex;justify-content:flex-start;align-items:start;flex-direction:row;gap:11.733vw;margin:0 auto 0 13.867vw}@media screen and (min-width: 768px){#profilepage .message__txtbox{gap:5.208vw;margin-left:10.417vw}}@media screen and (min-width: 1024px){#profilepage .message__txtbox{gap:2.083vw;margin:0 0 0 18.75vw}}@media screen and (min-width: 1400px){#profilepage .message__txtbox{margin-left:0}}#profilepage .message__txt{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;-moz-column-count:3;column-count:3;-moz-column-gap:32px;column-gap:32px;height:550px}@media screen and (min-width: 768px){#profilepage .message__txt{-moz-column-count:1;column-count:1;height:340px}}#profilepage .message__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:0}@media screen and (min-width: 768px){#profilepage .message__ttl{font-size:32px}}#profilepage .message__space{display:none}@media screen and (min-width: 768px){#profilepage .message__space{display:block}}#contactpage .contactform{display:flex;justify-content:space-between;align-items:start;flex-direction:row-reverse;width:82.667%;padding-top:40px;margin:0 auto 60px;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#contactpage .contactform{width:71.354%;margin:0 10.417% 120px auto;padding-top:60px}}@media screen and (min-width: 1024px){#contactpage .contactform{width:75%;margin:0 auto 160px;padding-top:40px}}#contactpage .contactform__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;font-size:60px;font-weight:500}@media screen and (min-width: 768px){#contactpage .contactform__ttl{font-size:120px}}@media screen and (min-width: 1200px){#contactpage .contactform__ttl{white-space:nowrap;font-size:160px}}#contactpage .contactform__ttl::after{font-family:"Cormorant",serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:0;position:absolute;top:0;right:0;display:block;font-size:14px;line-height:1;letter-spacing:0;text-orientation:sideways;color:#46494a;transform:translateX(100%);content:"Contact"}@media screen and (min-width: 768px){#contactpage .contactform__ttl::after{font-size:16px}}#contactpage .form{width:61.6vw;margin-top:80px}@media screen and (min-width: 768px){#contactpage .form{width:52.083vw;margin-top:184px}}@media screen and (min-width: 1024px){#contactpage .form{width:60vw}}@media screen and (min-width: 1200px){#contactpage .form{margin-top:330px}}@media screen and (min-width: 1360px){#contactpage .form{width:61.979vw}}#contactpage .form__box{margin-bottom:24px}@media screen and (min-width: 768px){#contactpage .form__box{margin-bottom:32px}}@media screen and (min-width: 1024px){#contactpage .form__box{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:48px;border-bottom:1px solid #aeafb0}}#contactpage .form__box:nth-of-type(3){margin-bottom:40px}@media screen and (min-width: 768px){#contactpage .form__box:nth-of-type(3){margin-bottom:80px}}@media screen and (min-width: 1024px){#contactpage .form__box:nth-of-type(3){margin-bottom:100px}}#contactpage .form__label{display:block;margin-bottom:10px;letter-spacing:.05em}@media screen and (min-width: 768px){#contactpage .form__label{margin-bottom:16px;font-size:16px}}@media screen and (min-width: 1024px){#contactpage .form__label{width:25%;margin:0}}@media screen and (min-width: 1360px){#contactpage .form__label{width:20%;cursor:pointer}}#contactpage .form__span{margin-left:2px;color:#ff3d41}#contactpage .form__input{width:100%;height:30px;padding-left:2.133vw;border:none;border-bottom:solid .5px #181b1d;letter-spacing:.1em;background:hsla(0,0%,100%,.5)}@media screen and (min-width: 768px){#contactpage .form__input{height:36px;padding-left:1.042vw;font-size:16px}}@media screen and (min-width: 1024px){#contactpage .form__input{width:75%;height:48px;margin-bottom:-1px;padding-left:.833vw}}@media screen and (min-width: 1360px){#contactpage .form__input{width:80%}}#contactpage .form__input:focus{outline:none;border-bottom:solid 2px #181b1d;background:#fff}#contactpage .form__box:nth-of-type(4){margin-bottom:32px}@media screen and (min-width: 768px){#contactpage .form__box:nth-of-type(4){margin-bottom:60px}}@media screen and (min-width: 1024px){#contactpage .form__box:nth-of-type(4){display:block;margin-bottom:80px;border-bottom:none}}#contactpage .form__box:nth-of-type(4) .form__label{width:100%;margin-bottom:24px}#contactpage .form__box:nth-of-type(4) .form__input{height:160px;padding:2.133vw;border:solid .5px #181b1d;line-height:1.5}@media screen and (min-width: 768px){#contactpage .form__box:nth-of-type(4) .form__input{height:200px;padding:1.042vw}}@media screen and (min-width: 1024px){#contactpage .form__box:nth-of-type(4) .form__input{width:100%;height:300px;padding:.833vw}}#contactpage .form__box:nth-of-type(4) .form__input:focus{outline:none;border:solid 2px #181b1d}#contactpage .form__submit{width:100%;height:32px;letter-spacing:.1em;color:#fff;background:#181b1d;-webkit-appearance:none}@media screen and (min-width: 768px){#contactpage .form__submit{height:40px;font-size:16px}}@media screen and (min-width: 1024px){#contactpage .form__submit{height:60px;cursor:pointer;transition:.5s}#contactpage .form__submit:hover{background:#46494a}}#thanks{height:1vh}#thanks::before{top:11.994vh;margin-bottom:11.994vh}@media screen and (min-width: 768px){#thanks::before{top:11.719vh;margin-bottom:11.719vh}}@media screen and (min-width: 1024px){#thanks::before{top:14.815vh;margin-bottom:14.815vh}}#thanks .thanks{margin-left:8.533vw;padding-top:5.997vh}@media screen and (min-width: 768px){#thanks .thanks{display:flex;justify-content:space-between;align-items:start;flex-direction:row;width:79.167vw;margin-left:10.417vw;padding-top:5.859vh}}@media screen and (min-width: 1024px){#thanks .thanks{justify-content:flex-start;gap:8.333vw;width:auto;margin-left:12.5vw;padding-top:7.407vh}}#thanks .thanks__ttl{writing-mode:vertical-rl;color:#181b1d;text-orientation:upright;position:relative;margin-bottom:40px;font-size:80px;font-weight:500;line-height:1;letter-spacing:0}@media screen and (min-width: 768px){#thanks .thanks__ttl{font-size:120px;margin-bottom:0}}@media screen and (min-width: 1024px){#thanks .thanks__ttl{font-size:160px}}#thanks .thanks__ttl::after{content:"";position:absolute;z-index:-1;top:0;left:0;max-width:120px;width:32vw;height:250px;background:#f4f6f8}@media screen and (min-width: 768px){#thanks .thanks__ttl::after{max-width:180vh;width:20.833vw;height:364px}}@media screen and (min-width: 1024px){#thanks .thanks__ttl::after{max-width:240px;height:480px}}#thanks .thanks__txt{position:relative;font-size:24px;line-height:1.5}@media screen and (min-width: 768px){#thanks .thanks__txt{margin-top:16.992vh;font-size:32px}}@media screen and (min-width: 1024px){#thanks .thanks__txt{margin-top:35.185vh;font-size:40px}}#thanks .thanks__txt::after{font-family:"Cormorant",serif;font-weight:700;font-size:16px;line-height:1;letter-spacing:0;content:"Thank you for contacting us";position:absolute;display:block;bottom:-26px;left:4px;letter-spacing:.05em;color:#46494a}@media screen and (min-width: 768px){#thanks .thanks__txt::after{bottom:-36px;font-size:20px}}@media screen and (min-width: 1024px){#thanks .thanks__txt::after{bottom:-40px;font-size:24px}}#top .topColir{filter:grayscale(0)}#workspage .photoColor{filter:none}@media screen and (min-width: 1024px){#piece .btnFIxed{position:fixed;justify-content:flex-start;opacity:1;top:10vh}}#profilepage .profileColir{filter:grayscale(0)}/*# sourceMappingURL=style.css.map */