@charset "UTF-8";
/* 共通項目 */
/* IE */
/* Modern browser */
@font-face {
  font-family: 'NotoSansBold';
  src: url("../fonts/NotoSansCJKjp-Bold.otf");
}
/* IE */
@font-face {
  font-family: 'NotoSansLight';
  src: url("../fonts/NotoSansCJKjp-Light.woff");
  font-weight: 400;
}
/* Modern browser */
@font-face {
  font-family: 'NotoSansLight';
  src: url("../fonts/NotoSansCJKjp-Light.woff") format("woff");
  font-weight: 400;
}
/* line 52, ../sass/login.scss */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* line 55, ../sass/login.scss */
#change_login_info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 425px;
  margin: auto;
}

/* line 68, ../sass/login.scss */
#login {
  margin-bottom: 30px;
}
/* line 71, ../sass/login.scss */
#login.login {
  margin-bottom: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
}
/* line 79, ../sass/login.scss */
#login.login .attention {
  font-size: 9px;
  line-height: 14px;
  text-align: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  /* line 79, ../sass/login.scss */
  #login.login .attention {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 12px;
  }
}
/* line 90, ../sass/login.scss */
#login.login .logo {
  margin-top: 50px;
  width: 144px;
  height: 37px;
}
@media only screen and (max-width: 1024px) {
  /* line 90, ../sass/login.scss */
  #login.login .logo {
    margin-top: 50px;
    width: 230px;
    height: auto;
  }
}
/* line 100, ../sass/login.scss */
#login.login .login-img {
  width: 75px;
  height: 75px;
  margin-top: 40px;
}
/* line 105, ../sass/login.scss */
#login.login .login-save {
  width: 75px;
  height: 60px;
  margin-top: 50px;
}
/* line 110, ../sass/login.scss */
#login.login .login_area {
  margin: 0 10px;
}
/* line 113, ../sass/login.scss */
#login.login .login_area.bottomArea #pass-change-block {
  margin-bottom: 0;
}
/* line 116, ../sass/login.scss */
#login.login .login_area.bottomArea .submit_area {
  margin-bottom: 0;
}
/* line 118, ../sass/login.scss */
#login.login .login_area.bottomArea .submit_area ul {
  margin-bottom: 0;
}
/* line 120, ../sass/login.scss */
#login.login .login_area.bottomArea .submit_area ul li {
  margin-bottom: 0;
}
/* line 126, ../sass/login.scss */
#login.login .login_area p {
  text-align: center;
  color: #ea6587;
  font-weight: 700;
  font-family: 'NotoSansBold';
  font-size: 11px;
  line-height: 24px;
}
@media only screen and (max-width: 1024px) {
  /* line 126, ../sass/login.scss */
  #login.login .login_area p {
    font-size: 12px;
  }
}
/* line 136, ../sass/login.scss */
#login.login .login_area p.consent {
  color: #717071;
  font-weight: 400;
  font-family: 'NotoSansLight';
}
/* line 140, ../sass/login.scss */
#login.login .login_area p.consent .link {
  color: #036eb8;
  text-decoration: none;
}
/* line 147, ../sass/login.scss */
#login.login .login_area ul {
  margin: 15px 0;
}
/* line 149, ../sass/login.scss */
#login.login .login_area ul li {
  margin: 10px 0;
}
/* line 151, ../sass/login.scss */
#login.login .login_area ul li.next-login {
  margin-top: 15px;
}
/* line 154, ../sass/login.scss */
#login.login .login_area ul li input[type="text"], #login.login .login_area ul li input[type="password"], #login.login .login_area ul li input[type="url"], #login.login .login_area ul li input[type="email"] {
  width: 290px;
}
@media only screen and (min-width: 1025px) {
  /* line 154, ../sass/login.scss */
  #login.login .login_area ul li input[type="text"], #login.login .login_area ul li input[type="password"], #login.login .login_area ul li input[type="url"], #login.login .login_area ul li input[type="email"] {
    width: 385px;
    padding: 1px 20px 0px 20px;
  }
}
/* line 170, ../sass/login.scss */
#login.login .login_area ul.pass-current {
  margin-bottom: 30px;
  margin-top: 0;
}
/* line 173, ../sass/login.scss */
#login.login .login_area ul.pass-current li {
  margin-top: 0;
}
/* line 177, ../sass/login.scss */
#login.login .login_area ul input#form_password::-webkit-input-placeholder {
  padding: 0;
}
/* line 180, ../sass/login.scss */
#login.login .login_area ul input#form_check_password::-webkit-input-placeholder {
  padding: 0;
}
/* line 185, ../sass/login.scss */
#login.login .login_area input[type="text"],
#login.login .login_area input[type="email"],
#login.login .login_area input[type="password"],
#login.login .login_area input[type="url"] {
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  color: #000;
  height: 40px;
  border: none;
  margin: 0;
  font-size: 14px;
  border: 1px solid #ea6587;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'NotoSansLight';
  -webkit-appearance: none;
}
/* line 203, ../sass/login.scss */
#login.login .login_area input[type="text"]::-webkit-input-placeholder,
#login.login .login_area input[type="email"]::-webkit-input-placeholder,
#login.login .login_area input[type="password"]::-webkit-input-placeholder,
#login.login .login_area input[type="url"]::-webkit-input-placeholder {
  color: #ea6587;
  font-size: 14px;
}
/* line 207, ../sass/login.scss */
#login.login .login_area input[type="text"]:-ms-input-placeholder,
#login.login .login_area input[type="email"]:-ms-input-placeholder,
#login.login .login_area input[type="password"]:-ms-input-placeholder,
#login.login .login_area input[type="url"]:-ms-input-placeholder {
  color: #ea6587;
  font-size: 14px;
}
/* line 211, ../sass/login.scss */
#login.login .login_area input[type="text"]::-moz-placeholder,
#login.login .login_area input[type="email"]::-moz-placeholder,
#login.login .login_area input[type="password"]::-moz-placeholder,
#login.login .login_area input[type="url"]::-moz-placeholder {
  color: #ea6587;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  /* line 185, ../sass/login.scss */
  #login.login .login_area input[type="text"],
  #login.login .login_area input[type="email"],
  #login.login .login_area input[type="password"],
  #login.login .login_area input[type="url"] {
    font-size: 14px;
  }
}
/* line 222, ../sass/login.scss */
#login.login .login_area input[type="password"] {
  padding: 0 10px 2px 10px;
}
/* line 224, ../sass/login.scss */
#login.login .login_area input[type="password"].pb0 {
  padding-bottom: 0;
}
/* line 227, ../sass/login.scss */
#login.login .login_area input[type="password"].pass-input {
  padding: 10px 10px 12px;
}
/* line 231, ../sass/login.scss */
#login.login .login_area label.check {
  line-height: 20px;
  display: block;
  height: 20px;
  width: 176px;
  margin: auto;
  font-size: 14px;
}
/* line 238, ../sass/login.scss */
#login.login .login_area label.check input[type=checkbox] {
  position: relative;
  top: -1px;
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: #fff;
  border-radius: 3px;
  margin: 0;
  border: 1px solid #bbb;
}
/* line 251, ../sass/login.scss */
#login.login .login_area label.check input[type=checkbox]:checked {
  background: #9f9fa0 url(../img/check_bg_white.svg) no-repeat center center;
  background-size: 12px auto;
}
@media only screen and (max-width: 1024px) {
  /* line 231, ../sass/login.scss */
  #login.login .login_area label.check {
    width: 228px;
    margin: auto;
    font-size: 14px;
  }
}
/* line 262, ../sass/login.scss */
#login.login .login_area .submit_area {
  margin: 30px 0;
  text-align: center;
}
/* line 266, ../sass/login.scss */
#login.login .login_area #pass-change-block {
  margin-bottom: 76px;
}
/* line 269, ../sass/login.scss */
#login.login .login_area #version-block {
  margin-top: 0;
  margin-bottom: 150px;
}
/* line 273, ../sass/login.scss */
#login.login .login_area #pass-send-btn {
  margin-bottom: 184px;
}
/* line 277, ../sass/login.scss */
#login.login .complete_area {
  color: #fff;
}
/* line 281, ../sass/login.scss */
#login .lead {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 30px 0;
  margin: 0;
}
/* line 287, ../sass/login.scss */
#login .lead.login-top {
  padding-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 287, ../sass/login.scss */
  #login .lead.login-top {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 293, ../sass/login.scss */
  #login .lead.staff-text {
    font-size: 16px;
    padding-bottom: 25px;
    line-height: 35px;
    padding-top: 15px;
  }
}
/* line 301, ../sass/login.scss */
#login .lead.pass-text {
  padding: 20px 0;
  font-family: 'NotoSansLight';
}
@media only screen and (max-width: 1024px) {
  /* line 281, ../sass/login.scss */
  #login .lead {
    font-size: 14px;
  }
}
/* line 310, ../sass/login.scss */
#login .action .reception-time {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
  /* line 310, ../sass/login.scss */
  #login .action .reception-time {
    font-size: 14px;
  }
}
/* line 320, ../sass/login.scss */
#login .action ul {
  width: 270px;
  margin: 0 auto;
  text-align: center;
}
/* line 324, ../sass/login.scss */
#login .action ul li {
  margin-bottom: 36px;
}
@media only screen and (max-width: 1024px) {
  /* line 324, ../sass/login.scss */
  #login .action ul li {
    margin-bottom: 15px;
  }
  /* line 328, ../sass/login.scss */
  #login .action ul li.under {
    margin-bottom: 35px;
    padding: 15px 0 0 0;
  }
}
/* line 333, ../sass/login.scss */
#login .action ul li .btn {
  width: 126px;
}
/* line 339, ../sass/login.scss */
#login .remind_area {
  padding-top: 15px;
}
/* line 341, ../sass/login.scss */
#login .remind_area .title {
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  text-align: center;
  margin-bottom: 5px;
}
/* line 350, ../sass/login.scss */
#login .remind_area.denial .title {
  color: #ffbb42;
}
/* line 355, ../sass/login.scss */
#login .remind_area.ontheway .title {
  color: #80c2ae;
}
/* line 360, ../sass/login.scss */
#login .timesheet_title {
  display: table;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}
