html,body{margin:0 auto;min-width:326px;font-size:16px;margin-top:2.5rem}@media only screen and (max-width: 640px){html,body{margin-top:2rem}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.onayami,.mainFunction,.flow .faq{display:block;max-width:1024px;margin:auto}a,p,h1,h2,h3,dt,dd{font-family:"Noto Sans Japanese"}h1{font-size:2rem;color:#171c60;text-align:center}h2{font-size:1.8rem;color:#f19601;display:inline-block}h3{font-size:1.6rem;color:#171c60;text-align:center}p{font-size:1rem;line-height:1.3rem}.font_small{font-size:.8rem}#title h1{color:white;background-color:#f19601;padding:.8rem 0}@media only screen and (max-width: 560px){h1{font-size:1.7rem}h2{font-size:1.1rem}h3{font-size:1.2rem}p{font-size:.9rem}}.lightbox{display:none;position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8)}.lightbox img{max-width:90%;max-height:80%;margin-top:1%}.lightbox:target{outline:none;display:block}.inner{width:100%;margin:0 auto}.inner:after{content:"";clear:both;display:block}#top-head{top:-100px;position:absolute;width:100%;margin:80px auto 0;padding:32px 0 0;line-height:1;z-index:999}#top-head a,#top-head{color:#171c60;text-decoration:none}#top-head .inner{position:relative}#top-head .logo{float:left;padding-left:5%}#top-head .logo img{height:3.5rem}@media only screen and (max-width: 640px){#top-head .logo img{height:2.5rem}}#global-nav ul{list-style:none;position:absolute;right:0;bottom:0;font-size:14px}#global-nav ul li{float:left}#global-nav ul li a{padding:0 1rem}#top-head.fixed{margin-top:0;top:0;position:fixed;padding-top:10px;height:73px;background:#fff;background:rgba(255,255,255,0.9);transition:top 0.65s ease-in;-webkit-transition:top 0.65s ease-in;-moz-transition:top 0.65s ease-in}#top-head.fixed .logo{font-size:24px;color:#333}#top-head.fixed #global-nav ul li a{color:#171c60;padding:0 20px}#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:34px;height:36px;cursor:pointer;z-index:101}#nav-toggle div{position:relative}#nav-toggle span{display:block;position:absolute;height:4px;width:100%;background:#666;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}#nav-toggle span:nth-child(1){top:0}#nav-toggle span:nth-child(2){top:11px}#nav-toggle span:nth-child(3){top:22px}@media screen and (max-width: 640px){#top-head,.inner{width:100%;padding:0}#top-head{top:0;position:fixed;margin-top:0}#top-head.fixed{padding-top:0;background:transparent}#mobile-head{background:#fff;width:100%;height:56px;z-index:999;position:relative}#top-head.fixed .logo,#top-head .logo{position:absolute;left:13px;top:13px;color:#333;font-size:26px}#global-nav{position:absolute;top:-500px;background:#333;width:100%;text-align:center;padding:10px 0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}#global-nav ul{list-style:none;position:static;right:0;bottom:0;font-size:14px;padding:0}#global-nav ul li{float:none;position:static}#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0}#nav-toggle{display:block}.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(180deg)}.open #nav-toggle span:nth-child(2){width:0;left:50%}.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-180deg)}.open #global-nav{-moz-transform:translateY(556px);-webkit-transform:translateY(556px);transform:translateY(556px)}}.balloon-left{position:relative;display:block;margin:.6em;padding:1rem;width:auto;color:#555;font-size:16px;background:#036db7;height:3rem;text-align:center;border-radius:10px}.balloon-left:before{content:"";position:absolute;top:80%;left:-14px;margin-top:-15px;border:7px solid transparent;border-right:7px solid #036db7}.balloon-left p{color:white;margin:0}@media only screen and (max-width: 560px){.balloon-left p{font-size:.77rem}}.toFunction a{color:white;background-color:#036db7;padding:.7rem;text-align:center;text-decoration:none;margin-bottom:2rem}.toFunction a:hover,.toFunction a:active{background-color:#171c60;transition:.7s}.breadcrumb{margin-left:0;padding:12px 10px;overflow:hidden;font-size:.9rem;margin-bottom:0;width:100%}@media only screen and (max-width: 560px){.breadcrumb{font-size:.8rem}}.breadcrumb li{display:inline;list-style:none}.breadcrumb li:after{font-family:FontAwesome;content:'\f101';padding:0 3px;color:#171c60}.breadcrumb li:last-child:after{content:''}.breadcrumb li a{text-decoration:none;color:#171c60}.breadcrumb li:first-child a:before{font-family:FontAwesome;content:'\f015';font-weight:normal;font-size:1.1em}.breadcrumb li a:hover{text-decoration:underline}.mainBox{background-image:url("../img/mainImg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;height:18rem;position:relative}@media only screen and (max-width: 960px){.mainBox{height:24rem}}@media only screen and (max-width: 560px){.mainBox{height:26rem}}.mainBox .mainText{background-color:#fff;background-color:rgba(255,255,255,0.6);position:absolute;padding:1%;top:50%;left:50%;width:80%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}.mainBox .mainText h2{display:block;color:#f19601;line-height:3rem;text-align:center;margin:3rem 0}@media only screen and (max-width: 560px){.mainBox .mainText h2{font-size:1rem;line-height:2rem}}.mainBox::after{content:"";display:table;clear:both}@media only screen and (max-width: 560px){.onayami{margin:auto 5%}}small{font-size:.5rem;display:inline-block;float:right}#talkingGuy{display:inline-block;width:10%}#talkingGuy img{width:100%}@media only screen and (max-width: 960px){#talkingGuy img{padding-bottom:4.5rem;margin-left:.5rem}}@media only screen and (max-width: 560px){#talkingGuy img{padding-bottom:5rem}}#balloons{display:inline-block;width:85%}#smallLogo{height:2.9rem}@media only screen and (max-width: 560px){#smallLogo{height:2rem}}.onayamiKaiketsu{margin-top:2rem}.onayamiKaiketsu h2{display:block;text-align:center}.employee,.employer{display:block;width:50%;float:left;background-image:url("../img/staff.jpg");height:15rem;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;margin-bottom:3rem}.employee .transBox,.employer .transBox{background-color:#fff;background-color:rgba(255,255,255,0.6);position:absolute;padding:1%;top:50%;left:50%;width:80%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}@media only screen and (max-width: 960px){.employee,.employer{display:inline-block;width:100%;height:13rem;margin:0}}.employee p,.employer p{text-align:center;margin-top:1rem;padding:0 2rem;line-height:1.7rem;color:#171c60}.employer{float:right;background-image:url("../img/admin.jpg")}@media only screen and (max-width: 960px){.employer{margin-bottom:2rem}}hr{border:none;height:1px;color:#f19601;background-color:#f19601;width:4rem}.groupOfFunctions{padding:0;margin-left:auto;margin-right:auto;margin-top:20px;text-align:center}.functions{width:140px;height:130px;background-color:#f19601;border-radius:4px;padding:1rem;display:inline-block;vertical-align:top;height:9rem;margin:.8rem}@media only screen and (max-width: 560px){.functions{margin:0 0 .5rem 0}}.functions img{display:block;margin:.3rem auto;height:3rem}.functions p{color:#fff;width:90%;text-align:center;margin:.6rem auto;line-height:1.3rem;font-weight:500}.extraFunctionText{display:table;margin:auto}@media only screen and (max-width: 560px){.extraFunctionText{padding:0}}.extraFunctionText img{float:left;width:4rem;padding-top:2rem}@media only screen and (max-width: 560px){.extraFunctionText img{padding-left:1rem;width:4rem;padding-top:2.6rem}}.extraFunctionText .thumbUptext{float:right;width:85%;margin-top:.5rem;padding:1rem}@media only screen and (max-width: 560px){.extraFunctionText .thumbUptext{padding:0 1rem 0 0;line-height:1.4rem;width:75%}}.toFunction{text-align:center;margin-bottom:3rem}.voice{background-image:url("../img/shakeHands.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height:35rem}.insideBox{background-color:#fff;background-color:rgba(255,255,255,0.6);position:absolute;padding:1%;top:50%;left:50%;width:80%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);padding:1rem}.insideBox p{display:inline-block;text-align:left;line-height:1.9rem}@media only screen and (max-width: 560px){.insideBox p{line-height:1.3rem}}.insideBox .emphasis{color:#f13401;font-weight:bold}.maxWidth1000px{max-width:1000px;margin:auto}.voiceChart{text-align:center}.voiceChart img{width:3rem}.cost{padding:.3rem 5rem;margin:0;background-color:#ecebeb}@media only screen and (max-width: 560px){.cost{padding:.3rem 1rem}}.cost p{max-width:600px;margin:auto}.cost h3{font-size:1.5rem;color:#f13401}@media only screen and (max-width: 560px){.cost h3{font-size:1rem}}.cost hr{border:none;height:3px;color:#f19601}#price{text-align:center;font-size:1.5rem;color:#036db7;font-weight:bold;margin:1rem auto}#price strong{font-size:2.5rem}.freeTablet{line-height:2rem;text-align:center}.freeTablet strong{color:#f13401}.flow{width:100%;margin:0 auto}.flow:after{content:"";clear:both;display:block}.steps{display:block;margin:.5rem 3%;width:44%;float:left;background-color:#ecebeb;border-radius:10px}.steps p{font-size:1rem;text-align:center}@media only screen and (max-width: 578px){.steps{display:inline-block;width:100%;border-radius:0;margin:0;padding:.5rem 1rem 0 1rem}.steps P{margin-left:10%}}.steps h2{display:inline-block;margin:1rem auto 0;text-align:center;width:100%;padding-bottom:.8rem}.steps img{display:block;height:5rem;margin:auto}@media only screen and (max-width: 560px){.steps img{height:3.5rem}}.insideFlow{max-width:900px;margin:auto auto 3rem}.insideFlow:after{content:"";clear:both;display:block}footer{background-color:#171c60;color:white;line-height:1.5rem;margin-top:3rem;padding:1rem;font-size:.8rem}footer .copyright{display:inline-block;width:100%;text-align:center;font-size:.75rem;line-height:1rem}footer a{text-decoration:none;color:white}.footerWrapper{max-width:700px;margin:auto}.companyDetail,.footerMenu{float:left}.companyDetail dd,.footerMenu dd{margin-left:0}.footerMenu{float:right}@media only screen and (max-width: 960px){.companyDetail,.footerMenu{display:inline-block;width:100%}}.subNav{margin:1.2rem 1rem;text-align:center}.subNav a{color:black;border-style:solid;border-width:2px;border-color:#036db7;padding:.7rem;font-size:.9rem;text-align:center;text-decoration:none;display:inline-block;margin:.1rem}@media only screen and (max-width: 560px){.subNav a{padding:.7rem;font-size:.8rem;margin:.3rem}}.subNav a:hover,.subNav a:active{background-color:#036db7;color:white}.diagram{max-width:650px}.faq{max-width:1024px;margin:0 auto;padding:1rem;text-align:center}.faq section{text-align:left}@media only screen and (max-width: 560px){.faq{padding:0 .8rem}}.diagram{width:100%;max-width:650px}.answer{background-color:#ecebeb;padding:1rem;border-radius:15px}.question:before{content:"Q.";color:#036db7;font-size:1.5rem;font-weight:bold}.answer:before{content:"A.";color:#f13401;font-size:1.5rem;font-weight:bold}.wrapper{max-width:1000px;margin:auto}.wrapper:after{content:"";clear:both;display:block}.subtitle{text-align:center}.screenshot{text-align:center}.screenshot img{width:90%;margin:auto;border:0.5rem solid #036db7}@media only screen and (max-width: 560px){.screenshot img{width:97%;border:none}}.descriptions{margin-bottom:3rem;text-align:center}.descriptions>p{line-height:1.8rem;padding:0 1rem;display:inline-block;text-align:left}@media only screen and (max-width: 560px){.descriptions>p{padding:0 .1rem}}.descriptions>p>img,td>img{height:1.3rem;vertical-align:bottom}.descriptions>p>span,td>span{font-weight:bold;background-color:#036db7;color:white;display:block;text-align:center}.descriptions strong{font-weight:bold;color:#f13401}.descriptions>a{color:black}.descriptions>ul{width:100%;margin:0;padding:1rem 0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.descriptions>ul a{text-decoration:none;color:black;width:48%;border:2px solid #036db7;padding:1rem;margin-bottom:0;margin:1%;position:relative}.descriptions>ul a li{list-style:none}.descriptions>ul a.hover_effect:hover{box-shadow:2px 2px 0 #171c60;transition:.3s}table{width:100%;margin-bottom:2rem}table th{background-color:#171c60;color:white}th,td{border-bottom:1px solid #ddd;padding:.3rem 0}.descriptions td{min-width:10rem;text-align:left;padding-left:1%}.rough{width:45%;float:left;margin:1rem;text-align:center;height:28rem}.rough .rough_title p{background-color:#036db7;color:#fff;padding:.5rem}.rough p{text-align:left;line-height:1.7rem}@media only screen and (max-width: 960px){.rough{width:90%;height:auto}}.rough>img{width:80%}.rough_title.orange p{background-color:#f19601}.screenshot.dakoku img{max-width:40%}@media only screen and (max-width: 560px){.screenshot.dakoku img{min-width:90%}}.manual a:hover .transBox hr{width:60%;transition:1s}.manual:after{content:"";clear:both;display:block}.wrapper_thanks p{background-color:#ecebeb;border-radius:15px;width:90%;max-width:900px;margin:auto;padding:1.5rem;line-height:1.5rem}.tabs{margin-top:50px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);width:90%;margin:0 auto}span.white_frame{border:1px solid white;border-radius:5px;padding:2px 9px}.tab_item{width:calc(100%/2);height:110px;border-bottom:3px solid #036db7;background-color:#ecebeb;line-height:50px;font-size:1.5rem;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all 0.2s ease}.tab_item:hover{opacity:0.75}input[name="tab_item"]{display:none}.tab_content{display:none;padding:40px 40px 2rem;clear:both;overflow:visible}#nattoku_plan:checked ~ #nattoku_plan_content,#package_plan:checked ~ #package_plan_content{display:block}.tabs input:checked+.tab_item{background-color:#036db7;color:#fff}.tabs span{font-size:14px}.table_price th{width:60%;font-weight:normal}.table_price td{background-color:#ecebeb;text-align:center;font-weight:bold}.table_price small{float:none}h4{text-align:center;margin:3rem auto 0rem}.toFunction.price{margin-bottom:1rem}.toFunction.price a{display:block;width:50%;margin:0 auto;font-size:.9rem}@media only screen and (max-width: 560px){.toFunction.price a{font-size:.8rem}}.tab_content_description .cost{background-color:#fff;padding:.3rem .5rem}@media only screen and (max-width: 960px){span.white_frame{display:block;line-height:.9rem;width:90%;font-size:.7rem;margin:1rem auto}.tab_item{font-size:1rem;line-height:10px}}@media only screen and (max-width: 560px){.tab_content{padding:10px 5px}}textarea{width:98%}p.error_messe{margin:5px 0;color:red}.headline{width:100%;color:#4d4d4d}.trial-btn{text-align:center;padding:1rem}.align-center{text-align:center}.lp-main01{background:url("../lp_img/background_main.png") center top no-repeat #fff;background-size:cover;width:100%;height:310px;text-align:center;position:relative}.lp-main01 img{position:absolute;max-width:981px;width:100%;bottom:0;left:0;right:0;margin:auto}@media mobile{.lp-main01 img{max-width:525px}}@media mobile{.lp-main01{background:url("../lp_img/mobile_background_main.png") center top no-repeat #fff;height:395px}}.lp-main02{background:url("../lp_img/background_blue.png") left top repeat;text-align:center;padding:1rem}.bgc-gray{background-color:#ecebeb;border-top:7px solid #036db7;position:relative;text-align:center;padding-top:70px;margin:2rem 0}.reason01 .bgc-gray{padding-bottom:2rem}.bgc-gray::nth-child(2),.bgc-gray::nth-child(3){padding-bottom:1rem}.reason_title{position:absolute;top:-26px;left:0;right:0;margin:auto}.reason01__part{display:block;margin:.5rem 3%}.reason01__part img{max-width:100%}.reason01__koumoku{text-align:center}.reason01__koumoku__img{margin-top:-60px;z-index:1;position:relative}.reason02__table{max-width:900px;margin:2rem auto;background:#fff;border-collapse:collapse;border-spacing:0}.reason02__table__caption{background-color:#f19601;color:#fff;line-height:3.3rem;font-size:1.5rem;font-weight:bold}.reason02__table__tr{background-color:#fff}.reason02__table__tr th{background-color:#fff;color:#4d4d4d;padding-top:20px}.reason02__table__tr th:nth-child(1),.reason02__table__tr th:nth-child(2){width:20%}.reason02__table__tr img{height:auto;margin:5px 0}.reason02__table__tr td:nth-child(3){text-align:left;padding:10px}.text-indent{padding-left:1em;text-indent:-1em}.table_comment{text-align:left}.comment_wrapper{max-width:900px;margin:auto}