@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}h1{padding:200px 0;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}h1{background-image:url(/img/pc.jpg)}.l_works_content{padding:0 3vw}.l_works_content .article_attention{max-width:1000px;margin:0 auto 48px}@media (max-width: 480px){.l_works_content .article_attention{margin:0 auto 32px}}.l_works_content .content_attention{display:block;width:100%;padding-left:16px;position:relative}.l_works_content .content_attention_kome{position:absolute;top:0;left:0}.l_works_content .article_item{display:flex;width:100%;max-width:1000px;height:400px;margin:0 auto 80px}@media (max-width: 480px){.l_works_content .article_item{flex-wrap:wrap;height:auto;margin:0 auto 32px}}.l_works_content .article_item_img{width:100%;position:relative}@media (max-width: 480px){.l_works_content .article_item_img{height:250px}}.l_works_content .article_item_img_01,.l_works_content .article_item_img_02,.l_works_content .article_item_img_03{position:absolute;width:50%;padding:4px;border-style:solid;border-color:#ccc;display:flex;justify-content:center;align-items:center}.l_works_content .article_item_img_01{height:100%;top:0;left:0;border-width:0 1px 0 0}.l_works_content .article_item_img_02{height:50%;top:0;right:0;border-width:0 0 1px 0}.l_works_content .article_item_img_03{height:50%;bottom:0;right:0;border-width:0}.l_works_content .article_item_img img{width:auto;max-width:100%;height:auto;max-height:100%}@media (max-width: 480px){.l_works_content .article_item_img{margin-bottom:24px}}.l_works_content .article_item_info{width:100%;padding-top:8px;margin-left:32px}@media (max-width: 480px){.l_works_content .article_item_info{margin-left:0}}.l_works_content .article_item_info>li:not(:last-child){margin-bottom:8px}.l_works_content .article_item_info_date{font-weight:bold;color:#ccc}