@charset "UTF-8";
/* stylelint-disable */
/**
 * Circle
 * @param $width
 */
/**
 * Circle
 * @param $width
 */
/**
 * @include bullet($color:#000, $radius: 0.125em);
 */
/**
 * リストバレットを付加する

 * @param $color バレットの色
 * @param $diameter バレットの直径：以下の単位はそろえること
 * @param $width マージンを含めたバレットの幅
 * @param $margin バレットの右側のマージン
 */
.text-small {
  font-size: 0.875rem !important;
}

.text-ex-small {
  font-size: 0.75rem !important;
}

.text-large {
  font-size: 1.125rem !important;
}

.line-height-ex-small {
  line-height: 1.25 !important;
}

.line-height-small {
  line-height: 1.5 !important;
}

.line-height-normal {
  line-height: 1.75 !important;
}

.line-height-large {
  line-height: 2 !important;
}

.line-height-huge {
  line-height: 2.5 !important;
}

.lead {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-list {
  padding-left: 1em;
  text-indent: -1em;
}
.text-list > * {
  text-indent: 0;
}

.text-bullet::before {
  content: "";
  display: inline-block;
  width: 0.25em;
  height: 0.25em;
  background-color: currentColor;
  border-radius: 50%;
  margin: 0.375em 0.375em 0.375em 0.375em;
  vertical-align: middle;
}
.text-bullet::before {
  position: relative;
  top: -2px;
}

.text-xs-small {
  font-size: 0.875rem !important;
}

.text-xs-ex-small {
  font-size: 0.75rem !important;
}

.text-xs-list {
  padding-left: 1em;
  text-indent: -1em;
}
.text-xs-list > * {
  text-indent: 0;
}

.text-xs-large {
  font-size: 1.125rem !important;
}

.lead-xs {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 576px) {
  .text-sm-small {
    font-size: 0.875rem !important;
  }

  .text-sm-ex-small {
    font-size: 0.75rem !important;
  }

  .text-sm-list {
    padding-left: 1em;
    text-indent: -1em;
  }
  .text-sm-list > * {
    text-indent: 0;
  }

  .text-sm-large {
    font-size: 1.125rem !important;
  }

  .lead-sm {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {
  .text-md-small {
    font-size: 0.875rem !important;
  }

  .text-md-ex-small {
    font-size: 0.75rem !important;
  }

  .text-md-list {
    padding-left: 1em;
    text-indent: -1em;
  }
  .text-md-list > * {
    text-indent: 0;
  }

  .text-md-large {
    font-size: 1.125rem !important;
  }

  .lead-md {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 992px) {
  .text-lg-small {
    font-size: 0.875rem !important;
  }

  .text-lg-ex-small {
    font-size: 0.75rem !important;
  }

  .text-lg-list {
    padding-left: 1em;
    text-indent: -1em;
  }
  .text-lg-list > * {
    text-indent: 0;
  }

  .text-lg-large {
    font-size: 1.125rem !important;
  }

  .lead-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .text-xl-small {
    font-size: 0.875rem !important;
  }

  .text-xl-ex-small {
    font-size: 0.75rem !important;
  }

  .text-xl-list {
    padding-left: 1em;
    text-indent: -1em;
  }
  .text-xl-list > * {
    text-indent: 0;
  }

  .text-xl-large {
    font-size: 1.125rem !important;
  }

  .lead-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.underline, .underline-dark, .underline-light, .underline-danger, .underline-warning, .underline-info, .underline-success, .underline-secondary, .underline-primary {
  border-bottom: 0.0625rem dotted;
}

.box, .box-dark, .box-light, .box-danger, .box-warning, .box-info, .box-success, .box-secondary, .box-primary {
  border: 0.0625rem solid;
  padding: 0.125rem;
}

.box-fill, .box-fill-dark, .box-fill-light, .box-fill-danger, .box-fill-warning, .box-fill-info, .box-fill-success, .box-fill-secondary, .box-fill-primary {
  border: 0.0625rem solid;
  padding: 0.125rem;
  background-color: currentColor;
  color: #fff;
}

.box-primary {
  border-color: #1d949d;
}

.box-fill-primary {
  border-color: #1D939C;
  background-color: #1D939C;
}

.underline-primary {
  border-bottom-color: #1d949d;
}

.box-secondary {
  border-color: #678ad9;
}

.box-fill-secondary {
  border-color: #6689D9;
  background-color: #6689D9;
}

.underline-secondary {
  border-bottom-color: #678ad9;
}

.box-success {
  border-color: #459ac4;
}

.box-fill-success {
  border-color: #449AC4;
  background-color: #449AC4;
}

.underline-success {
  border-bottom-color: #459ac4;
}

.box-info {
  border-color: #4fab96;
}

.box-fill-info {
  border-color: #4FAA95;
  background-color: #4FAA95;
}

.underline-info {
  border-bottom-color: #4fab96;
}

.box-warning {
  border-color: #d6ac5a;
}

.box-fill-warning {
  border-color: #D6AC59;
  background-color: #D6AC59;
}

.underline-warning {
  border-bottom-color: #d6ac5a;
}

.box-danger {
  border-color: #ce4a71;
}

.box-fill-danger {
  border-color: #CE4970;
  background-color: #CE4970;
}

.underline-danger {
  border-bottom-color: #ce4a71;
}

.box-light {
  border-color: #f9fafa;
}

.box-fill-light {
  border-color: #f8f9fa;
  background-color: #f8f9fa;
}

.underline-light {
  border-bottom-color: #f9fafa;
}

.box-dark {
  border-color: #4d3932;
}

.box-fill-dark {
  border-color: #4C3932;
  background-color: #4C3932;
}

.underline-dark {
  border-bottom-color: #4d3932;
}

.text-shadow {
  text-shadow: 0 0 0.625rem #000;
}

.text-shadow-white {
  text-shadow: 0 0 0.625rem #fff;
}

.text-wide-0 {
  letter-spacing: normal !important;
}

.text-wide-1 {
  letter-spacing: 1px !important;
}

.text-wide-2 {
  letter-spacing: 2px !important;
}

.text-wide-3 {
  letter-spacing: 3px !important;
}

.text-wide-4 {
  letter-spacing: 4px !important;
}

.text-wide-5 {
  letter-spacing: 5px !important;
}

.text-wide-6 {
  letter-spacing: 6px !important;
}

.text-wide-7 {
  letter-spacing: 7px !important;
}

.text-wide-8 {
  letter-spacing: 8px !important;
}

.text-wide-9 {
  letter-spacing: 9px !important;
}

.text-wide-10 {
  letter-spacing: 10px !important;
}

@media (min-width: 576px) {
  .text-sm-wide-0 {
    letter-spacing: normal !important;
  }

  .text-sm-wide-1 {
    letter-spacing: 1px !important;
  }

  .text-sm-wide-2 {
    letter-spacing: 2px !important;
  }

  .text-sm-wide-3 {
    letter-spacing: 3px !important;
  }

  .text-sm-wide-4 {
    letter-spacing: 4px !important;
  }

  .text-sm-wide-5 {
    letter-spacing: 5px !important;
  }

  .text-sm-wide-6 {
    letter-spacing: 6px !important;
  }

  .text-sm-wide-7 {
    letter-spacing: 7px !important;
  }

  .text-sm-wide-8 {
    letter-spacing: 8px !important;
  }

  .text-sm-wide-9 {
    letter-spacing: 9px !important;
  }

  .text-sm-wide-10 {
    letter-spacing: 10px !important;
  }
}
@media (min-width: 768px) {
  .text-md-wide-0 {
    letter-spacing: normal !important;
  }

  .text-md-wide-1 {
    letter-spacing: 1px !important;
  }

  .text-md-wide-2 {
    letter-spacing: 2px !important;
  }

  .text-md-wide-3 {
    letter-spacing: 3px !important;
  }

  .text-md-wide-4 {
    letter-spacing: 4px !important;
  }

  .text-md-wide-5 {
    letter-spacing: 5px !important;
  }

  .text-md-wide-6 {
    letter-spacing: 6px !important;
  }

  .text-md-wide-7 {
    letter-spacing: 7px !important;
  }

  .text-md-wide-8 {
    letter-spacing: 8px !important;
  }

  .text-md-wide-9 {
    letter-spacing: 9px !important;
  }

  .text-md-wide-10 {
    letter-spacing: 10px !important;
  }
}
@media (min-width: 992px) {
  .text-lg-wide-0 {
    letter-spacing: normal !important;
  }

  .text-lg-wide-1 {
    letter-spacing: 1px !important;
  }

  .text-lg-wide-2 {
    letter-spacing: 2px !important;
  }

  .text-lg-wide-3 {
    letter-spacing: 3px !important;
  }

  .text-lg-wide-4 {
    letter-spacing: 4px !important;
  }

  .text-lg-wide-5 {
    letter-spacing: 5px !important;
  }

  .text-lg-wide-6 {
    letter-spacing: 6px !important;
  }

  .text-lg-wide-7 {
    letter-spacing: 7px !important;
  }

  .text-lg-wide-8 {
    letter-spacing: 8px !important;
  }

  .text-lg-wide-9 {
    letter-spacing: 9px !important;
  }

  .text-lg-wide-10 {
    letter-spacing: 10px !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-wide-0 {
    letter-spacing: normal !important;
  }

  .text-xl-wide-1 {
    letter-spacing: 1px !important;
  }

  .text-xl-wide-2 {
    letter-spacing: 2px !important;
  }

  .text-xl-wide-3 {
    letter-spacing: 3px !important;
  }

  .text-xl-wide-4 {
    letter-spacing: 4px !important;
  }

  .text-xl-wide-5 {
    letter-spacing: 5px !important;
  }

  .text-xl-wide-6 {
    letter-spacing: 6px !important;
  }

  .text-xl-wide-7 {
    letter-spacing: 7px !important;
  }

  .text-xl-wide-8 {
    letter-spacing: 8px !important;
  }

  .text-xl-wide-9 {
    letter-spacing: 9px !important;
  }

  .text-xl-wide-10 {
    letter-spacing: 10px !important;
  }
}
.text-wide {
  letter-spacing: 0.25em !important;
}
.text-wide.text-center, .text-wide.text-right {
  transform: translateX(0.125em);
}

.text-wide-0 {
  letter-spacing: normal !important;
}

@media (min-width: 576px) {
  .text-sm-wide {
    letter-spacing: 0.25em !important;
  }
  .text-sm-wide.text-center, .text-sm-wide.text-right {
    transform: translateX(0.125em);
  }

  .text-sm-wide-0 {
    letter-spacing: normal !important;
  }
}
@media (min-width: 768px) {
  .text-md-wide {
    letter-spacing: 0.25em !important;
  }
  .text-md-wide.text-center, .text-md-wide.text-right {
    transform: translateX(0.125em);
  }

  .text-md-wide-0 {
    letter-spacing: normal !important;
  }
}
@media (min-width: 992px) {
  .text-lg-wide {
    letter-spacing: 0.25em !important;
  }
  .text-lg-wide.text-center, .text-lg-wide.text-right {
    transform: translateX(0.125em);
  }

  .text-lg-wide-0 {
    letter-spacing: normal !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-wide {
    letter-spacing: 0.25em !important;
  }
  .text-xl-wide.text-center, .text-xl-wide.text-right {
    transform: translateX(0.125em);
  }

  .text-xl-wide-0 {
    letter-spacing: normal !important;
  }
}
.text-primary-dark {
  color: #1d929b;
}

.text-secondary-dark {
  color: #6588d9;
}

.text-success-dark {
  color: #439ac4;
}

.text-info-dark {
  color: #4fa994;
}

.text-warning-dark {
  color: #d6ac58;
}

.text-danger-dark {
  color: #ce486f;
}

.text-light-dark {
  color: #f7f8fa;
}

.text-dark-dark {
  color: #4b3932;
}

.border-primary-light {
  border-color: #1d949d !important;
}

.border-secondary-light {
  border-color: #678ad9 !important;
}

.border-success-light {
  border-color: #459ac4 !important;
}

.border-info-light {
  border-color: #4fab96 !important;
}

.border-warning-light {
  border-color: #d6ac5a !important;
}

.border-danger-light {
  border-color: #ce4a71 !important;
}

.border-light-light {
  border-color: #f9fafa !important;
}

.border-dark-light {
  border-color: #4d3932 !important;
}

.bg-primary-light {
  background-color: #1d949d !important;
}

.bg-secondary-light {
  background-color: #678ad9 !important;
}

.bg-success-light {
  background-color: #459ac4 !important;
}

.bg-info-light {
  background-color: #4fab96 !important;
}

.bg-warning-light {
  background-color: #d6ac5a !important;
}

.bg-danger-light {
  background-color: #ce4a71 !important;
}

.bg-light-light {
  background-color: #f9fafa !important;
}

.bg-dark-light {
  background-color: #4d3932 !important;
}

.nbw {
  display: inline-block;
}

.cancel-inline-gap {
  letter-spacing: -0.4em;
}
.cancel-inline-gap * {
  letter-spacing: normal;
}

.with-caret::after {
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-top: 0.0625rem solid;
  border-right: 0.0625rem solid;
  transform: rotate(45deg);
  content: "";
  margin-left: 0.1875rem;
  position: relative;
  top: -0.125rem;
}

.font-reset {
  font-family: YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

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

.font-weight-semi-bold {
  font-weight: 600 !important;
}

.font-weight-heavy {
  font-weight: 900 !important;
}

@media (min-width: 992px) {
  .phone-link {
    pointer-events: none;
  }
}

.border-dotted {
  border-style: dotted !important;
}

.border-dashed {
  border-style: dashed !important;
}

/**
 * Circle
 * @param $width
 */
.btn {
  font-size: 1rem;
  line-height: 1.3125rem;
}

.btn-lg {
  font-size: 1rem;
  line-height: 1.3125rem;
}

.btn-sm {
  font-size: 0.75rem;
  line-height: 0.875rem;
  transform: translateY(-0.125rem);
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(63, 163, 171, 0.5);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(29, 147, 156, 0.5);
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(125, 155, 223, 0.5);
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(102, 137, 217, 0.5);
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(96, 169, 205, 0.5);
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(68, 154, 196, 0.5);
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(105, 183, 165, 0.5);
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(79, 170, 149, 0.5);
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(187, 152, 82, 0.5);
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(214, 172, 89, 0.5);
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(213, 100, 133, 0.5);
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(206, 73, 112, 0.5);
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(103, 87, 81, 0.5);
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(76, 57, 50, 0.5);
}

/**
 * Circle
 * @param $width
 */
.list-group-item {
  padding-bottom: 0.875rem !important;
}
.list-group-item:last-of-type {
  padding-bottom: 0.8125rem !important;
}

.list-group-flush > .list-group-item:first-of-type {
  padding-top: 0.875rem !important;
}
.list-group-flush > .list-group-item:last-of-type {
  padding-bottom: 0.875rem !important;
}

/**
 * Circle
 * @param $width
 */
.table {
  margin-bottom: 0;
}
.table th, .table td {
  padding-bottom: 0.8125rem;
  border-top-width: 0.0625rem;
}
.table thead th {
  border-bottom-width: 0.0625rem;
}
.table tbody + tbody {
  border-top-width: 0.0625rem;
}

.table-bordered {
  border-width: 0.0625rem;
}
.table-bordered th, .table-bordered td {
  border-width: 0.0625rem;
}
.table-bordered thead th, .table-bordered thead td {
  border-bottom-width: 0.0625rem;
}
.table-bordered tbody tr:last-of-type th, .table-bordered tbody tr:last-of-type td {
  padding-bottom: 0.75rem;
}

.table-borderless th, .table-borderless td {
  padding-bottom: 0.875rem;
}

.table-sm th, .table-sm td {
  padding-bottom: 0.375rem;
}
.table-sm.table-bordered tbody tr:last-of-type th, .table-sm.table-bordered tbody tr:last-of-type td {
  padding-bottom: 0.3125rem;
}
.table-sm.table-borderless th, .table-sm.table-borderless td {
  padding-bottom: 0.4375rem;
}

/**
 * Circle
 * @param $width
 */
h1, .h1 {
  font-size: 3.75rem;
  line-height: 5.25rem;
}

h2, .h2 {
  font-size: 2.5rem;
  line-height: 3.5rem;
}

h3, .h3 {
  font-size: 1.875rem;
  line-height: 2.625rem;
}

h4, .h4 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

h5, .h5 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.75rem;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
  transform: rotate(0.05deg);
}

hr {
  margin-top: 0.8125rem;
}

small {
  font-family: YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
}

p {
  margin-bottom: 0.875rem;
}

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

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dd {
  margin-bottom: 0;
}

blockquote {
  margin-bottom: 0;
}

pre {
  margin-bottom: 0;
}

figure {
  margin-bottom: 0;
}

caption {
  caption-side: top;
}

/**
 * Circle
 * @param $width
 */
.valid-feedback {
  line-height: calc(28px - 0.4375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  line-height: calc(28px - 0.4375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  box-shadow: 0 0 0.4rem 0.2rem rgba(220, 53, 69, 0.25);
}

/**
 * Circle
 * @param $width
 */
.nav-tabs .nav-link {
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}

.hover-underline {
  position: relative;
}
.hover-underline::before {
  content: "";
  position: absolute;
  left: 51%;
  right: 51%;
  top: 50%;
  bottom: 50%;
  margin-top: 0.75em;
  border-bottom: 1px solid currentColor;
  opacity: 0.75;
  transition: left 0.5s, right 0.5s;
}
.hover-underline:hover, .hover-underline:focus, .hover-underline.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-underline:hover::before, .hover-underline:focus::before, .hover-underline.active::before {
  left: 0;
  right: 0;
  transition: left 0.5s, right 0.5s;
}

.hover-slide-btn {
  position: relative;
}
.hover-slide-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn:hover, .hover-slide-btn:focus, .hover-slide-btn.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn:hover::before, .hover-slide-btn:focus::before, .hover-slide-btn.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn:hover > span, .hover-slide-btn:focus > span, .hover-slide-btn.active > span {
  color: #fff !important;
  transition: color 0.5s;
}

.hover-slide-btn-white {
  position: relative;
}
.hover-slide-btn-white::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: #fff;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn-white:hover, .hover-slide-btn-white:focus, .hover-slide-btn-white.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn-white:hover::before, .hover-slide-btn-white:focus::before, .hover-slide-btn-white.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white:hover > span, .hover-slide-btn-white:focus > span, .hover-slide-btn-white.active > span {
  color: currentColor !important;
  transition: color 0.5s;
}

.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.header-logo svg {
  position: relative;
  margin-top: -8px;
}
@media screen and (max-width: 320px) {
  .header-logo svg {
    transform-origin: left center;
    transform: scale(0.9);
  }
}

.header-call-center {
  position: relative;
  top: 1px;
}
.header-call-center::after {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 0;
  border-left: 1px solid #fff;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.header-call-icon > svg {
  transform: translateY(-2px);
}

@media screen and (max-width: 320px) {
  .header-phone-link {
    font-size: 1rem !important;
  }
}

.header-link-box {
  position: relative;
  border-color: rgba(255, 255, 255, 0.7);
}
.header-link-box::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.header-link-box > span {
  position: relative;
  transition: color 0.5s;
}
.header-link-box:hover, .header-link-box:focus, .header-link-box.active {
  box-shadow: none !important;
  outline: none !important;
}
.header-link-box:hover::before, .header-link-box:focus::before, .header-link-box.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.header-link-box:hover > span, .header-link-box:focus > span, .header-link-box.active > span {
  color: #fff !important;
  transition: color 0.5s;
}
.header-link-box::before {
  opacity: 0.5;
}

.navbar-toggler {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
}

.footer-hp-link {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-hp-link {
    top: 0.875rem;
    left: 100%;
    margin-left: 1em;
  }
}
@media (max-width: 767.98px) {
  .footer-hp-link {
    position: static !important;
    display: inline-block;
    margin-top: 0.875rem;
  }
}
.footer-hp-link::before {
  opacity: 0.3;
}

.hover-underline {
  position: relative;
}
.hover-underline::before {
  content: "";
  position: absolute;
  left: 51%;
  right: 51%;
  top: 50%;
  bottom: 50%;
  margin-top: 0.75em;
  border-bottom: 1px solid currentColor;
  opacity: 0.75;
  transition: left 0.5s, right 0.5s;
}
.hover-underline:hover, .hover-underline:focus, .hover-underline.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-underline:hover::before, .hover-underline:focus::before, .hover-underline.active::before {
  left: 0;
  right: 0;
  transition: left 0.5s, right 0.5s;
}

.hover-slide-btn {
  position: relative;
}
.hover-slide-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn:hover, .hover-slide-btn:focus, .hover-slide-btn.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn:hover::before, .hover-slide-btn:focus::before, .hover-slide-btn.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn:hover > span, .hover-slide-btn:focus > span, .hover-slide-btn.active > span {
  color: #fff !important;
  transition: color 0.5s;
}

.hover-slide-btn-white {
  position: relative;
}
.hover-slide-btn-white::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: #fff;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn-white:hover, .hover-slide-btn-white:focus, .hover-slide-btn-white.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn-white:hover::before, .hover-slide-btn-white:focus::before, .hover-slide-btn-white.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white:hover > span, .hover-slide-btn-white:focus > span, .hover-slide-btn-white.active > span {
  color: currentColor !important;
  transition: color 0.5s;
}

.global-menu {
  position: fixed;
  width: 100%;
  left: 0;
  top: 3.5rem;
  transition: top 0.5s;
}
@media (min-width: 992px) {
  body.scrolled .global-menu {
    top: 0;
    transition: top 0.5s;
  }
}
.global-menu .nav-link {
  line-height: 3.5rem;
}
.global-menu .nav-item.top .nav-link > span {
  display: inline-block;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.7);
  padding: 3px 6px;
  font-family: "メイリオ", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
}
.global-menu .nav-item.top .nav-link > span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.global-menu .nav-item.top .nav-link > span > span {
  position: relative;
  transition: color 0.5s;
}
.global-menu .nav-item.top .nav-link > span:hover, .global-menu .nav-item.top .nav-link > span:focus, .global-menu .nav-item.top .nav-link > span.active {
  box-shadow: none !important;
  outline: none !important;
}
.global-menu .nav-item.top .nav-link > span:hover::before, .global-menu .nav-item.top .nav-link > span:focus::before, .global-menu .nav-item.top .nav-link > span.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.global-menu .nav-item.top .nav-link > span:hover > span, .global-menu .nav-item.top .nav-link > span:focus > span, .global-menu .nav-item.top .nav-link > span.active > span {
  color: #fff !important;
  transition: color 0.5s;
}
.global-menu .nav-item.top .nav-link > span::before {
  opacity: 0.3;
}
@media (max-width: 991.98px) {
  .global-menu > .container {
    max-width: none;
    padding: 0;
  }
  .global-menu .navbar-nav {
    flex-direction: row;
  }
  .global-menu .navbar-nav .nav-item {
    width: 25%;
    box-sizing: border-box;
    border-top: 1px solid shade(#1D939C, 10%);
    border-left: 1px solid shade(#1D939C, 10%);
  }
  .global-menu .navbar-nav .nav-item:nth-of-type(4n+1) {
    border-left-style: none;
  }
}
@media (max-width: 767.98px) {
  .global-menu .navbar-nav .nav-item {
    width: 50%;
  }
}

.footer-navigation .nav-item .nav-link {
  color: #4C3932;
  font-size: 0.9375rem;
}
.footer-navigation .nav-item .nav-link > span {
  display: inline-block;
  line-height: 1;
}
.footer-navigation .nav-item.top .nav-link > span {
  border: 1px solid rgba(76, 57, 50, 0.7);
  padding: 3px 12px;
  font-family: "メイリオ", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
}
.footer-navigation .nav-item.top .nav-link > span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.footer-navigation .nav-item.top .nav-link > span > span {
  position: relative;
  transition: color 0.5s;
}
.footer-navigation .nav-item.top .nav-link > span:hover, .footer-navigation .nav-item.top .nav-link > span:focus, .footer-navigation .nav-item.top .nav-link > span.active {
  box-shadow: none !important;
  outline: none !important;
}
.footer-navigation .nav-item.top .nav-link > span:hover::before, .footer-navigation .nav-item.top .nav-link > span:focus::before, .footer-navigation .nav-item.top .nav-link > span.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.footer-navigation .nav-item.top .nav-link > span:hover > span, .footer-navigation .nav-item.top .nav-link > span:focus > span, .footer-navigation .nav-item.top .nav-link > span.active > span {
  color: #fff !important;
  transition: color 0.5s;
}
.footer-navigation .nav-item.top .nav-link > span::before {
  opacity: 0.3;
}

/**
 * Circle
 * @param $width
 */
/**
 * Circle
 * @param $width
 */
.top-link {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #1D939C;
  box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 1030;
  bottom: 30px;
  right: 15px;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.5s, transform 0.5s;
}
@media screen and (max-width: 320px) {
  .top-link {
    bottom: 3.5rem;
  }
}
body.scrolled .top-link {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s, transform 0.5s;
}
.top-link::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
  position: relative;
  top: 3px;
}

* html {
  font-size: 100%;
}

html {
  font-size: 100%;
  line-height: 1.75rem;
}

html, body {
  overflow-x: hidden;
  position: relative;
}

.page-wrapper {
  overflow: hidden;
}

.img-fluid {
  image-rendering: -webkit-optimize-contrast;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler-icon {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0.5em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: transparent;
  transition: border-color 0.5s;
}
.collapsed .navbar-toggler-icon {
  border-color: currentColor;
  transition: border-color 0.5s;
}
.navbar-toggler-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  transform: rotate(45deg);
  transition: transform 0.5s;
}
.collapsed .navbar-toggler-icon::before {
  transform: rotate(0deg);
  transition: transform 0.5s;
}
.navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  transform: rotate(-45deg);
  transition: transform 0.5s;
}
.collapsed .navbar-toggler-icon::after {
  transform: rotate(0deg);
  transition: transform 0.5s;
}

.hover-underline {
  position: relative;
}
.hover-underline::before {
  content: "";
  position: absolute;
  left: 51%;
  right: 51%;
  top: 50%;
  bottom: 50%;
  margin-top: 0.75em;
  border-bottom: 1px solid currentColor;
  opacity: 0.75;
  transition: left 0.5s, right 0.5s;
}
.hover-underline:hover, .hover-underline:focus, .hover-underline.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-underline:hover::before, .hover-underline:focus::before, .hover-underline.active::before {
  left: 0;
  right: 0;
  transition: left 0.5s, right 0.5s;
}

.hover-slide-btn {
  position: relative;
}
.hover-slide-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: currentColor;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn:hover, .hover-slide-btn:focus, .hover-slide-btn.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn:hover::before, .hover-slide-btn:focus::before, .hover-slide-btn.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn:hover > span, .hover-slide-btn:focus > span, .hover-slide-btn.active > span {
  color: #fff !important;
  transition: color 0.5s;
}

.hover-slide-btn-white {
  position: relative;
}
.hover-slide-btn-white::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51%;
  right: 51%;
  opacity: 0;
  background-color: #fff;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white > span {
  position: relative;
  transition: color 0.5s;
}
.hover-slide-btn-white:hover, .hover-slide-btn-white:focus, .hover-slide-btn-white.active {
  box-shadow: none !important;
  outline: none !important;
}
.hover-slide-btn-white:hover::before, .hover-slide-btn-white:focus::before, .hover-slide-btn-white.active::before {
  left: 0;
  right: 0;
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
}
.hover-slide-btn-white:hover > span, .hover-slide-btn-white:focus > span, .hover-slide-btn-white.active > span {
  color: currentColor !important;
  transition: color 0.5s;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.lightboxOverlay {
  position: fixed !important;
}

.z-index-content {
  z-index: 1;
}

.z-index-fixed-bar {
  z-index: 2;
}

.z-index-global-bar {
  z-index: 3;
}

body:not(.page-top) .main-wrapper {
  margin-top: 3.5rem;
}
@media (min-width: 992px) {
  body:not(.page-top) .main-wrapper {
    margin-top: 7rem;
  }
}

.common-tab .nav-link {
  color: #6c757d;
}
.common-tab .nav-link:visited {
  color: #6c757d;
}
.common-tab .nav-link:hover {
  color: #6c757d;
}
.common-tab .nav-link:active {
  color: #6c757d;
}
.common-tab .nav-link.active {
  font-weight: 700;
  background-color: #fff;
}
.common-tab .nav-link.active > span {
  border-bottom: 1px dotted currentColor;
}
.page-cerebrospinal .common-tab .nav-tabs {
  border-bottom-color: shade(#4FAA95, 30%);
}
.page-cerebrospinal .common-tab .active {
  color: shade(#4FAA95, 30%);
  border-left-color: shade(#4FAA95, 30%);
  border-top-color: shade(#4FAA95, 30%);
  border-right-color: shade(#4FAA95, 30%);
}
.page-stroke .common-tab .nav-tabs {
  border-bottom-color: shade(#1D939C, 30%);
}
.page-stroke .common-tab .active {
  color: shade(#1D939C, 30%);
  border-left-color: shade(#1D939C, 30%);
  border-top-color: shade(#1D939C, 30%);
  border-right-color: shade(#1D939C, 30%);
}
.page-cerebrovascular .common-tab .nav-tabs {
  border-bottom-color: shade(#6689D9, 40%);
}
.page-cerebrovascular .common-tab .active {
  color: shade(#6689D9, 40%);
  border-left-color: shade(#6689D9, 40%);
  border-top-color: shade(#6689D9, 40%);
  border-right-color: shade(#6689D9, 40%);
}
.page-paper .common-tab .nav-tabs, .page-conference_domestic .common-tab .nav-tabs, .page-conference_international .common-tab .nav-tabs, .page-conference_lecture .common-tab .nav-tabs {
  border-bottom-color: shade(#1D939C, 30%);
}
.page-paper .common-tab .active, .page-conference_domestic .common-tab .active, .page-conference_international .common-tab .active, .page-conference_lecture .common-tab .active {
  color: shade(#1D939C, 30%);
  border-left-color: shade(#1D939C, 30%);
  border-top-color: shade(#1D939C, 30%);
  border-right-color: shade(#1D939C, 30%);
}
.page-news .common-tab .nav-tabs {
  border-bottom-color: shade(#1D939C, 30%);
}
.page-news .common-tab .active {
  color: shade(#1D939C, 30%);
  border-left-color: shade(#1D939C, 30%);
  border-top-color: shade(#1D939C, 30%);
  border-right-color: shade(#1D939C, 30%);
}

@media (max-width: 767.98px) {
  .sm-tab .nav {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .sm-tab .nav-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0.4375rem;
    padding-left: 15px;
    padding-right: 15px;
  }
  .sm-tab .nav-link {
    border-bottom-style: solid;
    border-bottom-width: 0.0625rem;
    padding-bottom: 0.375rem;
    border-bottom-color: shade(#1D939C, 30%);
  }
  .page-cerebrospinal .sm-tab .nav-link {
    border-bottom-color: shade(#4FAA95, 30%);
  }
  .page-stroke .sm-tab .nav-link {
    border-bottom-color: shade(#1D939C, 30%);
  }
  .page-cerebrovascular .sm-tab .nav-link {
    border-bottom-color: shade(#6689D9, 40%);
  }
}
.common-h2-square {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  position: relative;
  color: #fff;
  letter-spacing: 0.25rem;
}
.common-h2-square > span {
  position: absolute;
  line-height: 1;
  left: 100%;
  bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0625rem;
  transform-origin: left bottom;
  transform: translateX(1.5em) rotate(-90deg);
}
.page-cerebrospinal .common-h2-square {
  background: shade(#4FAA95, 30%);
}
.page-cerebrospinal .common-h2-square > span {
  color: shade(#4FAA95, 30%);
}
.page-stroke .common-h2-square {
  background: shade(#1D939C, 30%);
}
.page-stroke .common-h2-square > span {
  color: shade(#1D939C, 30%);
}
.page-cerebrovascular .common-h2-square {
  background: shade(#6689D9, 40%);
}
.page-cerebrovascular .common-h2-square > span {
  color: shade(#6689D9, 40%);
}

.common-h2-underscore, .common-h2-underscore-right, .common-h2-underscore-left {
  position: relative;
  color: shade(#1D939C, 40%);
}
.common-h2-underscore::after, .common-h2-underscore-right::after, .common-h2-underscore-left::after {
  content: "";
  width: 1.5em;
  height: 0;
  border-bottom: 0.1875rem solid currentColor;
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translateX(-50%);
}
.page-cerebrospinal .common-h2-underscore, .page-cerebrospinal .common-h2-underscore-right, .page-cerebrospinal .common-h2-underscore-left {
  color: shade(#4FAA95, 30%);
}
.page-stroke .common-h2-underscore, .page-stroke .common-h2-underscore-right, .page-stroke .common-h2-underscore-left {
  color: shade(#1D939C, 30%);
}
.page-cerebrovascular .common-h2-underscore, .page-cerebrovascular .common-h2-underscore-right, .page-cerebrovascular .common-h2-underscore-left {
  color: shade(#6689D9, 40%);
}

.common-h2-underscore-left::after {
  left: 0;
  transform: none;
}

.common-h2-underscore-right::after {
  left: auto;
  right: 0;
  transform: none;
}

.doctor-table-col {
  width: 14.2857142857%;
}

@media (max-width: 767.98px) {
  h1 {
    font-size: 3.125rem;
  }
}

@media (max-width: 767.98px) {
  .bucho-photo {
    padding-left: 0;
    padding-right: 0;
  }
  .bucho-photo img {
    max-width: none;
    width: 100%;
  }
  .bucho-photo figcaption {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .career-list .list-group-item {
    display: flex;
  }
}
.career-list .list-group-item .date {
  display: block;
  min-width: 8em;
  font-weight: bold;
  padding-right: 1em;
}
.page-stroke .career-list .list-group-item .date {
  min-width: 4em;
  color: shade(#1D939C, 30%);
}
.page-cerebrospinal .career-list .list-group-item .date {
  color: shade(#4FAA95, 30%);
}
.page-cerebrovascular .career-list .list-group-item .date {
  color: shade(#6689D9, 40%);
}
.career-list .dou {
  display: inline-block;
  width: 5em;
  text-align: center;
}

.doctor-list-title {
  min-width: 5em;
}

.link-box-fixed {
  font-family: "メイリオ", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック体", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.whats-new-bak {
  display: flex;
  align-items: baseline;
}
@media (min-width: 768px) {
  .whats-new-bak {
    justify-content: center;
  }
  .whats-new-bak.justify-start {
    justify-content: start;
  }
}
.whats-new-bak::before {
  content: "NEW";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: shade(#1D939C, 40%);
  color: #fff;
  margin-right: 1em;
  flex: 0 0 auto;
  animation: 2s infinite blink;
}
@keyframes blink {
  from {
    transform: scale(1) translateY(-4px);
  }
  75% {
    transform: scale(1.2) translateY(-4px);
  }
  to {
    transform: scale(1.2) translateY(-4px);
  }
}

.youtube {
  position: relative;
  padding-top: 56.25%;
}
.youtube > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/**
 * テーマカラーなどの追加スタイル
 * ex) .text-primary-1  .bg-gray-50  .border-danger-n5
 *
 * $theme-color-intervalに基づいて分割数を決定する
 */
/**
 * Circle
 * @param $width
 */
.text-primary-n1 {
  color: #1a848c !important;
}

.border-primary-n1 {
  border-color: #1a848c !important;
}

.bg-primary-n1 {
  background-color: #1a848c !important;
}

.text-primary-n2 {
  color: #17767d !important;
}

.border-primary-n2 {
  border-color: #17767d !important;
}

.bg-primary-n2 {
  background-color: #17767d !important;
}

.text-primary-n3 {
  color: #14676d !important;
}

.border-primary-n3 {
  border-color: #14676d !important;
}

.bg-primary-n3 {
  background-color: #14676d !important;
}

.text-primary-n4 {
  color: #11585e !important;
}

.border-primary-n4 {
  border-color: #11585e !important;
}

.bg-primary-n4 {
  background-color: #11585e !important;
}

.text-primary-n5 {
  color: #0f4a4e !important;
}

.border-primary-n5 {
  border-color: #0f4a4e !important;
}

.bg-primary-n5 {
  background-color: #0f4a4e !important;
}

.text-primary-n6 {
  color: #0c3b3e !important;
}

.border-primary-n6 {
  border-color: #0c3b3e !important;
}

.bg-primary-n6 {
  background-color: #0c3b3e !important;
}

.text-primary-n7 {
  color: #092c2f !important;
}

.border-primary-n7 {
  border-color: #092c2f !important;
}

.bg-primary-n7 {
  background-color: #092c2f !important;
}

.text-primary-n8 {
  color: #061d1f !important;
}

.border-primary-n8 {
  border-color: #061d1f !important;
}

.bg-primary-n8 {
  background-color: #061d1f !important;
}

.text-primary-n9 {
  color: #030f10 !important;
}

.border-primary-n9 {
  border-color: #030f10 !important;
}

.bg-primary-n9 {
  background-color: #030f10 !important;
}

.text-primary-n10 {
  color: black !important;
}

.border-primary-n10 {
  border-color: black !important;
}

.bg-primary-n10 {
  background-color: black !important;
}

.text-primary-1 {
  color: #349ea6 !important;
}

.border-primary-1 {
  border-color: #349ea6 !important;
}

.bg-primary-1 {
  background-color: #349ea6 !important;
}

.text-primary-2 {
  color: #4aa9b0 !important;
}

.border-primary-2 {
  border-color: #4aa9b0 !important;
}

.bg-primary-2 {
  background-color: #4aa9b0 !important;
}

.text-primary-3 {
  color: #61b3ba !important;
}

.border-primary-3 {
  border-color: #61b3ba !important;
}

.bg-primary-3 {
  background-color: #61b3ba !important;
}

.text-primary-4 {
  color: #77bec4 !important;
}

.border-primary-4 {
  border-color: #77bec4 !important;
}

.bg-primary-4 {
  background-color: #77bec4 !important;
}

.text-primary-5 {
  color: #8ec9ce !important;
}

.border-primary-5 {
  border-color: #8ec9ce !important;
}

.bg-primary-5 {
  background-color: #8ec9ce !important;
}

.text-primary-6 {
  color: #a5d4d7 !important;
}

.border-primary-6 {
  border-color: #a5d4d7 !important;
}

.bg-primary-6 {
  background-color: #a5d4d7 !important;
}

.text-primary-7 {
  color: #bbdfe1 !important;
}

.border-primary-7 {
  border-color: #bbdfe1 !important;
}

.bg-primary-7 {
  background-color: #bbdfe1 !important;
}

.text-primary-8 {
  color: #d2e9eb !important;
}

.border-primary-8 {
  border-color: #d2e9eb !important;
}

.bg-primary-8 {
  background-color: #d2e9eb !important;
}

.text-primary-9 {
  color: #e8f4f5 !important;
}

.border-primary-9 {
  border-color: #e8f4f5 !important;
}

.bg-primary-9 {
  background-color: #e8f4f5 !important;
}

.text-primary-10 {
  color: white !important;
}

.border-primary-10 {
  border-color: white !important;
}

.bg-primary-10 {
  background-color: white !important;
}

.text-secondary-n1 {
  color: #5c7bc3 !important;
}

.border-secondary-n1 {
  border-color: #5c7bc3 !important;
}

.bg-secondary-n1 {
  background-color: #5c7bc3 !important;
}

.text-secondary-n2 {
  color: #526eae !important;
}

.border-secondary-n2 {
  border-color: #526eae !important;
}

.bg-secondary-n2 {
  background-color: #526eae !important;
}

.text-secondary-n3 {
  color: #476098 !important;
}

.border-secondary-n3 {
  border-color: #476098 !important;
}

.bg-secondary-n3 {
  background-color: #476098 !important;
}

.text-secondary-n4 {
  color: #3d5282 !important;
}

.border-secondary-n4 {
  border-color: #3d5282 !important;
}

.bg-secondary-n4 {
  background-color: #3d5282 !important;
}

.text-secondary-n5 {
  color: #33456d !important;
}

.border-secondary-n5 {
  border-color: #33456d !important;
}

.bg-secondary-n5 {
  background-color: #33456d !important;
}

.text-secondary-n6 {
  color: #293757 !important;
}

.border-secondary-n6 {
  border-color: #293757 !important;
}

.bg-secondary-n6 {
  background-color: #293757 !important;
}

.text-secondary-n7 {
  color: #1f2941 !important;
}

.border-secondary-n7 {
  border-color: #1f2941 !important;
}

.bg-secondary-n7 {
  background-color: #1f2941 !important;
}

.text-secondary-n8 {
  color: #141b2b !important;
}

.border-secondary-n8 {
  border-color: #141b2b !important;
}

.bg-secondary-n8 {
  background-color: #141b2b !important;
}

.text-secondary-n9 {
  color: #0a0e16 !important;
}

.border-secondary-n9 {
  border-color: #0a0e16 !important;
}

.bg-secondary-n9 {
  background-color: #0a0e16 !important;
}

.text-secondary-n10 {
  color: black !important;
}

.border-secondary-n10 {
  border-color: black !important;
}

.bg-secondary-n10 {
  background-color: black !important;
}

.text-secondary-1 {
  color: #7595dd !important;
}

.border-secondary-1 {
  border-color: #7595dd !important;
}

.bg-secondary-1 {
  background-color: #7595dd !important;
}

.text-secondary-2 {
  color: #85a1e1 !important;
}

.border-secondary-2 {
  border-color: #85a1e1 !important;
}

.bg-secondary-2 {
  background-color: #85a1e1 !important;
}

.text-secondary-3 {
  color: #94ace4 !important;
}

.border-secondary-3 {
  border-color: #94ace4 !important;
}

.bg-secondary-3 {
  background-color: #94ace4 !important;
}

.text-secondary-4 {
  color: #a3b8e8 !important;
}

.border-secondary-4 {
  border-color: #a3b8e8 !important;
}

.bg-secondary-4 {
  background-color: #a3b8e8 !important;
}

.text-secondary-5 {
  color: #b3c4ec !important;
}

.border-secondary-5 {
  border-color: #b3c4ec !important;
}

.bg-secondary-5 {
  background-color: #b3c4ec !important;
}

.text-secondary-6 {
  color: #c2d0f0 !important;
}

.border-secondary-6 {
  border-color: #c2d0f0 !important;
}

.bg-secondary-6 {
  background-color: #c2d0f0 !important;
}

.text-secondary-7 {
  color: #d1dcf4 !important;
}

.border-secondary-7 {
  border-color: #d1dcf4 !important;
}

.bg-secondary-7 {
  background-color: #d1dcf4 !important;
}

.text-secondary-8 {
  color: #e0e7f7 !important;
}

.border-secondary-8 {
  border-color: #e0e7f7 !important;
}

.bg-secondary-8 {
  background-color: #e0e7f7 !important;
}

.text-secondary-9 {
  color: #f0f3fb !important;
}

.border-secondary-9 {
  border-color: #f0f3fb !important;
}

.bg-secondary-9 {
  background-color: #f0f3fb !important;
}

.text-secondary-10 {
  color: white !important;
}

.border-secondary-10 {
  border-color: white !important;
}

.bg-secondary-10 {
  background-color: white !important;
}

.text-success-n1 {
  color: #3d8bb0 !important;
}

.border-success-n1 {
  border-color: #3d8bb0 !important;
}

.bg-success-n1 {
  background-color: #3d8bb0 !important;
}

.text-success-n2 {
  color: #367b9d !important;
}

.border-success-n2 {
  border-color: #367b9d !important;
}

.bg-success-n2 {
  background-color: #367b9d !important;
}

.text-success-n3 {
  color: #306c89 !important;
}

.border-success-n3 {
  border-color: #306c89 !important;
}

.bg-success-n3 {
  background-color: #306c89 !important;
}

.text-success-n4 {
  color: #295c76 !important;
}

.border-success-n4 {
  border-color: #295c76 !important;
}

.bg-success-n4 {
  background-color: #295c76 !important;
}

.text-success-n5 {
  color: #224d62 !important;
}

.border-success-n5 {
  border-color: #224d62 !important;
}

.bg-success-n5 {
  background-color: #224d62 !important;
}

.text-success-n6 {
  color: #1b3e4e !important;
}

.border-success-n6 {
  border-color: #1b3e4e !important;
}

.bg-success-n6 {
  background-color: #1b3e4e !important;
}

.text-success-n7 {
  color: #142e3b !important;
}

.border-success-n7 {
  border-color: #142e3b !important;
}

.bg-success-n7 {
  background-color: #142e3b !important;
}

.text-success-n8 {
  color: #0e1f27 !important;
}

.border-success-n8 {
  border-color: #0e1f27 !important;
}

.bg-success-n8 {
  background-color: #0e1f27 !important;
}

.text-success-n9 {
  color: #070f14 !important;
}

.border-success-n9 {
  border-color: #070f14 !important;
}

.bg-success-n9 {
  background-color: #070f14 !important;
}

.text-success-n10 {
  color: black !important;
}

.border-success-n10 {
  border-color: black !important;
}

.bg-success-n10 {
  background-color: black !important;
}

.text-success-1 {
  color: #57a4ca !important;
}

.border-success-1 {
  border-color: #57a4ca !important;
}

.bg-success-1 {
  background-color: #57a4ca !important;
}

.text-success-2 {
  color: #69aed0 !important;
}

.border-success-2 {
  border-color: #69aed0 !important;
}

.bg-success-2 {
  background-color: #69aed0 !important;
}

.text-success-3 {
  color: #7cb8d6 !important;
}

.border-success-3 {
  border-color: #7cb8d6 !important;
}

.bg-success-3 {
  background-color: #7cb8d6 !important;
}

.text-success-4 {
  color: #8fc2dc !important;
}

.border-success-4 {
  border-color: #8fc2dc !important;
}

.bg-success-4 {
  background-color: #8fc2dc !important;
}

.text-success-5 {
  color: #a2cde2 !important;
}

.border-success-5 {
  border-color: #a2cde2 !important;
}

.bg-success-5 {
  background-color: #a2cde2 !important;
}

.text-success-6 {
  color: #b4d7e7 !important;
}

.border-success-6 {
  border-color: #b4d7e7 !important;
}

.bg-success-6 {
  background-color: #b4d7e7 !important;
}

.text-success-7 {
  color: #c7e1ed !important;
}

.border-success-7 {
  border-color: #c7e1ed !important;
}

.bg-success-7 {
  background-color: #c7e1ed !important;
}

.text-success-8 {
  color: #daebf3 !important;
}

.border-success-8 {
  border-color: #daebf3 !important;
}

.bg-success-8 {
  background-color: #daebf3 !important;
}

.text-success-9 {
  color: #ecf5f9 !important;
}

.border-success-9 {
  border-color: #ecf5f9 !important;
}

.bg-success-9 {
  background-color: #ecf5f9 !important;
}

.text-success-10 {
  color: white !important;
}

.border-success-10 {
  border-color: white !important;
}

.bg-success-10 {
  background-color: white !important;
}

.text-info-n1 {
  color: #479986 !important;
}

.border-info-n1 {
  border-color: #479986 !important;
}

.bg-info-n1 {
  background-color: #479986 !important;
}

.text-info-n2 {
  color: #3f8877 !important;
}

.border-info-n2 {
  border-color: #3f8877 !important;
}

.bg-info-n2 {
  background-color: #3f8877 !important;
}

.text-info-n3 {
  color: #377768 !important;
}

.border-info-n3 {
  border-color: #377768 !important;
}

.bg-info-n3 {
  background-color: #377768 !important;
}

.text-info-n4 {
  color: #2f6659 !important;
}

.border-info-n4 {
  border-color: #2f6659 !important;
}

.bg-info-n4 {
  background-color: #2f6659 !important;
}

.text-info-n5 {
  color: #28554b !important;
}

.border-info-n5 {
  border-color: #28554b !important;
}

.bg-info-n5 {
  background-color: #28554b !important;
}

.text-info-n6 {
  color: #20443c !important;
}

.border-info-n6 {
  border-color: #20443c !important;
}

.bg-info-n6 {
  background-color: #20443c !important;
}

.text-info-n7 {
  color: #18332d !important;
}

.border-info-n7 {
  border-color: #18332d !important;
}

.bg-info-n7 {
  background-color: #18332d !important;
}

.text-info-n8 {
  color: #10221e !important;
}

.border-info-n8 {
  border-color: #10221e !important;
}

.bg-info-n8 {
  background-color: #10221e !important;
}

.text-info-n9 {
  color: #08110f !important;
}

.border-info-n9 {
  border-color: #08110f !important;
}

.bg-info-n9 {
  background-color: #08110f !important;
}

.text-info-n10 {
  color: black !important;
}

.border-info-n10 {
  border-color: black !important;
}

.bg-info-n10 {
  background-color: black !important;
}

.text-info-1 {
  color: #61b3a0 !important;
}

.border-info-1 {
  border-color: #61b3a0 !important;
}

.bg-info-1 {
  background-color: #61b3a0 !important;
}

.text-info-2 {
  color: #72bbaa !important;
}

.border-info-2 {
  border-color: #72bbaa !important;
}

.bg-info-2 {
  background-color: #72bbaa !important;
}

.text-info-3 {
  color: #84c4b5 !important;
}

.border-info-3 {
  border-color: #84c4b5 !important;
}

.bg-info-3 {
  background-color: #84c4b5 !important;
}

.text-info-4 {
  color: #95ccbf !important;
}

.border-info-4 {
  border-color: #95ccbf !important;
}

.bg-info-4 {
  background-color: #95ccbf !important;
}

.text-info-5 {
  color: #a7d5ca !important;
}

.border-info-5 {
  border-color: #a7d5ca !important;
}

.bg-info-5 {
  background-color: #a7d5ca !important;
}

.text-info-6 {
  color: #b9ddd5 !important;
}

.border-info-6 {
  border-color: #b9ddd5 !important;
}

.bg-info-6 {
  background-color: #b9ddd5 !important;
}

.text-info-7 {
  color: #cae6df !important;
}

.border-info-7 {
  border-color: #cae6df !important;
}

.bg-info-7 {
  background-color: #cae6df !important;
}

.text-info-8 {
  color: #dceeea !important;
}

.border-info-8 {
  border-color: #dceeea !important;
}

.bg-info-8 {
  background-color: #dceeea !important;
}

.text-info-9 {
  color: #edf7f4 !important;
}

.border-info-9 {
  border-color: #edf7f4 !important;
}

.bg-info-9 {
  background-color: #edf7f4 !important;
}

.text-info-10 {
  color: white !important;
}

.border-info-10 {
  border-color: white !important;
}

.bg-info-10 {
  background-color: white !important;
}

.text-warning-n1 {
  color: #c19b50 !important;
}

.border-warning-n1 {
  border-color: #c19b50 !important;
}

.bg-warning-n1 {
  background-color: #c19b50 !important;
}

.text-warning-n2 {
  color: #ab8a47 !important;
}

.border-warning-n2 {
  border-color: #ab8a47 !important;
}

.bg-warning-n2 {
  background-color: #ab8a47 !important;
}

.text-warning-n3 {
  color: #96783e !important;
}

.border-warning-n3 {
  border-color: #96783e !important;
}

.bg-warning-n3 {
  background-color: #96783e !important;
}

.text-warning-n4 {
  color: #806735 !important;
}

.border-warning-n4 {
  border-color: #806735 !important;
}

.bg-warning-n4 {
  background-color: #806735 !important;
}

.text-warning-n5 {
  color: #6b562d !important;
}

.border-warning-n5 {
  border-color: #6b562d !important;
}

.bg-warning-n5 {
  background-color: #6b562d !important;
}

.text-warning-n6 {
  color: #564524 !important;
}

.border-warning-n6 {
  border-color: #564524 !important;
}

.bg-warning-n6 {
  background-color: #564524 !important;
}

.text-warning-n7 {
  color: #40341b !important;
}

.border-warning-n7 {
  border-color: #40341b !important;
}

.bg-warning-n7 {
  background-color: #40341b !important;
}

.text-warning-n8 {
  color: #2b2212 !important;
}

.border-warning-n8 {
  border-color: #2b2212 !important;
}

.bg-warning-n8 {
  background-color: #2b2212 !important;
}

.text-warning-n9 {
  color: #151109 !important;
}

.border-warning-n9 {
  border-color: #151109 !important;
}

.bg-warning-n9 {
  background-color: #151109 !important;
}

.text-warning-n10 {
  color: black !important;
}

.border-warning-n10 {
  border-color: black !important;
}

.bg-warning-n10 {
  background-color: black !important;
}

.text-warning-1 {
  color: #dab46a !important;
}

.border-warning-1 {
  border-color: #dab46a !important;
}

.bg-warning-1 {
  background-color: #dab46a !important;
}

.text-warning-2 {
  color: #debd7a !important;
}

.border-warning-2 {
  border-color: #debd7a !important;
}

.bg-warning-2 {
  background-color: #debd7a !important;
}

.text-warning-3 {
  color: #e2c58b !important;
}

.border-warning-3 {
  border-color: #e2c58b !important;
}

.bg-warning-3 {
  background-color: #e2c58b !important;
}

.text-warning-4 {
  color: #e6cd9b !important;
}

.border-warning-4 {
  border-color: #e6cd9b !important;
}

.bg-warning-4 {
  background-color: #e6cd9b !important;
}

.text-warning-5 {
  color: #ebd6ac !important;
}

.border-warning-5 {
  border-color: #ebd6ac !important;
}

.bg-warning-5 {
  background-color: #ebd6ac !important;
}

.text-warning-6 {
  color: #efdebd !important;
}

.border-warning-6 {
  border-color: #efdebd !important;
}

.bg-warning-6 {
  background-color: #efdebd !important;
}

.text-warning-7 {
  color: #f3e6cd !important;
}

.border-warning-7 {
  border-color: #f3e6cd !important;
}

.bg-warning-7 {
  background-color: #f3e6cd !important;
}

.text-warning-8 {
  color: #f7eede !important;
}

.border-warning-8 {
  border-color: #f7eede !important;
}

.bg-warning-8 {
  background-color: #f7eede !important;
}

.text-warning-9 {
  color: #fbf7ee !important;
}

.border-warning-9 {
  border-color: #fbf7ee !important;
}

.bg-warning-9 {
  background-color: #fbf7ee !important;
}

.text-warning-10 {
  color: white !important;
}

.border-warning-10 {
  border-color: white !important;
}

.bg-warning-10 {
  background-color: white !important;
}

.text-danger-n1 {
  color: #b94265 !important;
}

.border-danger-n1 {
  border-color: #b94265 !important;
}

.bg-danger-n1 {
  background-color: #b94265 !important;
}

.text-danger-n2 {
  color: #a53a5a !important;
}

.border-danger-n2 {
  border-color: #a53a5a !important;
}

.bg-danger-n2 {
  background-color: #a53a5a !important;
}

.text-danger-n3 {
  color: #90334e !important;
}

.border-danger-n3 {
  border-color: #90334e !important;
}

.bg-danger-n3 {
  background-color: #90334e !important;
}

.text-danger-n4 {
  color: #7c2c43 !important;
}

.border-danger-n4 {
  border-color: #7c2c43 !important;
}

.bg-danger-n4 {
  background-color: #7c2c43 !important;
}

.text-danger-n5 {
  color: #672538 !important;
}

.border-danger-n5 {
  border-color: #672538 !important;
}

.bg-danger-n5 {
  background-color: #672538 !important;
}

.text-danger-n6 {
  color: #521d2d !important;
}

.border-danger-n6 {
  border-color: #521d2d !important;
}

.bg-danger-n6 {
  background-color: #521d2d !important;
}

.text-danger-n7 {
  color: #3e1622 !important;
}

.border-danger-n7 {
  border-color: #3e1622 !important;
}

.bg-danger-n7 {
  background-color: #3e1622 !important;
}

.text-danger-n8 {
  color: #290f16 !important;
}

.border-danger-n8 {
  border-color: #290f16 !important;
}

.bg-danger-n8 {
  background-color: #290f16 !important;
}

.text-danger-n9 {
  color: #15070b !important;
}

.border-danger-n9 {
  border-color: #15070b !important;
}

.bg-danger-n9 {
  background-color: #15070b !important;
}

.text-danger-n10 {
  color: black !important;
}

.border-danger-n10 {
  border-color: black !important;
}

.bg-danger-n10 {
  background-color: black !important;
}

.text-danger-1 {
  color: #d35b7e !important;
}

.border-danger-1 {
  border-color: #d35b7e !important;
}

.bg-danger-1 {
  background-color: #d35b7e !important;
}

.text-danger-2 {
  color: #d86d8d !important;
}

.border-danger-2 {
  border-color: #d86d8d !important;
}

.bg-danger-2 {
  background-color: #d86d8d !important;
}

.text-danger-3 {
  color: #dd809b !important;
}

.border-danger-3 {
  border-color: #dd809b !important;
}

.bg-danger-3 {
  background-color: #dd809b !important;
}

.text-danger-4 {
  color: #e292a9 !important;
}

.border-danger-4 {
  border-color: #e292a9 !important;
}

.bg-danger-4 {
  background-color: #e292a9 !important;
}

.text-danger-5 {
  color: #e7a4b8 !important;
}

.border-danger-5 {
  border-color: #e7a4b8 !important;
}

.bg-danger-5 {
  background-color: #e7a4b8 !important;
}

.text-danger-6 {
  color: #ebb6c6 !important;
}

.border-danger-6 {
  border-color: #ebb6c6 !important;
}

.bg-danger-6 {
  background-color: #ebb6c6 !important;
}

.text-danger-7 {
  color: #f0c8d4 !important;
}

.border-danger-7 {
  border-color: #f0c8d4 !important;
}

.bg-danger-7 {
  background-color: #f0c8d4 !important;
}

.text-danger-8 {
  color: #f5dbe2 !important;
}

.border-danger-8 {
  border-color: #f5dbe2 !important;
}

.bg-danger-8 {
  background-color: #f5dbe2 !important;
}

.text-danger-9 {
  color: #faedf1 !important;
}

.border-danger-9 {
  border-color: #faedf1 !important;
}

.bg-danger-9 {
  background-color: #faedf1 !important;
}

.text-danger-10 {
  color: white !important;
}

.border-danger-10 {
  border-color: white !important;
}

.bg-danger-10 {
  background-color: white !important;
}

.text-light-n1 {
  color: #dfe0e1 !important;
}

.border-light-n1 {
  border-color: #dfe0e1 !important;
}

.bg-light-n1 {
  background-color: #dfe0e1 !important;
}

.text-light-n2 {
  color: #c6c7c8 !important;
}

.border-light-n2 {
  border-color: #c6c7c8 !important;
}

.bg-light-n2 {
  background-color: #c6c7c8 !important;
}

.text-light-n3 {
  color: #aeaeaf !important;
}

.border-light-n3 {
  border-color: #aeaeaf !important;
}

.bg-light-n3 {
  background-color: #aeaeaf !important;
}

.text-light-n4 {
  color: #959596 !important;
}

.border-light-n4 {
  border-color: #959596 !important;
}

.bg-light-n4 {
  background-color: #959596 !important;
}

.text-light-n5 {
  color: #7c7d7d !important;
}

.border-light-n5 {
  border-color: #7c7d7d !important;
}

.bg-light-n5 {
  background-color: #7c7d7d !important;
}

.text-light-n6 {
  color: #636464 !important;
}

.border-light-n6 {
  border-color: #636464 !important;
}

.bg-light-n6 {
  background-color: #636464 !important;
}

.text-light-n7 {
  color: #4a4b4b !important;
}

.border-light-n7 {
  border-color: #4a4b4b !important;
}

.bg-light-n7 {
  background-color: #4a4b4b !important;
}

.text-light-n8 {
  color: #323232 !important;
}

.border-light-n8 {
  border-color: #323232 !important;
}

.bg-light-n8 {
  background-color: #323232 !important;
}

.text-light-n9 {
  color: #191919 !important;
}

.border-light-n9 {
  border-color: #191919 !important;
}

.bg-light-n9 {
  background-color: #191919 !important;
}

.text-light-n10 {
  color: black !important;
}

.border-light-n10 {
  border-color: black !important;
}

.bg-light-n10 {
  background-color: black !important;
}

.text-light-1 {
  color: #f9fafb !important;
}

.border-light-1 {
  border-color: #f9fafb !important;
}

.bg-light-1 {
  background-color: #f9fafb !important;
}

.text-light-2 {
  color: #f9fafb !important;
}

.border-light-2 {
  border-color: #f9fafb !important;
}

.bg-light-2 {
  background-color: #f9fafb !important;
}

.text-light-3 {
  color: #fafbfc !important;
}

.border-light-3 {
  border-color: #fafbfc !important;
}

.bg-light-3 {
  background-color: #fafbfc !important;
}

.text-light-4 {
  color: #fbfbfc !important;
}

.border-light-4 {
  border-color: #fbfbfc !important;
}

.bg-light-4 {
  background-color: #fbfbfc !important;
}

.text-light-5 {
  color: #fcfcfd !important;
}

.border-light-5 {
  border-color: #fcfcfd !important;
}

.bg-light-5 {
  background-color: #fcfcfd !important;
}

.text-light-6 {
  color: #fcfdfd !important;
}

.border-light-6 {
  border-color: #fcfdfd !important;
}

.bg-light-6 {
  background-color: #fcfdfd !important;
}

.text-light-7 {
  color: #fdfdfe !important;
}

.border-light-7 {
  border-color: #fdfdfe !important;
}

.bg-light-7 {
  background-color: #fdfdfe !important;
}

.text-light-8 {
  color: #fefefe !important;
}

.border-light-8 {
  border-color: #fefefe !important;
}

.bg-light-8 {
  background-color: #fefefe !important;
}

.text-light-9 {
  color: #fefeff !important;
}

.border-light-9 {
  border-color: #fefeff !important;
}

.bg-light-9 {
  background-color: #fefeff !important;
}

.text-light-10 {
  color: white !important;
}

.border-light-10 {
  border-color: white !important;
}

.bg-light-10 {
  background-color: white !important;
}

.text-dark-n1 {
  color: #44332d !important;
}

.border-dark-n1 {
  border-color: #44332d !important;
}

.bg-dark-n1 {
  background-color: #44332d !important;
}

.text-dark-n2 {
  color: #3d2e28 !important;
}

.border-dark-n2 {
  border-color: #3d2e28 !important;
}

.bg-dark-n2 {
  background-color: #3d2e28 !important;
}

.text-dark-n3 {
  color: #352823 !important;
}

.border-dark-n3 {
  border-color: #352823 !important;
}

.bg-dark-n3 {
  background-color: #352823 !important;
}

.text-dark-n4 {
  color: #2e221e !important;
}

.border-dark-n4 {
  border-color: #2e221e !important;
}

.bg-dark-n4 {
  background-color: #2e221e !important;
}

.text-dark-n5 {
  color: #261d19 !important;
}

.border-dark-n5 {
  border-color: #261d19 !important;
}

.bg-dark-n5 {
  background-color: #261d19 !important;
}

.text-dark-n6 {
  color: #1e1714 !important;
}

.border-dark-n6 {
  border-color: #1e1714 !important;
}

.bg-dark-n6 {
  background-color: #1e1714 !important;
}

.text-dark-n7 {
  color: #17110f !important;
}

.border-dark-n7 {
  border-color: #17110f !important;
}

.bg-dark-n7 {
  background-color: #17110f !important;
}

.text-dark-n8 {
  color: #0f0b0a !important;
}

.border-dark-n8 {
  border-color: #0f0b0a !important;
}

.bg-dark-n8 {
  background-color: #0f0b0a !important;
}

.text-dark-n9 {
  color: #080605 !important;
}

.border-dark-n9 {
  border-color: #080605 !important;
}

.bg-dark-n9 {
  background-color: #080605 !important;
}

.text-dark-n10 {
  color: black !important;
}

.border-dark-n10 {
  border-color: black !important;
}

.bg-dark-n10 {
  background-color: black !important;
}

.text-dark-1 {
  color: #5e4d47 !important;
}

.border-dark-1 {
  border-color: #5e4d47 !important;
}

.bg-dark-1 {
  background-color: #5e4d47 !important;
}

.text-dark-2 {
  color: #70615b !important;
}

.border-dark-2 {
  border-color: #70615b !important;
}

.bg-dark-2 {
  background-color: #70615b !important;
}

.text-dark-3 {
  color: #827470 !important;
}

.border-dark-3 {
  border-color: #827470 !important;
}

.bg-dark-3 {
  background-color: #827470 !important;
}

.text-dark-4 {
  color: #948884 !important;
}

.border-dark-4 {
  border-color: #948884 !important;
}

.bg-dark-4 {
  background-color: #948884 !important;
}

.text-dark-5 {
  color: #a69c99 !important;
}

.border-dark-5 {
  border-color: #a69c99 !important;
}

.bg-dark-5 {
  background-color: #a69c99 !important;
}

.text-dark-6 {
  color: #b7b0ad !important;
}

.border-dark-6 {
  border-color: #b7b0ad !important;
}

.bg-dark-6 {
  background-color: #b7b0ad !important;
}

.text-dark-7 {
  color: #c9c4c2 !important;
}

.border-dark-7 {
  border-color: #c9c4c2 !important;
}

.bg-dark-7 {
  background-color: #c9c4c2 !important;
}

.text-dark-8 {
  color: #dbd7d6 !important;
}

.border-dark-8 {
  border-color: #dbd7d6 !important;
}

.bg-dark-8 {
  background-color: #dbd7d6 !important;
}

.text-dark-9 {
  color: #edebeb !important;
}

.border-dark-9 {
  border-color: #edebeb !important;
}

.bg-dark-9 {
  background-color: #edebeb !important;
}

.text-dark-10 {
  color: white !important;
}

.border-dark-10 {
  border-color: white !important;
}

.bg-dark-10 {
  background-color: white !important;
}

.text-gray-100 {
  color: #f8f9fa !important;
}

.border-gray-100 {
  border-color: #f8f9fa !important;
}

.bg-gray-100 {
  background-color: #f8f9fa !important;
}

.text-gray-200 {
  color: #e9ecef !important;
}

.border-gray-200 {
  border-color: #e9ecef !important;
}

.bg-gray-200 {
  background-color: #e9ecef !important;
}

.text-gray-300 {
  color: #dee2e6 !important;
}

.border-gray-300 {
  border-color: #dee2e6 !important;
}

.bg-gray-300 {
  background-color: #dee2e6 !important;
}

.text-gray-400 {
  color: #ced4da !important;
}

.border-gray-400 {
  border-color: #ced4da !important;
}

.bg-gray-400 {
  background-color: #ced4da !important;
}

.text-gray-500 {
  color: #adb5bd !important;
}

.border-gray-500 {
  border-color: #adb5bd !important;
}

.bg-gray-500 {
  background-color: #adb5bd !important;
}

.text-gray-600 {
  color: #6c757d !important;
}

.border-gray-600 {
  border-color: #6c757d !important;
}

.bg-gray-600 {
  background-color: #6c757d !important;
}

.text-gray-700 {
  color: #495057 !important;
}

.border-gray-700 {
  border-color: #495057 !important;
}

.bg-gray-700 {
  background-color: #495057 !important;
}

.text-gray-800 {
  color: #343a40 !important;
}

.border-gray-800 {
  border-color: #343a40 !important;
}

.bg-gray-800 {
  background-color: #343a40 !important;
}

.text-gray-900 {
  color: #212529 !important;
}

.border-gray-900 {
  border-color: #212529 !important;
}

.bg-gray-900 {
  background-color: #212529 !important;
}

.bg-half-primary-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #1a848c 50%, #1a848c);
}

.bg-half-primary-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #17767d 50%, #17767d);
}

.bg-half-primary-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #14676d 50%, #14676d);
}

.bg-half-primary-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #11585e 50%, #11585e);
}

.bg-half-primary-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #0f4a4e 50%, #0f4a4e);
}

.bg-half-primary-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #0c3b3e 50%, #0c3b3e);
}

.bg-half-primary-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #092c2f 50%, #092c2f);
}

.bg-half-primary-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #061d1f 50%, #061d1f);
}

.bg-half-primary-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #030f10 50%, #030f10);
}

.bg-half-primary-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-primary-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #349ea6 50%, #349ea6);
}

.bg-half-primary-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #4aa9b0 50%, #4aa9b0);
}

.bg-half-primary-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #61b3ba 50%, #61b3ba);
}

.bg-half-primary-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #77bec4 50%, #77bec4);
}

.bg-half-primary-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #8ec9ce 50%, #8ec9ce);
}

.bg-half-primary-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a5d4d7 50%, #a5d4d7);
}

.bg-half-primary-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #bbdfe1 50%, #bbdfe1);
}

.bg-half-primary-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #d2e9eb 50%, #d2e9eb);
}

.bg-half-primary-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e8f4f5 50%, #e8f4f5);
}

.bg-half-primary-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-secondary-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #5c7bc3 50%, #5c7bc3);
}

.bg-half-secondary-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #526eae 50%, #526eae);
}

.bg-half-secondary-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #476098 50%, #476098);
}

.bg-half-secondary-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #3d5282 50%, #3d5282);
}

.bg-half-secondary-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #33456d 50%, #33456d);
}

.bg-half-secondary-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #293757 50%, #293757);
}

.bg-half-secondary-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #1f2941 50%, #1f2941);
}

.bg-half-secondary-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #141b2b 50%, #141b2b);
}

.bg-half-secondary-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #0a0e16 50%, #0a0e16);
}

.bg-half-secondary-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-secondary-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #7595dd 50%, #7595dd);
}

.bg-half-secondary-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #85a1e1 50%, #85a1e1);
}

.bg-half-secondary-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #94ace4 50%, #94ace4);
}

.bg-half-secondary-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a3b8e8 50%, #a3b8e8);
}

.bg-half-secondary-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #b3c4ec 50%, #b3c4ec);
}

.bg-half-secondary-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #c2d0f0 50%, #c2d0f0);
}

.bg-half-secondary-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #d1dcf4 50%, #d1dcf4);
}

.bg-half-secondary-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e0e7f7 50%, #e0e7f7);
}

.bg-half-secondary-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f0f3fb 50%, #f0f3fb);
}

.bg-half-secondary-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-success-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #3d8bb0 50%, #3d8bb0);
}

.bg-half-success-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #367b9d 50%, #367b9d);
}

.bg-half-success-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #306c89 50%, #306c89);
}

.bg-half-success-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #295c76 50%, #295c76);
}

.bg-half-success-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #224d62 50%, #224d62);
}

.bg-half-success-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #1b3e4e 50%, #1b3e4e);
}

.bg-half-success-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #142e3b 50%, #142e3b);
}

.bg-half-success-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #0e1f27 50%, #0e1f27);
}

.bg-half-success-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #070f14 50%, #070f14);
}

.bg-half-success-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-success-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #57a4ca 50%, #57a4ca);
}

.bg-half-success-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #69aed0 50%, #69aed0);
}

.bg-half-success-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #7cb8d6 50%, #7cb8d6);
}

.bg-half-success-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #8fc2dc 50%, #8fc2dc);
}

.bg-half-success-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a2cde2 50%, #a2cde2);
}

