@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap");@media screen and (min-width:767px){.pconly{display:block}}@media screen and (max-width:768px){.pconly{display:none!important}}@media screen and (min-width:767px){.tabonly{display:none}}@media screen and (max-width:768px){.tabonly{display:block!important}}@media screen and (max-width:480px){.tabonly{display:none!important}}@media screen and (min-width:767px){.tab_sp{display:none}}@media screen and (max-width:768px){.tab_sp{display:block!important}}@media screen and (min-width:767px){.sponly{display:none!important}}@media screen and (max-width:768px){.sponly{display:none!important}}@media screen and (max-width:480px){.sponly{display:block!important}}.flex{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap}.flex-jc-sb{display:flex;justify-content:space-between}.flex-jc-sa{display:flex;justify-content:space-around}.flex-jc-c{display:flex;justify-content:center}.flex-ai-fs{display:flex;align-items:flex-start}.flex-ai-fe{display:flex;align-items:flex-end}.flex-ai-c{display:flex;align-items:center}body{width:100%;height:100%;margin:0;padding:0;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";text-align:justify;font-family:"Avenir Next",Verdana,-apple-system,"Helvetica Neue",Helvetica,"游ゴシック体",YuGothic,Hiragino Sans,"ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Roboto,sans-serif;word-break:break-all;color:#1a1a1a;overflow-x:hidden}#container{width:100%;height:100%;margin-right:auto}.thum_img_area{transition-duration:1.2s}.thum_img_area:hover{transform:scale(1.14);transition-duration:0.4s}.fade_group_works div{content:"";position:fixed;bottom:100vh;left:0;width:100%;height:100vh;pointer-events:none;z-index:9999;background:#1a1a1a;transition:all 1.2s cubic-bezier(0.77,0,0.175,1)}@media screen and (max-width:768px){.fade_group_works div{transition:all 1.2s cubic-bezier(0.77,0,0.175,1)}}body.fo_works .fade_group_works div{bottom:0}.a-f-ttl{opacity:0;transform:translate(0,100%) scale(1);transition:opacity 0.4s cubic-bezier(0.5,0.25,0,1),transform 0.4s cubic-bezier(0.5,0.25,0,1)}.a-f-ttl.scrollin{opacity:1;transform:translate(0,0) scale(1)}.a-f-lead{opacity:0;transform:translate(0,20%) scale(1);transition:opacity 1.4s cubic-bezier(0.5,0.25,0,1),transform 1.4s cubic-bezier(0.5,0.25,0,1)}.a-f-lead.scrollin{opacity:1;transform:translate(0,0) scale(1)}.a-f-content{opacity:0;transform:translate(-100%,0) scale(1);transition:transform 0.8s cubic-bezier(0.5,0.25,0,1)}.a-f-content.scrollin{opacity:1;transform:translate(0,0) scale(1)}.c_header_background{width:100%;height:100px;position:absolute;top:0;background-image:linear-gradient(to bottom,#070d1799 10%,#00000000);z-index:2}header{position:fixed;top:30px;left:16.5%;z-index:100;mix-blend-mode:difference}@media screen and (max-width:768px){header{top:20px;left:7.5%}}header .logo_area{width:200px;margin-right:auto}header .logo_area a{display:block;color:#fafafa;text-decoration:none}header .logo_area a h1{font-size:2rem;font-weight:700;font-family:"Roboto Slab",serif;letter-spacing:0.1rem}@media screen and (max-width:768px){header .logo_area a h1{font-size:1.6rem}}.main_contents{width:100%}nav{width:10%;min-width:80px;background-color:#f5f7f9;position:relative;top:0;left:0;z-index:999}@media screen and (max-width:768px){nav{position:fixed;max-width:100%;width:100%;height:70px;top:auto;bottom:0}}nav .nav_inner{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}nav .nav_inner .menu_area{position:fixed;padding-top:30px;box-sizing:border-box}nav .nav_inner .menu_area ul{display:flex;flex-direction:column;justify-content:space-between}nav .nav_inner .menu_area ul li{margin-bottom:2rem}nav .nav_inner .menu_area ul li a{display:block;text-align:center}nav .nav_inner .menu_area ul li a img{margin-left:auto;margin-right:auto;margin-bottom:0.3rem}nav .nav_inner .menu_area ul li a span{display:block;text-align:center;font-size:0.75rem;font-weight:600;color:#1a1a1a}nav .nav_inner .sns_area{position:fixed;bottom:2.5%}nav .nav_inner .sns_area ul{display:flex;flex-direction:column;justify-content:space-between}nav .nav_inner .sns_area ul li{margin-bottom:1rem}nav .nav_inner .sns_area ul li a{display:block;color:#1a1a1a;text-align:center}nav .nav_inner .sns_area ul li a .fab{font-size:1.6rem}nav .nav_inner_sp{width:100%;height:100%}nav .nav_inner_sp .menu_area{width:100%;height:100%}nav .nav_inner_sp .menu_area ul{width:100%;height:100%;align-items:center}nav .nav_inner_sp .menu_area ul li{width:25%;box-sizing:border-box;padding-left:2.5%;padding-right:2.5%}nav .nav_inner_sp .menu_area ul li a{display:block;text-align:center}nav .nav_inner_sp .menu_area ul li a img{margin-left:auto;margin-right:auto;margin-bottom:0.3rem}nav .nav_inner_sp .menu_area ul li a span{display:block;text-align:center;font-size:3vw;font-weight:600;color:#1a1a1a}.footer{position:relative;width:100%}@media screen and (max-width:768px){.footer{padding-bottom:70px}}.footer .footer_inner{position:absolute;bottom:0;right:5%;margin-bottom:2rem}@media screen and (max-width:768px){.footer .footer_inner{position:relative;right:0;width:85%;margin-right:auto;margin-left:auto;box-sizing:border-box;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;margin-bottom:0}}.footer .footer_inner .sns_area{width:50%}.footer .footer_inner .sns_area ul li{margin-right:1.4rem}.footer .footer_inner .sns_area ul li a{display:block;color:#1a1a1a}.footer .footer_inner .sns_area ul li a .fab{font-size:1.8rem}@media screen and (max-width:768px){.footer .footer_inner .sns_area ul li a .fab{font-size:1.4rem}}.footer .footer_inner .copy{width:20px;position:fixed;bottom:2.5%;right:1.5%;z-index:10}@media screen and (max-width:768px){.footer .footer_inner .copy{width:50%;position:relative;bottom:0;right:0}}.footer .footer_inner .copy .c_container{position:relative;width:20px;margin-left:auto;transform:rotate(180deg);writing-mode:vertical-rl}@media screen and (max-width:768px){.footer .footer_inner .copy .c_container{width:auto;transform:none;writing-mode:inherit}}.footer .footer_inner .copy .c_container p{text-align:right;font-size:0.65rem}