﻿html{scroll-behavior:smooth}body{font-family:"Noto Sans JP", sans-serif;font-size:16px;letter-spacing:0.05em;color:#6b6b6b;text-align:center}h2{font-size:28px;padding:0 0 10px;letter-spacing:0.3em}_::-webkit-full-page-media,_:future,:root .safari{margin-top:135px}@media only screen and (max-width:794px){_::-webkit-full-page-media,_:future,:root .safari{margin-top:70px}}h3{font-size:24px;line-height:2em}p{padding:10px 0}.wrap{width:72%;margin:auto}@media only screen and (max-width:1152px){.wrap{width:85%}}@media only screen and (max-width:794px){.wrap{width:90%}}section{padding:40px 0;text-align:center}section a:hover{color:#919191}.page_desc{margin:30px 0}.anchor::before{display:block;padding-top:180px;margin-top:-180px;content:"";width:1px}@media only screen and (max-width:794px){.anchor::before{padding-top:80px;margin-top:-80px}}a{transition:0.2s}a:hover{transition:0.2s}a:hover img{transition:0.2s}a img{transition:0.2s}.page_en{font-size:16px;letter-spacing:0.03em;line-height:1.7em}.nav_logo{width:110px;height:auto}#lang_header{background-color:#80c050;text-align:right;padding:0 20px;height:28px}@media only screen and (max-width:794px){#lang_header{display:none}}#lang_header li{font-size:12px;font-weight:bold;color:#fff;display:inline;line-height:2.3em;padding:10px}#main_menu{background-color:#fff;padding:20px 0}@media only screen and (max-width:794px){#main_menu{display:none}}#main_menu ul{display:flex;justify-content:center}#main_menu ul li{font-size:15px;font-weight:bold;color:#80c050;display:inline;padding:0 22px 0 0}#main_menu ul li:not(#center_nav){width:125px;padding:30px 22px 0 0;letter-spacing:3px}#main_menu ul li#right_nav{padding:30px 0 0 0;width:103px;letter-spacing:1px}#main_menu ul li#center_nav{padding:7px 22px 0 0}#main_menu ul li a{text-align:center;padding:0 0 30px}#main_menu ul li a:not(#center_nav){width:103px}#main_menu ul li a.menu{display:flex;flex-direction:column}#main_menu ul li a.menu:hover{opacity:0.7}#main_menu ul li a#icon_service::before{content:url(../img/icon_service.svg);padding:0 0 10px}#main_menu ul li a#icon_price::before{content:url(../img/icon_price.svg);padding:0 0 10px}#main_menu ul li a#icon_works::before{content:url(../img/icon_works.svg);padding:0 0 10px}#main_menu ul li a#icon_about::before{content:url(../img/icon_about.svg);padding:0 0 10px}#main_menu ul li a#icon_recruit::before{content:url(../img/icon_recruit.svg);padding:0 0 10px}#main_menu ul li a#icon_contact::before{content:url(../img/icon_contact.svg);padding:0 0 10px}#main_menu ul li img.js_nav_after{display:none}#main_menu ul li ul{display:none}#main_menu ul li:hover ul{display:block;height:0;z-index:1001;transition:0.3s}#main_menu ul li:hover ul li{display:block;line-height:1.4em;font-size:13px;z-index:1001;justify-content:normal;background-color:rgba(255, 255, 255, 0.95);border-left:3px solid #9bce76;text-align:left;position:relative;top:-20px;transition:0.3s;box-shadow:0 10px 25px 0 rgba(107, 107, 107, 0.1);border-radius:1px}#main_menu ul li:hover ul li:hover{background-color:#f2f9ee;transition:0.3s}#main_menu ul li:hover ul li a{position:relative;top:-15px;left:15px}#navigation{display:block;position:sticky;position:-webkit-sticky;top:0;z-index:1000}.headerScroll{padding:0;height:100px;transition:0.3s}.headerScroll ul{position:relative;top:-30px}.headerScroll li{padding:0px;width:103px}.headerScroll img.js_nav_before{height:90px;width:90px;position:relative;top:10px}.headerScroll li#center_nav{width:132px}.dev-en-menu{letter-spacing:0.08em}#sp_menu{display:none;background-color:rgba(128, 192, 80, 0.82);height:60px;cursor:pointer}#sp_menu #sp_nav_logo{width:auto;height:25px;margin:15px 0 0 0}@media only screen and (max-width:794px){#sp_menu{display:block}}#sp_menu #sp_menu_bg{background-color:transparent;position:relative;margin:0 0 0 auto;height:60px;width:60px}#sp_menu .sp_menu_icon span{position:absolute;top:-23px;left:15px;width:30px;height:4px;background-color:rgba(255, 255, 255, 0.8);border-radius:8px;transition:ease 0.75s;z-index:1200}#sp_menu .sp_menu_icon span:nth-of-type(1){top:-12px}#sp_menu .sp_menu_icon span:nth-of-type(2){top:-1px}#sp_menu .sp_menu_icon span:nth-of-type(3){bottom:-12px}#sp_menu .sp_nav{top:60px;left:0px;position:absolute;z-index:10;width:100%;background-color:rgba(255, 255, 255, 0.95);display:none}#sp_menu ul{display:flex;padding:0;margin:0;flex-direction:column}#sp_menu #sp_nav_lang{background-color:rgba(128, 192, 80, 0.1)}#sp_menu a{color:#80c050;text-decoration:none;display:block;line-height:60px;padding:0 20px;text-align:center}#sp_menu a:hover{background-color:rgba(128, 192, 80, 0.2)}#sp_menu .lang_sp{font-size:15px;line-height:45px}#sp_menu .close span:nth-of-type(1){opacity:0}#sp_menu .close span:nth-of-type(2){transform:rotate(45deg);top:-12px}#sp_menu .close span:nth-of-type(3){transform:rotate(-45deg);top:-12px}.header_img h1{font-weight:600;font-size:35px;letter-spacing:10px;line-height:1.8em;text-shadow:0em 0em 0.3em rgba(0, 0, 0, 0.59);padding:65px 0}@media only screen and (max-width:794px){h1#head_text{font-size:30px}}#header_service{background-image:url(../img/header_service.jpg);background-position:top center;background-size:cover;min-height:240px;color:#fff}#header_pricing{background-image:url(../img/header_pricing.jpg);background-position:top center;background-size:cover;min-height:240px;color:#fff}#header_works{background-image:url(../img/header_works.jpg);background-position:top center;background-size:cover;min-height:240px;color:#fff}#header_about{background-image:url(../img/header_about.jpg);background-position:bottom center;background-size:cover;min-height:350px;color:#fff}#header_recruit{background-image:url(../img/header_recruit.jpg);background-position:top center;background-size:cover;min-height:240px;color:#fff}#header_contact{background-image:url(../img/header_contact.jpg);background-position:top center;background-size:cover;min-height:240px;color:#fff}#top_header_img{background:url(../img/header_top.jpg) center center/cover no-repeat;color:#fff;height:560px}@media only screen and (max-width:794px){#top_header_img{height:275px}}#top_header_img img.pc{width:30%;position:relative;top:45%;left:10%}#top_header_img img.sp{width:50%;position:relative;top:20%;margin:0 auto}#top_header_img h1{font-family:"Tenor Sans", Helvetica, Arial, Lucida, sans-serif;font-size:28px;font-weight:900;color:rgba(0, 0, 0, 0.6);text-align:left;position:relative;top:28%;left:20%;letter-spacing:3px;line-height:2.5em;text-shadow:0.03em 0.03em 0.3em #fff;display:inline-block}@media only screen and (max-width:794px){#top_header_img h1{font-size:20px;font-weight:900;text-align:center;position:relative;top:30%;left:0%}}.pc{display:block}.sp{display:none}@media only screen and (max-width:794px){.pc{display:none}.sp{display:block}}#top_service h2,#top_pricing h2,#top_contact h2{border-bottom:dashed 1px #80c050;display:inline-block;margin:0 0 40px;font-size:28px}.service_head h3{color:#80c050;line-height:3em;font-size:24px;letter-spacing:4px;line-height:3em;border-bottom-width:1px;border-bottom-color:rgba(128, 192, 80, 0.7);margin:0 0 20px}#top_about{text-align:center;background-color:#fffef8}#top_about #lead_box{text-align:center}#top_about #lead_text{font-size:19px;letter-spacing:1px;line-height:2em;padding:20px 0 50px}#top_about #lead_text strong{font-weight:900;text-shadow:0 0 0.5px #6b6b6b;background:linear-gradient(transparent 60%, #fff799 60%);padding-bottom:5px}#top_about #lead_points{text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}#top_about #lead_points .top_box{line-height:2.2em;font-size:16px;letter-spacing:2px;line-height:2.2em;background-color:#ffffff;position:relative;border-radius:100px 5px 100px 5px;overflow:hidden;border-top-width:6px;border-bottom-width:6px;border-top-color:rgba(129, 207, 243, 0.8);border-bottom-color:rgba(128, 192, 80, 0.7);width:320px;height:320px;padding:30px 0;margin:20px}@media only screen and (max-width:794px){#top_about #lead_points .top_box{margin:30px auto}}#top_about #lead_points .top_box img{width:85px;height:85px}#top_about #lead_points .top_box_en{letter-spacing:0.5px;line-height:1.5em}#top_about #lead_points .box_lead{font-weight:900;text-shadow:0 0 0.5px #6b6b6b}@media only screen and (max-width:794px){#lead_points{flex-wrap:wrap}#lead_points .top_box{width:33%}}#top_pricing{background-color:#f9fbf0}.contact_foot{clear:both;padding:30px 0}.contact_foot p{padding:0 0 50px;line-height:2em}.btn_contact_center{font-size:17px;color:#fff;background-color:#80c050;padding:13px 20px;border-radius:25px;letter-spacing:4px;margin:0 0 50px}.btn_contact_center::before{font-size:15px;content:"▶︎";padding:0 8px 0 0}.btn_contact_center:hover{background-color:#a9d488;color:#fff}.details_btn{text-align:right;margin:0 0 50px}@media only screen and (max-width:794px){.details_btn{text-align:center}}.btn_details_right{font-size:10px;color:#80c050;padding:12px 20px;border-width:1px;border-color:#fff;border-radius:25px;letter-spacing:3px;font-size:15px;background-color:#fff;margin:0 10px 0 0}.btn_details_right::before{font-size:10px;content:"▶︎";padding:0 5px 0 0}.btn_details_right:hover{border-color:#80c050;color:#80c050}.btn_contact_right{font-size:15px;color:#fff;background-color:#80c050;padding:13px 18px 14px;border-radius:25px;letter-spacing:4px}.btn_contact_right::before{font-size:12px;content:"▶︎";padding:0 8px 0 0}.btn_contact_right:hover{background-color:#a9d488;color:#fff}.contact_btn{text-align:right;margin:0 0 50px}@media only screen and (max-width:794px){.contact_btn{text-align:center}}.service_btn{text-align:right;margin:0 0 50px}@media only screen and (max-width:794px){.service_btn{text-align:center}}.service_btn .btn_sp{display:none}.service_btn table{border:0}.service_btn table td{margin:0;padding:10px;line-height:normal;background-color:#fff}.service_btn table td#btn_dev{text-align:right}.service_btn a.btn_service{color:#fff;border-radius:7px;letter-spacing:2px;font-size:18px;background-color:#80c050;padding:10px 28%;position:relative}@media only screen and (max-width:794px){.service_btn a.btn_service{text-align:center;padding:10px;margin:30px;display:block}}.service_btn a.btn_service::before{font-size:10px;content:"▶︎";padding:0 8px 0 0;vertical-align:middle}.service_btn a.btn_service:hover{color:#fff;background-color:rgba(128, 192, 80, 0.7)}.service_btn a.btn_service_en{color:#fff;border-radius:7px;letter-spacing:2px;font-size:18px;background-color:#80c050;padding:10px 80px;position:relative}@media only screen and (max-width:1152px){.service_btn a.btn_service_en{padding:10px 40px}}@media only screen and (max-width:794px){.service_btn a.btn_service_en{text-align:center;padding:10px;margin:30px;display:block}}.service_btn a.btn_service_en::before{font-size:10px;content:"▶︎";padding:0 8px 0 0;vertical-align:middle}.service_btn a.btn_service_en:hover{color:#fff;background-color:rgba(128, 192, 80, 0.7)}.service_btn a#btn_design_en{padding:10px 153px}@media only screen and (max-width:1152px){.service_btn a#btn_design_en{padding:10px 113px}}@media only screen and (max-width:794px){.service_btn a#btn_design_en{text-align:center;padding:10px;margin:30px;display:block}}@media only screen and (max-width:794px){.service_btn .btn_pc{display:none}.service_btn .btn_sp{display:block}}.clear{clear:both}.service_head{margin:20px 0}.service_head p{color:#919191}.service_icons .service_content{float:left;width:33%;font-size:15px;margin:20px 0}@media only screen and (max-width:794px){.service_icons .service_content{width:50%}}.service_icons .service_content img{width:125px}.service_icons .service_content img:hover{opacity:0.7}.service_icons .service_content p{height:4em}.box_contents{display:flex;flex-wrap:wrap}.box_price{height:280px;line-height:2em;letter-spacing:2px;line-height:2em;background-color:rgba(255, 255, 255, 0.9);position:relative;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.1);margin:18px;float:left;flex:auto;width:30%}@media only screen and (max-width:794px){.box_price{width:100%;height:auto}}.box_price .price_ttl{font-weight:600;text-shadow:0 0 0.1px #6b6b6b;line-height:1.7em}.box_price .price{font-weight:bold}.box_price p{vertical-align:middle}#box_btn{height:280px;background-color:transparent;position:relative;box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0);float:left;flex:auto;width:30%;padding-top:116px}@media only screen and (max-width:794px){#box_btn{padding-top:30px;height:auto}}.service_page{padding:0 0 50px}.service_page h3#webdesign,.service_page h3#graphic,.service_page h3#dtp{padding-top:30px}.service_page .desc_design_en{padding-top:30px}.service_txt{margin:20px 0 100px}.service_txt .service_ttl{position:relative}.service_txt h3{font-size:26px;text-align:left;border-bottom:2px solid;border-color:#80c050;padding:0 0 10px;margin:0 0 30px}@media only screen and (max-width:794px){.service_txt h3{text-align:center;padding:10px 0;margin:10px 0;width:100%}}.service_txt img.img_pc{width:150px;height:150px;float:left;margin:30px 50px 0 0}@media only screen and (max-width:794px){.service_txt img.img_pc{display:none}}.service_txt img.img_sp{display:none}@media only screen and (max-width:794px){.service_txt img.img_sp{display:block;width:130px;height:130px;float:none;margin:20px auto}}.service_txt .service_desc{overflow:hidden;margin:20px 0}.service_txt p{line-height:1.8em;text-align:left;letter-spacing:0.1em}.space_after{display:none}@media only screen and (max-width:794px){.space_after{content:"";display:block;clear:both;height:50px}}.pricing_page{padding:0 0 50px}.pricing_page .box_price{height:320px;background-color:rgba(248, 248, 248, 0.5)}@media only screen and (max-width:794px){.pricing_page .box_price{width:100%;height:auto}}.pricing_page .box_price .service_txt{margin:20px 0 100px}.pricing_page .box_price .service_txt h3{font-size:26px;text-align:left;border-bottom:2px solid;border-color:#80c050;padding:0 0 10px;margin:0 0 30px}.pricing_page .box_price .service_txt img{width:150px;height:150px;float:left;margin:30px 50px 0 0}.pricing_page .box_price .service_txt .service_desc{overflow:hidden;margin:20px 0}.pricing_page .box_price .service_txt p{line-height:1.8em;text-align:left;letter-spacing:0.1em}.pricing_page .price_eg{font-size:14px;line-height:1.6em;color:#919191}.page_en .pricing_page .box_price{height:375px}#box_empty{height:300px;background-color:transparent;position:relative;box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0);float:left;flex:auto;width:30%;padding-top:116px}@media only screen and (max-width:794px){#box_empty{display:none}}.works_lists h2{color:#fff;font-size:18px;letter-spacing:4px;height:50px;background-color:rgba(128, 192, 80, 0.7);padding:12px 0 8px;margin:0 0 20px}.works_lists .work h3{font-size:17px;text-align:left;margin:40px 0 20px}.works_lists .work hr{border-top:1px rgba(107, 107, 107, 0.1) solid}.works_lists .contact_btn{margin:30px 0 70px}table{width:100%;border:1px rgba(107, 107, 107, 0.1) solid;margin:10px 0 15px}table tr,table th,table td{padding:6px 24px;margin:0 0 15px;text-align:left;font-size:14px;line-height:2.5em;font-weight:normal}table tr{background:#fff}table tr:nth-child(odd){background:rgba(107, 107, 107, 0.1)}.about_page{padding:0 0 50px}.about_page h2{font-size:25px;text-align:left;border-bottom:dashed 1px #80c050;margin:25px 0}.about_page p{font-size:15px;line-height:2.3em;letter-spacing:1px;text-align:left;padding:0 0 25px}.profile_ceo{display:flex;justify-content:space-between;text-align:left;padding:30px 0 100px}@media only screen and (max-width:794px){.profile_ceo{display:block;text-align:center}}.profile_ceo img{width:200px;height:200px}@media only screen and (max-width:794px){.profile_ceo img{width:150px;height:150px}}.profile_ceo .profile_content{flex-basis:70%;padding:0 0 0 15px}@media only screen and (max-width:794px){.profile_ceo .profile_content{text-align:left}}.profile_ceo .profile_content p{font-size:18px;letter-spacing:3px}@media only screen and (max-width:794px){.profile_ceo .profile_content p{text-align:center;padding-top:10px}}.profile_ceo .profile_content li{list-style:inside;font-size:15px;letter-spacing:3px;line-height:2em}.profile_member{display:flex;justify-content:space-between;text-align:left}@media only screen and (max-width:794px){.profile_member{display:block;text-align:center}}.profile_member img{width:140px;height:140px}@media only screen and (max-width:794px){.profile_member img{width:130px;height:130px}}.profile_member .profile_content{flex-basis:80%;padding:0 0 0 15px}@media only screen and (max-width:794px){.profile_member .profile_content{text-align:left}}.profile_member .profile_content p{font-size:17px;letter-spacing:3px;line-height:2em}@media only screen and (max-width:794px){.profile_member .profile_content p{text-align:center}}.recruit_page{padding:0 0 50px}.recruit_page table{width:100%;border:1px rgba(107, 107, 107, 0.1) solid;margin:10px 0 15px}.recruit_page table tr,.recruit_page table th,.recruit_page table td{padding:6px 24px;margin:0 0 15px;text-align:left;font-size:14px;line-height:2.5em;font-weight:normal;background-color:#fff}.recruit_page table td{border-top:1px rgba(107, 107, 107, 0.1) solid}.contact_page #flow_btn{margin:30px 0}.contact_page .service_flow_wrap{margin:100px 0}.contact_page .service_flow_wrap h2{font-size:25px;text-align:left;border-bottom:dashed 1px #80c050;margin:25px 0}.contact_page .service_flow_wrap ol{list-style-type:decimal;line-height:2em;font-size:18px;font-weight:bold;color:#73b541;list-style-position:inside}.contact_page .service_flow_wrap ol li{margin:20px auto 20px;padding:20px 0 27px;background-color:rgba(128, 192, 80, 0.1);border-radius:10px;width:80%}.contact_page .service_flow_wrap ol li .service_flow_desc{font-size:16px;font-weight:normal;color:#6b6b6b}.contact_page .service_flow_wrap ol .arrow{display:inline-block;width:18px;height:18px;margin:0 10px;border-bottom:4px solid rgba(128, 192, 80, 0.8);border-right:4px solid rgba(128, 192, 80, 0.8);border-radius:2px;transform:rotate(45deg)}#contact_form{width:98%}input[type="text"],input[type="email"]{background-color:#eee;color:#6b6b6b;padding:16px;width:98%;text-align:left;margin-top:40px}input[type="text"][type="text"],input[type="text"][type="email"],input[type="email"][type="text"],input[type="email"][type="email"]{width:48%}@media only screen and (max-width:794px){input[type="text"][type="text"],input[type="text"][type="email"],input[type="email"][type="text"],input[type="email"][type="email"]{width:98%}}input[type="text"][type="text"],input[type="email"][type="text"]{margin-right:2%}@media only screen and (max-width:794px){input[type="text"][type="text"],input[type="email"][type="text"]{margin-right:0}}@media only screen and (max-width:794px){input[type="email"]{margin-top:20px}}textarea{background-color:#eee;color:#6b6b6b;padding:16px;width:98%;text-align:left}.wpcf7-textarea{background-color:#eee !important}input[type="submit"]{color:#fff;background-color:#80c050;padding:13px 16px 13px 24px;border-radius:25px;letter-spacing:9px;margin:0 1% 50px 0;float:right}@media only screen and (max-width:794px){input[type="submit"]{float:none;margin:0 0 0 55px;padding:17px 20px 17px 28px}}input[type="submit"]:hover{background-color:#a9d488;color:#fff}@media only screen and (max-width:794px){.page_en input[type="submit"]{float:none;margin:0 0 0 55px;padding:13px 17px 14px 25px}}#submit_en{text-transform:uppercase;margin:0;padding:0}.clearfix::after{content:"";display:block;clear:both}#footer_menu{font-size:14px;font-weight:900;text-shadow:0 0 0.4px #bbb;color:#bbb;margin:10px 10px 10px 30px}@media only screen and (max-width:794px){#footer_menu{display:none}}#footer_menu a:hover{color:#e1e1e1}#footer_menu ul{display:flex}#footer_menu ul li{padding:0 22px 0 0}#recaptcha_desc{font-size:10px;color:#bbb;text-align:left;padding:0 15px}#footer_bottom{background-color:#80c050;color:#fff;font-size:14px;padding:10px 10px 15px;position:relative}#footer_bottom ul{position:absolute;top:10px;right:10px}@media only screen and (max-width:794px){#footer_bottom ul{display:none}}#footer_bottom ul li{font-weight:bold;display:inline;line-height:2.3em;padding:10px}.grecaptcha-badge{visibility:hidden}/*# sourceMappingURL=style.css.map */