.bg-half-success-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #b4d7e7 50%, #b4d7e7);
}

.bg-half-success-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #c7e1ed 50%, #c7e1ed);
}

.bg-half-success-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #daebf3 50%, #daebf3);
}

.bg-half-success-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #ecf5f9 50%, #ecf5f9);
}

.bg-half-success-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-info-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #479986 50%, #479986);
}

.bg-half-info-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #3f8877 50%, #3f8877);
}

.bg-half-info-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #377768 50%, #377768);
}

.bg-half-info-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #2f6659 50%, #2f6659);
}

.bg-half-info-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #28554b 50%, #28554b);
}

.bg-half-info-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #20443c 50%, #20443c);
}

.bg-half-info-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #18332d 50%, #18332d);
}

.bg-half-info-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #10221e 50%, #10221e);
}

.bg-half-info-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #08110f 50%, #08110f);
}

.bg-half-info-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-info-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #61b3a0 50%, #61b3a0);
}

.bg-half-info-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #72bbaa 50%, #72bbaa);
}

.bg-half-info-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #84c4b5 50%, #84c4b5);
}

.bg-half-info-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #95ccbf 50%, #95ccbf);
}

.bg-half-info-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a7d5ca 50%, #a7d5ca);
}

.bg-half-info-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #b9ddd5 50%, #b9ddd5);
}

