@charset "utf-8";.sp-only{display:block}.pc-only{display:none}:root{--main_color:#36c;--sub_color:#dcdddd;--fonts_color:#434343;--line_height:1.76;--font_size_sp_maintitle:24px;--font_size_sp_subtitle:22px;--font_size_sp_content:14px;--margin_cntering:0 auto}img{max-width:100%}picture{display:block}body{font-family:"Noto Sans JP",sans-serif;font-size:var(--font_size_sp_content)}.alphabet_font{font-family:"Source Code Pro",monospace;font-weight:600}.sub_font{font-family:"Zen Kurenaido",sans-serif;font-weight:400}.about__flex-item a,.works__item--text a{display:block;margin:var(--margin_cntering);width:60%;height:26px;line-height:25px;color:#fff;background-color:var(--main_color);text-align:center;border-radius:13px}.about__flex-item a{width:40%}.header__nav{height:70px;display:flex;align-items:center}.header__title{font-size:var(--font_size_sp_maintitle);margin:var(--margin_cntering)}.header__main-visual{background-color:var(--main_color);height:calc(100vh - 70px);position:relative}.header__main-visual--container{position:absolute;width:86%;top:50%;left:50%;transform:translate(-50%,-50%)}.header__main-visual--container h2{color:#fff;text-align:center;font-size:var(--font_size_sp_subtitle);margin-bottom:36px}.header__main-visual--container picture{display:block;width:40%;margin:var(--margin_cntering)}#about{height:100vh;position:relative}.about__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.about__container h2{font-size:var(--font_size_sp_subtitle);margin-bottom:36px}.about__container picture{width:100px;height:100px;background-color:gray;border-radius:50%;margin:0 auto;margin-bottom:24px;overflow:hidden}.about__container h3{font-weight:700;margin-bottom:24px}.about__container p{line-height:var(--line_height);margin-bottom:24px}#works{background-color:var(--sub_color);padding:60px 0}#works h2{font-size:var(--font_size_sp_subtitle);text-align:center;margin-bottom:60px}.works__container{width:86%;margin:var(--margin_cntering)}.works__item{margin-bottom:60px}.works__item--img picture{width:26%;margin:var(--margin_cntering);margin-bottom:12px}.works__item--text{width:80%;margin:var(--margin_cntering);text-align:center}.works__item--text h3{font-weight:600;margin-bottom:24px;font-size:16px;color:var(--main_color)}.works__item--text p{line-height:var(--line_height);margin-bottom:12px}.works__item--text a{display:block;margin:var(--margin_cntering);width:60%;height:26px;line-height:25px;color:#fff;background-color:var(--main_color);text-align:center;border-radius:13px}.test{color:var(--main_color);margin:var(--margin_cntering)}#production{padding:60px 0}#production h2{font-size:var(--font_size_sp_subtitle);text-align:center;margin-bottom:60px}.production__container{width:86%;margin:var(--margin_cntering)}.production__item{width:90%;margin:var(--margin_cntering);margin-bottom:36px}.production__item picture{width:60%;aspect-ratio:1/1;margin:0 auto 20px;background-color:var(--fonts_color);border-radius:50%}.production__item h3{font-size:18px;font-weight:700;text-align:center;margin-bottom:8px}.production__item p{line-height:var(--line_height)}#team{background-color:var(--sub_color);padding:60px 0}#team h2{font-size:var(--font_size_sp_subtitle);text-align:center;margin-bottom:60px}#contact{padding:60px 0}#contact h2{font-size:var(--font_size_sp_subtitle);text-align:center;margin-bottom:60px}.contact__form{width:90%;margin:0 auto}.contact__box{position:relative;margin-bottom:40px}.contact__box h3{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.contact__box input{width:100%;border-bottom:1px solid #545454;padding:8px 8px 8px 60px}.contact__box textarea{width:100%;height:120px;padding:30px 8px 8px;border-bottom:1px solid #545454}.contact__comment.contact__box h3{top:8px}.btn-check{width:120px;height:40px;background-color:var(--main_color);color:#fff;margin:var(--margin_cntering);display:flex;align-items:center;justify-content:center}footer{width:100%;height:100px;display:flex;justify-content:center;align-items:center;background-color:var(--main_color);color:#fff;font-size:18px}.error-message{padding-top:6px;color:red;font-size:.9em}#thanks{min-height:70vh;padding:60px 0}.back-to-top{display:block;background-color:var(--main_color);color:#fff;width:200px;text-align:center;height:35px;line-height:35px;margin:32px auto}#udemy{padding:100px 0}#udemy h2{text-align:center;font-size:var(--font_size_sp_subtitle);font-weight:700;margin-bottom:40px}h2.page-title{position:relative}h2.page-title:before{position:absolute;content:"";bottom:-14px;left:50%;transform:translateX(-50%);width:80px;height:2px;border-radius:1px;background-color:var(--main_color)}.about-udemy-container{width:90%;margin:0 auto;margin-bottom:32px}.about-udemy-container h3{background-color:var(--main_color);color:#fff;display:flex;justify-content:center;align-items:center;font-size:var(--font_size_sp_content);height:34px;position:relative}.about-udemy-container h3:before{position:absolute;content:'';top:50%;right:20px;width:20px;height:20px;transform:translateY(-50%);background-image:url(//webtribe.org/wp-site/wp-content/themes/webtribe/img/touch.png);background-size:cover;background-repeat:no-repeat}.about-udemy-container p{padding:20px;border:1px solid var(--main_color)}#about-udemy-content{display:none}