/* line 366, ../sass/login.scss */
#login .timesheet_title .content {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  padding: 0 10px;
}
/* line 371, ../sass/login.scss */
#login .timesheet_title .content .person {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 378, ../sass/login.scss */
#login .timesheet_title .content .date {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 385, ../sass/login.scss */
#login .timesheet_title .content .name {
  display: block;
  font-size: 10px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 15px;
}
/* line 393, ../sass/login.scss */
#login .timesheet_title.denial {
  background: #ffbb42;
}
/* line 396, ../sass/login.scss */
#login .timesheet_title.ontheway {
  background: #80c2ae;
}
/* line 399, ../sass/login.scss */
#login .timesheet_title.pending {
  background: #89ced7;
}
/* line 402, ../sass/login.scss */
#login .timesheet_title.confirm {
  background: #a5afd7;
}
/* line 405, ../sass/login.scss */
#login .timesheet_title.definite {
  background: #9f9fa0;
}
/* line 409, ../sass/login.scss */
#login .timesheet_before {
  display: table;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -14px;
  margin-bottom: 15px;
  background: #9f9fa0;
}
/* line 417, ../sass/login.scss */
#login .timesheet_before .content {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  padding: 0 10px;
}
/* line 422, ../sass/login.scss */
#login .timesheet_before .content .person {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 429, ../sass/login.scss */
#login .timesheet_before .content .date {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 439, ../sass/login.scss */
#login .calendar_area ul {
  margin-top: -15px;
}
/* line 441, ../sass/login.scss */
#login .calendar_area ul li {
  position: relative;
  border-bottom: 1px solid #9f9fa0;
  color: #9f9fa0;
  height: 49px;
}
/* line 446, ../sass/login.scss */
#login .calendar_area ul li .content {
  display: block;
  position: relative;
  color: #9f9fa0;
  text-decoration: none;
  padding: 12px 0;
  height: 25px;
  line-height: 25px;
}
/* line 455, ../sass/login.scss */
#login .calendar_area ul li a.content:after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #9f9fa0;
  border-right: 2px solid #9f9fa0;
  display: block;
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 470, ../sass/login.scss */
#login .calendar_area ul li .date {
  display: inline-block;
  text-align: right;
  width: 45px;
  font-size: 16px;
}
/* line 475, ../sass/login.scss */
#login .calendar_area ul li .date .dotw {
  font-size: 10px;
}
/* line 479, ../sass/login.scss */
#login .calendar_area ul li .time {
  display: inline-block;
  padding-left: 15px;
  font-size: 16px;
}
/* line 484, ../sass/login.scss */
#login .calendar_area ul li .type {
  display: block;
  position: absolute;
  right: 35px;
  top: 12px;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 25px;
  text-align: center;
  padding: 0 8px;
}
/* line 495, ../sass/login.scss */
#login .calendar_area ul li .type.denial {
  background: #ffbb42;
}
/* line 498, ../sass/login.scss */
#login .calendar_area ul li .type.ontheway {
  background: #80c2ae;
}
/* line 501, ../sass/login.scss */
#login .calendar_area ul li .type.pending {
  background: #89ced7;
}
/* line 504, ../sass/login.scss */
#login .calendar_area ul li .type.confirm {
  background: #a5afd7;
}
/* line 507, ../sass/login.scss */
#login .calendar_area ul li .type.definite {
  background: #9f9fa0;
}
/* line 514, ../sass/login.scss */
#login .holidaylist_area {
  padding-top: 15px;
}
/* line 516, ../sass/login.scss */
#login .holidaylist_area ul {
  border-top: 1px solid #9f9fa0;
}
/* line 518, ../sass/login.scss */
#login .holidaylist_area ul li {
  height: 70px;
  border-bottom: 1px solid #9f9fa0;
  position: relative;
  display: table;
  width: 100%;
}
/* line 524, ../sass/login.scss */
#login .holidaylist_area ul li .content {
  color: #9f9fa0;
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  padding: 0 10px;
  text-decoration: none;
  position: relative;
}
/* line 533, ../sass/login.scss */
#login .holidaylist_area ul li a.content:after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #9f9fa0;
  border-right: 2px solid #9f9fa0;
  display: block;
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 548, ../sass/login.scss */
#login .holidaylist_area ul li .date {
  display: block;
  font-size: 14px;
  line-height: 15px;
}
/* line 553, ../sass/login.scss */
#login .holidaylist_area ul li .name {
  display: block;
  font-size: 10px;
  line-height: 15px;
}
/* line 558, ../sass/login.scss */
#login .holidaylist_area ul li .type {
  display: block;
  position: absolute;
  right: 35px;
  top: 15px;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 40px;
  text-align: center;
  padding: 0 8px;
}
/* line 569, ../sass/login.scss */
#login .holidaylist_area ul li .type.denial {
  background: #ffbb42;
}
/* line 572, ../sass/login.scss */
#login .holidaylist_area ul li .type.ontheway {
  background: #80c2ae;
}
/* line 575, ../sass/login.scss */
#login .holidaylist_area ul li .type.pending {
  background: #89ced7;
}
/* line 578, ../sass/login.scss */
#login .holidaylist_area ul li .type.confirm {
  background: #a5afd7;
}
/* line 581, ../sass/login.scss */
#login .holidaylist_area ul li .type.definite {
  background: #9f9fa0;
}
/* line 588, ../sass/login.scss */
#login .form_area {
  margin: 0 10px 33px;
}
/* line 591, ../sass/login.scss */
#login .form_area.typeA .timeselect {
  width: 250px;
  margin: 15px auto 0;
}
/* line 594, ../sass/login.scss */
#login .form_area.typeA .timeselect li {
  overflow: hidden;
  margin-bottom: 15px;
}
/* line 597, ../sass/login.scss */
#login .form_area.typeA .timeselect li label {
  width: 45px;
  display: block;
  float: left;
  line-height: 40px;
  height: 40px;
}
/* line 604, ../sass/login.scss */
#login .form_area.typeA .timeselect li select {
  width: 205px;
  margin-bottom: 0;
}
/* line 613, ../sass/login.scss */
#login .form_area.typeB dl dt {
  background: transparent;
  position: relative;
  vertical-align: middle;
}
/* line 621, ../sass/login.scss */
#login .form_area.typeB dl.error dt, #login .form_area.typeB dl.error dd {
  background: #fc0;
  padding: 5px 5px 0;
}
/* line 624, ../sass/login.scss */
#login .form_area.typeB dl.error dt .error-message, #login .form_area.typeB dl.error dd .error-message {
  color: #f00;
  margin: 0;
  font-weight: 700;
  font-family: 'NotoSansBold';
}
/* line 631, ../sass/login.scss */
#login .form_area.typeB dl.error dd {
  padding: 5px 5px 10px;
}
/* line 637, ../sass/login.scss */
#login .form_area.typeB dl dt {
  border: none;
  color: #595757;
}
/* line 641, ../sass/login.scss */
#login .form_area.typeB dl dd {
  padding: 5px 0 10px;
  border: none;
}
/* line 646, ../sass/login.scss */
#login .form_area.typeB .span-space {
  display: inline-block;
  width: 2%;
}
/* line 650, ../sass/login.scss */
#login .form_area.typeB .span62 {
  width: 62%;
}
/* line 653, ../sass/login.scss */
#login .form_area.typeB .span36 {
  width: 36%;
}
/* line 656, ../sass/login.scss */
#login .form_area.typeB .span33 {
  width: 33.33%;
}
/* line 659, ../sass/login.scss */
#login .form_area.typeB .span-full {
  width: 100%;
}
/* line 662, ../sass/login.scss */
#login .form_area.typeB span.required {
  background: #e60012;
  border-radius: 3px;
  color: #fff;
  padding: 2px 10px;
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 1025px) {
  /* line 662, ../sass/login.scss */
  #login .form_area.typeB span.required {
    font-size: 14px;
    vertical-align: middle;
    padding: 7px 10px;
    margin-right: 5px;
  }
}
/* line 677, ../sass/login.scss */
#login .form_area.typeB span.not-required {
  background: #0076c3;
  border-radius: 3px;
  color: #fff;
  padding: 2px 10px;
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 1025px) {
  /* line 677, ../sass/login.scss */
  #login .form_area.typeB span.not-required {
    font-size: 14px;
    vertical-align: middle;
    padding: 7px 10px;
    margin-right: 5px;
  }
}
/* line 692, ../sass/login.scss */
#login .form_area.typeB .input-required {
  background-color: #fbe1e5;
}
/* line 695, ../sass/login.scss */
#login .form_area.typeB .notice {
  font-size: 11px;
}
/* line 699, ../sass/login.scss */
#login .form_area .error-message {
  color: #f00;
  margin: 0;
  font-weight: 700;
  font-family: 'NotoSansBold';
  font-size: 11px;
  line-height: 20px;
}
/* line 707, ../sass/login.scss */
#login .form_area select {
  margin-bottom: 0;
}
/* line 709, ../sass/login.scss */
#login .form_area select.input-required {
  background-color: #fbe1e5;
}
/* line 713, ../sass/login.scss */
#login .form_area textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
}
/* line 722, ../sass/login.scss */
#login .switch_area {
  margin: 0 10px 15px;
}
/* line 724, ../sass/login.scss */
#login .switch_area ul {
  overflow: hidden;
}
/* line 726, ../sass/login.scss */
#login .switch_area ul li {
  float: left;
  box-sizing: border-box;
  width: 33.33%;
  border: 1px solid #ea6587;
  border-left: none;
}
/* line 732, ../sass/login.scss */
#login .switch_area ul li:first-child {
  border-left: 1px solid #ea6587;
}
/* line 735, ../sass/login.scss */
#login .switch_area ul li a {
  display: block;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  color: #ea6587;
  text-align: center;
}
/* line 744, ../sass/login.scss */
#login .switch_area ul li.active a {
  background: #ea6587;
  color: #fff;
}
/* line 752, ../sass/login.scss */
#login .search_area {
  margin: 0 10px 15px;
}
/* line 754, ../sass/login.scss */
#login .search_area .content {
  display: table;
  width: 100%;
}
/* line 758, ../sass/login.scss */
#login .search_area .text {
  display: table-cell;
  vertical-align: top;
}
/* line 762, ../sass/login.scss */
#login .search_area .submit {
  display: table-cell;
  vertical-align: top;
  width: 70px;
}
/* line 767, ../sass/login.scss */
#login .search_area input[type="text"] {
  border: 1px solid #ea6587;
  box-sizing: border-box;
  height: 35px;
  border-radius: 0;
  margin: 0;
  width: 100%;
}
/* line 775, ../sass/login.scss */
#login .search_area button {
  width: 70px;
  height: 35px;
  border: 1px solid #ea6587;
  background: #ea6587;
  box-sizing: border-box;
  color: #fff;
}
/* line 784, ../sass/login.scss */
#login .message_area {
  margin: 10px 10px 20px;
}
/* line 786, ../sass/login.scss */
#login .message_area .title {
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  text-align: center;
  margin-bottom: 5px;
}
/* line 794, ../sass/login.scss */
#login .message_area .text {
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 17px;
  min-height: 85px;
}
/* line 802, ../sass/login.scss */
#login .message_area.denial .title {
  color: #ffbb42;
}
/* line 805, ../sass/login.scss */
#login .message_area.denial .text {
  background: #ffbb42;
}
/* line 810, ../sass/login.scss */
#login .message_area.ontheway .title {
  color: #80c2ae;
}
/* line 813, ../sass/login.scss */
#login .message_area.ontheway .text {
  background: #80c2ae;
}
/* line 818, ../sass/login.scss */
#login .message_area.pending .title {
  color: #89ced7;
}
/* line 821, ../sass/login.scss */
#login .message_area.pending .text {
  background: #89ced7;
}
/* line 826, ../sass/login.scss */
#login .message_area.confirm .title {
  color: #a5afd7;
}
/* line 829, ../sass/login.scss */
#login .message_area.confirm .text {
  background: #a5afd7;
}
/* line 834, ../sass/login.scss */
#login .message_area.definite .title {
  color: #9f9fa0;
}
/* line 837, ../sass/login.scss */
#login .message_area.definite .text {
  background: #9f9fa0;
}
/* line 843, ../sass/login.scss */
#login .complete_area .icon {
  margin: 40px auto 25px;
  text-align: center;
}
/* line 846, ../sass/login.scss */
#login .complete_area .icon img {
  width: 80px;
  height: 80px;
}
/* line 851, ../sass/login.scss */
#login .complete_area .text {
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 35px;
}
/* line 858, ../sass/login.scss */
#login .foot_action {
  margin: 33px 0 38px;
}
/* line 860, ../sass/login.scss */
#login .foot_action ul {
  width: 250px;
  margin: 0 auto;
  text-align: center;
}
/* line 864, ../sass/login.scss */
#login .foot_action ul li {
  margin-bottom: 10px;
}
/* line 868, ../sass/login.scss */
#login .foot_action ul li.pass a {
  font-size: 13px;
  width: 170px;
  height: 30px;
  line-height: 28px;
  border-radius: 15px;
  background: #f7c8d6;
  border: none;
  box-sizing: border-box;
  color: #fff;
}
/* line 878, ../sass/login.scss */
#login .foot_action ul li.pass a.login-pass {
  background: #fff;
  border: 1px solid #afafaf;
  color: #595757;
  font-weight: 400;
}
/* line 891, ../sass/login.scss */
#login .foot_action ul#pass-change-list {
  margin-bottom: 74px;
}
/* line 895, ../sass/login.scss */
#login .foot_action.bottomArea {
  margin-bottom: 0;
}
/* line 898, ../sass/login.scss */
#login .foot_action.bottomArea ul#pass-change-list {
  margin-bottom: 0;
}
/* line 900, ../sass/login.scss */
#login .foot_action.bottomArea ul#pass-change-list li {
  margin-bottom: 0;
}
/* line 907, ../sass/login.scss */
#login ul.timelist {
  border-top: 1px solid #fff;
}
/* line 909, ../sass/login.scss */
#login ul.timelist li {
  height: 70px;
  border-bottom: 1px solid #fff;
  position: relative;
  display: table;
  width: 100%;
}
/* line 915, ../sass/login.scss */
#login ul.timelist li a, #login ul.timelist li .content {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  padding: 0 10px;
  text-decoration: none;
  position: relative;
}
/* line 923, ../sass/login.scss */
#login ul.timelist li a .person, #login ul.timelist li .content .person {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 930, ../sass/login.scss */
#login ul.timelist li a .date, #login ul.timelist li .content .date {
  display: block;
  font-size: 14px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 18px;
}
/* line 937, ../sass/login.scss */
#login ul.timelist li a .name, #login ul.timelist li a .shop, #login ul.timelist li .content .name, #login ul.timelist li .content .shop {
  display: block;
  font-size: 10px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 15px;
}
/* line 945, ../sass/login.scss */
#login ul.timelist li a:after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 960, ../sass/login.scss */
#login ul.timelist li label.content {
  cursor: pointer;
}
/* line 962, ../sass/login.scss */
#login ul.timelist li label.content input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 3px;
}
/* line 974, ../sass/login.scss */
#login ul.timelist li label.content input[type=checkbox]:checked {
  background: #fff url(../img/check_bg.svg) no-repeat center center;
  background-size: 12px auto;
}
/* line 980, ../sass/login.scss */
#login ul.timelist li.denial {
  background: #ffbb42;
}
/* line 983, ../sass/login.scss */
#login ul.timelist li.ontheway {
  background: #80c2ae;
}
/* line 986, ../sass/login.scss */
#login ul.timelist li.pending {
  background: #89ced7;
}
/* line 989, ../sass/login.scss */
#login ul.timelist li.confirm {
  background: #a5afd7;
}
/* line 992, ../sass/login.scss */
#login ul.timelist li.definite {
  background: #9f9fa0;
}
/* line 998, ../sass/login.scss */
#login .allcheck label {
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #b4b5b5;
  position: relative;
  color: #fff;
}
/* line 1008, ../sass/login.scss */
#login .allcheck label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 3px;
}
/* line 1020, ../sass/login.scss */
#login .allcheck label input[type=checkbox]:checked {
  background: #fff url(../img/check_bg.svg) no-repeat center center;
  background-size: 12px auto;
}
/* line 1027, ../sass/login.scss */
#login .menu_area {
  margin: 0 0 30px;
}
/* line 1029, ../sass/login.scss */
#login .menu_area ul {
  border-top: 1px solid #717071;
}
/* line 1031, ../sass/login.scss */
#login .menu_area ul li {
  border-bottom: 1px solid #717071;
}
/* line 1033, ../sass/login.scss */
#login .menu_area ul li a {
  display: block;
  padding: 20px 30px 20px 68px;
  line-height: 20px;
  color: #ea6587;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  /* line 1033, ../sass/login.scss */
  #login .menu_area ul li a {
    font-size: 16px;
  }
}
/* line 1047, ../sass/login.scss */
#login .menu_area ul li a:after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #ea6587;
  border-right: 2px solid #ea6587;
  display: block;
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 1062, ../sass/login.scss */
#login .menu_area ul li a span {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-family: 'NotoSansLight';
  font-size: 14px;
  color: #000;
  line-height: 19px;
}
@media only screen and (max-width: 1024px) {
  /* line 1062, ../sass/login.scss */
  #login .menu_area ul li a span {
    font-size: 14px;
  }
}
/* line 1073, ../sass/login.scss */
#login .menu_area ul li a span.red {
  color: #f00;
  font-weight: 700;
  font-family: 'NotoSansBold';
}
/* line 1081, ../sass/login.scss */
#login .menu_area ul li#menu01 a {
  background: url(../img/icon-history.svg) no-repeat 11px center;
  background-size: 35px auto;
}
/* line 1087, ../sass/login.scss */
#login .menu_area ul li#menu02 a {
  background: url(../img/icon-message.svg) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1090, ../sass/login.scss */