.bg-half-info-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #cae6df 50%, #cae6df);
}

.bg-half-info-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #dceeea 50%, #dceeea);
}

.bg-half-info-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #edf7f4 50%, #edf7f4);
}

.bg-half-info-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-warning-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #c19b50 50%, #c19b50);
}

.bg-half-warning-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #ab8a47 50%, #ab8a47);
}

.bg-half-warning-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #96783e 50%, #96783e);
}

.bg-half-warning-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #806735 50%, #806735);
}

.bg-half-warning-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #6b562d 50%, #6b562d);
}

.bg-half-warning-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #564524 50%, #564524);
}

.bg-half-warning-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #40341b 50%, #40341b);
}

.bg-half-warning-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #2b2212 50%, #2b2212);
}

.bg-half-warning-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #151109 50%, #151109);
}

.bg-half-warning-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-warning-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #dab46a 50%, #dab46a);
}

.bg-half-warning-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #debd7a 50%, #debd7a);
}

.bg-half-warning-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e2c58b 50%, #e2c58b);
}

.bg-half-warning-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e6cd9b 50%, #e6cd9b);
}

.bg-half-warning-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #ebd6ac 50%, #ebd6ac);
}

.bg-half-warning-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #efdebd 50%, #efdebd);
}

.bg-half-warning-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f3e6cd 50%, #f3e6cd);
}

