﻿@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}.l_contact_form h1{padding:152px 0 0}.l_contact_form .body{padding:70px 3vw;padding-top:0}.l_contact_form .body p{text-align:center}@media (max-width: 480px){.l_contact_form .body{padding:70px 7vw;padding-top:0}}.l_contact_form form{text-align:left;max-width:700px;margin:50px auto 0}.l_contact_form form .form_item:not(:last-child){margin-bottom:30px}.l_contact_form form .form_item.is_submit{text-align:center}.l_contact_form form .form_item_name{padding-left:5px;margin-bottom:10px;border-left:3px solid #333}.l_contact_form form input[type=text],.l_contact_form form input[type=email],.l_contact_form form textarea{font-size:1.3rem;width:100%;padding:5px 10px}.l_contact_form form input[type=radio]{width:20px;height:20px;margin-right:10px;vertical-align:middle}.l_contact_form form input[type=radio]+label{font-size:1.3rem;margin-right:30px;vertical-align:middle}.l_contact_form form select{font-size:1.3rem;width:200px;height:40px}.l_contact_form form textarea{resize:none}.l_contact_form form button[type=submit]{font-size:1.3rem;width:100px;height:40px;border-radius:20px;background-color:#ccc;transition:all .3s;cursor:pointer}.l_contact_form form button[type=submit].is_disabled{cursor:default}.l_contact_form form button[type=submit]:not(.is_disabled):hover{background-color:#333;border:1px solid #333;color:#fff}.l_contact_form form .is_invalid{border:1px solid red}.l_contact_form form .is_disabled{opacity:.3}.l_contact_form form .is_required{position:relative}.l_contact_form form .is_required::after{content:'必須';display:inline-block;padding:2px;color:#f00;border:1px solid #f00}.l_contact_form form input:focus,.l_contact_form form select:focus,.l_contact_form form button:focus,.l_contact_form form textarea:focus{outline:0}.sns_wrap{display:flex;position:fixed;bottom:56px;right:0}.sns_btn{box-sizing:content-box;width:3rem;padding:0 16px}.sns_btn .prev,.sns_btn .next{font-family:FontAwesome;display:inline-block;height:3rem;font-size:3rem;position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;color:#ff8c00;visibility:hidden}@media (min-width: 960px){.sns_btn .prev,.sns_btn .next{animation:spring-x-left 1s ease-in-out infinite}}.sns_btn .prev.is_active,.sns_btn .next.is_active{visibility:visible}.sns_btn .prev::before{content:'\f0a8'}.sns_btn .next::before{content:'\f0a9'}.sns_contents{overflow:hidden;width:0;font-size:0;box-sizing:content-box;transition:all .3s}@media (max-width: 480px){.sns_contents{padding:8px 0;border-radius:40px 0 0 40px;background-color:#ff8c00}}.sns_contents.is_open{width:calc(3rem * 5 + 8px * 5)}@media (max-width: 480px){.sns_contents.is_open{width:calc(2rem * 5 + 8px * 5);padding-left:16px}}.sns_contents_list{display:flex}.sns_contents_list li{margin-right:8px}.sns_contents_list .cmn_icon{width:3rem;height:3rem}@media (max-width: 480px){.sns_contents_list .cmn_icon{width:2rem;height:2rem}}
