@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.-pb0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.rounded {
  border-radius: 0.375rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.375rem !important;
}

.rounded-4 {
  border-radius: 0.5rem !important;
}

.rounded-5 {
  border-radius: 1rem !important;
}

.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-end {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.375rem !important;
  border-top-left-radius: 0.375rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}
/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}
@charset "UTF-8";
/** - - - - - - - - - - - - 
 * Chatbot
 - - - - - - - - - - - - */
#chatbot {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  box-sizing: border-box;
  background: #FFF;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
  /*    overflow-y: scroll;*/
  -webkit-overflow-scrolling: touch;
  z-index: 1000000;
  position: fixed;
  overflow: hidden;
  opacity: 1;
  transition: 0.4s;
  background: #FFF;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  /* Safari での Default値 */
  height: 90vh;
  width: 99%;
  bottom: 0;
  right: 0;
  margin: 0;
  box-shadow: 0px 0 25px -5px #888;
  border-radius: 10px;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

#chatbot a {
  color: #2196F3;
  text-decoration: none;
}

#chatbot css {
  touch-action: none;
}

#chatbot-header {
  height: 45px;
  background: #4b4b41;
  position: relative;
  display: flex;
  justify-content: space-between;
}

#chatbot-logo {
  color: #FFF;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
}

#chatbot-close-icon {
  display: block;
  height: 100%;
  line-height: 60px;
  padding: 0 20px;
  color: #FFF;
  cursor: pointer;
}

#chatbot-close-icon:active {
  background: #4D7999;
}

#chatbot-body {
  width: 100%;
  height: calc(100% - 45px);
  padding-top: 0px;
  background: #FFF;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

@media screen and (max-width: 700px) {
  /*スマホ*/
  #chatbot-body {
    height: calc(100% - 60px);
  }
}
#chatbot-body.chatbot-body-zoom {
  width: 100%;
}

#chatbot-body.chatbot-body-zoom {
  height: calc(100vh - 60px);
}

/*Chrome、Safariでスクロールバーを非表示にする*/
#chatbot-body::-webkit-scrollbar {
  display: none;
}

#chatbot-footer {
  width: 100%;
  height: 50px;
  display: flex;
  box-sizing: border-box;
  background: #FFF;
  border-top: 1.5px solid #EEE;
}

@media screen and (min-width: 700px) {
  /*PC*/
  #chatbot-footer.chatbot-footer-zoom {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  /*スマホ*/
  #chatbot-footer.chatbot-footer-zoom {
    position: fixed;
    margin-bottom: 60px;
  }
}
#chatbot-toggle_button {
  position: fixed;
  line-height: 0;
  left: 20px;
  opacity: 0;
  bottom: 10px;
  z-index: 999999;
  transition: all 0.1s ease;
}

#chatbot-toggle_button.active {
  opacity: 1;
}

#chatbot-toggle_button a {
  cursor: pointer;
  position: relative;
  border-radius: 999rem;
  background-color: #4b4b41;
  padding: 14px 22px;
  font-size: 15px;
  font-feature-settings: "kern", "kern";
  font-kerning: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
}

#chatbot-toggle_button a:focus {
  outline: none;
  box-shadow: inset 0 0 0 0.21429rem rgba(255, 255, 255, 0.4);
}

#chatbot-toggle_button a::before {
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#chatbot-toggle_button a::after {
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#chat-button span {
  display: inline-block;
  fill: #fff;
  vertical-align: middle;
  font-weight: 700;
}

#chat-button span.icon-question {
  padding-right: 8px;
}

@media screen and (min-width: 768px) {
  .signup-tips {
    border: 4px solid rgb(0, 0, 0);
    border-radius: 16px;
    padding: 24px;
    border-color: #fff000;
  }
  .signup-tips__icon {
    height: 96px;
    width: 73px;
  }
  .signup-tips__text-container {
    padding-left: 12px;
  }
  .signup-tips__text-main {
    font-weight: bold;
  }
  .signup-tips__text-details {
    padding-top: 6px;
    padding-left: 4px;
  }
  .bank-description {
    border-bottom: 2px solid #000;
  }
  .bank-description__summary {
    margin-top: 30px;
  }
  .bank-description__bold {
    font-weight: bold;
  }
  .bank-description__detail {
    margin-left: 16px;
  }
  .bank-description__link {
    margin-bottom: 60px;
    margin-top: 16px;
    font-weight: bold;
    text-decoration: none;
  }
}
.choose-plan-btn {
  margin-bottom: 30px;
}

.payment-toggle {
  background: white;
  border: 2px solid #000;
  border-radius: 10px;
  display: flex;
  margin-bottom: 16px;
  padding: 4px;
  height: 57px;
  width: 360px;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}
.payment-toggle input[type=radio] {
  display: none;
}
.payment-toggle input[type=radio].is-actived + label {
  background: black;
  color: white;
}
.payment-toggle input[type=radio].is-actived + label .discount {
  color: #fef000;
}
.payment-toggle label {
  width: 176px;
  height: auto;
  flex: 1;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 20px 10px 20px;
  gap: 6px;
  line-height: 1.2;
}
.payment-toggle label .discount {
  color: #666666;
  font-size: 14px;
  margin-left: 4px;
}
.payment-toggle label.yearly {
  border-radius: 7px 0 0 7px;
}
.payment-toggle label.monthly {
  border-radius: 0 7px 7px 0;
}

.plan-radio {
  display: none;
}

.plans-container {
  display: flex;
}

/* Plan Tabs - Hidden by default on desktop */
.plan-tabs {
  display: none;
}

.plan-tab-tag {
  transform: translateX(-50%);
  background: black;
  color: #fff;
  font-size: 9px;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}