#login .menu_area ul li#menu02 a.red {
  background-color: #f9d0dd;
}
/* line 1096, ../sass/login.scss */
#login .menu_area ul li#menu03 a {
  background: url(../img/icon-time-card.svg) no-repeat 10px center;
  background-size: 37px auto;
}
/* line 1099, ../sass/login.scss */
#login .menu_area ul li#menu03 a.red {
  background-color: #f9d0dd;
}
/* line 1105, ../sass/login.scss */
#login .menu_area ul li#menu04 a {
  background: url(../img/icon-agreement.svg) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1108, ../sass/login.scss */
#login .menu_area ul li#menu04 a.red {
  background-color: #f9d0dd;
}
/* line 1114, ../sass/login.scss */
#login .menu_area ul li#menu05 a {
  background: url(../img/icon-notices.svg) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1117, ../sass/login.scss */
#login .menu_area ul li#menu05 a.red {
  background-color: #f9d0dd;
}
/* line 1123, ../sass/login.scss */
#login .menu_area ul li#menu06 a {
  background: url(../img/icon-salary.svg) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1126, ../sass/login.scss */
#login .menu_area ul li#menu06 a.red {
  background-color: #f9d0dd;
}
/* line 1132, ../sass/login.scss */
#login .menu_area ul li#menu07 a {
  background: url(../img/icon-change.svg) no-repeat 10px center;
  background-size: 42px auto;
}
/* line 1135, ../sass/login.scss */
#login .menu_area ul li#menu07 a.red {
  background-color: #f9d0dd;
}
/* line 1141, ../sass/login.scss */
#login .menu_area ul li#menu08 a {
  background: url(../img/icon-salaried.svg) no-repeat 10px center;
  background-size: 40px auto;
}
/* line 1144, ../sass/login.scss */
#login .menu_area ul li#menu08 a.red {
  background-color: #f9d0dd;
}
/* line 1150, ../sass/login.scss */
#login .menu_area ul li#menu09 a {
  background: url(../img/icon-login-save.svg) no-repeat 10px center;
  background-size: 40px auto;
}
/* line 1153, ../sass/login.scss */
#login .menu_area ul li#menu09 a.red {
  background-color: #f9d0dd;
}
/* line 1159, ../sass/login.scss */
#login .menu_area ul li#menu10 a {
  background: url(../img/icon-notice-bell.svg) no-repeat 10px center;
  background-size: 40px auto;
}
/* line 1162, ../sass/login.scss */
#login .menu_area ul li#menu10 a.red {
  background-color: #f9d0dd;
}
/* line 1168, ../sass/login.scss */
#login .menu_area ul li#menu11 a {
  background: url(../img/icon-health.svg) no-repeat 10px center;
  background-size: 40px auto;
}
/* line 1171, ../sass/login.scss */
#login .menu_area ul li#menu11 a.red {
  background-color: #f9d0dd;
}
/* line 1177, ../sass/login.scss */
#login .menu_area ul li#menu12 a {
  background: url(../img/icon-pay.svg) no-repeat 10px center;
  background-size: 40px auto;
}
/* line 1180, ../sass/login.scss */
#login .menu_area ul li#menu12 a.red {
  background-color: #f9d0dd;
}
/* line 1186, ../sass/login.scss */
#login .menu_area ul li#menu13 a {
  background: url(../img/icon-saigai.svg) no-repeat 10px center;
  background-size: 46px auto;
}
/* line 1189, ../sass/login.scss */
#login .menu_area ul li#menu13 a.red {
  background-color: #f9d0dd;
}
/* line 1195, ../sass/login.scss */
#login .menu_area ul li#menu14 a {
  background: url(../img/icon-gensen.svg) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1198, ../sass/login.scss */
