@charset "UTF-8";
/* Show active breakpoint in top right corner of viewport */
@import url("//fonts.googleapis.com/css?family=Comfortaa");
/***

  普段使い用mixin

**/
@import url("//fonts.googleapis.com/css?family=Comfortaa");
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  89% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  89% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes fromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes fromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/**
* 塗り色と背景色の対を指定
* ポイントカラーも定義
**/
/**
* 塗り色と背景色の対を指定
**/
/**
* 丸っこくてかわいいボタンのmixin
**/
/**
* アイコンつき見出しのmixin
**/
.midashi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/**
* 数字付きリスト
*/
.count-list {
  counter-reset: number;
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.count-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.count-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 1.5em;
  flex-basis: 1.5em;
  counter-increment: number;
  content: counter(number);
  background: #aaa;
  color: #fff;
  font-family: 'Comfortaa', cursive, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6em;
  text-align: center;
}

.count-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.count-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
* ドットリスト
*/
.dot-list {
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.dot-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.dot-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0.5em;
  flex-basis: 0.5em;
  counter-increment: number;
  content: "\f0da";
  color: #aaa;
  font-family: "Font Awesome 5 Free";
  font-size: 1.4em;
  width: 0.25em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

.dot-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.dot-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catch-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.catch-list li .head {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 15rem;
}

@media (max-width: 39.99em) {
  .catch-list li .head {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .head > div {
  text-align: center;
  padding: 0.5rem 2rem;
  background-color: #aaa;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: bold;
}

.catch-list li .data {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 39.99em) {
  .catch-list li .data {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .data > div {
  padding: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list.spn-header-mini li .head {
    text-align: center;
  }
  .catch-list.spn-header-mini li .head > div {
    display: inline-block;
  }
}

.list-table {
  border-spacing: 0;
  width: 100%;
  text-align: left;
}

.list-table tr th {
  text-align: left;
  background-color: #f2f2f2;
  width: 10rem;
  border-bottom: thin solid #aaa;
  border-left: thin solid #aaa;
  border-right: thin solid #aaa;
  padding: 1rem;
}

.list-table tr td {
  padding: 1rem;
  border-bottom: thin solid #aaa;
  border-right: thin solid #aaa;
  background-color: #fff;
}

.list-table tr:first-child th, .list-table tr:first-child td {
  border-top: thin solid #aaa;
}

.list-table.header-min tr th {
  width: 10rem;
}

@media (max-width: 39.99em) {
  .list-table.header-min tr th {
    width: 100%;
  }
}

.list-table.header-middle tr th {
  width: 20rem;
}

@media (max-width: 39.99em) {
  .list-table.header-middle tr th {
    width: 100%;
  }
}

.list-table.header-large tr th {
  width: 30rem;
}

@media (max-width: 39.99em) {
  .list-table.header-large tr th {
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .list-table tr th {
    display: block;
    width: 100%;
  }
  .list-table tr td {
    display: block;
    width: 100%;
    border-left: thin solid #aaa;
  }
  .list-table tr:first-child th {
    border-bottom: none;
  }
}

.list-table.kado-maru tr:first-child th {
  border-top-left-radius: 1rem;
}

.list-table.kado-maru tr:first-child td {
  border-top-right-radius: 1rem;
}

.list-table.kado-maru tr:last-child th {
  border-bottom-left-radius: 1rem;
}

.list-table.kado-maru tr:last-child td {
  border-bottom-right-radius: 1rem;
}

@media (max-width: 39.99em) {
  .list-table.kado-maru tr:first-child th {
    border-top-right-radius: 1rem;
  }
  .list-table.kado-maru tr:first-child td {
    border-top-right-radius: 0;
  }
  .list-table.kado-maru tr:last-child th {
    border-bottom-left-radius: 0;
  }
  .list-table.kado-maru tr:last-child td {
    border-bottom-left-radius: 1rem;
  }
}

/**
* かこみ
**/
.enclosure {
  background-color: #fffae5;
  padding: 2rem;
  height: auto !important;
  height: 10rem;
  position: relative;
  border-radius: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: text;
}

.enclosure:before {
  position: absolute;
  border-radius: 0.15em;
  width: 99%;
  width: calc(100% - 1rem);
  height: 98%;
  height: calc(100% - 1rem);
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.enclosure.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.enclosure.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.enclosure.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.enclosure > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.parts-tabs {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto 4rem;
}

.parts-tabs .parts-tabs-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label {
  cursor: pointer;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.parts-tabs .parts-tabs-details > ul > li {
  display: none;
}

.parts-tabs .parts-tabs-details > ul > li.show {
  -webkit-animation: fade-in 1s ease 0s 1;
  animation: fade-in 1s ease 0s 1;
  display: block;
}

.arrow-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.arrow-chart.to-vertical {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.arrow-chart.to-vertical li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.arrow-chart.to-vertical li > div {
  margin-left: 0;
  margin-bottom: 2rem;
}

.arrow-chart.to-vertical li > div:after {
  left: 0;
  right: 0;
  height: auto;
  top: -5rem;
  bottom: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.arrow-chart li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.arrow-chart li > div {
  margin-left: 1rem;
  position: relative;
}

.arrow-chart li > div:after {
  position: absolute;
  display: block;
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  left: -2.5rem;
  font-size: 5rem;
  top: -5rem;
  bottom: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
  z-index: 2;
}

.arrow-chart li:first-child > div {
  margin-left: 0;
}

.arrow-chart li:first-child > div:after {
  display: none;
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-tablet li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-tablet li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-spn li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-spn li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* flex用骨子 */
.flex-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-space.align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-space.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-space.align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flex-space.justify-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-space.justify-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-space.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (max-width: 61.24em) {
  .flex-space {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.flex-space.col-2 > div, .flex-space.col-2 > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  max-width: 49%;
}

.flex-space.col-2 > div.width-auto, .flex-space.col-2 > li.width-auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: inherit;
}

@media (max-width: 61.24em) {
  .flex-space.col-2 > div, .flex-space.col-2 > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-space.col-2 > div.responsive-order-0, .flex-space.col-2 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-2 > div.responsive-order-1, .flex-space.col-2 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-2 > div.responsive-order-2, .flex-space.col-2 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-2 > div.responsive-order-3, .flex-space.col-2 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-2 > div.responsive-order-4, .flex-space.col-2 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-2 > div.responsive-order-5, .flex-space.col-2 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-2 > div.responsive-order-6, .flex-space.col-2 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-2 > div.responsive-order-7, .flex-space.col-2 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-2 > div.responsive-order-8, .flex-space.col-2 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-2 > div.responsive-order-9, .flex-space.col-2 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-2 > div.responsive-order-10, .flex-space.col-2 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.flex-space.col-3 > div, .flex-space.col-3 > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  max-width: 32%;
}

.flex-space.col-3 > div.width-auto, .flex-space.col-3 > li.width-auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 61.24em) {
  .flex-space.col-3 > div, .flex-space.col-3 > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-space.col-3 > div.responsive-order-0, .flex-space.col-3 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-3 > div.responsive-order-1, .flex-space.col-3 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-3 > div.responsive-order-2, .flex-space.col-3 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-3 > div.responsive-order-3, .flex-space.col-3 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-3 > div.responsive-order-4, .flex-space.col-3 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-3 > div.responsive-order-5, .flex-space.col-3 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-3 > div.responsive-order-6, .flex-space.col-3 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-3 > div.responsive-order-7, .flex-space.col-3 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-3 > div.responsive-order-8, .flex-space.col-3 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-3 > div.responsive-order-9, .flex-space.col-3 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-3 > div.responsive-order-10, .flex-space.col-3 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.flex-space.col-4 > div, .flex-space.col-4 > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
  max-width: 24%;
}

.flex-space.col-4 > div.width-auto, .flex-space.col-4 > li.width-auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 61.24em) {
  .flex-space.col-4 > div, .flex-space.col-4 > li {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    max-width: 49%;
  }
  .flex-space.col-4 > div.responsive-order-0, .flex-space.col-4 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-4 > div.responsive-order-1, .flex-space.col-4 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-4 > div.responsive-order-2, .flex-space.col-4 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-4 > div.responsive-order-3, .flex-space.col-4 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-4 > div.responsive-order-4, .flex-space.col-4 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-4 > div.responsive-order-5, .flex-space.col-4 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-4 > div.responsive-order-6, .flex-space.col-4 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-4 > div.responsive-order-7, .flex-space.col-4 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-4 > div.responsive-order-8, .flex-space.col-4 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-4 > div.responsive-order-9, .flex-space.col-4 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-4 > div.responsive-order-10, .flex-space.col-4 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

@media (max-width: 47.9275em) {
  .flex-space.col-4 > div, .flex-space.col-4 > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .flex-space.col-4 > div.responsive-order-0, .flex-space.col-4 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-4 > div.responsive-order-1, .flex-space.col-4 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-4 > div.responsive-order-2, .flex-space.col-4 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-4 > div.responsive-order-3, .flex-space.col-4 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-4 > div.responsive-order-4, .flex-space.col-4 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-4 > div.responsive-order-5, .flex-space.col-4 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-4 > div.responsive-order-6, .flex-space.col-4 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-4 > div.responsive-order-7, .flex-space.col-4 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-4 > div.responsive-order-8, .flex-space.col-4 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-4 > div.responsive-order-9, .flex-space.col-4 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-4 > div.responsive-order-10, .flex-space.col-4 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.flex-space.col-4_tablet-col-2 > div, .flex-space.col-4_tablet-col-2 > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
  max-width: 24%;
}

.flex-space.col-4_tablet-col-2 > div.width-auto, .flex-space.col-4_tablet-col-2 > li.width-auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: inherit;
}

@media (max-width: 61.24em) {
  .flex-space.col-4_tablet-col-2 > div, .flex-space.col-4_tablet-col-2 > li {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    max-width: 49%;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-0, .flex-space.col-4_tablet-col-2 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-1, .flex-space.col-4_tablet-col-2 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-2, .flex-space.col-4_tablet-col-2 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-3, .flex-space.col-4_tablet-col-2 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-4, .flex-space.col-4_tablet-col-2 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-5, .flex-space.col-4_tablet-col-2 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-6, .flex-space.col-4_tablet-col-2 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-7, .flex-space.col-4_tablet-col-2 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-8, .flex-space.col-4_tablet-col-2 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-9, .flex-space.col-4_tablet-col-2 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-4_tablet-col-2 > div.responsive-order-10, .flex-space.col-4_tablet-col-2 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.flex-space.col-8_tablet-col-4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-space.col-8_tablet-col-4 > div, .flex-space.col-8_tablet-col-4 > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 12.4%;
  flex-basis: 12.4%;
  max-width: 12.4%;
}

.flex-space.col-8_tablet-col-4 > div.width-auto, .flex-space.col-8_tablet-col-4 > li.width-auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 61.24em) {
  .flex-space.col-8_tablet-col-4 > div, .flex-space.col-8_tablet-col-4 > li {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    max-width: 24%;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-0, .flex-space.col-8_tablet-col-4 > li.responsive-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-1, .flex-space.col-8_tablet-col-4 > li.responsive-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-2, .flex-space.col-8_tablet-col-4 > li.responsive-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-3, .flex-space.col-8_tablet-col-4 > li.responsive-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-4, .flex-space.col-8_tablet-col-4 > li.responsive-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-5, .flex-space.col-8_tablet-col-4 > li.responsive-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-6, .flex-space.col-8_tablet-col-4 > li.responsive-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-7, .flex-space.col-8_tablet-col-4 > li.responsive-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-8, .flex-space.col-8_tablet-col-4 > li.responsive-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-9, .flex-space.col-8_tablet-col-4 > li.responsive-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .flex-space.col-8_tablet-col-4 > div.responsive-order-10, .flex-space.col-8_tablet-col-4 > li.responsive-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.flex-space.vertical-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-space-tablet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media (max-width: 39.99em) {
  .flex-space-tablet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.flex-space-tablet.col-2 > div {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
}

@media (max-width: 39.99em) {
  .flex-space-tablet.col-2 > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.flex-space-tablet.col-3 > div {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
}

@media (max-width: 39.99em) {
  .flex-space-tablet.col-3 > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.flex-space-tablet.col-4 > div {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
}

@media (max-width: 39.99em) {
  .flex-space-tablet.col-4 > div {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
}

@media (max-width: 23.49em) {
  .flex-space-tablet.col-4 > div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

/* columns */
.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 39.99em) {
  .columns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.columns .col-space {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.columns .col-space.col-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

@media (max-width: 39.99em) {
  .columns .col-space.col-2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.columns .col-space.col-3 {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}

@media (max-width: 39.99em) {
  .columns .col-space.col-3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.columns .col-space.col-4 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

@media (max-width: 39.99em) {
  .columns .col-space.col-4 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.columns .col-space.col-5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

@media (max-width: 39.99em) {
  .columns .col-space.col-5 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.columns .col-space .col-item {
  padding: 1rem;
  word-break: break-all;
  height: 100%;
}

@media (max-width: 39.99em) {
  .columns .col-space .col-item {
    padding: 0;
  }
}

.wd-rem0 {
  width: 0rem;
}

.wd-rem0-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem0-responsive {
    width: 0rem;
  }
}

.wd-em0 {
  width: 0rem;
}

.wd-em0-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em0-responsive {
    width: 0rem;
  }
}

.wd-rem0-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem0-responsive-auto {
    width: 0rem;
  }
}

.wd-em0 {
  width: 0rem;
}

.wd-em0-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em0-responsive-auto {
    width: 0rem;
  }
}

.ht-rem0-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem0-responsive {
    height: 0rem;
  }
}

.ht-rem0 {
  height: 0rem;
}

.mt-rem0-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem0-responsive {
    margin-top: 0rem;
  }
}

.mt-rem0 {
  margin-top: 0rem;
}

.mr-rem0-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem0-responsive {
    margin-right: 0rem;
  }
}

.mr-rem0 {
  margin-right: 0rem;
}

.ml-rem0-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem0-responsive {
    margin-left: 0rem;
  }
}

.ml-rem0 {
  margin-left: 0rem;
}

.mb-rem0-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem0-responsive {
    margin-bottom: 0rem;
  }
}

.mb-rem0 {
  margin-bottom: 0rem;
}

.pt-rem0-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem0-responsive {
    padding-top: 0rem;
  }
}

.pt-rem0 {
  padding-top: 0rem;
}

.pr-rem0-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem0-responsive {
    padding-right: 0rem;
  }
}

.pr-rem0 {
  padding-right: 0rem;
}

.pl-rem0-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem0-responsive {
    padding-left: 0rem;
  }
}

.pl-rem0 {
  padding-left: 0rem;
}

.pb-rem0-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem0-responsive {
    padding-bottom: 0rem;
  }
}

.pb-rem0 {
  padding-bottom: 0rem;
}

@media (max-width: 23.49em) {
  .mt-rem0-spn {
    margin-top: 0rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem0-spn {
    margin-top: 0rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem0-spn {
    margin-bottom: 0rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem0-spn {
    margin-left: 0rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem0-spn {
    margin-right: 0rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem0-spn {
    padding-top: 0rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem0-spn {
    padding-bottom: 0rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem0-spn {
    padding-left: 0rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem0-spn {
    padding-right: 0rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem0-tablet-h {
    margin-top: 0rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem0-tablet-h {
    margin-top: 0rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem0-tablet-h {
    margin-bottom: 0rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem0-tablet-h {
    margin-left: 0rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem0-tablet-h {
    margin-right: 0rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem0-tablet-h {
    padding-top: 0rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem0-tablet-h {
    padding-bottom: 0rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem0-tablet-h {
    padding-left: 0rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem0-tablet-h {
    padding-right: 0rem;
  }
}

.wd-rem1 {
  width: 1rem;
}

.wd-rem1-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem1-responsive {
    width: 1rem;
  }
}

.wd-em1 {
  width: 1rem;
}

.wd-em1-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em1-responsive {
    width: 1rem;
  }
}

.wd-rem1-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem1-responsive-auto {
    width: 1rem;
  }
}

.wd-em1 {
  width: 1rem;
}

.wd-em1-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em1-responsive-auto {
    width: 1rem;
  }
}

.ht-rem1-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem1-responsive {
    height: 1rem;
  }
}

.ht-rem1 {
  height: 1rem;
}

.mt-rem1-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem1-responsive {
    margin-top: 1rem;
  }
}

.mt-rem1 {
  margin-top: 1rem;
}

.mr-rem1-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem1-responsive {
    margin-right: 1rem;
  }
}

.mr-rem1 {
  margin-right: 1rem;
}

.ml-rem1-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem1-responsive {
    margin-left: 1rem;
  }
}

.ml-rem1 {
  margin-left: 1rem;
}

.mb-rem1-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem1-responsive {
    margin-bottom: 1rem;
  }
}

.mb-rem1 {
  margin-bottom: 1rem;
}

.pt-rem1-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem1-responsive {
    padding-top: 1rem;
  }
}

.pt-rem1 {
  padding-top: 1rem;
}

.pr-rem1-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem1-responsive {
    padding-right: 1rem;
  }
}

.pr-rem1 {
  padding-right: 1rem;
}

.pl-rem1-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem1-responsive {
    padding-left: 1rem;
  }
}

.pl-rem1 {
  padding-left: 1rem;
}

.pb-rem1-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem1-responsive {
    padding-bottom: 1rem;
  }
}

.pb-rem1 {
  padding-bottom: 1rem;
}

@media (max-width: 23.49em) {
  .mt-rem1-spn {
    margin-top: 1rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem1-spn {
    margin-top: 1rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem1-spn {
    margin-bottom: 1rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem1-spn {
    margin-left: 1rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem1-spn {
    margin-right: 1rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem1-spn {
    padding-top: 1rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem1-spn {
    padding-bottom: 1rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem1-spn {
    padding-left: 1rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem1-spn {
    padding-right: 1rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem1-tablet-h {
    margin-top: 1rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem1-tablet-h {
    margin-top: 1rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem1-tablet-h {
    margin-bottom: 1rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem1-tablet-h {
    margin-left: 1rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem1-tablet-h {
    margin-right: 1rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem1-tablet-h {
    padding-top: 1rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem1-tablet-h {
    padding-bottom: 1rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem1-tablet-h {
    padding-left: 1rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem1-tablet-h {
    padding-right: 1rem;
  }
}

.wd-rem2 {
  width: 2rem;
}

.wd-rem2-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem2-responsive {
    width: 2rem;
  }
}

.wd-em2 {
  width: 2rem;
}

.wd-em2-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em2-responsive {
    width: 2rem;
  }
}

.wd-rem2-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem2-responsive-auto {
    width: 2rem;
  }
}

.wd-em2 {
  width: 2rem;
}

.wd-em2-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em2-responsive-auto {
    width: 2rem;
  }
}

.ht-rem2-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem2-responsive {
    height: 2rem;
  }
}

.ht-rem2 {
  height: 2rem;
}

.mt-rem2-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem2-responsive {
    margin-top: 2rem;
  }
}

.mt-rem2 {
  margin-top: 2rem;
}

.mr-rem2-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem2-responsive {
    margin-right: 2rem;
  }
}

.mr-rem2 {
  margin-right: 2rem;
}

.ml-rem2-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem2-responsive {
    margin-left: 2rem;
  }
}

.ml-rem2 {
  margin-left: 2rem;
}

.mb-rem2-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem2-responsive {
    margin-bottom: 2rem;
  }
}

.mb-rem2 {
  margin-bottom: 2rem;
}

.pt-rem2-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem2-responsive {
    padding-top: 2rem;
  }
}

.pt-rem2 {
  padding-top: 2rem;
}

.pr-rem2-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem2-responsive {
    padding-right: 2rem;
  }
}

.pr-rem2 {
  padding-right: 2rem;
}

.pl-rem2-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem2-responsive {
    padding-left: 2rem;
  }
}

.pl-rem2 {
  padding-left: 2rem;
}

.pb-rem2-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem2-responsive {
    padding-bottom: 2rem;
  }
}

.pb-rem2 {
  padding-bottom: 2rem;
}

@media (max-width: 23.49em) {
  .mt-rem2-spn {
    margin-top: 2rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem2-spn {
    margin-top: 2rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem2-spn {
    margin-bottom: 2rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem2-spn {
    margin-left: 2rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem2-spn {
    margin-right: 2rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem2-spn {
    padding-top: 2rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem2-spn {
    padding-bottom: 2rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem2-spn {
    padding-left: 2rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem2-spn {
    padding-right: 2rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem2-tablet-h {
    margin-top: 2rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem2-tablet-h {
    margin-top: 2rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem2-tablet-h {
    margin-bottom: 2rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem2-tablet-h {
    margin-left: 2rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem2-tablet-h {
    margin-right: 2rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem2-tablet-h {
    padding-top: 2rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem2-tablet-h {
    padding-bottom: 2rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem2-tablet-h {
    padding-left: 2rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem2-tablet-h {
    padding-right: 2rem;
  }
}

.wd-rem3 {
  width: 3rem;
}

.wd-rem3-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem3-responsive {
    width: 3rem;
  }
}

.wd-em3 {
  width: 3rem;
}

.wd-em3-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em3-responsive {
    width: 3rem;
  }
}

.wd-rem3-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem3-responsive-auto {
    width: 3rem;
  }
}

.wd-em3 {
  width: 3rem;
}

.wd-em3-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em3-responsive-auto {
    width: 3rem;
  }
}

.ht-rem3-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem3-responsive {
    height: 3rem;
  }
}

.ht-rem3 {
  height: 3rem;
}

.mt-rem3-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem3-responsive {
    margin-top: 3rem;
  }
}

.mt-rem3 {
  margin-top: 3rem;
}

.mr-rem3-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem3-responsive {
    margin-right: 3rem;
  }
}

.mr-rem3 {
  margin-right: 3rem;
}

.ml-rem3-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem3-responsive {
    margin-left: 3rem;
  }
}

.ml-rem3 {
  margin-left: 3rem;
}

.mb-rem3-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem3-responsive {
    margin-bottom: 3rem;
  }
}

.mb-rem3 {
  margin-bottom: 3rem;
}

.pt-rem3-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem3-responsive {
    padding-top: 3rem;
  }
}

.pt-rem3 {
  padding-top: 3rem;
}

.pr-rem3-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem3-responsive {
    padding-right: 3rem;
  }
}

.pr-rem3 {
  padding-right: 3rem;
}

.pl-rem3-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem3-responsive {
    padding-left: 3rem;
  }
}

.pl-rem3 {
  padding-left: 3rem;
}

.pb-rem3-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem3-responsive {
    padding-bottom: 3rem;
  }
}

.pb-rem3 {
  padding-bottom: 3rem;
}

@media (max-width: 23.49em) {
  .mt-rem3-spn {
    margin-top: 3rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem3-spn {
    margin-top: 3rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem3-spn {
    margin-bottom: 3rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem3-spn {
    margin-left: 3rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem3-spn {
    margin-right: 3rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem3-spn {
    padding-top: 3rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem3-spn {
    padding-bottom: 3rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem3-spn {
    padding-left: 3rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem3-spn {
    padding-right: 3rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem3-tablet-h {
    margin-top: 3rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem3-tablet-h {
    margin-top: 3rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem3-tablet-h {
    margin-bottom: 3rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem3-tablet-h {
    margin-left: 3rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem3-tablet-h {
    margin-right: 3rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem3-tablet-h {
    padding-top: 3rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem3-tablet-h {
    padding-bottom: 3rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem3-tablet-h {
    padding-left: 3rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem3-tablet-h {
    padding-right: 3rem;
  }
}

.wd-rem4 {
  width: 4rem;
}

.wd-rem4-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem4-responsive {
    width: 4rem;
  }
}

.wd-em4 {
  width: 4rem;
}

.wd-em4-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em4-responsive {
    width: 4rem;
  }
}

.wd-rem4-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem4-responsive-auto {
    width: 4rem;
  }
}

.wd-em4 {
  width: 4rem;
}

.wd-em4-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em4-responsive-auto {
    width: 4rem;
  }
}

.ht-rem4-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem4-responsive {
    height: 4rem;
  }
}

.ht-rem4 {
  height: 4rem;
}

.mt-rem4-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem4-responsive {
    margin-top: 4rem;
  }
}

.mt-rem4 {
  margin-top: 4rem;
}

.mr-rem4-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem4-responsive {
    margin-right: 4rem;
  }
}

.mr-rem4 {
  margin-right: 4rem;
}

.ml-rem4-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem4-responsive {
    margin-left: 4rem;
  }
}

.ml-rem4 {
  margin-left: 4rem;
}

.mb-rem4-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem4-responsive {
    margin-bottom: 4rem;
  }
}

.mb-rem4 {
  margin-bottom: 4rem;
}

.pt-rem4-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem4-responsive {
    padding-top: 4rem;
  }
}

.pt-rem4 {
  padding-top: 4rem;
}

.pr-rem4-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem4-responsive {
    padding-right: 4rem;
  }
}

.pr-rem4 {
  padding-right: 4rem;
}

.pl-rem4-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem4-responsive {
    padding-left: 4rem;
  }
}

.pl-rem4 {
  padding-left: 4rem;
}

.pb-rem4-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem4-responsive {
    padding-bottom: 4rem;
  }
}

.pb-rem4 {
  padding-bottom: 4rem;
}

@media (max-width: 23.49em) {
  .mt-rem4-spn {
    margin-top: 4rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem4-spn {
    margin-top: 4rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem4-spn {
    margin-bottom: 4rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem4-spn {
    margin-left: 4rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem4-spn {
    margin-right: 4rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem4-spn {
    padding-top: 4rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem4-spn {
    padding-bottom: 4rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem4-spn {
    padding-left: 4rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem4-spn {
    padding-right: 4rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem4-tablet-h {
    margin-top: 4rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem4-tablet-h {
    margin-top: 4rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem4-tablet-h {
    margin-bottom: 4rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem4-tablet-h {
    margin-left: 4rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem4-tablet-h {
    margin-right: 4rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem4-tablet-h {
    padding-top: 4rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem4-tablet-h {
    padding-bottom: 4rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem4-tablet-h {
    padding-left: 4rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem4-tablet-h {
    padding-right: 4rem;
  }
}

.wd-rem5 {
  width: 5rem;
}

.wd-rem5-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem5-responsive {
    width: 5rem;
  }
}

.wd-em5 {
  width: 5rem;
}

.wd-em5-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em5-responsive {
    width: 5rem;
  }
}

.wd-rem5-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem5-responsive-auto {
    width: 5rem;
  }
}

.wd-em5 {
  width: 5rem;
}

.wd-em5-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em5-responsive-auto {
    width: 5rem;
  }
}

.ht-rem5-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem5-responsive {
    height: 5rem;
  }
}

.ht-rem5 {
  height: 5rem;
}

.mt-rem5-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem5-responsive {
    margin-top: 5rem;
  }
}

.mt-rem5 {
  margin-top: 5rem;
}

.mr-rem5-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem5-responsive {
    margin-right: 5rem;
  }
}

.mr-rem5 {
  margin-right: 5rem;
}

.ml-rem5-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem5-responsive {
    margin-left: 5rem;
  }
}

.ml-rem5 {
  margin-left: 5rem;
}

.mb-rem5-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem5-responsive {
    margin-bottom: 5rem;
  }
}

.mb-rem5 {
  margin-bottom: 5rem;
}

.pt-rem5-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem5-responsive {
    padding-top: 5rem;
  }
}

.pt-rem5 {
  padding-top: 5rem;
}

.pr-rem5-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem5-responsive {
    padding-right: 5rem;
  }
}

.pr-rem5 {
  padding-right: 5rem;
}

.pl-rem5-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem5-responsive {
    padding-left: 5rem;
  }
}

.pl-rem5 {
  padding-left: 5rem;
}

.pb-rem5-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem5-responsive {
    padding-bottom: 5rem;
  }
}

.pb-rem5 {
  padding-bottom: 5rem;
}

@media (max-width: 23.49em) {
  .mt-rem5-spn {
    margin-top: 5rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem5-spn {
    margin-top: 5rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem5-spn {
    margin-bottom: 5rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem5-spn {
    margin-left: 5rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem5-spn {
    margin-right: 5rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem5-spn {
    padding-top: 5rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem5-spn {
    padding-bottom: 5rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem5-spn {
    padding-left: 5rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem5-spn {
    padding-right: 5rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem5-tablet-h {
    margin-top: 5rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem5-tablet-h {
    margin-top: 5rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem5-tablet-h {
    margin-bottom: 5rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem5-tablet-h {
    margin-left: 5rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem5-tablet-h {
    margin-right: 5rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem5-tablet-h {
    padding-top: 5rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem5-tablet-h {
    padding-bottom: 5rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem5-tablet-h {
    padding-left: 5rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem5-tablet-h {
    padding-right: 5rem;
  }
}

.wd-rem6 {
  width: 6rem;
}

.wd-rem6-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem6-responsive {
    width: 6rem;
  }
}

.wd-em6 {
  width: 6rem;
}

.wd-em6-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em6-responsive {
    width: 6rem;
  }
}

.wd-rem6-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem6-responsive-auto {
    width: 6rem;
  }
}

.wd-em6 {
  width: 6rem;
}

.wd-em6-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em6-responsive-auto {
    width: 6rem;
  }
}

.ht-rem6-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem6-responsive {
    height: 6rem;
  }
}

.ht-rem6 {
  height: 6rem;
}

.mt-rem6-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem6-responsive {
    margin-top: 6rem;
  }
}

.mt-rem6 {
  margin-top: 6rem;
}

.mr-rem6-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem6-responsive {
    margin-right: 6rem;
  }
}

.mr-rem6 {
  margin-right: 6rem;
}

.ml-rem6-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem6-responsive {
    margin-left: 6rem;
  }
}

.ml-rem6 {
  margin-left: 6rem;
}

.mb-rem6-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem6-responsive {
    margin-bottom: 6rem;
  }
}

.mb-rem6 {
  margin-bottom: 6rem;
}

.pt-rem6-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem6-responsive {
    padding-top: 6rem;
  }
}

.pt-rem6 {
  padding-top: 6rem;
}

.pr-rem6-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem6-responsive {
    padding-right: 6rem;
  }
}

.pr-rem6 {
  padding-right: 6rem;
}

.pl-rem6-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem6-responsive {
    padding-left: 6rem;
  }
}

.pl-rem6 {
  padding-left: 6rem;
}

.pb-rem6-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem6-responsive {
    padding-bottom: 6rem;
  }
}

.pb-rem6 {
  padding-bottom: 6rem;
}

@media (max-width: 23.49em) {
  .mt-rem6-spn {
    margin-top: 6rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem6-spn {
    margin-top: 6rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem6-spn {
    margin-bottom: 6rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem6-spn {
    margin-left: 6rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem6-spn {
    margin-right: 6rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem6-spn {
    padding-top: 6rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem6-spn {
    padding-bottom: 6rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem6-spn {
    padding-left: 6rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem6-spn {
    padding-right: 6rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem6-tablet-h {
    margin-top: 6rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem6-tablet-h {
    margin-top: 6rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem6-tablet-h {
    margin-bottom: 6rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem6-tablet-h {
    margin-left: 6rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem6-tablet-h {
    margin-right: 6rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem6-tablet-h {
    padding-top: 6rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem6-tablet-h {
    padding-bottom: 6rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem6-tablet-h {
    padding-left: 6rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem6-tablet-h {
    padding-right: 6rem;
  }
}

.wd-rem7 {
  width: 7rem;
}

.wd-rem7-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem7-responsive {
    width: 7rem;
  }
}

.wd-em7 {
  width: 7rem;
}

.wd-em7-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em7-responsive {
    width: 7rem;
  }
}

.wd-rem7-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem7-responsive-auto {
    width: 7rem;
  }
}

.wd-em7 {
  width: 7rem;
}

.wd-em7-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em7-responsive-auto {
    width: 7rem;
  }
}

.ht-rem7-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem7-responsive {
    height: 7rem;
  }
}

.ht-rem7 {
  height: 7rem;
}

.mt-rem7-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem7-responsive {
    margin-top: 7rem;
  }
}

.mt-rem7 {
  margin-top: 7rem;
}

.mr-rem7-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem7-responsive {
    margin-right: 7rem;
  }
}

.mr-rem7 {
  margin-right: 7rem;
}

.ml-rem7-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem7-responsive {
    margin-left: 7rem;
  }
}

.ml-rem7 {
  margin-left: 7rem;
}

.mb-rem7-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem7-responsive {
    margin-bottom: 7rem;
  }
}

.mb-rem7 {
  margin-bottom: 7rem;
}

.pt-rem7-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem7-responsive {
    padding-top: 7rem;
  }
}

.pt-rem7 {
  padding-top: 7rem;
}

.pr-rem7-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem7-responsive {
    padding-right: 7rem;
  }
}

.pr-rem7 {
  padding-right: 7rem;
}

.pl-rem7-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem7-responsive {
    padding-left: 7rem;
  }
}

.pl-rem7 {
  padding-left: 7rem;
}

.pb-rem7-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem7-responsive {
    padding-bottom: 7rem;
  }
}

.pb-rem7 {
  padding-bottom: 7rem;
}

@media (max-width: 23.49em) {
  .mt-rem7-spn {
    margin-top: 7rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem7-spn {
    margin-top: 7rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem7-spn {
    margin-bottom: 7rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem7-spn {
    margin-left: 7rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem7-spn {
    margin-right: 7rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem7-spn {
    padding-top: 7rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem7-spn {
    padding-bottom: 7rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem7-spn {
    padding-left: 7rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem7-spn {
    padding-right: 7rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem7-tablet-h {
    margin-top: 7rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem7-tablet-h {
    margin-top: 7rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem7-tablet-h {
    margin-bottom: 7rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem7-tablet-h {
    margin-left: 7rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem7-tablet-h {
    margin-right: 7rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem7-tablet-h {
    padding-top: 7rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem7-tablet-h {
    padding-bottom: 7rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem7-tablet-h {
    padding-left: 7rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem7-tablet-h {
    padding-right: 7rem;
  }
}

.wd-rem8 {
  width: 8rem;
}

.wd-rem8-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem8-responsive {
    width: 8rem;
  }
}

.wd-em8 {
  width: 8rem;
}

.wd-em8-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em8-responsive {
    width: 8rem;
  }
}

.wd-rem8-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem8-responsive-auto {
    width: 8rem;
  }
}

.wd-em8 {
  width: 8rem;
}

.wd-em8-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em8-responsive-auto {
    width: 8rem;
  }
}

.ht-rem8-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem8-responsive {
    height: 8rem;
  }
}

.ht-rem8 {
  height: 8rem;
}

.mt-rem8-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem8-responsive {
    margin-top: 8rem;
  }
}

.mt-rem8 {
  margin-top: 8rem;
}

.mr-rem8-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem8-responsive {
    margin-right: 8rem;
  }
}

.mr-rem8 {
  margin-right: 8rem;
}

.ml-rem8-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem8-responsive {
    margin-left: 8rem;
  }
}

.ml-rem8 {
  margin-left: 8rem;
}

.mb-rem8-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem8-responsive {
    margin-bottom: 8rem;
  }
}

.mb-rem8 {
  margin-bottom: 8rem;
}

.pt-rem8-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem8-responsive {
    padding-top: 8rem;
  }
}

.pt-rem8 {
  padding-top: 8rem;
}

.pr-rem8-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem8-responsive {
    padding-right: 8rem;
  }
}

.pr-rem8 {
  padding-right: 8rem;
}

.pl-rem8-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem8-responsive {
    padding-left: 8rem;
  }
}

.pl-rem8 {
  padding-left: 8rem;
}

.pb-rem8-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem8-responsive {
    padding-bottom: 8rem;
  }
}

.pb-rem8 {
  padding-bottom: 8rem;
}

@media (max-width: 23.49em) {
  .mt-rem8-spn {
    margin-top: 8rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem8-spn {
    margin-top: 8rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem8-spn {
    margin-bottom: 8rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem8-spn {
    margin-left: 8rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem8-spn {
    margin-right: 8rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem8-spn {
    padding-top: 8rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem8-spn {
    padding-bottom: 8rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem8-spn {
    padding-left: 8rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem8-spn {
    padding-right: 8rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem8-tablet-h {
    margin-top: 8rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem8-tablet-h {
    margin-top: 8rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem8-tablet-h {
    margin-bottom: 8rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem8-tablet-h {
    margin-left: 8rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem8-tablet-h {
    margin-right: 8rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem8-tablet-h {
    padding-top: 8rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem8-tablet-h {
    padding-bottom: 8rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem8-tablet-h {
    padding-left: 8rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem8-tablet-h {
    padding-right: 8rem;
  }
}

.wd-rem9 {
  width: 9rem;
}

.wd-rem9-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem9-responsive {
    width: 9rem;
  }
}

.wd-em9 {
  width: 9rem;
}

.wd-em9-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em9-responsive {
    width: 9rem;
  }
}

.wd-rem9-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem9-responsive-auto {
    width: 9rem;
  }
}

.wd-em9 {
  width: 9rem;
}

.wd-em9-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em9-responsive-auto {
    width: 9rem;
  }
}

.ht-rem9-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem9-responsive {
    height: 9rem;
  }
}

.ht-rem9 {
  height: 9rem;
}

.mt-rem9-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem9-responsive {
    margin-top: 9rem;
  }
}

.mt-rem9 {
  margin-top: 9rem;
}

.mr-rem9-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem9-responsive {
    margin-right: 9rem;
  }
}

.mr-rem9 {
  margin-right: 9rem;
}

.ml-rem9-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem9-responsive {
    margin-left: 9rem;
  }
}

.ml-rem9 {
  margin-left: 9rem;
}

.mb-rem9-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem9-responsive {
    margin-bottom: 9rem;
  }
}

.mb-rem9 {
  margin-bottom: 9rem;
}

.pt-rem9-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem9-responsive {
    padding-top: 9rem;
  }
}

.pt-rem9 {
  padding-top: 9rem;
}

.pr-rem9-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem9-responsive {
    padding-right: 9rem;
  }
}

.pr-rem9 {
  padding-right: 9rem;
}

.pl-rem9-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem9-responsive {
    padding-left: 9rem;
  }
}

.pl-rem9 {
  padding-left: 9rem;
}

.pb-rem9-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem9-responsive {
    padding-bottom: 9rem;
  }
}

.pb-rem9 {
  padding-bottom: 9rem;
}

@media (max-width: 23.49em) {
  .mt-rem9-spn {
    margin-top: 9rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem9-spn {
    margin-top: 9rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem9-spn {
    margin-bottom: 9rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem9-spn {
    margin-left: 9rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem9-spn {
    margin-right: 9rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem9-spn {
    padding-top: 9rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem9-spn {
    padding-bottom: 9rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem9-spn {
    padding-left: 9rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem9-spn {
    padding-right: 9rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem9-tablet-h {
    margin-top: 9rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem9-tablet-h {
    margin-top: 9rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem9-tablet-h {
    margin-bottom: 9rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem9-tablet-h {
    margin-left: 9rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem9-tablet-h {
    margin-right: 9rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem9-tablet-h {
    padding-top: 9rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem9-tablet-h {
    padding-bottom: 9rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem9-tablet-h {
    padding-left: 9rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem9-tablet-h {
    padding-right: 9rem;
  }
}

.wd-rem10 {
  width: 10rem;
}

.wd-rem10-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem10-responsive {
    width: 10rem;
  }
}

.wd-em10 {
  width: 10rem;
}

.wd-em10-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em10-responsive {
    width: 10rem;
  }
}

.wd-rem10-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem10-responsive-auto {
    width: 10rem;
  }
}

.wd-em10 {
  width: 10rem;
}

.wd-em10-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em10-responsive-auto {
    width: 10rem;
  }
}

.ht-rem10-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem10-responsive {
    height: 10rem;
  }
}

.ht-rem10 {
  height: 10rem;
}

.mt-rem10-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem10-responsive {
    margin-top: 10rem;
  }
}

.mt-rem10 {
  margin-top: 10rem;
}

.mr-rem10-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem10-responsive {
    margin-right: 10rem;
  }
}

.mr-rem10 {
  margin-right: 10rem;
}

.ml-rem10-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem10-responsive {
    margin-left: 10rem;
  }
}

.ml-rem10 {
  margin-left: 10rem;
}

.mb-rem10-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem10-responsive {
    margin-bottom: 10rem;
  }
}

.mb-rem10 {
  margin-bottom: 10rem;
}

.pt-rem10-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem10-responsive {
    padding-top: 10rem;
  }
}

.pt-rem10 {
  padding-top: 10rem;
}

.pr-rem10-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem10-responsive {
    padding-right: 10rem;
  }
}

.pr-rem10 {
  padding-right: 10rem;
}

.pl-rem10-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem10-responsive {
    padding-left: 10rem;
  }
}

.pl-rem10 {
  padding-left: 10rem;
}

.pb-rem10-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem10-responsive {
    padding-bottom: 10rem;
  }
}

.pb-rem10 {
  padding-bottom: 10rem;
}

@media (max-width: 23.49em) {
  .mt-rem10-spn {
    margin-top: 10rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem10-spn {
    margin-top: 10rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem10-spn {
    margin-bottom: 10rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem10-spn {
    margin-left: 10rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem10-spn {
    margin-right: 10rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem10-spn {
    padding-top: 10rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem10-spn {
    padding-bottom: 10rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem10-spn {
    padding-left: 10rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem10-spn {
    padding-right: 10rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem10-tablet-h {
    margin-top: 10rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem10-tablet-h {
    margin-top: 10rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem10-tablet-h {
    margin-bottom: 10rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem10-tablet-h {
    margin-left: 10rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem10-tablet-h {
    margin-right: 10rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem10-tablet-h {
    padding-top: 10rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem10-tablet-h {
    padding-bottom: 10rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem10-tablet-h {
    padding-left: 10rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem10-tablet-h {
    padding-right: 10rem;
  }
}

.wd-rem11 {
  width: 11rem;
}

.wd-rem11-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem11-responsive {
    width: 11rem;
  }
}

.wd-em11 {
  width: 11rem;
}

.wd-em11-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em11-responsive {
    width: 11rem;
  }
}

.wd-rem11-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem11-responsive-auto {
    width: 11rem;
  }
}

.wd-em11 {
  width: 11rem;
}

.wd-em11-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em11-responsive-auto {
    width: 11rem;
  }
}

.ht-rem11-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem11-responsive {
    height: 11rem;
  }
}

.ht-rem11 {
  height: 11rem;
}

.mt-rem11-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem11-responsive {
    margin-top: 11rem;
  }
}

.mt-rem11 {
  margin-top: 11rem;
}

.mr-rem11-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem11-responsive {
    margin-right: 11rem;
  }
}

.mr-rem11 {
  margin-right: 11rem;
}

.ml-rem11-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem11-responsive {
    margin-left: 11rem;
  }
}

.ml-rem11 {
  margin-left: 11rem;
}

.mb-rem11-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem11-responsive {
    margin-bottom: 11rem;
  }
}

.mb-rem11 {
  margin-bottom: 11rem;
}

.pt-rem11-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem11-responsive {
    padding-top: 11rem;
  }
}

.pt-rem11 {
  padding-top: 11rem;
}

.pr-rem11-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem11-responsive {
    padding-right: 11rem;
  }
}

.pr-rem11 {
  padding-right: 11rem;
}

.pl-rem11-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem11-responsive {
    padding-left: 11rem;
  }
}

.pl-rem11 {
  padding-left: 11rem;
}

.pb-rem11-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem11-responsive {
    padding-bottom: 11rem;
  }
}

.pb-rem11 {
  padding-bottom: 11rem;
}

@media (max-width: 23.49em) {
  .mt-rem11-spn {
    margin-top: 11rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem11-spn {
    margin-top: 11rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem11-spn {
    margin-bottom: 11rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem11-spn {
    margin-left: 11rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem11-spn {
    margin-right: 11rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem11-spn {
    padding-top: 11rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem11-spn {
    padding-bottom: 11rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem11-spn {
    padding-left: 11rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem11-spn {
    padding-right: 11rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem11-tablet-h {
    margin-top: 11rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem11-tablet-h {
    margin-top: 11rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem11-tablet-h {
    margin-bottom: 11rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem11-tablet-h {
    margin-left: 11rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem11-tablet-h {
    margin-right: 11rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem11-tablet-h {
    padding-top: 11rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem11-tablet-h {
    padding-bottom: 11rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem11-tablet-h {
    padding-left: 11rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem11-tablet-h {
    padding-right: 11rem;
  }
}

.wd-rem12 {
  width: 12rem;
}

.wd-rem12-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem12-responsive {
    width: 12rem;
  }
}

.wd-em12 {
  width: 12rem;
}

.wd-em12-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em12-responsive {
    width: 12rem;
  }
}

.wd-rem12-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem12-responsive-auto {
    width: 12rem;
  }
}

.wd-em12 {
  width: 12rem;
}

.wd-em12-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em12-responsive-auto {
    width: 12rem;
  }
}

.ht-rem12-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem12-responsive {
    height: 12rem;
  }
}

.ht-rem12 {
  height: 12rem;
}

.mt-rem12-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem12-responsive {
    margin-top: 12rem;
  }
}

.mt-rem12 {
  margin-top: 12rem;
}

.mr-rem12-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem12-responsive {
    margin-right: 12rem;
  }
}

.mr-rem12 {
  margin-right: 12rem;
}

.ml-rem12-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem12-responsive {
    margin-left: 12rem;
  }
}

.ml-rem12 {
  margin-left: 12rem;
}

.mb-rem12-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem12-responsive {
    margin-bottom: 12rem;
  }
}

.mb-rem12 {
  margin-bottom: 12rem;
}

.pt-rem12-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem12-responsive {
    padding-top: 12rem;
  }
}

.pt-rem12 {
  padding-top: 12rem;
}

.pr-rem12-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem12-responsive {
    padding-right: 12rem;
  }
}

.pr-rem12 {
  padding-right: 12rem;
}

.pl-rem12-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem12-responsive {
    padding-left: 12rem;
  }
}

.pl-rem12 {
  padding-left: 12rem;
}

.pb-rem12-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem12-responsive {
    padding-bottom: 12rem;
  }
}

.pb-rem12 {
  padding-bottom: 12rem;
}

@media (max-width: 23.49em) {
  .mt-rem12-spn {
    margin-top: 12rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem12-spn {
    margin-top: 12rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem12-spn {
    margin-bottom: 12rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem12-spn {
    margin-left: 12rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem12-spn {
    margin-right: 12rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem12-spn {
    padding-top: 12rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem12-spn {
    padding-bottom: 12rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem12-spn {
    padding-left: 12rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem12-spn {
    padding-right: 12rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem12-tablet-h {
    margin-top: 12rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem12-tablet-h {
    margin-top: 12rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem12-tablet-h {
    margin-bottom: 12rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem12-tablet-h {
    margin-left: 12rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem12-tablet-h {
    margin-right: 12rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem12-tablet-h {
    padding-top: 12rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem12-tablet-h {
    padding-bottom: 12rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem12-tablet-h {
    padding-left: 12rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem12-tablet-h {
    padding-right: 12rem;
  }
}

.wd-rem13 {
  width: 13rem;
}

.wd-rem13-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem13-responsive {
    width: 13rem;
  }
}

.wd-em13 {
  width: 13rem;
}

.wd-em13-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em13-responsive {
    width: 13rem;
  }
}

.wd-rem13-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem13-responsive-auto {
    width: 13rem;
  }
}

.wd-em13 {
  width: 13rem;
}

.wd-em13-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em13-responsive-auto {
    width: 13rem;
  }
}

.ht-rem13-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem13-responsive {
    height: 13rem;
  }
}

.ht-rem13 {
  height: 13rem;
}

.mt-rem13-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem13-responsive {
    margin-top: 13rem;
  }
}

.mt-rem13 {
  margin-top: 13rem;
}

.mr-rem13-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem13-responsive {
    margin-right: 13rem;
  }
}

.mr-rem13 {
  margin-right: 13rem;
}

.ml-rem13-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem13-responsive {
    margin-left: 13rem;
  }
}

.ml-rem13 {
  margin-left: 13rem;
}

.mb-rem13-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem13-responsive {
    margin-bottom: 13rem;
  }
}

.mb-rem13 {
  margin-bottom: 13rem;
}

.pt-rem13-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem13-responsive {
    padding-top: 13rem;
  }
}

.pt-rem13 {
  padding-top: 13rem;
}

.pr-rem13-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem13-responsive {
    padding-right: 13rem;
  }
}

.pr-rem13 {
  padding-right: 13rem;
}

.pl-rem13-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem13-responsive {
    padding-left: 13rem;
  }
}

.pl-rem13 {
  padding-left: 13rem;
}

.pb-rem13-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem13-responsive {
    padding-bottom: 13rem;
  }
}

.pb-rem13 {
  padding-bottom: 13rem;
}

@media (max-width: 23.49em) {
  .mt-rem13-spn {
    margin-top: 13rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem13-spn {
    margin-top: 13rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem13-spn {
    margin-bottom: 13rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem13-spn {
    margin-left: 13rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem13-spn {
    margin-right: 13rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem13-spn {
    padding-top: 13rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem13-spn {
    padding-bottom: 13rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem13-spn {
    padding-left: 13rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem13-spn {
    padding-right: 13rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem13-tablet-h {
    margin-top: 13rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem13-tablet-h {
    margin-top: 13rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem13-tablet-h {
    margin-bottom: 13rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem13-tablet-h {
    margin-left: 13rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem13-tablet-h {
    margin-right: 13rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem13-tablet-h {
    padding-top: 13rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem13-tablet-h {
    padding-bottom: 13rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem13-tablet-h {
    padding-left: 13rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem13-tablet-h {
    padding-right: 13rem;
  }
}

.wd-rem14 {
  width: 14rem;
}

.wd-rem14-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem14-responsive {
    width: 14rem;
  }
}

.wd-em14 {
  width: 14rem;
}

.wd-em14-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em14-responsive {
    width: 14rem;
  }
}

.wd-rem14-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem14-responsive-auto {
    width: 14rem;
  }
}

.wd-em14 {
  width: 14rem;
}

.wd-em14-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em14-responsive-auto {
    width: 14rem;
  }
}

.ht-rem14-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem14-responsive {
    height: 14rem;
  }
}

.ht-rem14 {
  height: 14rem;
}

.mt-rem14-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem14-responsive {
    margin-top: 14rem;
  }
}

.mt-rem14 {
  margin-top: 14rem;
}

.mr-rem14-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem14-responsive {
    margin-right: 14rem;
  }
}

.mr-rem14 {
  margin-right: 14rem;
}

.ml-rem14-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem14-responsive {
    margin-left: 14rem;
  }
}

.ml-rem14 {
  margin-left: 14rem;
}

.mb-rem14-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem14-responsive {
    margin-bottom: 14rem;
  }
}

.mb-rem14 {
  margin-bottom: 14rem;
}

.pt-rem14-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem14-responsive {
    padding-top: 14rem;
  }
}

.pt-rem14 {
  padding-top: 14rem;
}

.pr-rem14-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem14-responsive {
    padding-right: 14rem;
  }
}

.pr-rem14 {
  padding-right: 14rem;
}

.pl-rem14-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem14-responsive {
    padding-left: 14rem;
  }
}

.pl-rem14 {
  padding-left: 14rem;
}

.pb-rem14-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem14-responsive {
    padding-bottom: 14rem;
  }
}

.pb-rem14 {
  padding-bottom: 14rem;
}

@media (max-width: 23.49em) {
  .mt-rem14-spn {
    margin-top: 14rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem14-spn {
    margin-top: 14rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem14-spn {
    margin-bottom: 14rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem14-spn {
    margin-left: 14rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem14-spn {
    margin-right: 14rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem14-spn {
    padding-top: 14rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem14-spn {
    padding-bottom: 14rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem14-spn {
    padding-left: 14rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem14-spn {
    padding-right: 14rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem14-tablet-h {
    margin-top: 14rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem14-tablet-h {
    margin-top: 14rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem14-tablet-h {
    margin-bottom: 14rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem14-tablet-h {
    margin-left: 14rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem14-tablet-h {
    margin-right: 14rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem14-tablet-h {
    padding-top: 14rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem14-tablet-h {
    padding-bottom: 14rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem14-tablet-h {
    padding-left: 14rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem14-tablet-h {
    padding-right: 14rem;
  }
}

.wd-rem15 {
  width: 15rem;
}

.wd-rem15-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem15-responsive {
    width: 15rem;
  }
}

.wd-em15 {
  width: 15rem;
}

.wd-em15-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em15-responsive {
    width: 15rem;
  }
}

.wd-rem15-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem15-responsive-auto {
    width: 15rem;
  }
}

.wd-em15 {
  width: 15rem;
}

.wd-em15-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em15-responsive-auto {
    width: 15rem;
  }
}

.ht-rem15-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem15-responsive {
    height: 15rem;
  }
}

.ht-rem15 {
  height: 15rem;
}

.mt-rem15-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem15-responsive {
    margin-top: 15rem;
  }
}

.mt-rem15 {
  margin-top: 15rem;
}

.mr-rem15-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem15-responsive {
    margin-right: 15rem;
  }
}

.mr-rem15 {
  margin-right: 15rem;
}

.ml-rem15-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem15-responsive {
    margin-left: 15rem;
  }
}

.ml-rem15 {
  margin-left: 15rem;
}

.mb-rem15-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem15-responsive {
    margin-bottom: 15rem;
  }
}

.mb-rem15 {
  margin-bottom: 15rem;
}

.pt-rem15-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem15-responsive {
    padding-top: 15rem;
  }
}

.pt-rem15 {
  padding-top: 15rem;
}

.pr-rem15-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem15-responsive {
    padding-right: 15rem;
  }
}

.pr-rem15 {
  padding-right: 15rem;
}

.pl-rem15-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem15-responsive {
    padding-left: 15rem;
  }
}

.pl-rem15 {
  padding-left: 15rem;
}

.pb-rem15-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem15-responsive {
    padding-bottom: 15rem;
  }
}

.pb-rem15 {
  padding-bottom: 15rem;
}

@media (max-width: 23.49em) {
  .mt-rem15-spn {
    margin-top: 15rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem15-spn {
    margin-top: 15rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem15-spn {
    margin-bottom: 15rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem15-spn {
    margin-left: 15rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem15-spn {
    margin-right: 15rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem15-spn {
    padding-top: 15rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem15-spn {
    padding-bottom: 15rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem15-spn {
    padding-left: 15rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem15-spn {
    padding-right: 15rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem15-tablet-h {
    margin-top: 15rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem15-tablet-h {
    margin-top: 15rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem15-tablet-h {
    margin-bottom: 15rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem15-tablet-h {
    margin-left: 15rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem15-tablet-h {
    margin-right: 15rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem15-tablet-h {
    padding-top: 15rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem15-tablet-h {
    padding-bottom: 15rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem15-tablet-h {
    padding-left: 15rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem15-tablet-h {
    padding-right: 15rem;
  }
}

.wd-rem16 {
  width: 16rem;
}

.wd-rem16-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem16-responsive {
    width: 16rem;
  }
}

.wd-em16 {
  width: 16rem;
}

.wd-em16-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em16-responsive {
    width: 16rem;
  }
}

.wd-rem16-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem16-responsive-auto {
    width: 16rem;
  }
}

.wd-em16 {
  width: 16rem;
}

.wd-em16-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em16-responsive-auto {
    width: 16rem;
  }
}

.ht-rem16-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem16-responsive {
    height: 16rem;
  }
}

.ht-rem16 {
  height: 16rem;
}

.mt-rem16-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem16-responsive {
    margin-top: 16rem;
  }
}

.mt-rem16 {
  margin-top: 16rem;
}

.mr-rem16-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem16-responsive {
    margin-right: 16rem;
  }
}

.mr-rem16 {
  margin-right: 16rem;
}

.ml-rem16-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem16-responsive {
    margin-left: 16rem;
  }
}

.ml-rem16 {
  margin-left: 16rem;
}

.mb-rem16-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem16-responsive {
    margin-bottom: 16rem;
  }
}

.mb-rem16 {
  margin-bottom: 16rem;
}

.pt-rem16-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem16-responsive {
    padding-top: 16rem;
  }
}

.pt-rem16 {
  padding-top: 16rem;
}

.pr-rem16-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem16-responsive {
    padding-right: 16rem;
  }
}

.pr-rem16 {
  padding-right: 16rem;
}

.pl-rem16-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem16-responsive {
    padding-left: 16rem;
  }
}

.pl-rem16 {
  padding-left: 16rem;
}

.pb-rem16-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem16-responsive {
    padding-bottom: 16rem;
  }
}

.pb-rem16 {
  padding-bottom: 16rem;
}

@media (max-width: 23.49em) {
  .mt-rem16-spn {
    margin-top: 16rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem16-spn {
    margin-top: 16rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem16-spn {
    margin-bottom: 16rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem16-spn {
    margin-left: 16rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem16-spn {
    margin-right: 16rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem16-spn {
    padding-top: 16rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem16-spn {
    padding-bottom: 16rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem16-spn {
    padding-left: 16rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem16-spn {
    padding-right: 16rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem16-tablet-h {
    margin-top: 16rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem16-tablet-h {
    margin-top: 16rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem16-tablet-h {
    margin-bottom: 16rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem16-tablet-h {
    margin-left: 16rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem16-tablet-h {
    margin-right: 16rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem16-tablet-h {
    padding-top: 16rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem16-tablet-h {
    padding-bottom: 16rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem16-tablet-h {
    padding-left: 16rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem16-tablet-h {
    padding-right: 16rem;
  }
}

.wd-rem17 {
  width: 17rem;
}

.wd-rem17-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem17-responsive {
    width: 17rem;
  }
}

.wd-em17 {
  width: 17rem;
}

.wd-em17-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em17-responsive {
    width: 17rem;
  }
}

.wd-rem17-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem17-responsive-auto {
    width: 17rem;
  }
}

.wd-em17 {
  width: 17rem;
}

.wd-em17-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em17-responsive-auto {
    width: 17rem;
  }
}

.ht-rem17-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem17-responsive {
    height: 17rem;
  }
}

.ht-rem17 {
  height: 17rem;
}

.mt-rem17-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem17-responsive {
    margin-top: 17rem;
  }
}

.mt-rem17 {
  margin-top: 17rem;
}

.mr-rem17-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem17-responsive {
    margin-right: 17rem;
  }
}

.mr-rem17 {
  margin-right: 17rem;
}

.ml-rem17-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem17-responsive {
    margin-left: 17rem;
  }
}

.ml-rem17 {
  margin-left: 17rem;
}

.mb-rem17-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem17-responsive {
    margin-bottom: 17rem;
  }
}

.mb-rem17 {
  margin-bottom: 17rem;
}

.pt-rem17-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem17-responsive {
    padding-top: 17rem;
  }
}

.pt-rem17 {
  padding-top: 17rem;
}

.pr-rem17-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem17-responsive {
    padding-right: 17rem;
  }
}

.pr-rem17 {
  padding-right: 17rem;
}

.pl-rem17-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem17-responsive {
    padding-left: 17rem;
  }
}

.pl-rem17 {
  padding-left: 17rem;
}

.pb-rem17-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem17-responsive {
    padding-bottom: 17rem;
  }
}

.pb-rem17 {
  padding-bottom: 17rem;
}

@media (max-width: 23.49em) {
  .mt-rem17-spn {
    margin-top: 17rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem17-spn {
    margin-top: 17rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem17-spn {
    margin-bottom: 17rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem17-spn {
    margin-left: 17rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem17-spn {
    margin-right: 17rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem17-spn {
    padding-top: 17rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem17-spn {
    padding-bottom: 17rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem17-spn {
    padding-left: 17rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem17-spn {
    padding-right: 17rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem17-tablet-h {
    margin-top: 17rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem17-tablet-h {
    margin-top: 17rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem17-tablet-h {
    margin-bottom: 17rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem17-tablet-h {
    margin-left: 17rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem17-tablet-h {
    margin-right: 17rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem17-tablet-h {
    padding-top: 17rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem17-tablet-h {
    padding-bottom: 17rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem17-tablet-h {
    padding-left: 17rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem17-tablet-h {
    padding-right: 17rem;
  }
}

.wd-rem18 {
  width: 18rem;
}

.wd-rem18-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem18-responsive {
    width: 18rem;
  }
}

.wd-em18 {
  width: 18rem;
}

.wd-em18-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em18-responsive {
    width: 18rem;
  }
}

.wd-rem18-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem18-responsive-auto {
    width: 18rem;
  }
}

.wd-em18 {
  width: 18rem;
}

.wd-em18-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em18-responsive-auto {
    width: 18rem;
  }
}

.ht-rem18-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem18-responsive {
    height: 18rem;
  }
}

.ht-rem18 {
  height: 18rem;
}

.mt-rem18-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem18-responsive {
    margin-top: 18rem;
  }
}

.mt-rem18 {
  margin-top: 18rem;
}

.mr-rem18-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem18-responsive {
    margin-right: 18rem;
  }
}

.mr-rem18 {
  margin-right: 18rem;
}

.ml-rem18-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem18-responsive {
    margin-left: 18rem;
  }
}

.ml-rem18 {
  margin-left: 18rem;
}

.mb-rem18-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem18-responsive {
    margin-bottom: 18rem;
  }
}

.mb-rem18 {
  margin-bottom: 18rem;
}

.pt-rem18-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem18-responsive {
    padding-top: 18rem;
  }
}

.pt-rem18 {
  padding-top: 18rem;
}

.pr-rem18-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem18-responsive {
    padding-right: 18rem;
  }
}

.pr-rem18 {
  padding-right: 18rem;
}

.pl-rem18-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem18-responsive {
    padding-left: 18rem;
  }
}

.pl-rem18 {
  padding-left: 18rem;
}

.pb-rem18-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem18-responsive {
    padding-bottom: 18rem;
  }
}

.pb-rem18 {
  padding-bottom: 18rem;
}

@media (max-width: 23.49em) {
  .mt-rem18-spn {
    margin-top: 18rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem18-spn {
    margin-top: 18rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem18-spn {
    margin-bottom: 18rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem18-spn {
    margin-left: 18rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem18-spn {
    margin-right: 18rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem18-spn {
    padding-top: 18rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem18-spn {
    padding-bottom: 18rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem18-spn {
    padding-left: 18rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem18-spn {
    padding-right: 18rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem18-tablet-h {
    margin-top: 18rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem18-tablet-h {
    margin-top: 18rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem18-tablet-h {
    margin-bottom: 18rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem18-tablet-h {
    margin-left: 18rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem18-tablet-h {
    margin-right: 18rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem18-tablet-h {
    padding-top: 18rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem18-tablet-h {
    padding-bottom: 18rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem18-tablet-h {
    padding-left: 18rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem18-tablet-h {
    padding-right: 18rem;
  }
}

.wd-rem19 {
  width: 19rem;
}

.wd-rem19-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem19-responsive {
    width: 19rem;
  }
}

.wd-em19 {
  width: 19rem;
}

.wd-em19-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em19-responsive {
    width: 19rem;
  }
}

.wd-rem19-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem19-responsive-auto {
    width: 19rem;
  }
}

.wd-em19 {
  width: 19rem;
}

.wd-em19-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em19-responsive-auto {
    width: 19rem;
  }
}

.ht-rem19-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem19-responsive {
    height: 19rem;
  }
}

.ht-rem19 {
  height: 19rem;
}

.mt-rem19-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem19-responsive {
    margin-top: 19rem;
  }
}

.mt-rem19 {
  margin-top: 19rem;
}

.mr-rem19-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem19-responsive {
    margin-right: 19rem;
  }
}

.mr-rem19 {
  margin-right: 19rem;
}

.ml-rem19-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem19-responsive {
    margin-left: 19rem;
  }
}

.ml-rem19 {
  margin-left: 19rem;
}

.mb-rem19-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem19-responsive {
    margin-bottom: 19rem;
  }
}

.mb-rem19 {
  margin-bottom: 19rem;
}

.pt-rem19-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem19-responsive {
    padding-top: 19rem;
  }
}

.pt-rem19 {
  padding-top: 19rem;
}

.pr-rem19-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem19-responsive {
    padding-right: 19rem;
  }
}

.pr-rem19 {
  padding-right: 19rem;
}

.pl-rem19-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem19-responsive {
    padding-left: 19rem;
  }
}

.pl-rem19 {
  padding-left: 19rem;
}

.pb-rem19-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem19-responsive {
    padding-bottom: 19rem;
  }
}

.pb-rem19 {
  padding-bottom: 19rem;
}

@media (max-width: 23.49em) {
  .mt-rem19-spn {
    margin-top: 19rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem19-spn {
    margin-top: 19rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem19-spn {
    margin-bottom: 19rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem19-spn {
    margin-left: 19rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem19-spn {
    margin-right: 19rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem19-spn {
    padding-top: 19rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem19-spn {
    padding-bottom: 19rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem19-spn {
    padding-left: 19rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem19-spn {
    padding-right: 19rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem19-tablet-h {
    margin-top: 19rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem19-tablet-h {
    margin-top: 19rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem19-tablet-h {
    margin-bottom: 19rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem19-tablet-h {
    margin-left: 19rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem19-tablet-h {
    margin-right: 19rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem19-tablet-h {
    padding-top: 19rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem19-tablet-h {
    padding-bottom: 19rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem19-tablet-h {
    padding-left: 19rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem19-tablet-h {
    padding-right: 19rem;
  }
}

.wd-rem20 {
  width: 20rem;
}

.wd-rem20-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem20-responsive {
    width: 20rem;
  }
}

.wd-em20 {
  width: 20rem;
}

.wd-em20-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em20-responsive {
    width: 20rem;
  }
}

.wd-rem20-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem20-responsive-auto {
    width: 20rem;
  }
}

.wd-em20 {
  width: 20rem;
}

.wd-em20-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em20-responsive-auto {
    width: 20rem;
  }
}

.ht-rem20-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem20-responsive {
    height: 20rem;
  }
}

.ht-rem20 {
  height: 20rem;
}

.mt-rem20-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem20-responsive {
    margin-top: 20rem;
  }
}

.mt-rem20 {
  margin-top: 20rem;
}

.mr-rem20-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem20-responsive {
    margin-right: 20rem;
  }
}

.mr-rem20 {
  margin-right: 20rem;
}

.ml-rem20-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem20-responsive {
    margin-left: 20rem;
  }
}

.ml-rem20 {
  margin-left: 20rem;
}

.mb-rem20-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem20-responsive {
    margin-bottom: 20rem;
  }
}

.mb-rem20 {
  margin-bottom: 20rem;
}

.pt-rem20-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem20-responsive {
    padding-top: 20rem;
  }
}

.pt-rem20 {
  padding-top: 20rem;
}

.pr-rem20-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem20-responsive {
    padding-right: 20rem;
  }
}

.pr-rem20 {
  padding-right: 20rem;
}

.pl-rem20-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem20-responsive {
    padding-left: 20rem;
  }
}

.pl-rem20 {
  padding-left: 20rem;
}

.pb-rem20-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem20-responsive {
    padding-bottom: 20rem;
  }
}

.pb-rem20 {
  padding-bottom: 20rem;
}

@media (max-width: 23.49em) {
  .mt-rem20-spn {
    margin-top: 20rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem20-spn {
    margin-top: 20rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem20-spn {
    margin-bottom: 20rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem20-spn {
    margin-left: 20rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem20-spn {
    margin-right: 20rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem20-spn {
    padding-top: 20rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem20-spn {
    padding-bottom: 20rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem20-spn {
    padding-left: 20rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem20-spn {
    padding-right: 20rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem20-tablet-h {
    margin-top: 20rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem20-tablet-h {
    margin-top: 20rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem20-tablet-h {
    margin-bottom: 20rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem20-tablet-h {
    margin-left: 20rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem20-tablet-h {
    margin-right: 20rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem20-tablet-h {
    padding-top: 20rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem20-tablet-h {
    padding-bottom: 20rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem20-tablet-h {
    padding-left: 20rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem20-tablet-h {
    padding-right: 20rem;
  }
}

.wd-rem21 {
  width: 21rem;
}

.wd-rem21-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem21-responsive {
    width: 21rem;
  }
}

.wd-em21 {
  width: 21rem;
}

.wd-em21-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em21-responsive {
    width: 21rem;
  }
}

.wd-rem21-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem21-responsive-auto {
    width: 21rem;
  }
}

.wd-em21 {
  width: 21rem;
}

.wd-em21-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em21-responsive-auto {
    width: 21rem;
  }
}

.ht-rem21-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem21-responsive {
    height: 21rem;
  }
}

.ht-rem21 {
  height: 21rem;
}

.mt-rem21-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem21-responsive {
    margin-top: 21rem;
  }
}

.mt-rem21 {
  margin-top: 21rem;
}

.mr-rem21-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem21-responsive {
    margin-right: 21rem;
  }
}

.mr-rem21 {
  margin-right: 21rem;
}

.ml-rem21-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem21-responsive {
    margin-left: 21rem;
  }
}

.ml-rem21 {
  margin-left: 21rem;
}

.mb-rem21-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem21-responsive {
    margin-bottom: 21rem;
  }
}

.mb-rem21 {
  margin-bottom: 21rem;
}

.pt-rem21-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem21-responsive {
    padding-top: 21rem;
  }
}

.pt-rem21 {
  padding-top: 21rem;
}

.pr-rem21-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem21-responsive {
    padding-right: 21rem;
  }
}

.pr-rem21 {
  padding-right: 21rem;
}

.pl-rem21-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem21-responsive {
    padding-left: 21rem;
  }
}

.pl-rem21 {
  padding-left: 21rem;
}

.pb-rem21-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem21-responsive {
    padding-bottom: 21rem;
  }
}

.pb-rem21 {
  padding-bottom: 21rem;
}

@media (max-width: 23.49em) {
  .mt-rem21-spn {
    margin-top: 21rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem21-spn {
    margin-top: 21rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem21-spn {
    margin-bottom: 21rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem21-spn {
    margin-left: 21rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem21-spn {
    margin-right: 21rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem21-spn {
    padding-top: 21rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem21-spn {
    padding-bottom: 21rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem21-spn {
    padding-left: 21rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem21-spn {
    padding-right: 21rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem21-tablet-h {
    margin-top: 21rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem21-tablet-h {
    margin-top: 21rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem21-tablet-h {
    margin-bottom: 21rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem21-tablet-h {
    margin-left: 21rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem21-tablet-h {
    margin-right: 21rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem21-tablet-h {
    padding-top: 21rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem21-tablet-h {
    padding-bottom: 21rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem21-tablet-h {
    padding-left: 21rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem21-tablet-h {
    padding-right: 21rem;
  }
}

.wd-rem22 {
  width: 22rem;
}

.wd-rem22-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem22-responsive {
    width: 22rem;
  }
}

.wd-em22 {
  width: 22rem;
}

.wd-em22-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em22-responsive {
    width: 22rem;
  }
}

.wd-rem22-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem22-responsive-auto {
    width: 22rem;
  }
}

.wd-em22 {
  width: 22rem;
}

.wd-em22-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em22-responsive-auto {
    width: 22rem;
  }
}

.ht-rem22-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem22-responsive {
    height: 22rem;
  }
}

.ht-rem22 {
  height: 22rem;
}

.mt-rem22-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem22-responsive {
    margin-top: 22rem;
  }
}

.mt-rem22 {
  margin-top: 22rem;
}

.mr-rem22-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem22-responsive {
    margin-right: 22rem;
  }
}

.mr-rem22 {
  margin-right: 22rem;
}

.ml-rem22-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem22-responsive {
    margin-left: 22rem;
  }
}

.ml-rem22 {
  margin-left: 22rem;
}

.mb-rem22-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem22-responsive {
    margin-bottom: 22rem;
  }
}

.mb-rem22 {
  margin-bottom: 22rem;
}

.pt-rem22-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem22-responsive {
    padding-top: 22rem;
  }
}

.pt-rem22 {
  padding-top: 22rem;
}

.pr-rem22-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem22-responsive {
    padding-right: 22rem;
  }
}

.pr-rem22 {
  padding-right: 22rem;
}

.pl-rem22-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem22-responsive {
    padding-left: 22rem;
  }
}

.pl-rem22 {
  padding-left: 22rem;
}

.pb-rem22-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem22-responsive {
    padding-bottom: 22rem;
  }
}

.pb-rem22 {
  padding-bottom: 22rem;
}

@media (max-width: 23.49em) {
  .mt-rem22-spn {
    margin-top: 22rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem22-spn {
    margin-top: 22rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem22-spn {
    margin-bottom: 22rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem22-spn {
    margin-left: 22rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem22-spn {
    margin-right: 22rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem22-spn {
    padding-top: 22rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem22-spn {
    padding-bottom: 22rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem22-spn {
    padding-left: 22rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem22-spn {
    padding-right: 22rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem22-tablet-h {
    margin-top: 22rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem22-tablet-h {
    margin-top: 22rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem22-tablet-h {
    margin-bottom: 22rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem22-tablet-h {
    margin-left: 22rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem22-tablet-h {
    margin-right: 22rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem22-tablet-h {
    padding-top: 22rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem22-tablet-h {
    padding-bottom: 22rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem22-tablet-h {
    padding-left: 22rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem22-tablet-h {
    padding-right: 22rem;
  }
}

.wd-rem23 {
  width: 23rem;
}

.wd-rem23-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem23-responsive {
    width: 23rem;
  }
}

.wd-em23 {
  width: 23rem;
}

.wd-em23-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em23-responsive {
    width: 23rem;
  }
}

.wd-rem23-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem23-responsive-auto {
    width: 23rem;
  }
}

.wd-em23 {
  width: 23rem;
}

.wd-em23-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em23-responsive-auto {
    width: 23rem;
  }
}

.ht-rem23-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem23-responsive {
    height: 23rem;
  }
}

.ht-rem23 {
  height: 23rem;
}

.mt-rem23-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem23-responsive {
    margin-top: 23rem;
  }
}

.mt-rem23 {
  margin-top: 23rem;
}

.mr-rem23-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem23-responsive {
    margin-right: 23rem;
  }
}

.mr-rem23 {
  margin-right: 23rem;
}

.ml-rem23-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem23-responsive {
    margin-left: 23rem;
  }
}

.ml-rem23 {
  margin-left: 23rem;
}

.mb-rem23-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem23-responsive {
    margin-bottom: 23rem;
  }
}

.mb-rem23 {
  margin-bottom: 23rem;
}

.pt-rem23-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem23-responsive {
    padding-top: 23rem;
  }
}

.pt-rem23 {
  padding-top: 23rem;
}

.pr-rem23-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem23-responsive {
    padding-right: 23rem;
  }
}

.pr-rem23 {
  padding-right: 23rem;
}

.pl-rem23-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem23-responsive {
    padding-left: 23rem;
  }
}

.pl-rem23 {
  padding-left: 23rem;
}

.pb-rem23-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem23-responsive {
    padding-bottom: 23rem;
  }
}

.pb-rem23 {
  padding-bottom: 23rem;
}

@media (max-width: 23.49em) {
  .mt-rem23-spn {
    margin-top: 23rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem23-spn {
    margin-top: 23rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem23-spn {
    margin-bottom: 23rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem23-spn {
    margin-left: 23rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem23-spn {
    margin-right: 23rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem23-spn {
    padding-top: 23rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem23-spn {
    padding-bottom: 23rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem23-spn {
    padding-left: 23rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem23-spn {
    padding-right: 23rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem23-tablet-h {
    margin-top: 23rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem23-tablet-h {
    margin-top: 23rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem23-tablet-h {
    margin-bottom: 23rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem23-tablet-h {
    margin-left: 23rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem23-tablet-h {
    margin-right: 23rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem23-tablet-h {
    padding-top: 23rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem23-tablet-h {
    padding-bottom: 23rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem23-tablet-h {
    padding-left: 23rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem23-tablet-h {
    padding-right: 23rem;
  }
}

.wd-rem24 {
  width: 24rem;
}

.wd-rem24-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem24-responsive {
    width: 24rem;
  }
}

.wd-em24 {
  width: 24rem;
}

.wd-em24-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em24-responsive {
    width: 24rem;
  }
}

.wd-rem24-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem24-responsive-auto {
    width: 24rem;
  }
}

.wd-em24 {
  width: 24rem;
}

.wd-em24-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em24-responsive-auto {
    width: 24rem;
  }
}

.ht-rem24-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem24-responsive {
    height: 24rem;
  }
}

.ht-rem24 {
  height: 24rem;
}

.mt-rem24-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem24-responsive {
    margin-top: 24rem;
  }
}

.mt-rem24 {
  margin-top: 24rem;
}

.mr-rem24-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem24-responsive {
    margin-right: 24rem;
  }
}

.mr-rem24 {
  margin-right: 24rem;
}

.ml-rem24-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem24-responsive {
    margin-left: 24rem;
  }
}

.ml-rem24 {
  margin-left: 24rem;
}

.mb-rem24-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem24-responsive {
    margin-bottom: 24rem;
  }
}

.mb-rem24 {
  margin-bottom: 24rem;
}

.pt-rem24-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem24-responsive {
    padding-top: 24rem;
  }
}

.pt-rem24 {
  padding-top: 24rem;
}

.pr-rem24-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem24-responsive {
    padding-right: 24rem;
  }
}

.pr-rem24 {
  padding-right: 24rem;
}

.pl-rem24-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem24-responsive {
    padding-left: 24rem;
  }
}

.pl-rem24 {
  padding-left: 24rem;
}

.pb-rem24-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem24-responsive {
    padding-bottom: 24rem;
  }
}

.pb-rem24 {
  padding-bottom: 24rem;
}

@media (max-width: 23.49em) {
  .mt-rem24-spn {
    margin-top: 24rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem24-spn {
    margin-top: 24rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem24-spn {
    margin-bottom: 24rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem24-spn {
    margin-left: 24rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem24-spn {
    margin-right: 24rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem24-spn {
    padding-top: 24rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem24-spn {
    padding-bottom: 24rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem24-spn {
    padding-left: 24rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem24-spn {
    padding-right: 24rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem24-tablet-h {
    margin-top: 24rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem24-tablet-h {
    margin-top: 24rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem24-tablet-h {
    margin-bottom: 24rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem24-tablet-h {
    margin-left: 24rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem24-tablet-h {
    margin-right: 24rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem24-tablet-h {
    padding-top: 24rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem24-tablet-h {
    padding-bottom: 24rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem24-tablet-h {
    padding-left: 24rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem24-tablet-h {
    padding-right: 24rem;
  }
}

.wd-rem25 {
  width: 25rem;
}

.wd-rem25-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-rem25-responsive {
    width: 25rem;
  }
}

.wd-em25 {
  width: 25rem;
}

.wd-em25-responsive {
  width: 100%;
}

@media (min-width: 23.5em) {
  .wd-em25-responsive {
    width: 25rem;
  }
}

.wd-rem25-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-rem25-responsive-auto {
    width: 25rem;
  }
}

.wd-em25 {
  width: 25rem;
}

.wd-em25-responsive-auto {
  width: auto;
}

@media (min-width: 23.5em) {
  .wd-em25-responsive-auto {
    width: 25rem;
  }
}

.ht-rem25-responsive {
  height: 100%;
}

@media (min-width: 23.5em) {
  .ht-rem25-responsive {
    height: 25rem;
  }
}

.ht-rem25 {
  height: 25rem;
}

.mt-rem25-responsive {
  margin-top: 0;
}

@media (min-width: 23.5em) {
  .mt-rem25-responsive {
    margin-top: 25rem;
  }
}

.mt-rem25 {
  margin-top: 25rem;
}

.mr-rem25-responsive {
  margin-right: 0;
}

@media (min-width: 23.5em) {
  .mr-rem25-responsive {
    margin-right: 25rem;
  }
}

.mr-rem25 {
  margin-right: 25rem;
}

.ml-rem25-responsive {
  margin-left: 0;
}

@media (min-width: 23.5em) {
  .ml-rem25-responsive {
    margin-left: 25rem;
  }
}

.ml-rem25 {
  margin-left: 25rem;
}

.mb-rem25-responsive {
  margin-bottom: 0;
}

@media (min-width: 23.5em) {
  .mb-rem25-responsive {
    margin-bottom: 25rem;
  }
}

.mb-rem25 {
  margin-bottom: 25rem;
}

.pt-rem25-responsive {
  padding-top: 0;
}

@media (min-width: 23.5em) {
  .pt-rem25-responsive {
    padding-top: 25rem;
  }
}

.pt-rem25 {
  padding-top: 25rem;
}

.pr-rem25-responsive {
  padding-right: 0;
}

@media (min-width: 23.5em) {
  .pr-rem25-responsive {
    padding-right: 25rem;
  }
}

.pr-rem25 {
  padding-right: 25rem;
}

.pl-rem25-responsive {
  padding-left: 0;
}

@media (min-width: 23.5em) {
  .pl-rem25-responsive {
    padding-left: 25rem;
  }
}

.pl-rem25 {
  padding-left: 25rem;
}

.pb-rem25-responsive {
  padding-bottom: 0;
}

@media (min-width: 23.5em) {
  .pb-rem25-responsive {
    padding-bottom: 25rem;
  }
}

.pb-rem25 {
  padding-bottom: 25rem;
}

@media (max-width: 23.49em) {
  .mt-rem25-spn {
    margin-top: 25rem;
  }
}

@media (max-width: 23.49em) {
  .mt-rem25-spn {
    margin-top: 25rem;
  }
}

@media (max-width: 23.49em) {
  .mb-rem25-spn {
    margin-bottom: 25rem;
  }
}

@media (max-width: 23.49em) {
  .ml-rem25-spn {
    margin-left: 25rem;
  }
}

@media (max-width: 23.49em) {
  .mr-rem25-spn {
    margin-right: 25rem;
  }
}

@media (max-width: 23.49em) {
  .pt-rem25-spn {
    padding-top: 25rem;
  }
}

@media (max-width: 23.49em) {
  .pb-rem25-spn {
    padding-bottom: 25rem;
  }
}

@media (max-width: 23.49em) {
  .pl-rem25-spn {
    padding-left: 25rem;
  }
}

@media (max-width: 23.49em) {
  .pr-rem25-spn {
    padding-right: 25rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem25-tablet-h {
    margin-top: 25rem;
  }
}

@media (max-width: 61.24em) {
  .mt-rem25-tablet-h {
    margin-top: 25rem;
  }
}

@media (max-width: 61.24em) {
  .mb-rem25-tablet-h {
    margin-bottom: 25rem;
  }
}

@media (max-width: 61.24em) {
  .ml-rem25-tablet-h {
    margin-left: 25rem;
  }
}

@media (max-width: 61.24em) {
  .mr-rem25-tablet-h {
    margin-right: 25rem;
  }
}

@media (max-width: 61.24em) {
  .pt-rem25-tablet-h {
    padding-top: 25rem;
  }
}

@media (max-width: 61.24em) {
  .pb-rem25-tablet-h {
    padding-bottom: 25rem;
  }
}

@media (max-width: 61.24em) {
  .pl-rem25-tablet-h {
    padding-left: 25rem;
  }
}

@media (max-width: 61.24em) {
  .pr-rem25-tablet-h {
    padding-right: 25rem;
  }
}

.pc-left {
  text-align: left;
}

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

.pc-right {
  text-align: right;
}

@media (max-width: 39.99em) {
  .tablet-left {
    text-align: left;
  }
}

@media (max-width: 39.99em) {
  .tablet-center {
    text-align: center;
  }
}

@media (max-width: 39.99em) {
  .tablet-right {
    text-align: right;
  }
}

@media (max-width: 61.24em) {
  .tablet-h-left {
    text-align: left;
  }
}

@media (max-width: 61.24em) {
  .tablet-h-center {
    text-align: center;
  }
}

@media (max-width: 61.24em) {
  .tablet-h-right {
    text-align: right;
  }
}

@media (max-width: 23.49em) {
  .spn-left {
    text-align: left;
  }
}

@media (max-width: 23.49em) {
  .spn-center {
    text-align: center;
  }
}

@media (max-width: 23.49em) {
  .spn-right {
    text-align: right;
  }
}

.wd-xl {
  width: 1400px;
}

.wd-lg {
  width: 1024px;
}

.wd-md {
  width: 640px;
}

.wd-sm {
  width: 376px;
}

.wd-half {
  width: 50%;
}

.wd-half-responsive {
  width: 50%;
}

@media (max-width: 39.99em) {
  .wd-half-responsive {
    width: 100%;
  }
}

.max-wd-xl {
  width: auto;
  max-width: 1400px;
}

.max-wd-lg {
  width: auto;
  max-width: 1024px;
}

.max-wd-ds {
  width: auto;
  max-width: 767px;
}

.max-wd-md {
  width: auto;
  max-width: 640px;
}

.max-wd-sm {
  width: auto;
  max-width: 376px;
}

.font-smaller {
  font-size: 0.9em;
}

.font-small {
  font-size: 0.8em;
}

.font-smallest {
  font-size: 0.7em;
}

.font-larger {
  font-size: 1.25em;
}

.font-largest {
  font-size: 1.5em;
}

.font-huge {
  font-size: 2.5em;
}

.modal.fade {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.modal.in {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.modal.fade .modal-dialog {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transform: translate3d(0, -5%, 0);
  transform: translate3d(0, -5%, 0);
}

.modal.in .modal-dialog {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* アイコンつき見出し */
.midashi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/* 数字付きリスト */
.count-list {
  counter-reset: number;
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.count-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.count-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 1.5em;
  flex-basis: 1.5em;
  counter-increment: number;
  content: counter(number);
  background: #aaa;
  color: #fff;
  font-family: 'Comfortaa', cursive, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6em;
  text-align: center;
}

.count-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.count-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* ドットリスト */
.dot-list {
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.dot-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.dot-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0.5em;
  flex-basis: 0.5em;
  counter-increment: number;
  content: "\f0da";
  color: #aaa;
  font-family: "Font Awesome 5 Free";
  font-size: 1.4em;
  width: 0.25em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

.dot-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.dot-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* キャッチリスト */
.catch-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.catch-list li .head {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 15rem;
}

@media (max-width: 39.99em) {
  .catch-list li .head {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .head > div {
  text-align: center;
  padding: 0.5rem 2rem;
  background-color: #aaa;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: bold;
}

.catch-list li .data {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 39.99em) {
  .catch-list li .data {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .data > div {
  padding: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list.spn-header-mini li .head {
    text-align: center;
  }
  .catch-list.spn-header-mini li .head > div {
    display: inline-block;
  }
}

/* リストテーブル */
.list-table {
  border-spacing: 0;
  width: 100%;
  text-align: left;
}

.list-table tr th {
  text-align: left;
  background-color: #f2f2f2;
  width: 10rem;
  border-bottom: thin solid #aaa;
  border-left: thin solid #aaa;
  border-right: thin solid #aaa;
  padding: 1rem;
}

.list-table tr td {
  padding: 1rem;
  border-bottom: thin solid #aaa;
  border-right: thin solid #aaa;
  background-color: #fff;
}

.list-table tr:first-child th, .list-table tr:first-child td {
  border-top: thin solid #aaa;
}

.list-table.header-min tr th {
  width: 10rem;
}

@media (max-width: 39.99em) {
  .list-table.header-min tr th {
    width: 100%;
  }
}

.list-table.header-middle tr th {
  width: 20rem;
}

@media (max-width: 39.99em) {
  .list-table.header-middle tr th {
    width: 100%;
  }
}

.list-table.header-large tr th {
  width: 30rem;
}

@media (max-width: 39.99em) {
  .list-table.header-large tr th {
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .list-table tr th {
    display: block;
    width: 100%;
  }
  .list-table tr td {
    display: block;
    width: 100%;
    border-left: thin solid #aaa;
  }
  .list-table tr:first-child th {
    border-bottom: none;
  }
}

.list-table.kado-maru tr:first-child th {
  border-top-left-radius: 1rem;
}

.list-table.kado-maru tr:first-child td {
  border-top-right-radius: 1rem;
}

.list-table.kado-maru tr:last-child th {
  border-bottom-left-radius: 1rem;
}

.list-table.kado-maru tr:last-child td {
  border-bottom-right-radius: 1rem;
}

@media (max-width: 39.99em) {
  .list-table.kado-maru tr:first-child th {
    border-top-right-radius: 1rem;
  }
  .list-table.kado-maru tr:first-child td {
    border-top-right-radius: 0;
  }
  .list-table.kado-maru tr:last-child th {
    border-bottom-left-radius: 0;
  }
  .list-table.kado-maru tr:last-child td {
    border-bottom-left-radius: 1rem;
  }
}

/* かこみ */
.enclosure {
  background-color: #fffae5;
  padding: 2rem;
  height: auto !important;
  height: 10rem;
  position: relative;
  border-radius: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: text;
}

.enclosure:before {
  position: absolute;
  border-radius: 0.15em;
  width: 99%;
  width: calc(100% - 1rem);
  height: 98%;
  height: calc(100% - 1rem);
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.enclosure.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.enclosure.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.enclosure.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.enclosure > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* タブ */
.parts-tabs {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto 4rem;
}

.parts-tabs .parts-tabs-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label {
  cursor: pointer;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.parts-tabs .parts-tabs-details > ul > li {
  display: none;
}

.parts-tabs .parts-tabs-details > ul > li.show {
  -webkit-animation: fade-in 1s ease 0s 1;
  animation: fade-in 1s ease 0s 1;
  display: block;
}

/* やじるしチャート */
.arrow-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.arrow-chart.to-vertical {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.arrow-chart.to-vertical li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.arrow-chart.to-vertical li > div {
  margin-left: 0;
  margin-bottom: 2rem;
}

.arrow-chart.to-vertical li > div:after {
  left: 0;
  right: 0;
  height: auto;
  top: -5rem;
  bottom: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.arrow-chart li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.arrow-chart li > div {
  margin-left: 1rem;
  position: relative;
}

.arrow-chart li > div:after {
  position: absolute;
  display: block;
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  left: -2.5rem;
  font-size: 5rem;
  top: -5rem;
  bottom: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
  z-index: 2;
}

.arrow-chart li:first-child > div {
  margin-left: 0;
}

.arrow-chart li:first-child > div:after {
  display: none;
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-tablet li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-tablet li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-spn li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-spn li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 29.99em) {
  .input-group {
    display: block;
  }
  .input-group .input-group-addon {
    display: block;
    width: 100%;
  }
  .input-group .input-group-addon:first-child {
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group .form-control:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
  }
}

.rotate-desktop-small {
  display: inline-block;
  text-align: center;
}

@media (max-width: 47.9275em) {
  .rotate-desktop-small {
    display: block;
  }
}

@media (max-width: 47.9275em) {
  .rotate-desktop-small > span {
    display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.rotate-tablet {
  display: inline-block;
  text-align: center;
}

@media (max-width: 39.99em) {
  .rotate-tablet {
    display: block;
  }
}

@media (max-width: 39.99em) {
  .rotate-tablet > span {
    display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.input-button-set .input-button-set-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 39.99em) {
  .input-button-set .input-button-set-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.input-button-set .input-button-set-inner > input[type="text"], .input-button-set .input-button-set-inner textarea {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
  flex-basis: 7em;
}

.input-button-set .input-button-set-inner > input[type="text"].flex-auto, .input-button-set .input-button-set-inner textarea.flex-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.input-button-set .input-button-set-inner > input[type="text"].flex-full, .input-button-set .input-button-set-inner textarea.flex-full {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (max-width: 39.99em) {
  .input-button-set .input-button-set-inner > input[type="text"], .input-button-set .input-button-set-inner textarea {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.input-button-set .input-button-set-inner > input[type="button"], .input-button-set .input-button-set-inner button, .input-button-set .input-button-set-inner .btn {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 3em;
  flex-basis: 3em;
}

.input-button-set .input-button-set-inner > input[type="button"].flex-auto, .input-button-set .input-button-set-inner button.flex-auto, .input-button-set .input-button-set-inner .btn.flex-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.input-button-set .input-button-set-inner > input[type="button"].flex-full, .input-button-set .input-button-set-inner button.flex-full, .input-button-set .input-button-set-inner .btn.flex-full {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

/***

  普段使い用mixin

**/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  89% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes fromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/**
* 塗り色と背景色の対を指定
* ポイントカラーも定義
**/
/**
* 塗り色と背景色の対を指定
**/
/**
* 丸っこくてかわいいボタンのmixin
**/
/**
* アイコンつき見出しのmixin
**/
.midashi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/**
* 数字付きリスト
*/
.count-list {
  counter-reset: number;
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.count-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.count-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 1.5em;
  flex-basis: 1.5em;
  counter-increment: number;
  content: counter(number);
  background: #aaa;
  color: #fff;
  font-family: 'Comfortaa', cursive, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6em;
  text-align: center;
}

.count-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.count-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
* ドットリスト
*/
.dot-list {
  list-style-type: none !important;
  padding: 0.5rem;
  line-height: 3rem;
  padding: 0;
}

.dot-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.dot-list li:before {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0.5em;
  flex-basis: 0.5em;
  counter-increment: number;
  content: "\f0da";
  color: #aaa;
  font-family: "Font Awesome 5 Free";
  font-size: 1.4em;
  width: 0.25em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

.dot-list li > span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  line-height: 2.2em;
  margin-left: 0.25rem;
}

.dot-list.count-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catch-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.catch-list li .head {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 15rem;
}

@media (max-width: 39.99em) {
  .catch-list li .head {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .head > div {
  text-align: center;
  padding: 0.5rem 2rem;
  background-color: #aaa;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: bold;
}

.catch-list li .data {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 39.99em) {
  .catch-list li .data {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}

.catch-list li .data > div {
  padding: 0.5rem;
}

@media (max-width: 39.99em) {
  .catch-list.spn-header-mini li .head {
    text-align: center;
  }
  .catch-list.spn-header-mini li .head > div {
    display: inline-block;
  }
}

.list-table {
  border-spacing: 0;
  width: 100%;
  text-align: left;
}

.list-table tr th {
  text-align: left;
  background-color: #f2f2f2;
  width: 10rem;
  border-bottom: thin solid #aaa;
  border-left: thin solid #aaa;
  border-right: thin solid #aaa;
  padding: 1rem;
}

.list-table tr td {
  padding: 1rem;
  border-bottom: thin solid #aaa;
  border-right: thin solid #aaa;
  background-color: #fff;
}

.list-table tr:first-child th, .list-table tr:first-child td {
  border-top: thin solid #aaa;
}

.list-table.header-min tr th {
  width: 10rem;
}

@media (max-width: 39.99em) {
  .list-table.header-min tr th {
    width: 100%;
  }
}

.list-table.header-middle tr th {
  width: 20rem;
}

@media (max-width: 39.99em) {
  .list-table.header-middle tr th {
    width: 100%;
  }
}

.list-table.header-large tr th {
  width: 30rem;
}

@media (max-width: 39.99em) {
  .list-table.header-large tr th {
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .list-table tr th {
    display: block;
    width: 100%;
  }
  .list-table tr td {
    display: block;
    width: 100%;
    border-left: thin solid #aaa;
  }
  .list-table tr:first-child th {
    border-bottom: none;
  }
}

.list-table.kado-maru tr:first-child th {
  border-top-left-radius: 1rem;
}

.list-table.kado-maru tr:first-child td {
  border-top-right-radius: 1rem;
}

.list-table.kado-maru tr:last-child th {
  border-bottom-left-radius: 1rem;
}

.list-table.kado-maru tr:last-child td {
  border-bottom-right-radius: 1rem;
}

@media (max-width: 39.99em) {
  .list-table.kado-maru tr:first-child th {
    border-top-right-radius: 1rem;
  }
  .list-table.kado-maru tr:first-child td {
    border-top-right-radius: 0;
  }
  .list-table.kado-maru tr:last-child th {
    border-bottom-left-radius: 0;
  }
  .list-table.kado-maru tr:last-child td {
    border-bottom-left-radius: 1rem;
  }
}

/**
* かこみ
**/
.enclosure {
  background-color: #fffae5;
  padding: 2rem;
  height: auto !important;
  height: 10rem;
  position: relative;
  border-radius: 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: text;
}

.enclosure:before {
  position: absolute;
  border-radius: 0.15em;
  width: 99%;
  width: calc(100% - 1rem);
  height: 98%;
  height: calc(100% - 1rem);
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.enclosure.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.enclosure.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.enclosure.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.enclosure > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.parts-tabs {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto 4rem;
}

.parts-tabs .parts-tabs-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label {
  cursor: pointer;
}

.parts-tabs .parts-tabs-titles .parts-tabs-title-caption > label input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.parts-tabs .parts-tabs-details > ul > li {
  display: none;
}

.parts-tabs .parts-tabs-details > ul > li.show {
  -webkit-animation: fade-in 1s ease 0s 1;
  animation: fade-in 1s ease 0s 1;
  display: block;
}

.arrow-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.arrow-chart.to-vertical {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.arrow-chart.to-vertical li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.arrow-chart.to-vertical li > div {
  margin-left: 0;
  margin-bottom: 2rem;
}

.arrow-chart.to-vertical li > div:after {
  left: 0;
  right: 0;
  height: auto;
  top: -5rem;
  bottom: auto;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.arrow-chart li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.arrow-chart li > div {
  margin-left: 1rem;
  position: relative;
}

.arrow-chart li > div:after {
  position: absolute;
  display: block;
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  left: -2.5rem;
  font-size: 5rem;
  top: -5rem;
  bottom: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
  z-index: 2;
}

.arrow-chart li:first-child > div {
  margin-left: 0;
}

.arrow-chart li:first-child > div:after {
  display: none;
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 39.99em) {
  .arrow-chart.responsive-tablet li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-tablet li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-tablet li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 23.49em) {
  .arrow-chart.responsive-spn li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .arrow-chart.responsive-spn li > div {
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .arrow-chart.responsive-spn li > div:after {
    left: 0;
    right: 0;
    height: auto;
    top: -5rem;
    bottom: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* IEハック用mixin */
@keyframes fade-in {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1.0;
  }
}

.wd-xl {
  width: 1400px;
}

.wd-lg {
  width: 1024px;
}

.wd-md {
  width: 640px;
}

.wd-sm {
  width: 376px;
}

.max-wd-xl {
  width: auto;
  max-width: 1400px;
}

.max-wd-lg {
  width: auto;
  max-width: 1024px;
}

.max-wd-md {
  width: auto;
  max-width: 640px;
}

.max-wd-sm {
  width: auto;
  max-width: 376px;
}

.mar-auto {
  margin: 0 auto;
}

.font-smaller {
  font-size: 0.9em;
}

.font-small {
  font-size: 0.8em;
}

.font-smallest {
  font-size: 0.7em;
}

caption {
  caption-side: top;
}

.color-grey {
  color: #6c757d;
}

.color-yet {
  color: #dee2e6;
}

.color-green {
  color: #20c997;
}

.color-red {
  color: #e00;
}

.color-blue {
  color: #17a2b8;
}

.btn-choice.disabled {
  border-color: #ced4da;
}

.btn-choice.disabled > .cf {
  color: #ced4da;
}

.btn-choice.disabled.active {
  background-color: #135a68 !important;
}

.btn-choice.disabled.active > .cf {
  color: #fff;
}

select.form-control {
  padding: 0.2em 0 0.4em;
}

img {
  max-width: 100%;
  height: auto;
}

.modal.fade {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.modal.in {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.modal.fade .modal-dialog {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transform: translate3d(0, -5%, 0);
  transform: translate3d(0, -5%, 0);
}

.modal.in .modal-dialog {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

input:-moz-read-only, textarea:-moz-read-only {
  border: none;
  box-shadow: none;
  padding: 0;
}

input:read-only, textarea:read-only {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

input:-moz-read-only:focus, textarea:-moz-read-only:focus {
  border: none;
  box-shadow: none;
}

input:read-only:focus, textarea:read-only:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[readonly].form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

[readonly].form-control:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.btn.disabled {
  border: none;
  border-radius: inherit;
  opacity: 1;
}

.btn.btn-no-padding {
  padding: 3px 0.5em;
  margin: 0;
  height: auto;
}

#contents_wrapper {
  width: auto;
  max-width: 1280px;
  padding: 16px;
  background-color: #fff;
  margin: 0 auto;
}

@media (max-width: 23.49em) {
  #contents_wrapper.inc-sticky {
    padding: 0;
  }
}

#contents_wrapper.max-auto {
  max-width: none;
}

body {
  background-color: #f5f5f5;
}

body .navbar-header {
  height: 3.5em;
  padding-right: 0.5em;
}

@media (max-width: 47.9275em) {
  body .navbar-collapse.in {
    overflow: visible;
  }
}

@media (max-width: 47.9275em) {
  body .navbar-toggle {
    margin-right: 0;
  }
}

body .navbar-default {
  background-color: #003399;
  border-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}

body .navbar-default .navbar-brand {
  display: block;
  color: #fff;
  height: auto;
  padding: 0;
  position: relative;
  left: 5px;
  top: 12px;
  /* line-height: 20px; */
}

body .navbar-default .navbar-brand:hover, body .navbar-default .navbar-brand:focus {
  color: #fff;
}

body .navbar-default .navbar-brand img {
  background-color: #fff;
  border-radius: 0.25em;
  padding: 0.2em 0.5em;
  margin: auto;
  width: auto;
  height: 2.2em;
}

body .navbar-default .navbar-text {
  color: #fff;
}

@media (max-width: 47.9275em) {
  body .navbar-default .navbar-nav {
    margin: 0 -15px;
  }
}

body .navbar-default .navbar-nav > li {
  border-left: thin solid #adb5bd;
}

body .navbar-default .navbar-nav > li > a {
  color: #fff;
  position: relative;
  padding: 15px 10px;
}

body .navbar-default .navbar-nav > li > a:before {
  display: block;
  content: "\f141";
  font-family: FontAwesome;
  color: #99bbff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  margin: auto;
}

@media (max-width: 47.9275em) {
  body .navbar-default .navbar-nav > li > a:before {
    content: "\f0da";
    top: 0;
    height: 20px;
    width: 1em;
    left: inherit;
  }
}

body .navbar-default .navbar-nav > li > a:hover, body .navbar-default .navbar-nav > li > a:focus {
  -webkit-transition: background-color 80ms ease-in 0s;
  -o-transition: background-color 80ms ease-in 0s;
  transition: background-color 80ms ease-in 0s;
  color: #fff;
  background-color: #1a66ff;
}

body .navbar-default .navbar-nav > li > a:hover:after, body .navbar-default .navbar-nav > li > a:focus:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #00091a;
  bottom: 0;
  left: 0;
}

body .navbar-default .navbar-nav > li > a.ios.apply-ios:hover, body .navbar-default .navbar-nav > li > a.ios.apply-ios:focus {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  color: inherit;
  background-color: transparent;
}

body .navbar-default .navbar-nav > li > a.ios.apply-ios:hover:after, body .navbar-default .navbar-nav > li > a.ios.apply-ios:focus:after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #00091a;
  bottom: 0;
  left: 0;
}

body .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #003399;
}

body .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff;
  position: relative;
  padding: 0.25em 2em 0.25em 1em;
}

body .navbar-default .navbar-nav > li > .dropdown-menu > li > a:before {
  display: block;
  content: "\f0da";
  font-family: FontAwesome;
  color: black;
  position: absolute;
  width: 1em;
  left: inherit;
  right: 0;
  bottom: 0;
  top: 0;
  height: 20px;
  margin: auto;
}

body .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, body .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #004de6;
}

body .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #004de6;
}

body .navbar-default .navbar-nav .open .dropdown-menu > .active > a, body .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, body .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #004de6;
}

body .navbar-default .navbar-nav > .active > a, body .navbar-default .navbar-nav > .active > a:hover, body .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #004de6;
}

body .navbar-default .navbar-nav > .open > a, body .navbar-default .navbar-nav > .open > a:hover, body .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #004de6;
}

body .navbar-default .navbar-toggle {
  border-color: #004de6;
}

body .navbar-default .navbar-toggle:hover, body .navbar-default .navbar-toggle:focus {
  background-color: #004de6;
}

body .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

body .navbar-default .navbar-collapse,
body .navbar-default .navbar-form {
  border-color: #fff;
}

body .navbar-default .navbar-link {
  color: #fff;
}

body .navbar-default .navbar-link:hover {
  color: #fff;
}

body .navbar-nav > li.user-disp-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

body .navbar-nav > li.user-disp-info .user-info-space {
  padding: 4px 4px 4px;
  margin: 0 0 0 4px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 8px -3px #999;
  box-shadow: 1px 1px 8px -3px #999;
}

@media (max-width: 63.99em) {
  body .navbar-nav > li.user-disp-info .user-info-space {
    font-size: 12px;
  }
  body .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 12px;
    padding: 8px 4px;
  }
}

@media (max-width: 47.9275em) {
  body .navbar-nav > li.user-disp-info .user-info-space {
    width: 100%;
    text-align: center;
    font-size: inherit;
  }
  body .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 14px;
    padding: 8px;
  }
}

body .navbar-nav > li.user-disp-info .user-info-space .user-info-disp-name {
  padding: 0 8px;
}

body.admin {
  background-color: #f5f5f5;
}

body.admin .navbar-header {
  height: 3.5em;
  padding-right: 0.5em;
}

@media (max-width: 47.9275em) {
  body.admin .navbar-collapse.in {
    overflow: visible;
  }
}

@media (max-width: 47.9275em) {
  body.admin .navbar-toggle {
    margin-right: 0;
  }
}

body.admin .navbar-default {
  background-color: #1879D5;
  border-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}

body.admin .navbar-default .navbar-brand {
  display: block;
  color: #fff;
  height: auto;
  padding: 0;
  position: relative;
  left: 5px;
  top: 12px;
  /* line-height: 20px; */
}

body.admin .navbar-default .navbar-brand:hover, body.admin .navbar-default .navbar-brand:focus {
  color: #ffffff;
}

body.admin .navbar-default .navbar-brand img {
  background-color: #fff;
  border-radius: 0.25em;
  padding: 0.2em 0.5em;
  margin: auto;
  width: auto;
  height: 2.2em;
}

body.admin .navbar-default .navbar-text {
  color: #fff;
}

@media (max-width: 47.9275em) {
  body.admin .navbar-default .navbar-nav {
    margin: 0 -15px;
  }
}

body.admin .navbar-default .navbar-nav > li {
  border-left: thin solid #adb5bd;
}

body.admin .navbar-default .navbar-nav > li > a {
  color: #fff;
  position: relative;
  padding: 15px 10px;
}

body.admin .navbar-default .navbar-nav > li > a:before {
  display: block;
  content: "\f141";
  font-family: FontAwesome;
  color: #eff6fd;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  margin: auto;
}

@media (max-width: 47.9275em) {
  body.admin .navbar-default .navbar-nav > li > a:before {
    content: "\f0da";
    top: 0;
    height: 20px;
    width: 1em;
    left: inherit;
  }
}

body.admin .navbar-default .navbar-nav > li > a:hover, body.admin .navbar-default .navbar-nav > li > a:focus {
  -webkit-transition: background-color 80ms ease-in 0s;
  -o-transition: background-color 80ms ease-in 0s;
  transition: background-color 80ms ease-in 0s;
  color: #ffffff;
  background-color: #7cb8f0;
}

body.admin .navbar-default .navbar-nav > li > a:hover:after, body.admin .navbar-default .navbar-nav > li > a:focus:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0b3862;
  bottom: 0;
  left: 0;
}

body.admin .navbar-default .navbar-nav > li > a.ios.apply-ios:hover, body.admin .navbar-default .navbar-nav > li > a.ios.apply-ios:focus {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  color: inherit;
  background-color: transparent;
}

body.admin .navbar-default .navbar-nav > li > a.ios.apply-ios:hover:after, body.admin .navbar-default .navbar-nav > li > a.ios.apply-ios:focus:after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0b3862;
  bottom: 0;
  left: 0;
}

body.admin .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #1879D5;
}

body.admin .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff;
  position: relative;
  padding: 0.25em 2em 0.25em 1em;
}

body.admin .navbar-default .navbar-nav > li > .dropdown-menu > li > a:before {
  display: block;
  content: "\f0da";
  font-family: FontAwesome;
  color: #092b4b;
  position: absolute;
  width: 1em;
  left: inherit;
  right: 0;
  bottom: 0;
  top: 0;
  height: 20px;
  margin: auto;
}

body.admin .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, body.admin .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-nav .open .dropdown-menu > .active > a, body.admin .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, body.admin .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-nav > .active > a, body.admin .navbar-default .navbar-nav > .active > a:hover, body.admin .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-nav > .open > a, body.admin .navbar-default .navbar-nav > .open > a:hover, body.admin .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-toggle {
  border-color: #93c4f3;
}

body.admin .navbar-default .navbar-toggle:hover, body.admin .navbar-default .navbar-toggle:focus {
  background-color: #93c4f3;
}

body.admin .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

body.admin .navbar-default .navbar-collapse,
body.admin .navbar-default .navbar-form {
  border-color: #fff;
}

body.admin .navbar-default .navbar-link {
  color: #fff;
}

body.admin .navbar-default .navbar-link:hover {
  color: #ffffff;
}

body.admin .navbar-nav > li.user-disp-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

body.admin .navbar-nav > li.user-disp-info .user-info-space {
  padding: 4px 4px 4px;
  margin: 0 0 0 4px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 8px -3px #999;
  box-shadow: 1px 1px 8px -3px #999;
}

@media (max-width: 63.99em) {
  body.admin .navbar-nav > li.user-disp-info .user-info-space {
    font-size: 12px;
  }
  body.admin .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 12px;
    padding: 8px 4px;
  }
}

@media (max-width: 47.9275em) {
  body.admin .navbar-nav > li.user-disp-info .user-info-space {
    width: 100%;
    text-align: center;
    font-size: inherit;
  }
  body.admin .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 14px;
    padding: 8px;
  }
}

body.admin .navbar-nav > li.user-disp-info .user-info-space .user-info-disp-name {
  padding: 0 8px;
}

body.coach {
  background-color: #f5f5f5;
}

body.coach .navbar-header {
  height: 3.5em;
  padding-right: 0.5em;
}

@media (max-width: 47.9275em) {
  body.coach .navbar-collapse.in {
    overflow: visible;
  }
}

@media (max-width: 47.9275em) {
  body.coach .navbar-toggle {
    margin-right: 0;
  }
}

body.coach .navbar-default {
  background-color: #1879D5;
  border-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}

body.coach .navbar-default .navbar-brand {
  display: block;
  color: #fff;
  height: auto;
  padding: 0;
  position: relative;
  left: 5px;
  top: 12px;
  /* line-height: 20px; */
}

body.coach .navbar-default .navbar-brand:hover, body.coach .navbar-default .navbar-brand:focus {
  color: #ffffff;
}

body.coach .navbar-default .navbar-brand img {
  background-color: #fff;
  border-radius: 0.25em;
  padding: 0.2em 0.5em;
  margin: auto;
  width: auto;
  height: 2.2em;
}

body.coach .navbar-default .navbar-text {
  color: #fff;
}

@media (max-width: 47.9275em) {
  body.coach .navbar-default .navbar-nav {
    margin: 0 -15px;
  }
}

body.coach .navbar-default .navbar-nav > li {
  border-left: thin solid #adb5bd;
}

body.coach .navbar-default .navbar-nav > li > a {
  color: #fff;
  position: relative;
  padding: 15px 10px;
}

body.coach .navbar-default .navbar-nav > li > a:before {
  display: block;
  content: "\f141";
  font-family: FontAwesome;
  color: #eff6fd;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  margin: auto;
}

@media (max-width: 47.9275em) {
  body.coach .navbar-default .navbar-nav > li > a:before {
    content: "\f0da";
    top: 0;
    height: 20px;
    width: 1em;
    left: inherit;
  }
}

body.coach .navbar-default .navbar-nav > li > a:hover, body.coach .navbar-default .navbar-nav > li > a:focus {
  -webkit-transition: background-color 80ms ease-in 0s;
  -o-transition: background-color 80ms ease-in 0s;
  transition: background-color 80ms ease-in 0s;
  color: #ffffff;
  background-color: #7cb8f0;
}

body.coach .navbar-default .navbar-nav > li > a:hover:after, body.coach .navbar-default .navbar-nav > li > a:focus:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0b3862;
  bottom: 0;
  left: 0;
}

body.coach .navbar-default .navbar-nav > li > a.ios.apply-ios:hover, body.coach .navbar-default .navbar-nav > li > a.ios.apply-ios:focus {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  color: inherit;
  background-color: transparent;
}

body.coach .navbar-default .navbar-nav > li > a.ios.apply-ios:hover:after, body.coach .navbar-default .navbar-nav > li > a.ios.apply-ios:focus:after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #0b3862;
  bottom: 0;
  left: 0;
}

body.coach .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #1879D5;
}

body.coach .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff;
  position: relative;
  padding: 0.25em 2em 0.25em 1em;
}

body.coach .navbar-default .navbar-nav > li > .dropdown-menu > li > a:before {
  display: block;
  content: "\f0da";
  font-family: FontAwesome;
  color: #092b4b;
  position: absolute;
  width: 1em;
  left: inherit;
  right: 0;
  bottom: 0;
  top: 0;
  height: 20px;
  margin: auto;
}

body.coach .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, body.coach .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-nav .open .dropdown-menu > .active > a, body.coach .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, body.coach .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-nav > .active > a, body.coach .navbar-default .navbar-nav > .active > a:hover, body.coach .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-nav > .open > a, body.coach .navbar-default .navbar-nav > .open > a:hover, body.coach .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-toggle {
  border-color: #93c4f3;
}

body.coach .navbar-default .navbar-toggle:hover, body.coach .navbar-default .navbar-toggle:focus {
  background-color: #93c4f3;
}

body.coach .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

body.coach .navbar-default .navbar-collapse,
body.coach .navbar-default .navbar-form {
  border-color: #fff;
}

body.coach .navbar-default .navbar-link {
  color: #fff;
}

body.coach .navbar-default .navbar-link:hover {
  color: #ffffff;
}

body.coach .navbar-nav > li.user-disp-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

body.coach .navbar-nav > li.user-disp-info .user-info-space {
  padding: 4px 4px 4px;
  margin: 0 0 0 4px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 8px -3px #999;
  box-shadow: 1px 1px 8px -3px #999;
}

@media (max-width: 63.99em) {
  body.coach .navbar-nav > li.user-disp-info .user-info-space {
    font-size: 12px;
  }
  body.coach .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 12px;
    padding: 8px 4px;
  }
}

@media (max-width: 47.9275em) {
  body.coach .navbar-nav > li.user-disp-info .user-info-space {
    width: 100%;
    text-align: center;
    font-size: inherit;
  }
  body.coach .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 14px;
    padding: 8px;
  }
}

body.coach .navbar-nav > li.user-disp-info .user-info-space .user-info-disp-name {
  padding: 0 8px;
}

body.staff {
  background-color: #f5f5f5;
}

body.staff .navbar-header {
  height: 3.5em;
  padding-right: 0.5em;
}

@media (max-width: 47.9275em) {
  body.staff .navbar-collapse.in {
    overflow: visible;
  }
}

@media (max-width: 47.9275em) {
  body.staff .navbar-toggle {
    margin-right: 0;
  }
}

body.staff .navbar-default {
  background-color: #c90038;
  border-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}

body.staff .navbar-default .navbar-brand {
  display: block;
  color: #fff;
  height: auto;
  padding: 0;
  position: relative;
  left: 5px;
  top: 12px;
  /* line-height: 20px; */
}

body.staff .navbar-default .navbar-brand:hover, body.staff .navbar-default .navbar-brand:focus {
  color: #ffffff;
}

body.staff .navbar-default .navbar-brand img {
  background-color: #fff;
  border-radius: 0.25em;
  padding: 0.2em 0.5em;
  margin: auto;
  width: auto;
  height: 2.2em;
}

body.staff .navbar-default .navbar-text {
  color: #fff;
}

@media (max-width: 47.9275em) {
  body.staff .navbar-default .navbar-nav {
    margin: 0 -15px;
  }
}

body.staff .navbar-default .navbar-nav > li {
  border-left: thin solid #adb5bd;
}

body.staff .navbar-default .navbar-nav > li > a {
  color: #fff;
  position: relative;
  padding: 15px 10px;
}

body.staff .navbar-default .navbar-nav > li > a:before {
  display: block;
  content: "\f141";
  font-family: FontAwesome;
  color: #ffc9d8;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  margin: auto;
}

@media (max-width: 47.9275em) {
  body.staff .navbar-default .navbar-nav > li > a:before {
    content: "\f0da";
    top: 0;
    height: 20px;
    width: 1em;
    left: inherit;
  }
}

body.staff .navbar-default .navbar-nav > li > a:hover, body.staff .navbar-default .navbar-nav > li > a:focus {
  -webkit-transition: background-color 80ms ease-in 0s;
  -o-transition: background-color 80ms ease-in 0s;
  transition: background-color 80ms ease-in 0s;
  color: #ffffff;
  background-color: #ff4a7c;
}

body.staff .navbar-default .navbar-nav > li > a:hover:after, body.staff .navbar-default .navbar-nav > li > a:focus:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4a0014;
  bottom: 0;
  left: 0;
}

body.staff .navbar-default .navbar-nav > li > a.ios.apply-ios:hover, body.staff .navbar-default .navbar-nav > li > a.ios.apply-ios:focus {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  color: inherit;
  background-color: transparent;
}

body.staff .navbar-default .navbar-nav > li > a.ios.apply-ios:hover:after, body.staff .navbar-default .navbar-nav > li > a.ios.apply-ios:focus:after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4a0014;
  bottom: 0;
  left: 0;
}

body.staff .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #c90038;
}

body.staff .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff;
  position: relative;
  padding: 0.25em 2em 0.25em 1em;
}

body.staff .navbar-default .navbar-nav > li > .dropdown-menu > li > a:before {
  display: block;
  content: "\f0da";
  font-family: FontAwesome;
  color: #30000d;
  position: absolute;
  width: 1em;
  left: inherit;
  right: 0;
  bottom: 0;
  top: 0;
  height: 20px;
  margin: auto;
}

body.staff .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, body.staff .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-nav .open .dropdown-menu > .active > a, body.staff .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, body.staff .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-nav > .active > a, body.staff .navbar-default .navbar-nav > .active > a:hover, body.staff .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-nav > .open > a, body.staff .navbar-default .navbar-nav > .open > a:hover, body.staff .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-toggle {
  border-color: #ff638e;
}

body.staff .navbar-default .navbar-toggle:hover, body.staff .navbar-default .navbar-toggle:focus {
  background-color: #ff638e;
}

body.staff .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

body.staff .navbar-default .navbar-collapse,
body.staff .navbar-default .navbar-form {
  border-color: #fff;
}

body.staff .navbar-default .navbar-link {
  color: #fff;
}

body.staff .navbar-default .navbar-link:hover {
  color: #ffffff;
}

body.staff .navbar-nav > li.user-disp-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
}

body.staff .navbar-nav > li.user-disp-info .user-info-space {
  padding: 4px 4px 4px;
  margin: 0 0 0 4px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 8px -3px #999;
  box-shadow: 1px 1px 8px -3px #999;
}

@media (max-width: 63.99em) {
  body.staff .navbar-nav > li.user-disp-info .user-info-space {
    font-size: 12px;
  }
  body.staff .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 12px;
    padding: 8px 4px;
  }
}

@media (max-width: 47.9275em) {
  body.staff .navbar-nav > li.user-disp-info .user-info-space {
    width: 100%;
    text-align: center;
    font-size: inherit;
  }
  body.staff .navbar-nav > li.user-disp-info .user-info-space .btn-logout {
    font-size: 14px;
    padding: 8px;
  }
}

body.staff .navbar-nav > li.user-disp-info .user-info-space .user-info-disp-name {
  padding: 0 8px;
}

body.admin, body.login-admin {
  background-color: #eff6fd;
}

body.admin h2:before, body.login-admin h2:before {
  background-color: #1879D5;
}

body.coach, body.login-coach {
  background-color: #eff6fd;
}

body.coach h2:before, body.login-coach h2:before {
  background-color: #1879D5;
}

body.staff, body.login-staff {
  background-color: #fff2f5;
}

body.staff h2:before, body.login-staff h2:before {
  background-color: #c90038;
}

.header-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header-space.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-space .header-space-title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.header-space .header-space-title h1 {
  padding: 4px 32px 4px 0;
  font-size: 24px;
  margin: 0;
}

.header-space .header-space-title h2 {
  font-size: 20px;
}

.header-space .header-space-title h1.header-space-subtitle, .header-space .header-space-title h2.header-space-subtitle {
  font-size: 18px;
  font-weight: bold;
}

.header-space .header-space-buttons {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.header-space .header-space-buttons > a, .header-space .header-space-buttons > button, .header-space .header-space-buttons input[type='button'] {
  margin-bottom: 8px;
}

@media (max-width: 23.49em) {
  .header-space .header-space-buttons > a, .header-space .header-space-buttons > button, .header-space .header-space-buttons input[type='button'] {
    width: 100%;
    text-align: center;
  }
}

.header-space .header-space-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.header-space .header-space-pagination {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.header-space .header-space-pagination > a, .header-space .header-space-pagination > button, .header-space .header-space-pagination input[type='button'] {
  margin-bottom: 8px;
}

@media (max-width: 39.99em) {
  .header-space .header-space-pagination .pagination {
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .header-space .header-space-pagination .pagination-count {
    float: none;
    display: block;
    padding: 0;
  }
}

.header-space .header-space-right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  text-align: right;
}

@media (max-width: 39.99em) {
  .header-space .header-space-right {
    text-align: left;
  }
}

.table > tbody tr tr, .table > tbody tr td {
  padding: 4px 2px;
}

.table > tbody tr td .btn-sm {
  padding: 4px 10px;
  margin: 2px 0;
}

.table.table-td-p-half > tbody tr > td, .table.table-td-p-half > tbody tr > th, .table.table-td-p-half > thead tr > td, .table.table-td-p-half > thead tr > th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.table.table-td-p-quoter > tbody tr > td, .table.table-td-p-quoter > tbody tr > th, .table.table-td-p-quoter > thead tr > td, .table.table-td-p-quoter > thead tr > th {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.table.table-td-p-one > tbody tr > td, .table.table-td-p-one > tbody tr > th, .table.table-td-p-one > thead tr > td, .table.table-td-p-one > thead tr > th {
  padding-top: 1em;
  padding-bottom: 1em;
}

.table.table-hover-row-column > thead > tr:hover, .table.table-hover-row-column > tbody > tr:hover {
  background-color: #fffdb1;
}

.table.table-hover-row-column > thead > tr:hover > td input[type=text], .table.table-hover-row-column > thead > tr:hover > td textarea, .table.table-hover-row-column > thead > tr:hover th input[type=text], .table.table-hover-row-column > thead > tr:hover th textarea, .table.table-hover-row-column > tbody > tr:hover > td input[type=text], .table.table-hover-row-column > tbody > tr:hover > td textarea, .table.table-hover-row-column > tbody > tr:hover th input[type=text], .table.table-hover-row-column > tbody > tr:hover th textarea {
  background-color: #fffad7;
}

.table.table-hover-row-column > thead > tr > td, .table.table-hover-row-column > thead > tr th, .table.table-hover-row-column > tbody > tr > td, .table.table-hover-row-column > tbody > tr th {
  word-break: break-all;
  padding: 0.1em;
}

.table.table-hover-row-column > thead > tr > td input[type=text], .table.table-hover-row-column > thead > tr > td textarea, .table.table-hover-row-column > thead > tr th input[type=text], .table.table-hover-row-column > thead > tr th textarea, .table.table-hover-row-column > tbody > tr > td input[type=text], .table.table-hover-row-column > tbody > tr > td textarea, .table.table-hover-row-column > tbody > tr th input[type=text], .table.table-hover-row-column > tbody > tr th textarea {
  padding: 0.1em;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table.table-hover-row-column > thead > tr > td input[type=text]:focus, .table.table-hover-row-column > thead > tr > td textarea:focus, .table.table-hover-row-column > thead > tr th input[type=text]:focus, .table.table-hover-row-column > thead > tr th textarea:focus, .table.table-hover-row-column > tbody > tr > td input[type=text]:focus, .table.table-hover-row-column > tbody > tr > td textarea:focus, .table.table-hover-row-column > tbody > tr th input[type=text]:focus, .table.table-hover-row-column > tbody > tr th textarea:focus {
  background-color: #fffcec;
}

.table.table-hover-row-column.blink-table {
  width: auto;
  min-width: 1024px;
  max-width: inherit;
}

.table.table-hover-row-column.blinked {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: auto;
  min-width: 1024px;
  max-width: inherit;
}

.table.table-hover-row-column.blinked.show {
  display: block;
}

.table.td-mb-rem1 > tbody > tr > th input, .table.td-mb-rem1 > tbody > tr > th button, .table.td-mb-rem1 > tbody > tr td input, .table.td-mb-rem1 > tbody > tr td button {
  margin-bottom: 1rem;
}

.flex-table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -1rem;
}

.flex-table tr th, .flex-table tr td {
  border-top: none;
  padding: 0;
  vertical-align: middle;
  letter-spacing: normal;
}

.flex-table tr th {
  margin-bottom: 0.2rem;
}

@media (max-width: 39.99em) {
  .flex-table tr th {
    display: block;
    width: 100%;
  }
}

@media (min-width: 64em) {
  .flex-table tr th {
    display: inline-block;
    width: 13.33%;
  }
  .flex-table tr th.th-sm {
    width: 10%;
  }
  .flex-table tr th.th-sm + td {
    width: 40%;
  }
  .flex-table tr th.th-sm + td.auto {
    width: 90%;
  }
  .flex-table tr th.th-lg {
    width: 30%;
  }
  .flex-table tr th.th-lg + td {
    width: 20%;
  }
  .flex-table tr th.th-lg + td.auto {
    width: 70%;
  }
}

.flex-table tr td {
  word-break: break-all;
}

.flex-table tr td.width-auto {
  width: auto;
}

@media (max-width: 39.99em) {
  .flex-table tr td {
    display: block;
    width: 100%;
  }
  .flex-table tr td.auto {
    width: 100%;
  }
}

@media (min-width: 64em) {
  .flex-table tr td {
    display: inline-block;
    width: 20%;
  }
  .flex-table tr td.auto {
    width: 86.60%;
  }
}

.flex-table tr td input, .flex-table tr td textarea, .flex-table tr td label, .flex-table tr td select, .flex-table tr td .dropdown {
  margin-bottom: 0.15rem;
}

.flex-table-form-inline > input[type='text'] {
  width: auto;
  display: inline-block;
}

@media (max-width: 39.99em) {
  .flex-table-form-inline {
    text-align: center;
  }
  .flex-table-form-inline > input[type='text'] {
    width: 100%;
    display: block;
  }
}

.item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-center .table {
  width: auto;
}

.flex-auto-table {
  table-layout: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -1rem;
}

.flex-auto-table tr th, .flex-auto-table tr td {
  border-top: none;
  padding: 0;
  vertical-align: middle;
  letter-spacing: normal;
}

.flex-auto-table tr th {
  margin-bottom: 0.2rem;
}

@media (max-width: 39.99em) {
  .flex-auto-table tr th {
    display: block;
    width: 100%;
  }
}

@media (min-width: 64em) {
  .flex-auto-table tr th {
    display: inline-block;
    width: auto;
  }
}

@media (max-width: 39.99em) {
  .flex-auto-table tr td {
    display: block;
    width: 100%;
  }
}

@media (min-width: 64em) {
  .flex-auto-table tr td {
    display: inline-block;
    width: auto;
  }
}

.flex-auto-table tr td input, .flex-auto-table tr td textarea, .flex-auto-table tr td label, .flex-auto-table tr td select, .flex-auto-table tr td .dropdown {
  margin-bottom: 0.15rem;
}

.fixed-table {
  max-width: inherit;
  width: 1024px;
}

.fixed-table.fixed-table-xl {
  width: 1400px;
}

.fixed-table.fixed-table-lg {
  width: 1024px;
}

.fixed-table.fixed-table-md {
  width: 640px;
}

.fixed-table.fixed-table-sm {
  width: 376px;
}

.fixed-table.fixed-table-auto {
  width: 100%;
}

.fixed-table tr th input, .fixed-table tr th textarea, .fixed-table tr th label, .fixed-table tr th select, .fixed-table tr th .dropdown, .fixed-table tr td input, .fixed-table tr td textarea, .fixed-table tr td label, .fixed-table tr td select, .fixed-table tr td .dropdown {
  margin-bottom: 0.15rem;
}

@media (max-width: 39.99em) {
  .fixed-table.fixed-md-flex {
    width: 100%;
  }
  .fixed-table.fixed-md-flex tr th, .fixed-table.fixed-md-flex tr td {
    display: block;
    width: 100% !important;
  }
}

@media (max-width: 63.99em) {
  .fixed-table.fixed-md-flex-col2 {
    width: 100%;
    letter-spacing: -1em;
  }
  .fixed-table.fixed-md-flex-col2 tr th, .fixed-table.fixed-md-flex-col2 tr td {
    letter-spacing: normal;
    display: inline-block;
    padding: 8px 4px;
  }
}

@media (max-width: 63.99em) and (max-width: 39.99em) {
  .fixed-table.fixed-md-flex-col2 tr th, .fixed-table.fixed-md-flex-col2 tr td {
    padding: 4px 4px;
    display: block;
  }
}

@media (max-width: 63.99em) {
  .fixed-table.fixed-md-flex-col2 tr th {
    width: 15%;
  }
}

@media (max-width: 63.99em) and (max-width: 39.99em) {
  .fixed-table.fixed-md-flex-col2 tr th {
    width: 100% !important;
  }
}

@media (max-width: 63.99em) {
  .fixed-table.fixed-md-flex-col2 tr td {
    width: 35%;
  }
}

@media (max-width: 63.99em) and (max-width: 39.99em) {
  .fixed-table.fixed-md-flex-col2 tr td {
    width: 100% !important;
  }
}

@media (max-width: 63.99em) {
  .fixed-table.fixed-md-flex-col2 tr td.width-auto {
    width: 85%;
  }
}

@media (max-width: 23.49em) {
  .fixed-table.fixed-sm-flex {
    width: 100% !important;
  }
  .fixed-table.fixed-sm-flex tr th, .fixed-table.fixed-sm-flex tr td {
    display: block;
    width: 100% !important;
  }
}

.table-under-bar tr th, .table-under-bar tr td {
  border-bottom: thin solid #adb5bd !important;
}

.table-center {
  margin: 0 auto;
}

.table.table-design > tbody tr > th, .table.table-design > tbody tr > td {
  padding: 8px 12px;
  line-height: 24px;
}

.table-color-blue > tbody tr > th, .table-color-blue > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-blue > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-blue > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #71C1E7;
}

.table-color-blue > tbody tr > th.border-none:before {
  display: none;
}

.table-color-blue > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-blue > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-blue > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #71C1E7;
}

.table-color-indigo > tbody tr > th, .table-color-indigo > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-indigo > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-indigo > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6610f2;
}

.table-color-indigo > tbody tr > th.border-none:before {
  display: none;
}

.table-color-indigo > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-indigo > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-indigo > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6610f2;
}

.table-color-purple > tbody tr > th, .table-color-purple > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-purple > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-purple > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6f42c1;
}

.table-color-purple > tbody tr > th.border-none:before {
  display: none;
}

.table-color-purple > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-purple > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-purple > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6f42c1;
}

.table-color-pink > tbody tr > th, .table-color-pink > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-pink > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-pink > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #E76189;
}

.table-color-pink > tbody tr > th.border-none:before {
  display: none;
}

.table-color-pink > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-pink > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-pink > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #E76189;
}

.table-color-red > tbody tr > th, .table-color-red > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-red > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-red > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #e00;
}

.table-color-red > tbody tr > th.border-none:before {
  display: none;
}

.table-color-red > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-red > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-red > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #e00;
}

.table-color-orange > tbody tr > th, .table-color-orange > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-orange > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-orange > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #E78B5F;
}

.table-color-orange > tbody tr > th.border-none:before {
  display: none;
}

.table-color-orange > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-orange > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-orange > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #E78B5F;
}

.table-color-yellow > tbody tr > th, .table-color-yellow > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-yellow > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-yellow > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #ffff00;
}

.table-color-yellow > tbody tr > th.border-none:before {
  display: none;
}

.table-color-yellow > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-yellow > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-yellow > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #ffff00;
}

.table-color-green > tbody tr > th, .table-color-green > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-green > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-green > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #789B3B;
}

.table-color-green > tbody tr > th.border-none:before {
  display: none;
}

.table-color-green > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-green > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-green > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #789B3B;
}

.table-color-teal > tbody tr > th, .table-color-teal > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-teal > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-teal > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #20c997;
}

.table-color-teal > tbody tr > th.border-none:before {
  display: none;
}

.table-color-teal > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-teal > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-teal > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #20c997;
}

.table-color-cyan > tbody tr > th, .table-color-cyan > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-cyan > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-cyan > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #17a2b8;
}

.table-color-cyan > tbody tr > th.border-none:before {
  display: none;
}

.table-color-cyan > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-cyan > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-cyan > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #17a2b8;
}

.table-color-white > tbody tr > th, .table-color-white > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-white > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-white > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
}

.table-color-white > tbody tr > th.border-none:before {
  display: none;
}

.table-color-white > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-white > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-white > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
}

.table-color-gray > tbody tr > th, .table-color-gray > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-gray > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-gray > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6c757d;
}

.table-color-gray > tbody tr > th.border-none:before {
  display: none;
}

.table-color-gray > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-gray > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-gray > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #6c757d;
}

.table-color-gray-dark > tbody tr > th, .table-color-gray-dark > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-gray-dark > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-gray-dark > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #343a40;
}

.table-color-gray-dark > tbody tr > th.border-none:before {
  display: none;
}

.table-color-gray-dark > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-gray-dark > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-gray-dark > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #343a40;
}

.table-color-admin > tbody tr > th, .table-color-admin > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-admin > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-admin > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #1879D5;
}

.table-color-admin > tbody tr > th.border-none:before {
  display: none;
}

.table-color-admin > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-admin > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-admin > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #1879D5;
}

.table-color-staff > tbody tr > th, .table-color-staff > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-staff > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-staff > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #c90038;
}

.table-color-staff > tbody tr > th.border-none:before {
  display: none;
}

.table-color-staff > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-staff > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-staff > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #c90038;
}

.table-color-coach > tbody tr > th, .table-color-coach > tbody tr > td {
  border-top: none;
  padding: 0 4px 0 0;
  vertical-align: middle;
}

.table-color-coach > tbody tr > th {
  position: relative;
  padding-left: 8px;
}

.table-color-coach > tbody tr > th:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #1879D5;
}

.table-color-coach > tbody tr > th.border-none:before {
  display: none;
}

.table-color-coach > tbody tr > th.padding-left-none {
  padding-left: 0;
}

.table-color-coach > tbody tr > td.like-header {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
}

.table-color-coach > tbody tr > td.like-header:before {
  display: inline-block;
  position: absolute;
  content: '';
  height: calc(100% - 8px);
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #1879D5;
}

.list-area-wrap {
  max-width: 600px;
  margin: 0 auto;
  padding: 24px 0;
}

.list-area {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.list-area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  font-size: 18px;
}

@media (max-width: 23.49em) {
  .list-area li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.list-area li div {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 23.49em) {
  .list-area li div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.list-area li div > span {
  display: block;
}

.list-area li .list-title-area {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 180px;
  flex-basis: 180px;
}

@media (max-width: 23.49em) {
  .list-area li .list-title-area {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.list-area li .list-inner-area {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 23.49em) {
  .list-area li .list-inner-area {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.list-area li .list-inner-area .list-inner-table-area {
  font-size: 16px;
  border: thin solid #ccc;
  padding: 8px;
  border-radius: 4px;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
}

.list-area.list-arrow li .list-title-area {
  position: relative;
}

.list-area.list-arrow li .list-title-area > span {
  padding-right: 24px;
}

.list-area.list-arrow li .list-title-area > span:after {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  width: 24px;
  height: 1rem;
  right: 0;
  margin: auto;
}

@media (max-width: 23.49em) {
  .list-area.list-arrow li .list-title-area > span:after {
    right: inherit;
    margin-left: 8px;
  }
}

.list-area.list-arrow-blue li .list-title-area > span:after {
  color: #71C1E7;
}

.list-area.list-arrow-indigo li .list-title-area > span:after {
  color: #6610f2;
}

.list-area.list-arrow-purple li .list-title-area > span:after {
  color: #6f42c1;
}

.list-area.list-arrow-pink li .list-title-area > span:after {
  color: #E76189;
}

.list-area.list-arrow-red li .list-title-area > span:after {
  color: #e00;
}

.list-area.list-arrow-orange li .list-title-area > span:after {
  color: #E78B5F;
}

.list-area.list-arrow-yellow li .list-title-area > span:after {
  color: #ffff00;
}

.list-area.list-arrow-green li .list-title-area > span:after {
  color: #789B3B;
}

.list-area.list-arrow-teal li .list-title-area > span:after {
  color: #20c997;
}

.list-area.list-arrow-cyan li .list-title-area > span:after {
  color: #17a2b8;
}

.list-area.list-arrow-white li .list-title-area > span:after {
  color: #fff;
}

.list-area.list-arrow-gray li .list-title-area > span:after {
  color: #6c757d;
}

.list-area.list-arrow-gray-dark li .list-title-area > span:after {
  color: #343a40;
}

.list-area.list-arrow-admin li .list-title-area > span:after {
  color: #1879D5;
}

.list-area.list-arrow-staff li .list-title-area > span:after {
  color: #c90038;
}

.list-area.list-arrow-coach li .list-title-area > span:after {
  color: #1879D5;
}

.form-control {
  padding: 2px;
  font-size: 16px;
  height: auto;
  border-radius: 3px;
}

.form-control.form-input-side-by-button {
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin-left: 0.5em;
  line-height: 1.8em;
}

@media (max-width: 63.99em) {
  .form-control.form-input-side-by-button {
    margin-left: 0;
  }
}

.form-control.width-auto {
  display: inline-block;
  width: auto;
}

.bg-stripe-grey {
  background-repeat: repeat-x;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sticky.sticky-question {
  background-color: #fff;
  padding: 8px 0;
  z-index: 100;
}

.sticky.sticky-detail {
  background-color: #fff;
  padding: 2px 0;
  z-index: 10;
}

.sticky.sticky-detail > h2 {
  font-size: 20px;
}

#evaluation-tool-tips {
  background-color: #fff;
  border: 2px solid #20c997;
  position: absolute;
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 12px;
  font-weight: bold;
  pointer-events: none;
  z-index: 100;
}

#evaluation-tool-tips:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #20c997 transparent transparent transparent;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}

#evaluation-tool-tips:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

#evaluation-tool-tips.none {
  display: none;
}

.table-hover-focus > tbody > tr:hover {
  background-color: rgba(255, 255, 0, 0.2);
}

.btn-choice.btn-transparent[disabled].active {
  background-color: #17a2b8;
}

.icon-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.icon-set .icon-set-icon {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 48px;
  font-size: 32px;
}

.icon-set .icon-set-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  font-size: 18px;
}

.detail_text {
  width: 180px;
}

.detail_level {
  display: inline-block;
  padding: 4px 10px;
  background-color: #ced4da;
  border-radius: 50%;
}

.detail_level.level_0 {
  background-color: #20c997;
  color: #fff;
}

.detail_level.level_1 {
  background-color: #206ec9;
  color: #fff;
}

.detail_level.level_2 {
  background-color: #5f20c9;
  color: #fff;
}

.detail_level.level_3 {
  background-color: #c920a7;
  color: #fff;
}

.detail_level.level_4 {
  background-color: #c92620;
  color: #fff;
}

.detail_level.level_5 {
  background-color: #c9b320;
  color: #fff;
}

.buruburu {
  -webkit-animation: hurueru .2s 1;
  animation: hurueru .2s 1;
}

@-webkit-keyframes hurueru {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  12.5% {
    -webkit-transform: translate(2px, 2px) rotateZ(1deg);
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  25% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  37.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  50% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  62.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  75% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  87.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}

@keyframes hurueru {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  12.5% {
    -webkit-transform: translate(2px, 2px) rotateZ(1deg);
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  25% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  37.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  50% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  62.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  75% {
    -webkit-transform: translate(0px, 2px) rotateZ(0deg);
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  87.5% {
    -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}

.margin-block {
  margin: 0 auto;
}

.margin-block.margin-block-sm {
  width: 480px;
}

.evaluation-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 23.49em) {
  .evaluation-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.evaluation-wrap .evaluation {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-bottom: 4px;
}

@media (max-width: 23.49em) {
  .evaluation-wrap .evaluation {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.evaluation-wrap .evaluation span {
  display: block;
  font-size: 14px;
  background-color: #fff;
  border: 2px solid #20c997;
  padding: 2px 8px;
  height: 100%;
  border-radius: 4px;
  margin-right: 4px;
}

@media (max-width: 23.49em) {
  .evaluation-wrap .evaluation span {
    margin-left: 2px;
    margin-right: 2px;
  }
}

#evaluation-info {
  padding: 0.25em;
  border: 2px dotted #1879D5;
  border-radius: 0.25em;
  display: none;
}

#evaluation-info > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#evaluation-info > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.25em;
}

@media (max-width: 39.99em) {
  #evaluation-info > ul > li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#evaluation-info > ul > li .info-num {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 2em;
  flex-basis: 2em;
  background-color: #3ac1da;
  border-radius: 2em;
  padding: 0 0.25em;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

@media (max-width: 39.99em) {
  #evaluation-info > ul > li .info-num {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
  }
}

#evaluation-info > ul > li .info-title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 8em;
  flex-basis: 8em;
  text-align: center;
  font-weight: bold;
}

@media (max-width: 39.99em) {
  #evaluation-info > ul > li .info-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    text-align: left;
  }
}

#evaluation-info > ul > li .info-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.button-space {
  margin-top: 16px;
}

@media (max-width: 23.49em) {
  .button-space {
    padding: 0 16px 16px;
  }
}

#health-wrap {
  display: none;
}

#health-wrap.visible {
  display: block;
}

#handi-inner-row {
  display: none;
}

#handi-inner-row.visible {
  display: table-row;
}

.detail-info-space {
  padding: 0.25em 1em;
  background-color: #ffffcc;
  border: thin solid #cccc00;
  border-radius: 0.25em;
}

.detail-info-space.bg-light {
  background-color: #fffff5;
  border: thin solid #e6e600;
}

.detail-info-space > ul {
  margin: 1em 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.detail-info-space > ul > li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  white-space: nowrap;
}

.detail-info-space > h2 {
  font-size: 1.7rem;
  margin: 0.5em 0;
}

.catch {
  font-weight: bold;
  color: #e00;
  font-size: 1.2em;
}

.example {
  font-weight: bold;
}

@-webkit-keyframes bellSwing {
  0% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
}

@keyframes bellSwing {
  0% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
}

.notification-space {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  border-bottom: 0.2em solid #b3b300;
  background: #fffac1;
  padding: 1em 2em;
}

.notification-space .notification-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 39.99em) {
  .notification-space .notification-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.notification-space .notification-inner .notification-icon {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.notification-space .notification-inner .notification-icon span {
  padding-right: 1em;
}

.notification-space .notification-inner .notification-icon i {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: bellSwing;
  animation-name: bellSwing;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0.1, 0.1, 0.8);
  animation-timing-function: cubic-bezier(0.8, 0.1, 0.1, 0.8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.notification-space .notification-inner .notification-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.notification-space .notification-inner .notification-body-type {
  display: inline-block;
  background-color: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0px 0px 13px -3px #333;
  box-shadow: 0px 0px 13px -3px #333;
  padding: 0.25em 0.5em;
  font-weight: bold;
}

.notification-space .notification-inner .notification-body-type.type-normal {
  background-color: #fff;
}

.notification-space .notification-inner .notification-body-type.type-info {
  background-color: #17a2b8;
  color: #fff;
}

.notification-space .notification-inner .notification-body-type.type-danger {
  background-color: #e00;
  color: #fff;
}

.notification-space .notification-inner .notification-body-message {
  padding: 0 0.5em;
  font-weight: bold;
  line-height: 2em;
}

@media (max-width: 39.99em) {
  .notification-space .notification-inner .notification-body-message {
    display: block;
  }
}

.notification-space .notification-inner .notification-body-num {
  padding: 0 0.25em;
  font-size: 1.25em;
  font-weight: bold;
  color: #e00;
}

.notification-space .notification-inner .notification-button {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 39.99em) {
  .notification-space .notification-inner .notification-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    text-align: center;
  }
}

.notification-space #notification-close-button {
  color: rgba(33, 33, 33, 0.6);
  font-size: 1.5em;
  position: absolute;
  top: 0.25em;
  right: 0.25em;
}

.menu-links {
  width: auto;
  max-width: 1024px;
  margin: 0 auto;
}

.menu-links-row-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 39.99em) {
  .menu-links-row-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.menu-links-row-inner.vertical {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.menu-links-row-inner-col {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}

.menu-links-row-inner-col.col-span {
  -ms-flex-preferred-size: 66.6%;
  flex-basis: 66.6%;
}

.menu-links-row-inner-col.col-span-max {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (max-width: 39.99em) {
  .menu-links-row-inner-col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.menu-links-row-inner-col-wrap {
  padding: 0.25em;
  margin: 0.245em;
  border: thin solid #c6d9dd;
  border-radius: 0.5em;
  background-color: #e6eef0;
}

.menu-links-row-inner-col-wrap > h3 {
  font-size: 1.6rem;
}

.menu-links-row-inner-col-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu-links-row-inner-col-list > li {
  margin-bottom: 0.5em;
}

.menu-links-row-inner-col-list > li.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media (max-width: 39.99em) {
  .menu-links-row-inner-col-list > li.half {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.menu-links-row-inner-col-list > li.half > a, .menu-links-row-inner-col-list > li.half button, .menu-links-row-inner-col-list > li.half input[type='button'] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

@media (max-width: 39.99em) {
  .menu-links-row-inner-col-list > li.half > a, .menu-links-row-inner-col-list > li.half button, .menu-links-row-inner-col-list > li.half input[type='button'] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 0.5em;
  }
}

.menu-links-row-inner-col-list > li > a, .menu-links-row-inner-col-list > li button, .menu-links-row-inner-col-list > li input[type='button'] {
  display: block;
  margin: 0 0.25em;
  padding: 0.4em 1.8em;
  font-size: 1.2em;
  white-space: normal;
  word-break: break-all;
  width: auto;
}

@media (max-width: 39.99em) {
  .menu-links-row-inner-col-list > li > a, .menu-links-row-inner-col-list > li button, .menu-links-row-inner-col-list > li input[type='button'] {
    margin-right: 0;
  }
}

.menu-links-row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 39.99em) {
  .menu-links-row-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.menu-links-row-item-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 39.99em) {
  .menu-links-row-item-inner {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.menu-links-row-item-inner > li {
  width: 100%;
  margin-bottom: 0.25em;
}

.menu-links-row-item-inner > li > a, .menu-links-row-item-inner > li button, .menu-links-row-item-inner > li input[type='button'] {
  display: block;
  padding: 0.4em 1.8em;
  font-size: 1.2em;
  white-space: normal;
  word-break: break-all;
  margin-right: 0.25em;
}

.message-confirm {
  border: thin solid #333;
  padding: 0.1em 0.5em 0 1.75em;
  border-radius: 1.1em;
  color: #333;
  position: relative;
}

.message-confirm:before {
  content: '\f068';
  font-family: FontAwesome;
  position: absolute;
  display: block;
  left: 0.5em;
  top: 0;
}

.message-confirm.confirmed {
  color: #fff;
  background-color: #20c997;
  border: thin solid #20c997;
}

.message-confirm.confirmed:before {
  content: '\f00c';
}

.message-wrap {
  position: relative;
  margin-top: 3em;
  border-top: thin dotted #ccc;
  border-bottom: thin dotted #ccc;
  padding: 1em 0.5em;
  min-height: 15em;
}

.message-wrap:before {
  position: absolute;
  display: inline-block;
  background-color: #fff;
  content: '内容';
  padding: 0.25em 0;
  width: 5em;
  text-align: center;
  border-top: thin dotted #ccc;
  border-left: thin dotted #ccc;
  border-right: thin dotted #ccc;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  top: -2em;
}

@media (max-width: 39.99em) {
  .message-wrap:before {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.receiver-space {
  overflow: visible;
}

.receiver-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.receiver-list li {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  margin-right: 0.5em;
}

.receiver-list li:before {
  content: '\f068';
  font-family: FontAwesome;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

.receiver-list li.received {
  color: #158765;
  text-decoration: underline;
  cursor: pointer;
}

.receiver-list li.received:before {
  content: '\f00c';
  color: #20c997;
}

.receiver-list li.received:hover {
  text-decoration: none;
}

.receiver-list li.received:hover:after {
  position: absolute;
  content: "確認日時：" attr(data-receive-date-time);
  width: 20em;
  color: #333;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 7px -2px #333;
  box-shadow: 1px 1px 7px -2px #333;
  padding: 0.25em;
  text-align: center;
  border: thin solid #ccc;
  z-index: 1;
  bottom: -2em;
  left: 2em;
}

.btn-group .btn.btn-transparent.disabled.active {
  background-color: #dee2e6;
  color: #333;
}

.inner {
  padding: 0 0 1em 0;
  font-size: 1.1em;
}

.daily-support-disp-space {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.daily-support-disp-item {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin-bottom: 1em;
}

@media (max-width: 39.99em) {
  .daily-support-disp-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.daily-support-disp-item-inner {
  padding: 1rem;
  border: 1px solid #333;
  border-radius: 0.25em;
  margin: 0 0.5em;
  height: 100%;
}

.daily-support-disp-item-inner-body-space.title {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px solid #333;
  margin-bottom: 1rem;
}

.daily-support-disp-item-inner-body-space.content {
  padding: 0 0.25em;
}

.daily-support-disp-item-inner-body-space.attach {
  margin-top: 0.5em;
  padding: 0.5em;
  border: 2px dotted #999;
  border-radius: 1em;
}

#wrapper_login.login_select {
  max-width: 980px;
}

.offices-list-space > h2 {
  text-align: center;
  border: none;
}

.offices-list-space > h2:before {
  display: none;
}

.select-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.select-list > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-bottom: 0.5em;
}

.select-list > li:nth-child(4n) > a {
  margin-right: 0;
}

@media (max-width: 29.99em) {
  .select-list > li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .select-list > li:nth-child(2n) > a {
    margin-right: 0;
  }
}

@media (max-width: 23.49em) {
  .select-list > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .select-list > li:nth-child(1n) > a {
    margin-right: 0;
  }
}

.select-list > li > a {
  position: relative;
  padding: 0.5em 1.25em 0.5em 0.5em;
  border: thin solid #adb5bd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4em;
  margin-right: 0.25em;
  border-radius: 0.2em;
  -webkit-box-shadow: 1px 1px 4px #333;
  box-shadow: 1px 1px 4px #333;
  color: #495057;
  height: 100%;
}

.select-list > li > a .icon-space i, .select-list > li > a .icon-space span {
  font-size: 1.5em;
}

.select-list > li > a .name-space span {
  padding-left: 0.25em;
}

.select-list > li > a.active {
  background-color: #e9ecef;
  -webkit-box-shadow: 0px 0px 4px #333;
  box-shadow: 0px 0px 4px #333;
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
}

.select-list > li > a.active:before {
  position: absolute;
  right: 0.25em;
  content: "\f00c";
  font-family: FontAwesome;
}

.select-list.select-list-offices > li > a.active {
  background-color: #ffc9d8;
}

.select-list.select-list-staffs > li > a.active {
  background-color: #ffc9d8;
}

.staff-list-space {
  display: none;
}

.staff-list-space.show {
  display: block;
}

.staff-list-space > h2 {
  text-align: center;
  border: none;
}

.staff-list-space > h2:before {
  display: none;
}

.staff-list-space #staff-loading {
  display: none;
  text-align: center;
}

.staff-list-space #staff-loading.show {
  display: block;
}

.login-password-only {
  max-width: 30em;
  margin: 1em auto;
}

.weekly-info-space {
  padding: 1em 0 0;
  position: relative;
}

.weekly-info-space .weekly-info-space-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.weekly-info-space .weekly-info-space-inner .today-date {
  position: relative;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 11em;
  flex-basis: 11em;
  text-align: center;
}

.weekly-info-space .weekly-info-space-inner .today-date .date-text {
  display: block;
}

.weekly-info-space .weekly-info-space-inner .today-date .at-work > span {
  font-size: 0.9em;
  display: inline-block;
  background-color: #fff;
  padding: 0.75em 1em 0.25em;
  border-radius: 1em;
  margin-top: 0.25em;
}

.weekly-info-space .weekly-info-space-inner .weekly-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.weekly-info-space .weekly-info-space-inner .weekly-info .fukidashi-space {
  font-size: 1.2em;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.weekly-info-space .weekly-info-space-inner .weekly-info .fukidashi-space .fukidashi {
  text-align: center;
  border: 0.2em solid #17a2b8;
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 1.5em 1em 0.5em;
  position: relative;
}

.weekly-info-space .weekly-info-space-inner .weekly-info .weekly-info-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.weekly-info-space .weekly-info-space-inner .weekly-info .weekly-info-text > div {
  font-size: 1em;
  padding: 0.5em;
  background-color: #fff;
  margin: 0.5em 1em;
  border: thin solid #999;
  border-radius: 0.25rem;
  position: relative;
}

.weekly-info-space .weekly-info-space-inner .weekly-info .weekly-info-text > div:before {
  display: block;
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  left: -0.42em;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: thin solid #999;
  border-left: thin solid #999;
  background: -webkit-linear-gradient(315deg, #fff 50%, transparent 51%, transparent 100%);
  background: -o-linear-gradient(315deg, #fff 50%, transparent 51%, transparent 100%);
  background: linear-gradient(135deg, #fff 50%, transparent 51%, transparent 100%);
  content: '';
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tab-space {
  margin-top: 1em;
  position: relative;
}

.tab-space.grooming .tab-list:before {
  background-color: #1879D5;
}

.tab-space.goal .tab-list:before {
  background-color: #00985B;
}

.tab-space.check .tab-list:before {
  background-color: #c90038;
}

.tab-space.leaving-work .tab-list:before {
  background-color: #1879D5;
}

.tab-space .tab-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  position: relative;
}

.tab-space .tab-list:before {
  position: absolute;
  content: '';
  height: 3px;
  width: 100%;
  background-color: #adb5bd;
  left: 0;
  bottom: 0;
}

.tab-space .tab-list > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-left: 0.5em;
}

.tab-space .tab-list > li:first-child {
  margin-left: 0;
}

.tab-space .tab-list > li.active a {
  border-bottom: 3px solid #fff;
}

.tab-space .tab-list > li a {
  display: block;
  background-color: #fff;
  padding: 1.5em 1em 0 2.5em;
  position: relative;
  font-size: 1.6em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  color: #333;
  border-top: 3px solid #adb5bd;
  border-left: 3px solid #adb5bd;
  border-right: 3px solid #adb5bd;
}

@media (max-width: 63.99em) {
  .tab-space .tab-list > li a {
    padding: 1.5em 1em 0 1.75em;
  }
}

.tab-space .tab-list > li a:before {
  position: absolute;
  width: 2em;
  height: 2em;
  left: 0.25em;
  top: 0;
  bottom: -0.5em;
  margin: auto;
  content: '';
}

@media (max-width: 63.99em) {
  .tab-space .tab-list > li a:before {
    width: 1.2em;
    height: 1.2em;
  }
}

.tab-space .tab-list > li.grooming a {
  border-top: 3px solid #1879D5;
  border-left: 3px solid #1879D5;
  border-right: 3px solid #1879D5;
}

.tab-space .tab-list > li.grooming a:before {
  background-image: url(../img/menus/icon_grooming.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.tab-space .tab-list > li.check a {
  border-top: 3px solid #c90038;
  border-left: 3px solid #c90038;
  border-right: 3px solid #c90038;
}

.tab-space .tab-list > li.check a:before {
  background-image: url(../img/menus/icon_daily.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.tab-space .tab-list > li.leaving-work a {
  border-top: 3px solid #1879D5;
  border-left: 3px solid #1879D5;
  border-right: 3px solid #1879D5;
}

.tab-space .tab-list > li.leaving-work a:before {
  background-image: url(../img/menus/icon_leaving_work.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.tab-space .tab-list > li.goal a {
  border-top: 3px solid #00985B;
  border-left: 3px solid #00985B;
  border-right: 3px solid #00985B;
}

.tab-space .tab-list > li.goal a:before {
  background-image: url(../img/menus/icon_goal.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-button-space {
  position: absolute;
  bottom: 0.25em;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  pointer-events: none;
}

.slide-button-space .slide-button {
  width: 4em;
  height: 4em;
  border-radius: 2.5em;
  background-color: #fff;
  border: 3px solid #FFA016;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0.5em;
  pointer-events: auto;
}

.slide-button-space .slide-button > a {
  font-size: 0.75em;
  color: #333;
}

.slide-button-space .slide-button > a i {
  display: block;
  text-align: center;
  font-size: 2.0em;
  margin-bottom: 0.05em;
  color: #FFA016;
}

body.staff .btn {
  font-size: 2.2rem;
}

body.staff .btn.btn-mid {
  font-size: inherit;
}

body.staff .btn.btn-logout {
  font-size: inherit;
}

body.staff .btn.btn-ok {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

body.staff .btn.btn-ruby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}

body.staff .btn.btn-ruby > i, body.staff .btn.btn-ruby > span {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  font-size: 1.6em;
}

body.staff .btn.btn-ruby > div {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

body.staff .btn_block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.staff .pagination {
  font-size: 2.4rem;
}

body.staff .pagination-count {
  font-size: 2.4rem;
}

body.staff .table {
  font-size: 2.0rem;
}

body.staff .btn-group .btn {
  font-size: 2.4rem;
}

body.staff .input[type=text], body.staff input[type=number], body.staff textarea {
  font-size: 2rem;
}

body.staff .tab-space {
  font-size: 1.4rem;
}

@media (max-width: 63.99em) {
  body.staff .tab-space {
    font-size: 1.2rem;
  }
}

@media (max-width: 47.9275em) {
  body.staff .tab-space {
    font-size: 1rem;
  }
}

body.staff .weekly-info-space {
  overflow: hidden;
  font-size: 1.8rem;
}

body.staff .alert {
  font-size: 2.0rem;
}

body.staff .alert .alert-del-button {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}

.table-tablet {
  font-size: 1.8rem;
}

.form-control[readonly] {
  background-color: transparent;
}

.height-auto-button-space {
  text-align: center;
}

.height-auto-button-space .height-auto-button {
  display: inline-block;
}

.btn-tablet {
  font-size: 1.8rem;
  line-height: 2.0em;
  padding: 0.25em 1em;
}

.checklist {
  margin-bottom: 2em;
}

.checklist > tbody > tr.error {
  background-color: #f8c9cb;
}

.checklist > tbody > tr > th .item {
  cursor: pointer;
  text-decoration: underline;
}

.checklist > tbody > tr > th .item-detail {
  display: none;
}

.checklist > tbody > tr > th .item-detail.show {
  padding: 1em;
  float: left;
  width: calc(100% - 35px);
  border: thin dashed #333;
  background-color: #effffc;
  border-radius: 0.25em;
  margin-bottom: 0.5em;
}

.checklist.checklist-result > thead > tr > th, .checklist.checklist-result > thead > tr > td, .checklist.checklist-result > tbody > tr > th, .checklist.checklist-result > tbody > tr > td {
  border: thin solid #ccc;
  font-size: 0.8em;
}

.checklist.checklist-result > thead > tr > th.check-self, .checklist.checklist-result > thead > tr > td.check-self, .checklist.checklist-result > tbody > tr > th.check-self, .checklist.checklist-result > tbody > tr > td.check-self {
  background-color: #fffff5;
}

.checklist.checklist-result > thead > tr > th.check-coach, .checklist.checklist-result > thead > tr > td.check-coach, .checklist.checklist-result > tbody > tr > th.check-coach, .checklist.checklist-result > tbody > tr > td.check-coach {
  background-color: #eff6fd;
}

.checklist.checklist-result > thead > tr > th.check-date, .checklist.checklist-result > thead > tr > td.check-date, .checklist.checklist-result > tbody > tr > th.check-date, .checklist.checklist-result > tbody > tr > td.check-date {
  padding: 4px;
}

@media (max-width: 47.9275em) {
  .checklist.checklist-result > thead > tr > th, .checklist.checklist-result > thead > tr > td, .checklist.checklist-result > tbody > tr > th, .checklist.checklist-result > tbody > tr > td {
    display: table-cell;
    width: inherit;
  }
}

.weekly-illust {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.weekly-illust > img {
  position: absolute;
}

.weekly-illust .il-cloud-a {
  width: 8em;
  top: 5em;
  left: 7.5em;
}

.weekly-illust .il-cloud-a.parallax {
  -webkit-animation: AnimationTypeA 3s ease;
  animation: AnimationTypeA 3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes AnimationTypeA {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
  }
}

@keyframes AnimationTypeA {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
  }
}

.weekly-illust .il-cloud-b {
  width: 8em;
  left: 0;
  right: 0;
  margin: auto;
}

.weekly-illust .il-cloud-b.parallax {
  -webkit-animation: AnimationTypeB 3.2s ease;
  animation: AnimationTypeB 3.2s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes AnimationTypeB {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(3.5rem);
    transform: translateY(3.5rem);
  }
}

@keyframes AnimationTypeB {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(3.5rem);
    transform: translateY(3.5rem);
  }
}

.weekly-illust .il-bird-a {
  right: 2em;
  top: 2.8em;
}

.weekly-illust .il-bird-a.parallax {
  -webkit-animation: AnimationTypeC 3.8s ease;
  animation: AnimationTypeC 3.8s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes AnimationTypeC {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(8.5rem);
    transform: translateY(8.5rem);
  }
}

@keyframes AnimationTypeC {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(8.5rem);
    transform: translateY(8.5rem);
  }
}

.weekly-illust .il-bird-b {
  right: 9.5em;
  top: 0.25em;
}

.weekly-illust .il-bird-b.parallax {
  -webkit-animation: AnimationTypeB 2.2s ease;
  animation: AnimationTypeB 2.2s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes AnimationTypeC {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
  }
  100% {
    -webkit-transform: translateY(6.5rem);
    transform: translateY(6.5rem);
  }
}

.bg-morning {
  background: -webkit-gradient(linear, left top, left bottom, from(#c0e8f7), color-stop(40%, #96d2e8), color-stop(60%, #96d2e8), to(#79b6da));
  background: -webkit-linear-gradient(top, #c0e8f7 0%, #96d2e8 40%, #96d2e8 60%, #79b6da 100%);
  background: -o-linear-gradient(top, #c0e8f7 0%, #96d2e8 40%, #96d2e8 60%, #79b6da 100%);
  background: linear-gradient(to bottom, #c0e8f7 0%, #96d2e8 40%, #96d2e8 60%, #79b6da 100%);
}

.bg-noon {
  background: -webkit-gradient(linear, left top, left bottom, from(#96d2e8), color-stop(40%, #79b6da), color-stop(60%, #79b6da), to(#418ed5));
  background: -webkit-linear-gradient(top, #96d2e8 0%, #79b6da 40%, #79b6da 60%, #418ed5 100%);
  background: -o-linear-gradient(top, #96d2e8 0%, #79b6da 40%, #79b6da 60%, #418ed5 100%);
  background: linear-gradient(to bottom, #96d2e8 0%, #79b6da 40%, #79b6da 60%, #418ed5 100%);
}

.bg-afternoon {
  background: -webkit-gradient(linear, left top, left bottom, from(#418ed5), color-stop(40%, #acb8d5), color-stop(60%, #d5a691), to(#d58567));
  background: -webkit-linear-gradient(top, #418ed5 0%, #acb8d5 40%, #d5a691 60%, #d58567 100%);
  background: -o-linear-gradient(top, #418ed5 0%, #acb8d5 40%, #d5a691 60%, #d58567 100%);
  background: linear-gradient(to bottom, #418ed5 0%, #acb8d5 40%, #d5a691 60%, #d58567 100%);
}

@-webkit-keyframes gradAnim {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 100%;
  }
}

@keyframes gradAnim {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 100%;
  }
}

.logouted-space {
  height: 100vh;
  background: -webkit-linear-gradient(269deg, #ea893a, #4286bd, #1d4676, #0b1a47);
  background: -o-linear-gradient(269deg, #ea893a, #4286bd, #1d4676, #0b1a47);
  background: linear-gradient(181deg, #ea893a, #4286bd, #1d4676, #0b1a47);
  background-size: 800% 800%;
  -webkit-animation: AnimationName 3s ease-in;
  animation: AnimationName 3s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow-y: hidden;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 51% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 51% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}

.logouted-space .message {
  text-align: center;
  position: relative;
  display: block;
  padding-top: 40vh;
  font-size: 3em;
  color: #fff;
  -webkit-animation: AnimationFont 3s ease;
  animation: AnimationFont 3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes AnimationFont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes AnimationFont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.logouted-space .bg-star {
  opacity: 0;
  -webkit-animation: AnimationStar 2s ease-in-out 1.5s;
  animation: AnimationStar 2s ease-in-out 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
}

@-webkit-keyframes AnimationStar {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8em);
    transform: translateY(8em);
  }
  100% {
    opacity: 0.7;
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}

@keyframes AnimationStar {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8em);
    transform: translateY(8em);
  }
  100% {
    opacity: 0.7;
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}

.logouted-space .bg-star .bg-kira {
  width: 100%;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.question {
  margin-bottom: 1em;
  position: relative;
}

.question .btn-eval-info {
  display: inline-block;
}

.question_no {
  background-color: #1879D5;
  display: inline-block;
  padding: 0.25em 0.75em;
  font-weight: bold;
  color: #fff;
  border-radius: 1.25em;
  margin-right: 0.25em;
}

.icon-edit {
  display: inline-block;
}

.table.table-display-only > tbody tr th, .table.table-display-only > tbody tr td {
  border: thin solid #ccc;
}

@media (max-width: 39.99em) {
  .table.table-display-only > tbody tr th, .table.table-display-only > tbody tr td {
    display: block;
    width: 100%;
    border-top: transparent;
  }
}

.table.table-display-only > tbody tr th {
  background-color: #fffded;
}

.table.table-display-only > tbody tr td {
  padding: 4px;
}

@media (max-width: 39.99em) {
  .table.table-display-only > tbody tr:first-child > th:first-child {
    border-top: thin solid #ccc;
  }
}

.table.table-display-only-admin > tbody tr th {
  background-color: #cae2f9;
}

.table.table-display-only-coach > tbody tr th {
  background-color: #4197ea;
}

.checkbox-group {
  max-width: 20em;
  height: 10em;
  overflow-y: scroll;
  border: thin solid #ccc;
  padding: 0.5em;
  border-radius: 0.3rem;
}

.checkbox-group label {
  display: block;
}

.check-weeks {
  margin-bottom: 0.20em;
}

.check-weeks > table tbody tr {
  padding: 0;
}

.check-weeks > table tbody tr th {
  padding: 0 0.25em;
  font-size: 0.6em;
  border-top: thin solid #ccc;
  border-left: thin solid #ccc;
  border-bottom: thin solid #ccc;
  background-color: #ddd;
}

.check-weeks > table tbody tr td {
  padding: 0 0.5em;
  background-color: #fff;
  font-size: 0.7em;
  text-align: center;
  border-top: thin solid #ccc;
  border-left: thin solid #ccc;
  border-bottom: thin solid #ccc;
}

.check-weeks > table tbody tr td:last-child {
  border-right: thin solid #ccc;
}

.check-weeks.checks-large > table tbody tr th {
  font-size: 1em;
}

.check-weeks.checks-large > table tbody tr td {
  font-size: 1em;
}

.line-fade-in {
  opacity: 0;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

input:-moz-read-only.getBeforeWeek, textarea:-moz-read-only.getBeforeWeek {
  border: 1px solid #ccc;
  background-color: inherit;
  box-shadow: inherit;
  padding: inherit;
}

input:read-only.getBeforeWeek, textarea:read-only.getBeforeWeek {
  border: 1px solid #ccc;
  background-color: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  padding: inherit;
}

input:-moz-read-only.getBeforeWeek.form-error, textarea:-moz-read-only.getBeforeWeek.form-error {
  background-color: #FFD7EB;
}

input:read-only.getBeforeWeek.form-error, textarea:read-only.getBeforeWeek.form-error {
  background-color: #FFD7EB;
}

.table-striped-checks thead tr th, .table-striped-checks thead tr td, .table-striped-checks tbody tr th, .table-striped-checks tbody tr td {
  border-left: thin solid #ccc;
  border-bottom: thin solid #ccc;
}

.table-striped-checks thead tr th:first-child, .table-striped-checks thead tr td:first-child, .table-striped-checks tbody tr th:first-child, .table-striped-checks tbody tr td:first-child {
  border-left: inherit;
}

.table-striped-checks thead tr th.disp-ratio, .table-striped-checks thead tr td.disp-ratio, .table-striped-checks tbody tr th.disp-ratio, .table-striped-checks tbody tr td.disp-ratio {
  text-align: center;
}

.table-striped-checks thead tr th.no-disp, .table-striped-checks thead tr td.no-disp, .table-striped-checks tbody tr th.no-disp, .table-striped-checks tbody tr td.no-disp {
  background-color: #bbb;
}

.table-striped-checks thead tr th, .table-striped-checks tbody tr th {
  background-color: #adb5bd;
  text-align: center;
}

.bg-color-blue {
  background-color: #c1ddf8;
}

.bg-color-orange {
  background-color: #f3d3b7;
}

.btn-group-lg > .btn, .btn-lg {
  padding: 1.1rem;
}

.chartField {
  margin-bottom: 3em;
}

.comment {
  font-size: 2rem;
}

.alert > div .fa {
  vertical-align: top;
  line-height: 1.2em;
}

.alert > div .font-red > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.address-table {
  margin-bottom: 2em;
}

@media (max-width: 29.99em) {
  .address-table th, .address-table td {
    display: block;
  }
}

.form-inline-responsive span, .form-inline-responsive input, .form-inline-responsive select, .form-inline-responsive textarea, .form-inline-responsive button {
  display: inline-block;
}

.form-inline-responsive .form-control {
  display: inline-block;
}

.form-inline-responsive .width-auto {
  width: auto;
}

.input-space h3 {
  border-bottom: thin dotted #adb5bd;
  padding-bottom: 0.25em;
}

.mypage-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1em;
}

.mypage-menu-list > li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 15em;
  flex-basis: 15em;
  text-align: center;
  margin-bottom: 0.5em;
}

@media (max-width: 29.99em) {
  .mypage-menu-list > li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.mypage-menu-list > li a {
  display: block;
  padding: 1em;
  border: thin solid #495057;
  margin: 0 0.25em;
  text-decoration: none;
}

.mypage-menu-list > li a:hover {
  background-color: #e9ecef;
  -webkit-box-shadow: 1px 1px 6px -2px #343a40;
  box-shadow: 1px 1px 6px -2px #343a40;
}

.maru-button-delete {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: #e00;
  padding: 0.25em 2em;
  border: 2px solid #e00;
  border-radius: 0.5rem;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 #6f0000;
  box-shadow: 0 2px 0 #6f0000;
}

.maru-button-delete:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.maru-button-delete:visited {
  color: #fff;
}

.maru-button-delete[disabled]:before {
  content: '\f056';
  font-family: FontAwesome;
}

@media (max-width: 23.49em) {
  .maru-button-delete.button-responsive {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .maru-button-delete.button-responsive-tablet {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

.maru-button-delete.width-auto {
  padding: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  width: 100%;
}

.maru-button-delete.height-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.maru-button-delete.size-large {
  font-size: 1.4em !important;
}

.maru-button-delete.size-huge {
  font-size: 1.8em !important;
}

.maru-button-delete.size-min {
  font-size: 0.8em !important;
}

.maru-button-delete.size-default {
  font-size: 1em !important;
}

.maru-button-delete.size-touch-panel {
  font-size: 2.4em !important;
}

.maru-button-copy {
  display: inline-block;
  text-decoration: none;
  color: #333;
  background-color: #ffff00;
  padding: 0.25em 2em;
  border: 2px solid #ffff00;
  border-radius: 0.5rem;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 olive;
  box-shadow: 0 2px 0 olive;
}

.maru-button-copy:hover {
  color: #7e6101;
  cursor: pointer;
  text-decoration: none;
}

.maru-button-copy:visited {
  color: #333;
}

.maru-button-copy[disabled]:before {
  content: '\f056';
  font-family: FontAwesome;
}

@media (max-width: 23.49em) {
  .maru-button-copy.button-responsive {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .maru-button-copy.button-responsive-tablet {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

.maru-button-copy.width-auto {
  padding: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  width: 100%;
}

.maru-button-copy.height-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.maru-button-copy.size-large {
  font-size: 1.4em !important;
}

.maru-button-copy.size-huge {
  font-size: 1.8em !important;
}

.maru-button-copy.size-min {
  font-size: 0.8em !important;
}

.maru-button-copy.size-default {
  font-size: 1em !important;
}

.maru-button-copy.size-touch-panel {
  font-size: 2.4em !important;
}

.maru-button-edit {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: #20c997;
  padding: 0.25em 2em;
  border: 2px solid #20c997;
  border-radius: 0.5rem;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 #0e5b44;
  box-shadow: 0 2px 0 #0e5b44;
}

.maru-button-edit:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.maru-button-edit:visited {
  color: #fff;
}

.maru-button-edit[disabled]:before {
  content: '\f056';
  font-family: FontAwesome;
}

@media (max-width: 23.49em) {
  .maru-button-edit.button-responsive {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

@media (max-width: 39.99em) {
  .maru-button-edit.button-responsive-tablet {
    padding: 0.25em 0.5em;
    width: 100%;
  }
}

.maru-button-edit.width-auto {
  padding: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  width: 100%;
}

.maru-button-edit.height-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.maru-button-edit.size-large {
  font-size: 1.4em !important;
}

.maru-button-edit.size-huge {
  font-size: 1.8em !important;
}

.maru-button-edit.size-min {
  font-size: 0.8em !important;
}

.maru-button-edit.size-default {
  font-size: 1em !important;
}

.maru-button-edit.size-touch-panel {
  font-size: 2.4em !important;
}

table.product-table > thead > tr > th, table.default-table > thead > tr > th {
  padding: 0.5em;
  border: thin solid #adb5bd;
  background-color: #e9ecef;
}

table.product-table > thead:first-child > tr:first-child > th, table.default-table > thead:first-child > tr:first-child > th {
  border-top: thin solid #adb5bd;
}

table.product-table > tbody > tr > th, table.product-table > tbody > tr > td, table.default-table > tbody > tr > th, table.default-table > tbody > tr > td {
  padding: 0.5em;
  border: thin solid #adb5bd;
}

table.product-table > tbody > tr > th, table.default-table > tbody > tr > th {
  background-color: #e9ecef;
}

table.product-table > tbody > tr:first-child th, table.product-table > tbody > tr:first-child td, table.default-table > tbody > tr:first-child th, table.default-table > tbody > tr:first-child td {
  border-top: thin solid #adb5bd;
}

.calendar > table {
  border: thin solid #999;
}

.calendar > table thead tr, .calendar > table thead td, .calendar > table tbody tr, .calendar > table tbody td {
  padding: 0.25em;
  text-align: center;
}

.calendar > table thead tr:first-child, .calendar > table thead td:first-child, .calendar > table tbody tr:first-child, .calendar > table tbody td:first-child {
  border-left: thin solid #666;
}

.calendar > table thead td, .calendar > table tbody td {
  cursor: pointer;
}

.confirm-list {
  margin: 0;
  padding: 0 1em 0 0;
  list-style-type: none;
}

.confirm-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5em;
}

.confirm-list > li > .title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 11em;
  flex-basis: 11em;
}

@media (max-width: 29.99em) {
  .confirm-list > li > .title {
    -ms-flex-preferred-size: 6em;
    flex-basis: 6em;
  }
}

.confirm-list > li > .title > div {
  position: relative;
  font-weight: bold;
  padding: 0 1.5em 0 0;
}

.confirm-list > li > .title > div:after {
  position: absolute;
  right: 0;
  font-family: FontAwesome;
  content: '\f0da';
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 100%;
}

.confirm-list > li > .inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  padding: 0;
  font-size: 1em;
}

.order-detail-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 47.9275em) {
  .order-detail-info-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.order-detail-info-container > .order-info {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 30em;
  flex-basis: 30em;
}

@media (max-width: 47.9275em) {
  .order-detail-info-container > .order-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.order-detail-info-container > .order-info > .title {
  -ms-flex-preferred-size: 8em;
  flex-basis: 8em;
}

.order-detail-info-container > .product-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.product-info .product-info-inner {
  margin-bottom: 1em;
}

.product-info .product-info-inner h3 {
  margin: 0;
  padding: 0 0 0.2em;
  text-align: left;
}

.product-info .product-info-inner .order-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: thin solid #adb5bd;
  border-right: thin solid #adb5bd;
  border-top: thin solid #adb5bd;
  margin-bottom: 0.5em;
}

.product-info .product-info-inner .order-item-list > li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border-bottom: 1px solid #adb5bd;
}

@media (max-width: 63.99em) {
  .product-info .product-info-inner .order-item-list > li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.product-info .product-info-inner .order-item-list > li .order-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.product-info .product-info-inner .order-item-list > li .order-item-inner > .order-item-title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.product-info .product-info-inner .order-item-list > li .order-item-inner > .order-item-title > div {
  background-color: #e9ecef;
  padding: 0.25em;
  margin: 0.25em;
  min-width: 5em;
  text-align: center;
  border-radius: 0.1em;
  border: thin solid #bdc6cf;
  font-weight: bold;
}

.product-info .product-info-inner .order-item-list > li .order-item-inner > .order-item-detail {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-info .product-info-inner .order-item-list > li .order-item-inner > .order-item-detail > div {
  padding: 0.1em;
}

.ai-file-name {
  word-break: break-all;
}

.upload-ai-container {
  border: thin dotted #6c757d;
  margin: 0 1em 2em 0;
  padding: 1em 0;
}

@media (max-width: 29.99em) {
  .upload-ai-container {
    margin: 0 0 2em;
  }
}

.upload-ai-container > h3 {
  margin: 0 1em 0.5em;
}

.upload-ai-container ul {
  margin: 0 1em;
  max-height: 10em;
  overflow-y: auto;
}

.upload-ai-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 0.5em;
}

.upload-ai-container ul li .upload-ai-file {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.upload-ai-container ul li .upload-ai-buttons {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

/* 商品情報補足情報 */
.selection-design {
  margin-bottom: 3em;
}

.selection-design h2 {
  border: thin solid #adb5bd;
  padding: 0.25em 0.5em;
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEDEDED');
  background-image: -owg-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(47%, #f6f6f6), to(#ededed));
  background-image: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
}

.selection-design h3 {
  text-align: left;
}

.selection-design h4 {
  font-weight: bold;
}

.selection-design .selection-design-inner {
  margin: 0 0 2em;
  padding: 1em;
}

.selection-design .selection-design-inner > h3 {
  border-bottom: thin dotted #343a40;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}

.selection-design .selection-design-inner .selection-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media (max-width: 61.24em) {
  .selection-design .selection-design-inner .selection-colors {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.selection-design .selection-design-inner .selection-colors .color-image {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  text-align: center;
}

@media (max-width: 61.24em) {
  .selection-design .selection-design-inner .selection-colors .color-image {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.selection-design .selection-sample-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 2em;
}

.selection-design .selection-sample-wrap .selection-sample-list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.selection-design .selection-sample-wrap .selection-sample-list li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

@media (max-width: 61.24em) {
  .selection-design .selection-sample-wrap .selection-sample-list li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.order-detail-space {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 63.99em) {
  .order-detail-space {
    width: 100%;
    left: 0;
  }
}

.order-detail-space > .order-detail-wrap {
  position: relative;
  background-color: #fff;
  padding: 2em 1em 1em;
}

.order-detail-space > .order-detail-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1em;
  content: '';
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKUlEQVQYVzWKsQ0AMAzCwnE8HY6jQinebIBtz0fSoCFC8kIlR+yus5QHuj0YJmVoS30AAAAASUVORK5CYII=) repeat;
}

.order-detail-space > .order-detail-wrap .order-detail-title {
  padding: 0.5em 0;
  text-align: center;
}

.order-detail-space > .order-detail-wrap .order-detail-title > h3 {
  display: inline-block;
}

.order-detail-space > .order-detail-wrap .order-detail-container .estimate-container {
  text-align: center;
}

.order-detail-space > .order-detail-wrap .order-detail-container .estimate-container .estimate {
  font-size: 1.5em;
}

.order-detail-space > .order-detail-wrap .order-detail-container .estimate-container .estimate .price-sum-num {
  color: #e00;
  font-weight: bold;
}

.order-detail-space > .order-detail-wrap .order-detail-container .button-container {
  text-align: center;
}

@media (max-width: 63.99em) {
  .order-detail-space {
    width: 100%;
  }
}

.price-table > tbody tr th {
  border-left: thin solid #adb5bd;
  border-top: thin solid #adb5bd;
  border-bottom: thin solid #adb5bd;
  width: 12em;
}

.price-table > tbody tr td {
  border-left: thin solid #adb5bd;
  border-right: thin solid #adb5bd;
  border-top: thin solid #adb5bd;
  border-bottom: thin solid #adb5bd;
  padding: 0.2em;
}

.price-table > tbody tr td.order-price {
  text-align: right;
  width: 8em;
}

.color-table tbody tr td {
  text-align: center;
}

.color-table tbody tr td .color-box {
  position: relative;
  width: 3em;
}

.color-table tbody tr td .color-box:after {
  display: block;
  content: '';
  width: 100%;
  height: 3em;
}

.color-table tbody tr td .color-box.box-black:after {
  background-color: #000;
}

.color-table tbody tr td .color-box.box-red:after {
  background-color: #c31627;
}

.color-table tbody tr td .color-box.box-green:after {
  background-color: #50a255;
}

.color-table tbody tr td .color-box.box-indigo:after {
  background-color: #1fa5db;
}

.color-table tbody tr td .color-box.box-deep-blue:after {
  background-color: #4c3a72;
}

.radio-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.radio-list li > label p {
  margin: 0;
}

.disp-design-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.disp-design-list li {
  margin-bottom: 1em;
}

.disp-design-list li > label {
  text-align: center;
}

.disp-design-list li > label a {
  display: block;
  position: relative;
}

.disp-design-list li > label a:hover:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 0, 0.25);
  border-radius: 1em;
}

.disp-design-list li > label a:hover:after {
  position: absolute;
  font-family: FontAwesome;
  content: '\f00e';
  display: block;
  right: 0.25em;
  bottom: 0.25em;
  margin: auto;
  width: 4rem;
  height: 4rem;
  font-size: 4rem;
  color: rgba(0, 0, 0, 0.25);
}

.disp-design-list li > label p {
  margin: 0;
}

.disp-design-list li > label .status-stock {
  border-radius: 1em;
  background-color: #e9ecef;
  display: inline-block;
  margin: 0.5em auto;
  padding: 0.2em 1em;
  position: relative;
}

.disp-design-list li > label .status-stock.stock-available {
  background-color: inherit;
  border: thin solid #adb5bd;
}

.disp-design-list li > label .status-stock.stock-little {
  background-color: #ffd5d5;
  border: thin solid #adb5bd;
}

.disp-design-list li > label .status-stock > span {
  display: inline-block;
  padding-left: 1em;
  font-weight: bold;
}

.destination-header {
  background-color: #e9ecef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.destination-header > .delivery-to {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.destination-header > .delivery-amount {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.destination-table-wrap.limit-height {
  max-height: 20em;
  overflow-y: auto;
}

.tel-person .tel {
  display: inline-block;
  width: 15em;
}

@media (max-width: 29.99em) {
  .tel-person .tel {
    display: block;
    width: 100%;
  }
}

.tel-person .person {
  display: inline-block;
}

.destination-table > tbody tr th, .destination-table > tbody tr td {
  padding: 0.25em;
  border-bottom: thin solid #adb5bd;
  border-left: thin solid #adb5bd;
  border-right: thin solid #adb5bd;
}

.destination-table > tbody tr:first-child th, .destination-table > tbody tr:first-child td {
  border-top: thin solid #adb5bd;
}

.not-order-delivery-num:-moz-read-only {
  padding: 6px 12px !important;
  border: thin solid #ced4da !important;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  width: 22rem;
}

.not-order-delivery-num:read-only {
  padding: 6px 12px !important;
  border: thin solid #ced4da !important;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  width: 22rem;
}

.color-ok {
  background-color: #c0d897 !important;
}

.color-high {
  background-color: #ffbbbb !important;
}

.color-low {
  background-color: #def1f9 !important;
}

.shipBox {
  height: 100%;
}

.shipBox > span {
  position: relative;
  height: 80%;
  height: calc(100% - 3em);
  max-width: 90%;
  max-width: calc(100% - 4em);
  border: thin solid #ced4da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1em auto;
  background-color: #e9ecef;
}

@media (max-width: 61.24em) {
  .shipBox > span {
    margin: 1em auto 5rem;
  }
}

.shipBox > span:before {
  font-family: FontAwesome;
  content: '\f061';
  position: absolute;
  right: -4.5rem;
  top: 0;
  bottom: 0;
  height: 6rem;
  font-size: 4rem;
  margin: auto;
}

@media (max-width: 61.24em) {
  .shipBox > span:before {
    content: '\f063';
    height: auto;
    top: auto;
    left: -1em;
    right: 0;
    bottom: -5rem;
    width: 0;
  }
}

@media (max-width: 61.24em) {
  .shipBox > span {
    height: 5em;
  }
}

.order-detail-container .order-detail-wrap .price-table-wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.order-detail-container .order-detail-wrap .button-container-wrap {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  position: relative;
}

.order-detail-container .order-detail-wrap .button-container-wrap .button-container .button-wrap {
  width: 12em;
  margin-bottom: 0.25em;
}

.order-detail-container .order-detail-wrap .button-container-wrap .button-container .button-wrap.btn-bottom {
  position: absolute;
  bottom: 0;
}

.order-detail-container .order-detail-wrap .button-container-wrap .button-container .button-wrap.btn-size-large {
  height: 4em;
  line-height: 4em;
}

.order-detail-container .order-detail-wrap .button-container-wrap .button-container .button-wrap .btn {
  width: 100%;
  height: 100%;
  display: block;
}

.form-inline-responsive span, .form-inline-responsive input, .form-inline-responsive select, .form-inline-responsive textarea, .form-inline-responsive button {
  display: inline-block;
}

.form-inline-responsive .form-control {
  display: inline-block;
}

.form-inline-responsive .width-auto {
  width: auto;
}

.input-space h3 {
  border-bottom: thin dotted #adb5bd;
  padding-bottom: 0.25em;
}

.standards-list-table tr img, .standards-list-table td img {
  max-width: 80px;
}

.file-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.file-list > ul li {
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
  max-width: 150px;
}

.product-base-container h3 {
  text-align: left;
  padding: 0 0 0.5em;
  border-bottom: thin dotted #343a40;
}

.product-base-container .product-base-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-base-container .product-base-list li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-base-container .product-base-list li.colspan {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (max-width: 29.99em) {
  .product-base-container .product-base-list li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.product-base-container .product-base-list li > .title {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
  flex-basis: 7em;
  font-weight: bold;
}

@media (max-width: 29.99em) {
  .product-base-container .product-base-list li > .title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.product-base-container .product-base-list li > .title > span {
  position: relative;
  display: block;
  padding: 0.5em 1em;
}

.product-base-container .product-base-list li > .title > span:before {
  height: 90%;
  width: 2px;
  background-color: #343a40;
  content: '';
  left: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

@media (max-width: 29.99em) {
  .product-base-container .product-base-list li > .title > span {
    padding: 0.5em 0 0.5em 0.5em;
  }
  .product-base-container .product-base-list li > .title > span:before {
    left: 0;
  }
}

.product-base-container .product-base-list li > .input-space {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

@media (max-width: 29.99em) {
  .product-base-container .product-base-list li > .input-space {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1em;
  }
}

.product-base-container .product-base-list li:nth-child(odd) > .title > span {
  padding: 0.5em 0 0.5em 0.5em;
}

.product-base-container .product-base-list li:nth-child(odd) > .title > span:before {
  left: 0;
}

.search-space table.table > tbody > tr th, .search-space table.table > tbody > tr td {
  padding: 0.25em 0.5em;
}

.delivery-table > tbody > tr > td {
  padding: 1px;
}

@media (max-width: 23.49em) {
  .delivery-table > tbody > tr > td input[type="text"] {
    width: 6em;
  }
}

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

.hover-image-wrap {
  position: relative;
  cursor: pointer;
}

.hover-image-wrap > img {
  position: absolute;
  left: -35px;
  top: 0;
  width: auto;
  max-width: 100px;
  display: none;
  border: thin solid #333;
}

.hover-image-wrap:hover > img {
  display: block;
  z-index: 1;
  pointer-events: none;
}

.overflow-init tbody th, .overflow-init tbody td {
  overflow: inherit;
}