@charset "UTF-8";
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}@media screen and (max-width:768px){html{font-size:3.9vw}}body{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-weight:500;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;opacity:0;-webkit-animation:1s fadein forwards;animation:1s fadein forwards;color:#2f2f2f;position:relative}body.fixed{position:fixed;width:100%;height:100%;left:0}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}main{padding:150px 0 0}@media screen and (max-width:768px){main{padding:24vw 0 40vw}}.ubuntu{font-family:'Ubuntu Condensed',sans-serif}.futura{font-family:futura-pt,sans-serif}a{color:#2f2f2f;text-decoration:underline}img{max-width:100%;vertical-align:bottom;width:100%}img[src$=".svg"]{width:100%}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.c-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.c-site-title{font-size:30px;font-weight:bold;width:100%;text-decoration:none}.c-section-title{font-size:26px;font-weight:bold;letter-spacing:.03em;text-align:left;width:17%}.c-section-title.c-section-title-center{width:100%;text-align:center}@media screen and (max-width:768px){.c-section-title.c-section-title-center{text-align:left;margin-bottom:0}}@media screen and (max-width:768px){.c-section-title{width:100%;font-size:6.4vw;margin-bottom:8vw}}.c-section-subtitle{width:15%;font-size:20px;position:relative;padding-left:.6em}@media screen and (max-width:768px){.c-section-subtitle{width:100%;padding-left:0;margin-bottom:20px}}@media screen and (max-width:768px){.c-section-subtitle-ja{margin-left:1em}}.c-section-lead{font-size:20px;letter-spacing:.02em;text-align:center;margin-bottom:60px}@media screen and (max-width:768px){.c-section-lead{font-size:4vw;margin-bottom:6.666666666666667vw}}.c-contents-name{font-size:18px;font-weight:bold;line-height:1.8;margin-bottom:10px}.c-contents-text{font-size:16px;line-height:1.6}.c-bold{font-weight:bold}.c-small{font-size:14px}.c-notice{font-size:.85rem;vertical-align:top}.js-fadein{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:opacity ease-in-out .35s,-webkit-transform ease-in-out .35s;transition:opacity ease-in-out .35s,-webkit-transform ease-in-out .35s;transition:opacity ease-in-out .35s,transform ease-in-out .35s;transition:opacity ease-in-out .35s,transform ease-in-out .35s,-webkit-transform ease-in-out .35s}.js-fadein.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.profile-detail-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.profile-detail-wrapper{display:block}}.profile-photo{width:20%;background-color:#e2e2e2;height:160px}@media screen and (max-width:768px){.profile-photo{width:100%}}.profile-detail{width:100%}.profile-post{font-size:16px;font-weight:bold;line-height:1.6;margin-bottom:10px}.profile-text,.profile-contact,.profile-access{margin-bottom:20px;font-weight:bold}@media screen and (max-width:768px){.profile-text,.profile-contact,.profile-access{font-size:3.733333333333334vw}}.profile-skills{margin-bottom:10px;position:relative;padding-left:1.5em;font-weight:bold}@media screen and (max-width:768px){.profile-skills{font-size:3.733333333333334vw}}.profile-skills:before{content:'・';position:absolute;top:0;left:0}.profile-subtitle{font-size:22px}.top{min-height:400px}.topwrapper{position:absolute;top:40vh;right:0;left:0;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:768px){.topwrapper{top:35vh}}.toplead{font-size:24px;letter-spacing:.1em;line-height:1.9;font-weight:bold;text-align:center;margin-bottom:40px}@media screen and (max-width:768px){.toplead{padding-top:12vw;font-size:4.533333333333333vw;line-height:2;letter-spacing:.08em;margin-bottom:12vw}}.toptext{font-size:16px;font-weight:bold;text-align:center;line-height:1.7;letter-spacing:.02em}@media screen and (max-width:768px){.toptext{font-size:3.733333333333334vw}}.topnotice{margin-top:.5em;font-size:12px;text-align:center;font-weight:bold;line-height:1.6}@media screen and (max-width:768px){.topnotice{font-size:3.466666666666666vw;font-weight:normal}}.toplink-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40vh;min-height:40px}@media screen and (max-width:768px){.toplink-wrapper{height:auto}}.toplink{text-decoration:none;font-size:32px;font-weight:bold;padding:.75em 1.5em}.toplink:nth-of-type(1){border-right:2px solid #000}@media screen and (max-width:768px){.toplink{width:50%;height:1.5em;margin:0 auto;font-size:5.600000000000001vw;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toplink p{display:block}}.underlink-wrapper{position:fixed;bottom:0;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;background-color:#fff;font-size:14px;margin-bottom:30px;border-top:2px solid #000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.underlink-wrapper{font-size:3.466666666666666vw;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto}}.underlink{text-decoration:none;font-size:24px;font-weight:bold;padding:1em 0;display:block;text-align:center;width:50%}.underlink:nth-of-type(1){border-right:1px solid #000}.underlink:nth-of-type(2){border-left:1px solid #000}@media screen and (max-width:768px){.underlink{margin:0 auto;padding:1.25em 0;font-size:4.8vw;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.underlink p{display:block}}@media screen and (max-width:768px){.section-wrapper{display:block}}.work-titlewrapper{margin-bottom:90px !important}@media screen and (max-width:768px){.work-titlewrapper{margin-bottom:12vw !important}}.works-detail-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f}.works-detail{border:1px solid #2f2f2f;position:relative;height:0;padding-top:calc((8.8 / 16) * 0.33333 * 100%);width:33.33333%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s}@media screen and (max-width:768px){.works-detail{width:100%;padding-top:calc((8.8 / 16) * 100%)}}.works-detail:hover{-webkit-filter:blur(0);filter:blur(0)}.works-img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.works-img img{-o-object-fit:cover;object-fit:cover}.works-text-wrapper{position:absolute;top:0;left:0;right:0;text-align:center;width:100%;height:100%;padding:20px;opacity:0;background-color:rgba(255,255,255,0.6);color:#2f2f2f;-webkit-transition:all ease-in-out .8s;transition:all ease-in-out .8s}.works-text-wrapper:hover{opacity:1}.works-text{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;font-weight:bold}@media screen and (max-width:768px){.works-text{font-size:3.466666666666666vw}}.works-skills{font-size:14px;font-weight:bold}@media screen and (max-width:768px){.works-skills{font-size:3.466666666666666vw;font-weight:normal}}.js-anim-plain{opacity:0;-webkit-transition:opacity .5s cubic-bezier(.55,.055,.675,.19);transition:opacity .5s cubic-bezier(.55,.055,.675,.19)}.js-anim-plain.is-anim{opacity:1}.js-anim-zoomout{opacity:0;-webkit-transform:scale(1.5) translate(0,50px);transform:scale(1.5) translate(0,50px);-webkit-transition:all .7s cubic-bezier(.55,.055,.675,.19);transition:all .7s cubic-bezier(.55,.055,.675,.19)}.js-anim-zoomout.is-anim{opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}.js-anim-zoomin{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:all .7s cubic-bezier(.55,.055,.675,.19);transition:all .7s cubic-bezier(.55,.055,.675,.19)}.js-anim-zoomin.is-anim{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.mainvisual-circle-item:nth-of-type(1) .js-anim-circle path{-webkit-animation-delay:.15s;animation-delay:.15s}.mainvisual-circle-item:nth-of-type(2) .js-anim-circle path{-webkit-animation-delay:.3s;animation-delay:.3s}.mainvisual-circle-item:nth-of-type(3) .js-anim-circle path{-webkit-animation-delay:.45s;animation-delay:.45s}.mainvisual-circle-item:nth-of-type(4) .js-anim-circle path{-webkit-animation-delay:.6s;animation-delay:.6s}.mainvisual-circle path{opacity:0}.js-anim-circle.is-anim .mainvisual-circle path{-webkit-animation:circle 1s forwards;animation:circle 1s forwards}.css-anim-shake01{-webkit-animation:shake01 infinite 1s steps(2);animation:shake01 infinite 1s steps(2)}.css-anim-shake02{-webkit-animation:shake02 infinite 1.4s steps(2);animation:shake02 infinite 1.4s steps(2);-webkit-animation-delay:.1s;animation-delay:.1s}.css-anim-shake03{-webkit-animation:shake03 infinite 1.2s steps(2);animation:shake03 infinite 1.2s steps(2);-webkit-animation-delay:.1s;animation-delay:.1s}.rect01{-webkit-animation:shake04 infinite 1s steps(2);animation:shake04 infinite 1s steps(2);-webkit-animation-delay:.4s;animation-delay:.4s}.rect02{-webkit-animation:shake05 infinite 1.2s steps(2);animation:shake05 infinite 1.2s steps(2);-webkit-animation-delay:.2s;animation-delay:.2s}.css-anim-rotate01{-webkit-animation:rotate01 infinite 1.4s steps(2);animation:rotate01 infinite 1.4s steps(2)}@media screen and (max-width:768px){.css-anim-rotate01{-webkit-animation:none;animation:none}}.css-anim-reflection{position:relative;width:100%;height:100%;overflow:hidden}.css-anim-reflection:before{content:'';position:absolute;top:0;left:0;width:200%;height:100%;z-index:2;background:linear-gradient(130deg,#fff 0%,#fff 50%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 74%,rgba(255,255,255,0.4) 78%,rgba(255,255,255,0.4) 79%,rgba(255,255,255,0) 82%,rgba(255,255,255,0) 100%);-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:shine 4s forwards cubic-bezier(.23,1,.32,1);animation:shine 4s forwards cubic-bezier(.23,1,.32,1);-webkit-animation-delay:.2s;animation-delay:.2s;opacity:1}.css-anim-move01{-webkit-animation:move01 1.4s infinite steps(2);animation:move01 1.4s infinite steps(2)}.css-anim-move02{-webkit-animation:move02 1.6s infinite steps(2);animation:move02 1.6s infinite steps(2);-webkit-animation-delay:.6s;animation-delay:.6s}.css-anim-move03{-webkit-animation:move03 1s infinite steps(2);animation:move03 1s infinite steps(2);-webkit-animation-delay:.3s;animation-delay:.3s}.css-anim-move04{-webkit-animation:move04 .8s infinite steps(2);animation:move04 .8s infinite steps(2);-webkit-animation-delay:.1s;animation-delay:.1s}.css-shatter{position:relative;z-index:1}.css-shatter:after{position:absolute;top:0;right:0;content:'';display:block;background-color:#fff;width:100%;height:100%;z-index:2;-webkit-animation:shatterafter 1.2s forwards ease-in-out;animation:shatterafter 1.2s forwards ease-in-out}.js-fadein.css-shatter:after{-webkit-animation:none;animation:none}.js-fadein.css-shatter.is-visible:after{-webkit-animation:shatterafter 1.2s forwards ease-in-out;animation:shatterafter 1.2s forwards ease-in-out}.css-hover:hover{color:#fff;text-shadow:2px 2px 1px #000,-2px 2px 1px #000,2px -2px 1px #000,-2px -2px 1px #000,2px 0 1px #000,0 2px 1px #000,-2px 0 1px #000,0 -2px 1px #000}.css-line{position:relative}.css-line:after{content:'';width:0;height:2px;background-color:#000;position:absolute;bottom:0;left:0;margin-bottom:-2px;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.css-line:hover:after{width:100%}@media screen and (max-width:768px){.css-line:hover:after{width:0}}.css-line.small:hover:after{height:2px}.css-changecolor{background-color:#fff;color:#2f2f2f;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.css-changecolor:hover{color:#fff;background-color:#2f2f2f}@media screen and (max-width:768px){.css-changecolor:hover{background-color:#fff;color:#2f2f2f}}@-webkit-keyframes circle{0%{stroke-dasharray:0 600;opacity:0}100%{stroke-dasharray:600;opacity:1}}@keyframes circle{0%{stroke-dasharray:0 600;opacity:0}100%{stroke-dasharray:600;opacity:1}}@-webkit-keyframes shake01{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(15px,10px);transform:translate(15px,10px)}}@keyframes shake01{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(15px,10px);transform:translate(15px,10px)}}@-webkit-keyframes shake02{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(12px,17px);transform:translate(12px,17px)}}@keyframes shake02{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(12px,17px);transform:translate(12px,17px)}}@-webkit-keyframes shake03{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}}@keyframes shake03{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}}@-webkit-keyframes shake04{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes shake04{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@-webkit-keyframes shake05{0%{-webkit-transform:rotate(20deg) translate(0,0);transform:rotate(20deg) translate(0,0)}100%{-webkit-transform:rotate(0) translate(5px,-5px);transform:rotate(0) translate(5px,-5px)}}@keyframes shake05{0%{-webkit-transform:rotate(20deg) translate(0,0);transform:rotate(20deg) translate(0,0)}100%{-webkit-transform:rotate(0) translate(5px,-5px);transform:rotate(0) translate(5px,-5px)}}@-webkit-keyframes rotate01{0%{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}100%{-webkit-transform:rotate(-20deg) translate(-5px,15px);transform:rotate(-20deg) translate(-5px,15px)}}@keyframes rotate01{0%{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}100%{-webkit-transform:rotate(-20deg) translate(-5px,15px);transform:rotate(-20deg) translate(-5px,15px)}}@-webkit-keyframes shine{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}100%{-webkit-transform:translateX(-200%);transform:translateX(-200%);opacity:0}}@keyframes shine{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}100%{-webkit-transform:translateX(-200%);transform:translateX(-200%);opacity:0}}@-webkit-keyframes move01{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}}@keyframes move01{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}}@-webkit-keyframes move02{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}}@keyframes move02{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-7px,5px);transform:translate(-7px,5px)}}@-webkit-keyframes move03{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@keyframes move03{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@-webkit-keyframes move04{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(10px,0);transform:translate(10px,0)}}@keyframes move04{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(10px,0);transform:translate(10px,0)}}@-webkit-keyframes shatterafter{0%{width:100%}100%{width:0%}}@keyframes shatterafter{0%{width:100%}100%{width:0%}}@media screen and (max-width:768px){.u-pc-ele{display:none !important}}.u-sp-inline-block{display:none}@media screen and (max-width:768px){.u-sp-inline-block{display:inline-block !important}}.u-sp-inline{display:none}@media screen and (max-width:768px){.u-sp-inline{display:inline !important}}.u-sp-block{display:none !important}@media screen and (max-width:768px){.u-sp-block{display:block !important}}.l-footer{position:fixed;width:100%;bottom:0;left:0;background-color:#2f2f2f;z-index:9999}.l-footer__copyright{text-align:center;font-size:10px;letter-spacing:.01em;line-height:1;color:#fff;padding:1em 0}.footer-nav-list{margin:0 auto;width:710px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.footer-nav-list{width:89.33333333333333vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.footer-nav-item{padding:0 2em;border-left:1px solid #2f2f2f}.footer-nav-item:first-of-type{padding-left:0;border-left:none}@media screen and (max-width:768px){.footer-nav-item:first-of-type{text-align:right;border-right:1px solid #2f2f2f}}.footer-nav-item:last-of-type{padding-right:0}.footer-nav-item:last-of-type:hover{opacity:.7}@media screen and (max-width:768px){.footer-nav-item{width:50%;font-size:3.466666666666666vw;border-left:none;padding:0 1em;margin-bottom:1em}.footer-nav-item:nth-of-type(3){text-align:right;border-right:1px solid #2f2f2f}}.header-wrapper{position:fixed;top:0;left:0;width:100%;padding:10px;background-color:#2f2f2f;z-index:9999;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.header-wrapper{padding:.75em}}a.logo{color:#fff;font-size:20px;letter-spacing:.025em;font-weight:bold;text-decoration:none}@media screen and (max-width:768px){a.logo{font-size:16px}}.menu a{color:#fff;font-size:16px;letter-spacing:.025em;font-weight:bold;text-decoration:none;padding-right:1em}@media screen and (max-width:768px){.menu a{font-size:12px}}.menu a:last-of-type{padding-right:0}.l-inner{width:100%;max-width:1030px;padding:0 15px;margin:0 auto 80px;position:relative;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:768px){.l-inner{width:92vw;padding:0}}.l-contents{text-align:left;width:80%}@media screen and (max-width:768px){.l-contents{width:100%}}