#login .menu_area ul li#menu14 a.red {
  background-color: #f9d0dd;
}
/* line 1204, ../sass/login.scss */
#login .menu_area ul li#menu15 a {
  background: url(../img/icon-menu15.png) no-repeat 10px center;
  background-size: 38px auto;
}
/* line 1207, ../sass/login.scss */
#login .menu_area ul li#menu15 a.red {
  background-color: #f9d0dd;
}
/* line 1215, ../sass/login.scss */
#login .foot_notice {
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  color: #ea6587;
}
/* line 1221, ../sass/login.scss */
#login .btn {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  background: no-repeat right center;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-weight: 700;
  font-family: 'NotoSansBold';
}
/* line 1247, ../sass/login.scss */
#login .btn.btn-circle {
  font-size: 13px;
  width: 170px;
  height: 30px;
  line-height: 28px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #afafaf;
  color: #595757;
  font-weight: 400;
  font-family: 'NotoSansLight';
}
/* line 1258, ../sass/login.scss */
#login .btn.btn-circle.w140 {
  width: 140px;
}
@media only screen and (min-width: 1025px) {
  /* line 1247, ../sass/login.scss */
  #login .btn.btn-circle {
    width: 185px;
    font-family: 'NotoSansLight';
  }
}
/* line 1266, ../sass/login.scss */
#login .btn.btn-plain {
  background: #fff;
  border: 1px solid #ea6587;
  color: #ea6587;
}
/* line 1271, ../sass/login.scss */
#login .btn.btn-gray {
  background-color: #aaa;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhkOGQ4ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #8d8d8d));
  background-image: -moz-linear-gradient(#dddddd, #8d8d8d);
  background-image: -webkit-linear-gradient(#dddddd, #8d8d8d);
  background-image: linear-gradient(#dddddd, #8d8d8d);
}
/* line 1275, ../sass/login.scss */
#login .btn.btn-blue {
  background-color: #89cfd8;
}
/* line 1278, ../sass/login.scss */
#login .btn.btn-green {
  background-color: #83c0a7;
}
/* line 1281, ../sass/login.scss */
#login .btn.btn-pink {
  background-color: #f35984;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYTZiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViNjY4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3a6b4), color-stop(100%, #eb6687));
  background-image: -moz-linear-gradient(#f3a6b4, #eb6687);
  background-image: -webkit-linear-gradient(#f3a6b4, #eb6687);
  background-image: linear-gradient(#f3a6b4, #eb6687);
}
/* line 1285, ../sass/login.scss */
#login .btn.w190 {
  width: 190px;
}
@media only screen and (max-width: 1024px) {
  /* line 1221, ../sass/login.scss */
  #login .btn {
    font-size: 16px;
  }
}
/* line 1292, ../sass/login.scss */
#login .link-btn {
  background: #fff;
  border: 1px solid #afafaf;
  color: #595757;
  font-size: 13px;
  font-weight: 400;
  font-family: 'NotoSansLight' !important;
  width: 186px;
  height: 30px;
  line-height: 28px;
  border-radius: 15px;
  margin: 0 2px;
}
@media only screen and (min-width: 1025px) {
  /* line 1292, ../sass/login.scss */
  #login .link-btn {
    width: 225px;
    font-family: 'NotoSansLight' !important;
  }
}
/* line 1310, ../sass/login.scss */
#login a.outside_link {
  color: #000;
}
/* line 1314, ../sass/login.scss */
#login.change_login_info input#form_old_password::-webkit-input-placeholder,
#login.change_login_info input#form_new_password::-webkit-input-placeholder,
#login.change_login_info input#form_check_password::-webkit-input-placeholder {
  padding: 0;
}
/* line 1321, ../sass/login.scss */
#login .btn-pink {
  background-image: none !important;
  background-color: #EB6687 !important;
}
/* line 1326, ../sass/login.scss */
#login .notify-container {
  background: #eee;
  padding: 1px 0;
}
/* line 1329, ../sass/login.scss */
#login .notify-container .notify-section {
  background: #fff;
  margin: 10px 0;
}
/* line 1332, ../sass/login.scss */
#login .notify-container .notify-section .title {
  font-size: 18px;
  font-weight: 700;
  font-family: 'NotoSansBold';
  text-align: center;
  width: 150px;
  text-align: left;
  margin: 1em auto;
}
/* line 1340, ../sass/login.scss */
#login .notify-container .notify-section .title .icon {
  width: 43px;
  height: 43px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
