@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{color:#333;text-decoration:none}a:focus{outline:none}button{cursor:pointer}button:focus{outline:none}:root{font-size:62.5%}strong{font-weight:bold}body{width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll;-webkit-text-size-adjust:100%;line-height:1.8;letter-spacing:0.08em;color:#2b2b2b;box-sizing:border-box;scrollbar-width:none;height:calc(var(--vh) * 100)}body::-webkit-scrollbar{display:none}@media only screen and (min-width: 1024px){body{background:url(../../assets/images/bg.jpg) no-repeat center left;background-size:cover;background-attachment:fixed}}body.open{overflow:hidden}header,footer{width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:500}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:bottom;max-width:100%}body{font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","Noto Sans JP","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;font-weight:500;font-style:normal}.breadcrumbs [property="itemListElement"],main #main_body #project .project_content h3 span{font-size:1.4rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.breadcrumbs [property="itemListElement"],main #main_body #project .project_content h3 span{font-size:1.4rem}}@media only screen and (max-width: 767px){.breadcrumbs [property="itemListElement"],main #main_body #project .project_content h3 span{font-size:1.2rem}}body{font-size:1.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){body{font-size:1.4rem}}@media only screen and (max-width: 767px){body{font-size:1.4rem}}main #main_body #concept .links a.about{font-size:1.8rem}@media only screen and (min-width: 767px) and (max-width: 1024px){main #main_body #concept .links a.about{font-size:1.6rem}}@media only screen and (max-width: 767px){main #main_body #concept .links a.about{font-size:1.5rem}}main #main_body #project .project_content h2{font-size:2rem}@media only screen and (min-width: 767px) and (max-width: 1024px){main #main_body #project .project_content h2{font-size:1.8rem}}@media only screen and (max-width: 767px){main #main_body #project .project_content h2{font-size:1.6rem}}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}@media only screen and (max-width: 767px){.container{padding:0 8vw;box-sizing:border-box}}.pc{display:none}@media only screen and (min-width: 1024px){.pc{display:block}}.sp{display:block}@media only screen and (min-width: 1024px){.sp{display:none}}.flex{display:flex;flex-wrap:wrap}.flex.between{justify-content:space-between}.flex.al_center{align-items:center}@media only screen and (max-width: 767px){.flex.break{flex-direction:column}}@media only screen and (max-width: 767px){.flex.break_r{flex-direction:column-reverse}}.breadcrumbs{background:#FFF;margin-top:3px}.breadcrumbs .container{display:flex;align-items:center;flex-wrap:wrap}.breadcrumbs [property="itemListElement"]{padding-right:10px}.breadcrumbs [property="itemListElement"]>a{text-decoration:underline}.breadcrumbs [property="itemListElement"]:not(:first-of-type){padding-left:10px;position:relative}.breadcrumbs [property="itemListElement"]:not(:first-of-type)::after{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:1px;height:55%;background:#DDD}.wp-pagenavi{display:flex;align-items:center;justify-content:center;margin-top:40px}@media print, screen and (min-width: 767px){.wp-pagenavi{margin-top:90px}}.wp-pagenavi .pages{display:none}.wp-pagenavi>*{margin:0 10px;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:none}.wp-pagenavi>*.page{background:#f4f4f4;width:40px;height:40px}.wp-pagenavi>*.current{padding:10px 15px;color:#FFF}.wp-pagenavi>*.previouspostslink{width:40px;height:40px;background:url(../../assets/images/common/pager_prev.svg) no-repeat center;background-size:6px;color:transparent}.wp-pagenavi>*.nextpostslink{width:40px;height:40px;background:url(../../assets/images/common/pager_next.svg) no-repeat center;background-size:6px;color:transparent}@media only screen and (max-width: 767px){.fixed .side.link_btns{display:none}}.side.link_btns{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 1024px){.side.link_btns{flex-direction:column;align-items:flex-end;justify-content:center;position:fixed;top:0;right:0;bottom:0;z-index:10}}.side.link_btns li{width:48%}@media only screen and (min-width: 1024px){.side.link_btns li{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}.side.link_btns li a{color:#FFF;display:flex;align-items:center;justify-content:center;padding:10px}@media only screen and (min-width: 1024px){.side.link_btns li a{min-height:180px}}.side.link_btns li a svg{margin-right:10px}@media only screen and (min-width: 1024px){.side.link_btns li a svg{margin-right:0;margin-bottom:10px}}.side.link_btns li a svg path{fill:#FFF}@media only screen and (min-width: 1024px){.side.link_btns li:last-of-type{margin-top:10px}}.fade,.fade .fade_child{opacity:0}.fade.fade_in,.fade .fade_in.fade_child{-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 800ms;transition:all 800ms}.fade.fade_in.visible,.fade .fade_in.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_top,.fade .slide_top.fade_child{-webkit-transform:translate(0, -80px);transform:translate(0, -80px);-webkit-transition:all 800ms;transition:all 800ms}.fade.slide_top.visible,.fade .slide_top.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_bottom,.fade .slide_bottom.fade_child{-webkit-transform:translate(0, 80px);transform:translate(0, 80px);-webkit-transition:all 800ms;transition:all 800ms}.fade.slide_bottom.visible,.fade .slide_bottom.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_right,.fade .slide_right.fade_child{-webkit-transform:translate(80px, 0);transform:translate(80px, 0);-webkit-transition:all 800ms;transition:all 800ms}.fade.slide_right.visible,.fade .slide_right.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_left,.fade .slide_left.fade_child{-webkit-transform:translate(-80px, 0);transform:translate(-80px, 0);-webkit-transition:all 800ms;transition:all 800ms}.fade.slide_left.visible,.fade .slide_left.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}@keyframes scroll-hint-appear{0%{transform:translateX(-40px);opacity:0}10%{opacity:1}100%,50%{transform:translateX(40px);opacity:0}}@keyframes bg{0%{opacity:0;transform:scaleX(0) translateX(-5%)}30%{transform:scaleX(1) translateX(0)}100%{transform:scaleX(1) translateX(0)}30%,100%{opacity:1}}header{position:static;top:0;left:0;width:100%}@media only screen and (min-width: 1024px){header{position:fixed;top:0;left:0;background:#FFF;z-index:999;padding:25px;box-sizing:border-box}}header #gnavi{display:none}@media only screen and (min-width: 1024px){header #gnavi{display:flex;justify-content:flex-end}}header #gnavi li{font-size:1.3rem;position:relative;margin-left:19px;padding-left:20px;line-height:1.0}@media only screen and (min-width: 1024px){header #gnavi li{font-size:1.5rem}}header #gnavi li a{transition:0.3s}header #gnavi li a:hover{border-bottom:1px solid #333}header #sp_menu{opacity:0;pointer-events:none;position:fixed;top:0;left:0;z-index:99;background:rgba(35,24,21,0.7);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}header #sp_menu.open{pointer-events:all;opacity:1}header #sp_menu li{margin:20px 0;text-align:center}header #sp_menu li a{color:#FFF;font-weight:bold}#navToggle{position:fixed;top:0;right:0;z-index:999;cursor:pointer;width:50px;height:50px}@media only screen and (min-width: 1024px){#navToggle{display:none}}#navToggle span{display:block;position:absolute;left:0;right:0;width:50%;height:2px;margin:auto;border-radius:10px;-webkit-transition:0.25s ease-in-out;transition:0.25s ease-in-out;background:#000}#navToggle span:nth-of-type(1){top:42%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(1){top:42%}}#navToggle span:nth-of-type(2){top:58%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(2){top:58%}}#navToggle span:nth-of-type(3){top:74%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(3){top:74%}}#navToggle.active{background:transparent}#navToggle.active span{top:50%;background:#FFF}#navToggle.active span:nth-of-type(1){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#navToggle.active span:nth-of-type(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}#navToggle.active span:nth-of-type(3){opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}main{position:relative;height:100vh}main #logo_pc{position:fixed;top:14%;left:5%}main #logo_pc img{width:200px}main #main_body{width:100%}@media only screen and (min-width: 1024px){main #main_body{width:460px;float:right;margin-right:100px;padding-top:65px}}main #main_body .fulsize{height:100vh}@media only screen and (min-width: 1024px){main #main_body .fulsize{height:calc(100vh - 65px)}}main #main_body #top{background:url(../../assets/images/bg_sp.jpg) no-repeat center bottom;background-size:cover}main #main_body #top #logo_sp{transition:0.7s;position:absolute;top:70px;left:0;right:0;display:flex;align-items:center;justify-content:center;opacity:0}main #main_body #top #logo_sp img{display:block;width:50%}@media only screen and (min-width: 1024px){main #main_body #top #logo_sp{display:none}}main #main_body #top #scroll_arrow{position:absolute;left:0;right:0;bottom:calc(var(--vh) * 20);width:10vw;margin:auto;transform:rotate(90deg);opacity:0;transition:0.3s}main #main_body #concept{position:relative;width:100%;overflow:hidden;text-align:center;color:#FFF;display:flex;align-items:center;justify-content:center;flex-direction:column}main #main_body #concept .video{position:absolute;top:0;left:50%;transform:translate(-50%, 0%);height:100%;min-height:100%;min-width:100%}@media only screen and (min-width: 1024px){main #main_body #concept .video{width:170vw;height:73vw}}main #main_body #concept ul{margin-top:-80px}main #main_body #concept ul li{-webkit-transition:all 2000ms;transition:all 2000ms}main #main_body #concept ul li:not(:first-of-type){margin-top:15px}main #main_body #concept .links{width:100%;position:absolute;bottom:30px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}main #main_body #concept .links a{display:inline-block;color:#FFF;line-height:1.2;font-weight:bold}main #main_body #concept .links a.main_story{font-size:2.8rem;padding:3px 43px 7px 0;background:url(../../assets/images/icon_play.svg) no-repeat right center;background-size:35px}@media print, screen and (min-width: 767px){main #main_body #concept .links a.main_story{font-size:3.4rem}}main #main_body #concept .links a.about{margin-top:10px;color:#92a2b4;padding:6px 10px;background:#FFF}main #main_body #project{position:relative;width:100%;height:auto;overflow:hidden;text-align:center;color:#FFF}main #main_body #project .video{position:absolute;top:0;left:50%;transform:translate(-50%, 0%);height:100%;min-height:100%;min-width:100%}@media only screen and (min-width: 1024px){main #main_body #project .video{width:170vw;height:73vw}}main #main_body #project .project_content{position:relative;z-index:2;padding:80px 0;color:#FFF;text-align:center}main #main_body #project .project_content .fade,main #main_body #project .project_content .fade .fade_child,.fade main #main_body #project .project_content .fade_child{-webkit-transition:all 2000ms;transition:all 2000ms}main #main_body #project .project_content h3 span{border:1px solid #FFF;padding:6px 10px}main #main_body #project .project_content h2{margin-top:30px}main #main_body #project .project_content p{margin-top:30px}main #main_body #project .project_content p span{display:block;margin-top:0.8em}main #main_body #student{position:relative;overflow:hidden}main #main_body #student #modal{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;margin:auto;width:80%;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(34,23,20,0.7);border:2px solid #FFF;border-radius:10px;opacity:0;transition:0.3s;pointer-events:none}main #main_body #student #modal.open{opacity:1;pointer-events:all}main #main_body #student #modal #close{width:40px;position:absolute;top:-17px;right:-16px;cursor:pointer}main #main_body #student #modal p{text-align:center;color:#FFF;font-weight:bold;line-height:2.2}main #main_body #student #modal .scroll_hint{margin-top:20px;text-align:center;animation:scroll-hint-appear 2.4s linear;animation-iteration-count:infinite}main #main_body #student #modal .scroll_hint img{max-width:82px}main #main_body #student .student_wrap{height:100%;font-size:1.6rem}main #main_body #student .student_wrap .student_single img{width:100%;height:100%;object-fit:cover;object-position:top}main #main_body #student .student_wrap .student_single .name{color:#FFF;position:absolute;right:20px;text-align:right;top:10%}main #main_body #student .student_wrap .student_single .hash_tag{position:absolute;left:20px;bottom:11%;font-size:1.6rem}main #main_body #student .student_wrap .student_single .hash_tag li{margin-top:6px;line-height:1.0}main #main_body #student .student_wrap .student_single .hash_tag li span{display:inline-block;padding:2px 5px;color:#FFF;position:relative}main #main_body #student .student_wrap .student_single .hash_tag li span i{position:relative;z-index:1;opacity:0;transition:0.3s;transition-timing-function:cubic-bezier(0.94, 0.01, 0.53, 1.29);display:block;width:0;overflow:hidden;height:1em}main #main_body #student .student_wrap .student_single .hash_tag li.on span::before{animation:bg 2s cubic-bezier(0.22, 1, 0.36, 1) forwards;background:#333;content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transform-origin:left center}main #main_body #student .student_wrap .student_single .hash_tag li.on span i{opacity:1;width:100%}#student_links{position:absolute;width:100%;bottom:0;left:0;z-index:1;background:rgba(35,24,21,0.4);padding:14px 0;justify-content:center}#student_links a{line-height:1.0;margin:0 10px}#student_links a[href="none"]{display:none;pointer-events:none}#student_links a img{height:20px}.swiper-button-next:after,.swiper-button-prev:after{bottom:0;content:none;height:0;margin:auto;position:absolute;top:0;width:0}.swiper-button-next,.swiper-button-prev{opacity:0;pointer-events:none}@media only screen and (min-width: 1024px){.swiper-button-next,.swiper-button-prev{opacity:1;pointer-events:all}}