﻿@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/keyboard.jpg)}.page_about h2{font-size:3rem;margin-bottom:32px}@media (max-width: 480px){.page_about h2{font-size:2rem;margin-bottom:24px}}.page_about h2 .cmn_icon{margin-right:16px}.page_about_paragraph{line-height:1.5;text-align:justify}.l_profile,.l_vision,.l_business{max-width:1000px;padding:0 3vw 72px;margin:0 auto}@media (max-width: 480px){.l_profile,.l_vision,.l_business{padding:0 3vw 32px}}.profile_content{display:flex;flex-wrap:wrap}.profile_content_img{width:200px}@media (max-width: 480px){.profile_content_img{width:50%;margin:0 auto 16px}}.profile_content_txt{width:calc(100% - 200px);padding-left:32px}@media (max-width: 480px){.profile_content_txt{width:100%;padding-left:0}}.profile_content_txt_definition_list{display:flex;flex-wrap:wrap;word-break:break-all}.profile_content_txt_definition_list_title{width:100%}.profile_content_txt_definition_list_paragraph{width:100%;margin-left:16px}.profile_content_txt_definition_list_key{width:100px;margin-left:16px;color:#ccc}.profile_content_txt_definition_list_exp{width:calc(100% - 100px - 16px)}.profile_content_txt p{margin-bottom:24px}@media (max-width: 480px){.profile_content_txt p{margin-bottom:16px}}.vision_content_main{font-size:2rem;font-weight:bold}@media (max-width: 480px){.vision_content_main{font-size:1.5rem}}.vision_content p{margin-bottom:24px}@media (max-width: 480px){.vision_content p{margin-bottom:16px}}.business_content_txt{margin-bottom:48px}@media (max-width: 480px){.business_content_txt{margin-bottom:24px}}.business_content_web_title{position:relative;font-size:2rem;padding-left:16px;margin-bottom:16px}@media (max-width: 480px){.business_content_web_title{font-size:1.5rem}}.business_content_web_title::before{content:'';display:inline-block;width:4px;height:70%;background-color:#333;position:absolute;top:0;left:0;bottom:0;margin:auto}.business_content_web_txt{margin-bottom:40px}@media (max-width: 480px){.business_content_web_txt{margin-bottom:16px}}.business_content_web_description{display:flex}@media (max-width: 480px){.business_content_web_description{flex-wrap:wrap}}.business_content_web_description_item{width:100%;padding:16px 0;text-align:center}.business_content_web_description_item:not(:first-child){border-left:1px solid #333}@media (max-width: 480px){.business_content_web_description_item:not(:first-child){border-left:none;border-top:1px solid #333}}.business_content_web_description_item_title{font-size:1.5rem;margin-bottom:24px}.business_content_web_description_item_icon{margin-bottom:24px}.business_content_web_description_item_icon_circle{display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:4rem;color:#fff;width:8rem;height:8rem;border-radius:4rem}@media (max-width: 480px){.business_content_web_description_item_icon_circle{font-size:2rem;width:4rem;height:4rem}}.business_content_web_description_item_icon_circle.is_planing{background-color:#f08080}.business_content_web_description_item_icon_circle.is_coding{background-color:#ffa500}.business_content_web_description_item_icon_circle.is_system{background-color:#4682b4}.business_content_web_description_item_txt{font-size:1.1rem;line-height:1.5}