.bg-half-warning-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f7eede 50%, #f7eede);
}

.bg-half-warning-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fbf7ee 50%, #fbf7ee);
}

.bg-half-warning-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-danger-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #b94265 50%, #b94265);
}

.bg-half-danger-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a53a5a 50%, #a53a5a);
}

.bg-half-danger-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #90334e 50%, #90334e);
}

.bg-half-danger-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #7c2c43 50%, #7c2c43);
}

.bg-half-danger-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #672538 50%, #672538);
}

.bg-half-danger-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #521d2d 50%, #521d2d);
}

.bg-half-danger-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #3e1622 50%, #3e1622);
}

.bg-half-danger-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #290f16 50%, #290f16);
}

.bg-half-danger-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #15070b 50%, #15070b);
}

.bg-half-danger-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-danger-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #d35b7e 50%, #d35b7e);
}

.bg-half-danger-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #d86d8d 50%, #d86d8d);
}

.bg-half-danger-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #dd809b 50%, #dd809b);
}

.bg-half-danger-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e292a9 50%, #e292a9);
}

.bg-half-danger-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #e7a4b8 50%, #e7a4b8);
}

.bg-half-danger-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #ebb6c6 50%, #ebb6c6);
}

.bg-half-danger-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f0c8d4 50%, #f0c8d4);
}