.plan-content {
  border: 2px solid #000;
  border-radius: 10px;
  background: white;
  position: relative;
  width: 365px;
  margin: 10px;
}
.plan-content .plan-header span {
  font-size: 16px;
  width: 100%;
}
.plan-content .plan-header {
  background: #fef100;
  border-radius: 10px 10px 0 0;
  padding: 14px 0;
  text-align: center;
}
.plan-content .plan-body {
  padding: 30px 20px 30px 20px;
}
.plan-content .plan-name {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  gap: 8px;
  position: relative;
}
.plan-content .plan-name .popular-label {
  float: left;
  margin-right: 10px;
}
.plan-content .plan-name .popular-tag {
  transform: translateX(-50%);
  background: black;
  color: #fef000;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}
.plan-content .plan-price {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.plan-content .plan-price .amount {
  white-space: nowrap;
  flex-shrink: 0;
}
.plan-content .plan-price .note {
  line-height: 1.2;
  font-size: 14px;
  white-space: normal;
  flex: 1;
  margin: 0;
}
.plan-content .plan-price .price-amount {
  font-size: 40px;
  font-weight: bold;
}
.plan-content .plan-price .price-period {
  font-size: 16px;
}
.plan-content .plan-price .yearly-price {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}
.plan-content .plan-price .yearly-discount {
  color: #ff3600;
  font-weight: 600;
}
.plan-content .campaign {
  margin-bottom: 20px;
}
.plan-content .freelance-note span {
  font-size: 14px;
  font-weight: bold;
}
.plan-content .freelance-note {
  text-align: center;
  margin-bottom: 8px;
}
.plan-content .action-button {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 8px;
  background: #fff001;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  cursor: pointer;
}
.plan-content .action-button.disabled {
  background: #f5f5f5;
  cursor: default;
}
.plan-content .features-list {
  list-style: none;
  margin: 0px;
}
.plan-content .features-list .feature-item {
  gap: 12px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  padding-left: 30px;
}
.plan-content .features-list .feature-item:last-child {
  margin-bottom: 0px;
}
.plan-content .features-list .feature-item:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("/images/icon-checked-bkYellow.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.plan-content .features-list .feature-item .feature-note {
  font-size: 13px;
  margin-top: 4px;
  display: block;
}
.plan-content .campaign__title {
  font-size: 20px;
  color: #FF3600;
  font-weight: 600;
  line-height: 30px;
}

.section__inner .plans-container .plan-body {
  padding: 20px 10px;
}

.v--modal-box.modal-notification-change-membership-plan {
  width: 460px !important;
  text-align: center !important;
  padding: 30px 40px !important;
}
.v--modal-box.modal-notification-change-membership-plan .lineTitle__txt {
  font-size: 18px !important;
}

@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
  /* base
  -----------------------------------------------------------------*/
  body {
    top: 0;
    min-width: 1200px;
    margin: 0;
    font-family: "Noto Sans JP", "Helvetica", "Arial", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    word-break: break-word;
    background-color: #f3f3f3;
  }
  body ::-webkit-scrollbar {
    background-color: transparent;
    width: 12px;
  }
  body ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
  }
  img {
    vertical-align: top;
  }
  a {
    display: inline-block;
    color: #000;
    text-decoration: underline;
  }
  a:hover {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a:active {
    color: var(--primary-color);
  }
  .generalLink {
    display: inline-block;
    color: #000;
    text-decoration: underline;
  }
  .generalLink:visited {
    text-decoration: underline;
  }
  .generalLink.is-active {
    color: var(--primary-color);
  }
  input::-webkit-input-placeholder {
    color: #999999;
  }
  input:-moz-placeholder {
    color: #999999;
  }
  input:-ms-input-placeholder {
    color: #999999;
  }
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  input:disabled,
  textarea:disabled {
    color: #999999;
    background-color: #F9F9F9;
  }
  input:read-only,
  textarea:read-only {
    color: #000;
    background-color: #F9F9F9;
  }
  button {
    font-family: "Noto Sans JP", "Helvetica", "Arial", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    appearance: none;
  }
  input[hidden] {
    display: none;
  }
  /* header
  -----------------------------------------------------------------*/
  /* オリジナルスキン */
  .skin-freenance .header__logo__pc {
    width: auto;
  }
  /* DHW様向けスキン */
  .skin-dhw .header__logo__pc {
    width: 270px;
  }
  /* Neworld様向けスキン */
  .skin-neworld .header__logo__pc {
    top: 25px;
  }
  /* Denada様向けスキン */
  .skin-denada .header__logo__pc {
    top: 20px;
    width: 255px;
  }
  /* Hiwell様向けスキン */
  .skin-hiwell .header__logo__pc {
    top: 17px;
  }
  /* aim factory様向けスキン */
  .skin-engineer-factory .header__logo__pc {
    left: -30px;
    top: 17px;
    width: 400px;
  }
  /* GMO弁理士早払い様向けスキン */
  .skin-gmo-bc .header__logo__pc {
    top: 33px;
  }
  /* crevo様向けスキン */
  .skin-crevo .header__logo__pc {
    top: 30px;
    width: 230px;
  }
  /* dm様向けスキン */
  .skin-dm .header__logo__pc {
    width: 230px;
  }
  /* khd様向けスキン */
  .skin-khd .header__logo__pc {
    width: auto;
    height: 75px;
    margin-left: 20px;
  }
  /* drtalk様向けスキン */
  .skin-drtalk .header__logo__pc {
    margin-left: -35px;
    width: 230px;
    object-fit: cover;
  }
  /* フリーランスHub様向けスキン */
  .skin-freelance-hub .header__logo__pc {
    width: auto;
    height: 50px;
  }
  nav {
    width: 100%;
    margin: 0 auto;
    border-bottom: 6px solid rgba(0, 0, 0, 0.1);
  }
  .navList {
    display: flex;
    justify-content: flex-end;
    width: 1200px;
    margin: 0 auto;
    padding-right: 36px;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
    min-height: 90px;
  }
  .navList > li {
    position: relative;
  }
  .navList__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 90px;
    padding: 0 20px;
    font-weight: bold;
    text-decoration: none;
  }
  .navList__link.is-current:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 24px;
    display: block;
    width: calc(100% - 48px);
    height: 6px;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
  }
  .navList__link:hover {
    color: #000;
    text-decoration: none;
  }
  .navList__link:hover:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 24px;
    display: block;
    width: calc(100% - 48px);
    height: 6px;
    background-color: #000;
    color: var(--font-color-on-primary-bg);
  }
  .navList__link:visited {
    text-decoration: none;
  }
  .navList__link:active {
    color: var(--primary-color);
  }
  .navList__link:active:before {
    background-color: var(--primary-color);
  }
  /* footer
  -----------------------------------------------------------------*/
  .footer {
    padding: 30px 60px;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background-color: #333;
  }
  .footer__row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .footer > * {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  .breadclumb {
    display: flex;
    font-size: 14px;
  }
  .breadclumb > li:nth-child(n+2) {
    position: relative;
    margin-left: 12px;
    padding-left: 16px;
  }
  .breadclumb > li:nth-child(n+2):before {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 20px;
    height: 20px;
    background: url(/images/icon-arrowRight-white.svg) left center no-repeat;
    background-size: contain;
  }
  .breadclumb a {
    color: #fff;
    text-decoration: underline;
  }
  .breadclumb a:active {
    color: var(--primary-color);
  }
  .layer01 .breadclumb {
    font-size: 12px;
  }
  .layer01 .breadclumb > li:nth-child(n+2) {
    position: relative;
    margin-left: 12px;
    padding-left: 16px;
  }
  .layer01 .breadclumb > li:nth-child(n+2):before {
    content: "";
    position: absolute;
    top: 2px;
    left: -6px;
    width: 16px;
    height: 16px;
    background: url(/images/icon-arrowRight-black.svg) left center no-repeat;
    background-size: contain;
  }
  .layer01 .breadclumb a {
    color: #000;
  }
  .layer01 .breadclumb a:active {
    color: var(--primary-color);
  }
  .breadclumb + .footer__row {
    margin-top: 48px;
  }
  .footerMenu {
    display: flex;
    line-height: 2;
  }
  .footerMenu__left {
    margin-right: 100px;
  }
  .footerMenu__right {
    margin-right: 40px;
  }
  .footerMenu__login {
    margin-bottom: 28px;
  }
  .footerMenu__inner {
    padding-left: 20px;
    font-size: 12px;
  }
  .footerMenu a {
    color: #fff;
    text-decoration: none;
  }
  .footerMenu a:hover {
    text-decoration: underline;
  }
  .footerMenu a:active {
    color: var(--primary-color);
  }
  .footerInfo__logo {
    width: 226px;
  }
  .footerInfo dd {
    margin-top: 18px;
  }
  .copyright {
    margin-top: 48px;
    text-align: right;
  }
  .copyright small {
    font-size: 12px;
  }
  /* layout
  -----------------------------------------------------------------*/
  .layer01 {
    width: 1130px;
    margin: 85px auto 90px;
  }
  .layer02 > *:nth-child(n+2) {
    margin-top: 60px;
  }
  .layer03 > *:nth-child(n+2) {
    margin-top: 36px;
  }
  #signup .step + .layer03 {
    margin-top: 36px;
  }
  #signup .layer03 .idItemList {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  #signup .layer03 .idItemList ul {
    margin: 20px;
    list-style: disc;
  }
  .section > *:nth-child(n+2) {
    margin-top: 48px;
  }
  .section > .itemBlock {
    margin-top: 30px;
  }
  .section .section__item .lineTitle {
    margin-bottom: 48px;
  }
  .section__inner > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .section__inner .center {
    text-align: center;
  }
  .contentBox {
    padding: 60px 120px;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .contentBox > *:nth-child(n+2) {
    margin-top: 60px;
  }
  .contentBoxNew {
    border-radius: 12px;
    background-color: #fff;
  }
  .contentBoxNew .radioUnitWrap--scroll {
    min-height: 382px !important;
    height: 382px !important;
    display: inherit !important;
    border-radius: 3px;
  }
  .contentBoxNew .radioUnitWrap--scroll.is-disabled {
    display: table !important;
  }
  .line__txt {
    position: relative;
    margin-left: 100px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
  }
  .apply-quick-pay-modal .lineBlockNew {
    padding-top: 0px;
  }
  .table__txt {
    margin-left: 80px;
    font-size: 25px;
    line-height: 1.5;
  }
  .left__txt {
    font-weight: bold;
    padding: 10px;
    text-align: right;
  }
  .right__txt {
    font-weight: bold;
    padding: 10px;
    text-align: left;
  }
  .contentBox__inner > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .lineBlock {
    padding-top: 60px;
    border-top: 2px solid #000;
  }
  .lineBlockNew {
    padding-top: 15px;
    border-top: 2px solid #000;
  }
  .lineBlockBold {
    padding-top: 40px;
    border-top: 2px solid #000;
    margin-top: 15px;
  }
  .grid--2col {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--2col__item {
    width: calc(50% - 12px);
    margin-right: 24px;
  }
  .grid--2col__item:nth-child(2n) {
    margin-right: 0;
  }
  .grid--2col__item:nth-of-type(n + 3) {
    margin-top: 30px;
  }
  .grid--2col.grid--2to1 [class*=__item] {
    width: 360px;
    margin-right: 24px;
  }
  .grid--2col.grid--2to1 [class*=__item]:nth-child(2n) {
    width: calc(100% - 384px);
    margin-right: 0;
  }
  .grid--3col {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--3col__item {
    width: calc(33.33% - 16px);
    margin-right: 24px;
  }
  .grid--3col__item:nth-child(3n) {
    margin-right: 0;
  }
  .grid--3col__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
  .grid--4col {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--4col__item {
    width: calc(25% - 12px);
    margin-right: 15px;
    box-sizing: border-box;
  }
  .grid--4col__item:nth-child(4n) {
    margin-right: 0;
  }
  .grid--5col {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--5col__item {
    width: calc(20% - 8px);
    margin-right: 10px;
  }
  .grid--5col__item:nth-child(5n) {
    margin-right: 0;
  }
  .companyName {
    width: 265px;
  }
  .is-company-name-error {
    margin-top: 50px !important;
  }
  .company-name-err-txt {
    position: absolute;
  }
  .itemBlock.is-error {
    color: #ff3600;
  }
  .itemBlock.is-error input,
  .itemBlock.is-error textarea {
    color: #ff3600;
    border-color: #ff3600;
  }
  .itemBlock.is-error .select {
    color: #ff3600;
    border-color: #ff3600;
    background: url("/images/icon-arrowBottom-error.svg") right 12px center no-repeat;
    background-size: 23px;
  }
  .itemBlock.is-error .note {
    color: #000;
  }
  .itemBlock.is-error input::-webkit-input-placeholder,
  .itemBlock.is-error textarea::-webkit-input-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error input:-moz-placeholder,
  .itemBlock.is-error textarea:-moz-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error input:-ms-input-placeholder,
  .itemBlock.is-error textarea:-ms-input-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error .tag, .itemBlock.is-error .tag--em, .itemBlock.is-error .subTag {
    color: #000;
  }
  .itemBlock__title {
    font-weight: bold;
    position: relative;
  }
  .itemBlock__title .tag, .itemBlock__title .tag--em, .itemBlock__title .subTag {
    float: right;
    min-width: 0;
    font-size: 14px;
    font-weight: normal;
    border-radius: 14px;
  }
  .itemBlock__title .tag.blue, .itemBlock__title .blue.tag--em, .itemBlock__title .blue.subTag {
    background-color: #008AFF;
    color: #fff;
    margin: 0 5px;
  }
  .itemBlock__title .tag.nonfloat, .itemBlock__title .nonfloat.tag--em, .itemBlock__title .nonfloat.subTag {
    float: none;
  }
  .itemBlock__title .desc {
    font-weight: 400;
    font-size: 13px;
    padding-left: 10px;
  }
  .itemBlock__content {
    margin-top: 18px;
    white-space: normal;
    word-break: break-all;
  }
  .is-error .itemBlock__content {
    color: #000;
  }
  .itemBlock__content--accountName {
    overflow: hidden;
    margin-top: 18px;
    white-space: normal;
    word-break: break-all;
    vertical-align: bottom;
  }
  .itemBlock__content--accountName input {
    width: 360px;
    margin-right: 12px;
    vertical-align: bottom;
  }
  .itemBlock__content--accountName span {
    vertical-align: bottom;
  }
  .itemBlock__content--accountName .error-message {
    float: left;
  }
  .itemBlock__content.memo {
    overflow: auto;
    max-height: 20em;
    line-height: 1.6em;
    word-break: break-word;
  }
  .itemBlock__content.memo p {
    white-space: pre-wrap;
  }
  .itemBlock__content input.sales {
    width: 90%;
    margin-right: 12px;
    text-align: right;
  }
  /* modal
  -----------------------------------------------------------------*/
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left: 0;
    top: 0;
    margin-top: 0px !important;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.897); /* White with opacity */
  }
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: 40px auto;
    padding: 20px;
    border: 2px solid #000;
    border-radius: 12px;
    text-align: left;
    color: black;
    width: 30%;
    position: relative;
  }
  /* The Close Button */
  .close {
    color: #999999;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  .close:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: 3px;
    top: 3px;
    background: url("/images/icon-close-black.svg") center center no-repeat;
  }
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  /* Dialog message
  -----------------------------------------------------------------*/
  .dialog-message__modal-window {
    display: block;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    margin-top: 0px !important;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .dialog-message__modal-content {
    background-color: #fefefe;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 30px;
    border-radius: 12px;
    color: black;
    width: 34%;
    text-align: center;
    position: relative;
    box-shadow: 0px 6px #DADADA;
  }
  .dialog-message__modal-content .generalBtn--middle {
    margin-top: 15px;
  }
  .dialog-message__title {
    text-align: left;
    width: fit-content;
  }
  .dialog-message__content-text {
    padding: 10px;
    font-weight: bold;
    font-size: 18px;
  }
  .dialog-message__checkbox-text {
    font-size: small;
  }
  .dialog-message__btn {
    padding: 10px !important;
    width: 100% !important;
  }
  .dialog-message-info {
    border: 2px solid #000;
  }
  .dialog-message-info__info-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/info_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-info__info-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/icon-close-black.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .dialog-message-news {
    border: 5px solid #56d409;
  }
  .dialog-message-news__news-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/news_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-news__news-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/news_close.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .dialog-message-alert {
    border: 5px solid #ff3600;
  }
  .dialog-message-alert__alert-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/alert_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-alert__alert-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/alert_close.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  /* side
  -----------------------------------------------------------------*/
  .side {
    width: 234px;
    margin-right: 48px;
  }
  .side__content {
    display: block !important;
    margin-top: 18px;
  }
  .side__content > * {
    margin-top: 48px;
  }
  .side__content > *:first-child {
    margin-top: 0;
  }
  .side__block {
    margin-top: 30px;
  }
  .side__bankList {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.5;
  }
  .side__bankList .lbl {
    font-weight: bold;
  }
  .side__copy {
    margin-top: 18px;
  }
  .side__score {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    margin-top: 24px;
  }
  .side__item {
    margin-top: 24px;
  }
  .sideProfile {
    display: flex;
    align-items: flex-start;
  }
  .sideProfile__icon {
    margin-right: 12px;
    width: 24px;
  }
  .sideProfile__name {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
  }
  .sideProfile__sub {
    font-size: 14px;
  }
  .sideStatus--before, .sideStatus {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
    border-radius: 15px;
  }
  .sideStatus--before {
    background-color: #fff !important;
  }
  .sideTitle__txt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
  }
  .taskList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6px;
    font-weight: bold;
  }
  .taskList > dt {
    width: 146px;
    margin-top: 18px;
  }
  .taskList > dd {
    position: relative;
    width: 88px;
    margin-top: 18px;
    padding-right: 36px;
    text-align: right;
    box-sizing: border-box;
  }
  .taskList > dd.is-finished:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .creditInfo {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
  }
  .creditInfo .title-heading {
    font-size: 16px;
  }
  .creditInfo__num {
    margin-right: 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
  }
  .creditInfo > dt:nth-child(n+2) {
    margin-top: 24px;
  }
  .creditInfo__item, .creditInfo__item--em {
    margin-top: 5px;
    font-size: 24px;
  }
  .creditInfo__item a, .creditInfo__item--em a {
    font-size: 14px;
  }
  .creditInfo__item--em {
    color: #ff3600;
  }
  /* btn
  -----------------------------------------------------------------*/
  .generalBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .generalBtn__txt {
    display: block;
    width: 100%;
  }
  .generalBtn.is-disabled [class*=__inner], .generalBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .generalBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .generalBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn [class*=__bgWhite] {
    background: white;
    color: black;
    box-shadow: 0px -6px 0px 0 rgba(177, 177, 177, 0.4) inset;
    width: 100%;
  }
  .generalBtn.is-disabled, .generalBtn:disabled, .generalBtn.is-disabled:hover, .generalBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .generalBtn.is-disabled [class*=__inner], .generalBtn:disabled [class*=__inner], .generalBtn.is-disabled:hover [class*=__inner], .generalBtn:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn.is-disabled [class*=__icon], .generalBtn:disabled [class*=__icon], .generalBtn.is-disabled:hover [class*=__icon], .generalBtn:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .generalBtn:hover, .generalBtn:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .generalBtn:hover [class*=__inner], .generalBtn:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn:hover [class*=__icon], .generalBtn:focus [class*=__icon] {
    margin-top: 1px;
  }
  .generalBtn.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .generalBtn.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn.is-click [class*=__icon] {
    margin-top: 3px;
  }
  .generalBtn--full {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .generalBtn--full__txt {
    display: block;
    width: 100%;
  }
  .generalBtn--full.is-disabled [class*=__inner], .generalBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .generalBtn--full [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .generalBtn--full [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn--full {
    width: 100%;
  }
  .generalBtn--full [class*=__icon] {
    margin-top: -3px;
  }
  .generalBtn--full.is-disabled, .generalBtn--full:disabled, .generalBtn--full.is-disabled:hover, .generalBtn--full:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .generalBtn--full.is-disabled [class*=__inner], .generalBtn--full:disabled [class*=__inner], .generalBtn--full.is-disabled:hover [class*=__inner], .generalBtn--full:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn--full.is-disabled [class*=__icon], .generalBtn--full:disabled [class*=__icon], .generalBtn--full.is-disabled:hover [class*=__icon], .generalBtn--full:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .generalBtn--full:hover, .generalBtn--full:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--full:hover [class*=__inner], .generalBtn--full:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--full:hover [class*=__icon], .generalBtn--full:focus [class*=__icon] {
    margin-top: -2px;
  }
  .generalBtn--full.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--full.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--full.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .generalBtn--middle {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--middle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 48px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .generalBtn--middle__txt {
    display: block;
    width: 100%;
  }
  .generalBtn--middle.is-disabled [class*=__inner], .generalBtn--middle:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .generalBtn--middle [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .generalBtn--middle [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn--middle [class*=__icon] {
    margin-top: -3px;
  }
  .generalBtn--middle.is-disabled, .generalBtn--middle:disabled, .generalBtn--middle.is-disabled:hover, .generalBtn--middle:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .generalBtn--middle.is-disabled [class*=__inner], .generalBtn--middle:disabled [class*=__inner], .generalBtn--middle.is-disabled:hover [class*=__inner], .generalBtn--middle:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn--middle.is-disabled [class*=__icon], .generalBtn--middle:disabled [class*=__icon], .generalBtn--middle.is-disabled:hover [class*=__icon], .generalBtn--middle:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .generalBtn--middle:hover, .generalBtn--middle:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--middle:hover [class*=__inner], .generalBtn--middle:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--middle:hover [class*=__icon], .generalBtn--middle:focus [class*=__icon] {
    margin-top: -2px;
  }
  .generalBtn--middle.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--middle.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--middle.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .generalBtn--large {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--large__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 60px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .generalBtn--large__txt {
    display: block;
    width: 100%;
  }
  .generalBtn--large.is-disabled [class*=__inner], .generalBtn--large:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .generalBtn--large [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .generalBtn--large [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn--large [class*=__icon] {
    margin-top: -3px;
  }
  .generalBtn--large.is-disabled, .generalBtn--large:disabled, .generalBtn--large.is-disabled:hover, .generalBtn--large:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .generalBtn--large.is-disabled [class*=__inner], .generalBtn--large:disabled [class*=__inner], .generalBtn--large.is-disabled:hover [class*=__inner], .generalBtn--large:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn--large.is-disabled [class*=__icon], .generalBtn--large:disabled [class*=__icon], .generalBtn--large.is-disabled:hover [class*=__icon], .generalBtn--large:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .generalBtn--large:hover, .generalBtn--large:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--large:hover [class*=__inner], .generalBtn--large:focus [class*=__inner] {
    height: 58px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--large:hover [class*=__icon], .generalBtn--large:focus [class*=__icon] {
    margin-top: -2px;
  }
  .generalBtn--large.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--large.is-click [class*=__inner] {
    height: 58px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--large.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .generalBtn--small {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--small__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    padding: 0 8px 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: #333;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .generalBtn--small__txt {
    display: block;
    width: 100%;
  }
  .generalBtn--small.is-disabled [class*=__inner], .generalBtn--small:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .generalBtn--small [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .generalBtn--small [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn--small {
    border-radius: 6px;
  }
  .generalBtn--small [class*=__icon] {
    margin-top: -2px;
  }
  .generalBtn--small.is-disabled, .generalBtn--small:disabled, .generalBtn--small.is-disabled:hover, .generalBtn--small:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .generalBtn--small.is-disabled [class*=__inner], .generalBtn--small:disabled [class*=__inner], .generalBtn--small.is-disabled:hover [class*=__inner], .generalBtn--small:disabled:hover [class*=__inner] {
    height: 36px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn--small.is-disabled [class*=__icon], .generalBtn--small:disabled [class*=__icon], .generalBtn--small.is-disabled:hover [class*=__icon], .generalBtn--small:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .generalBtn--small:hover, .generalBtn--small:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--small:hover [class*=__inner], .generalBtn--small:focus [class*=__inner] {
    height: 34px;
    padding-bottom: 2px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--small:hover [class*=__icon], .generalBtn--small:focus [class*=__icon] {
    margin-top: -1px;
  }
  .generalBtn--small.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .generalBtn--small.is-click [class*=__inner] {
    height: 34px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .generalBtn--small.is-click [class*=__icon] {
    margin-top: 1px;
  }
  .actionBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn__txt {
    display: block;
    width: 100%;
  }
  .actionBtn.is-disabled [class*=__inner], .actionBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn.is-disabled, .actionBtn:disabled, .actionBtn.is-disabled:hover, .actionBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn.is-disabled [class*=__inner], .actionBtn:disabled [class*=__inner], .actionBtn.is-disabled:hover [class*=__inner], .actionBtn:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn.is-disabled [class*=__icon], .actionBtn:disabled [class*=__icon], .actionBtn.is-disabled:hover [class*=__icon], .actionBtn:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .actionBtn:hover, .actionBtn:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn:hover [class*=__inner], .actionBtn:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn:hover [class*=__icon], .actionBtn:focus [class*=__icon] {
    margin-top: 1px;
  }
  .actionBtn.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    color: var(--font-color-on-primary-bg);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn.is-click [class*=__icon] {
    margin-top: 3px;
  }
  .actionBtn--full {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--full__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--full.is-disabled [class*=__inner], .actionBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--full [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--full [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--full {
    display: table;
    width: 100%;
  }
  .actionBtn--full [class*=__icon] {
    margin-top: -3px;
  }
  .actionBtn--full.is-disabled, .actionBtn--full:disabled, .actionBtn--full.is-disabled:hover, .actionBtn--full:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--full.is-disabled [class*=__inner], .actionBtn--full:disabled [class*=__inner], .actionBtn--full.is-disabled:hover [class*=__inner], .actionBtn--full:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--full.is-disabled [class*=__icon], .actionBtn--full:disabled [class*=__icon], .actionBtn--full.is-disabled:hover [class*=__icon], .actionBtn--full:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .actionBtn--full:hover, .actionBtn--full:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--full:hover [class*=__inner], .actionBtn--full:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--full:hover [class*=__icon], .actionBtn--full:focus [class*=__icon] {
    margin-top: -2px;
  }
  .actionBtn--full.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--full.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--full.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .actionBtn--fullLarge {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--fullLarge__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 26px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--fullLarge__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--fullLarge.is-disabled [class*=__inner], .actionBtn--fullLarge:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--fullLarge [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--fullLarge [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--fullLarge {
    width: 100%;
  }
  .actionBtn--fullLarge.is-disabled, .actionBtn--fullLarge:disabled, .actionBtn--fullLarge.is-disabled:hover, .actionBtn--fullLarge:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--fullLarge.is-disabled [class*=__inner], .actionBtn--fullLarge:disabled [class*=__inner], .actionBtn--fullLarge.is-disabled:hover [class*=__inner], .actionBtn--fullLarge:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--fullLarge.is-disabled [class*=__icon], .actionBtn--fullLarge:disabled [class*=__icon], .actionBtn--fullLarge.is-disabled:hover [class*=__icon], .actionBtn--fullLarge:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .actionBtn--fullLarge:hover, .actionBtn--fullLarge:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--fullLarge:hover [class*=__inner], .actionBtn--fullLarge:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--fullLarge:hover [class*=__icon], .actionBtn--fullLarge:focus [class*=__icon] {
    margin-top: 1px;
  }
  .actionBtn--fullLarge.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--fullLarge.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--fullLarge.is-click [class*=__icon] {
    margin-top: 3px;
  }
  .actionBtn--middle {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--middle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 48px;
    padding: 0 12px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--middle__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--middle.is-disabled [class*=__inner], .actionBtn--middle:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--middle [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--middle [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--middle [class*=__icon] {
    margin-top: -3px;
  }
  .actionBtn--middle.is-disabled, .actionBtn--middle:disabled, .actionBtn--middle.is-disabled:hover, .actionBtn--middle:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--middle.is-disabled [class*=__inner], .actionBtn--middle:disabled [class*=__inner], .actionBtn--middle.is-disabled:hover [class*=__inner], .actionBtn--middle:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--middle.is-disabled [class*=__icon], .actionBtn--middle:disabled [class*=__icon], .actionBtn--middle.is-disabled:hover [class*=__icon], .actionBtn--middle:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .actionBtn--middle:hover, .actionBtn--middle:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--middle:hover [class*=__inner], .actionBtn--middle:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--middle:hover [class*=__icon], .actionBtn--middle:focus [class*=__icon] {
    margin-top: -2px;
  }
  .actionBtn--middle.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--middle.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--middle.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .actionBtn--small {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--small__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    padding: 0 8px 4px;
    color: var(--font-color-on-primary-bg);
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: var(--primary-color);
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--small__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--small.is-disabled [class*=__inner], .actionBtn--small:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--small [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--small [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--small {
    border-radius: 6px;
  }
  .actionBtn--small [class*=__icon] {
    margin-top: -2px;
  }
  .actionBtn--small.is-disabled, .actionBtn--small:disabled, .actionBtn--small.is-disabled:hover, .actionBtn--small:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--small.is-disabled [class*=__inner], .actionBtn--small:disabled [class*=__inner], .actionBtn--small.is-disabled:hover [class*=__inner], .actionBtn--small:disabled:hover [class*=__inner] {
    height: 36px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--small.is-disabled [class*=__icon], .actionBtn--small:disabled [class*=__icon], .actionBtn--small.is-disabled:hover [class*=__icon], .actionBtn--small:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .actionBtn--small:hover, .actionBtn--small:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--small:hover [class*=__inner], .actionBtn--small:focus [class*=__inner] {
    height: 34px;
    padding-bottom: 2px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--small:hover [class*=__icon], .actionBtn--small:focus [class*=__icon] {
    margin-top: -1px;
  }
  .actionBtn--small.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--small.is-click [class*=__inner] {
    height: 34px;
    padding-top: 2px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    color: var(--font-color-on-primary-bg);
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--small.is-click [class*=__icon] {
    margin-top: 1px;
  }
  .actionBtn--large {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--large__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 60px;
    padding: 0 8px 4px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--large__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--large.is-disabled [class*=__inner], .actionBtn--large:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--large [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--large [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--large {
    border-radius: 12px;
  }
  .actionBtn--large [class*=__icon] {
    margin-top: -2px;
  }
  .actionBtn--large.is-disabled, .actionBtn--large:disabled, .actionBtn--large.is-disabled:hover, .actionBtn--large:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--large.is-disabled [class*=__inner], .actionBtn--large:disabled [class*=__inner], .actionBtn--large.is-disabled:hover [class*=__inner], .actionBtn--large:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--large.is-disabled [class*=__icon], .actionBtn--large:disabled [class*=__icon], .actionBtn--large.is-disabled:hover [class*=__icon], .actionBtn--large:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .actionBtn--large:hover, .actionBtn--large:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .actionBtn--large:hover [class*=__inner], .actionBtn--large:focus [class*=__inner] {
    height: 58px;
    padding-bottom: 2px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--large:hover [class*=__icon], .actionBtn--large:focus [class*=__icon] {
    margin-top: -1px;
  }
  .actionBtn--large.is-click {
    text-decoration: none;
  }
  .actionBtn--large.is-click [class*=__inner] {
    height: 58px;
    padding-top: 2px;
    padding-bottom: 0;
    background-color: var(--primary-color-darker);
    color: var(--font-color-on-primary-bg);
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--large.is-click [class*=__icon] {
    margin-top: 1px;
  }
  .actionBtn--small__f11 {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--small__f11__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    padding: 0 8px 4px;
    color: var(--font-color-on-primary-bg);
    font-size: 11px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: var(--primary-color);
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--small__f11__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--small__f11.is-disabled [class*=__inner], .actionBtn--small__f11:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--small__f11.is-disabled, .actionBtn--small__f11:disabled, .actionBtn--small__f11.is-disabled:hover, .actionBtn--small__f11:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--small__f11.is-disabled [class*=__inner], .actionBtn--small__f11:disabled [class*=__inner], .actionBtn--small__f11.is-disabled:hover [class*=__inner], .actionBtn--small__f11:disabled:hover [class*=__inner] {
    height: 36px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--small__f11.is-disabled [class*=__icon], .actionBtn--small__f11:disabled [class*=__icon], .actionBtn--small__f11.is-disabled:hover [class*=__icon], .actionBtn--small__f11:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .smallBtn {
    margin-top: 20px;
    width: 150px;
  }
  .largeBtn {
    margin-top: 20px !important;
    width: 320px !important;
  }
  .localBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .localBtn__txt {
    display: block;
    width: 100%;
  }
  .localBtn.is-disabled [class*=__inner], .localBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .localBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .localBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn.is-disabled, .localBtn:disabled, .localBtn.is-disabled:hover, .localBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .localBtn.is-disabled [class*=__inner], .localBtn:disabled [class*=__inner], .localBtn.is-disabled:hover [class*=__inner], .localBtn:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .localBtn.is-disabled [class*=__icon], .localBtn:disabled [class*=__icon], .localBtn.is-disabled:hover [class*=__icon], .localBtn:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .localBtn:hover, .localBtn:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .localBtn:hover [class*=__inner], .localBtn:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn:hover [class*=__icon], .localBtn:focus [class*=__icon] {
    margin-top: 1px;
  }
  .localBtn.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .localBtn.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn.is-click [class*=__icon] {
    margin-top: 3px;
  }
  .localBtn--full {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .localBtn--full__txt {
    display: block;
    width: 100%;
  }
  .localBtn--full.is-disabled [class*=__inner], .localBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .localBtn--full [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .localBtn--full [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn--full {
    width: 100%;
  }
  .localBtn--full [class*=__icon] {
    margin-top: -3px;
  }
  .localBtn--full.is-disabled, .localBtn--full:disabled, .localBtn--full.is-disabled:hover, .localBtn--full:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .localBtn--full.is-disabled [class*=__inner], .localBtn--full:disabled [class*=__inner], .localBtn--full.is-disabled:hover [class*=__inner], .localBtn--full:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .localBtn--full.is-disabled [class*=__icon], .localBtn--full:disabled [class*=__icon], .localBtn--full.is-disabled:hover [class*=__icon], .localBtn--full:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .localBtn--full:hover, .localBtn--full:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--full:hover [class*=__inner], .localBtn--full:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--full:hover [class*=__icon], .localBtn--full:focus [class*=__icon] {
    margin-top: -2px;
  }
  .localBtn--full.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--full.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--full.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .localBtn--middle {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--middle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 48px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .localBtn--middle__txt {
    display: block;
    width: 100%;
  }
  .localBtn--middle.is-disabled [class*=__inner], .localBtn--middle:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .localBtn--middle [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .localBtn--middle [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn--middle [class*=__icon] {
    margin-top: -3px;
  }
  .localBtn--middle.is-disabled, .localBtn--middle:disabled, .localBtn--middle.is-disabled:hover, .localBtn--middle:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .localBtn--middle.is-disabled [class*=__inner], .localBtn--middle:disabled [class*=__inner], .localBtn--middle.is-disabled:hover [class*=__inner], .localBtn--middle:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .localBtn--middle.is-disabled [class*=__icon], .localBtn--middle:disabled [class*=__icon], .localBtn--middle.is-disabled:hover [class*=__icon], .localBtn--middle:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .localBtn--middle:hover, .localBtn--middle:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--middle:hover [class*=__inner], .localBtn--middle:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--middle:hover [class*=__icon], .localBtn--middle:focus [class*=__icon] {
    margin-top: -2px;
  }
  .localBtn--middle.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--middle.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--middle.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .localBtn--small {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--small__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    padding: 0 8px 4px;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .localBtn--small__txt {
    display: block;
    width: 100%;
  }
  .localBtn--small.is-disabled [class*=__inner], .localBtn--small:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .localBtn--small [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .localBtn--small [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn--small {
    border-radius: 6px;
  }
  .localBtn--small [class*=__icon] {
    margin-top: -2px;
  }
  .localBtn--small.is-disabled, .localBtn--small:disabled, .localBtn--small.is-disabled:hover, .localBtn--small:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .localBtn--small.is-disabled [class*=__inner], .localBtn--small:disabled [class*=__inner], .localBtn--small.is-disabled:hover [class*=__inner], .localBtn--small:disabled:hover [class*=__inner] {
    height: 36px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .localBtn--small.is-disabled [class*=__icon], .localBtn--small:disabled [class*=__icon], .localBtn--small.is-disabled:hover [class*=__icon], .localBtn--small:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .localBtn--small:hover, .localBtn--small:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--small:hover [class*=__inner], .localBtn--small:focus [class*=__inner] {
    height: 34px;
    padding-bottom: 2px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--small:hover [class*=__icon], .localBtn--small:focus [class*=__icon] {
    margin-top: -1px;
  }
  .localBtn--small.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .localBtn--small.is-click [class*=__inner] {
    height: 34px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .localBtn--small.is-click [class*=__icon] {
    margin-top: 1px;
  }
  .historyBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #eee;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .historyBtn__txt {
    display: block;
    width: 100%;
  }
  .historyBtn.is-disabled [class*=__inner], .historyBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .historyBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .historyBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .historyBtn.is-disabled, .historyBtn:disabled, .historyBtn.is-disabled:hover, .historyBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .historyBtn.is-disabled [class*=__inner], .historyBtn:disabled [class*=__inner], .historyBtn.is-disabled:hover [class*=__inner], .historyBtn:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .historyBtn.is-disabled [class*=__icon], .historyBtn:disabled [class*=__icon], .historyBtn.is-disabled:hover [class*=__icon], .historyBtn:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .historyBtn:hover, .historyBtn:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .historyBtn:hover [class*=__inner], .historyBtn:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn:hover [class*=__icon], .historyBtn:focus [class*=__icon] {
    margin-top: 1px;
  }
  .historyBtn.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .historyBtn.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn.is-click [class*=__icon] {
    margin-top: 3px;
  }
  .historyBtn--full {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #eee;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .historyBtn--full__txt {
    display: block;
    width: 100%;
  }
  .historyBtn--full.is-disabled [class*=__inner], .historyBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .historyBtn--full [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .historyBtn--full [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .historyBtn--full {
    width: 100%;
  }
  .historyBtn--full [class*=__icon] {
    margin-top: -3px;
  }
  .historyBtn--full.is-disabled, .historyBtn--full:disabled, .historyBtn--full.is-disabled:hover, .historyBtn--full:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .historyBtn--full.is-disabled [class*=__inner], .historyBtn--full:disabled [class*=__inner], .historyBtn--full.is-disabled:hover [class*=__inner], .historyBtn--full:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .historyBtn--full.is-disabled [class*=__icon], .historyBtn--full:disabled [class*=__icon], .historyBtn--full.is-disabled:hover [class*=__icon], .historyBtn--full:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .historyBtn--full:hover, .historyBtn--full:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--full:hover [class*=__inner], .historyBtn--full:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--full:hover [class*=__icon], .historyBtn--full:focus [class*=__icon] {
    margin-top: -2px;
  }
  .historyBtn--full.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--full.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--full.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .historyBtn--middle {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--middle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 48px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #eee;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .historyBtn--middle__txt {
    display: block;
    width: 100%;
  }
  .historyBtn--middle.is-disabled [class*=__inner], .historyBtn--middle:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .historyBtn--middle [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .historyBtn--middle [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .historyBtn--middle [class*=__icon] {
    margin-top: -3px;
  }
  .historyBtn--middle.is-disabled, .historyBtn--middle:disabled, .historyBtn--middle.is-disabled:hover, .historyBtn--middle:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .historyBtn--middle.is-disabled [class*=__inner], .historyBtn--middle:disabled [class*=__inner], .historyBtn--middle.is-disabled:hover [class*=__inner], .historyBtn--middle:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .historyBtn--middle.is-disabled [class*=__icon], .historyBtn--middle:disabled [class*=__icon], .historyBtn--middle.is-disabled:hover [class*=__icon], .historyBtn--middle:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .historyBtn--middle:hover, .historyBtn--middle:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--middle:hover [class*=__inner], .historyBtn--middle:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--middle:hover [class*=__icon], .historyBtn--middle:focus [class*=__icon] {
    margin-top: -2px;
  }
  .historyBtn--middle.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--middle.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--middle.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .historyBtn--small {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--small__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    padding: 0 8px 4px;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: #eee;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .historyBtn--small__txt {
    display: block;
    width: 100%;
  }
  .historyBtn--small.is-disabled [class*=__inner], .historyBtn--small:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .historyBtn--small [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .historyBtn--small [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .historyBtn--small {
    border-radius: 6px;
  }
  .historyBtn--small [class*=__icon] {
    margin-top: -2px;
  }
  .historyBtn--small.is-disabled, .historyBtn--small:disabled, .historyBtn--small.is-disabled:hover, .historyBtn--small:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .historyBtn--small.is-disabled [class*=__inner], .historyBtn--small:disabled [class*=__inner], .historyBtn--small.is-disabled:hover [class*=__inner], .historyBtn--small:disabled:hover [class*=__inner] {
    height: 36px;
    padding-bottom: 4px;
    border: 2px solid #999;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .historyBtn--small.is-disabled [class*=__icon], .historyBtn--small:disabled [class*=__icon], .historyBtn--small.is-disabled:hover [class*=__icon], .historyBtn--small:disabled:hover [class*=__icon] {
    margin-top: -2px;
    opacity: 0.5;
  }
  .historyBtn--small:hover, .historyBtn--small:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--small:hover [class*=__inner], .historyBtn--small:focus [class*=__inner] {
    height: 34px;
    padding-bottom: 2px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--small:hover [class*=__icon], .historyBtn--small:focus [class*=__icon] {
    margin-top: -1px;
  }
  .historyBtn--small.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .historyBtn--small.is-click [class*=__inner] {
    height: 34px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .historyBtn--small.is-click [class*=__icon] {
    margin-top: 1px;
  }
  .btnUnit {
    text-align: center;
  }
  .btnUnit > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .btnUnit__move {
    display: flex;
    justify-content: center;
    margin-top: 18px;
  }
  .btnUnit__move > * {
    margin: 0 12px;
  }
  .btnUnit .notes {
    display: block;
    text-align: left;
  }
  .btnUnit a {
    cursor: pointer;
  }
  .btnUnit--hasInfo {
    text-align: center;
  }
  .btnUnit--hasInfo__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .btnUnit--hasInfo > *:nth-child(n+2) {
    margin-top: 18px;
  }
  .simpleBtn {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
  }
  .simpleBtn:active {
    color: var(--primary-color);
  }
  .addInvoiceBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .addInvoiceBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 158px;
    height: 48px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
  }
  .addInvoiceBtn__txt {
    display: block;
    width: 100%;
  }
  .addInvoiceBtn.is-disabled [class*=__inner], .addInvoiceBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .addInvoiceBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .addInvoiceBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .addInvoiceBtn [class*=__icon] {
    margin-top: -3px;
  }
  .addInvoiceBtn [class*=__txt] {
    margin-right: 12px;
  }
  .addInvoiceBtn {
    margin-left: 30px;
    width: auto;
  }
  .addInvoiceBtn.is-disabled, .addInvoiceBtn:disabled, .addInvoiceBtn.is-disabled:hover, .addInvoiceBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .addInvoiceBtn.is-disabled [class*=__inner], .addInvoiceBtn:disabled [class*=__inner], .addInvoiceBtn.is-disabled:hover [class*=__inner], .addInvoiceBtn:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .addInvoiceBtn.is-disabled [class*=__icon], .addInvoiceBtn:disabled [class*=__icon], .addInvoiceBtn.is-disabled:hover [class*=__icon], .addInvoiceBtn:disabled:hover [class*=__icon] {
    margin-top: -3px;
    opacity: 0.5;
  }
  .addInvoiceBtn:hover, .addInvoiceBtn:focus {
    padding-top: 2px;
    text-decoration: none;
  }
  .addInvoiceBtn:hover [class*=__inner], .addInvoiceBtn:focus [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .addInvoiceBtn:hover [class*=__icon], .addInvoiceBtn:focus [class*=__icon] {
    margin-top: -2px;
  }
  .addInvoiceBtn.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .addInvoiceBtn.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset;
  }
  .addInvoiceBtn.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .actionInvoiceBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionInvoiceBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 71px;
    padding: 0 26px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionInvoiceBtn__txt {
    display: block;
    width: 100%;
  }
  .actionInvoiceBtn.is-disabled [class*=__inner], .actionInvoiceBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionInvoiceBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionInvoiceBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionInvoiceBtn [class*=__icon] {
    position: inherit;
    margin-right: 7px;
    margin-top: -5px;
    width: 57px;
  }
  .actionInvoiceBtn [class*=__txt] {
    font-size: 24px;
    width: auto;
  }
  .actionInvoiceBtn.is-disabled, .actionInvoiceBtn:disabled, .actionInvoiceBtn.is-disabled:hover, .actionInvoiceBtn:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionInvoiceBtn.is-disabled [class*=__inner], .actionInvoiceBtn:disabled [class*=__inner], .actionInvoiceBtn.is-disabled:hover [class*=__inner], .actionInvoiceBtn:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionInvoiceBtn.is-disabled [class*=__icon], .actionInvoiceBtn:disabled [class*=__icon], .actionInvoiceBtn.is-disabled:hover [class*=__icon], .actionInvoiceBtn:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .actionInvoiceBtn:hover, .actionInvoiceBtn:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionInvoiceBtn:hover [class*=__inner], .actionInvoiceBtn:focus [class*=__inner] {
    height: 69px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionInvoiceBtn.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionInvoiceBtn.is-click [class*=__inner] {
    height: 69px;
    padding-top: 3px;
    padding-bottom: 0;
    color: var(--font-color-on-primary-bg);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .boxShadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /* tag
  -----------------------------------------------------------------*/
  .tagWrap .tag, .tagWrap .tag--em, .tagWrap .subTag {
    margin: 12px 12px 0 0;
  }
  .tag, .tag--em, .subTag {
    display: inline-block;
    min-width: 90px;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    border-radius: 12px;
    background-color: #eee;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .tag.warning, .warning.tag--em, .warning.subTag {
    background-color: #fff000;
    color: #000;
    margin: 0 5px;
  }
  .subTag {
    min-width: 40px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: normal;
  }
  .subTag.warning {
    background-color: #fff000;
    color: #000;
    margin: 0 5px;
  }
  .tag--em {
    color: #fff;
    background-color: #ff3600;
  }
  /* title
  -----------------------------------------------------------------*/
  .sectionTitle {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
  }
  .sectionTitle__icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
  }
  .sectionTitle__detail {
    margin-left: 12px;
    font-size: 16px;
  }
  .breadclumb + .sectionTitle {
    margin-top: 24px;
  }
  .subTitle {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .title2col {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .title2col .sectionTitle {
    width: calc(100% - 130px);
  }
  .lineTitle__txt {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
  }
  .titleRow {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  /* text
  -----------------------------------------------------------------*/
  .en {
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-weight: bold;
  }
  .txt {
    margin-top: 18px;
  }
  .leadTxt a {
    text-decoration: underline;
  }
  .leadTxt a:hover {
    text-decoration: none;
  }
  .errorTxt {
    font-weight: bold;
    color: #ff3600;
  }
  .warningTxt {
    margin-top: 18px;
    color: #d1ac17;
  }
  .valiedTxt {
    color: #ff3600;
  }
  .dateTxt {
    font-weight: bold;
    color: #999;
  }
  .nothingTxt {
    font-weight: bold;
    text-align: center;
    color: #999;
  }
  .emTxt {
    font-size: 24px;
  }
  .price {
    font-weight: bold;
  }
  .price__num {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
  }
  .price__sub {
    font-weight: normal;
  }
  .price--em {
    color: #ff3600;
  }
  .price--small {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
  }
  .price--xl {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
  }
  .price--xl__num {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    margin-right: 6px;
  }
  .num {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
  }
  .lineTxt {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  .lineTxt span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 12px;
    background-color: #fff;
  }
  .lineTxt::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #000;
  }
  .notes {
    font-size: 14px;
    line-height: 1.5;
  }
  /* step
  -----------------------------------------------------------------*/
  .step {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .step > li {
    position: relative;
    width: 120px;
    margin: 0 9px;
  }
  .step > li:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 50%;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ccc;
  }
  .step > li:last-child:before {
    content: none;
  }
  .step__num {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #ccc;
    border: 3px solid #ccc;
    background-color: #fff;
    border-radius: 50%;
  }
  .step .is-finished:before {
    background-color: #000;
  }
  .step .is-finished .step__num {
    color: #000;
    border: 3px solid #000;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
  }
  .step .is-finished .step__num:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: -4px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .step .is-current .step__num {
    color: #000;
    border: 3px solid #000;
  }
  .step__txt {
    display: block;
    margin-top: 15px;
    font-weight: bold;
  }
  /* step guid
  -----------------------------------------------------------------*/
  .stepGuide {
    display: table;
    width: 100%;
    text-align: center;
  }
  .stepGuide > li {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 33.3%;
  }
  .stepGuide > li:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 50%;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #000;
  }
  .stepGuide > li:last-child:before {
    content: none;
  }
  .stepGuide__num {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
    border: 3px solid #000;
    background-color: #fff;
    border-radius: 50%;
  }
  .stepGuide__icon {
    display: block;
    width: 60px;
    margin: 18px auto 16px;
  }
  .stepGuide__txt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
    margin-top: 16px;
  }
  /* table
  -----------------------------------------------------------------*/
  .billTable {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
  }
  .billTable thead th:first-child {
    border-radius: 12px 0 0 0;
  }
  .billTable thead th:last-child {
    border-radius: 0 12px 0 0;
  }
  .billTable tbody tr:last-child th:first-child {
    border-radius: 0 0 0 12px;
  }
  .billTable tbody tr:last-child th:last-child {
    border-radius: 0 0 12px 0;
  }
  .billTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .billTable th {
    padding: 30px 0 30px 24px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    background-color: #eee;
    white-space: nowrap;
  }
  .billTable td {
    padding: 30px 0 30px 24px;
    border-top: 1px solid #000;
  }
  .billTable td:last-child {
    padding: 30px 24px;
  }
  .billTable tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
  }
  .billTable tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
  }
  .billTable th:last-child {
    padding: 30px 10px;
  }
  .billTable td:last-child {
    padding: 30px 10px;
  }
  .billTable__sub {
    font-size: 12px;
  }
  .billTable__center {
    text-align: center;
  }
  .billTable__name {
    position: relative;
  }
  .billTable__name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .billTable__name {
    padding-left: 30px;
    font-weight: bold;
    text-decoration: none;
  }
  .billTable__name.custom-arrow:before {
    margin-top: -10px;
  }
  .billTable__linking-service {
    font-weight: bold;
    font-size: 13px;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
  }
  .billTable__status {
    text-align: center;
    color: #999;
    min-width: 84px;
  }
  .billTable__status__icon:after {
    content: "";
    cursor: pointer;
    padding-left: 14px;
    margin-left: 2px;
    background: url("/images/icon-questionMark.svg") center center no-repeat;
    background-size: contain;
  }
  .billTable__status--deadline {
    color: #ff3600;
  }
  .billTable__date {
    min-width: 72px;
    text-align: center;
  }
  .billTable__memo {
    max-width: 150px;
    min-width: 50px;
  }
  .billTable .tagWrap [class*=tag]:nth-child(2n) {
    margin-right: 0;
  }
  .billTable.invoice tr {
    height: 82px !important;
  }
  .billTable.invoice td {
    padding: 0;
    padding-left: 24px !important;
  }
  .clientsTable {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
  }
  .clientsTable thead th:first-child {
    border-radius: 12px 0 0 0;
  }
  .clientsTable thead th:last-child {
    border-radius: 0 12px 0 0;
  }
  .clientsTable tbody tr:last-child th:first-child {
    border-radius: 0 0 0 12px;
  }
  .clientsTable tbody tr:last-child th:last-child {
    border-radius: 0 0 12px 0;
  }
  .clientsTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .clientsTable th {
    padding: 30px 0 30px 24px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    background-color: #eee;
    white-space: nowrap;
  }
  .clientsTable td {
    padding: 30px 0 30px 24px;
    border-top: 1px solid #000;
  }
  .clientsTable td:last-child {
    padding: 30px 24px;
  }
  .clientsTable tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
  }
  .clientsTable tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
  }
  .clientsTable td {
    position: relative;
  }
  .clientsTable__name {
    position: relative;
  }
  .clientsTable__name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .clientsTable__name {
    display: inline-block;
    width: 275px;
    padding-left: 30px;
    font-weight: bold;
    text-decoration: none;
  }
  .clientsTable__number {
    white-space: nowrap;
  }
  .accordionTable {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
  }
  .accordionTable thead th:first-child {
    border-radius: 12px 0 0 0;
  }
  .accordionTable thead th:last-child {
    border-radius: 0 12px 0 0;
  }
  .accordionTable tbody tr:last-child th:first-child {
    border-radius: 0 0 0 12px;
  }
  .accordionTable tbody tr:last-child th:last-child {
    border-radius: 0 0 12px 0;
  }
  .accordionTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .accordionTable th {
    padding: 30px 0 30px 24px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    background-color: #eee;
    white-space: nowrap;
  }
  .accordionTable td {
    padding: 30px 0 30px 24px;
    border-top: 1px solid #000;
  }
  .accordionTable td:last-child {
    padding: 30px 24px;
  }
  .accordionTable {
    table-layout: fixed;
    background-color: #fff;
  }
  .accordionTable th {
    box-sizing: border-box;
  }
  .accordionTable__trigger {
    cursor: pointer;
  }
  .accordionTable__trigger:nth-last-child(2) td:first-child {
    border-radius: 0 0 0 12px;
  }
  .accordionTable__trigger:nth-last-child(2) td:last-child {
    border-radius: 0 0 12px 0;
  }
  .accordionTable__trigger.is-active:nth-last-child(2) td {
    border-radius: 0;
  }
  .accordionTable__trigger:hover .accordionTable__title {
    text-decoration: underline;
  }
  .accordionTable__trigger:active .accordionTable__title {
    color: var(--primary-color);
  }
  .accordionTable__time {
    position: relative;
  }
  .accordionTable__time:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .accordionTable__time {
    padding-left: 30px;
  }
  .accordionTable__time:before {
    background: url("/images/icon-arrowBottom-bkBlack.svg") center center no-repeat;
    background-size: contain;
  }
  .accordionTable__trigger.is-active .accordionTable__time:before {
    background: url("/images/icon-arrowTop-bkBlack.svg") center center no-repeat;
    background-size: contain;
  }
  .accordionTable__title {
    font-weight: bold;
  }
  .accordionTable__money--em {
    color: #ff3600;
  }
  .accordionTable__content {
    display: none;
    background-color: #fff2ee;
  }
  .accordionTable .is-active + .accordionTable__content {
    display: table-row;
  }
  .accordionTable__content td {
    padding: 24px;
    border-top: 1px dashed #000;
  }
  .accordionTable__content td:last-child {
    padding: 24px;
  }
  .accordionTable__content:last-child > td:first-child {
    border-radius: 0 0 0 12px;
  }
  .accordionTable__content:last-child > td:last-child {
    border-radius: 0 0 12px 0;
  }
  .accordionTable__content.is-deposit {
    background-color: #f3f3f3;
  }
  .accordionTable__detail {
    width: auto;
  }
  .innerTable {
    width: 100%;
  }
  .innerTable tr:first-child > th {
    padding-bottom: 10px;
  }
  .innerTable th {
    padding: 0;
    font-weight: normal;
    border: none;
    background-color: transparent;
  }
  .innerTable td {
    padding: 0;
    border-top: none;
    width: 60%;
  }
  .innerTable td:first-child {
    width: 20%;
  }
  .innerTable td:last-child {
    padding: 0;
    width: 20%;
  }
  .simpleTable {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
  }
  .simpleTable thead th:first-child {
    border-radius: 12px 0 0 0;
  }
  .simpleTable thead th:last-child {
    border-radius: 0 12px 0 0;
  }
  .simpleTable tbody tr:last-child th:first-child {
    border-radius: 0 0 0 12px;
  }
  .simpleTable tbody tr:last-child th:last-child {
    border-radius: 0 0 12px 0;
  }
  .simpleTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .simpleTable th {
    padding: 30px 0 30px 24px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    background-color: #eee;
    white-space: nowrap;
  }
  .simpleTable td {
    padding: 30px 0 30px 24px;
    border-top: 1px solid #000;
  }
  .simpleTable td:last-child {
    padding: 30px 24px;
  }
  .simpleTable tbody tr:last-child td:first-child {
    border-radius: 0 0 0 12px;
  }
  .simpleTable tbody tr:last-child td:last-child {
    border-radius: 0 0 12px 0;
  }
  .simpleTable th,
  .simpleTable td {
    padding: 18px 0 18px 18px;
  }
  .simpleTable th:last-child,
  .simpleTable td:last-child {
    padding: 18px;
  }
  .simpleTable__name {
    font-weight: bold;
  }
  .simpleTable__check {
    text-align: left;
  }
  /* post
  -----------------------------------------------------------------*/
  .postList {
    padding: 24px 60px;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .postList time {
    margin-right: 10px;
    font-weight: bold;
    color: #999;
  }
  .postList__item, .postList__item--link {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    text-decoration: none;
    border-top: 1px solid #000;
  }
  .postList__item:first-child, .postList__item--link:first-child {
    border-top: none;
  }
  .postList__item--link {
    position: relative;
  }
  .postList__item--link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -36px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .postList__item--link {
    position: relative;
  }
  .postList__txt {
    margin-top: 12px;
    font-weight: bold;
  }
  .postList a:hover {
    text-decoration: none;
  }
  .postList a:hover .postList__txt {
    text-decoration: underline;
  }
  .attentionPost {
    display: block;
    padding: 60px;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff2ee;
    text-decoration: none;
  }
  .attentionPost__txt {
    position: relative;
  }
  .attentionPost__txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -36px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .attentionPost__txt {
    position: relative;
    font-weight: bold;
    color: #ff3600;
  }
  .attentionPost:active .attentionPost__txt {
    color: var(--primary-color);
  }
  /* moneyList
  -----------------------------------------------------------------*/
  .moneyList {
    display: flex;
    margin-top: 30px;
  }
  .moneyList__center {
    display: flex;
    margin-top: 30px;
    justify-content: center;
  }
  .moneyList__item {
    margin-right: 48px;
    padding: 0 26px;
    font-weight: bold;
    text-align: center;
    border-right: 2px solid #000;
  }
  .moneyList__item:last-child {
    border-right: none;
  }
  .moneyList__price, .moneyList__price--em {
    margin-top: 18px;
  }
  .moneyList__price--em {
    color: #ff3600;
  }
  .moneyList__num {
    margin-top: 18px;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
  }
  /* sort
  -----------------------------------------------------------------*/
  .accordion {
    overflow: hidden;
    margin-top: 30px;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0px 5px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .accordion__btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 24px;
    background-color: #eee;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 5px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .is-active .accordion__btn {
    border-bottom: 2px solid #000;
    border-radius: 12px 12px 0 0;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .accordion__title {
    margin-right: 24px;
    font-size: 18px;
    font-weight: bold;
  }
  .accordion__period {
    margin-right: 24px;
  }
  .accordion__icon {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 30px;
    transform: translateY(-50%);
  }
  .accordion__content {
    display: none;
    padding: 24px;
    background-color: #fff;
  }
  .is-active .accordion__content {
    display: block;
  }
  .sortUnit {
    display: flex;
    justify-content: space-between;
  }
  .sortUnit__item {
    margin-right: 24px;
  }
  .sortUnit__row {
    display: flex;
  }
  .sortUnit__btn {
    display: flex;
    align-items: flex-end;
    width: 170px;
  }
  .sortUnit__title {
    margin: 0 24px 24px 0;
    font-weight: bold;
  }
  .sortUnit .calendar--2col input {
    width: 164px;
    background-color: transparent;
  }
  /* card
  -----------------------------------------------------------------*/
  .cardList {
    display: flex;
    flex-wrap: wrap;
  }
  .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 234px;
    margin: 48px 48px 0 0;
    padding: 30px 30px 15px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    box-sizing: border-box;
    background-color: #fff;
  }
  .card:nth-child(4n) {
    margin-right: 0;
  }
  .card:nth-child(-n+4) {
    margin-top: 0;
  }
  .card__icon {
    width: 48px;
  }
  .card__box {
    width: 100%;
    margin: 30px 0 18px;
    flex-grow: 1;
  }
  .card__detail {
    margin-top: 18px;
    text-align: left;
  }
  .card.is-active {
    position: relative;
  }
  .card.is-active:before {
    content: "";
    position: absolute;
    top: -14px;
    right: -14px;
    display: block;
    width: 46px;
    height: 48px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .cardTitle__txt {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
  }
  .cardTitle__txt--en {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
    display: inline-block;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-weight: bold;
  }
  .modal-membership .cardList {
    display: flex;
    justify-content: space-between;
  }
  .modal-membership .cardList .card {
    margin-right: 0;
  }
  .title {
    text-align: center;
  }
  .title__txt {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: 9px solid var(--primary-color);
    font-weight: bold;
    display: inline-block;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    border-bottom: none;
    margin-top: 10px;
  }
  .title__image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
  }
  .title__simple {
    width: 50px;
    height: 50px;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .profile__image {
    width: 500px;
    margin-left: 20px;
  }
  .profile__content {
    padding: 24px 24px 10px;
    text-align: center;
    background-color: #f3f3f3;
  }
  .profile__icon:after {
    content: "";
    cursor: pointer;
    padding-left: 14px;
    margin-left: 2px;
    background: url("/images/pc_display_questionMark.svg") center center no-repeat;
    background-size: contain;
  }
  .profile__icon {
    bottom: 1px !important;
    position: relative !important;
    cursor: pointer;
  }
  .profile__footer {
    margin-top: 16px;
    font-size: 14px;
  }
  .profile__code {
    width: 200px;
  }
  .profile__simple {
    width: 70px;
    height: 70px;
  }
  .profile__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: fit-content;
  }
  .profile__item {
    display: inline-block;
    font-size: 15px;
    width: 190px;
    margin: 4px;
  }
  .profile__itemBlock {
    margin-top: 4px !important;
  }
  .placeHolder {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
  }
  /* input
  -----------------------------------------------------------------*/
  .input, .search__input {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    appearance: none;
  }
  .input.is-disabled, .is-disabled.search__input {
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .textarea {
    width: 100%;
    height: 180px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    resize: none;
    vertical-align: top;
  }
  .checkBox, .checkBox--hasLink {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 18px;
    min-height: 20px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .checkBox:before, .checkBox--hasLink:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: white;
  }
  .checkBox:after, .checkBox--hasLink:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(-45deg);
    display: none;
  }
  .checkBox.is-disabled:before, .is-disabled.checkBox--hasLink:before {
    color: #AAAAAA;
    border-color: #AAAAAA;
  }
  .checkBox.is-disabled .radioUnit__title, .is-disabled.checkBox--hasLink .radioUnit__title {
    color: #AAAAAA;
  }
  .checkBox.is-checked:before, .is-checked.checkBox--hasLink:before {
    background-color: var(--primary-color);
  }
  .checkBox.is-checked:after, .is-checked.checkBox--hasLink:after {
    display: block;
  }
  .checkBox input, .checkBox--hasLink input {
    appearance: none;
    display: none;
  }
  .checkBox__txt {
    display: inline-block;
    padding-left: 30px;
  }
  .checkBox__br {
    display: none;
  }
  .checkBox__agree {
    bottom: 20px;
    margin-bottom: 20px;
  }
  .checkBox--hasLink__txt {
    display: inline-block;
    padding-left: 12px;
  }
  .checkBox--hasLink__txt label {
    cursor: pointer;
  }
  .checkBox--hasLink__txt a {
    text-decoration: underline;
  }
  .checkBox--hasLink__txt a:hover {
    text-decoration: none;
  }
  .checkBox--hasLink__br {
    display: none;
  }
  .checkLinkWrap--aligned {
    padding-left: 7%;
  }
  .checkLinkWrap.is-checked .checkBox--hasLink:before {
    background-color: var(--primary-color);
  }
  .checkLinkWrap.is-checked .checkBox--hasLink:after {
    display: block;
  }
  .radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1.5px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .radioBtn.is-checked:after {
    background-color: var(--font-color-on-primary-bg);
  }
  .radioBtn input {
    appearance: none;
    display: none;
  }
  .radioBtn {
    cursor: pointer;
  }
  .radioBtn__txt {
    padding-left: 30px;
  }
  .inlineRadio > * {
    margin-right: 24px;
  }
  .select {
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    background: url("/images/icon-arrowBottom-black.svg") right 12px center no-repeat;
    background-size: 23px;
    background-color: #fff;
    appearance: none;
  }
  .select::-ms-expand {
    display: none;
  }
  .select.is-disabled {
    color: #ccc;
    border-color: #ccc;
    background: url("/images/icon-arrowBottom-disabled.svg") right 12px center no-repeat;
    background-size: 23px;
  }
  .search {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .search__input::-ms-clear {
    visibility: hidden;
  }
  .search__btn {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    cursor: pointer;
  }
  .search__icon {
    width: 24px;
    height: 24px;
  }
  .inputBlock--2col {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBlock--2col > * {
    width: calc(50% - 12px);
    margin: 18px 24px 0 0;
  }
  .inputBlock--2col > *:nth-child(2n) {
    margin-right: 0;
  }
  .inputBlock--2col > *:nth-child(-n+2) {
    margin-top: 0;
  }
  .inputBlock--2col.grid--2to1 {
    display: block;
  }
  .inputBlock--2col.grid--2to1 > * {
    display: inline-block;
    width: 168px;
    margin: 18px 24px 0 0;
  }
  .inputBlock--2col.grid--2to1 > *:nth-child(2n) {
    width: auto;
    margin-right: 0;
  }
  .inputBlock--3col {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBlock--3col > * {
    width: calc(33.33% - 16px);
    margin: 18px 24px 0 0;
  }
  .inputBlock--3col > *:nth-child(3n) {
    margin-right: 0;
  }
  .inputBlock--3col > *:nth-child(-n+3) {
    margin-top: 0;
  }
  .inputBlock--border {
    display: flex;
    border: 2px solid #000;
    border-radius: 6px;
  }
  .inputBlock--border__item {
    overflow: hidden;
    width: 50%;
    border-radius: 0 5px 5px 0;
  }
  .inputBlock--border__item:first-child {
    border-right: 1px solid #000;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
  }
  .inputBlock--border__radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .inputBlock--border__radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1.5px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .inputBlock--border__radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .inputBlock--border__radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .inputBlock--border__radioBtn.is-checked:after {
    background-color: var(--font-color-on-primary-bg);
  }
  .inputBlock--border__radioBtn input {
    appearance: none;
    display: none;
  }
  .inputBlock--border__radioBtn {
    width: 100%;
    padding: 18px 18px 18px 48px;
    cursor: pointer;
  }
  .inputBlock--border__radioBtn:before {
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
  }
  .inputBlock--border__radioBtn:after {
    top: 50%;
    left: 23px;
    transform: translateY(-50%);
  }
  .inputBlock--border__radioBtn.is-checked {
    background-color: #fffeea;
  }
  .inputBlock--border .checkBox, .inputBlock--border .checkBox--hasLink {
    padding: 18px 18px 18px 48px;
  }
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem !important;
  }
  .input-group-prepend {
    margin-right: -1px;
    display: flex;
  }
  .input-group-text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
  }
  .form-control {
    flex: 1 1 auto;
    width: 1%;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 0.375rem 0.75rem;
  }
  .radioUnitWrap, .radioUnitWrap--scroll {
    overflow: hidden;
    margin-top: 18px;
    min-height: 290px;
    border: 1px solid #000;
    border-radius: 6px;
    box-sizing: border-box;
  }
  .radioUnitWrap.is-disabled, .is-disabled.radioUnitWrap--scroll {
    background-color: #f3f3f3;
    padding: 18px;
  }
  .radioUnitWrap .radioUnit:first-child, .radioUnitWrap--scroll .radioUnit:first-child {
    border-radius: 6px 6px 0 0;
  }
  .radioUnitWrap .radioUnit:last-child, .radioUnitWrap--scroll .radioUnit:last-child {
    border-radius: 0 0 6px 6px;
  }
  .is-error .radioUnitWrap--scroll {
    border-color: #ff3600;
  }
  .radioUnitWrap--scroll .radioUnitWrap--scroll__inner {
    display: table-cell;
    vertical-align: middle;
  }
  .radioUnitWrap--scroll {
    display: table;
    width: 100%;
    max-height: 320px;
    overflow-y: scroll;
  }
  .radioUnit {
    width: 100%;
    border-top: 1px solid #000;
    box-sizing: border-box;
  }
  .is-error .radioUnit {
    border-color: #ff3600;
    color: #ff3600;
  }
  .radioUnit:first-child {
    border-top: none;
  }
  .radioUnit.is-checked {
    background-color: #fffeea;
  }
  .radioUnit__radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .radioUnit__radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1.5px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .radioUnit__radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .radioUnit__radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .radioUnit__radioBtn.is-checked:after {
    background-color: var(--font-color-on-primary-bg);
  }
  .radioUnit__radioBtn input {
    appearance: none;
    display: none;
  }
  .radioUnit__radioBtn {
    width: 100%;
    padding: 18px 18px 18px 48px;
    cursor: pointer;
  }
  .radioUnit__radioBtn:before {
    top: 50%;
    transform: translateY(-50%);
  }
  .radioUnit__radioBtn:after {
    top: 50%;
    transform: translateY(-50%);
  }
  .radioUnit__checkboxBtn {
    width: 100%;
    padding: 18px 18px 18px 48px;
    cursor: pointer;
  }
  .radioUnit__checkboxBtn:before {
    top: 35%;
    left: 18px;
  }
  .radioUnit__checkboxBtn:after {
    top: 43%;
    left: 22px;
  }
  .radioUnit__radioBtn.is-checked, .radioUnit__checkboxBtn.is-checked {
    background-color: #fffeea;
  }
  .radioUnit__radioBtn.is-disabled {
    cursor: default;
  }
  .radioUnit__radioBtn.is-disabled:before {
    border: 1.5px solid #cccccc;
  }
  .radioUnit__title {
    display: block;
    font-weight: bold;
  }
  .radioUnit__detail {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .radioUnit__infoName {
    display: block;
    width: 4em;
    margin-right: 12px;
  }
  .radioUnit__infoContent {
    display: block;
    width: calc(100% - 4em - 12px);
  }
  .clientItem {
    border-bottom: 1px solid #EEEEEE;
  }
  .clientItem.is-checked {
    background-color: #fffeea;
  }
  .clientItem .radioUnit {
    padding-left: 10px;
  }
  .inputUnit {
    display: flex;
    flex-wrap: wrap;
  }
  .inputUnit__item {
    margin-right: 24px;
  }
  .upload {
    overflow: hidden;
    margin-top: 18px;
    border-radius: 6px;
  }
  .upload.is-error + .valiedTxt {
    margin-top: 18px;
  }
  .upload__content {
    min-height: 180px;
    padding: 52px 24px 24px;
    text-align: center;
    background-color: #f3f3f3;
    box-sizing: border-box;
  }
  .upload__content.drag-active {
    background-color: #ffeeb0 !important;
  }
  .upload__txt {
    width: 100%;
    margin-bottom: 18px;
  }
  .upload .uploadBtn--middle {
    display: inline-block;
  }
  .uploadBtn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .uploadBtn__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .uploadBtn__txt {
    display: block;
    width: 100%;
  }
  .uploadBtn.is-disabled [class*=__inner], .uploadBtn:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .uploadBtn [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .uploadBtn [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .uploadBtn input {
    display: none;
  }
  .uploadBtn--middle {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .uploadBtn--middle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 138px;
    height: 48px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .uploadBtn--middle__txt {
    display: block;
    width: 100%;
  }
  .uploadBtn--middle.is-disabled [class*=__inner], .uploadBtn--middle:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .uploadBtn--middle [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .uploadBtn--middle [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .uploadBtn--middle input {
    display: none;
  }
  .uploadBtn--middle [class*=__icon] {
    margin-top: -3px;
  }
  .uploadBtn--middle:hover {
    padding-top: 2px;
    text-decoration: none;
  }
  .uploadBtn--middle:hover [class*=__inner] {
    height: 46px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .uploadBtn--middle:hover [class*=__icon] {
    margin-top: -2px;
  }
  .uploadBtn--middle.is-click {
    padding-top: 2px;
    text-decoration: none;
  }
  .uploadBtn--middle.is-click [class*=__inner] {
    height: 46px;
    padding-top: 2px;
    padding-bottom: 0;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .uploadBtn--middle.is-click [class*=__icon] {
    margin-top: 0px;
  }
  .uploadBtn--middle.is-disabled, .uploadBtn--middle:disabled, .uploadBtn--middle.is-disabled:hover, .uploadBtn--middle:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .uploadBtn--middle.is-disabled [class*=__inner], .uploadBtn--middle:disabled [class*=__inner], .uploadBtn--middle.is-disabled:hover [class*=__inner], .uploadBtn--middle:disabled:hover [class*=__inner] {
    height: 48px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .uploadBtn--middle.is-disabled [class*=__icon], .uploadBtn--middle:disabled [class*=__icon], .uploadBtn--middle.is-disabled:hover [class*=__icon], .uploadBtn--middle:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  /* file list
  -----------------------------------------------------------------*/
  .fileList > li:first-child {
    margin-top: 18px;
  }
  .fileList > li {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
  }
  .fileList__name {
    flex-grow: 1;
    -ms-flex: 1 1 auto;
    position: relative;
    padding: 0 36px 0 24px;
    font-size: 16px;
    text-decoration: underline;
    box-sizing: border-box;
  }
  .fileList__name:hover {
    text-decoration: underline;
  }
  .fileList__name:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("/images/icon-paper.svg") center center no-repeat;
    background-size: contain;
  }
  .fileList__btn {
    display: inline-block;
    vertical-align: top;
  }
  .fileList__icon {
    width: 24px;
    height: 24px;
    margin-left: 6px;
    cursor: pointer;
  }
  .fileListWrap {
    padding-top: 30px;
  }
  .fileListWrap__announce {
    padding-left: 24px;
  }
  /* notice
  -----------------------------------------------------------------*/
  .notice {
    padding: 24px;
    border: 2px solid #000;
    border-radius: 6px;
  }
  .notice__btn {
    margin-top: 24px;
    text-align: center;
  }
  .notice__btn .localBtn {
    margin: 0 auto;
  }
  /* parts
  -----------------------------------------------------------------*/
  .note {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.5;
  }
  .error-message {
    margin-top: 18px;
    color: #ff3600;
  }
  .linkList__item {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    text-decoration: none;
  }
  .linkList > li:first-child .linkList__item {
    margin-top: 0;
  }
  .linkList__item:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: 100%;
  }
  .list > li {
    position: relative;
    padding-left: 30px;
  }
  .list > li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
  }
  .orderList > li {
    position: relative;
    padding-left: 30px;
  }
  .orderList > li {
    counter-increment: li;
  }
  .orderList > li:before {
    content: counter(li) ".";
    position: absolute;
    top: 0;
    left: 5px;
  }
  .link {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    text-decoration: none;
  }
  .link:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: 100%;
  }
  .link__txt-bold {
    font-weight: bold;
    width: max-content;
    display: inline-block;
    padding-right: 10px;
  }
  .dayInfo .dateTxt {
    display: inline-block;
    margin-right: 12px;
  }
  /* settingBlock
  -----------------------------------------------------------------*/
  .settingBlock .sectionTitle {
    margin-bottom: 12px;
  }
  /* apply confirm
  -----------------------------------------------------------------*/
  .applyConfirm > *:nth-child(n+2) {
    margin-top: 60px;
  }
  /* calendar
  -----------------------------------------------------------------*/
  .calendar {
    position: relative;
    background-color: #fff;
  }
  .calendar input {
    position: relative;
    z-index: 2;
    background-color: transparent;
  }
  .calendar .ui-datepicker-trigger {
    top: 20px !important;
  }
  .calendar input::-ms-clear {
    visibility: hidden;
  }
  .calendar .disabled {
    background-color: #F9F9F9;
  }
  .calendar--2col {
    display: flex;
    align-items: center;
  }
  .calendar--2col__item {
    position: relative;
  }
  .calendar--2col__txt {
    margin: 0 10px;
  }
  .calendar--2col input {
    position: relative;
    z-index: 2;
    background-color: transparent;
  }
  .calendar--2col input::-ms-clear {
    visibility: hidden;
  }
  /* datepicker
  -----------------------------------------------------------------*/
  .ui-datepicker {
    box-shadow: 0px 4px 0px 0 rgba(0, 0, 0, 0.2);
  }
  .ui-datepicker,
  .ui-widget-content {
    width: 265px;
    padding: 24px;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
  }
  .ui-datepicker table,
  .ui-widget-content table {
    table-layout: fixed;
    margin: 0;
    font-size: 12px;
  }
  .ui-datepicker table th,
  .ui-widget-content table th {
    width: 30px;
    height: 30px;
    padding: 0;
  }
  .ui-datepicker table td,
  .ui-widget-content table td {
    text-align: center;
  }
  .ui-datepicker .ui-datepicker-header,
  .ui-widget-content .ui-datepicker-header {
    padding: 0 0 6px;
    border: none;
    background: #fff;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
  .ui-widget-content .ui-datepicker-header .ui-datepicker-title {
    font-size: 18px;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
  .ui-widget-content .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    margin-left: -4px;
  }
  .ui-datepicker .ui-datepicker-header .ui-corner-all:hover,
  .ui-widget-content .ui-datepicker-header .ui-corner-all:hover {
    background-color: #fff;
  }
  .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e,
  .ui-widget-content .ui-datepicker-header .ui-icon-circle-triangle-e {
    background: url("/images/icon-arrowRight-bkWhite.svg") right center no-repeat;
    background-size: contain;
  }
  .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w,
  .ui-widget-content .ui-datepicker-header .ui-icon-circle-triangle-w {
    background: url("/images/icon-arrowLeft-bkWhite.svg") right center no-repeat;
    background-size: contain;
  }
  .ui-datepicker .ui-state-default,
  .ui-widget-content .ui-state-default {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 12px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .ui-datepicker .ui-state-default:hover,
  .ui-widget-content .ui-state-default:hover {
    border: 1px solid #ccc;
  }
  .ui-datepicker .ui-state-default.ui-state-highlight,
  .ui-widget-content .ui-state-default.ui-state-highlight {
    color: var(--primary-color);
    background-color: #000;
    border-color: #000;
  }
  .ui-datepicker .ui-state-default.ui-state-active,
  .ui-widget-content .ui-state-default.ui-state-active {
    color: var(--font-color-on-primary-bg);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .ui-datepicker .ui-state-disabled .ui-state-default:hover,
  .ui-widget-content .ui-state-disabled .ui-state-default:hover {
    border: 1px solid #fff;
  }
  .ui-datepicker::before, .ui-datepicker::after,
  .ui-widget-content::before,
  .ui-widget-content::after {
    position: absolute;
    display: block;
  }
  .ui-datepicker::before,
  .ui-widget-content::before {
    z-index: 3;
    top: -6px;
    right: 19px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  .ui-datepicker::after,
  .ui-widget-content::after {
    z-index: 2;
    top: -7px;
    right: 18px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
    border-left: 7px solid transparent;
  }
  .ui-datepicker.is-left::before,
  .ui-widget-content.is-left::before {
    left: 19px;
    right: auto;
  }
  .ui-datepicker.is-left::after,
  .ui-widget-content.is-left::after {
    left: 18px;
    right: auto;
  }
  .ui-datepicker-trigger {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 13px;
    width: 24px;
    height: auto;
    transform: translateY(-50%);
  }
  .input.is-disabled + .ui-datepicker-trigger, .is-disabled.search__input + .ui-datepicker-trigger {
    z-index: 1;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    background: #fff;
  }
  /* reCAPTCHA
  -----------------------------------------------------------------*/
  .g-recaptcha {
    margin: 0 auto;
  }
  /* billUnit
  -----------------------------------------------------------------*/
  .billUnit {
    padding: 24px;
    background-color: #f3f3f3;
    border-radius: 6px;
  }
  .billUnit__title {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
  }
  .billUnit__table {
    font-size: 16px;
    line-height: 1.5;
  }
  .billUnit th {
    padding-right: 12px;
    vertical-align: top;
    white-space: nowrap;
  }
  .billUnit td {
    vertical-align: top;
  }
  /* FlashMessage
  -----------------------------------------------------------------*/
  .flashMessage, .flashMessage--danger, .flashMessage--warning, .flashMessage--success, .flashMessage--default {
    position: relative;
    padding: 18px 18px 18px 52px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    border: 2px solid #0092ff;
    border-radius: 12px;
    background-color: #fff;
  }
  .flashMessage:before, .flashMessage--danger:before, .flashMessage--warning:before, .flashMessage--success:before, .flashMessage--default:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 24px;
    height: 24px;
    background: url("/images/icon-info.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .flashMessage a, .flashMessage--danger a, .flashMessage--warning a, .flashMessage--success a, .flashMessage--default a {
    text-decoration: underline;
    cursor: pointer;
  }
  .flashMessage .content, .flashMessage--danger .content, .flashMessage--warning .content, .flashMessage--success .content, .flashMessage--default .content {
    font-weight: normal !important;
  }
  .flashMessage--default {
    border: 2px solid rgba(129, 129, 129, 0.281);
  }
  .flashMessage--default:before {
    background: url("/images/icon-info.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--success {
    border: 2px solid #56d409;
  }
  .flashMessage--success:before {
    background: url("/images/icon-success.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--warning {
    border: 2px solid #ff3600;
  }
  .flashMessage--warning:before {
    background: url("/images/icon-warning.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--danger {
    color: #fff;
    border: 2px solid #ff3600;
    background-color: #ff3600;
  }
  .flashMessage--danger:before {
    background: url("/images/icon-danger.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--danger a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
  }
  .flashMessage--danger a:hover {
    color: #000;
  }
  /* passwordValidationStrength

  -----------------------------------------------------------------*/
  .passwordValidationStrength {
    margin-top: 18px;
  }
  .passwordValidationStrength:after {
    content: "";
    display: table;
    clear: both;
  }
  .passwordValidationStrength__title {
    float: left;
    width: 80px;
    height: 14px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
  }
  .passwordValidationStrength.is-error .passwordValidationStrength__txt {
    color: #ff3600;
  }
  .passwordValidationStrength.is-low .passwordValidationStrength__txt {
    color: #f60;
  }
  .passwordValidationStrength.is-mid .passwordValidationStrength__txt {
    color: #ffae00;
  }
  .passwordValidationStrength.is-high .passwordValidationStrength__txt {
    color: #56d409;
  }
  .passwordValidationStrength__bar {
    position: relative;
    float: left;
    vertical-align: top;
    width: 474px;
    height: 14px;
  }
  .passwordValidationStrength__bar::after, .passwordValidationStrength__bar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 12px;
    margin-top: -6px;
  }
  .passwordValidationStrength__bar::after {
    z-index: 1;
    width: 100%;
    background-color: #eee;
    border-radius: 12px;
  }
  .passwordValidationStrength__bar::before {
    z-index: 2;
    width: 0%;
    transition: width 0.5s;
    border-radius: 12px 0 0 12px;
  }
  .passwordValidationStrength.is-error .passwordValidationStrength__bar::before {
    width: 25%;
    background-color: #ff3600;
  }
  .passwordValidationStrength.is-low .passwordValidationStrength__bar::before {
    width: 50%;
    background-color: #f60;
  }
  .passwordValidationStrength.is-mid .passwordValidationStrength__bar::before {
    width: 75%;
    background-color: #ffae00;
  }
  .passwordValidationStrength.is-high .passwordValidationStrength__bar::before {
    width: 100%;
    background-color: #56d409;
    border-radius: 12px;
  }
  /* vue element
  -----------------------------------------------------------------*/
  [v-cloak] {
    visibility: hidden;
  }
  /* Customize button  */
  .longBtn {
    width: 150px;
  }
  /* profile setting
  -----------------------------------------------------------------*/
  .profileEditor {
    position: relative;
  }
  .profileEditor__blur {
    position: absolute;
    top: 130px;
    left: 0;
    background: white;
    width: 100%;
    height: 80%;
    opacity: 0.8;
    z-index: 100;
  }
  .profileSettingOption {
    display: flex;
    flex-wrap: wrap;
  }
  .profileSettingOption__item {
    width: 33%;
  }
  .profileSettingOption__item__label {
    min-width: 200px;
    background-color: transparent !important;
  }
  .profileSettingOption__item.is-disabled {
    opacity: 0.3;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  }
  .profile__sns {
    min-height: 50px;
  }
  .profile__intro {
    margin-top: 0px !important;
  }
  .line-break {
    word-wrap: break-word;
    white-space: pre-wrap;
  }
  .v--modal-box.basic-modal {
    border: 2px solid #000;
    border-radius: 12px !important;
    padding: 20px !important;
    position: absolute !important;
    width: 600px !important;
    height: auto !important;
    top: 20% !important;
    background-color: white;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    overflow: visible !important;
  }
  .v--modal-box.medium-modal {
    width: 840px !important;
    height: auto !important;
    max-height: 830px;
    top: 50% !important;
    left: 50% !important;
    font-size: 16px;
    padding: 57px 50px 50px 50px;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    border: 2px solid #000;
    border-radius: 12px !important;
    background-color: white;
    -webkit-box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    overflow: auto !important;
  }
  .v--modal-box.medium-modal .simulation__headingNew {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
  }
  .v--modal-box.large-modal {
    width: 840px !important;
    height: 100% !important;
    max-height: 830px;
    top: 50% !important;
    left: 50% !important;
    font-size: 16px;
    padding: 57px 50px 50px 50px;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    border: 2px solid #000;
    border-radius: 12px !important;
    background-color: white;
    -webkit-box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    overflow: auto !important;
  }
  .v--modal-box.large-modal .simulation__headingNew {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
  }
  .profile-photo {
    position: relative;
    text-align: center;
    margin-top: 10px;
  }
  .profile-photo__section {
    height: 220px;
    width: 280px;
    top: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-photo__photo {
    float: left;
  }
  .profile-photo__photo .profilePhoto {
    background-color: var(--primary-color);
    border-radius: 50%;
  }
  .profile-photo__btn {
    top: 28%;
    position: relative;
    left: 2%;
    float: left;
  }
  .profile-photo__btn .photoBtn {
    display: block;
  }
  .profile-photo__btn .photoBtn input {
    display: none;
  }
  .profile-photo__btn .photoBtn .btnText {
    width: 65px;
    cursor: pointer;
    padding-left: 25px;
    justify-content: right !important;
  }
  .profile-photo__btn .photoBtn__icon {
    width: 25px !important;
    right: 60% !important;
  }
  .profile-photo__btn .deleteBtn {
    margin-top: 10px;
  }
  .profile-photo-public {
    width: 180px;
    height: 180px;
    border: 10px solid #060001;
  }
  .profile-photo-public.no-border {
    width: 200px;
    height: 200px;
    border: none;
  }
  /* Profile URL QRCode
  -----------------------------------------------------------------*/
  .qrCode-section > *:nth-child(n+1) {
    margin-top: 15px;
  }
  .qrCode-section.container {
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #f3f3f3;
    padding: 20px 25px;
  }
  .qrCode-section a {
    color: #000;
    text-decoration: underline;
  }
  .qrCode-section a:hover {
    cursor: pointer;
  }
  .qrCode-section a:active {
    font-weight: bold;
  }
  .download-container {
    margin-top: 10px;
  }
  .download-container:hover {
    cursor: pointer;
  }
  .download-container .download-trigger {
    display: table-row;
    text-decoration: inherit !important;
  }
  .download-container .download-trigger .downloadIcon {
    width: 20px;
    height: 20px;
    display: table-cell;
    margin-right: 5px;
  }
  .download-container .download-trigger span {
    font-size: 12px;
    vertical-align: top;
    display: table-cell;
  }
  .profile-url-copy-btn {
    float: right;
  }
  .qr-image {
    width: 150px;
    height: 150px;
  }
  .qr-middle-content {
    margin-left: 20px;
    margin-right: 20px;
  }
  .camera {
    text-align: center;
  }
  .picture {
    width: 560px;
    height: 420px;
  }
  /* Vue-js-modal
  -----------------------------------------------------------------*/
  .v--modal-overlay {
    background: rgba(255, 255, 255, 0.8) !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999;
    margin-top: 0px !important;
  }
  /* Sign up
  -----------------------------------------------------------------*/
  .transfer-account-registration__individual {
    margin-top: 30px !important;
  }
  .transfer-account-registration__corporation {
    margin-top: 0px !important;
  }
  /* : : : pdfobject : : : */
  .pdfobject-container {
    height: 60rem;
    width: 80rem;
    border: 1rem solid rgba(0, 0, 0, 0.1);
  }
  .recommended-method {
    margin: 0 -88px;
    border-radius: 16px;
    font-size: 18px;
    padding: 24px 40px;
    background-color: #FFFDD5;
  }
  .recommended-method__title {
    text-align: center;
    font-weight: bold;
  }
  .recommended-method__content {
    display: flex;
    margin-top: 32px;
  }
  .recommended-method__text-container {
    padding: 0 32px 0 0;
  }
  .recommended-method__text-qr-read {
    margin-top: 30px;
  }
  .recommended-method__text-qr-copyright {
    font-size: 14px;
  }
  .recommended-method__qr {
    width: 160px;
    height: 160px;
    padding: 24px;
    border-radius: 13px;
    background-color: #FFF;
  }
  /* Transactions
  -----------------------------------------------------------------*/
  .modal-content-transaction {
    width: 23% !important;
  }
  .btn-anshin-result .actionBtn--middle__inner {
    width: 200px;
  }
  .btn-anshin-result .generalBtn--middle__inner {
    width: 200px;
  }
  /* Joining income compensation
  -----------------------------------------------------------------*/
  .joining-income-compensation {
    margin-top: 20px !important;
    width: 100% !important;
  }
  .joining-income-compensation .generalBtn--middle__inner {
    width: 100% !important;
  }
  .container-plan-item {
    justify-content: space-between;
  }
  .container-plan-item li.card {
    margin-right: 0;
    width: 300px;
    position: relative;
  }
  .container-plan-item li.card .free-plan-content {
    position: absolute;
    top: 260px;
  }
  .container-plan-item li.card .container-plan-last-btn {
    position: absolute;
    bottom: 15px;
    display: contents;
  }
  /* yayoi-element
  -----------------------------------------------------------------*/
  .yayoi-btn-between {
    margin-right: 20px;
  }
  .actionBtn--yayoi {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--yayoi__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    padding: 0 26px 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #005BAC;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
  }
  .actionBtn--yayoi__txt {
    display: block;
    width: 100%;
  }
  .actionBtn--yayoi.is-disabled [class*=__inner], .actionBtn--yayoi:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
  }
  .actionBtn--yayoi [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(-50%);
    margin-top: -1px;
  }
  .actionBtn--yayoi [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--yayoi [class*=__group] {
    display: flex;
    justify-content: center;
  }
  .actionBtn--yayoi [class*=__txt] {
    position: static;
    text-align: left;
    margin: auto;
  }
  .actionBtn--yayoi [class*=__icon] {
    position: static;
    width: 18px;
    align-self: center;
    margin-top: 18px;
    margin-right: 5px;
  }
  .actionBtn--yayoi.is-disabled, .actionBtn--yayoi:disabled, .actionBtn--yayoi.is-disabled:hover, .actionBtn--yayoi:disabled:hover {
    cursor: default;
    padding-top: 0;
  }
  .actionBtn--yayoi.is-disabled [class*=__inner], .actionBtn--yayoi:disabled [class*=__inner], .actionBtn--yayoi.is-disabled:hover [class*=__inner], .actionBtn--yayoi:disabled:hover [class*=__inner] {
    height: 60px;
    padding-bottom: 6px;
    border: 2px solid #999;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--yayoi.is-disabled [class*=__icon], .actionBtn--yayoi:disabled [class*=__icon], .actionBtn--yayoi.is-disabled:hover [class*=__icon], .actionBtn--yayoi:disabled:hover [class*=__icon] {
    margin-top: -1px;
    opacity: 0.5;
  }
  .actionBtn--yayoi:hover, .actionBtn--yayoi:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--yayoi:hover [class*=__inner], .actionBtn--yayoi:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--yayoi:hover [class*=__icon], .actionBtn--yayoi:focus [class*=__icon] {
    margin-top: 19px;
  }
  .actionBtn--yayoi.is-click {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--yayoi.is-click [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    background-color: #005BAC;
    color: #ffffff;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--yayoi.is-click [class*=__icon] {
    margin-top: 21px;
  }
  .evidence-rank-table .evidence-rank {
    width: 120px;
  }
  .evidence-rank-table .evidence-title {
    width: 180px;
  }
}
.vue-modal-close {
  background: url(/images/icon-close-black.svg) center center no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.block-evidence {
  margin-bottom: 10px;
  flex: 1;
  width: 100%;
  padding-right: 10px;
}
.block-evidence .title-evidence {
  border-top: 1px solid #cdcdcd;
  padding-top: 20px;
}
.block-evidence .container-content-evidence {
  margin-top: 20px;
}
.block-evidence .subTitle::after {
  content: "";
  display: block;
  clear: both;
}
.block-evidence .subTitle .subTitleText {
  padding-top: 8px;
  font-size: 1.2em;
}
.block-evidence .subTitle .symbol-evidence {
  margin-top: 5px;
  float: left;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left;
  margin-right: 10px;
}
.block-evidence .subTitle .symbol-evidence-success {
  background-image: url("/images/icon-evidence-success.svg");
}
.block-evidence .subTitle .symbol-evidence-unsuccess {
  background-image: url("/images/icon-evidence-unseccess.svg");
}
.block-evidence .subTitle .tag-evidence {
  padding: 5px 10px 3px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  float: right;
}
.block-evidence .subTitle .tag-evidence.blue {
  background-color: #008AFF;
}
.block-evidence .subTitle .tag-evidence.red {
  background-color: red;
}
.block-evidence .subTitle .tag-evidence.orange {
  background-color: orange;
}
.block-evidence .block-evidence:last-child {
  padding-right: 0;
}
.block-evidence .block-evidence {
  margin: 20px 0;
}
.block-evidence .style-evidence-radio {
  padding: 10px 0 10px 24px;
}
.block-evidence .disable-input-evidence {
  opacity: 0.5;
}

.trigger_company_no {
  display: none;
}

.lineBlock_halfpadding {
  padding-top: 30px;
  border-top: 2px solid #000;
}

/* Transactions
  -----------------------------------------------------------------*/
.applying-instant-tranfer {
  text-align: center;
}
.applying-instant-tranfer .applyingBtn {
  width: 100px;
}

.anshinSection {
  background-color: #fff;
  margin-top: 22px;
  padding: 50px 48px;
  border: 2px solid #000;
  border-radius: 12px;
  font-size: 18px;
}
.anshinSection > *:nth-child(n+2) {
  margin-top: 10px;
}
.anshinSection__checkbox {
  text-align: center;
  margin-top: 20px;
}
.anshinSection__checkbox > *:nth-child(n+2) {
  margin-top: 20px;
}
.anshinSection__btn {
  text-align: center;
  margin-top: 10px;
}
.anshinSection .insurance-date {
  font-weight: 700;
}
.anshinSection .linkList {
  font-size: 16px;
}
.anshinSection .history-tbl {
  margin-top: 30px;
  margin-bottom: 30px;
}

.simulation {
  padding-top: 5px;
}
.simulation__heading {
  text-align: center;
  margin: 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.simulation__form {
  display: flex;
  justify-content: space-between;
}
.simulation__form > .simulation__selectbox {
  width: 48%;
}
.simulation__button {
  position: absolute;
  top: 0;
  right: 0;
}
.simulation__button a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-family: "Noto Sans JP", Helvetica, sans-serif;
  width: 18px;
  height: 16px;
  padding-top: 2px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.simulation__arrow {
  height: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: url(/images/icon-arrowBottom-black.svg) no-repeat center center;
  background-size: 40px auto;
}
.simulation__result, .simulation__resultMonth, .simulation__resultYear {
  display: flex;
  align-items: baseline;
}
.simulation__price {
  text-align: center;
}
.simulation__resultMonth .simulation__price {
  width: 192px;
  margin-right: 24px;
}
.simulation__occupation {
  position: relative;
  width: 100%;
  margin-top: 18px;
}
.simulation__occupation > .simulation__selectbox {
  width: calc(100% - 24px);
}

.simulation__resultMonth .simulation__resultLabel {
  font-size: 20px;
  font-weight: bold;
  width: 240px;
  margin-right: 24px;
  text-align: right;
}
.simulation__resultYear .simulation__resultLabel {
  font-size: 16px;
  margin-right: 0.5em;
}

.simulation__resultMonth .simulation__priceYen {
  font-size: 18px;
  font-weight: bold;
}
.simulation__resultYear .simulation__priceYen {
  font-size: 16px;
}

.simulation__priceNum {
  line-height: 1;
}
.simulation__resultMonth .simulation__priceNum {
  font-family: "Noto Sans JP", Montserrat, sans-serif;
  font-weight: bold;
  font-size: 40px;
}

.simulation__selectbox {
  height: 42px;
  border-radius: 6px;
  border: 1px solid #000;
  font-size: 1.1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 30px;
  background: url("/images/icon-arrowBottom-black.svg") right 12px center no-repeat;
  background-size: 23px;
}

.Modal__content {
  background-color: #fefefe;
  margin: 20px auto;
  padding: 20px;
  border: 2px solid #000;
  border-radius: 12px;
  text-align: left;
  color: black;
  width: 40%;
  height: 90%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.Modal__content::-webkit-scrollbar {
  display: none;
}
.Modal__heading.-hd1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
.Modal__heading.-hd2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 0;
}
.Modal__heading.-hd2:first-child {
  margin-top: 33px;
}
.Modal__lead {
  font-size: 18px;
  margin-top: 20px;
}
.Modal__text {
  font-size: 18px;
  margin-top: 2px;
  margin-bottom: 0;
}

#contact_element_hidden {
  display: none;
}

.align-center {
  text-align: center;
}

#modal_evidence {
  z-index: 100;
}

.uploadIdentification .qrCodeContainer {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.uploadIdentification .qrCodeItem {
  width: 350px;
}

#trustDockOpener {
  margin-top: 30px;
}

.v--modal-box.modal-notification {
  border: 2px solid #000;
  border-radius: 10px !important;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  background-color: #fff;
  padding: 10px;
  overflow: visible !important;
}
.v--modal-box.modal-notification .lineTitle {
  margin-bottom: 10px;
}

.invoice_register_guide {
  position: relative;
}
.invoice_register_guide:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.invoice_register_guide {
  margin-left: auto;
  margin-right: 0;
  margin-top: 3px;
  padding-left: 22px;
  font-size: 16px;
  font-weight: normal;
}

.inviting_info::after {
  content: "";
  display: block;
  clear: both;
}
.inviting_info {
  display: inline-block;
}
.inviting_info .code {
  float: left;
  background-color: white;
  border: solid 1px;
  height: 46px;
  width: 180px;
  padding: 0 10px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 47px;
  text-align: left;
}
.inviting_info .container-btn-copy {
  float: left;
}
.inviting_info .container-btn-copy .text {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  width: 160px;
  height: 48px;
}
.inviting_info .generalBtn--middle:hover, .inviting_info .generalBtn--middle:focus {
  padding-top: unset !important;
}

.group-icons::after {
  content: "";
  display: block;
  clear: both;
}
.group-icons {
  display: inline-block;
  padding-bottom: 9px;
  vertical-align: top;
  padding-top: 8px;
}
.group-icons .icon {
  float: left;
  padding-left: 6px;
}
.group-icons .icon .image {
  width: 33px;
}

.inviting-input {
  padding: 16px;
  background: #F5F5F5;
}
.inviting-input__placeholder {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  margin-bottom: 4px;
}

.inviting_link {
  font-style: italic;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}

.container-inviting-code {
  margin-top: 40px;
}

.group-inviting-code {
  margin-top: 30px;
}

#sub-menu-account {
  display: flex;
  width: 100%;
}
#sub-menu-account li {
  margin-right: 25px;
}
#sub-menu-account li:last-child {
  margin-right: 0px;
}

.cb {
  clear: both;
}

.v--modal-box.modal-notification-invoice-charge {
  border: 2px solid #000;
  border-radius: 10px !important;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  background-color: #fff;
  padding: 20px;
  overflow: visible !important;
  margin-left: auto;
  margin-right: auto;
}
.v--modal-box.modal-notification-invoice-charge .lineTitle {
  margin-bottom: 10px;
}

.is_disabled_checkbox {
  cursor: initial;
}

.is_disabled_checkbox::before {
  background-color: #D1D1D1 !important;
}

#input-inviting-code:read-only {
  color: #999999;
  background-color: #FAFAFA;
}

/**
 *  http://bank-auto.com/ 用CSS
 */
#bnkauto {
  position: absolute;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: #009999;
  font-weight: normal;
  padding: 5px 8px !important;
  border-radius: 8px;
  z-index: 999999;
}

.invoice-upload-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.invoice-upload-list__embed-pdf {
  overflow: auto;
  width: 100%;
  height: 730px;
}
.invoice-upload-list__item {
  width: 100%;
  height: auto;
  margin-right: 12px;
  margin-top: 12px;
  box-sizing: border-box;
}
.invoice-upload-list__item .fileName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@supports (-webkit-line-clamp: 2) {
  .invoice-upload-list__item .fileName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.invoice-upload-list__item .container-small-content {
  display: inline-block;
}
.invoice-upload-list__item .action-trigger {
  border: 1px solid rgba(104, 96, 96, 0.2);
  position: relative;
}
.invoice-upload-list__item .action-trigger .evidence-full-screen-content {
  width: 100%;
  height: auto;
}
.invoice-upload-list__item .action-trigger .evidence-small-content {
  width: 140px;
  height: 140px;
}
.invoice-upload-list__item .action-trigger .new-tab {
  width: 100%;
  height: 140px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  margin: auto;
  display: none;
}
.invoice-upload-list__item .action-trigger .new-tab__icon {
  width: 50px;
  height: 50px;
  margin: auto;
  margin-top: 45px;
  background: url("/images/icon-window-black.svg") center center no-repeat;
}
.invoice-upload-list__item .action-trigger .delete-btn-full-screen-content {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: url("/images/icon-close-black.svg") center center no-repeat;
  cursor: pointer;
}
.invoice-upload-list__item .action-trigger .delete-btn-small-content {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: url("/images/icon-close-black.svg") center center no-repeat;
  cursor: pointer;
}
.invoice-upload-list__item .action-trigger .bg-cover {
  width: 100%;
  height: 140px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}
.invoice-upload-list__item .action-trigger:hover .new-tab {
  display: block;
  cursor: pointer;
}
.invoice-upload-list__item .action-trigger:hover .bg-cover {
  display: block;
}

@media only screen and (min-width: 768px) {
  /* PC */
  .bnk_line { /* 行部分 */
    color: #333333;
    margin: 5px 0;
    padding: 0px 25px 0px 5px;
    border-radius: 5px;
    font-size: 14px !important;
  }
  #bnk_count { /* Hit件数 */
    color: #333333;
    white-space: nowrap;
  }
  #bnk_close a {
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
  }
  #bnk_footer a {
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
  }
  .flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
  }
  .grid--2colNew {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--2colNew__item {
    width: calc(95% - 8px);
  }
  .grid--2colNew__item:nth-child(2n) {
    margin-right: 0;
  }
  .grid--2colNew__item:nth-of-type(n + 2) {
    margin-top: 30px;
  }
  .flex-item {
    flex: 1 1 0;
    width: 0;
  }
  .flex-item-2column {
    flex: 0 0 50%;
    width: 0;
  }
  .flex-item-1column {
    flex: 0 0 100%;
    width: 0;
  }
  .flex-item-title {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .flex-item-2column.right-item .flex-items {
    float: right;
  }
  .flex-item.left-item .flex-items {
    float: left;
  }
  .freenance-bank-account {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  /* Smart */
  .bnk_line { /* 行部分 */
    color: #333333 !important;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    position: relative;
    margin: 5px 0;
    padding: 0px 25px 0px 5px;
    border-radius: 5px;
  }
  #bnk_bottom {
    white-space: nowrap;
  }
  #bnk_count { /* Hit件数 */
    font-size: 10px !important;
    color: #333333;
    white-space: nowrap;
  }
  #bnk_close a {
    font-size: 11px !important;
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
  }
  #bnk_footer a {
    font-size: 10px !important;
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
  }
  .grid--2colNew {
    display: flex;
    flex-wrap: wrap;
  }
  .grid--2colNew__item {
    width: calc(90% - 12px);
    margin-right: 12px;
  }
  .grid--2colNew__item:nth-child(2n) {
    margin-right: 0;
  }
  .grid--2colNew__item:nth-of-type(n + 2) {
    margin-top: 30px;
  }
  .flex-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
  }
  .flex-item {
    flex: 1 1 0;
  }
  .flex-item-2column {
    flex: 0 0 50%;
  }
  .flex-item-1column {
    flex: 0 0 100%;
  }
  .block-evidence {
    margin-bottom: 10px;
    flex: 1;
    width: 100%;
    padding-right: 5px;
  }
  .block-evidence:last-child {
    padding-right: 0;
  }
}
.evidenceInformation {
  background-color: #f8f8b0;
  border: 3px solid #fff000;
  border-radius: 10px;
  max-width: 100%;
}

.evidenceInformation img {
  width: 60px;
}

.evidenceInformation ul {
  list-style-type: disc;
}

.icon-arrow {
  position: relative;
}
.icon-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.icon-arrow {
  padding-left: 22px;
}

.gmo-sign {
  border: 2px solid #000;
  border-radius: 12px;
  padding: 30px 28px;
  text-align: left;
}
.gmo-sign .terms-margin {
  margin-top: 20px;
}
.gmo-sign .terms-title {
  font-size: 18px;
}
.gmo-sign .terms-content {
  font-size: 16px;
}
.gmo-sign .terms-summary {
  font-size: 14px;
}
.gmo-sign .text-checkbox {
  font-size: 16px;
}
.gmo-sign .note-text {
  padding-left: 12px;
}

.terms-gmo-sign .checkLinkWrap {
  display: inline !important;
}

/* My page */
.mypageSpecialBtnWrap {
  justify-content: flex-start !important;
}
.mypageSpecialBtnWrap .sectionTitle {
  width: auto !important;
}

.applyQuickPayBtnWrap {
  height: 71px;
  display: flex;
  justify-content: center;
}

.color-read-only {
  border-color: darkgrey;
  background-color: #f9f9f9;
  color: #000;
}

#invoiceInfoWrap {
  position: relative;
}

.subTag {
  margin-bottom: 0;
}

.bgcf3f3f3 {
  background-color: #f3f3f3;
}

.border-none {
  border: none !important;
}

/* New design */
.header {
  width: 100%;
  background-color: #fff;
  border-bottom: 6px solid rgba(0, 0, 0, 0.1);
}
.header__logo__pc {
  width: 293px;
  height: 70px;
  display: inline;
}
.header__logo__sp {
  display: none;
}

#header-inner {
  width: 100%;
  margin: 0 auto;
  height: 90px;
}

#header-content::after {
  content: "";
  display: block;
  clear: both;
}
#header-content {
  padding: 10px 24px 10px;
  display: flex;
  place-items: center;
}

#logo {
  margin-right: auto;
}

#menu-btn {
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
}
#menu-btn span,
#menu-btn span::before,
#menu-btn span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -11px;
  width: 22px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
}
#menu-btn span::before,
#menu-btn span::after {
  content: "";
}
#menu-btn span::before {
  margin-top: -10px;
}
#menu-btn span::after {
  margin-top: 6px;
}

#user-info-btn {
  width: 60px;
  height: 60px;
  cursor: pointer;
}
#user-info-btn .user-info-img {
  margin-left: 10px;
  margin-top: 10px;
  display: block;
}
#user-info-btn .user-info-img .title__image {
  width: 34px;
  height: 34px;
  border: 3px solid #060001;
  background-color: var(--primary-color);
}
#user-info-btn .user-info-img .title__image.no-border {
  width: 40px;
  height: 40px;
  border: none;
}

#nav-popup-menu .dialog-info {
  background-color: #fff;
}

/* Popup */
.popup-info {
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  position: fixed;
}
.popup-info .overlay-info {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.popup-info .overlay-info-show {
  width: 100%;
  height: 100%;
}
.popup-info .container-dialog {
  overflow: auto;
}
.popup-info .dialog-info {
  width: 480px;
  height: 100%;
  float: right;
  transition: 0.5s;
  position: relative;
  margin-right: -520px;
}
.popup-info .dialog-info .dialog-info-inner {
  overflow: auto;
  height: 100%;
  padding: 0px 33px;
}
.popup-info .dialog-info .dialog-info-inner2 {
  overflow: overlay;
  height: 100%;
}
.popup-info .dialog-info-show {
  margin-right: 0;
}
.popup-info .container-title-dialog-info {
  width: 100%;
  height: 89px;
  display: flex;
  align-items: center;
}
.popup-info .seperate-line {
  border: 1px solid #CCCCCC;
}
.popup-info .close-btn {
  cursor: pointer;
  margin-top: 14px;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 480px;
  background: url(/images/icon-close-white.svg) center center no-repeat;
}

.title-info {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}

#top-nav {
  margin: 49px 0px;
  list-style: none;
}
#top-nav li {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  margin-bottom: 24px;
}
#top-nav li .top-nav-icon {
  width: 16px;
  height: 100%;
  vertical-align: top;
  float: left;
  margin-right: 6px;
}
#top-nav li .top-nav-icon img {
  vertical-align: middle;
}
#top-nav li .top-nav-item-text {
  height: 100%;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
#top-nav li:last-child {
  margin-bottom: 0;
}

#nav-support {
  margin: 48px 0px;
  list-style: none;
}
#nav-support li {
  font-size: 16px;
  font-weight: bold;
  padding-left: 22px;
  background-image: url("/images/icon-arrowRight-bkBlack.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left center;
  margin-bottom: 27px;
}
#nav-support li a {
  text-decoration: none;
}
#nav-support li:last-child {
  margin-bottom: 0;
}

#user-info-popup .dialog-info {
  background-color: #F3F3F3;
}

.basic-user-info-container {
  background-color: #fff;
  padding: 0px 34px;
  margin-bottom: 16px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
}
.basic-user-info-container .user-avatar-container {
  text-align: center;
}
.basic-user-info-container .user-avatar-container .title__image {
  width: 86px;
  height: 86px;
  border: 5px solid #060001;
  background-color: var(--primary-color);
}
.basic-user-info-container .user-avatar-container .title__image.no-border {
  width: 96px;
  height: 96px;
  border: none;
}

.user-info-name-wrap {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  justify-content: center;
  margin: 20px 0 2px;
}
.user-info-name-wrap .user-info-name {
  text-align: center;
  max-width: 86%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 6px;
}
.user-info-name-wrap .user-info-name .little {
  font-size: 14px;
  margin-left: 6px;
}

.user-info-career {
  font-size: 16px;
  text-align: center;
}
.user-info-career a {
  text-decoration: underline;
}

.container-anshin-btn {
  text-align: center;
}

.yellow-btn {
  height: 23px;
  background-color: #FFF000;
  padding: 0 16px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  border-radius: 13px;
  line-height: 24px;
  font-weight: bold;
}

.account-black-btn {
  width: 320px;
}

.container-block-info {
  padding: 16px;
}

.container-block-info:last-child {
  margin-bottom: 47px;
}

.block-info {
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 16px 20px;
}

.account-title {
  border-left: 4px solid var(--primary-color);
  padding-left: 8px;
  font-weight: bold;
  font-size: 14px;
}

.account-tbl {
  border-collapse: collapse;
  border-spacing: 24px;
  font-size: 16px;
}
.account-tbl .title-heading {
  padding: 1px 24px 1px 0;
}

.copy-account-info-btn {
  margin-top: 10px;
}
.copy-account-info-btn .localBtn--middle__inner {
  font-size: 14px;
}

#paymentURL {
  margin-top: 0px;
}
#paymentURL .copy-account-info-btn {
  margin-top: 0px;
}

.account-main-detail {
  font-family: "Noto Sans JP", "Montserrat", sans-serif;
  line-height: 45px;
}

.name-link-api {
  text-align: right;
  padding-right: 20px;
}
.name-link-api a {
  text-decoration: underline;
}

.name-link-api-success {
  font-weight: bold;
  color: #32B900;
  background: url("/images/icon_finish_green.svg") no-repeat right center;
}

.compensation-date-info {
  text-align: right;
  padding-right: 0px;
  font-size: 12px;
}

.next-payment-date-info {
  font-size: 12px;
}

.user-info-general-btn .generalBtn--middle__inner [class*=__txt] {
  font-size: 14px !important;
}

#user-commission-range {
  font-weight: bold;
  line-height: 36px;
}
#user-commission-range span {
  font-size: 24px;
}

#bank-user-info {
  position: relative;
}

#copy-content-user-bank {
  position: absolute;
  opacity: 0;
}

#account-info-title tr td:first-child {
  vertical-align: unset;
}
#account-info-title tr td:first-child a {
  text-decoration: none;
}
#account-info-title tr td:nth-child(n+2) {
  width: 140px;
  text-align: end;
  vertical-align: top;
}
#account-info-title tr td:nth-child(n+2) a {
  text-decoration: underline;
}
#account-info-title tr td a.pr-20 {
  padding-right: 20px;
}
#account-info-title tr td a.pr-10 {
  padding-right: 10px;
}

.grid-col-70percent {
  display: flex;
  flex-wrap: wrap;
}
.grid-col-70percent__item-70percent {
  width: calc(70% - 16px);
  margin-right: 16px;
}
.grid-col-70percent__item-30percent {
  width: 30%;
}

#user-credit-title {
  line-height: 43px;
  margin-bottom: 20px;
}

#payment-page-url {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-weight: normal;
}

#qrcode-payment-page-url svg {
  border: 1px solid #ccc;
  max-width: 160px;
}

.payment-amount-wrap {
  display: flex;
  align-items: center;
}
.payment-amount-wrap span {
  display: inline-block;
  margin-left: 5px;
}

.card-client {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem;
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.text-center {
  text-align: center !important;
}

.card-header {
  padding: 0.75rem 0.6rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 2px solid #000;
  position: relative;
}

.card-header .nav-tabs {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  border-bottom: 0;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.nav-tabs {
  border-bottom: 1px solid #c8ced3;
}

.nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

.card-header .nav-tabs .nav-item {
  border-top: 0;
}

.nav-tabs .nav-item {
  margin-bottom: -3px;
}

.card-header .nav-tabs .nav-link {
  color: #000;
  font-weight: bold;
  padding: 0.5rem 0;
  text-decoration: none;
}

.card-header .nav-tabs .nav-link span {
  background-color: #F9F9F9;
  padding: 8px 10px 8px 14px;
  border-radius: 7px px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-header .nav-tabs .nav-link.active span {
  background-color: #fff;
}

.upload__item-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uploadBtn--middle.btnSearchClient {
  width: auto !important;
}
.uploadBtn--middle.btnSearchClient .uploadBtn--middle__inner {
  width: 100% !important;
}
.uploadBtn--middle.btnSearchClient .uploadBtn--middle__txt {
  font-size: 14px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #000 #000 #fff #000;
}

.nav-tabs .nav-link {
  color: #73818f;
}

.nav-tabs .nav-link {
  border: 2px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.client-modal .title {
  font-size: 24px;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.card-body .subTitle {
  padding-bottom: 8px;
}

.tab-content {
  background: #fff;
  border: 1px solid #c8ced3;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.note-txt {
  font-size: 10px;
  position: absolute;
}

.page-item {
  padding: 12px 20px;
}

.pagination {
  display: inline-flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination__counter {
  font-size: 24px;
  font-weight: bold;
}

.localBtn--middle__inner__pagination {
  position: relative;
  display: inline-flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  width: 25px;
}

.localBtn--left {
  cursor: pointer;
  position: relative;
}
.localBtn--left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("/images/icon-arrowLeft-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.localBtn--right {
  cursor: pointer;
  position: relative;
}
.localBtn--right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.localBtn--disable-left {
  position: relative;
}
.localBtn--disable-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("/images/icon-arrowLeft-bkDisabled.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.localBtn--disable-right {
  position: relative;
}
.localBtn--disable-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("/images/icon-arrowRight-bkDisabled.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.billTable__sort {
  width: 18px;
  margin-left: 3px;
  cursor: pointer;
}
.billTable__sort__desc {
  position: relative;
}
.billTable__sort__desc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowTop-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.billTable__sort__asc {
  position: relative;
}
.billTable__sort__asc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowBottom-bkBlack.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.billTable__sort__diable-desc {
  position: relative;
}
.billTable__sort__diable-desc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowTop-disabled.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.billTable__sort__diable-asc {
  position: relative;
}
.billTable__sort__diable-asc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url("/images/icon-arrowBottom-disabled.svg") center center no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.billTable__operation {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}

.invoiceEvidence2 li {
  margin-left: 5px;
}
.invoiceEvidence2 li::before {
  font-size: 9px !important;
  content: "●";
  padding-right: 11px;
}

.subTitleIcon {
  float: right;
  top: 11px;
}

#btnApplyQuickPay {
  display: inline-block;
}

.subject_transfer {
  margin: 10px 25px 0px;
}
.subject_transfer__item {
  line-height: 2.5em;
}
.subject_transfer__item .label {
  display: inline-block;
  width: 150px;
  font-weight: bold;
}

.d-flex {
  display: flex;
}

hr.line-gray {
  margin: 0px;
  border-top: 1px solid #cdcdcd;
}

.custom-list {
  margin-left: 30px;
}
.custom-list li {
  position: relative;
}
.custom-list li::before {
  font-size: 5px !important;
  content: "●";
  position: absolute;
  top: 10px;
  left: -15px;
}

.your-request-amount .itemBlock__content {
  margin-top: 0px !important;
}

.apply-proposed-amount .actionBtn--large__inner {
  display: block !important;
  padding: 10px !important;
  height: 88px !important;
}
.apply-proposed-amount .actionBtn--large.is-disabled [class*=__inner], .apply-proposed-amount .actionBtn--large:disabled [class*=__inner], .apply-proposed-amount .actionBtn--large.is-disabled:hover [class*=__inner], .apply-proposed-amount .actionBtn--large:disabled:hover [class*=__inner] {
  height: 88px !important;
}
.apply-proposed-amount .actionBtn--large:hover [class*=__inner], .apply-proposed-amount .actionBtn--large:focus [class*=__inner] {
  height: 86px !important;
}
.apply-proposed-amount .actionBtn--large.is-click [class*=__inner] {
  height: 86px !important;
}

.fincode-payment-notify {
  border: 1px solid #ccc;
  margin-top: 10px !important;
  padding: 15px 10px;
  font-size: 0.83em;
  line-height: 27px;
}

.link-with-icon {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  word-break: unset;
}
.link-with-icon .icon-after {
  width: 25px;
  height: 25px;
}

.yayoi-menu-item {
  width: 109px;
}
.yayoi-menu-item .yayoi-faq-item {
  display: flex;
  justify-content: flex-end;
}
.yayoi-menu-item ul {
  margin-bottom: 5px !important;
}

.sp-hidden {
  display: block;
}

.sp-shown {
  display: none;
}

.signupNote {
  border-radius: 12px;
  display: flex;
  align-items: center;
  margin: -16px 0px 36px;
  padding: 4px 8px 4px 16px;
  font-size: 14px;
  background-color: #fff;
}
.signupNote__text {
  padding-left: 12px;
}
.signupNote__link {
  text-decoration: underline;
}

/* yayoi-element
-----------------------------------------------------------------*/
#yayoi-accordion-btn {
  text-align: center;
  font-weight: bold;
}

.yayoi-accordion-hide {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-top: 0 !important;
}

.yayoi-accordion-show {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin-top: 48px !important;
}

.v--modal-box.confirm-modal {
  width: 460px !important;
  text-align: center !important;
  padding: 30px 40px !important;
}
.v--modal-box.confirm-modal .lineTitle__txt {
  font-size: 18px !important;
}

/** OAuth **/
.oauthBtnUnit {
  margin-bottom: 10px;
  margin-left: 25%;
  width: 50%;
}

.master-industry-label:before {
  left: 18px;
}
.master-industry-label:after {
  left: 23px;
}

.label-with-textbox {
  width: auto !important;
}
@charset "UTF-8";
@media screen and (max-width: 767px) {
  .signup-tips {
    border: 4px solid rgb(0, 0, 0);
    border-radius: 16px;
    padding: 20px;
    border-color: #fff000;
  }
  .signup-tips__icon {
    width: 40px;
    height: 52px;
  }
  .signup-tips__container {
    display: flex;
  }
  .signup-tips__text-main {
    font-weight: bold;
    line-height: 1.2;
    margin-left: 8px;
  }
  .signup-tips__text-details {
    font-size: 12px;
    padding-top: 8px;
    padding-left: 4px;
  }
  .bank-description {
    border-bottom: 2px solid #000;
  }
  .bank-description__summary {
    margin-top: 30px;
  }
  .bank-description__bold {
    font-weight: bold;
  }
  .bank-description__detail {
    margin-left: 16px;
  }
  .bank-description__link {
    margin-bottom: 30px;
    margin-top: 16px;
    font-weight: bold;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .payment-toggle {
    max-width: 310px;
    height: 39px;
    width: 100%;
  }
  .payment-toggle label {
    padding: 6px 20px 6px 20px;
    font-size: 14px;
    line-height: 1;
  }
  .payment-toggle label .discount {
    font-size: 12px;
  }
  .plans-container {
    display: block;
    border: 2px solid #000;
    border-top: none;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
  }
  .plan-tabs {
    display: flex;
    position: relative;
    align-items: self-end;
  }
  .plan-tabs .tab-item {
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    font-weight: bold;
  }
  .plan-tabs .tab-item .popular-tag {
    top: 10px;
    color: #fff;
    font-size: 9px;
  }
  .plan-tabs .tab-item.free-label {
    border-radius: 8px 0 0 0;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .plan-tabs .tab-item.regular-label {
    border-radius: 8px 8px 0 0;
    border: 2px solid #000;
    height: 56px;
    box-sizing: border-box;
  }
  .plan-tabs .tab-item.premium-label {
    border-radius: 0 8px 0 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .plan-content {
    width: 100%;
    display: none;
    border: none;
    border-radius: 0 0 8px 8px;
    margin: 0;
  }
  .plan-content .note {
    margin-top: 0;
  }
  .plan-content .plan-header {
    border-radius: 0;
  }
  #free.is-actived ~ .plans-container #free-content,
  #regular.is-actived ~ .plans-container #regular-content,
  #premium.is-actived ~ .plans-container #premium-content {
    display: block;
  }
  #free.is-actived ~ .plan-tabs .free-label,
  #regular.is-actived ~ .plan-tabs .regular-label,
  #premium.is-actived ~ .plan-tabs .premium-label {
    background: #fef100;
    border-bottom: none;
  }
  .v--modal-box.modal-notification-change-membership-plan {
    width: 90% !important;
    padding: 20px 10px !important;
    left: 5% !important;
  }
  .v--modal-box.modal-notification-change-membership-plan .lineTitle__txt {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) and (orientation: portrait) {
  /* Styles for iPad Air */
  .plan-content .plan-price {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
  /* base
  -----------------------------------------------------------------*/
  body {
    top: 0;
    width: 100%;
    margin: 0;
    font-family: "Noto Sans JP", "Helvetica", "Arial", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    word-break: break-word;
    background-color: #f3f3f3;
    scrollbar-track-color: rgba(0, 0, 0, 0.5);
  }
  body ::-webkit-scrollbar {
    background-color: transparent;
    width: 12px;
    height: 9px;
  }
  body ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
  }
  body.modal-open {
    overflow: hidden;
  }
  img {
    vertical-align: top;
  }
  a {
    display: inline-block;
    color: #000;
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a:active {
    color: var(--primary-color);
  }
  .generalLink {
    display: inline-block;
    color: #000;
    text-decoration: underline;
  }
  input::-webkit-input-placeholder {
    color: #aaa;
  }
  input:-moz-placeholder {
    color: #aaa;
  }
  input:-ms-input-placeholder {
    color: #aaa;
  }
  input:disabled,
  textarea:disabled {
    color: #aaa;
  }
  button {
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    appearance: none;
  }
  /* オリジナルスキン */
  .skin-freenance .header__logo__sp {
    width: auto;
  }
  /* Denada様向けスキン */
  .skin-denada .header__logo__sp {
    width: 200px;
    padding-left: 5px;
    margin-top: 3px;
  }
  /* aim factory様向けスキン */
  .skin-engineer-factory .header__logo__sp {
    width: 250px;
    padding-left: 0px;
  }
  /* GMO弁理士早払い様向けスキン */
  .skin-gmo-bc .header__logo__sp {
    width: 200px;
    margin-top: 1px;
  }
  /* crevo様向けスキン */
  .skin-crevo .header__logo__sp {
    width: 230px;
  }
  /* magical-land様向けスキン */
  .skin-magical-land .header__logo__sp {
    padding-left: 5px;
    width: 190px;
  }
  /* kbp様向けスキン */
  .skin-kbp .header__logo__sp {
    width: 190px;
    margin-top: 5px;
  }
  /* dm様向けスキン */
  .skin-dm .header__logo__sp {
    width: 195px;
  }
  /* khd様向けスキン */
  .skin-khd .header__logo__sp {
    width: auto;
    height: 50px;
    margin-left: 5px;
  }
  /* drtalk様向けスキン */
  .skin-drtalk .header__logo__sp {
    width: 150px;
    margin-left: -15px;
    object-fit: cover;
  }
  /* フリーランスHub様向けスキン */
  .skin-freelance-hub .header__logo__sp {
    width: auto;
    height: 30px;
  }
  /* 弥生様向けスキン */
  .skin-yayoi .header__logo__sp {
    width: auto;
  }
  .navList {
    margin-top: 48px;
  }
  .navList > li {
    position: relative;
  }
  .navList__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .navList__link {
    position: relative;
    display: block;
    padding: 12px 0;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
  }
  .navList__link img {
    vertical-align: middle;
    width: 24px;
    margin-right: 12px;
  }
  .navList__link:active {
    color: #000;
  }
  /* footer
  -----------------------------------------------------------------*/
  .footer {
    padding: 30px 18px 60px;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background-color: #333;
  }
  .footer a {
    color: #fff;
    text-decoration: none;
  }
  .footer a:active {
    color: var(--primary-color);
  }
  .breadclumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
  }
  .breadclumb > li:nth-child(n+2) {
    position: relative;
    margin-left: 12px;
    padding-left: 16px;
  }
  .breadclumb > li:nth-child(n+2):before {
    content: "";
    position: absolute;
    top: -2px;
    left: -7px;
    width: 20px;
    height: 20px;
    background: url(/images/icon-arrowRight-white.svg) left center no-repeat;
    background-size: contain;
  }
  .breadclumb a {
    text-decoration: underline;
  }
  .layer01 .breadclumb {
    font-size: 12px;
  }
  .layer01 .breadclumb > li:nth-child(n+2) {
    position: relative;
    margin-left: 12px;
    padding-left: 16px;
  }
  .layer01 .breadclumb > li:nth-child(n+2):before {
    content: "";
    position: absolute;
    top: 2px;
    left: -6px;
    width: 16px;
    height: 16px;
    background: url(/images/icon-arrowRight-black.svg) left center no-repeat;
    background-size: contain;
  }
  .breadclumb + .footer__row {
    margin-top: 48px;
  }
  .footerMenu {
    width: 100%;
    display: inline-block;
    line-height: 2;
  }
  .footerMenu__left {
    float: left;
    width: 50%;
  }
  .footerMenu__right {
    float: left;
    width: 50%;
  }
  .footerMenu__inner {
    padding-left: 10px;
    font-size: 12px;
  }
  .footerInfo {
    margin-top: 48px;
  }
  .footerInfo__logo {
    width: 226px;
  }
  .footerInfo dd {
    margin-top: 18px;
  }
  .copyright {
    margin-top: 48px;
  }
  .copyright small {
    font-size: 12px;
  }
  /* layout
  -----------------------------------------------------------------*/
  .layer01 {
    margin: 0 18px 30px;
    padding-top: 90px;
  }
  .layer01 > *:nth-child(n+2) {
    margin-top: 48px;
  }
  .layer02 > *:nth-child(n+2) {
    margin-top: 48px;
  }
  .layer03 > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .layer03 > .leadTxt {
    margin-top: 18px;
  }
  #signup .step + .layer03 {
    margin-top: 30px;
  }
  #signup .layer03 .idItemList {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  #signup .layer03 .idItemList ul {
    margin: 20px;
    list-style: disc;
  }
  .section > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .section__inner > *:nth-child(n+2) {
    margin-top: 24px;
  }
  .section__inner .center {
    text-align: center;
  }
  .contentBox {
    padding: 30px 24px;
    border: 2px solid #000;
    background-color: #fff;
    border-radius: 12px;
  }
  .contentBox > *:nth-child(n+2) {
    margin-top: 30px;
  }
  .contentBox__inner > *:nth-child(n+2) {
    margin-top: 24px;
  }
  .lineBlock > *:nth-child(n+2) {
    margin-top: 24px;
  }
  .lineBlock {
    padding-top: 30px;
    border-top: 2px solid #000;
  }
  .apply-quick-pay-modal .lineBlockBold {
    padding-top: 40px;
    border-top: 2px solid #000;
    margin-top: 15px;
  }
  .lineBlockNew > *:nth-child(n+2) {
    margin-top: 12px;
  }
  .lineBlockNew {
    padding-top: 15px;
    border-top: 1px solid #000;
  }
  .grid--2col__item {
    margin-top: 24px;
  }
  .grid--3col__item {
    margin-top: 24px;
  }
  .grid--3col__qr {
    margin-top: 15px;
  }
  .grid--4col__item {
    margin-top: 24px;
  }
  .grid--5col__item {
    margin-top: 24px;
  }
  .itemBlock.is-error {
    color: #ff3600;
  }
  .itemBlock.is-error input,
  .itemBlock.is-error textarea {
    color: #ff3600;
    border-color: #ff3600;
  }
  .itemBlock.is-error .select {
    color: #ff3600;
    border-color: #ff3600;
    background: url("/images/icon-arrowBottom-error.svg") right 12px center no-repeat;
    background-size: 23px;
  }
  .itemBlock.is-error .note {
    color: #000;
  }
  .itemBlock.is-error input::-webkit-input-placeholder,
  .itemBlock.is-error textarea::-webkit-input-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error input:-moz-placeholder,
  .itemBlock.is-error textarea:-moz-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error input:-ms-input-placeholder,
  .itemBlock.is-error textarea:-ms-input-placeholder {
    color: #ff3600;
  }
  .itemBlock.is-error .tag, .itemBlock.is-error .tag--em, .itemBlock.is-error .subTag {
    color: #000;
  }
  .itemBlock__title {
    position: relative;
    font-weight: bold;
  }
  .itemBlock__title .tag, .itemBlock__title .tag--em, .itemBlock__title .subTag {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 0;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 14px;
  }
  .itemBlock__title .tag.blue, .itemBlock__title .blue.tag--em, .itemBlock__title .blue.subTag {
    background-color: #008AFF;
    color: #fff;
    right: 60px;
  }
  .itemBlock__title .tag.blue.apartmentTag, .itemBlock__title .blue.apartmentTag.tag--em, .itemBlock__title .blue.apartmentTag.subTag {
    right: 0;
  }
  .pageSignUpApply .itemBlock__title::after {
    content: "";
    display: table;
    clear: both;
  }
  .itemBlock__title .desc {
    font-weight: 400;
    font-size: 11px;
    padding-left: 10px;
  }
  .itemBlock__requiredTxt {
    display: block;
    padding-right: 60px;
  }
  .itemBlock__content {
    margin-top: 18px;
    white-space: normal;
    word-break: break-all;
  }
  .is-error .itemBlock__content {
    color: #000;
  }
  .itemBlock__content--accountName {
    overflow: hidden;
    margin-top: 18px;
    white-space: normal;
    word-break: break-all;
    vertical-align: bottom;
  }
  .itemBlock__content--accountName input {
    width: calc(100% - 125px);
    margin-right: 8px;
    vertical-align: bottom;
  }
  .itemBlock__content--accountName span {
    vertical-align: bottom;
  }
  .itemBlock__content--accountName .error-message {
    float: left;
  }
  .itemBlock__content.memo {
    overflow: auto;
    max-height: 20em;
    line-height: 1.6em;
    word-break: break-word;
  }
  .itemBlock__content.memo::-webkit-scrollbar {
    width: 12px;
  }
  .itemBlock__content input.sales {
    width: 85%;
    margin-right: 12px;
    text-align: right;
  }
  /* modal
  -----------------------------------------------------------------*/
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 110%;
    margin-top: -30px !important;
    background-color: rgba(255, 255, 255, 0.8); /* White with opacity */
  }
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: 70px auto;
    padding: 20px;
    border: 2px solid #000;
    border-radius: 12px;
    text-align: left;
    color: black;
    width: 80%;
  }
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  .close:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    background: url("/images/icon-close-black.svg") center center no-repeat;
  }
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  /* side
  -----------------------------------------------------------------*/
  .side {
    border-radius: 12px;
    box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.15) inset, 0 3px 0 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .side.is-active {
    box-shadow: none;
    overflow: hidden;
  }
  .side__content {
    padding: 24px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 0 0 12px 12px;
    border-top: none;
    border-radius: 0 0 12px 12px;
    display: none;
  }
  .side__block {
    display: flex;
    margin-top: 24px;
    padding-top: 24px;
    text-align: left;
    border-top: 1px solid #000;
  }
  .side__section {
    margin-top: 24px;
    padding-top: 24px;
    text-align: left;
    border-top: 1px solid #000;
  }
  .side__section .side__block:nth-child(1) {
    margin: 0;
    padding: 0;
    border: none;
  }
  .side__bankList {
    font-size: 12px;
    line-height: 1.5;
  }
  .side__bankList .lbl {
    font-weight: bold;
  }
  .side__copy {
    margin-top: 18px;
  }
  .side__score {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    -webkit-text-stroke: 1px black;
    margin-top: 24px;
  }
  .side__item {
    margin-top: 24px;
  }
  .sideProfile::after {
    content: "";
    display: block;
    clear: both;
  }
  .sideProfile {
    position: relative;
    padding: 11px 24px 12px 24px;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.15) inset, 0 3px 0 0 rgba(0, 0, 0, 0.1);
    transition: 0.05s linear 0.48s;
  }
  .sideProfile.is-active {
    border-radius: 12px 12px 0 0;
    transition-delay: 0s;
  }
  .sideProfile__name {
    float: left;
    padding: 7px 12px 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
  }
  .sideProfile__sub {
    margin-left: 6px;
    font-size: 18px;
    padding-top: 2px;
    display: inline-block;
  }
  .sideProfile__score {
    float: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .sideProfile__scoreNum {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    -webkit-text-stroke: 1px black;
  }
  .sideProfile__scoreIcon {
    padding-left: 12px;
    width: 44px;
  }
  .sideProfile__arrowIcon {
    width: 28px;
  }
  .sideStatus {
    display: inline-block;
    padding: 5px 24px 4px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
    border-radius: 22px;
  }
  .sideStatus span {
    padding-left: 6px;
  }
  .sideTitle__txt {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
  }
  .side__block > .sideTitle {
    width: 100px;
  }
  .side__block > .sideTitle + *, .side__block > .sideTitle + .taskList {
    width: calc(100% - 100px);
    margin: 0;
  }
  .taskList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 24px;
    font-weight: bold;
  }
  .taskList > dt {
    width: calc(100% - 36px);
    margin-top: 18px;
    font-size: 14px;
  }
  .taskList > dt:first-of-type {
    margin-top: 0;
  }
  .taskList > dd {
    position: relative;
    margin-top: 18px;
    padding-right: 36px;
    font-size: 0;
    box-sizing: border-box;
  }
  .taskList > dd:first-of-type {
    margin-top: 0;
  }
  .taskList > dd span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 14px;
  }
  .taskList > dd.is-finished:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .creditInfo {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
  }
  .creditInfo__num {
    margin-right: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
  }
  .creditInfo .is-active {
    color: #ff3600;
  }
  .creditInfo > dt {
    margin-top: 18px;
  }
  .creditInfo > dt:first-of-type {
    margin-top: 0;
  }
  .creditInfo__item, .creditInfo__item--em {
    margin-top: 5px;
    font-size: 24px;
  }
  .creditInfo__item a, .creditInfo__item--em a {
    font-size: 14px;
  }
  .creditInfo__item--em {
    color: #ff3600;
  }
  /* btn
  -----------------------------------------------------------------*/
  .generalBtn, .generalBtn--small__f11, .generalBtn--small, .generalBtn--large, .generalBtn--middle, .generalBtn--fullLarge, .generalBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .generalBtn:visited, .generalBtn--small__f11:visited, .generalBtn--small:visited, .generalBtn--large:visited, .generalBtn--middle:visited, .generalBtn--fullLarge:visited, .generalBtn--full:visited {
    text-decoration: none;
  }
  .generalBtn.is-disabled [class*=__inner], .is-disabled.generalBtn--small__f11 [class*=__inner], .is-disabled.generalBtn--small [class*=__inner], .is-disabled.generalBtn--large [class*=__inner], .is-disabled.generalBtn--middle [class*=__inner], .is-disabled.generalBtn--fullLarge [class*=__inner], .is-disabled.generalBtn--full [class*=__inner], .generalBtn:disabled [class*=__inner], .generalBtn--small__f11:disabled [class*=__inner], .generalBtn--small:disabled [class*=__inner], .generalBtn--large:disabled [class*=__inner], .generalBtn--middle:disabled [class*=__inner], .generalBtn--fullLarge:disabled [class*=__inner], .generalBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .generalBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.generalBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.generalBtn--small [class*=__inner] [class*=__icon], .is-disabled.generalBtn--large [class*=__inner] [class*=__icon], .is-disabled.generalBtn--middle [class*=__inner] [class*=__icon], .is-disabled.generalBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.generalBtn--full [class*=__inner] [class*=__icon], .generalBtn:disabled [class*=__inner] [class*=__icon], .generalBtn--small__f11:disabled [class*=__inner] [class*=__icon], .generalBtn--small:disabled [class*=__inner] [class*=__icon], .generalBtn--large:disabled [class*=__inner] [class*=__icon], .generalBtn--middle:disabled [class*=__inner] [class*=__icon], .generalBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .generalBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active, .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active, .generalBtn--small:not([class*=is-disabled], [disabled]):active, .generalBtn--large:not([class*=is-disabled], [disabled]):active, .generalBtn--middle:not([class*=is-disabled], [disabled]):active, .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .generalBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .generalBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .generalBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .generalBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .generalBtn__inner, .generalBtn--small__f11__inner, .generalBtn--small__inner, .generalBtn--large__inner, .generalBtn--middle__inner, .generalBtn--fullLarge__inner, .generalBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .generalBtn__inner:active, .generalBtn--small__f11__inner:active, .generalBtn--small__inner:active, .generalBtn--large__inner:active, .generalBtn--middle__inner:active, .generalBtn--fullLarge__inner:active, .generalBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--full {
    width: 100%;
  }
  .generalBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .generalBtn--fullLarge {
    width: 100%;
  }
  .generalBtn--middle {
    width: calc(50% - 12px);
  }
  .generalBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .generalBtn--large {
    width: 100%;
  }
  .generalBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .generalBtn--small {
    width: 120px;
  }
  .generalBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .generalBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .generalBtn--small__f11 {
    width: 120px;
  }
  .generalBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .generalBtn [class*=__icon], .generalBtn--full [class*=__icon], .generalBtn--fullLarge [class*=__icon], .generalBtn--middle [class*=__icon], .generalBtn--large [class*=__icon], .generalBtn--small [class*=__icon], .generalBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .generalBtn [class*=__icon--before], .generalBtn--full [class*=__icon--before], .generalBtn--fullLarge [class*=__icon--before], .generalBtn--middle [class*=__icon--before], .generalBtn--large [class*=__icon--before], .generalBtn--small [class*=__icon--before], .generalBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .generalBtn, .generalBtn--small__f11, .generalBtn--small, .generalBtn--large, .generalBtn--middle, .generalBtn--fullLarge, .generalBtn--full {
    color: #fff;
  }
  .generalBtn__icon {
    width: 20px;
  }
  .generalBtn.is-active, .is-active.generalBtn--full, .is-active.generalBtn--fullLarge, .is-active.generalBtn--middle, .is-active.generalBtn--large, .is-active.generalBtn--small, .is-active.generalBtn--small__f11 {
    color: #c2c2c2;
  }
  .actionBtn, .actionBtn--small__f11, .actionBtn--small, .actionBtn--large, .actionBtn--middle, .actionBtn--fullLarge, .actionBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .actionBtn:visited, .actionBtn--small__f11:visited, .actionBtn--small:visited, .actionBtn--large:visited, .actionBtn--middle:visited, .actionBtn--fullLarge:visited, .actionBtn--full:visited {
    text-decoration: none;
  }
  .actionBtn.is-disabled [class*=__inner], .is-disabled.actionBtn--small__f11 [class*=__inner], .is-disabled.actionBtn--small [class*=__inner], .is-disabled.actionBtn--large [class*=__inner], .is-disabled.actionBtn--middle [class*=__inner], .is-disabled.actionBtn--fullLarge [class*=__inner], .is-disabled.actionBtn--full [class*=__inner], .actionBtn:disabled [class*=__inner], .actionBtn--small__f11:disabled [class*=__inner], .actionBtn--small:disabled [class*=__inner], .actionBtn--large:disabled [class*=__inner], .actionBtn--middle:disabled [class*=__inner], .actionBtn--fullLarge:disabled [class*=__inner], .actionBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.actionBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.actionBtn--small [class*=__inner] [class*=__icon], .is-disabled.actionBtn--large [class*=__inner] [class*=__icon], .is-disabled.actionBtn--middle [class*=__inner] [class*=__icon], .is-disabled.actionBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.actionBtn--full [class*=__inner] [class*=__icon], .actionBtn:disabled [class*=__inner] [class*=__icon], .actionBtn--small__f11:disabled [class*=__inner] [class*=__icon], .actionBtn--small:disabled [class*=__inner] [class*=__icon], .actionBtn--large:disabled [class*=__inner] [class*=__icon], .actionBtn--middle:disabled [class*=__inner] [class*=__icon], .actionBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .actionBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active, .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active, .actionBtn--small:not([class*=is-disabled], [disabled]):active, .actionBtn--large:not([class*=is-disabled], [disabled]):active, .actionBtn--middle:not([class*=is-disabled], [disabled]):active, .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .actionBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .actionBtn__inner, .actionBtn--small__f11__inner, .actionBtn--small__inner, .actionBtn--large__inner, .actionBtn--middle__inner, .actionBtn--fullLarge__inner, .actionBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .actionBtn__inner:active, .actionBtn--small__f11__inner:active, .actionBtn--small__inner:active, .actionBtn--large__inner:active, .actionBtn--middle__inner:active, .actionBtn--fullLarge__inner:active, .actionBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--full {
    width: 100%;
  }
  .actionBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--fullLarge {
    width: 100%;
  }
  .actionBtn--middle {
    width: calc(50% - 12px);
  }
  .actionBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--large {
    width: 100%;
  }
  .actionBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--small {
    width: 120px;
  }
  .actionBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--small__f11 {
    width: 120px;
  }
  .actionBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .actionBtn [class*=__icon], .actionBtn--full [class*=__icon], .actionBtn--fullLarge [class*=__icon], .actionBtn--middle [class*=__icon], .actionBtn--large [class*=__icon], .actionBtn--small [class*=__icon], .actionBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .actionBtn [class*=__icon--before], .actionBtn--full [class*=__icon--before], .actionBtn--fullLarge [class*=__icon--before], .actionBtn--middle [class*=__icon--before], .actionBtn--large [class*=__icon--before], .actionBtn--small [class*=__icon--before], .actionBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn, .localBtn--small__f11, .localBtn--small, .localBtn--large, .localBtn--middle, .localBtn--fullLarge, .localBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .localBtn:visited, .localBtn--small__f11:visited, .localBtn--small:visited, .localBtn--large:visited, .localBtn--middle:visited, .localBtn--fullLarge:visited, .localBtn--full:visited {
    text-decoration: none;
  }
  .localBtn.is-disabled [class*=__inner], .is-disabled.localBtn--small__f11 [class*=__inner], .is-disabled.localBtn--small [class*=__inner], .is-disabled.localBtn--large [class*=__inner], .is-disabled.localBtn--middle [class*=__inner], .is-disabled.localBtn--fullLarge [class*=__inner], .is-disabled.localBtn--full [class*=__inner], .localBtn:disabled [class*=__inner], .localBtn--small__f11:disabled [class*=__inner], .localBtn--small:disabled [class*=__inner], .localBtn--large:disabled [class*=__inner], .localBtn--middle:disabled [class*=__inner], .localBtn--fullLarge:disabled [class*=__inner], .localBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .localBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.localBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.localBtn--small [class*=__inner] [class*=__icon], .is-disabled.localBtn--large [class*=__inner] [class*=__icon], .is-disabled.localBtn--middle [class*=__inner] [class*=__icon], .is-disabled.localBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.localBtn--full [class*=__inner] [class*=__icon], .localBtn:disabled [class*=__inner] [class*=__icon], .localBtn--small__f11:disabled [class*=__inner] [class*=__icon], .localBtn--small:disabled [class*=__inner] [class*=__icon], .localBtn--large:disabled [class*=__inner] [class*=__icon], .localBtn--middle:disabled [class*=__inner] [class*=__icon], .localBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .localBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active, .localBtn--small__f11:not([class*=is-disabled], [disabled]):active, .localBtn--small:not([class*=is-disabled], [disabled]):active, .localBtn--large:not([class*=is-disabled], [disabled]):active, .localBtn--middle:not([class*=is-disabled], [disabled]):active, .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .localBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .localBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .localBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .localBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .localBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .localBtn__inner, .localBtn--small__f11__inner, .localBtn--small__inner, .localBtn--large__inner, .localBtn--middle__inner, .localBtn--fullLarge__inner, .localBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .localBtn__inner:active, .localBtn--small__f11__inner:active, .localBtn--small__inner:active, .localBtn--large__inner:active, .localBtn--middle__inner:active, .localBtn--fullLarge__inner:active, .localBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--full {
    width: 100%;
  }
  .localBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .localBtn--fullLarge {
    width: 100%;
  }
  .localBtn--middle {
    width: calc(50% - 12px);
  }
  .localBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .localBtn--large {
    width: 100%;
  }
  .localBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .localBtn--small {
    width: 120px;
  }
  .localBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .localBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .localBtn--small__f11 {
    width: 120px;
  }
  .localBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .localBtn [class*=__icon], .localBtn--full [class*=__icon], .localBtn--fullLarge [class*=__icon], .localBtn--middle [class*=__icon], .localBtn--large [class*=__icon], .localBtn--small [class*=__icon], .localBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .localBtn [class*=__icon--before], .localBtn--full [class*=__icon--before], .localBtn--fullLarge [class*=__icon--before], .localBtn--middle [class*=__icon--before], .localBtn--large [class*=__icon--before], .localBtn--small [class*=__icon--before], .localBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .localBtn__icon {
    width: 20px;
  }
  .historyBtn, .historyBtn--small__f11, .historyBtn--small, .historyBtn--large, .historyBtn--middle, .historyBtn--fullLarge, .historyBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .historyBtn:visited, .historyBtn--small__f11:visited, .historyBtn--small:visited, .historyBtn--large:visited, .historyBtn--middle:visited, .historyBtn--fullLarge:visited, .historyBtn--full:visited {
    text-decoration: none;
  }
  .historyBtn.is-disabled [class*=__inner], .is-disabled.historyBtn--small__f11 [class*=__inner], .is-disabled.historyBtn--small [class*=__inner], .is-disabled.historyBtn--large [class*=__inner], .is-disabled.historyBtn--middle [class*=__inner], .is-disabled.historyBtn--fullLarge [class*=__inner], .is-disabled.historyBtn--full [class*=__inner], .historyBtn:disabled [class*=__inner], .historyBtn--small__f11:disabled [class*=__inner], .historyBtn--small:disabled [class*=__inner], .historyBtn--large:disabled [class*=__inner], .historyBtn--middle:disabled [class*=__inner], .historyBtn--fullLarge:disabled [class*=__inner], .historyBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .historyBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.historyBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.historyBtn--small [class*=__inner] [class*=__icon], .is-disabled.historyBtn--large [class*=__inner] [class*=__icon], .is-disabled.historyBtn--middle [class*=__inner] [class*=__icon], .is-disabled.historyBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.historyBtn--full [class*=__inner] [class*=__icon], .historyBtn:disabled [class*=__inner] [class*=__icon], .historyBtn--small__f11:disabled [class*=__inner] [class*=__icon], .historyBtn--small:disabled [class*=__inner] [class*=__icon], .historyBtn--large:disabled [class*=__inner] [class*=__icon], .historyBtn--middle:disabled [class*=__inner] [class*=__icon], .historyBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .historyBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active, .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active, .historyBtn--small:not([class*=is-disabled], [disabled]):active, .historyBtn--large:not([class*=is-disabled], [disabled]):active, .historyBtn--middle:not([class*=is-disabled], [disabled]):active, .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .historyBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .historyBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .historyBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .historyBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .historyBtn__inner, .historyBtn--small__f11__inner, .historyBtn--small__inner, .historyBtn--large__inner, .historyBtn--middle__inner, .historyBtn--fullLarge__inner, .historyBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #eee;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .historyBtn__inner:active, .historyBtn--small__f11__inner:active, .historyBtn--small__inner:active, .historyBtn--large__inner:active, .historyBtn--middle__inner:active, .historyBtn--fullLarge__inner:active, .historyBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--full {
    width: 100%;
  }
  .historyBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .historyBtn--fullLarge {
    width: 100%;
  }
  .historyBtn--middle {
    width: calc(50% - 12px);
  }
  .historyBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .historyBtn--large {
    width: 100%;
  }
  .historyBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .historyBtn--small {
    width: 120px;
  }
  .historyBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .historyBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .historyBtn--small__f11 {
    width: 120px;
  }
  .historyBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .historyBtn [class*=__icon], .historyBtn--full [class*=__icon], .historyBtn--fullLarge [class*=__icon], .historyBtn--middle [class*=__icon], .historyBtn--large [class*=__icon], .historyBtn--small [class*=__icon], .historyBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .historyBtn [class*=__icon--before], .historyBtn--full [class*=__icon--before], .historyBtn--fullLarge [class*=__icon--before], .historyBtn--middle [class*=__icon--before], .historyBtn--large [class*=__icon--before], .historyBtn--small [class*=__icon--before], .historyBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .btnUnit {
    text-align: center;
  }
  .btnUnit > *:nth-child(n+2) {
    margin-top: 24px;
  }
  .btnUnit__move {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .btnUnit__move > *:nth-child(2) {
    margin-left: 24px;
  }
  .btnUnit .notes {
    display: block;
    text-align: left;
  }
  .btnUnit--hasInfo {
    text-align: center;
  }
  .btnUnit--hasInfo__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .btnUnit--hasInfo > *:nth-child(n+2) {
    margin-top: 18px;
  }
  .simpleBtn {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }
  .simpleBtn:active {
    color: var(--primary-color);
  }
  .addInvoiceBtn, .addInvoiceBtn--small__f11, .addInvoiceBtn--small, .addInvoiceBtn--large, .addInvoiceBtn--middle, .addInvoiceBtn--fullLarge, .addInvoiceBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .addInvoiceBtn:visited, .addInvoiceBtn--small__f11:visited, .addInvoiceBtn--small:visited, .addInvoiceBtn--large:visited, .addInvoiceBtn--middle:visited, .addInvoiceBtn--fullLarge:visited, .addInvoiceBtn--full:visited {
    text-decoration: none;
  }
  .addInvoiceBtn.is-disabled [class*=__inner], .is-disabled.addInvoiceBtn--small__f11 [class*=__inner], .is-disabled.addInvoiceBtn--small [class*=__inner], .is-disabled.addInvoiceBtn--large [class*=__inner], .is-disabled.addInvoiceBtn--middle [class*=__inner], .is-disabled.addInvoiceBtn--fullLarge [class*=__inner], .is-disabled.addInvoiceBtn--full [class*=__inner], .addInvoiceBtn:disabled [class*=__inner], .addInvoiceBtn--small__f11:disabled [class*=__inner], .addInvoiceBtn--small:disabled [class*=__inner], .addInvoiceBtn--large:disabled [class*=__inner], .addInvoiceBtn--middle:disabled [class*=__inner], .addInvoiceBtn--fullLarge:disabled [class*=__inner], .addInvoiceBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .addInvoiceBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--small [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--large [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--middle [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.addInvoiceBtn--full [class*=__inner] [class*=__icon], .addInvoiceBtn:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--small:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--large:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .addInvoiceBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .addInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .addInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .addInvoiceBtn__inner, .addInvoiceBtn--small__f11__inner, .addInvoiceBtn--small__inner, .addInvoiceBtn--large__inner, .addInvoiceBtn--middle__inner, .addInvoiceBtn--fullLarge__inner, .addInvoiceBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #333;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .addInvoiceBtn__inner:active, .addInvoiceBtn--small__f11__inner:active, .addInvoiceBtn--small__inner:active, .addInvoiceBtn--large__inner:active, .addInvoiceBtn--middle__inner:active, .addInvoiceBtn--fullLarge__inner:active, .addInvoiceBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .addInvoiceBtn--full {
    width: 100%;
  }
  .addInvoiceBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .addInvoiceBtn--fullLarge {
    width: 100%;
  }
  .addInvoiceBtn--middle {
    width: calc(50% - 12px);
  }
  .addInvoiceBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .addInvoiceBtn--large {
    width: 100%;
  }
  .addInvoiceBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .addInvoiceBtn--small {
    width: 120px;
  }
  .addInvoiceBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .addInvoiceBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .addInvoiceBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .addInvoiceBtn--small__f11 {
    width: 120px;
  }
  .addInvoiceBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .addInvoiceBtn [class*=__icon], .addInvoiceBtn--full [class*=__icon], .addInvoiceBtn--fullLarge [class*=__icon], .addInvoiceBtn--middle [class*=__icon], .addInvoiceBtn--large [class*=__icon], .addInvoiceBtn--small [class*=__icon], .addInvoiceBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .addInvoiceBtn [class*=__icon--before], .addInvoiceBtn--full [class*=__icon--before], .addInvoiceBtn--fullLarge [class*=__icon--before], .addInvoiceBtn--middle [class*=__icon--before], .addInvoiceBtn--large [class*=__icon--before], .addInvoiceBtn--small [class*=__icon--before], .addInvoiceBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .addInvoiceBtn, .addInvoiceBtn--small__f11, .addInvoiceBtn--small, .addInvoiceBtn--large, .addInvoiceBtn--middle, .addInvoiceBtn--fullLarge, .addInvoiceBtn--full {
    width: auto;
  }
  .addInvoiceBtn [class*=__txt], .addInvoiceBtn--full [class*=__txt], .addInvoiceBtn--fullLarge [class*=__txt], .addInvoiceBtn--middle [class*=__txt], .addInvoiceBtn--large [class*=__txt], .addInvoiceBtn--small [class*=__txt], .addInvoiceBtn--small__f11 [class*=__txt] {
    margin-right: 12px;
  }
  .addInvoiceBtn [class*=__inner], .addInvoiceBtn--full [class*=__inner], .addInvoiceBtn--fullLarge [class*=__inner], .addInvoiceBtn--middle [class*=__inner], .addInvoiceBtn--large [class*=__inner], .addInvoiceBtn--small [class*=__inner], .addInvoiceBtn--small__f11 [class*=__inner] {
    height: 48px;
    width: 158px;
  }
  .actionInvoiceBtn, .actionInvoiceBtn--small__f11, .actionInvoiceBtn--small, .actionInvoiceBtn--large, .actionInvoiceBtn--middle, .actionInvoiceBtn--fullLarge, .actionInvoiceBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .actionInvoiceBtn:visited, .actionInvoiceBtn--small__f11:visited, .actionInvoiceBtn--small:visited, .actionInvoiceBtn--large:visited, .actionInvoiceBtn--middle:visited, .actionInvoiceBtn--fullLarge:visited, .actionInvoiceBtn--full:visited {
    text-decoration: none;
  }
  .actionInvoiceBtn.is-disabled [class*=__inner], .is-disabled.actionInvoiceBtn--small__f11 [class*=__inner], .is-disabled.actionInvoiceBtn--small [class*=__inner], .is-disabled.actionInvoiceBtn--large [class*=__inner], .is-disabled.actionInvoiceBtn--middle [class*=__inner], .is-disabled.actionInvoiceBtn--fullLarge [class*=__inner], .is-disabled.actionInvoiceBtn--full [class*=__inner], .actionInvoiceBtn:disabled [class*=__inner], .actionInvoiceBtn--small__f11:disabled [class*=__inner], .actionInvoiceBtn--small:disabled [class*=__inner], .actionInvoiceBtn--large:disabled [class*=__inner], .actionInvoiceBtn--middle:disabled [class*=__inner], .actionInvoiceBtn--fullLarge:disabled [class*=__inner], .actionInvoiceBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionInvoiceBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--small [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--large [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--middle [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.actionInvoiceBtn--full [class*=__inner] [class*=__icon], .actionInvoiceBtn:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionInvoiceBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionInvoiceBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .actionInvoiceBtn__inner, .actionInvoiceBtn--small__f11__inner, .actionInvoiceBtn--small__inner, .actionInvoiceBtn--large__inner, .actionInvoiceBtn--middle__inner, .actionInvoiceBtn--fullLarge__inner, .actionInvoiceBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: var(--font-color-on-primary-bg);
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: var(--primary-color);
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .actionInvoiceBtn__inner:active, .actionInvoiceBtn--small__f11__inner:active, .actionInvoiceBtn--small__inner:active, .actionInvoiceBtn--large__inner:active, .actionInvoiceBtn--middle__inner:active, .actionInvoiceBtn--fullLarge__inner:active, .actionInvoiceBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionInvoiceBtn--full {
    width: 100%;
  }
  .actionInvoiceBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionInvoiceBtn--fullLarge {
    width: 100%;
  }
  .actionInvoiceBtn--middle {
    width: calc(50% - 12px);
  }
  .actionInvoiceBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionInvoiceBtn--large {
    width: 100%;
  }
  .actionInvoiceBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionInvoiceBtn--small {
    width: 120px;
  }
  .actionInvoiceBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionInvoiceBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionInvoiceBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionInvoiceBtn--small__f11 {
    width: 120px;
  }
  .actionInvoiceBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .actionInvoiceBtn [class*=__icon], .actionInvoiceBtn--full [class*=__icon], .actionInvoiceBtn--fullLarge [class*=__icon], .actionInvoiceBtn--middle [class*=__icon], .actionInvoiceBtn--large [class*=__icon], .actionInvoiceBtn--small [class*=__icon], .actionInvoiceBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .actionInvoiceBtn [class*=__icon--before], .actionInvoiceBtn--full [class*=__icon--before], .actionInvoiceBtn--fullLarge [class*=__icon--before], .actionInvoiceBtn--middle [class*=__icon--before], .actionInvoiceBtn--large [class*=__icon--before], .actionInvoiceBtn--small [class*=__icon--before], .actionInvoiceBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionInvoiceBtn [class*=__inner], .actionInvoiceBtn--full [class*=__inner], .actionInvoiceBtn--fullLarge [class*=__inner], .actionInvoiceBtn--middle [class*=__inner], .actionInvoiceBtn--large [class*=__inner], .actionInvoiceBtn--small [class*=__inner], .actionInvoiceBtn--small__f11 [class*=__inner] {
    height: 71px;
  }
  .actionInvoiceBtn [class*=__icon], .actionInvoiceBtn--full [class*=__icon], .actionInvoiceBtn--fullLarge [class*=__icon], .actionInvoiceBtn--middle [class*=__icon], .actionInvoiceBtn--large [class*=__icon], .actionInvoiceBtn--small [class*=__icon], .actionInvoiceBtn--small__f11 [class*=__icon] {
    position: inherit;
    margin-right: 7px;
    width: 57px;
  }
  .actionInvoiceBtn [class*=__txt], .actionInvoiceBtn--full [class*=__txt], .actionInvoiceBtn--fullLarge [class*=__txt], .actionInvoiceBtn--middle [class*=__txt], .actionInvoiceBtn--large [class*=__txt], .actionInvoiceBtn--small [class*=__txt], .actionInvoiceBtn--small__f11 [class*=__txt] {
    font-size: 18px;
  }
  /* tag
  -----------------------------------------------------------------*/
  .tagWrap .tag, .tagWrap .tag--em, .tagWrap .subTag {
    margin: 12px 12px 0 0;
  }
  .tag, .tag--em, .subTag {
    display: inline-block;
    min-width: 72px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    border-radius: 12px;
    background-color: #eee;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .subTag {
    min-width: 40px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 3px 15px;
    font-size: 14px;
    font-weight: normal;
  }
  .tag--em {
    color: #fff;
    background-color: #ff3600;
  }
  /* title
  -----------------------------------------------------------------*/
  .sectionTitle {
    display: flex;
    font-size: 18px;
    font-weight: bold;
  }
  .sectionTitle__icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
  .sectionTitle__detail {
    display: block;
    margin-top: 12px;
    font-size: 12px;
  }
  .breadclumb + .sectionTitle {
    margin-top: 18px;
  }
  .mainTitle, .mainTitle--hasLine {
    margin: 50px 0 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
  }
  .mainTitle--hasLine {
    padding-bottom: 60px;
    border-bottom: 2px solid #000;
  }
  .subTitle {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
  }
  .title2col {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .lineTitle__txt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
  }
  .titleRow .simpleBtn {
    margin-top: 18px;
  }
  /* text
  -----------------------------------------------------------------*/
  .en {
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-weight: bold;
  }
  .txt {
    margin-top: 18px;
  }
  .leadTxt {
    margin-top: 18px;
  }
  .leadTxt a {
    text-decoration: underline;
  }
  .errorTxt {
    font-weight: bold;
    color: #ff3600;
  }
  .valiedTxt {
    margin-top: 18px;
    color: #ff3600;
  }
  .dateTxt {
    font-size: 12px;
    font-weight: bold;
    color: #999;
  }
  .nothingTxt {
    font-weight: bold;
    text-align: center;
    color: #999;
  }
  .emTxt {
    font-size: 24px;
  }
  .price {
    font-weight: bold;
  }
  .price__num {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
  }
  .price__sub {
    font-weight: normal;
  }
  .price--em {
    color: #ff3600;
  }
  .price--small {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
  }
  .price--xl {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    -webkit-text-stroke: 1px black;
  }
  .price--xl__num {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    color: var(--primary-color);
    -webkit-text-stroke: 1px black;
    margin-right: 6px;
  }
  .num {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
  }
  .lineTxt {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  .lineTxt span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 12px;
    background-color: #fff;
  }
  .lineTxt::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #000;
  }
  .notes {
    font-size: 12px;
    line-height: 1.3;
  }
  /* step
  -----------------------------------------------------------------*/
  .step {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    text-align: center;
  }
  .step > li {
    position: relative;
    width: 20%;
    margin: 0 4px;
  }
  .step > li:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 50%;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ccc;
  }
  .step > li:last-child:before {
    content: none;
  }
  .step__num {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ccc;
    border: 3px solid #ccc;
    background-color: #fff;
    border-radius: 50%;
  }
  .step .is-finished:before {
    background-color: #000;
  }
  .step .is-finished .step__num {
    color: var(--font-color-on-primary-bg);
    border: 3px solid #000;
    background-color: var(--primary-color);
  }
  .step .is-finished .step__num:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: -4px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .step .is-current .step__num {
    color: #000;
    border: 3px solid #000;
  }
  .step__txt {
    display: none;
  }
  /* step guid
  -----------------------------------------------------------------*/
  .stepGuide > li {
    text-align: center;
  }
  .stepGuide > li:nth-child(n+2) {
    margin-top: 30px;
  }
  .stepGuide__num {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: bold;
    border: 3px solid #000;
    background-color: #fff;
    border-radius: 50%;
  }
  .stepGuide__icon {
    display: block;
    width: 60px;
    margin: 12px auto;
  }
  .stepGuide__txt {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
  }
  /* table
  -----------------------------------------------------------------*/
  .billTable {
    overflow: hidden;
    font-size: 14px;
    word-break: normal;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .billTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .billTable th {
    min-width: 90px;
    padding: 12px 0 12px 12px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    word-break: normal;
    border-bottom: 1px solid #000;
    background-color: #eee;
  }
  .billTable th:last-child {
    padding: 12px;
  }
  .billTable__sub {
    font-size: 12px;
  }
  .billTable td {
    padding: 12px 0 12px 12px;
    font-size: 12px;
    border-top: 1px solid #000;
  }
  .billTable td:last-child {
    padding: 12px;
  }
  .billTable__center {
    text-align: center;
  }
  .billTable__name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .billTable__name {
    position: relative;
    width: 200px;
    padding-left: 30px;
    font-weight: bold;
    text-decoration: none;
  }
  .billTable__name.custom-arrow:before {
    margin-top: -10px;
  }
  .billTable__linking-service {
    font-weight: bold;
    font-size: 13px;
    background-color: var(--primary-color);
    color: var(--font-color-on-primary-bg);
  }
  .billTable__status {
    text-align: center;
    color: #999;
    min-width: 84px;
  }
  .billTable__status__icon:after {
    content: "";
    cursor: pointer;
    padding-left: 10px;
    margin-left: 2px;
    background: url("/images/icon-questionMark.svg") center center no-repeat;
    background-size: contain;
  }
  .billTable__status--deadline {
    color: #ff3600;
  }
  .billTable__date {
    min-width: 72px;
    text-align: center;
  }
  .billTable__memo {
    max-width: 150px;
    min-width: 74px;
  }
  .billTable .date {
    text-align: center;
  }
  .billTable .checkBox, .billTable .checkBox--hasLink {
    padding: 0;
    vertical-align: middle;
    width: 18px;
    height: 18px;
  }
  .billTable .checkBox::before, .billTable .checkBox--hasLink::before {
    top: 0;
  }
  .billTable .checkBox::after, .billTable .checkBox--hasLink::after {
    top: 4px;
  }
  .billTable .simpleBtn {
    white-space: nowrap;
  }
  .clientsTable {
    overflow: hidden;
    font-size: 14px;
    word-break: normal;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .clientsTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .clientsTable th {
    min-width: 90px;
    padding: 12px 0 12px 12px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    word-break: normal;
    border-bottom: 1px solid #000;
    background-color: #eee;
  }
  .clientsTable th:last-child {
    padding: 12px;
  }
  .clientsTable__sub {
    font-size: 12px;
  }
  .clientsTable td {
    padding: 12px 0 12px 12px;
    font-size: 12px;
    border-top: 1px solid #000;
  }
  .clientsTable td:last-child {
    padding: 12px;
  }
  .clientsTable td {
    position: relative;
  }
  .clientsTable__name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .clientsTable__name {
    position: relative;
    display: block;
    width: 200px;
    padding-left: 30px;
    font-weight: bold;
    text-decoration: none;
  }
  .clientsTable__detail {
    min-width: 100px;
  }
  .accordionTable {
    overflow: hidden;
    font-size: 14px;
    word-break: normal;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .accordionTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .accordionTable th {
    min-width: 90px;
    padding: 12px 0 12px 12px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    word-break: normal;
    border-bottom: 1px solid #000;
    background-color: #eee;
  }
  .accordionTable th:last-child {
    padding: 12px;
  }
  .accordionTable__sub {
    font-size: 12px;
  }
  .accordionTable td {
    padding: 12px 0 12px 12px;
    font-size: 12px;
    border-top: 1px solid #000;
  }
  .accordionTable td:last-child {
    padding: 12px;
  }
  .accordionTable {
    width: 100%;
    table-layout: fixed;
  }
  .accordionTable th {
    box-sizing: border-box;
  }
  .accordionTable thead th:nth-child(1) {
    width: 103px;
  }
  .accordionTable thead th:nth-child(2) {
    width: 106px;
  }
  .accordionTable thead th:nth-child(3) {
    width: 277px;
  }
  .accordionTable thead th:nth-child(4) {
    width: 92px;
  }
  .accordionTable thead th:nth-child(5) {
    width: 100px;
  }
  .accordionTable thead th:nth-child(6) {
    width: 116px;
  }
  .accordionTable--loginHistory thead th:nth-child(2) {
    width: 105px;
  }
  .accordionTable--loginHistory thead th:nth-child(3) {
    width: 200px;
  }
  .accordionTable--loginHistory .accordionTable__title {
    word-break: break-word;
  }
  .accordionTable__trigger {
    cursor: pointer;
  }
  .accordionTable__trigger:active .accordionTable__title {
    color: var(--primary-color);
  }
  .accordionTable__time:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .accordionTable__time {
    position: relative;
    padding-left: 30px;
  }
  .accordionTable__time:before {
    background: url("/images/icon-arrowBottom-bkBlack.svg") center center no-repeat;
    background-size: contain;
  }
  .accordionTable__trigger.is-active .accordionTable__time:before {
    background: url("/images/icon-arrowTop-bkBlack.svg") center center no-repeat;
    background-size: contain;
  }
  .accordionTable__title {
    font-weight: bold;
  }
  .accordionTable__money--em {
    color: #ff3600;
  }
  .accordionTable__content {
    display: none;
    background-color: #fff2ee;
  }
  .is-active + .accordionTable__content {
    display: table-row;
  }
  .accordionTable__content td {
    padding: 12px 0 12px 12px;
    border-top: 1px dashed #000;
  }
  .accordionTable__content td:last-child {
    padding: 12px;
  }
  .accordionTable__content.is-deposit {
    background-color: #f3f3f3;
  }
  .accordionTable .accordionTable__detail {
    width: auto;
    padding: 0;
  }
  .innerTable {
    width: 100%;
  }
  .innerTable th {
    font-weight: normal;
    border: none;
    background-color: transparent;
  }
  .innerTable th:first-child {
    padding-left: 0;
  }
  .innerTable td {
    padding: 0 24px;
    border-top: none;
  }
  .innerTable td:last-child {
    padding: 0 24px;
  }
  .simpleTable {
    overflow: hidden;
    font-size: 14px;
    word-break: normal;
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
  }
  .simpleTable tr.is-checked > * {
    background-color: #fffeea;
  }
  .simpleTable th {
    min-width: 90px;
    padding: 12px 0 12px 12px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    word-break: normal;
    border-bottom: 1px solid #000;
    background-color: #eee;
  }
  .simpleTable th:last-child {
    padding: 12px;
  }
  .simpleTable__sub {
    font-size: 12px;
  }
  .simpleTable td {
    padding: 12px 0 12px 12px;
    font-size: 12px;
    border-top: 1px solid #000;
  }
  .simpleTable td:last-child {
    padding: 12px;
  }
  .simpleTable {
    width: 100%;
    border-radius: 6px;
  }
  .simpleTable tbody tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
  }
  .simpleTable tbody tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
  }
  .simpleTable th {
    white-space: normal;
    word-break: break-word;
  }
  .simpleTable th:first-child,
  .simpleTable td:first-child {
    padding-left: 12px;
  }
  .simpleTable th,
  .simpleTable td {
    padding: 12px 0 12px 12px;
  }
  .simpleTable th:last-child,
  .simpleTable td:last-child {
    padding: 12px;
  }
  .simpleTable__name {
    font-weight: bold;
  }
  .simpleTable .checkBox, .simpleTable .checkBox--hasLink {
    padding-left: 24px;
  }
  /* scrollBlock
  -----------------------------------------------------------------*/
  .scrollBlock {
    padding-bottom: 6px;
    overflow-x: scroll;
  }
  .scrollBlock--spvVrtical ::-webkit-scrollbar {
    width: 9px;
    height: 120px;
  }
  /* post
  -----------------------------------------------------------------*/
  .postList {
    padding: 0 24px;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 12px;
  }
  .postList time {
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #999;
  }
  .postList__item, .postList__item--link {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    text-decoration: none;
    border-top: 1px solid #000;
  }
  .postList__item:first-child, .postList__item--link:first-child {
    border-top: none;
  }
  .postList__item--link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .postList__item--link {
    position: relative;
  }
  .postList__txt {
    margin-top: 12px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: bold;
  }
  .attentionPost {
    display: block;
    padding: 24px;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff2ee;
  }
  .attentionPost__txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .attentionPost__txt {
    position: relative;
    padding-right: 30px;
    font-weight: bold;
    color: #ff3600;
  }
  .attentionPost:active .attentionPost__txt {
    color: var(--primary-color);
  }
  /* moneyList //spデザインなし
  -----------------------------------------------------------------*/
  .moneyList__item {
    font-weight: bold;
  }
  .moneyList__item:last-child {
    border-right: none;
  }
  .moneyList__item:nth-child(n+2) {
    margin-top: 24px;
  }
  .moneyList dt {
    margin-top: 18px;
  }
  .moneyList__price, .moneyList__price--em {
    margin-top: 12px;
  }
  .moneyList__price--em {
    color: #ff3600;
  }
  .moneyList__num {
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
  }
  /* sort //spデザインなし
  -----------------------------------------------------------------*/
  .accordion {
    overflow: hidden;
    margin-top: 30px;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0px 5px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .accordion__btn {
    position: relative;
    padding: 24px;
    background-color: #eee;
    border-radius: 12px;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 5px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .is-active .accordion__btn {
    border-bottom: 2px solid #000;
    border-radius: 12px 12px 0 0;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .accordion__title {
    margin-right: 24px;
    font-size: 16px;
    font-weight: bold;
  }
  .accordion__period {
    margin-right: 24px;
  }
  .accordion__icon {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 30px;
    transform: translateY(-50%);
  }
  .accordion__content {
    display: none;
    padding: 24px;
    background-color: #fff;
  }
  .is-active .accordion__content {
    display: block;
  }
  .sortUnit__item {
    margin-top: 24px;
  }
  .sortUnit__item:first-child {
    margin-top: 0;
  }
  .sortUnit__btn {
    margin-top: 24px;
  }
  .sortUnit__btn [class*=Btn] {
    width: 100%;
  }
  .sortUnit__title {
    margin-bottom: 18px;
    font-weight: bold;
  }
  .sortUnit .calendar--2col input {
    background-color: transparent;
  }
  /* card
  -----------------------------------------------------------------*/
  .card {
    position: relative;
    margin-top: 24px;
    padding: 30px 24px 18px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-sizing: border-box;
  }
  .card__icon {
    position: absolute;
    top: 30px;
    right: 26px;
    width: 48px;
  }
  .card__box {
    width: 100%;
    margin: 0 0 18px;
    text-align: left;
  }
  .card__detail {
    margin-top: 24px;
    padding-right: 71px;
    font-size: 12px;
    text-align: left;
  }
  .card [class*=Btn] {
    width: 100%;
  }
  .card.is-active:before {
    content: "";
    position: absolute;
    top: -14px;
    right: -14px;
    display: block;
    width: 36px;
    height: 38px;
    background: url("/images/icon-finish.svg") center center no-repeat;
    background-size: contain;
  }
  .cardTitle__txt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
    font-size: 18px;
  }
  .cardTitle__txt--en {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
    display: inline-block;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: bold;
  }
  .modal-membership .cardList {
    height: 350px;
  }
  .modal-membership .cardList .card__detail {
    padding-right: 0;
  }
  .title {
    text-align: center;
  }
  .title__txt {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    border-bottom: solid 9px var(--primary-color);
    font-weight: bold;
    display: inline-block;
    font-family: "Noto Sans JP", "Montserrat", sans-serif;
    border-bottom: none;
    margin-top: 10px;
  }
  .title__image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
  }
  .title__simple {
    width: 50px;
    height: 50px;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .profile__image {
    width: 500px;
    margin-left: 20px;
  }
  .profile__content {
    padding: 40px 24px 0px;
    text-align: center;
    background-color: #f3f3f3;
    box-sizing: border-box;
  }
  .profile__icon:after {
    content: "";
    cursor: pointer;
    padding-left: 14px;
    margin-left: 2px;
    background: url("/images/pc_display_questionMark.svg") center center no-repeat;
    background-size: contain;
  }
  .profile__icon {
    bottom: 1px !important;
    position: relative !important;
    cursor: pointer;
  }
  .profile__footer {
    margin-top: 16px;
    font-size: 14px;
  }
  .profile__code {
    width: 200px;
  }
  .profile__simple {
    width: 70px;
    height: 70px;
    margin-right: 170px;
  }
  .profile__registration__txt {
    position: relative;
    left: 15%;
    bottom: 70px;
  }
  .profile__antiSocialCheck__txt {
    position: relative;
    left: 35%;
    bottom: 70px;
    width: 150px;
  }
  .profile__activatingInsurance__txt {
    position: relative;
    left: 15%;
    bottom: 70px;
  }
  .profile__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: fit-content;
  }
  .profile__item {
    height: 116px;
  }
  .profile__itemBlock {
    margin-top: 4px !important;
  }
  .placeHolder {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
  }
  /* input
  -----------------------------------------------------------------*/
  .input, .search__input {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    appearance: none;
  }
  .input.is-disabled, .is-disabled.search__input {
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .textarea {
    width: 100%;
    height: 180px;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    resize: none;
    appearance: none;
  }
  .checkBox, .checkBox--hasLink {
    position: relative;
    display: inline-block;
    min-width: 18px;
    min-height: 20px;
    box-sizing: border-box;
  }
  .checkBox:before, .checkBox--hasLink:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .checkBox:after, .checkBox--hasLink:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(-45deg);
    display: none;
  }
  .checkBox.is-disabled:before, .is-disabled.checkBox--hasLink:before {
    color: #AAAAAA;
    border-color: #AAAAAA;
  }
  .checkBox.is-disabled .radioUnit__title, .is-disabled.checkBox--hasLink .radioUnit__title {
    color: #AAAAAA;
  }
  .checkBox.is-checked:before, .is-checked.checkBox--hasLink:before {
    background-color: var(--primary-color);
  }
  .checkBox.is-checked:after, .is-checked.checkBox--hasLink:after {
    display: block;
  }
  .checkBox input, .checkBox--hasLink input {
    appearance: none;
    display: none;
  }
  .checkBox__txt {
    display: inline-block;
    padding-left: 30px;
  }
  .checkBox--hasLink__txt {
    display: inline-block;
    padding-left: 12px;
  }
  .checkBox--hasLink__txt a {
    text-decoration: underline;
  }
  .checkLinkWrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .checkLinkWrap.is-checked .checkBox--hasLink:before {
    background-color: var(--primary-color);
  }
  .checkLinkWrap.is-checked .checkBox--hasLink:after {
    display: block;
  }
  .radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .radioBtn.is-checked:after {
    background-color: #000;
  }
  .radioBtn input {
    appearance: none;
    display: none;
  }
  .radioBtn__txt {
    display: inline-block;
    padding-left: 30px;
  }
  .inlineRadio .radioBtn {
    display: block;
  }
  .inlineRadio > *:nth-child(n+2) {
    margin-top: 18px;
  }
  .select {
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 8px 42px 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    background-color: #fff;
    box-sizing: border-box;
    background: url("/images/icon-arrowBottom-black.svg") right 12px center no-repeat;
    background-size: 23px;
    appearance: none;
  }
  .select.is-disabled {
    color: #ccc;
    border-color: #ccc;
    background: url("/images/icon-arrowBottom-disabled.svg") right 12px center no-repeat;
    background-size: 23px;
  }
  .search {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .search__input {
    padding-right: 50px;
  }
  .search__btn {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    padding: 0;
  }
  .search__icon {
    width: 24px;
    height: 24px;
  }
  .inputBlock--2col {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBlock--2col > * {
    width: calc(50% - 12px);
    margin: 18px 24px 0 0;
  }
  .inputBlock--2col > *:nth-child(2n) {
    margin-right: 0;
  }
  .inputBlock--2col > *:nth-child(-n+2) {
    margin-top: 0;
  }
  .inputBlock--3col {
    display: flex;
    flex-wrap: wrap;
  }
  .inputBlock--3col > * {
    width: calc(33.33% - 16px);
    margin: 18px 24px 0 0;
  }
  .inputBlock--3col > *:nth-child(3n) {
    margin-right: 0;
  }
  .inputBlock--3col > *:nth-child(-n+3) {
    margin-top: 0;
  }
  .inputBlock--border {
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 6px;
  }
  .inputBlock--border__item:first-child {
    border-bottom: 1px solid #000;
  }
  .inputBlock--border__item:first-child > * {
    border-radius: 6px 6px 0 0;
  }
  .inputBlock--border__item:last-child > * {
    border-radius: 0 0 6px 6px;
  }
  .inputBlock--border__radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .inputBlock--border__radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .inputBlock--border__radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .inputBlock--border__radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .inputBlock--border__radioBtn.is-checked:after {
    background-color: #000;
  }
  .inputBlock--border__radioBtn input {
    appearance: none;
    display: none;
  }
  .inputBlock--border__radioBtn {
    width: 100%;
    padding: 12px 12px 12px 40px;
  }
  .inputBlock--border__radioBtn:before {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .inputBlock--border__radioBtn:after {
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
  }
  .inputBlock--border__radioBtn.is-checked {
    background-color: #fffeea;
  }
  .inputBlock--border .checkBox, .inputBlock--border .checkBox--hasLink {
    padding: 18px 18px 18px 48px;
  }
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-bottom: 1rem !important;
  }
  .input-group-prepend {
    margin-right: -1px;
    display: flex;
  }
  .input-group-text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
  }
  .form-control {
    flex: 1 1 auto;
    width: 1%;
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 0.375rem 0.75rem;
  }
  .radioUnitWrap, .radioUnitWrap--scroll {
    overflow: hidden;
    margin-top: 18px;
    border: 2px solid #000;
    border-radius: 6px;
    box-sizing: border-box;
  }
  .radioUnitWrap.is-disabled, .is-disabled.radioUnitWrap--scroll {
    background-color: #f3f3f3;
    padding: 18px;
  }
  .radioUnitWrap .radioUnit:first-child > *, .radioUnitWrap--scroll .radioUnit:first-child > * {
    border-radius: 6px 6px 0 0;
  }
  .radioUnitWrap .radioUnit:last-child > *, .radioUnitWrap--scroll .radioUnit:last-child > * {
    border-radius: 0 0 6px 6px;
  }
  .client-modal .title {
    font-size: 22px;
  }
  .client-modal .clientItem {
    border-bottom: 1px solid #EEEEEE;
    padding-left: 5px;
  }
  .card-body .subTitle:nth-child(n+1) {
    padding-bottom: 8px;
    margin-top: 24px;
  }
  .contentBoxNew .radioUnitWrap--scroll {
    border: 1px solid #000;
    min-height: 400px !important;
    height: 400px !important;
    display: inherit !important;
    border-radius: 3px;
  }
  .contentBoxNew .radioUnitWrap--scroll.is-disabled {
    display: table !important;
  }
  .flex-item.clientInfo .flex-items {
    width: 100% !important;
  }
  .flex-item.paymentInfo .flex-items {
    width: 100% !important;
  }
  .evidenceInformation img {
    display: none;
  }
  .radioUnitWrap--scroll {
    display: table;
    width: 100%;
    min-height: 145px;
    max-height: 320px;
    overflow-y: scroll;
  }
  .radioUnitWrap--scroll .radioUnitWrap--scroll__inner {
    display: table-cell;
    vertical-align: middle;
  }
  .radioUnit {
    border-top: 1px solid #000;
  }
  .radioUnit:first-child {
    border-top: none;
  }
  .radioUnit.is-checked {
    background-color: #fffeea;
  }
  .radioUnit__radioBtn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
  }
  .radioUnit__radioBtn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .radioUnit__radioBtn:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #eee;
  }
  .radioUnit__radioBtn.is-checked:before {
    border: 1.5px solid #000;
    background-color: var(--primary-color);
  }
  .radioUnit__radioBtn.is-checked:after {
    background-color: #000;
  }
  .radioUnit__radioBtn input {
    appearance: none;
    display: none;
  }
  .radioUnit__radioBtn {
    width: 100%;
    padding: 12px 12px 12px 40px;
  }
  .radioUnit__radioBtn:before {
    top: 50%;
    transform: translateY(-50%);
  }
  .radioUnit__radioBtn:after {
    top: 50%;
    transform: translateY(-50%);
  }
  .radioUnit__radioBtn.is-checked {
    background-color: #fffeea;
  }
  .radioUnit__radioBtn.is-disabled:before {
    border: 1.5px solid #cccccc;
  }
  .radioUnit__radioBtn.is-disabled {
    cursor: default;
  }
  .radioUnit__title {
    display: block;
    font-weight: bold;
  }
  .radioUnit__detail {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    font-size: 12px;
  }
  .radioUnit__infoName {
    width: 4em;
    margin-right: 12px;
  }
  .radioUnit__infoContent {
    width: calc(100% - 4em - 12px);
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn {
    display: block;
    padding: 16px 6px 16px 45px;
    line-height: 1;
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn::before, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn::before {
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn::after, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__checkboxBtn::after {
    top: 50%;
    left: 20px;
    margin-top: -4px;
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn {
    display: block;
    padding: 16px 6px 16px 45px;
    line-height: 1;
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn::before, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn::before {
    left: 16px;
  }
  .pageSignUpApply .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn::after, .pageAccountMainIndustrySetting .scrollBlock--spvVrtical .radioUnit .radioUnit__radioBtn::after {
    left: 21px;
  }
  .inputUnit__item:nth-child(n+2) {
    margin-top: 18px;
  }
  .upload {
    margin-top: 18px;
  }
  .upload__txt {
    display: none;
  }
  .upload.is-error + .valiedTxt {
    margin-top: 18px;
  }
  .upload__content {
    min-height: 95px;
    padding: 30px 24px 24px;
    text-align: center;
    background-color: #f3f3f3;
    box-sizing: border-box;
  }
  .upload__item {
    display: flex;
    justify-content: center;
  }
  .upload [class*=Btn] {
    width: 100%;
    border-radius: 12px;
    display: flex;
    justify-content: center;
  }
  .uploadBtn, .uploadBtn--small__f11, .uploadBtn--small, .uploadBtn--large, .uploadBtn--middle, .uploadBtn--fullLarge, .uploadBtn--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .uploadBtn:visited, .uploadBtn--small__f11:visited, .uploadBtn--small:visited, .uploadBtn--large:visited, .uploadBtn--middle:visited, .uploadBtn--fullLarge:visited, .uploadBtn--full:visited {
    text-decoration: none;
  }
  .uploadBtn.is-disabled [class*=__inner], .is-disabled.uploadBtn--small__f11 [class*=__inner], .is-disabled.uploadBtn--small [class*=__inner], .is-disabled.uploadBtn--large [class*=__inner], .is-disabled.uploadBtn--middle [class*=__inner], .is-disabled.uploadBtn--fullLarge [class*=__inner], .is-disabled.uploadBtn--full [class*=__inner], .uploadBtn:disabled [class*=__inner], .uploadBtn--small__f11:disabled [class*=__inner], .uploadBtn--small:disabled [class*=__inner], .uploadBtn--large:disabled [class*=__inner], .uploadBtn--middle:disabled [class*=__inner], .uploadBtn--fullLarge:disabled [class*=__inner], .uploadBtn--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .uploadBtn.is-disabled [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--small__f11 [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--small [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--large [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--middle [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--fullLarge [class*=__inner] [class*=__icon], .is-disabled.uploadBtn--full [class*=__inner] [class*=__icon], .uploadBtn:disabled [class*=__inner] [class*=__icon], .uploadBtn--small__f11:disabled [class*=__inner] [class*=__icon], .uploadBtn--small:disabled [class*=__inner] [class*=__icon], .uploadBtn--large:disabled [class*=__inner] [class*=__icon], .uploadBtn--middle:disabled [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:disabled [class*=__inner] [class*=__icon], .uploadBtn--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active, .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active, .uploadBtn--small:not([class*=is-disabled], [disabled]):active, .uploadBtn--large:not([class*=is-disabled], [disabled]):active, .uploadBtn--middle:not([class*=is-disabled], [disabled]):active, .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active, .uploadBtn--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .uploadBtn--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .uploadBtn:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .uploadBtn--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .uploadBtn__inner, .uploadBtn--small__f11__inner, .uploadBtn--small__inner, .uploadBtn--large__inner, .uploadBtn--middle__inner, .uploadBtn--fullLarge__inner, .uploadBtn--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .uploadBtn__inner:active, .uploadBtn--small__f11__inner:active, .uploadBtn--small__inner:active, .uploadBtn--large__inner:active, .uploadBtn--middle__inner:active, .uploadBtn--fullLarge__inner:active, .uploadBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .uploadBtn--full {
    width: 100%;
  }
  .uploadBtn--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .uploadBtn--fullLarge {
    width: 100%;
  }
  .uploadBtn--middle {
    width: calc(50% - 12px);
  }
  .uploadBtn--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .uploadBtn--large {
    width: 100%;
  }
  .uploadBtn--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .uploadBtn--small {
    width: 120px;
  }
  .uploadBtn--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .uploadBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .uploadBtn--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .uploadBtn--small__f11 {
    width: 120px;
  }
  .uploadBtn--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .uploadBtn [class*=__icon], .uploadBtn--full [class*=__icon], .uploadBtn--fullLarge [class*=__icon], .uploadBtn--middle [class*=__icon], .uploadBtn--large [class*=__icon], .uploadBtn--small [class*=__icon], .uploadBtn--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .uploadBtn [class*=__icon--before], .uploadBtn--full [class*=__icon--before], .uploadBtn--fullLarge [class*=__icon--before], .uploadBtn--middle [class*=__icon--before], .uploadBtn--large [class*=__icon--before], .uploadBtn--small [class*=__icon--before], .uploadBtn--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .uploadBtn--middle {
    width: 118px !important;
  }
  .uploadBtn--middle__inner {
    height: 48px;
    font-size: 14px;
  }
  .uploadBtn input, .uploadBtn--full input, .uploadBtn--fullLarge input, .uploadBtn--middle input, .uploadBtn--large input, .uploadBtn--small input, .uploadBtn--small__f11 input {
    display: none;
  }
  .uploadBtn--middle:active {
    padding-top: 2px !important;
  }
  .uploadBtn--middle:active .uploadBtn--middle__inner {
    height: 48px !important;
  }
  /* file list
  -----------------------------------------------------------------*/
  .fileList > li:first-child {
    margin-top: 18px;
  }
  .fileList > li {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
  }
  .fileList__name {
    position: relative;
    width: 100%;
    padding: 0 36px 0 24px;
    text-decoration: none;
  }
  .fileList__name:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("/images/icon-paper.svg") center center no-repeat;
    background-size: contain;
  }
  .fileList__btn {
    display: flex;
    align-items: flex-start;
  }
  .fileList__icon {
    width: 24px;
    margin-left: 12px;
  }
  .fileList__file {
    width: fit-content !important;
  }
  /* notice
  -----------------------------------------------------------------*/
  .notice {
    padding: 18px;
    line-height: 1.7;
    border: 2px solid #000;
    border-radius: 6px;
  }
  .notice__btn {
    margin-top: 18px;
    text-align: center;
  }
  .notice__btn [class*=Btn] {
    font-size: 14px;
    white-space: normal;
    word-break: break-all;
  }
  /* parts
  -----------------------------------------------------------------*/
  .note {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.5;
  }
  .error-message {
    margin-top: 12px;
    color: #ff3600;
  }
  .linkList__item {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    padding-left: 30px;
    text-decoration: none;
  }
  .linkList > li:first-child .linkList__item {
    margin-top: 0;
  }
  .linkList__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: 100%;
  }
  .list > li {
    position: relative;
    margin-top: 12px;
    padding-left: 30px;
  }
  .list > li:before {
    content: "";
    position: absolute;
    top: 0.45em;
    left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
  }
  .orderList > li {
    position: relative;
    margin-top: 12px;
    padding-left: 30px;
  }
  .orderList > li {
    counter-increment: li;
  }
  .orderList > li:before {
    content: counter(li) ".";
    position: absolute;
    top: 0;
    left: 5px;
  }
  .link {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    text-decoration: none;
  }
  .link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-arrowRight-bkBlack.svg") center center no-repeat;
    background-size: 100%;
  }
  .dayInfo .dateTxt {
    display: inline-block;
    margin-right: 12px;
  }
  /* settingBlock
  -----------------------------------------------------------------*/
  .settingBlock .sectionTitle {
    margin-bottom: 12px;
  }
  .settingBlock .grid--4col {
    display: flex;
    flex-wrap: wrap;
  }
  .settingBlock .grid--4col__item {
    width: 50%;
    margin-top: 0;
    margin-right: 12px;
  }
  .settingBlock .grid--4col__item:nth-child(2n) {
    width: calc(50% - 12px);
    margin-right: 0;
  }
  /* apply confirm
  -----------------------------------------------------------------*/
  .applyConfirm > *:nth-child(n+2) {
    margin-top: 36px;
  }
  /* calendar
  -----------------------------------------------------------------*/
  .calendar {
    position: relative;
    background-color: #fff;
  }
  .calendar input {
    position: relative;
    z-index: 2;
    background-color: transparent;
  }
  .calendar .ui-datepicker-trigger {
    top: 20px !important;
  }
  .calendar input::-ms-clear {
    visibility: hidden;
  }
  .calendar--2col__item {
    position: relative;
    margin-top: 18px;
    background-color: #fff;
  }
  .calendar--2col__txt {
    margin: 0 10px;
  }
  .calendar--2col input {
    position: relative;
    z-index: 2;
    background-color: transparent;
  }
  .calendar--2col input::-ms-clear {
    visibility: hidden;
  }
  /* datepicker
  -----------------------------------------------------------------*/
  .ui-datepicker {
    box-shadow: 0px 4px 0px 0 rgba(0, 0, 0, 0.2);
  }
  .ui-datepicker,
  .ui-widget-content {
    width: calc(100% - 88px);
    padding: 18px 12px;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
  }
  .ui-datepicker table,
  .ui-widget-content table {
    table-layout: fixed;
    margin: 0;
    font-size: 12px;
  }
  .ui-datepicker table th,
  .ui-widget-content table th {
    width: 14.2%;
    height: 30px;
    padding: 0;
  }
  .ui-datepicker table td,
  .ui-widget-content table td {
    text-align: center;
  }
  .ui-datepicker .ui-datepicker-header,
  .ui-widget-content .ui-datepicker-header {
    padding: 0 0 6px;
    border: none;
    background: #fff;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
  .ui-widget-content .ui-datepicker-header .ui-datepicker-title {
    font-size: 18px;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
  .ui-widget-content .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    margin-left: -4px;
  }
  .ui-datepicker .ui-datepicker-header .ui-corner-all:hover,
  .ui-widget-content .ui-datepicker-header .ui-corner-all:hover {
    background-color: #fff;
  }
  .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e,
  .ui-widget-content .ui-datepicker-header .ui-icon-circle-triangle-e {
    background: url(/images/icon-arrowRight-bkWhite.svg) right center no-repeat;
    background-size: contain;
  }
  .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w,
  .ui-widget-content .ui-datepicker-header .ui-icon-circle-triangle-w {
    background: url(/images/icon-arrowLeft-bkWhite.svg) right center no-repeat;
    background-size: contain;
  }
  .ui-datepicker .ui-state-default,
  .ui-widget-content .ui-state-default {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .ui-datepicker .ui-state-default:hover,
  .ui-widget-content .ui-state-default:hover {
    border: 1px solid #ccc;
  }
  .ui-datepicker .ui-state-default.ui-state-highlight,
  .ui-widget-content .ui-state-default.ui-state-highlight {
    color: var(--primary-color);
    background-color: #000;
    border-color: #000;
  }
  .ui-datepicker .ui-state-default.ui-state-active,
  .ui-widget-content .ui-state-default.ui-state-active {
    color: var(--font-color-on-primary-bg);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .ui-datepicker .ui-state-disabled .ui-state-default:hover,
  .ui-widget-content .ui-state-disabled .ui-state-default:hover {
    border: 1px solid #fff;
  }
  .ui-datepicker::before, .ui-datepicker::after,
  .ui-widget-content::before,
  .ui-widget-content::after {
    position: absolute;
    display: block;
  }
  .ui-datepicker::before,
  .ui-widget-content::before {
    z-index: 3;
    top: -5.5px;
    right: 19px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  .ui-datepicker::after,
  .ui-widget-content::after {
    z-index: 2;
    top: -7px;
    right: 18px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
    border-left: 7px solid transparent;
  }
  .ui-datepicker-trigger {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 13px;
    width: 24px;
    height: auto;
    transform: translateY(-50%);
  }
  .input.is-disabled + .ui-datepicker-trigger, .is-disabled.search__input + .ui-datepicker-trigger {
    z-index: 1;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    background: #fff;
  }
  /* reCAPTCHA
  -----------------------------------------------------------------*/
  .g-recaptchaWrap {
    width: 100%;
  }
  .g-recaptcha {
    transform-origin: left top;
    margin: 0 auto;
  }
  /* clientUnit
  -----------------------------------------------------------------*/
  .billUnit {
    padding: 16px;
    background-color: #f3f3f3;
    border-radius: 6px;
  }
  .billUnit__title {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
  }
  .billUnit__table {
    font-size: 14px;
    line-height: 1.5;
  }
  .billUnit th {
    padding-right: 12px;
    vertical-align: top;
    white-space: nowrap;
  }
  .billUnit td {
    vertical-align: top;
  }
  /* FlashMessage
  -----------------------------------------------------------------*/
  .flashMessage, .flashMessage--danger, .flashMessage--warning, .flashMessage--success, .flashMessage--default {
    position: relative;
    padding: 18px 18px 18px 48px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    border: 2px solid #0092ff;
    border-radius: 12px;
    background-color: #fff;
  }
  .flashMessage:before, .flashMessage--danger:before, .flashMessage--warning:before, .flashMessage--success:before, .flashMessage--default:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 18px;
    height: 18px;
    background: url("/images/icon-info.svg") center center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }
  .flashMessage .content, .flashMessage--danger .content, .flashMessage--warning .content, .flashMessage--success .content, .flashMessage--default .content {
    font-weight: normal !important;
  }
  .flashMessage--default {
    border: 2px solid rgba(129, 129, 129, 0.281);
  }
  .flashMessage--default:before {
    background: url("/images/icon-info.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--success {
    border: 2px solid #56d409;
  }
  .flashMessage--success:before {
    background: url("/images/icon-success.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--warning {
    border: 2px solid #ff3600;
  }
  .flashMessage--warning:before {
    background: url("/images/icon-warning.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--danger {
    color: #fff;
    border: 2px solid #ff3600;
    background-color: #ff3600;
  }
  .flashMessage--danger:before {
    background: url("/images/icon-danger.svg") center center no-repeat;
    background-size: contain;
  }
  .flashMessage--danger a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
  }
  .flashMessage--danger a:hover {
    color: #000;
  }
  /* passwordValidationStrength
  -----------------------------------------------------------------*/
  .passwordValidationStrength {
    display: table;
    width: 100%;
    margin-top: 18px;
  }
  .passwordValidationStrength__title {
    display: table-cell;
    width: 80px;
    font-size: 14px;
    font-weight: bold;
  }
  .passwordValidationStrength.is-error .passwordValidationStrength__txt {
    color: #ff3600;
  }
  .passwordValidationStrength.is-low .passwordValidationStrength__txt {
    color: #f60;
  }
  .passwordValidationStrength.is-mid .passwordValidationStrength__txt {
    color: #ffae00;
  }
  .passwordValidationStrength.is-high .passwordValidationStrength__txt {
    color: #56d409;
  }
  .passwordValidationStrength__bar {
    position: relative;
    display: table-cell;
  }
  .passwordValidationStrength__bar::after, .passwordValidationStrength__bar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 12px;
    margin-top: -6px;
  }
  .passwordValidationStrength__bar::after {
    z-index: 1;
    width: 100%;
    background-color: #eee;
    border-radius: 12px;
  }
  .passwordValidationStrength__bar::before {
    z-index: 2;
    width: 0%;
    transition: width 0.5s;
    border-radius: 12px 0 0 12px;
  }
  .passwordValidationStrength.is-error .passwordValidationStrength__bar::before {
    width: 25%;
    background-color: #ff3600;
  }
  .passwordValidationStrength.is-low .passwordValidationStrength__bar::before {
    width: 50%;
    background-color: #f60;
  }
  .passwordValidationStrength.is-mid .passwordValidationStrength__bar::before {
    width: 75%;
    background-color: #ffae00;
  }
  .passwordValidationStrength.is-high .passwordValidationStrength__bar::before {
    width: 100%;
    background-color: #56d409;
    border-radius: 12px;
  }
  /* vue element
  -----------------------------------------------------------------*/
  [v-cloak] {
    visibility: hidden;
  }
  /* Customize button  */
  .longBtn {
    width: 150px;
  }
  .alertList {
    list-style-type: disc;
    margin-left: 20px;
  }
  /* profile setting
  -----------------------------------------------------------------*/
  .profileEditor {
    position: relative;
  }
  .profileEditor__blur {
    position: absolute;
    top: 130px;
    left: 0;
    background: white;
    width: 100%;
    height: 80%;
    opacity: 0.8;
    z-index: 100;
  }
  .profileSettingOption__item__label {
    background-color: transparent !important;
  }
  .profileSettingOption__item.is-disabled {
    opacity: 0.3;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  }
  .profile__sns {
    min-height: 50px;
  }
  .profile__intro {
    margin-top: 0px !important;
  }
  .line-break {
    word-wrap: break-word;
    white-space: pre-wrap;
  }
  .socialPageText {
    font-size: small !important;
  }
  .profile-photo {
    position: relative;
    text-align: center;
    margin-top: 10px;
  }
  .profile-photo__section {
    top: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-photo__photo .profilePhoto {
    background-color: var(--primary-color);
    border-radius: 50%;
  }
  .profile-photo__btn {
    margin-top: 10px;
  }
  .profile-photo__btn .photoBtn {
    width: auto !important;
    display: inline-block;
  }
  .profile-photo__btn .photoBtn input {
    display: none;
  }
  .profile-photo__btn .photoBtn .btnText {
    padding-left: 22px;
    width: 65px;
    cursor: pointer;
    justify-content: right !important;
  }
  .profile-photo__btn .photoBtn .btnText:active {
    height: 36px;
  }
  .profile-photo__btn .photoBtn__icon {
    width: 25px !important;
    right: 60% !important;
    top: 55% !important;
  }
  .profile-photo__btn .deleteBtn {
    margin-left: 50px;
  }
  .profile-photo-public {
    width: 180px;
    height: 180px;
    border: 10px solid #060001;
  }
  .profile-photo-public.no-border {
    width: 200px;
    height: 200px;
    border: none;
  }
  /* QRCode
  -----------------------------------------------------------------*/
  .qrCode-section > *:nth-child(n+1) {
    margin-top: 10px;
  }
  .qrCode-section.container {
    border: 2px solid #000;
    border-radius: 10px;
    background-color: #f3f3f3;
    padding: 5px 0px 5px 10px;
  }
  .qrCode-section a {
    color: #000;
    text-decoration: underline;
  }
  .qrCode-section a:hover {
    cursor: pointer;
  }
  .qrCode-section a:active {
    font-weight: bold;
  }
  .profile-url-copy-btn {
    display: block;
    margin-top: 10px;
  }
  .qr-image {
    display: inline-block;
    width: 110px;
    height: 110px;
  }
  .download-section {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
  }
  .download-section .download-container {
    margin-bottom: 10px;
  }
  .download-section .download-container:hover {
    cursor: pointer;
  }
  .download-section .download-container .download-trigger {
    display: table-row;
    text-decoration: inherit !important;
  }
  .download-section .download-container .download-trigger .downloadIcon {
    width: 20px;
    height: 20px;
    display: table-cell;
    margin-right: 5px;
  }
  .download-section .download-container .download-trigger span {
    font-size: 11px;
    vertical-align: top;
    display: table-cell;
  }
  /* Upload photo modal window
  -----------------------------------------------------------------*/
  .v--modal-overlay {
    background: rgba(255, 255, 255, 0.8) !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999;
    margin-top: 0px !important;
  }
  .v--modal-box.basic-modal {
    border: 2px solid #000;
    border-radius: 10px !important;
    padding: 10px !important;
    position: absolute !important;
    height: auto !important;
    width: unset !important;
    margin: 10px;
    top: 15% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: white;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    overflow: visible !important;
  }
  .v--modal-box.medium-modal {
    width: 343px !important;
    height: auto !important;
    max-height: 590px !important;
    border: 2px solid #000;
    border-radius: 10px !important;
    padding: 57px 18px 50px 18px;
    position: absolute !important;
    overflow: auto !important;
    background-color: white;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    margin-left: auto !important;
    margin-right: auto !important;
    top: 10% !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 16px;
  }
  .v--modal-box.medium-modal .simulation__headingNew {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
  }
  .v--modal-box.large-modal {
    width: 343px !important;
    height: 100% !important;
    max-height: 600px;
    top: 55% !important;
    left: 50% !important;
    font-size: 16px;
    padding: 57px 18px 50px 18px;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    border: 2px solid #000;
    border-radius: 12px !important;
    background-color: white;
    -webkit-box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
    overflow: auto !important;
  }
  .v--modal-box.large-modal .simulation__headingNew {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
  }
  .cr-boundary {
    width: 300px !important;
    height: 300px !important;
  }
  /* Dialog message
  -----------------------------------------------------------------*/
  .dialog-message__modal-window {
    display: block;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    margin-top: 0px !important;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .dialog-message__modal-content {
    background-color: #fefefe;
    margin-top: 30%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px 30px;
    border-radius: 12px;
    color: black;
    width: 84%;
    text-align: center;
    position: relative;
    box-shadow: 0px 6px #DADADA;
  }
  .dialog-message__modal-content .generalBtn--middle {
    margin-top: 15px;
  }
  .dialog-message__title {
    text-align: left;
    width: fit-content;
  }
  .dialog-message__content-text {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .dialog-message__checkbox-text {
    font-size: small;
  }
  .dialog-message__btn {
    padding: 10px !important;
    width: 100% !important;
  }
  .dialog-message-info {
    border: 2px solid #000;
  }
  .dialog-message-info__info-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/info_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-info__info-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/icon-close-black.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .dialog-message-news {
    border: 5px solid #56d409;
  }
  .dialog-message-news__news-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/news_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-news__news-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/news_close.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .dialog-message-alert {
    border: 5px solid #ff3600;
  }
  .dialog-message-alert__alert-icon:after {
    content: "";
    padding-left: 50px;
    font-size: 50px;
    background: url("/images/alert_icon.svg") center center no-repeat;
    background-size: contain;
  }
  .dialog-message-alert__alert-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 28px;
    font-weight: bold;
    background-image: url("/images/alert_close.svg");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  /* Customize button  */
  .longBtn {
    width: 150px;
  }
  /*Memo section scrollbar*/
  .memo-section::-webkit-scrollbar {
    width: 15px !important;
  }
  /* Sign up
  -----------------------------------------------------------------*/
  .transfer-account-registration__individual {
    margin-top: 30px !important;
  }
  .transfer-account-registration__corporation {
    margin-top: 0px !important;
  }
  /* Invoice uploaded evidence list
  -----------------------------------------------------------------*/
  /* : : : pdfobject : : : */
  .pdfobject-container {
    height: 60rem;
    width: 80rem;
    border: 1rem solid rgba(0, 0, 0, 0.1);
  }
  .evidence-img-previewer {
    max-width: 100%;
  }
  .personInChargeNotDisplay {
    display: none;
  }
  .lineBlock_halfpadding > *:nth-child(n+2) {
    margin-top: 24px;
  }
  .lineBlock_halfpadding {
    padding-top: 15px;
    border-top: 2px solid #000;
  }
  .anshinSection {
    margin-top: 22px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 14px;
  }
  .anshinSection__checkbox > *:nth-child(n+2) {
    margin-top: 20px;
  }
  .anshinSection .checkBox__txt br {
    display: none;
  }
  .anshinSection .linkList {
    font-size: 12px;
  }
  .simulation__heading {
    margin: 12px;
    font-size: 18px;
  }
  .simulation__form {
    flex-direction: column;
  }
  .simulation__form > .simulation__selectbox {
    width: 100%;
    margin-right: 0px;
    margin-top: 12px;
  }
  .simulation__result, .simulation__resultMonth {
    display: block;
  }
  .simulation__resultYear {
    justify-content: center;
    text-align: center;
    margin-top: 6px;
  }
  .simulation__resultMonth .simulation__resultLabel {
    width: auto;
    text-align: center;
    margin-right: 0px;
  }
  .simulation__price {
    text-align: center;
  }
  .simulation__resultMonth .simulation__price {
    width: auto;
    margin: 0px;
  }
  .ShotokuForm {
    margin-top: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ShotokuForm__heading {
    font-size: 20px;
  }
  .ShotokuForm__headingSub {
    font-size: 17px;
  }
  .ShotokuForm__section {
    padding-top: 30px;
  }
  .Modal__content {
    width: 70%;
    height: 80%;
    margin: 40px auto;
  }
  .Modal__heading.-hd1 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
  }
  .Modal__heading.-hd2 {
    font-size: 18px;
    margin-top: 15px;
  }
  .Modal__lead {
    font-size: 16px;
    margin-top: 18px;
  }
  .Modal__text {
    font-size: 16px;
  }
  .btn-anshin-result {
    width: 100%;
  }
  .confirm_cacel_compensation {
    margin-top: 10px;
  }
  .history-tbl {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .vue-modal-close {
    width: 25px;
    height: 25px;
  }
  .modal-notification {
    width: 100% !important;
  }
  .inviting_info {
    display: block;
  }
  .inviting_info .code {
    height: 33px;
    width: 110px;
    font-size: 18px;
    line-height: 38px;
  }
  .inviting_info .container-btn-copy .text {
    width: 132px;
    height: 35px;
    font-size: 13px;
  }
  .group-icons {
    display: block;
    margin-top: 10px;
    padding-bottom: unset !important;
  }
  .group-icons .icon:first-child {
    padding-left: 0;
  }
  #sub-menu-account {
    display: unset;
  }
  #sub-menu-account li {
    margin-top: 10px;
    display: inline-block;
  }
  #corporate-container .itemBlock__title {
    padding-right: 90px;
  }
  .modal-notification-invoice-charge {
    width: 100% !important;
  }
  .v--modal-overlay[data-modal=modal-notification-invoice-charge] {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* Invoice add
  -----------------------------------------------------------------*/
  #other-bank-account-label {
    margin-top: 16px;
  }
  /* My page
  -----------------------------------------------------------------*/
  .mypageSpecialBtnWrap {
    justify-content: space-between !important;
  }
  .mypageSpecialBtnWrap .sectionTitle {
    width: 100% !important;
  }
  /* -------------------------- New design  -----------------------*/
  /* header
  -----------------------------------------------------------------*/
  .header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
  }
  .header__logo__pc {
    display: none;
  }
  .header__logo__sp {
    width: 194px;
    height: 60px;
    display: inline;
  }
  #header-inner {
    width: 100%;
    height: 60px;
  }
  #header-content {
    padding: 0;
    display: flex;
    place-items: center;
  }
  #logo {
    margin-right: auto;
    margin-left: 13px;
  }
  .popup-info .overlay-info {
    z-index: 1001;
  }
  .popup-info .dialog-info {
    width: 315px;
    height: 100%;
    margin-right: -315px;
  }
  .popup-info .dialog-info-show {
    margin-right: 0;
  }
  .popup-info .close-btn {
    top: 0;
    right: 315px;
    background: url(/images/icon-close-white.svg) center center no-repeat;
  }
  .account-black-btn {
    width: 283px;
    margin: auto;
  }
  #account-info-title .title-heading {
    padding: 1px 1px 1px 0;
  }
  .copy-account-info-btn .localBtn--middle {
    width: 100%;
  }
  .user-info-general-btn {
    margin-top: 10px;
  }
  .grid-col-70percent__item-70percent {
    width: 100%;
    margin-right: 0;
  }
  .grid-col-70percent__item-30percent {
    width: 100%;
    margin-top: 30px;
  }
  .container-plan-item li.card {
    height: 370px;
  }
  .container-plan-item li.card .container-plan-last-btn {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
  }
  .container-plan-item li.card .container-plan-last-btn .actionBtn--full {
    padding-left: 24px;
    padding-right: 24px;
  }
  #btnApplyQuickPay {
    width: 100%;
  }
  .sp-hidden {
    display: none;
  }
  .signupNote {
    margin: -16px 0px 16px;
  }
  /* yayoi-element
  -----------------------------------------------------------------*/
  .yayoi-btn-between {
    display: none !important;
  }
  .actionBtn--yayoi, .actionBtn--yayoi--small__f11, .actionBtn--yayoi--small, .actionBtn--yayoi--large, .actionBtn--yayoi--middle, .actionBtn--yayoi--fullLarge, .actionBtn--yayoi--full {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
  }
  .actionBtn--yayoi:visited, .actionBtn--yayoi--small__f11:visited, .actionBtn--yayoi--small:visited, .actionBtn--yayoi--large:visited, .actionBtn--yayoi--middle:visited, .actionBtn--yayoi--fullLarge:visited, .actionBtn--yayoi--full:visited {
    text-decoration: none;
  }
  .actionBtn--yayoi.is-disabled [class*=__inner], .is-disabled.actionBtn--yayoi--small__f11 [class*=__inner], .is-disabled.actionBtn--yayoi--small [class*=__inner], .is-disabled.actionBtn--yayoi--large [class*=__inner], .is-disabled.actionBtn--yayoi--middle [class*=__inner], .is-disabled.actionBtn--yayoi--fullLarge [class*=__inner], .is-disabled.actionBtn--yayoi--full [class*=__inner], .actionBtn--yayoi:disabled [class*=__inner], .actionBtn--yayoi--small__f11:disabled [class*=__inner], .actionBtn--yayoi--small:disabled [class*=__inner], .actionBtn--yayoi--large:disabled [class*=__inner], .actionBtn--yayoi--middle:disabled [class*=__inner], .actionBtn--yayoi--fullLarge:disabled [class*=__inner], .actionBtn--yayoi--full:disabled [class*=__inner] {
    color: #aaa;
    border: 2px solid #999;
    background-color: #f9f9f9;
    box-shadow: 0px -4px 0px 0 rgba(0, 0, 0, 0.1) inset;
  }
  .actionBtn--yayoi.is-disabled [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--small__f11 [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--small [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--large [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--middle [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--fullLarge [class*=__inner] [class*=__icon], .is-disabled.actionBtn--yayoi--full [class*=__inner] [class*=__icon], .actionBtn--yayoi:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:disabled [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:disabled [class*=__inner] [class*=__icon] {
    opacity: 0.5;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active, .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*=actionBtn] [class*=__inner] {
    background-color: #ffcc00;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active [class*=__inner] [class*=__icon] {
    margin-top: 3px;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] {
    height: 46px;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] {
    height: 60px;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    height: 34px;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--full"], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--middle"], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--large"], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--small"] {
    padding-top: 2px;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] {
    padding-top: 2px;
    padding-bottom: 0;
  }
  .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--full"] [class*=__inner] [class*=__icon], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--middle"] [class*=__inner] [class*=__icon], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--large"] [class*=__inner] [class*=__icon], .actionBtn--yayoi:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small__f11:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--small:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--large:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--middle:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--fullLarge:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon], .actionBtn--yayoi--full:not([class*=is-disabled], [disabled]):active[class*="--small"] [class*=__inner] [class*=__icon] {
    margin-top: 4px;
  }
  .actionBtn--yayoi__inner, .actionBtn--yayoi--small__f11__inner, .actionBtn--yayoi--small__inner, .actionBtn--yayoi--large__inner, .actionBtn--yayoi--middle__inner, .actionBtn--yayoi--fullLarge__inner, .actionBtn--yayoi--full__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 0 12px 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 12px;
    background-color: #005BAC;
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }
  .actionBtn--yayoi__inner:active, .actionBtn--yayoi--small__f11__inner:active, .actionBtn--yayoi--small__inner:active, .actionBtn--yayoi--large__inner:active, .actionBtn--yayoi--middle__inner:active, .actionBtn--yayoi--fullLarge__inner:active, .actionBtn--yayoi--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__f11__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--large__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--middle__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--fullLarge__inner, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--full__inner {
    box-shadow: 0px -6px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__f11__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--large__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--middle__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--fullLarge__inner:active, [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--full__inner:active {
    text-decoration: none;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--yayoi--full {
    width: 100%;
  }
  .actionBtn--yayoi--full__inner {
    width: 100%;
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--yayoi--fullLarge {
    width: 100%;
  }
  .actionBtn--yayoi--middle {
    width: calc(50% - 12px);
  }
  .actionBtn--yayoi--middle__inner {
    height: 48px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--yayoi--large {
    width: 100%;
  }
  .actionBtn--yayoi--large__inner {
    height: 60px;
    padding: 0 12px 6px;
    font-size: 16px;
  }
  .actionBtn--yayoi--small {
    width: 120px;
  }
  .actionBtn--yayoi--small__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 12px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--yayoi--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.1) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__inner {
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  [class*=generalBtn]:not([class*=is-disabled], [disabled]) .actionBtn--yayoi--small__inner:active {
    text-decoration: none;
    box-shadow: 0px 2px 0px 0 rgba(0, 0, 0, 0.4) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
  }
  .actionBtn--yayoi--small__f11 {
    width: 120px;
  }
  .actionBtn--yayoi--small__f11__inner {
    height: 36px;
    padding: 0 8px 2px;
    font-size: 11px;
    border-radius: 6px;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .actionBtn--yayoi [class*=__icon], .actionBtn--yayoi--full [class*=__icon], .actionBtn--yayoi--fullLarge [class*=__icon], .actionBtn--yayoi--middle [class*=__icon], .actionBtn--yayoi--large [class*=__icon], .actionBtn--yayoi--small [class*=__icon], .actionBtn--yayoi--small__f11 [class*=__icon] {
    position: absolute;
    top: 50%;
    left: auto;
    right: 12px;
    width: 18px;
    transform: translateY(calc(-50% - 3px));
  }
  .actionBtn--yayoi [class*=__icon--before], .actionBtn--yayoi--full [class*=__icon--before], .actionBtn--yayoi--fullLarge [class*=__icon--before], .actionBtn--yayoi--middle [class*=__icon--before], .actionBtn--yayoi--large [class*=__icon--before], .actionBtn--yayoi--small [class*=__icon--before], .actionBtn--yayoi--small__f11 [class*=__icon--before] {
    left: 12px;
    right: auto;
  }
  .actionBtn--yayoi [class*=__group], .actionBtn--yayoi--full [class*=__group], .actionBtn--yayoi--fullLarge [class*=__group], .actionBtn--yayoi--middle [class*=__group], .actionBtn--yayoi--large [class*=__group], .actionBtn--yayoi--small [class*=__group], .actionBtn--yayoi--small__f11 [class*=__group] {
    display: flex;
    justify-content: center;
  }
  .actionBtn--yayoi [class*=__txt], .actionBtn--yayoi--full [class*=__txt], .actionBtn--yayoi--fullLarge [class*=__txt], .actionBtn--yayoi--middle [class*=__txt], .actionBtn--yayoi--large [class*=__txt], .actionBtn--yayoi--small [class*=__txt], .actionBtn--yayoi--small__f11 [class*=__txt] {
    position: static;
    text-align: left;
    margin: auto;
  }
  .actionBtn--yayoi [class*=__icon], .actionBtn--yayoi--full [class*=__icon], .actionBtn--yayoi--fullLarge [class*=__icon], .actionBtn--yayoi--middle [class*=__icon], .actionBtn--yayoi--large [class*=__icon], .actionBtn--yayoi--small [class*=__icon], .actionBtn--yayoi--small__f11 [class*=__icon] {
    position: static;
    width: 18px;
    align-self: center;
    margin-top: 23px;
    margin-right: 5px;
  }
  .actionBtn--yayoi:hover, .actionBtn--yayoi--full:hover, .actionBtn--yayoi--fullLarge:hover, .actionBtn--yayoi--middle:hover, .actionBtn--yayoi--large:hover, .actionBtn--yayoi--small:hover, .actionBtn--yayoi--small__f11:hover, .actionBtn--yayoi:focus, .actionBtn--yayoi--full:focus, .actionBtn--yayoi--fullLarge:focus, .actionBtn--yayoi--middle:focus, .actionBtn--yayoi--large:focus, .actionBtn--yayoi--small:focus, .actionBtn--yayoi--small__f11:focus {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--yayoi:hover [class*=__inner], .actionBtn--yayoi--full:hover [class*=__inner], .actionBtn--yayoi--fullLarge:hover [class*=__inner], .actionBtn--yayoi--middle:hover [class*=__inner], .actionBtn--yayoi--large:hover [class*=__inner], .actionBtn--yayoi--small:hover [class*=__inner], .actionBtn--yayoi--small__f11:hover [class*=__inner], .actionBtn--yayoi:focus [class*=__inner], .actionBtn--yayoi--full:focus [class*=__inner], .actionBtn--yayoi--fullLarge:focus [class*=__inner], .actionBtn--yayoi--middle:focus [class*=__inner], .actionBtn--yayoi--large:focus [class*=__inner], .actionBtn--yayoi--small:focus [class*=__inner], .actionBtn--yayoi--small__f11:focus [class*=__inner] {
    height: 57px;
    padding-bottom: 3px;
    box-shadow: 0px -3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--yayoi:hover [class*=__icon], .actionBtn--yayoi--full:hover [class*=__icon], .actionBtn--yayoi--fullLarge:hover [class*=__icon], .actionBtn--yayoi--middle:hover [class*=__icon], .actionBtn--yayoi--large:hover [class*=__icon], .actionBtn--yayoi--small:hover [class*=__icon], .actionBtn--yayoi--small__f11:hover [class*=__icon], .actionBtn--yayoi:focus [class*=__icon], .actionBtn--yayoi--full:focus [class*=__icon], .actionBtn--yayoi--fullLarge:focus [class*=__icon], .actionBtn--yayoi--middle:focus [class*=__icon], .actionBtn--yayoi--large:focus [class*=__icon], .actionBtn--yayoi--small:focus [class*=__icon], .actionBtn--yayoi--small__f11:focus [class*=__icon] {
    margin-top: 24px;
  }
  .actionBtn--yayoi.is-click, .is-click.actionBtn--yayoi--full, .is-click.actionBtn--yayoi--fullLarge, .is-click.actionBtn--yayoi--middle, .is-click.actionBtn--yayoi--large, .is-click.actionBtn--yayoi--small, .is-click.actionBtn--yayoi--small__f11 {
    padding-top: 3px;
    text-decoration: none;
  }
  .actionBtn--yayoi.is-click [class*=__inner], .is-click.actionBtn--yayoi--full [class*=__inner], .is-click.actionBtn--yayoi--fullLarge [class*=__inner], .is-click.actionBtn--yayoi--middle [class*=__inner], .is-click.actionBtn--yayoi--large [class*=__inner], .is-click.actionBtn--yayoi--small [class*=__inner], .is-click.actionBtn--yayoi--small__f11 [class*=__inner] {
    height: 57px;
    padding-top: 3px;
    padding-bottom: 0;
    background-color: #005BAC;
    color: #ffffff;
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.15) inset;
  }
  .actionBtn--yayoi.is-click [class*=__icon], .is-click.actionBtn--yayoi--full [class*=__icon], .is-click.actionBtn--yayoi--fullLarge [class*=__icon], .is-click.actionBtn--yayoi--middle [class*=__icon], .is-click.actionBtn--yayoi--large [class*=__icon], .is-click.actionBtn--yayoi--small [class*=__icon], .is-click.actionBtn--yayoi--small__f11 [class*=__icon] {
    margin-top: 27px;
  }
  .v--modal-box.confirm-modal {
    width: 90% !important;
    padding: 20px 10px !important;
    left: 5% !important;
  }
  .v--modal-box.confirm-modal .lineTitle__txt {
    font-size: 16px !important;
  }
  /** OAuth **/
  .oauthBtnUnit {
    margin-left: 0;
    width: 100%;
  }
  .evidence-rank-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .evidence-rank-table .evidence-rank {
    width: auto;
    font-size: 0.85rem;
    padding-right: 0.5rem;
  }
  .evidence-rank-table .evidence-title {
    width: auto;
    font-size: 0.9rem;
    flex: 1;
  }
  .evidence-rank-table .evidence-description {
    width: 100%;
    font-size: 0.85rem;
    line-height: 1.4;
    padding-top: 0.25rem;
  }
}
@media screen and (max-width: 575.98px) {
  .user-info-general-btn {
    width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  /* Modal Content */
  .modal-content {
    margin: 30% auto; /* 30% from the top and centered */
  }
}
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}
/** - - - - - - - - - - - - 
 * Utils
 - - - - - - - - - - - - */
/* - - - font family - - - */
.font-montserrat {
  font-family: "Montserrat", sans-serif !important;
}

/* - - - margin - - - */
.no-margin {
  margin: 0 !important;
}

.spacer1 {
  margin-top: 1px;
}

.spacer2 {
  margin-top: 2px;
}

.spacer3 {
  margin-top: 3px;
}

.spacer4 {
  margin-top: 4px;
}

.spacer5 {
  margin-top: 5px;
}

.spacer6 {
  margin-top: 6px;
}

.spacer7 {
  margin-top: 7px;
}

.spacer8 {
  margin-top: 8px;
}

.spacer9 {
  margin-top: 9px;
}

.spacer10 {
  margin-top: 10px;
}

.spacer15 {
  margin-top: 15px;
}

.spacer20 {
  margin-top: 20px;
}

.spacer25 {
  margin-top: 25px;
}

.spacer30 {
  margin-top: 30px;
}

.spacer35 {
  margin-top: 35px;
}

.spacer40 {
  margin-top: 40px;
}

.spacer45 {
  margin-top: 45px;
}

.spacer50 {
  margin-top: 50px;
}

.spacer60 {
  margin-top: 60px;
}

.spacer70 {
  margin-top: 70px;
}

.spacer80 {
  margin-top: 80px;
}

.spacer90 {
  margin-top: 90px;
}

.spacer100 {
  margin-top: 100px;
}

.spacer200 {
  margin-top: 200px;
}

.spacer250 {
  margin-top: 250px;
}

.spacer300 {
  margin-top: 300px;
}

.no-padding {
  padding: 0 !important;
}

/* - - - width - - - */
.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.wauto {
  width: auto !important;
}

/* - - - font-size - - - */
.f6 {
  font-size: 6px;
}

.f7 {
  font-size: 7px;
}

.f8 {
  font-size: 8px;
}

.f9 {
  font-size: 9px;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px;
}

.f17 {
  font-size: 17px;
}

.f18 {
  font-size: 18px;
}

.f19 {
  font-size: 19px;
}

.f20 {
  font-size: 20px;
}

.f30 {
  font-size: 30px;
}

.f36 {
  font-size: 36px;
}

.f40 {
  font-size: 40px;
}

.f50 {
  font-size: 50px;
}

/* - - - text color - - - */
.cfff {
  color: #fff;
}

.ceee {
  color: #eee;
}

.cddd {
  color: #ddd;
}

.cccc {
  color: #ccc;
}

.cbbb {
  color: #bbb;
}

.caaa {
  color: #aaa;
}

.c999 {
  color: #999;
}

.c888 {
  color: #888;
}

.c777 {
  color: #777;
}

.c666 {
  color: #666;
}

.c555 {
  color: #555;
}

.c444 {
  color: #444;
}

.c333 {
  color: #333;
}

.c222 {
  color: #222;
}

.c111 {
  color: #111;
}

.c000 {
  color: #000;
}

.cff0 {
  color: #ff0;
}

.c3af {
  color: #3af;
}

.must {
  color: #f00;
}

/* - - - text deocration - - - */
.bold {
  font-weight: bold !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.text-shadow {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.text-shadow-deep {
  text-shadow: 4px 3px 2px rgba(0, 0, 0, 0.5);
}

.white-space-normal {
  white-space: normal;
}

.break-word {
  word-wrap: break-word;
}

.font-normal {
  font-weight: normal;
}

.must {
  color: #f00;
  font-size: 9px;
  margin: 0 0 0 5px;
}

.underline {
  text-decoration: underline !important;
}

.hoverImg:hover * {
  opacity: 0.5;
}

/* - - - text positioning - - - */
.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.vertical-middle {
  vertical-align: middle !important;
}

/* - - - disabling - - - */
/* http://stackoverflow.com/questions/639815/how-to-disable-all-div-content */
.disableAll {
  pointer-events: none;
  opacity: 0.4;
}

.w100-percent {
  width: 100%;
}

.hidden-scroll {
  overflow: hidden; /* Hide scrollbars */
}

.border__0 {
  border: 0 !important;
}

.bg__white {
  background: #fff !important;
}

/** - - - position - - - */
.pos__relative {
  position: relative !important;
}

/* - - - position - - - **/
/** - - - cursor - - - */
.cur__pointer {
  cursor: pointer !important;
}

/* - - - cursor - - - **/
/** - - - font-size - - - */
.fz__12 {
  font-size: 12px !important;
}
.fz__14 {
  font-size: 14px !important;
}
.fz__16 {
  font-size: 16px !important;
}
.fz__20 {
  font-size: 20px !important;
}
.fz__24 {
  font-size: 24px !important;
}
.fz__32 {
  font-size: 32px !important;
}

/* - - - font-size - - - **/
/** - - - top - - - */
.top__2 {
  top: 2px !important;
}
.top__8 {
  top: 8px !important;
}

/* - - - top - - - **/
/** - - - margin-top - - - */
.mt__0 {
  margin-top: 0px !important;
}
.mt__3 {
  margin-top: 3px !important;
}
.mt__8 {
  margin-top: 8px !important;
}
.mt__10 {
  margin-top: 10px !important;
}
.mt__20 {
  margin-top: 20px !important;
}
.mt__24 {
  margin-top: 24px !important;
}
.mt__29 {
  margin-top: 29px !important;
}
.mt__30 {
  margin-top: 30px !important;
}
.mt__33 {
  margin-top: 33px !important;
}
.mt__48 {
  margin-top: 48px !important;
}

/* - - - margin-top - - - **/
/** - - - margin-bottom - - - */
.mb__3 {
  margin-bottom: 3px !important;
}
.mb__10 {
  margin-bottom: 10px !important;
}
.mb__20 {
  margin-bottom: 20px !important;
}
.mb__30 {
  margin-bottom: 30px !important;
}
.mb__36 {
  margin-bottom: 36px !important;
}
.mb__59 {
  margin-bottom: 59px !important;
}

/* - - - margin-bottom - - - **/
/** - - - padding-left - - - */
.pl__24 {
  padding-left: 24px !important;
}
.pl__30 {
  padding-left: 30px !important;
}

/* - - - padding-left - - - **/
/** - - - padding-right - - - */
.pr__40 {
  padding-right: 40px !important;
}

/* - - - padding-right - - - **/
/** - - - padding-top - - - */
.pt__48 {
  padding-top: 48px !important;
}

/* - - - padding-top - - - **/

.radioUnitWrap--scroll[data-v-4aced968] {
  display: block;
  min-height: 362px;
}

.anshin-result > *[data-v-3768c121]:nth-child(n) {
  margin-top: 20px;
}
.anshin-result .end-date[data-v-3768c121] {
  font-weight: 700;
}
.anshinContractBtn_Section[data-v-3768c121] {
  margin-top: 20px !important;
  margin-bottom: 25px;
  text-align: center;
}
.contractError[data-v-3768c121] {
  color: #ff3600;
}

.duration[data-v-009d65b0] {
  white-space: nowrap;
}

.guide__attention {
  border-radius: 12px;
  background-color: #f3f3f3;
  margin-top: 50px;
  padding-top: 21px;
  padding-bottom: 41px;
}
.guide__attentionIconWrapper {
  text-align: center;
  line-height: 1;
}
.guide__attentionIcon {
  width: 48px;
}
img {
  border-style: none;
}
.guide__attentionIconWrapper {
  text-align: center;
  line-height: 1;
}
.guide__attentionHeading {
  font-size: 1.5rem;
  text-align: center;
  color: #ff3600;
  margin-top: 9px;
  margin-bottom: 0;
}

.validCode[data-v-dc520d00] {
  padding-left: 35px;
  position: relative;
}
.validCode[data-v-dc520d00]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/images/icon-success.svg) center center no-repeat;
  background-size: contain;
}
.nfNote-tmp-container[data-v-dc520d00] {
  overflow: hidden;
  margin-top: 5px;
  max-width: 100%;
}
.frnc-tpl-required .unchecked[data-v-dc520d00] {
  outline: 2px solid red;
  outline-offset: -2px;
}
.frnc-tpl-required .err-msg[data-v-dc520d00] {
  display: none;
  color: red;
}
.frnc-tpl-required .is-err[data-v-dc520d00] {
  color: red;
}
.nf-note-content ul[data-v-dc520d00] {
  list-style: disc;
}
.nf-note-content ol[data-v-dc520d00] {
  list-style: decimal;
}
.nf-note-content ul[data-v-dc520d00],
.nf-note-content ol[data-v-dc520d00] {
  padding-left: 20px;
}
.nf-note-content ul ul[data-v-dc520d00],
.nf-note-content ol ol[data-v-dc520d00],
.nf-note-content ul ol[data-v-dc520d00],
.nf-note-content ol ul[data-v-dc520d00] {
  border: none;
  margin: 2px;
  padding: 0;
  padding-left: 24px;
}
.nf-note-content hr[data-v-dc520d00] {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #CCC;
}
.nf-note-content h1[data-v-dc520d00],
.nf-note-content h2[data-v-dc520d00],
.nf-note-content h3[data-v-dc520d00],
.nf-note-content h4[data-v-dc520d00] {
  color: #111;
  background: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.nf-note-content h1[data-v-dc520d00] {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 20px;
}
.nf-note-content h2[data-v-dc520d00] {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 15px;
}
.nf-note-content h3[data-v-dc520d00] {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 7px;
}
.nf-note-content h4[data-v-dc520d00] {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 7px;
}
.nf-note-content img[data-v-dc520d00] {
  max-width: 100%;
}

.modal-section[data-v-66852959] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.section__inner[data-v-66852959] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.vue-modal-close[data-v-66852959] {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
.modal-container[data-v-66852959] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.modal-file[data-v-66852959] {
  max-width: 90%;
  max-height: 90vh;
  object-fit: contain;
}
.pdf-link[data-v-66852959] {
  display: inline-block;
  padding: 15px 30px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

.fileList__name:after {
  content: none;
}

.itemBlock .tag[data-v-17089eae] {
  float: none !important;
  position: unset !important;
  font-size: 12px;
  padding: 2px 10px;
  margin-left: 6px;
}
.itemBlock .tag.warning[data-v-17089eae] {
  background-color: #fff000;
  color: #000;
  margin: 0 5px;
}
small a[data-v-17089eae] {
  text-decoration: underline;
  cursor: pointer;
}

.nav-link[data-v-61b2851a] {
  cursor: pointer;
}
.nav-link[data-v-61b2851a]:hover {
  text-decoration: underline;
}

.lineBlockBold[data-v-de218f00] {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 2px solid #000;
}
label[for=searchByCompanyName][data-v-de218f00] {
  margin-right: 25px;
}
small a[data-v-de218f00] {
  text-decoration: underline;
  cursor: pointer;
}

.lineBlockBold[data-v-60be6574] {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 2px solid #000;
}

.notified-factoring-modal[data-v-403f16fe] {
  padding: 30px;
  display: contents;
}
.v--modal-box[data-v-403f16fe] {
  border: 2px solid #000;
  border-radius: 12px !important;
  padding: 20px !important;
  position: absolute !important;
}
.notified-factoring-buttons[data-v-403f16fe] {
  text-align: center;
}

.client-modal[data-v-2c1b2a2e] {
  padding: 30px;
  display: contents;
}
.v--modal-box[data-v-2c1b2a2e] {
  border: 2px solid #000;
  border-radius: 12px !important;
  padding: 20px !important;
  position: absolute !important;
}

.cancelBtn[data-v-28118d98] {
  cursor: pointer;
}
.btnUnit[data-v-28118d98] {
  height: 42px;
}
.actionBtn [class*=__inner][data-v-28118d98] {
  height: 40px !important;
  width: 250px;
}
.actionBtn [class*=__txt][data-v-28118d98] {
  font-size: 12px;
}
.itemBlock .tag[data-v-28118d98] {
  float: none !important;
  position: unset !important;
  font-size: 12px;
  padding: 2px 10px;
  margin-left: 6px;
}
.itemBlock .tag.warning[data-v-28118d98] {
  background-color: #fff000;
  color: #000;
  margin: 0 5px;
}
small a[data-v-28118d98] {
  text-decoration: underline;
  cursor: pointer;
}
.radioBtn.is-disabled[data-v-28118d98] {
  cursor: default;
}
.radioBtn.is-disabled[data-v-28118d98]:before {
  border: 1.5px solid #cccccc;
}

.btn-center[data-v-6fb74baf] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
.btn-center[data-v-6fb74baf] {
    flex-direction: column;
}
.btn-center .generalBtn--large[data-v-6fb74baf],
  .btn-center .actionBtn--large[data-v-6fb74baf] {
    margin-bottom: 15px;
    width: 100%;
}
}
.modal-section .generalBtn--large[data-v-6fb74baf],
.modal-section .actionBtn--large[data-v-6fb74baf] {
  flex: 1;
  margin: 0 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.modal-section .generalBtn--large[data-v-6fb74baf],
  .modal-section .actionBtn--large[data-v-6fb74baf] {
    margin: 0 0 15px;
}
}
.modal-section .generalBtn--large__inner[data-v-6fb74baf],
.modal-section .actionBtn--large__inner[data-v-6fb74baf] {
  width: 100%;
}
.modal-line-title[data-v-6fb74baf] {
  display: inline-block;
  width: auto;
  max-width: fit-content;
}

@media screen and (min-width: 767px) {
.btnDealSave[data-v-b6265e66] {
    margin-left: 12px;
}
}
@media screen and (max-width: 767px) {
.btnDealSave[data-v-b6265e66] {
    margin-top: 12px;
}
}

.applicationAmountForm[data-v-63000af1] {
  margin-top: 52px;
}
.itemBlock .itemBlock__title[data-v-63000af1] {
  line-height: 24px;
}
.itemBlock__title .tag[data-v-63000af1] {
  float: none;
  margin-left: 6px;
  font-size: 12px;
  padding: 0px 12px !important;
  position: unset;
}
.itemBlock__content[data-v-63000af1] {
  margin-top: 12px;
}
.itemBlock__content ul[data-v-63000af1] {
  margin-top: 17px;
}
.linkList__item[data-v-63000af1] {
  padding-left: 24px;
}
.personInCharge[data-v-63000af1] {
  margin-top: 25px;
}
.confirmedPersonInCharge[data-v-63000af1] {
  margin-top: 10px !important;
  background: #F3F3F3 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  padding: 24px;
}
.applicationConfirmBtn[data-v-63000af1] {
  margin-top: 13px !important;
}
.checkBox[data-v-63000af1] {
  width: auto;
  height: auto;
  vertical-align: unset;
}

.container[data-v-c7617714] {
  margin-top: 52px;
}
.checkBox[data-v-c7617714] {
  width: auto;
  height: auto;
  vertical-align: unset;
}
@media screen and (max-width: 767px) {
.lineBlockNew[data-v-c7617714] {
    padding-top: 48px;
}
.btndealRegister[data-v-c7617714] {
    margin-left: 0px;
}
.btnProposalApprove[data-v-c7617714] {
    margin-left: 0px;
}
}
@media screen and (min-width: 767px) {
.btnDealRegister[data-v-c7617714] {
    margin-left: 12px;
}
.btnProposalApprove[data-v-c7617714] {
    margin-left: 12px;
}
}

.dealComplete[data-v-430a93bc] {
  margin-top: 52px;
  margin-left: 140px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.dealComplete[data-v-430a93bc] {
    margin-left: 0px;
}
}

.pay-process-modal[data-v-f54e0a12] {
  padding: 30px;
  display: contents;
}
.v--modal-box[data-v-f54e0a12] {
  border: 2px solid #000;
  border-radius: 12px !important;
  padding: 20px !important;
  position: absolute !important;
}

.section__inner[data-v-ee9a8da2] {
  overflow: scroll;
  padding: 10px;
  max-height: calc(100vh - 200px);
}
.v--modal-overlay[data-v-ee9a8da2] {
  margin-top: 24px !important;
}

.profilePhoto[data-v-394caa80] {
  width: 180px;
  height: 180px;
  border: 10px solid #060001;
}
.profilePhoto[data-v-394caa80]:hover {
  cursor: pointer;
}
.profilePhoto.no-border[data-v-394caa80] {
  width: 200px;
  height: 200px;
  border: none;
}
.modal-section > *[data-v-394caa80]:nth-child(n+2) {
  margin-top: 20px;
}
.croppie-container[data-v-394caa80] {
  width: 100%;
  height: 60%;
}
.profile-photo-action[data-v-394caa80] {
  text-align: center;
}
.add_btn[data-v-394caa80] {
  background: url(/images/icon-plus-black.svg) center center no-repeat;
  height: 36px;
}
.delete_btn[data-v-394caa80] {
  background: url(/images/icon-close-white.svg) center center no-repeat;
  height: 36px;
}
.delete_btn.disabled[data-v-394caa80] {
  background: url(/images/icon-close-black.svg) center center no-repeat;
  height: 36px;
}

.preview-processing[data-v-08426c7f] {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  color: #aaa;
}

.historyWrap[data-v-4cfa7d6d] {
  border-top: 2px solid #f3f3f3;
  margin-top: 30px;
  padding-top: 10px;
}
.historyWrap__title[data-v-4cfa7d6d] {
  position: relative;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
}
.historyWrap__title[data-v-4cfa7d6d]:hover {
  cursor: pointer;
}
.historyWrap__title[data-v-4cfa7d6d]:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 17px;
  height: 17px;
  background: url("/images/icon-arrowBottom-bkBlack.svg") center center no-repeat;
  background-size: contain;
}
.historyWrap__title.is-active[data-v-4cfa7d6d]:after {
  background: url("/images/icon-arrowTop-bkBlack.svg") center center no-repeat;
  background-size: contain;
}

.bnk-wrap[data-v-72519e2a] {
  width: 100%;
}
.bnk-wrap p[data-v-72519e2a] {
  font-size: 10px;
  margin: 10px 0 1px;
}
.bnk-wrap .bnk-ul[data-v-72519e2a] {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.bnk-wrap .bnk-ul .bnk-li[data-v-72519e2a] {
  margin-bottom: 4px;
  padding: 0;
  height: 23px;
}
.bnk-wrap .bnk-ul .bnk-li .bnk-btn[data-v-72519e2a] {
  width: 100%;
  height: 23px;
  line-height: 23px;
  overflow: hidden;
  background: none;
  border: 1px solid #3c3c3c;
  border-radius: 12px;
  color: #3c3c3c;
  cursor: pointer;
  font-weight: bold;
}
.bnk-wrap .bnk-ul .bnk-li .bnk-btn[data-v-72519e2a]:hover {
  background-color: #3c3c3c;
  color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.bnk-wrap .bnk-ul .bnk-li .active[data-v-72519e2a] {
  background: #3c3c3c;
  color: #fff;
}
.bnk-wrap .bnk-ul .li_2col[data-v-72519e2a] {
  width: 49%;
}
.bnk-wrap .bnk-ul .li_2col .bnk-btn[data-v-72519e2a] {
  font-size: 10px;
}
.bnk-wrap .bnk-ul .li_3col[data-v-72519e2a] {
  width: 32.5%;
}
.bnk-wrap .bnk-ul .li_3col .bnk-btn[data-v-72519e2a] {
  font-size: 9px;
}
@media (max-width: 375px) {
.li_2col .bnk-btn[data-v-72519e2a] {
    font-size: 8px !important;
}
.li_3col .bnk-btn[data-v-72519e2a] {
    font-size: 7px !important;
}
}
/* Customize upload button link */
.additional-upload-bt[data-v-3dae9ea3] {
  margin-top: 30px;
}
.additional-upload-bt a[data-v-3dae9ea3] {
  text-decoration: none;
}

th .is-disabled[data-v-2615f004] {
  color: #aaaaaa;
  cursor: initial;
}
th .is-disabled i[data-v-2615f004] {
  cursor: initial;
}

@media screen and (max-width: 767px) {
.actionBtn--small__f11__inner[data-v-0669d44c] {
    -webkit-box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
}
}

.apply-quick-pay-modal[data-v-51bf9804] {
  text-align: initial !important;
}
.container[data-v-51bf9804] {
  margin-top: 52px !important;
}
.notCanApplyAny[data-v-51bf9804] {
  padding-top: 30px;
}
.checkBox[data-v-51bf9804] {
  width: auto;
  height: auto;
  vertical-align: unset;
}
@media screen and (max-width: 767px) {
.lineBlockNew[data-v-51bf9804] {
    padding-top: 48px;
}
.btnDealRegister[data-v-51bf9804] {
    margin-left: 0px;
}
}
@media screen and (min-width: 767px) {
.btnDealRegister[data-v-51bf9804] {
    margin-left: 12px;
}
}

.applicationAmountForm[data-v-5b9a2923] {
  margin-top: 52px;
}
.itemBlock .itemBlock__title[data-v-5b9a2923] {
  line-height: 24px;
}
.itemBlock__title .tag[data-v-5b9a2923] {
  float: none;
  margin-left: 6px;
  font-size: 12px;
  padding: 0px 12px;
  position: unset;
}
.itemBlock__content[data-v-5b9a2923] {
  margin-top: 12px;
}
.itemBlock__content ul[data-v-5b9a2923] {
  margin-top: 17px;
}
.linkList__item[data-v-5b9a2923] {
  padding-left: 24px;
}
.personInCharge[data-v-5b9a2923] {
  margin-top: 25px;
}
.confirmedPersonInCharge[data-v-5b9a2923] {
  margin-top: 10px !important;
  background: #F3F3F3 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  padding: 24px;
}
.applicationConfirmBtn[data-v-5b9a2923] {
  margin-top: 13px !important;
}
.checkBox[data-v-5b9a2923] {
  width: auto;
  height: auto;
  vertical-align: unset;
}

.dealComplete[data-v-7c91f824] {
  margin-top: 52px;
  margin-left: 140px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.dealComplete[data-v-7c91f824] {
    margin-left: 0px;
}
}

.pay-process-modal[data-v-bffab9f6] {
  padding: 30px;
  display: contents;
}

@media screen and (max-width: 767px) {
.actionBtn--small__f11__inner[data-v-13cb8b22] {
    -webkit-box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px -2px 0px 0 rgba(0, 0, 0, 0.15) inset, 0px 3px 0px 0 rgba(0, 0, 0, 0.1) !important;
}
}

/*# sourceMappingURL=style.css.map*/