/* line 1346, ../sass/login.scss */
#login .notify-container .notify-section .title .icon.icon-sms {
  background: url(../img/icon-sms.png) no-repeat center;
  background-size: contain;
}
/* line 1350, ../sass/login.scss */
#login .notify-container .notify-section .title .icon.icon-mail {
  background: url(../img/icon-mail.png) no-repeat center;
  background-size: contain;
}
/* line 1354, ../sass/login.scss */
#login .notify-container .notify-section .title .icon.icon-app {
  background: url(../img/icon-app.png) no-repeat center;
  background-size: contain;
}
/* line 1361, ../sass/login.scss */
#login .notify-container .inner {
  padding: 10px 20px;
}
/* line 1364, ../sass/login.scss */
#login .notify-container .add-action {
  border-top: 1px solid #eee;
}
/* line 1368, ../sass/login.scss */
#login .notify-container .notify-action {
  display: table;
  width: 100%;
}
/* line 1371, ../sass/login.scss */
#login .notify-container .notify-action li {
  display: table-cell;
  padding-left: 20px;
  line-height: 1.5;
  vertical-align: middle;
  letter-spacing: -0.05em;
}
/* line 1377, ../sass/login.scss */
#login .notify-container .notify-action li:first-child {
  padding-left: 0;
}
/* line 1380, ../sass/login.scss */
#login .notify-container .notify-action li.switch {
  width: 80px;
}
/* line 1383, ../sass/login.scss */
#login .notify-container .notify-action li .btn {
  width: 100%;
}