.bg-half-danger-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f5dbe2 50%, #f5dbe2);
}

.bg-half-danger-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #faedf1 50%, #faedf1);
}

.bg-half-danger-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-light-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #dfe0e1 50%, #dfe0e1);
}

.bg-half-light-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #c6c7c8 50%, #c6c7c8);
}

.bg-half-light-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #aeaeaf 50%, #aeaeaf);
}

.bg-half-light-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #959596 50%, #959596);
}

.bg-half-light-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #7c7d7d 50%, #7c7d7d);
}

.bg-half-light-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #636464 50%, #636464);
}

.bg-half-light-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #4a4b4b 50%, #4a4b4b);
}

.bg-half-light-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #323232 50%, #323232);
}

.bg-half-light-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #191919 50%, #191919);
}

.bg-half-light-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-light-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f9fafb 50%, #f9fafb);
}

.bg-half-light-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #f9fafb 50%, #f9fafb);
}

.bg-half-light-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fafbfc 50%, #fafbfc);
}

.bg-half-light-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fbfbfc 50%, #fbfbfc);
}

.bg-half-light-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fcfcfd 50%, #fcfcfd);
}

.bg-half-light-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fcfdfd 50%, #fcfdfd);
}

.bg-half-light-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fdfdfe 50%, #fdfdfe);
}

