@font-face{font-family:'Noto Sans JP';src:url("/fonts/Noto_Sans_JP/NotoSansJP-Regular.woff") format("woff")}@font-face{font-family:'Noto Sans JP Bold';src:url("/fonts/Noto_Sans_JP/NotoSansJP-Bold.woff") format("woff")}@font-face{font-family:'Baloo Bhai';src:url("/fonts/Baloo_Bhai/BalooBhai-Regular.ttf")}@font-face{font-family:'FontAwesome';src:url("/fonts/font_awesome/fa-solid-900.ttf")}@keyframes spinner{0%{transform:rotate(0)}90%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes scrolldown{0%{color:#333}50%{color:#ff8c00}100%{color:#333}}@keyframes spring-x-left{0%{transform:translateX(0%)}80%{transform:translateX(-20%)}100%{transform:translateX(0%)}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:14px;color:#333;letter-spacing:.01em;-webkit-overflow-scrolling:touch}body{width:100%}a,a:link,a:visited{color:#333;text-decoration:none;transition:all .3s}a::before,a::after,a:link::before,a:link::after,a:visited::before,a:visited::after{transition:all .3s}i{font-style:normal}img{width:100%}small{font-size:13px}h1{font-size:4rem;text-align:center;letter-spacing:.05em}@media (max-width: 480px){h1{font-size:1.9rem}}ul,ol{list-style-type:none}input,textarea,select,button{border:1px solid #ccc;background-color:#fff}.cmn_loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(255,255,255,0.9);position:fixed;top:0;left:0;z-index:1000000}.cmn_loading_icon{font-size:3rem;color:#ff8c00;animation:spinner 1s ease-in-out infinite}.cmn_loading.is_none{display:none}.globalheader{width:100%;height:80px;position:absolute;z-index:100}.globalheader .logo{height:100%;position:absolute;top:0;left:3vw}.globalheader .logo a{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:8px;font-family:"Baloo Bhai","Lobster","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:3rem;background-color:#333;color:#fff;position:absolute;top:0;bottom:0;margin:auto}.globalheader .logo a::before{content:attr(title)}.globalheader nav{width:50px;height:100%;padding:inherit;position:absolute;top:0;right:3vw}.globalheader nav .hamburger{display:flex;flex-wrap:wrap;align-items:center;align-content:center;width:100%;height:100%;padding:inherit;position:absolute;top:0;right:0;cursor:pointer}.globalheader nav .hamburger:hover .line:first-child{transform:translateY(-5px) scale(1.1, 1.1)}.globalheader nav .hamburger:hover .line:last-child{transform:translateY(5px) scale(1.1, 1.1)}.globalheader nav .hamburger.is_show .line:first-child{transform:translateY(10px) rotate(45deg)}.globalheader nav .hamburger.is_show .line:nth-child(2){visibility:hidden}.globalheader nav .hamburger.is_show .line:last-child{transform:translateY(-10px) rotate(-45deg)}.globalheader nav .hamburger.is_show+ul{width:calc(100vw - 3vw);padding-right:8px}.globalheader nav .hamburger .line{display:inline-block;width:100%;height:2px;background-color:#333;transition:all .3s}.globalheader nav .hamburger .line:not(:last-child){margin-bottom:8px}.globalheader nav ul{width:0;height:200px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;transition:all .3s;background-color:#333;position:absolute;top:80px;right:0;overflow:hidden}.globalheader nav ul li{font-size:1.7rem;width:100%;text-align:right;position:relative}.globalheader nav ul li::after{content:'';display:inline-block;width:0;height:0;border-bottom:1px solid #fff;position:absolute;bottom:0;right:0;transition:all .3s;z-index:0}.globalheader nav ul li:hover::after{width:100%}.globalheader nav ul li.is_selected::after{width:100%}.globalheader nav ul li a{display:block;color:#fff}@media (max-width: 480px){.globalheader nav ul li{font-size:1.5rem}.globalheader nav ul li:hover::after{width:0}}.globalheader.is_hide a{display:block;width:0;overflow:hidden}.globalfooter{margin-top:24px;padding:24px 3vw 24px;background-color:#333;color:#fff}.globalfooter_nav_list{display:flex;margin-bottom:16px}.globalfooter_nav_list_item{width:96px}.globalfooter_nav_list_item a{color:#fff;display:block;padding-left:8px;margin:0 0 8px 8px;position:relative}.globalfooter_nav_list_item a:not(:first-child){font-size:13px}.globalfooter_nav_list_item a::before{content:'';display:inline-block;width:0;height:100%;border-bottom:1px solid #fff;position:absolute;top:0;left:0;transition:all .3s}.globalfooter_nav_list_item a:hover::before{width:100%}@media (max-width: 480px){.globalfooter_nav_list_item a{padding-left:0px}}.globalfooter .copy{text-align:right}.cmn_heading01{font-size:3rem;text-align:center;letter-spacing:.05em;margin-bottom:48px}@media (max-width: 480px){.cmn_heading01{font-size:2.5rem;margin-bottom:24px}}.cmn_btn01{display:inline-block;font-size:.8rem;width:20vw;height:5vw;max-width:200px;max-height:50px;min-width:160px;min-height:40px}.cmn_btn01 a{display:flex;justify-content:center;align-items:center;height:100%;border:2px solid #333;position:relative}.cmn_btn01 a::after{content:'';width:10px;height:10px;border-right:2px solid #333;border-bottom:2px solid #333;position:absolute;top:0;bottom:0;right:10%;margin:auto;transform:rotate(-45deg) skew(calc((90deg - 30deg) / 2), calc((90deg - 30deg) / 2))}.cmn_btn01:hover a{background-color:#333;border:2px solid #333;color:#fff}.cmn_btn01:hover a::after{border-color:#fff}.cmn_paragraph01{line-height:2}@media (max-width: 480px){.cmn_paragraph01{line-height:1.7}}.back_to_home{padding:72px 0;text-align:center}@media (max-width: 480px){.back_to_home{padding:36px 0}}.cmn_icon{display:inline-block;font-family:FontAwesome;background-size:contain;background-position:center;background-repeat:no-repeat}.cmn_icon.is_profile::before{content:'\f2bb'}.cmn_icon.is_vision::before{content:'\f5dc'}.cmn_icon.is_business::before{content:'\f0b1'}.cmn_icon.is_heart::before{content:'\f4be'}.cmn_icon.is_coding::before{content:'\f126'}.cmn_icon.is_network::before{content:'\f6ff'}.cmn_icon.is_spinner::before{content:'\f110'}.cmn_icon.is_chevron-down::before{content:'\f078'}.cmn_icon.is_facebook{width:1rem;height:1rem;background-image:url(/img/common/sns/logo_facebook.png)}.cmn_icon.is_twitter{width:1rem;height:1rem;background-image:url(/img/common/sns/logo_twitter.png)}.cmn_icon.is_instagram{width:1rem;height:1rem;background-image:url(/img/common/sns/logo_instagram.png)}.cmn_icon.is_github{width:1rem;height:1rem;background-image:url(/img/common/sns/logo_github.png)}.cmn_icon.is_qiita{width:1rem;height:1rem;background-image:url(/img/common/sns/logo_qiita.png)}.cmn_opening{opacity:0;transition:opacity 0.3s ease-in-out}.cmn_opening.is_show{opacity:1}.home_main .heading{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;height:100vh;position:relative}.home_main .heading h1{font-family:'Noto Sans JP Bold', sans-serif}.home_main .heading_scrolldown{width:3rem;position:absolute;left:0;bottom:0;right:0;margin:auto}@media (max-width: 480px){.home_main .heading_scrolldown{width:2rem}}.home_main .heading .cmn_icon{font-size:3rem;position:absolute;animation:scrolldown 1s steps(1) infinite;width:100%;text-align:center}@media (max-width: 480px){.home_main .heading .cmn_icon{font-size:2rem}}.home_main .heading .cmn_icon::before{display:inline-block;width:100%}.home_main .heading .cmn_icon.is_top{bottom:32px}@media (max-width: 480px){.home_main .heading .cmn_icon.is_top{bottom:16px}}.home_main .heading .cmn_icon.is_middle{bottom:16px;animation-delay:0.5s}@media (max-width: 480px){.home_main .heading .cmn_icon.is_middle{bottom:8px}}.home_main .heading .cmn_icon.is_bottom{bottom:0;animation-delay:0.6s}.home_main article{margin:240px 0;padding:0 3vw}@media (max-width: 480px){.home_main article{padding:48px 3vw 0}}.home_main article h2{color:#ccc;position:relative}.home_main article h2::before,.home_main article h2::after{content:'';position:absolute;left:0;right:0;margin:auto;width:30px;height:2px;background-color:#ff8c00}.home_main article h2::before{top:0}.home_main article h2::after{bottom:0}.home_main article .article_btn{text-align:center}.about_contents{display:flex;justify-content:center;margin-bottom:48px}@media (max-width: 480px){.about_contents{flex-wrap:wrap;margin-bottom:24px}}.about_img,.about_list{width:100%}.about_img{font-size:0;padding-left:3rem;padding-right:1.5rem;text-align:right}@media (max-width: 480px){.about_img{padding-left:0;padding-right:0;margin-bottom:24px;text-align:center}}.about_img img{width:auto;height:200px}@media (max-width: 480px){.about_img img{height:130px}}.about_list{padding-left:1.5rem;padding-right:3rem}@media (max-width: 480px){.about_list{padding-left:0;padding-right:0}}.about_list_item{font-size:2rem}@media (max-width: 480px){.about_list_item{font-size:1.5rem;width:200px;margin:0 auto}}.about_list_item:not(:last-child){margin-bottom:16px}@media (max-width: 480px){.about_list_item:not(:last-child){margin-bottom:8px}}.about_list_item_icon{margin-right:16px}.works_contents{margin-bottom:48px;padding:0 7vw}.works_list{display:flex;flex-wrap:wrap;max-width:880px;margin:0 auto}.works_list_item{width:30%}.works_list_item:not(:first-child){margin-left:5%}.works_list_item>a{display:block}.works_list_item>a:hover{opacity:.7}.works_list_item_img{margin-bottom:8px;width:100%;height:120px;overflow:hidden}@media (max-width: 480px){.works_list_item_img{height:80px}}.works_list_item_txt{position:relative}.works_list_item_txt_title{margin-bottom:16px}.works_list_item_txt_explain{height:64px;overflow:hidden}@media (max-width: 480px){.works_list_item_txt_explain{height:80px}}.works_list_item_txt_explain>br{display:none}.works_list_item_txt::after{content:'...';width:30px;text-align:center;background-color:#fff;position:absolute;bottom:0;right:0}.works_note{text-align:center}.contact p{margin-bottom:24px;text-align:center}@media (max-width: 480px){.contact p{margin-bottom:16px}}.contact_sns{margin-top:32px}.contact_sns_list{display:flex;justify-content:center}.contact_sns_list>li:not(:last-child){margin-right:3rem}@media (max-width: 480px){.contact_sns_list>li:not(:last-child){margin-right:1.5rem}}.contact_sns_list>li .cmn_icon{width:3rem;height:3rem}@media (max-width: 480px){.contact_sns_list>li .cmn_icon{width:2rem;height:2rem}}