@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap";i{font-style:normal}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.btn{height:auto;-webkit-appearance:button}div#login-setting-form{padding:20px}.page-notice{max-width:1120px;margin:20px auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;background-color:#fff;border:2px solid #c7243a;border-radius:4px}.page-notice .message{text-align:justify;font-size:13px;line-height:1.46;color:#333}.page-notice .message .bold-text{font-weight:700}.page-notice .message .headline{font-size:16px;font-weight:700;color:#333;margin-left:1.6em}.page-notice .message ul{list-style:none;padding:0}.page-notice .message .action{border-radius:3px}.page-notice .message .action button{width:200px;border-radius:3px;background-color:#eaeaea;border:solid 1px #dddddd}.page-notice .notice-sign{width:20px;float:left;padding:4px 0;text-align:center}.page-container .basic-information{border:1px solid #efefef;background-color:#f9f9f9;border-radius:4px;padding:10px 50px 30px}.page-container .footer-button{text-align:center;margin-top:20px}.page-container .footer-button .btn-large{padding:14px 42px;font-size:15px;margin:0 20px 0 auto}.fr-dropdown-menu{z-index:500;display:none;width:auto;right:auto;overflow:visible;background:#fff;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;list-style:none;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fr-dropdown-menu li{height:25px;padding:2px 10px;overflow:inherit;white-space:inherit;text-overflow:inherit}.fr-dropdown-menu li a{display:block;color:inherit;text-decoration:inherit;overflow:inherit;white-space:inherit;text-overflow:inherit;height:inherit}.fr-dropdown-menu .switch-company:hover,.fr-dropdown-menu li:hover{background:#386cbf;color:#fff}.fr-dropdown-menu .divider{height:0;border-bottom:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}.fr-dropdown-menu .current-company,.fr-dropdown-menu .divider:hover,.fr-dropdown-menu .current-company:hover{background:#fff;color:#a4a4a4;height:auto}.fr-dropdown-menu .switch-company{border:none;background:transparent;-webkit-box-shadow:none;box-shadow:none;height:auto;padding:0;line-height:auto;border-radius:none}body{background-color:#ebf3ff}a{color:#285ac8}a:hover{color:#234faf}#login-page{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-35px}#login-page .title-logo{height:56px;max-width:353px;margin:24px auto;display:block}#login-page svg.title-logo{overflow:hidden}#login-page .title-logo__oem{height:auto;width:280px}#login-page .title-logo__launch-corporate-chugin{width:320px;height:55px}#login-page .title-logo__launch-personal-chugin{width:320px;height:60px}#login-page .login-container{width:385px;padding:24px;margin:0 auto 16px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#login-page .login-container .login-title{text-align:center;margin:0 0 16px}#login-page .login-container .login-title h1{font-size:15px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;color:#333;margin:0}#login-page .login-container .login-title .same-account-explanation{color:#6e6b6b;font-size:11px;margin:6px 0 0}#login-page .login-container .login-instruction{width:100%;line-height:1.42;text-align:justify;font-size:13px;color:#333;margin-bottom:16px}#login-page .login-container .login-page-button{display:block;margin:0 auto;height:auto;font-size:14px}#login-page .login-container .return-freee-button{width:35%;padding:6px 0}#login-page .login-container .login-form{margin:0 auto}#login-page .login-container .login-form .field{margin-bottom:16px}#login-page .login-container .login-form input[type=email],#login-page .login-container .login-form input[type=password],#login-page .login-container .login-form input[id=login_id],#login-page .login-container .login-form input[id=security_code]{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;display:block;width:100%}#login-page .login-container .login-form input[id=login_id],#login-page .login-container .login-form input[type=email],#login-page .login-container .login-form input[type=password]{padding:10px 6px;font-size:16px}#login-page .login-container .login-form input[id=security_code]{padding:6px 4px;font-size:17px;margin:4px auto;text-align:center;font-weight:700;letter-spacing:3px}#login-page .login-container .login-form .security-code-instruction{width:100%;text-align:center;margin-bottom:16px}#login-page .login-container .login-form .button-wrapper{text-align:center}#login-page .login-container .login-form .login-button{width:50%;padding:10px 0;background-color:#285ac8;border:0}#login-page .login-container .login-form .login-button:hover{background-color:#1e4395}#login-page .login-container .login-form .reset-button{width:50%;padding:6px 0}#login-page .login-container .login-form .devise-shared-links{padding-top:16px;text-align:center;font-size:11px;line-height:1}#login-page .login-container .oauth_container{padding-top:24px;margin-top:24px;position:relative}#login-page .login-container .oauth_container:before{content:"";display:block;height:1px;background-color:#f4f6f9;position:absolute;top:0;left:-24px;right:-24px}#login-page .login-container .single-sign-on-buttons{margin:.5rem 0 -.5rem}#login-page .login-container .btn-single-sign-on{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;width:100%;border-radius:.375rem;color:#fff;text-align:center;text-decoration:none;white-space:nowrap;font-size:.875rem;height:3rem;line-height:3rem;cursor:pointer;padding:0 1.25rem 0 2.5rem;position:relative;font-weight:700;background-color:#fff;border:1px solid #dcdcdc;color:#285ac8;margin-bottom:.5rem;-webkit-transition:background-color linear .2s;transition:background-color linear .2s}#login-page .login-container .btn-single-sign-on:hover{background-color:#f2f5fc}#login-page .login-container .btn-single-sign-on__image{width:1.25rem;position:absolute;top:50%;left:1.25rem;-webkit-transform:translate(0,-50%);transform:translateY(-50%)}#login-page .login-container .help-policy{display:none;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px #0003;margin-left:10px;margin-top:5px;padding:5px;width:200px;background:#fff;border:1px solid #f1f1f1;border-radius:8px;z-index:1000}#login-page .login-container .single-sign-on-buttons:hover .help-policy{display:inline;color:#666}#login-page .payroll-link a{color:#006939}#login-page .sign-up-link{text-align:center;margin-bottom:22px;font-size:13px;font-weight:400}#login-page .payroll-sign-up-link{margin-bottom:22px}#login-page #hr-login-link{display:block;width:337px;height:46px;margin:0 auto;color:#285ac8;fill:#285ac8;background-color:#fff;text-decoration:none;border:solid 1px #285ac8;border-radius:4px}#login-page #hr-login-link .hr-logo{float:left;height:30px;width:108px;margin:8px 0 8px 15px}#login-page #hr-login-link .instruction{float:left;display:block;line-height:46px;font-size:14px;margin-left:10px}#login-page #hr-login-link .arrow{float:right;margin:15px 15px 15px 0;height:16px}#login-page #hr-login-link:hover{background-color:#f2f5fc}#login-page .transition{-webkit-transition:.2s linear;transition:.2s linear}#footer-area{position:fixed;bottom:0;width:100%}.footer-area{margin:0;padding-bottom:0;position:absolute;left:0;right:0;bottom:16px}.footer-area .navigations .links li a,.footer-area .navigations .copyright li{color:#252525}@media screen and (max-height: 810px){#login-page{position:relative;top:auto;left:auto;-webkit-transform:translate(0%,0%);transform:translate(0);margin-top:0}.footer-area{margin-top:20px;position:relative;left:auto;right:auto;bottom:auto}}@media screen and (max-width: 768px){#login-page{position:relative;top:auto;left:auto;-webkit-transform:translate(0%,0%);transform:translate(0);margin-top:0}.footer-area{position:relative;left:auto;right:auto;bottom:auto}.responsive #login-page .title-logo{max-width:calc(100vw - 32px)}.responsive #login-page .login-container{width:auto}.responsive #login-page #hr-login-link{width:auto;min-width:316px;margin-left:16px;margin-right:16px}}#tmx_tags_iframe{visibility:hidden}.right-banner-area{display:none;position:fixed;top:0;right:0;width:320px;height:100vh;background-color:#fff;z-index:1}.right-banner-container{height:100%;text-align:center}.right-banner-view{position:absolute;bottom:180px;left:0;right:0}.right-banner-view .right-banner-container-image img{width:300px;text-align:center}.right-banner-view .img-right{text-align:right}.right-banner-view .right-banner-logo{margin:30px 0;text-align:center}.right-banner-view .right-banner-logo__appStoreLogo2021{height:48px;width:273px}.right-banner-view .right-banner-logo svg{width:35%;vertical-align:middle}.right-banner-view .right-banner-logo span{font-family:Noto Sans,sans-serif;width:100%;color:#4575b4;font-size:14px}.right-banner-view .right-banner-logo span.separator{vertical-align:middle;font-size:17px;margin:0 13px}.right-banner-view .right-banner-logo span.title{font-weight:600;vertical-align:middle}.right-banner-view .right-banner-logo span.large-title{font-size:21px;font-weight:600;vertical-align:middle;margin-bottom:5px;display:inline-block}.right-banner-container-msg{background-color:#4575b4;position:absolute;bottom:0;right:0;left:0;padding:16px;height:140px;text-align:center}.right-banner-container-msg p{color:#fff}.right-banner-container-msg a{background-color:#fff;color:#2864f0;font-weight:700}.right-banner-button{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;background-color:#fff;color:#2864f0;border:1px solid #e9e7e7;border-radius:.5rem;padding:0rem 1rem;font-size:1rem;font-weight:600;min-width:12rem;height:3rem;line-height:3rem}.right-banner-button:hover{text-decoration:none;color:#2864f0;background-color:#f2f6fe}.right-banner-button--hr{color:#267a43}.right-banner-button--hr:hover{color:#267a43;background-color:#f3f8f5}.right-banner-button--primary{background-color:#285ac8;color:#fff;border:0}.right-banner-button--primary:hover{text-decoration:none;color:#fff;background-color:#2049a2}.right-banner-button-arrow{padding:0 0 0 .5rem}.right-banner-button--brandnew{min-width:20rem;color:#2864ee;border:0;text-align:center;font-family:Noto Sans JP,sans-serif;vertical-align:middle}.right-banner-button--brandnew:hover{color:#2864ee}.right-banner-button--icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn.right-banner-link{-webkit-appearance:none}@media screen and (min-width: 900px) and (min-height: 600px){.accounting.new.with-banner,.main.new.with-banner,.crm.new.with-banner{background-color:#ebf3ff}.accounting.new.with-banner .contents-area,.main.new.with-banner .contents-area,.crm.new.with-banner .contents-area{display:table;top:0;width:100%;max-width:100%;height:100%;margin:0}.accounting.new.with-banner .contents-area #login-page,.main.new.with-banner .contents-area #login-page,.crm.new.with-banner .contents-area #login-page{position:static;display:table-cell;top:0;left:0;-webkit-transform:translate(0%,0%);transform:translate(0);margin-top:0}.accounting.new.with-banner .contents-area .right-banner-area,.main.new.with-banner .contents-area .right-banner-area,.crm.new.with-banner .contents-area .right-banner-area{display:table-cell;vertical-align:top;position:static;background-color:#f7f5f5}.accounting.new.with-banner .contents-area .right-banner-area__fixed,.main.new.with-banner .contents-area .right-banner-area__fixed,.crm.new.with-banner .contents-area .right-banner-area__fixed{width:320px}.accounting.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021,.main.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021,.crm.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021{width:480px;position:relative;font-family:Noto Sans JP}.accounting.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021:hover,.main.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021:hover,.crm.new.with-banner .contents-area .right-banner-area__fixed-brandnew2021:hover{opacity:.9}.accounting.new.with-banner .contents-area .right-banner-area__large,.main.new.with-banner .contents-area .right-banner-area__large,.crm.new.with-banner .contents-area .right-banner-area__large{width:40%;max-width:640px}.accounting.new.with-banner .contents-area .right-banner-area--hr,.main.new.with-banner .contents-area .right-banner-area--hr,.crm.new.with-banner .contents-area .right-banner-area--hr{background-color:#f9f7f4;display:block}.accounting.new.with-banner .footer-area,.main.new.with-banner .footer-area,.crm.new.with-banner .footer-area{padding:0 0 24px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:0;max-width:none;text-align:left}.accounting.new.with-banner .footer-area .navigations,.main.new.with-banner .footer-area .navigations,.crm.new.with-banner .footer-area .navigations{float:none}.accounting.new.with-banner .footer-area .navigations a,.main.new.with-banner .footer-area .navigations a,.crm.new.with-banner .footer-area .navigations a{color:#7a766d}.accounting.new.with-banner .footer-area .navigations .copyright,.main.new.with-banner .footer-area .navigations .copyright,.crm.new.with-banner .footer-area .navigations .copyright{color:#252525}.main.new.with-banner .right-banner-container__vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff}.main.new.with-banner .right-banner-top{padding:3rem 0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.main.new.with-banner .right-banner-top-logo{width:232px;padding:0 0 .5rem}.main.new.with-banner .right-banner-top-heading{font-weight:600;line-height:1.5;margin:1.5rem 0;position:relative}.main.new.with-banner .right-banner-top-heading span{font-size:1.2rem;color:#2864f0}.main.new.with-banner .right-banner-top-heading span:first-child{padding:0 .25rem .25rem;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#fcd278));background:linear-gradient(transparent 40%,#fcd278 40%)}.main.new.with-banner .right-banner-top-image{margin:0 0 3rem}.main.new.with-banner .right-banner-bottom{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#2864f0;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main.new.with-banner .right-banner-bottom-description{color:#fff;font-size:.875rem;font-weight:300;line-height:1.5;margin:1.5rem 0 0}.payroll.new.with-banner,.accounts.new.with-banner,.ffl.new.with-banner{background-color:#ebf3ff}.payroll.new.with-banner .contents-area,.accounts.new.with-banner .contents-area,.ffl.new.with-banner .contents-area{width:calc(100vw - 320px);margin:0}.payroll.new.with-banner .contents-area #login-page,.accounts.new.with-banner .contents-area #login-page,.ffl.new.with-banner .contents-area #login-page{width:calc(100vw - 320px);position:relative;top:auto;left:auto;-webkit-transform:translate(0%,0%);transform:translate(0);margin-top:0}.payroll.new.with-banner .contents-area .right-banner-area,.accounts.new.with-banner .contents-area .right-banner-area,.ffl.new.with-banner .contents-area .right-banner-area{background-color:#f4f6f9;display:block}.payroll.new.with-banner .contents-area .right-banner-area--hr,.accounts.new.with-banner .contents-area .right-banner-area--hr,.ffl.new.with-banner .contents-area .right-banner-area--hr{background-color:#f9f7f4;display:block}.payroll.new.with-banner .footer-area,.accounts.new.with-banner .footer-area,.ffl.new.with-banner .footer-area{padding:20px 0 24px;position:relative;width:calc(100vw - 300px);max-width:none;text-align:center;bottom:-5px}.payroll.new.with-banner .footer-area .navigations,.accounts.new.with-banner .footer-area .navigations,.ffl.new.with-banner .footer-area .navigations{float:none}.payroll.new.with-banner .footer-area .navigations a,.accounts.new.with-banner .footer-area .navigations a,.ffl.new.with-banner .footer-area .navigations a{color:#7a766d}.payroll.new.with-banner .footer-area .navigations .copyright,.accounts.new.with-banner .footer-area .navigations .copyright,.ffl.new.with-banner .footer-area .navigations .copyright{color:#252525}.payroll.new.with-banner .footer-area ul.banners li img,.accounts.new.with-banner .footer-area ul.banners li img,.ffl.new.with-banner .footer-area ul.banners li img{margin-right:64px}.payroll.new.with-banner .footer-area{bottom:23px}}