.bg-half-light-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fefefe 50%, #fefefe);
}

.bg-half-light-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #fefeff 50%, #fefeff);
}

.bg-half-light-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.bg-half-dark-n1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #44332d 50%, #44332d);
}

.bg-half-dark-n2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #3d2e28 50%, #3d2e28);
}

.bg-half-dark-n3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #352823 50%, #352823);
}

.bg-half-dark-n4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #2e221e 50%, #2e221e);
}

.bg-half-dark-n5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #261d19 50%, #261d19);
}

.bg-half-dark-n6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #1e1714 50%, #1e1714);
}

.bg-half-dark-n7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #17110f 50%, #17110f);
}

.bg-half-dark-n8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #0f0b0a 50%, #0f0b0a);
}

.bg-half-dark-n9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #080605 50%, #080605);
}

.bg-half-dark-n10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, black 50%, black);
}

.bg-half-dark-1 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #5e4d47 50%, #5e4d47);
}

.bg-half-dark-2 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #70615b 50%, #70615b);
}

.bg-half-dark-3 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #827470 50%, #827470);
}

.bg-half-dark-4 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #948884 50%, #948884);
}

.bg-half-dark-5 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #a69c99 50%, #a69c99);
}

.bg-half-dark-6 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #b7b0ad 50%, #b7b0ad);
}