/* line 1391, ../sass/login.scss */
.bootstrap-switch {
  font-size: 15px;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  position: relative;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
  width: 80px;
  height: 30px;
  z-index: 100;
  -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwxNC41YzAsOC02LjUsMTQuNS0xNC41LDE0LjVoLTUxQzYuNSwyOSwwLDIyLjUsMCwxNC41bDAsMEMwLDYuNSw2LjUsMCwxNC41LDBoNTFDNzMuNSwwLDgwLDYuNSw4MCwxNC41TDgwLDE0LjV6Ii8+DQo8L3N2Zz4NCg==) 0 0 stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 1410, ../sass/login.scss */
.bootstrap-switch > div {
  display: inline-block;
  width: 132px;
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1417, ../sass/login.scss */
.bootstrap-switch > div > span {
  font-weight: 700;
  font-family: 'NotoSansBold';
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  z-index: 1;
  width: 66px;
  vertical-align: top;
  -webkit-transition: box-shadow 0.25s ease-out;
  transition: box-shadow 0.25s ease-out;
  -webkit-text-size-adjust: 100%;
}

/* line 1437, ../sass/login.scss */
.bootstrap-switch > div > span > [class^="fui-"] {
  text-indent: 0;
}

/* line 1440, ../sass/login.scss */
.bootstrap-switch > div > label {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 200;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 1455, ../sass/login.scss */
.bootstrap-switch input[type="radio"],
.bootstrap-switch input[type="checkbox"] {
  position: absolute !important;
  margin: 0;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 1465, ../sass/login.scss */
.bootstrap-switch-handle-on {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}

/* line 1469, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default {
  box-shadow: inset 0 0 transparent, -16px 0 0 #bdc3c7;
}

/* line 1472, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default:before {
  border-color: #bdc3c7;
  background-color: #727171;
}

/* line 1476, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary {
  box-shadow: inset 0 0 transparent, -16px 0 0 #eb6687;
}

/* line 1479, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary:before {
  border-color: #eb6687;
  background-color: #f7c8d7;
}

/* line 1483, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success {
  box-shadow: inset 0 0 transparent, -16px 0 0 #2ecc71;
}

/* line 1486, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success:before {
  border-color: #2ecc71;
  background-color: #ffffff;
}

/* line 1490, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning {
  box-shadow: inset 0 0 transparent, -16px 0 0 #f1c40f;
}

/* line 1493, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning:before {
  border-color: #f1c40f;
  background-color: #ffffff;
}

/* line 1497, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info {
  box-shadow: inset 0 0 transparent, -16px 0 0 #3498db;
}

/* line 1500, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info:before {
  border-color: #3498db;
  background-color: #ffffff;
}

/* line 1504, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger {
  box-shadow: inset 0 0 transparent, -16px 0 0 #e74c3c;
}

/* line 1507, ../sass/login.scss */
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger:before {
  border-color: #e74c3c;
  background-color: #ffffff;
}

/* line 1511, ../sass/login.scss */
.bootstrap-switch-handle-off {
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}

/* line 1515, ../sass/login.scss */
.bootstrap-switch-handle-off:before {
  display: inline-block;
  content: " ";
  border: 4px solid transparent;
  border-radius: 50%;
  text-align: center;
  vertical-align: top;
  padding: 0;
  height: 30px;
  width: 30px;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 51px;
  z-index: 100;
  background-clip: padding-box;
  -webkit-transition: border-color 0.25s ease-out, background-color 0.25s ease-out;
  transition: border-color 0.25s ease-out, background-color 0.25s ease-out;
}

/* line 1534, ../sass/login.scss */
.bootstrap-switch-animate > div {
  -webkit-transition: margin-left 0.25s ease-out;
  transition: margin-left 0.25s ease-out;
}

/* line 1538, ../sass/login.scss */
.bootstrap-switch-on > div {
  margin-left: 0;
}

/* line 1541, ../sass/login.scss */
.bootstrap-switch-off > div {
  margin-left: -51px;
}

/* line 1544, ../sass/login.scss */
.bootstrap-switch-disabled,
.bootstrap-switch-readonly {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

/* line 1550, ../sass/login.scss */
.bootstrap-switch-disabled > div > span,
.bootstrap-switch-readonly > div > span,
.bootstrap-switch-disabled > div > label,
.bootstrap-switch-readonly > div > label {
  cursor: default !important;
}

/* line 1556, ../sass/login.scss */
.bootstrap-switch-focused {
  outline: 0;
}

/* line 1559, ../sass/login.scss */
.bootstrap-switch-default {
  color: #727171;
  background-color: #bdc3c7;
}

/* line 1563, ../sass/login.scss */
.bootstrap-switch-default ~ .bootstrap-switch-handle-off:before {
  background-color: #727171;
  border-color: #bdc3c7;
}

/* line 1567, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-default ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #bdc3c7;
}

/* line 1570, ../sass/login.scss */
.bootstrap-switch-primary {
  color: #f7c8d7;
  background-color: #eb6687;
}

/* line 1574, ../sass/login.scss */
.bootstrap-switch-primary ~ .bootstrap-switch-handle-off:before {
  background-color: #f7c8d7;
  border-color: #eb6687;
}

/* line 1578, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-primary ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #eb6687;
}

/* line 1581, ../sass/login.scss */
.bootstrap-switch-info {
  color: #ffffff;
  background-color: #3498db;
}

/* line 1585, ../sass/login.scss */
.bootstrap-switch-info ~ .bootstrap-switch-handle-off:before {
  background-color: #ffffff;
  border-color: #3498db;
}

/* line 1589, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-info ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #3498db;
}

/* line 1592, ../sass/login.scss */
.bootstrap-switch-success {
  color: #ffffff;
  background-color: #2ecc71;
}

/* line 1596, ../sass/login.scss */
.bootstrap-switch-success ~ .bootstrap-switch-handle-off:before {
  background-color: #ffffff;
  border-color: #2ecc71;
}

/* line 1600, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-success ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #2ecc71;
}

/* line 1603, ../sass/login.scss */
.bootstrap-switch-warning {
  color: #ffffff;
  background-color: #f1c40f;
}

/* line 1607, ../sass/login.scss */
.bootstrap-switch-warning ~ .bootstrap-switch-handle-off:before {
  background-color: #ffffff;
  border-color: #f1c40f;
}

/* line 1611, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-warning ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #f1c40f;
}

/* line 1614, ../sass/login.scss */
.bootstrap-switch-danger {
  color: #ffffff;
  background-color: #e74c3c;
}

/* line 1618, ../sass/login.scss */
.bootstrap-switch-danger ~ .bootstrap-switch-handle-off:before {
  background-color: #ffffff;
  border-color: #e74c3c;
}

/* line 1622, ../sass/login.scss */
.bootstrap-switch-on .bootstrap-switch-danger ~ .bootstrap-switch-handle-off {
  box-shadow: inset 16px 0 0 #e74c3c;
}

/* line 1625, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch {
  -webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwyNWMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRjMC0yLjIsMS44LTQsNC00aDcyYzIuMiwwLDQsMS44LDQsNFYyNXoiLz4NCjwvc3ZnPg0K) 0 0 stretch;
  border-radius: 4px;
}

/* line 1629, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch > div {
  border-radius: 4px;
}

/* line 1632, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-on {
  text-indent: -15px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

/* line 1637, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off {
  text-indent: 15px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 1642, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off:before {
  border: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

/* line 1649, ../sass/login.scss */
.bootstrap-switch-square .bootstrap-switch-off .bootstrap-switch-handle-off:before {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 1657, ../sass/login.scss */
.modal_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* line 1666, ../sass/login.scss */
.modal_wrap .modal_bg {
  position: fixed;
  background: rgba(84, 89, 96, 0.73);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 250;
}
/* line 1677, ../sass/login.scss */
.modal_wrap.show {
  opacity: 1;
  z-index: 150;
}
/* line 1680, ../sass/login.scss */
.modal_wrap.show .modal_inner {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
/* line 1685, ../sass/login.scss */
.modal_wrap a {
  display: block;
}
/* line 1688, ../sass/login.scss */
.modal_wrap .modal_inner {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 10px;
  display: table;
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 28px 0 25px;
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  z-index: 500;
}
/* line 1703, ../sass/login.scss */
.modal_wrap .image {
  margin: 0 auto 0;
  width: 88px;
  height: 88px;
}
/* line 1707, ../sass/login.scss */
.modal_wrap .image img {
  width: 100%;
  height: auto;
}
/* line 1712, ../sass/login.scss */
.modal_wrap .logo {
  width: 138px;
  margin: 15px auto 0;
}
/* line 1715, ../sass/login.scss */
.modal_wrap .logo img {
  width: 100%;
  height: auto;
}
/* line 1720, ../sass/login.scss */
.modal_wrap .title {
  margin: 10px auto 0;
  width: 189px;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  font-family: 'NotoSansBold';
}
/* line 1728, ../sass/login.scss */
.modal_wrap .text {
  color: #ee7b95;
  font-size: 11px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 700;
  font-family: 'NotoSansBold';
}
/* line 1737, ../sass/login.scss */
.modal_wrap .action {
  margin-top: 19px;
}
/* line 1739, ../sass/login.scss */
.modal_wrap .action ul {
  padding: 0 20px;
}
/* line 1741, ../sass/login.scss */
.modal_wrap .action ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 4px;
}
/* line 1746, ../sass/login.scss */
.modal_wrap .action ul li img {
  width: 100%;
  height: auto;
}
/* line 1753, ../sass/login.scss */
.modal_wrap .close_btn {
  width: 100%;
  height: 70px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(../img/modal-close.svg);
  background-size: 12px 12px;
  color: #727171;
  cursor: pointer;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
}

/* line 1770, ../sass/login.scss */
#loading {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  background: rgba(0, 0, 0, 0.1);
}
/* line 1782, ../sass/login.scss */
#loading:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 20px;
  margin-left: -100px;
  margin-top: -100px;
  width: 200px;
  height: 200px;
  background-color: #fff;
  background-image: url(../../img/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
