@charset "utf-8";@import url(https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}button,input[type=email],input[type=submit],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;margin:0;outline:none;padding:0}@media (max-width:768px){.pc{display:none!important}}@media (min-width:770px){.sp{display:none!important}}html{font-size:62.5%}body{font-feature-settings:"palt"}button{font-family:游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ ゴシック}a,button{color:#fff;cursor:pointer;text-decoration:none;transition:opacity "0.3s" cubic-bezier(.215,.61,.355,1) "0s";will-change:opacity}a:hover,button:hover{opacity:.8}img{height:auto;max-width:100%;vertical-align:bottom}.header{left:0;position:fixed;top:0;width:100%;z-index:99}.header,.header.is-active{transition:all .2s ease-in}.header.is-active{background:rgba(0,0,0,.5)}.header__inner{padding:30px 100px 28px}@media (max-width:1399px){.header__inner{padding:2.6666666667vw 8.8vw 2.4vw}}@media (max-width:768px){.header__inner{padding:3.2vw 6.6666666667vw 2.9333333333vw}}.header__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header__logo--image{max-width:164px}@media (max-width:1399px){.header__logo--image{max-width:21.8666666667vw}}@media (max-width:768px){.header__logo--image{max-width:31.2vw}}.header__gnav__pcmenu{display:block}@media (max-width:768px){.header__gnav__pcmenu{display:none}}.header__gnav__pcmenu__list{align-items:center;display:flex}.header__gnav__pcmenu__list--item{padding-right:50px}@media (max-width:1399px){.header__gnav__pcmenu__list--item{padding-right:3.3333333333vw}}.header__gnav__pcmenu__list--item:last-child{padding-right:0}.header__gnav__pcmenu__list--item:last-child a{border:1px solid #60ff00;color:#60ff00;display:block;padding:9px 0 8px;text-align:center;width:180px}@media (max-width:1399px){.header__gnav__pcmenu__list--item:last-child a{width:24vw}}.header__gnav__pcmenu__list--item:last-child a:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right top;transition:transform .55s cubic-bezier(.77,0,.275,1);width:100%;z-index:-1}.header__gnav__pcmenu__list--item:last-child a:after{bottom:0;content:"";left:0;position:absolute;transform:none;transition:none;width:0}.header__gnav__pcmenu__list--item:last-child a:hover:before{transform:scaleX(100%);transform-origin:left top}.header__gnav__pcmenu__list a{color:#fff;display:block;font-family:Josefin Sans,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:.075em;line-height:1;position:relative}@media (max-width:1399px){.header__gnav__pcmenu__list a{font-size:1.4rem;line-height:1}}.header__gnav__pcmenu__list a:hover{color:#60ff00}.header__gnav__pcmenu__list a:after{background:#60ff00;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left top;transition:transform .3s;width:100%}.header__gnav__pcmenu__list a:hover:after{color:#60ff00;transform:scaleX(1)}.header__gnav__spmenu{display:none}@media (max-width:768px){.header__gnav__spmenu{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.3);box-sizing:border-box;display:block;height:100vh;left:100%;overflow-y:scroll;padding:33.3333333333vw 6.6666666667vw 8vw;position:fixed;top:0;transition:all .5s cubic-bezier(.215,.61,.355,1);width:100%;z-index:0}.header__gnav__spmenu.visible{left:0}}.header__gnav__spmenu__list--item{display:table;padding-bottom:8.8vw}.header__gnav__spmenu__list--item:last-child{padding-bottom:0;width:100%}.header__gnav__spmenu__list--icon{background-color:#60ff00;display:block;float:left;height:1.6vw;margin-right:2.1333333333vw;margin-top:2.1333333333vw;width:1.6vw}.header__gnav__spmenu__list--text{display:table-cell;vertical-align:top}.header__gnav__spmenu__list--text a{color:#fff;font-size:6.4vw;line-height:1}.header__gnav__spmenu__list__info a{border:1px solid #60ff00;color:#60ff00;display:block;font-size:6.4vw;letter-spacing:.075em;line-height:1;padding:3.7333333333vw 0 2.6666666667vw;position:relative;text-align:center;width:100%}.header__gnav__spmenu__list__info a:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right top;transition:transform .55s cubic-bezier(.77,0,.275,1);width:100%;z-index:-1}.header__gnav__spmenu__list__info a:after{bottom:0;content:"";left:0;position:absolute;transform:none;transition:none;width:0}.header__gnav__spmenu__list__info a:hover:before{transform:scaleX(100%);transform-origin:left top}.header__gnav__spmenu__list__info--text{color:#60ff00;display:block;font-size:2.6666666667vw;font-weight:400;letter-spacing:.05em;line-height:1;margin-top:1.8666666667vw;text-align:center}.header__icon{display:none}@media (max-width:768px){.header__icon{display:block}}.header__icon--button{cursor:pointer;height:4vw;position:relative;width:4.5333333333vw}.header__icon--button span{background:#fff;display:block;height:.1333333333vw;position:relative;transition:all .4s;width:100%}.header__icon--button span:nth-child(2){top:1.6vw}.header__icon--button span:nth-child(3){top:3.2vw}.header__icon--button.opened span{top:2.1333333333vw;transform:rotate(-40deg);transition:all .4s}.header__icon--button.opened span:nth-child(2){background-color:transparent;transform:rotate(0)}.header__icon--button.opened span:nth-child(3){top:1.8666666667vw;transform:rotate(-140deg)}.header__contact--text{max-width:100%;width:150px}@media (max-width:1399px){.header__contact--text{width:20vw}}@media (max-width:768px){.header__contact--text{width:24.6666666667vw}}.header__contact--text a{border:1px solid #fff;box-shadow:0 0 5px,inset 0 0 5px;color:#fff;display:block;font-family:Syncopate,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:.12em;line-height:1;padding:12px 0 14px;text-align:center}@media (max-width:1399px){.header__contact--text a{font-size:1.8666666667vw;line-height:1;padding:1.6vw 0 1.8666666667vw}}@media (max-width:768px){.header__contact--text a{border:.1333333333vw solid #fff;font-size:2.1333333333vw;line-height:1;padding:2.4vw 0 2.2666666667vw}}.footer{background:#000}.footer__inner{padding:53px 100px 52px}@media (max-width:1399px){.footer__inner{padding:4.6666666667vw 8.8vw 4.5333333333vw}}@media (max-width:768px){.footer__inner{padding:7.0666666667vw 6.6666666667vw 6.9333333333vw}}.footer__content{margin:0 auto;max-width:1200px}.footer__list{align-items:flex-end;display:flex}.footer__list--item{width:50%}.footer__logo--image{max-width:164px}@media (max-width:1399px){.footer__logo--image{max-width:21.8666666667vw}}@media (max-width:768px){.footer__logo--image{max-width:31.2vw}}.footer__copy{margin-top:24px;text-align:right}@media (max-width:1399px){.footer__copy{margin-top:2.1333333333vw}}@media (max-width:768px){.footer__copy{margin-top:3.0666666667vw}}.footer__copy--text{color:#fff;font-family:Josefin Sans,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.1em;line-height:1}@media (max-width:1399px){.footer__copy--text{font-size:1.3333333333vw;line-height:1}}@media (max-width:768px){.footer__copy--text{font-size:1.3333333333vw;line-height:1}}.pc-style{display:block}@media (max-width:768px){.pc-style{display:none}}.sp-style{display:none}@media (max-width:768px){.sp-style{display:block}}.creatorPage{background:#000 url(https://hatost.jp/creator/assets/images/background_image.webp);background-repeat:no-repeat;background-size:100%}.creatorPage__inner{padding:193px 100px 150px}@media (max-width:1399px){.creatorPage__inner{padding:17.0666666667vw 8.8vw 13.3333333333vw}}@media (max-width:768px){.creatorPage__inner{padding:24.1333333333vw 6.6666666667vw 18vw}}.creatorPage__content{margin:0 auto;max-width:1200px}.creatorPage__heading{padding-bottom:80px;text-align:center}@media (max-width:1399px){.creatorPage__heading{padding-bottom:7.0666666667vw}}@media (max-width:768px){.creatorPage__heading{padding-bottom:10.6666666667vw}}.creatorPage__heading--title{color:#fff;font-family:Syncopate,sans-serif;font-size:6rem;font-weight:400;letter-spacing:.1em;line-height:1.25}@media (max-width:1399px){.creatorPage__heading--title{font-size:5.3333333333vw;line-height:1.25}}@media (max-width:768px){.creatorPage__heading--title{font-size:8vw;line-height:1.25}}.creatorPage__heading__filter{display:flex;padding-top:123px}@media (max-width:1399px){.creatorPage__heading__filter{padding-top:10.9333333333vw}}@media (max-width:768px){.creatorPage__heading__filter{flex-wrap:wrap;padding-top:12vw}}.creatorPage__heading__filter--item{width:25%}@media (max-width:768px){.creatorPage__heading__filter--item{padding-top:4vw;width:50%}.creatorPage__heading__filter--item:first-child{padding-top:0;width:calc(50% + 1px)}}.creatorPage__heading__filter--item label{border-bottom:2px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5);cursor:pointer;display:block;font-family:Syncopate,sans-serif;font-size:2.2rem;font-weight:400;letter-spacing:.1em;line-height:1;padding-bottom:25px;position:relative;text-align:left;width:100%}@media (max-width:1399px){.creatorPage__heading__filter--item label{font-size:2vw;line-height:1;padding-bottom:2.1333333333vw}}@media (max-width:768px){.creatorPage__heading__filter--item label{border-bottom:.2666666667vw solid hsla(0,0%,100%,.5);font-size:3.2vw;line-height:1;padding:0 0 2.8vw 2.9333333333vw}}.creatorPage__heading__filter--item input[type=radio]{display:none}.creatorPage__heading__filter--item input[type=radio]:checked{color:#fff}.creatorPage__heading__filter--item input[type=radio]:checked:after{background:#fff;content:"";display:block;height:2px;left:0;position:absolute;top:27px;width:100%}@media (max-width:1399px){.creatorPage__heading__filter--item input[type=radio]:checked:after{height:.2666666667vw;top:2.4vw}}.creatorPage__heading__filter--item input[type=radio]:checked+label{border-bottom:2px solid #fff;color:#fff;display:block;width:100%}.creatorPage__link{display:flex;justify-content:center;margin-top:150px}@media (max-width:1399px){.creatorPage__link{margin-top:13.3333333333vw}}@media (max-width:768px){.creatorPage__link{display:block;margin-top:17.0666666667vw}}.creatorPage__link--item{margin:0 25px 0 0;max-width:100%;width:260px}@media (max-width:1399px){.creatorPage__link--item{margin:0 2.1333333333vw 0 0;width:34.6666666667vw}}@media (max-width:768px){.creatorPage__link--item{margin:0 auto 4.4vw;width:69.3333333333vw}}.creatorPage__link--item:last-child{margin:0 0 0 25px}@media (max-width:1399px){.creatorPage__link--item:last-child{margin:0 0 0 2.1333333333vw}}@media (max-width:768px){.creatorPage__link--item:last-child{margin:0 auto}}.creatorPage__link--item a{border:1px solid #fff;box-shadow:0 0 5px,inset 0 0 5px;color:#fff;display:block;font-family:Syncopate,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:.12em;line-height:1;padding:12px 0 14px;text-align:center}@media (max-width:1399px){.creatorPage__link--item a{font-size:1.8666666667vw;line-height:1;padding:1.6vw 0 1.8666666667vw}}@media (max-width:768px){.creatorPage__link--item a{border:.1333333333vw solid #fff;font-size:2.4vw;line-height:1;padding:2.4vw 0 2.2666666667vw}}.grid__item{margin-bottom:52px;width:21.5%}@media (max-width:1399px){.grid__item{margin-bottom:4.5333333333vw}}@media (max-width:768px){.grid__item{margin-bottom:7.6vw;width:45%}}.grid__item.double-width{width:48%}@media (max-width:768px){.grid__item.double-width{width:100%}}.grid__sizer{width:21.5%}@media (max-width:768px){.grid__sizer{width:45%}}.gutter-sizer{width:4.5%}@media (max-width:768px){.gutter-sizer{width:10%}}#pagetop{bottom:30px;max-width:100px;position:fixed;right:15px;z-index:5}@media (max-width:1399px){#pagetop{bottom:20px;max-width:66px;right:2vw}}@media (max-width:768px){#pagetop{bottom:4vw;max-width:12.4vw;right:2vw}}