.bg-half-dark-7 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #c9c4c2 50%, #c9c4c2);
}

.bg-half-dark-8 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #dbd7d6 50%, #dbd7d6);
}

.bg-half-dark-9 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #edebeb 50%, #edebeb);
}

.bg-half-dark-10 {
  background-image: linear-gradient(to bottom, transparent, transparent 50%, white 50%, white);
}

.circle {
  display: inline-flex;
  width: 2em;
  height: 2em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.circle-2x {
  display: inline-flex;
  width: 4em;
  height: 4em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.circle-3x {
  display: inline-flex;
  width: 6em;
  height: 6em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.circle-outline {
  display: inline-flex;
  width: 2em;
  height: 2em;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%;
}

.circle-outline-2x {
  display: inline-flex;
  width: 4em;
  height: 4em;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%;
}

.circle-outline-3x {
  display: inline-flex;
  width: 6em;
  height: 6em;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%;
}

/**
 * Circle
 * @param $width
 */
@media (max-width: 575.98px) {
  .table-flat {
    display: block;
  }
  .table-flat thead, .table-flat tbody, .table-flat tr, .table-flat th, .table-flat td {
    display: block;
  }
  .table-flat td:empty {
    display: none;
  }
  .table-flat.table-bordered {
    border-style: none;
    border-bottom-style: solid;
    border-top-style: solid;
  }
  .table-flat.table-bordered tr:first-of-type > th, .table-flat.table-bordered tr:first-of-type > td {
    margin-top: -0.0625rem;
  }
  .table-flat.table-bordered th, .table-flat.table-bordered td {
    margin-bottom: -0.0625rem;
  }
}
@media (max-width: 767.98px) {
  .table-sm-flat {
    display: block;
  }
  .table-sm-flat thead, .table-sm-flat tbody, .table-sm-flat tr, .table-sm-flat th, .table-sm-flat td {
    display: block;
  }
  .table-sm-flat td:empty {
    display: none;
  }
  .table-sm-flat.table-bordered {
    border-style: none;
    border-bottom-style: solid;
    border-top-style: solid;
  }
  .table-sm-flat.table-bordered tr:first-of-type > th, .table-sm-flat.table-bordered tr:first-of-type > td {
    margin-top: -0.0625rem;
  }
  .table-sm-flat.table-bordered th, .table-sm-flat.table-bordered td {
    margin-bottom: -0.0625rem;
  }
}
@media (max-width: 991.98px) {
  .table-md-flat {
    display: block;
  }
  .table-md-flat thead, .table-md-flat tbody, .table-md-flat tr, .table-md-flat th, .table-md-flat td {
    display: block;
  }
  .table-md-flat td:empty {
    display: none;
  }
  .table-md-flat.table-bordered {
    border-style: none;
    border-bottom-style: solid;
    border-top-style: solid;
  }
  .table-md-flat.table-bordered tr:first-of-type > th, .table-md-flat.table-bordered tr:first-of-type > td {
    margin-top: -0.0625rem;
  }
  .table-md-flat.table-bordered th, .table-md-flat.table-bordered td {
    margin-bottom: -0.0625rem;
  }
}
@media (max-width: 1199.98px) {
  .table-lg-flat {
    display: block;
  }
  .table-lg-flat thead, .table-lg-flat tbody, .table-lg-flat tr, .table-lg-flat th, .table-lg-flat td {
    display: block;
  }
  .table-lg-flat td:empty {
    display: none;
  }
  .table-lg-flat.table-bordered {
    border-style: none;
    border-bottom-style: solid;
    border-top-style: solid;
  }
  .table-lg-flat.table-bordered tr:first-of-type > th, .table-lg-flat.table-bordered tr:first-of-type > td {
    margin-top: -0.0625rem;
  }
  .table-lg-flat.table-bordered th, .table-lg-flat.table-bordered td {
    margin-bottom: -0.0625rem;
  }
}
.table-xl-flat {
  display: block;
}
.table-xl-flat thead, .table-xl-flat tbody, .table-xl-flat tr, .table-xl-flat th, .table-xl-flat td {
  display: block;
}
.table-xl-flat td:empty {
  display: none;
}
.table-xl-flat.table-bordered {
  border-style: none;
  border-bottom-style: solid;
  border-top-style: solid;
}
.table-xl-flat.table-bordered tr:first-of-type > th, .table-xl-flat.table-bordered tr:first-of-type > td {
  margin-top: -0.0625rem;
}
.table-xl-flat.table-bordered th, .table-xl-flat.table-bordered td {
  margin-bottom: -0.0625rem;
}

/* stylelint-enable */
@media (max-width: 767.98px) {
  .conference__tab .nav-tabs {
    border-bottom-style: none;
  }
}
@media (max-width: 767.98px) {
  .conference__tab .nav-tabs > .nav-item > .nav-link {
    border-style: none none solid none;
  }
  .conference__tab .nav-tabs > .nav-item > .nav-link.active {
    border-bottom-color: shade(#1D939C, 30%);
  }
}