@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");
@keyframes gradient-flow {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
/* config-style */
*, *:before, *:after {
  position: relative;
  box-sizing: border-box;
  /*transition: 0.2s linear;*/
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif, arial;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: inherit;
}

:is(img) {
  width: 100%;
}

:is(a:not(.sz-text-link)) {
  text-decoration: none;
}
/*
:is(ul, li) {
  display: inline-block;
}*/

:is(input, select) {
  appearance: none;
  background-color: #ffffffaa;
  width: 100%;
  height: 2.5em;
  padding: 0.5em 1.25em;
  border: 1px solid #BEE5F6;
  border-radius: 2em;
  outline: none;
}
@media screen and (max-width: 800px) {
  :is(input, select) {
    font-size: 16px;
  }
}

:is(textarea) {
  appearance: none;
  background-color: #ffffffaa;
  width: 100%;
  padding: 1em;
  min-height: 16em;
  font-size: 1em;
  border: 1px solid #BEE5F6;
  border-radius: 12px;
  outline: none;
  resize: none;
}
@media screen and (max-width: 800px) {
  :is(textarea) {
    font-size: 16px;
  }
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
input[type=number] {
  max-width: 4em;
  height: auto;
  padding: 0.125em 0.25em;
  text-align: center;
  border-radius: 8px;
}
input[type=date], input[type=month] {
  min-width: 12em;
}
input[type=date]::-webkit-calendar-picker-indicator, input[type=month]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
input[type=date]::-webkit-datetime-edit-text, input[type=month]::-webkit-datetime-edit-text {
  font-size: 14px;
  color: #BEE5F6;
}
input[type=date]:before, input[type=month]:before {
  position: absolute;
  top: 50%;
  right: 1em;
  display: block;
  content: "\e902";
  font-family: "jr_iconfont";
  font-size: 1.25em;
  color: #0098DC;
  cursor: pointer;
  pointer-events: none;
  transform: translateY(-50%);
}
input[type=month]::-webkit-datetime-edit-text {
  color: #0098DC;
}
input[type=checkbox]:not(.multi-item) {
  width: 1em;
  height: 1em;
  padding: 0;
  color: #ffffff;
  border: 1px solid #0098DC;
  border-radius: 2px;
  z-index: 1;
}
input[type=checkbox]:not(.multi-item):checked {
  background-color: #0098DC;
}
input[type=checkbox]:not(.multi-item):checked:after {
  position: absolute;
  top: calc(50% - 0.1em);
  left: 50%;
  content: "✓";
  color: #ffffff;
  font-size: 0.9em;
  font-weight: 500;
  transform: translate(-50%, -50%);
}
input[type=radio], input.multi-item {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ffffff66;
  width: 1em;
  height: 1em;
  padding: 0;
  border-width: 2px;
  border-color: #7ECBED;
  opacity: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
input[type=radio] + .input-label, input.multi-item + .input-label {
  border-radius: 2em;
}
input[type=radio] + .input-label:before, input.multi-item + .input-label:before {
  content: "";
  display: inline-flex;
  justify-content: center;
  background-color: #ffffff66;
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0 0.4em 0 0;
  color: #0098DC;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
  border: 2px solid #7ECBED;
  border-radius: 2em;
  cursor: pointer;
  transition: border-width 0s linear 0.2s;
}
input[type=radio]:checked, input.multi-item:checked {
  background-color: #ffffff99;
  border-color: #0098DC;
  width: 100%;
  height: 100%;
  opacity: 1;
}
input[type=radio]:checked + .input-label, input.multi-item:checked + .input-label {
  color: #0098DC;
}
input[type=radio]:checked + .input-label:before, input.multi-item:checked + .input-label:before {
  content: "✓";
  border-width: 0;
  transition: border-width 0s linear;
}
input[type=radio]:focus, input.multi-item:focus {
  background-color: #ffffff99;
}
input[type=submit] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
input:focus {
  background-color: #ffffffcc;
  border-color: #0098DC;
}
input:focus[type=date]::-webkit-datetime-edit-text {
  color: #0098DC;
}
input::placeholder {
  color: #9CA3AF;
}

select {
  min-width: 12em;
  padding: 0.5em 2.5em 0.5em 1.25em;
}
select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
select:focus {
  background-color: #ffffffcc;
  border-color: #0098DC;
}

textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
textarea:focus {
  background-color: #ffffffcc;
  border-color: #0098DC;
}

.color-tone-blue input {
  border-color: #BEE5F6;
}
.color-tone-blue input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-blue input[type=date]:before, .color-tone-blue input[type=month]:before {
  color: #0098DC;
}
.color-tone-blue input[type=date]::-webkit-datetime-edit-text {
  color: #BEE5F6;
}
.color-tone-blue input[type=month]::-webkit-datetime-edit-text {
  color: #0098DC;
}
.color-tone-blue input[type=month]:before {
  color: #0098DC;
}
.color-tone-blue input[type=checkbox]:not(.multi-item) {
  border-color: #0098DC;
}
.color-tone-blue input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #0098DC;
}
.color-tone-blue input[type=radio], .color-tone-blue input.multi-item {
  border-color: #7ECBED;
}
.color-tone-blue input[type=radio] + .input-label:before, .color-tone-blue input.multi-item + .input-label:before {
  color: #0098DC;
  border-color: #7ECBED;
}
.color-tone-blue input[type=radio]:checked, .color-tone-blue input.multi-item:checked {
  border-color: #0098DC;
}
.color-tone-blue input[type=radio]:checked + .input-label, .color-tone-blue input.multi-item:checked + .input-label {
  color: #0098DC;
}
.color-tone-blue input:focus {
  border-color: #0098DC;
}
.color-tone-blue input:focus[type=date]::-webkit-datetime-edit-text {
  color: #0098DC;
}
.color-tone-blue select {
  border-color: #BEE5F6;
}
.color-tone-blue select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blue select:focus {
  border-color: #0098DC;
}
.color-tone-blue textarea {
  border-color: #BEE5F6;
}
.color-tone-blue textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blue textarea:focus {
  border-color: #0098DC;
}

.color-tone-blue-2nd input {
  border-color: #BEE5F6;
}
.color-tone-blue-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-blue-2nd input[type=date]:before, .color-tone-blue-2nd input[type=month]:before {
  color: #7ECBED;
}
.color-tone-blue-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #BEE5F6;
}
.color-tone-blue-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #7ECBED;
}
.color-tone-blue-2nd input[type=month]:before {
  color: #7ECBED;
}
.color-tone-blue-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #7ECBED;
}
.color-tone-blue-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #7ECBED;
}
.color-tone-blue-2nd input[type=radio], .color-tone-blue-2nd input.multi-item {
  border-color: #0098DC;
}
.color-tone-blue-2nd input[type=radio] + .input-label:before, .color-tone-blue-2nd input.multi-item + .input-label:before {
  color: #7ECBED;
  border-color: #0098DC;
}
.color-tone-blue-2nd input[type=radio]:checked, .color-tone-blue-2nd input.multi-item:checked {
  border-color: #7ECBED;
}
.color-tone-blue-2nd input[type=radio]:checked + .input-label, .color-tone-blue-2nd input.multi-item:checked + .input-label {
  color: #7ECBED;
}
.color-tone-blue-2nd input:focus {
  border-color: #7ECBED;
}
.color-tone-blue-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #7ECBED;
}
.color-tone-blue-2nd select {
  border-color: #BEE5F6;
}
.color-tone-blue-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blue-2nd select:focus {
  border-color: #7ECBED;
}
.color-tone-blue-2nd textarea {
  border-color: #BEE5F6;
}
.color-tone-blue-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blue-2nd textarea:focus {
  border-color: #7ECBED;
}

.color-tone-green input {
  border-color: #CAE5CF;
}
.color-tone-green input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-green input[type=date]:before, .color-tone-green input[type=month]:before {
  color: #2C9742;
}
.color-tone-green input[type=date]::-webkit-datetime-edit-text {
  color: #CAE5CF;
}
.color-tone-green input[type=month]::-webkit-datetime-edit-text {
  color: #2C9742;
}
.color-tone-green input[type=month]:before {
  color: #2C9742;
}
.color-tone-green input[type=checkbox]:not(.multi-item) {
  border-color: #2C9742;
}
.color-tone-green input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #2C9742;
}
.color-tone-green input[type=radio], .color-tone-green input.multi-item {
  border-color: #95CBA0;
}
.color-tone-green input[type=radio] + .input-label:before, .color-tone-green input.multi-item + .input-label:before {
  color: #2C9742;
  border-color: #95CBA0;
}
.color-tone-green input[type=radio]:checked, .color-tone-green input.multi-item:checked {
  border-color: #2C9742;
}
.color-tone-green input[type=radio]:checked + .input-label, .color-tone-green input.multi-item:checked + .input-label {
  color: #2C9742;
}
.color-tone-green input:focus {
  border-color: #2C9742;
}
.color-tone-green input:focus[type=date]::-webkit-datetime-edit-text {
  color: #2C9742;
}
.color-tone-green select {
  border-color: #CAE5CF;
}
.color-tone-green select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-green select:focus {
  border-color: #2C9742;
}
.color-tone-green textarea {
  border-color: #CAE5CF;
}
.color-tone-green textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-green textarea:focus {
  border-color: #2C9742;
}

.color-tone-green-2nd input {
  border-color: #CAE5CF;
}
.color-tone-green-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-green-2nd input[type=date]:before, .color-tone-green-2nd input[type=month]:before {
  color: #95CBA0;
}
.color-tone-green-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #CAE5CF;
}
.color-tone-green-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #95CBA0;
}
.color-tone-green-2nd input[type=month]:before {
  color: #95CBA0;
}
.color-tone-green-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #95CBA0;
}
.color-tone-green-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #95CBA0;
}
.color-tone-green-2nd input[type=radio], .color-tone-green-2nd input.multi-item {
  border-color: #2C9742;
}
.color-tone-green-2nd input[type=radio] + .input-label:before, .color-tone-green-2nd input.multi-item + .input-label:before {
  color: #95CBA0;
  border-color: #2C9742;
}
.color-tone-green-2nd input[type=radio]:checked, .color-tone-green-2nd input.multi-item:checked {
  border-color: #95CBA0;
}
.color-tone-green-2nd input[type=radio]:checked + .input-label, .color-tone-green-2nd input.multi-item:checked + .input-label {
  color: #95CBA0;
}
.color-tone-green-2nd input:focus {
  border-color: #95CBA0;
}
.color-tone-green-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #95CBA0;
}
.color-tone-green-2nd select {
  border-color: #CAE5CF;
}
.color-tone-green-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-green-2nd select:focus {
  border-color: #95CBA0;
}
.color-tone-green-2nd textarea {
  border-color: #CAE5CF;
}
.color-tone-green-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-green-2nd textarea:focus {
  border-color: #95CBA0;
}

.color-tone-orange input {
  border-color: #FBE5BA;
}
.color-tone-orange input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-orange input[type=date]:before, .color-tone-orange input[type=month]:before {
  color: #EB781E;
}
.color-tone-orange input[type=date]::-webkit-datetime-edit-text {
  color: #FBE5BA;
}
.color-tone-orange input[type=month]::-webkit-datetime-edit-text {
  color: #EB781E;
}
.color-tone-orange input[type=month]:before {
  color: #EB781E;
}
.color-tone-orange input[type=checkbox]:not(.multi-item) {
  border-color: #EB781E;
}
.color-tone-orange input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #EB781E;
}
.color-tone-orange input[type=radio], .color-tone-orange input.multi-item {
  border-color: #F7CC77;
}
.color-tone-orange input[type=radio] + .input-label:before, .color-tone-orange input.multi-item + .input-label:before {
  color: #EB781E;
  border-color: #F7CC77;
}
.color-tone-orange input[type=radio]:checked, .color-tone-orange input.multi-item:checked {
  border-color: #EB781E;
}
.color-tone-orange input[type=radio]:checked + .input-label, .color-tone-orange input.multi-item:checked + .input-label {
  color: #EB781E;
}
.color-tone-orange input:focus {
  border-color: #EB781E;
}
.color-tone-orange input:focus[type=date]::-webkit-datetime-edit-text {
  color: #EB781E;
}
.color-tone-orange select {
  border-color: #FBE5BA;
}
.color-tone-orange select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-orange select:focus {
  border-color: #EB781E;
}
.color-tone-orange textarea {
  border-color: #FBE5BA;
}
.color-tone-orange textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-orange textarea:focus {
  border-color: #EB781E;
}

.color-tone-orange-2nd input {
  border-color: #FBE5BA;
}
.color-tone-orange-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-orange-2nd input[type=date]:before, .color-tone-orange-2nd input[type=month]:before {
  color: #F7CC77;
}
.color-tone-orange-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #FBE5BA;
}
.color-tone-orange-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #F7CC77;
}
.color-tone-orange-2nd input[type=month]:before {
  color: #F7CC77;
}
.color-tone-orange-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #F7CC77;
}
.color-tone-orange-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #F7CC77;
}
.color-tone-orange-2nd input[type=radio], .color-tone-orange-2nd input.multi-item {
  border-color: #EB781E;
}
.color-tone-orange-2nd input[type=radio] + .input-label:before, .color-tone-orange-2nd input.multi-item + .input-label:before {
  color: #F7CC77;
  border-color: #EB781E;
}
.color-tone-orange-2nd input[type=radio]:checked, .color-tone-orange-2nd input.multi-item:checked {
  border-color: #F7CC77;
}
.color-tone-orange-2nd input[type=radio]:checked + .input-label, .color-tone-orange-2nd input.multi-item:checked + .input-label {
  color: #F7CC77;
}
.color-tone-orange-2nd input:focus {
  border-color: #F7CC77;
}
.color-tone-orange-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #F7CC77;
}
.color-tone-orange-2nd select {
  border-color: #FBE5BA;
}
.color-tone-orange-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-orange-2nd select:focus {
  border-color: #F7CC77;
}
.color-tone-orange-2nd textarea {
  border-color: #FBE5BA;
}
.color-tone-orange-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-orange-2nd textarea:focus {
  border-color: #F7CC77;
}

.color-tone-purple input {
  border-color: #E5BCF1;
}
.color-tone-purple input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-purple input[type=date]:before, .color-tone-purple input[type=month]:before {
  color: #BF58DD;
}
.color-tone-purple input[type=date]::-webkit-datetime-edit-text {
  color: #E5BCF1;
}
.color-tone-purple input[type=month]::-webkit-datetime-edit-text {
  color: #BF58DD;
}
.color-tone-purple input[type=month]:before {
  color: #BF58DD;
}
.color-tone-purple input[type=checkbox]:not(.multi-item) {
  border-color: #BF58DD;
}
.color-tone-purple input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #BF58DD;
}
.color-tone-purple input[type=radio], .color-tone-purple input.multi-item {
  border-color: #D289E7;
}
.color-tone-purple input[type=radio] + .input-label:before, .color-tone-purple input.multi-item + .input-label:before {
  color: #BF58DD;
  border-color: #D289E7;
}
.color-tone-purple input[type=radio]:checked, .color-tone-purple input.multi-item:checked {
  border-color: #BF58DD;
}
.color-tone-purple input[type=radio]:checked + .input-label, .color-tone-purple input.multi-item:checked + .input-label {
  color: #BF58DD;
}
.color-tone-purple input:focus {
  border-color: #BF58DD;
}
.color-tone-purple input:focus[type=date]::-webkit-datetime-edit-text {
  color: #BF58DD;
}
.color-tone-purple select {
  border-color: #E5BCF1;
}
.color-tone-purple select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-purple select:focus {
  border-color: #BF58DD;
}
.color-tone-purple textarea {
  border-color: #E5BCF1;
}
.color-tone-purple textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-purple textarea:focus {
  border-color: #BF58DD;
}

.color-tone-purple-2nd input {
  border-color: #E5BCF1;
}
.color-tone-purple-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-purple-2nd input[type=date]:before, .color-tone-purple-2nd input[type=month]:before {
  color: #D289E7;
}
.color-tone-purple-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #E5BCF1;
}
.color-tone-purple-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #D289E7;
}
.color-tone-purple-2nd input[type=month]:before {
  color: #D289E7;
}
.color-tone-purple-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #D289E7;
}
.color-tone-purple-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #D289E7;
}
.color-tone-purple-2nd input[type=radio], .color-tone-purple-2nd input.multi-item {
  border-color: #BF58DD;
}
.color-tone-purple-2nd input[type=radio] + .input-label:before, .color-tone-purple-2nd input.multi-item + .input-label:before {
  color: #D289E7;
  border-color: #BF58DD;
}
.color-tone-purple-2nd input[type=radio]:checked, .color-tone-purple-2nd input.multi-item:checked {
  border-color: #D289E7;
}
.color-tone-purple-2nd input[type=radio]:checked + .input-label, .color-tone-purple-2nd input.multi-item:checked + .input-label {
  color: #D289E7;
}
.color-tone-purple-2nd input:focus {
  border-color: #D289E7;
}
.color-tone-purple-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #D289E7;
}
.color-tone-purple-2nd select {
  border-color: #E5BCF1;
}
.color-tone-purple-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-purple-2nd select:focus {
  border-color: #D289E7;
}
.color-tone-purple-2nd textarea {
  border-color: #E5BCF1;
}
.color-tone-purple-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-purple-2nd textarea:focus {
  border-color: #D289E7;
}

.color-tone-tiffan input {
  border-color: #A6DCE7;
}
.color-tone-tiffan input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-tiffan input[type=date]:before, .color-tone-tiffan input[type=month]:before {
  color: #21A9C3;
}
.color-tone-tiffan input[type=date]::-webkit-datetime-edit-text {
  color: #A6DCE7;
}
.color-tone-tiffan input[type=month]::-webkit-datetime-edit-text {
  color: #21A9C3;
}
.color-tone-tiffan input[type=month]:before {
  color: #21A9C3;
}
.color-tone-tiffan input[type=checkbox]:not(.multi-item) {
  border-color: #21A9C3;
}
.color-tone-tiffan input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #21A9C3;
}
.color-tone-tiffan input[type=radio], .color-tone-tiffan input.multi-item {
  border-color: #63C2D5;
}
.color-tone-tiffan input[type=radio] + .input-label:before, .color-tone-tiffan input.multi-item + .input-label:before {
  color: #21A9C3;
  border-color: #63C2D5;
}
.color-tone-tiffan input[type=radio]:checked, .color-tone-tiffan input.multi-item:checked {
  border-color: #21A9C3;
}
.color-tone-tiffan input[type=radio]:checked + .input-label, .color-tone-tiffan input.multi-item:checked + .input-label {
  color: #21A9C3;
}
.color-tone-tiffan input:focus {
  border-color: #21A9C3;
}
.color-tone-tiffan input:focus[type=date]::-webkit-datetime-edit-text {
  color: #21A9C3;
}
.color-tone-tiffan select {
  border-color: #A6DCE7;
}
.color-tone-tiffan select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tiffan select:focus {
  border-color: #21A9C3;
}
.color-tone-tiffan textarea {
  border-color: #A6DCE7;
}
.color-tone-tiffan textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tiffan textarea:focus {
  border-color: #21A9C3;
}

.color-tone-tiffan-2nd input {
  border-color: #A6DCE7;
}
.color-tone-tiffan-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-tiffan-2nd input[type=date]:before, .color-tone-tiffan-2nd input[type=month]:before {
  color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #A6DCE7;
}
.color-tone-tiffan-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=month]:before {
  color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=radio], .color-tone-tiffan-2nd input.multi-item {
  border-color: #21A9C3;
}
.color-tone-tiffan-2nd input[type=radio] + .input-label:before, .color-tone-tiffan-2nd input.multi-item + .input-label:before {
  color: #63C2D5;
  border-color: #21A9C3;
}
.color-tone-tiffan-2nd input[type=radio]:checked, .color-tone-tiffan-2nd input.multi-item:checked {
  border-color: #63C2D5;
}
.color-tone-tiffan-2nd input[type=radio]:checked + .input-label, .color-tone-tiffan-2nd input.multi-item:checked + .input-label {
  color: #63C2D5;
}
.color-tone-tiffan-2nd input:focus {
  border-color: #63C2D5;
}
.color-tone-tiffan-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #63C2D5;
}
.color-tone-tiffan-2nd select {
  border-color: #A6DCE7;
}
.color-tone-tiffan-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tiffan-2nd select:focus {
  border-color: #63C2D5;
}
.color-tone-tiffan-2nd textarea {
  border-color: #A6DCE7;
}
.color-tone-tiffan-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tiffan-2nd textarea:focus {
  border-color: #63C2D5;
}

.color-tone-red input {
  border-color: #FCD9E0;
}
.color-tone-red input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-red input[type=date]:before, .color-tone-red input[type=month]:before {
  color: #F46885;
}
.color-tone-red input[type=date]::-webkit-datetime-edit-text {
  color: #FCD9E0;
}
.color-tone-red input[type=month]::-webkit-datetime-edit-text {
  color: #F46885;
}
.color-tone-red input[type=month]:before {
  color: #F46885;
}
.color-tone-red input[type=checkbox]:not(.multi-item) {
  border-color: #F46885;
}
.color-tone-red input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #F46885;
}
.color-tone-red input[type=radio], .color-tone-red input.multi-item {
  border-color: #F9B3C2;
}
.color-tone-red input[type=radio] + .input-label:before, .color-tone-red input.multi-item + .input-label:before {
  color: #F46885;
  border-color: #F9B3C2;
}
.color-tone-red input[type=radio]:checked, .color-tone-red input.multi-item:checked {
  border-color: #F46885;
}
.color-tone-red input[type=radio]:checked + .input-label, .color-tone-red input.multi-item:checked + .input-label {
  color: #F46885;
}
.color-tone-red input:focus {
  border-color: #F46885;
}
.color-tone-red input:focus[type=date]::-webkit-datetime-edit-text {
  color: #F46885;
}
.color-tone-red select {
  border-color: #FCD9E0;
}
.color-tone-red select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-red select:focus {
  border-color: #F46885;
}
.color-tone-red textarea {
  border-color: #FCD9E0;
}
.color-tone-red textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-red textarea:focus {
  border-color: #F46885;
}

.color-tone-red-2nd input {
  border-color: #FCD9E0;
}
.color-tone-red-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-red-2nd input[type=date]:before, .color-tone-red-2nd input[type=month]:before {
  color: #F9B3C2;
}
.color-tone-red-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #FCD9E0;
}
.color-tone-red-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #F9B3C2;
}
.color-tone-red-2nd input[type=month]:before {
  color: #F9B3C2;
}
.color-tone-red-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #F9B3C2;
}
.color-tone-red-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #F9B3C2;
}
.color-tone-red-2nd input[type=radio], .color-tone-red-2nd input.multi-item {
  border-color: #F46885;
}
.color-tone-red-2nd input[type=radio] + .input-label:before, .color-tone-red-2nd input.multi-item + .input-label:before {
  color: #F9B3C2;
  border-color: #F46885;
}
.color-tone-red-2nd input[type=radio]:checked, .color-tone-red-2nd input.multi-item:checked {
  border-color: #F9B3C2;
}
.color-tone-red-2nd input[type=radio]:checked + .input-label, .color-tone-red-2nd input.multi-item:checked + .input-label {
  color: #F9B3C2;
}
.color-tone-red-2nd input:focus {
  border-color: #F9B3C2;
}
.color-tone-red-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #F9B3C2;
}
.color-tone-red-2nd select {
  border-color: #FCD9E0;
}
.color-tone-red-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-red-2nd select:focus {
  border-color: #F9B3C2;
}
.color-tone-red-2nd textarea {
  border-color: #FCD9E0;
}
.color-tone-red-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-red-2nd textarea:focus {
  border-color: #F9B3C2;
}

.color-tone-peach input {
  border-color: #FFC0DE;
}
.color-tone-peach input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-peach input[type=date]:before, .color-tone-peach input[type=month]:before {
  color: #FF63AC;
}
.color-tone-peach input[type=date]::-webkit-datetime-edit-text {
  color: #FFC0DE;
}
.color-tone-peach input[type=month]::-webkit-datetime-edit-text {
  color: #FF63AC;
}
.color-tone-peach input[type=month]:before {
  color: #FF63AC;
}
.color-tone-peach input[type=checkbox]:not(.multi-item) {
  border-color: #FF63AC;
}
.color-tone-peach input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #FF63AC;
}
.color-tone-peach input[type=radio], .color-tone-peach input.multi-item {
  border-color: #FF91C4;
}
.color-tone-peach input[type=radio] + .input-label:before, .color-tone-peach input.multi-item + .input-label:before {
  color: #FF63AC;
  border-color: #FF91C4;
}
.color-tone-peach input[type=radio]:checked, .color-tone-peach input.multi-item:checked {
  border-color: #FF63AC;
}
.color-tone-peach input[type=radio]:checked + .input-label, .color-tone-peach input.multi-item:checked + .input-label {
  color: #FF63AC;
}
.color-tone-peach input:focus {
  border-color: #FF63AC;
}
.color-tone-peach input:focus[type=date]::-webkit-datetime-edit-text {
  color: #FF63AC;
}
.color-tone-peach select {
  border-color: #FFC0DE;
}
.color-tone-peach select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-peach select:focus {
  border-color: #FF63AC;
}
.color-tone-peach textarea {
  border-color: #FFC0DE;
}
.color-tone-peach textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-peach textarea:focus {
  border-color: #FF63AC;
}

.color-tone-peach-2nd input {
  border-color: #FFC0DE;
}
.color-tone-peach-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-peach-2nd input[type=date]:before, .color-tone-peach-2nd input[type=month]:before {
  color: #FF91C4;
}
.color-tone-peach-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #FFC0DE;
}
.color-tone-peach-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #FF91C4;
}
.color-tone-peach-2nd input[type=month]:before {
  color: #FF91C4;
}
.color-tone-peach-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #FF91C4;
}
.color-tone-peach-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #FF91C4;
}
.color-tone-peach-2nd input[type=radio], .color-tone-peach-2nd input.multi-item {
  border-color: #FF63AC;
}
.color-tone-peach-2nd input[type=radio] + .input-label:before, .color-tone-peach-2nd input.multi-item + .input-label:before {
  color: #FF91C4;
  border-color: #FF63AC;
}
.color-tone-peach-2nd input[type=radio]:checked, .color-tone-peach-2nd input.multi-item:checked {
  border-color: #FF91C4;
}
.color-tone-peach-2nd input[type=radio]:checked + .input-label, .color-tone-peach-2nd input.multi-item:checked + .input-label {
  color: #FF91C4;
}
.color-tone-peach-2nd input:focus {
  border-color: #FF91C4;
}
.color-tone-peach-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #FF91C4;
}
.color-tone-peach-2nd select {
  border-color: #FFC0DE;
}
.color-tone-peach-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-peach-2nd select:focus {
  border-color: #FF91C4;
}
.color-tone-peach-2nd textarea {
  border-color: #FFC0DE;
}
.color-tone-peach-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-peach-2nd textarea:focus {
  border-color: #FF91C4;
}

.color-tone-tomato input {
  border-color: #FFC0B5;
}
.color-tone-tomato input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-tomato input[type=date]:before, .color-tone-tomato input[type=month]:before {
  color: #FF6347;
}
.color-tone-tomato input[type=date]::-webkit-datetime-edit-text {
  color: #FFC0B5;
}
.color-tone-tomato input[type=month]::-webkit-datetime-edit-text {
  color: #FF6347;
}
.color-tone-tomato input[type=month]:before {
  color: #FF6347;
}
.color-tone-tomato input[type=checkbox]:not(.multi-item) {
  border-color: #FF6347;
}
.color-tone-tomato input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #FF6347;
}
.color-tone-tomato input[type=radio], .color-tone-tomato input.multi-item {
  border-color: #FF917D;
}
.color-tone-tomato input[type=radio] + .input-label:before, .color-tone-tomato input.multi-item + .input-label:before {
  color: #FF6347;
  border-color: #FF917D;
}
.color-tone-tomato input[type=radio]:checked, .color-tone-tomato input.multi-item:checked {
  border-color: #FF6347;
}
.color-tone-tomato input[type=radio]:checked + .input-label, .color-tone-tomato input.multi-item:checked + .input-label {
  color: #FF6347;
}
.color-tone-tomato input:focus {
  border-color: #FF6347;
}
.color-tone-tomato input:focus[type=date]::-webkit-datetime-edit-text {
  color: #FF6347;
}
.color-tone-tomato select {
  border-color: #FFC0B5;
}
.color-tone-tomato select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tomato select:focus {
  border-color: #FF6347;
}
.color-tone-tomato textarea {
  border-color: #FFC0B5;
}
.color-tone-tomato textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tomato textarea:focus {
  border-color: #FF6347;
}

.color-tone-tomato-2nd input {
  border-color: #FFC0B5;
}
.color-tone-tomato-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-tomato-2nd input[type=date]:before, .color-tone-tomato-2nd input[type=month]:before {
  color: #FF917D;
}
.color-tone-tomato-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #FFC0B5;
}
.color-tone-tomato-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #FF917D;
}
.color-tone-tomato-2nd input[type=month]:before {
  color: #FF917D;
}
.color-tone-tomato-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #FF917D;
}
.color-tone-tomato-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #FF917D;
}
.color-tone-tomato-2nd input[type=radio], .color-tone-tomato-2nd input.multi-item {
  border-color: #FF6347;
}
.color-tone-tomato-2nd input[type=radio] + .input-label:before, .color-tone-tomato-2nd input.multi-item + .input-label:before {
  color: #FF917D;
  border-color: #FF6347;
}
.color-tone-tomato-2nd input[type=radio]:checked, .color-tone-tomato-2nd input.multi-item:checked {
  border-color: #FF917D;
}
.color-tone-tomato-2nd input[type=radio]:checked + .input-label, .color-tone-tomato-2nd input.multi-item:checked + .input-label {
  color: #FF917D;
}
.color-tone-tomato-2nd input:focus {
  border-color: #FF917D;
}
.color-tone-tomato-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #FF917D;
}
.color-tone-tomato-2nd select {
  border-color: #FFC0B5;
}
.color-tone-tomato-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tomato-2nd select:focus {
  border-color: #FF917D;
}
.color-tone-tomato-2nd textarea {
  border-color: #FFC0B5;
}
.color-tone-tomato-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-tomato-2nd textarea:focus {
  border-color: #FF917D;
}

.color-tone-grape input {
  border-color: #E6B4E9;
}
.color-tone-grape input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-grape input[type=date]:before, .color-tone-grape input[type=month]:before {
  color: #C044C9;
}
.color-tone-grape input[type=date]::-webkit-datetime-edit-text {
  color: #E6B4E9;
}
.color-tone-grape input[type=month]::-webkit-datetime-edit-text {
  color: #C044C9;
}
.color-tone-grape input[type=month]:before {
  color: #C044C9;
}
.color-tone-grape input[type=checkbox]:not(.multi-item) {
  border-color: #C044C9;
}
.color-tone-grape input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #C044C9;
}
.color-tone-grape input[type=radio], .color-tone-grape input.multi-item {
  border-color: #D37BD9;
}
.color-tone-grape input[type=radio] + .input-label:before, .color-tone-grape input.multi-item + .input-label:before {
  color: #C044C9;
  border-color: #D37BD9;
}
.color-tone-grape input[type=radio]:checked, .color-tone-grape input.multi-item:checked {
  border-color: #C044C9;
}
.color-tone-grape input[type=radio]:checked + .input-label, .color-tone-grape input.multi-item:checked + .input-label {
  color: #C044C9;
}
.color-tone-grape input:focus {
  border-color: #C044C9;
}
.color-tone-grape input:focus[type=date]::-webkit-datetime-edit-text {
  color: #C044C9;
}
.color-tone-grape select {
  border-color: #E6B4E9;
}
.color-tone-grape select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-grape select:focus {
  border-color: #C044C9;
}
.color-tone-grape textarea {
  border-color: #E6B4E9;
}
.color-tone-grape textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-grape textarea:focus {
  border-color: #C044C9;
}

.color-tone-grape-2nd input {
  border-color: #E6B4E9;
}
.color-tone-grape-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-grape-2nd input[type=date]:before, .color-tone-grape-2nd input[type=month]:before {
  color: #D37BD9;
}
.color-tone-grape-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #E6B4E9;
}
.color-tone-grape-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #D37BD9;
}
.color-tone-grape-2nd input[type=month]:before {
  color: #D37BD9;
}
.color-tone-grape-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #D37BD9;
}
.color-tone-grape-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #D37BD9;
}
.color-tone-grape-2nd input[type=radio], .color-tone-grape-2nd input.multi-item {
  border-color: #C044C9;
}
.color-tone-grape-2nd input[type=radio] + .input-label:before, .color-tone-grape-2nd input.multi-item + .input-label:before {
  color: #D37BD9;
  border-color: #C044C9;
}
.color-tone-grape-2nd input[type=radio]:checked, .color-tone-grape-2nd input.multi-item:checked {
  border-color: #D37BD9;
}
.color-tone-grape-2nd input[type=radio]:checked + .input-label, .color-tone-grape-2nd input.multi-item:checked + .input-label {
  color: #D37BD9;
}
.color-tone-grape-2nd input:focus {
  border-color: #D37BD9;
}
.color-tone-grape-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #D37BD9;
}
.color-tone-grape-2nd select {
  border-color: #E6B4E9;
}
.color-tone-grape-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-grape-2nd select:focus {
  border-color: #D37BD9;
}
.color-tone-grape-2nd textarea {
  border-color: #E6B4E9;
}
.color-tone-grape-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-grape-2nd textarea:focus {
  border-color: #D37BD9;
}

.color-tone-lemon input {
  border-color: #B7E5CC;
}
.color-tone-lemon input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-lemon input[type=date]:before, .color-tone-lemon input[type=month]:before {
  color: #4DBD7F;
}
.color-tone-lemon input[type=date]::-webkit-datetime-edit-text {
  color: #B7E5CC;
}
.color-tone-lemon input[type=month]::-webkit-datetime-edit-text {
  color: #4DBD7F;
}
.color-tone-lemon input[type=month]:before {
  color: #4DBD7F;
}
.color-tone-lemon input[type=checkbox]:not(.multi-item) {
  border-color: #4DBD7F;
}
.color-tone-lemon input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #4DBD7F;
}
.color-tone-lemon input[type=radio], .color-tone-lemon input.multi-item {
  border-color: #82D0A5;
}
.color-tone-lemon input[type=radio] + .input-label:before, .color-tone-lemon input.multi-item + .input-label:before {
  color: #4DBD7F;
  border-color: #82D0A5;
}
.color-tone-lemon input[type=radio]:checked, .color-tone-lemon input.multi-item:checked {
  border-color: #4DBD7F;
}
.color-tone-lemon input[type=radio]:checked + .input-label, .color-tone-lemon input.multi-item:checked + .input-label {
  color: #4DBD7F;
}
.color-tone-lemon input:focus {
  border-color: #4DBD7F;
}
.color-tone-lemon input:focus[type=date]::-webkit-datetime-edit-text {
  color: #4DBD7F;
}
.color-tone-lemon select {
  border-color: #B7E5CC;
}
.color-tone-lemon select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-lemon select:focus {
  border-color: #4DBD7F;
}
.color-tone-lemon textarea {
  border-color: #B7E5CC;
}
.color-tone-lemon textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-lemon textarea:focus {
  border-color: #4DBD7F;
}

.color-tone-lemon-2nd input {
  border-color: #B7E5CC;
}
.color-tone-lemon-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-lemon-2nd input[type=date]:before, .color-tone-lemon-2nd input[type=month]:before {
  color: #82D0A5;
}
.color-tone-lemon-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #B7E5CC;
}
.color-tone-lemon-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #82D0A5;
}
.color-tone-lemon-2nd input[type=month]:before {
  color: #82D0A5;
}
.color-tone-lemon-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #82D0A5;
}
.color-tone-lemon-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #82D0A5;
}
.color-tone-lemon-2nd input[type=radio], .color-tone-lemon-2nd input.multi-item {
  border-color: #4DBD7F;
}
.color-tone-lemon-2nd input[type=radio] + .input-label:before, .color-tone-lemon-2nd input.multi-item + .input-label:before {
  color: #82D0A5;
  border-color: #4DBD7F;
}
.color-tone-lemon-2nd input[type=radio]:checked, .color-tone-lemon-2nd input.multi-item:checked {
  border-color: #82D0A5;
}
.color-tone-lemon-2nd input[type=radio]:checked + .input-label, .color-tone-lemon-2nd input.multi-item:checked + .input-label {
  color: #82D0A5;
}
.color-tone-lemon-2nd input:focus {
  border-color: #82D0A5;
}
.color-tone-lemon-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #82D0A5;
}
.color-tone-lemon-2nd select {
  border-color: #B7E5CC;
}
.color-tone-lemon-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-lemon-2nd select:focus {
  border-color: #82D0A5;
}
.color-tone-lemon-2nd textarea {
  border-color: #B7E5CC;
}
.color-tone-lemon-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-lemon-2nd textarea:focus {
  border-color: #82D0A5;
}

.color-tone-blueberry input {
  border-color: #B2D0F9;
}
.color-tone-blueberry input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-blueberry input[type=date]:before, .color-tone-blueberry input[type=month]:before {
  color: #408AF1;
}
.color-tone-blueberry input[type=date]::-webkit-datetime-edit-text {
  color: #B2D0F9;
}
.color-tone-blueberry input[type=month]::-webkit-datetime-edit-text {
  color: #408AF1;
}
.color-tone-blueberry input[type=month]:before {
  color: #408AF1;
}
.color-tone-blueberry input[type=checkbox]:not(.multi-item) {
  border-color: #408AF1;
}
.color-tone-blueberry input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #408AF1;
}
.color-tone-blueberry input[type=radio], .color-tone-blueberry input.multi-item {
  border-color: #79ADF5;
}
.color-tone-blueberry input[type=radio] + .input-label:before, .color-tone-blueberry input.multi-item + .input-label:before {
  color: #408AF1;
  border-color: #79ADF5;
}
.color-tone-blueberry input[type=radio]:checked, .color-tone-blueberry input.multi-item:checked {
  border-color: #408AF1;
}
.color-tone-blueberry input[type=radio]:checked + .input-label, .color-tone-blueberry input.multi-item:checked + .input-label {
  color: #408AF1;
}
.color-tone-blueberry input:focus {
  border-color: #408AF1;
}
.color-tone-blueberry input:focus[type=date]::-webkit-datetime-edit-text {
  color: #408AF1;
}
.color-tone-blueberry select {
  border-color: #B2D0F9;
}
.color-tone-blueberry select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blueberry select:focus {
  border-color: #408AF1;
}
.color-tone-blueberry textarea {
  border-color: #B2D0F9;
}
.color-tone-blueberry textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blueberry textarea:focus {
  border-color: #408AF1;
}

.color-tone-blueberry-2nd input {
  border-color: #B2D0F9;
}
.color-tone-blueberry-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-blueberry-2nd input[type=date]:before, .color-tone-blueberry-2nd input[type=month]:before {
  color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #B2D0F9;
}
.color-tone-blueberry-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=month]:before {
  color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=radio], .color-tone-blueberry-2nd input.multi-item {
  border-color: #408AF1;
}
.color-tone-blueberry-2nd input[type=radio] + .input-label:before, .color-tone-blueberry-2nd input.multi-item + .input-label:before {
  color: #79ADF5;
  border-color: #408AF1;
}
.color-tone-blueberry-2nd input[type=radio]:checked, .color-tone-blueberry-2nd input.multi-item:checked {
  border-color: #79ADF5;
}
.color-tone-blueberry-2nd input[type=radio]:checked + .input-label, .color-tone-blueberry-2nd input.multi-item:checked + .input-label {
  color: #79ADF5;
}
.color-tone-blueberry-2nd input:focus {
  border-color: #79ADF5;
}
.color-tone-blueberry-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #79ADF5;
}
.color-tone-blueberry-2nd select {
  border-color: #B2D0F9;
}
.color-tone-blueberry-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blueberry-2nd select:focus {
  border-color: #79ADF5;
}
.color-tone-blueberry-2nd textarea {
  border-color: #B2D0F9;
}
.color-tone-blueberry-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-blueberry-2nd textarea:focus {
  border-color: #79ADF5;
}

.color-tone-gray input {
  border-color: #9CA3AF;
}
.color-tone-gray input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-gray input[type=date]:before, .color-tone-gray input[type=month]:before {
  color: #1F2937;
}
.color-tone-gray input[type=date]::-webkit-datetime-edit-text {
  color: #9CA3AF;
}
.color-tone-gray input[type=month]::-webkit-datetime-edit-text {
  color: #1F2937;
}
.color-tone-gray input[type=month]:before {
  color: #1F2937;
}
.color-tone-gray input[type=checkbox]:not(.multi-item) {
  border-color: #1F2937;
}
.color-tone-gray input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #1F2937;
}
.color-tone-gray input[type=radio], .color-tone-gray input.multi-item {
  border-color: #6B7280;
}
.color-tone-gray input[type=radio] + .input-label:before, .color-tone-gray input.multi-item + .input-label:before {
  color: #1F2937;
  border-color: #6B7280;
}
.color-tone-gray input[type=radio]:checked, .color-tone-gray input.multi-item:checked {
  border-color: #1F2937;
}
.color-tone-gray input[type=radio]:checked + .input-label, .color-tone-gray input.multi-item:checked + .input-label {
  color: #1F2937;
}
.color-tone-gray input:focus {
  border-color: #1F2937;
}
.color-tone-gray input:focus[type=date]::-webkit-datetime-edit-text {
  color: #1F2937;
}
.color-tone-gray select {
  border-color: #9CA3AF;
}
.color-tone-gray select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-gray select:focus {
  border-color: #1F2937;
}
.color-tone-gray textarea {
  border-color: #9CA3AF;
}
.color-tone-gray textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-gray textarea:focus {
  border-color: #1F2937;
}

.color-tone-gray-2nd input {
  border-color: #9CA3AF;
}
.color-tone-gray-2nd input[disabled] {
  border-color: #9CA3AF;
}
.color-tone-gray-2nd input[type=date]:before, .color-tone-gray-2nd input[type=month]:before {
  color: #6B7280;
}
.color-tone-gray-2nd input[type=date]::-webkit-datetime-edit-text {
  color: #9CA3AF;
}
.color-tone-gray-2nd input[type=month]::-webkit-datetime-edit-text {
  color: #6B7280;
}
.color-tone-gray-2nd input[type=month]:before {
  color: #6B7280;
}
.color-tone-gray-2nd input[type=checkbox]:not(.multi-item) {
  border-color: #6B7280;
}
.color-tone-gray-2nd input[type=checkbox]:not(.multi-item):checked:not(.multi-item) {
  background-color: #6B7280;
}
.color-tone-gray-2nd input[type=radio], .color-tone-gray-2nd input.multi-item {
  border-color: #1F2937;
}
.color-tone-gray-2nd input[type=radio] + .input-label:before, .color-tone-gray-2nd input.multi-item + .input-label:before {
  color: #6B7280;
  border-color: #1F2937;
}
.color-tone-gray-2nd input[type=radio]:checked, .color-tone-gray-2nd input.multi-item:checked {
  border-color: #6B7280;
}
.color-tone-gray-2nd input[type=radio]:checked + .input-label, .color-tone-gray-2nd input.multi-item:checked + .input-label {
  color: #6B7280;
}
.color-tone-gray-2nd input:focus {
  border-color: #6B7280;
}
.color-tone-gray-2nd input:focus[type=date]::-webkit-datetime-edit-text {
  color: #6B7280;
}
.color-tone-gray-2nd select {
  border-color: #9CA3AF;
}
.color-tone-gray-2nd select[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-gray-2nd select:focus {
  border-color: #6B7280;
}
.color-tone-gray-2nd textarea {
  border-color: #9CA3AF;
}
.color-tone-gray-2nd textarea[disabled] {
  background-color: #F3F4F6;
  border-color: #9CA3AF;
}
.color-tone-gray-2nd textarea:focus {
  border-color: #6B7280;
}

.color-tone-blue .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #0098DC;
}
.color-tone-blue .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #0098DC;
}
.color-tone-blue .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue.sz-btn, .color-tone-blue .sz-btn {
  background-color: #0098DC;
}
.color-tone-blue.sz-btn .sz-icon, .color-tone-blue .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-blue.sz-btn.white-style, .color-tone-blue .sz-btn.white-style {
  background-color: #ffffff;
  color: #0098DC;
}
.color-tone-blue.sz-btn.white-style .sz-icon, .color-tone-blue .sz-btn.white-style .sz-icon {
  color: #0098DC;
}
.color-tone-blue.sz-btn.white-style:hover .sz-icon, .color-tone-blue .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-blue.sz-btn.block-style, .color-tone-blue .sz-btn.block-style {
  background-color: #BEE5F6;
  color: #0098DC;
}
.color-tone-blue.sz-btn:hover, .color-tone-blue .sz-btn:hover {
  color: #ffffff;
  background-color: #7ECBED;
  text-shadow: 0 0 2px #0098DC;
  box-shadow: 0 1px 1px #0098DCcc;
}
.color-tone-blue.sz-btn:active, .color-tone-blue .sz-btn:active {
  background-color: #0098DC;
}
.color-tone-blue .sz-btn-close:before, .color-tone-blue .sz-btn-close:after {
  background-color: #0098DC;
}
.color-tone-blue .sz-btn-close:hover:before, .color-tone-blue .sz-btn-close:hover:after {
  background-color: #7ECBED;
}
.color-tone-blue .sz-btn-close:active:before, .color-tone-blue .sz-btn-close:active:after {
  background-color: #0098DC;
}
.color-tone-blue .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #0098DC;
  color: #ffffff;
}
.color-tone-blue .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #7ECBED;
}
.color-tone-blue .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #0098DC;
}
.color-tone-blue .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue .mark {
  background-color: #0098DC;
  color: #ffffff;
}
.color-tone-blue .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #7ECBED;
}
.color-tone-blue .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #7ECBED;
  color: #ffffff;
}

.color-tone-blue-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd.sz-btn, .color-tone-blue-2nd .sz-btn {
  background-color: #7ECBED;
}
.color-tone-blue-2nd.sz-btn .sz-icon, .color-tone-blue-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-blue-2nd.sz-btn.white-style, .color-tone-blue-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #7ECBED;
}
.color-tone-blue-2nd.sz-btn.white-style .sz-icon, .color-tone-blue-2nd .sz-btn.white-style .sz-icon {
  color: #7ECBED;
}
.color-tone-blue-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-blue-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-blue-2nd.sz-btn.block-style, .color-tone-blue-2nd .sz-btn.block-style {
  background-color: #BEE5F6;
  color: #7ECBED;
}
.color-tone-blue-2nd.sz-btn:hover, .color-tone-blue-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #0098DC;
  text-shadow: 0 0 2px #7ECBED;
  box-shadow: 0 1px 1px #7ECBEDcc;
}
.color-tone-blue-2nd.sz-btn:active, .color-tone-blue-2nd .sz-btn:active {
  background-color: #7ECBED;
}
.color-tone-blue-2nd .sz-btn-close:before, .color-tone-blue-2nd .sz-btn-close:after {
  background-color: #7ECBED;
}
.color-tone-blue-2nd .sz-btn-close:hover:before, .color-tone-blue-2nd .sz-btn-close:hover:after {
  background-color: #0098DC;
}
.color-tone-blue-2nd .sz-btn-close:active:before, .color-tone-blue-2nd .sz-btn-close:active:after {
  background-color: #7ECBED;
}
.color-tone-blue-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #7ECBED;
  color: #ffffff;
}
.color-tone-blue-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #0098DC;
}
.color-tone-blue-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.color-tone-blue-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #7ECBED;
}
.color-tone-blue-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #7ECBED;
}
.color-tone-blue-2nd .mark {
  background-color: #7ECBED;
  color: #ffffff;
}
.color-tone-blue-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #0098DC;
}
.color-tone-blue-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #0098DC;
  color: #ffffff;
}

.color-tone-green .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #2C9742;
}
.color-tone-green .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #2C9742;
}
.color-tone-green .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green.sz-btn, .color-tone-green .sz-btn {
  background-color: #2C9742;
}
.color-tone-green.sz-btn .sz-icon, .color-tone-green .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-green.sz-btn.white-style, .color-tone-green .sz-btn.white-style {
  background-color: #ffffff;
  color: #2C9742;
}
.color-tone-green.sz-btn.white-style .sz-icon, .color-tone-green .sz-btn.white-style .sz-icon {
  color: #2C9742;
}
.color-tone-green.sz-btn.white-style:hover .sz-icon, .color-tone-green .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-green.sz-btn.block-style, .color-tone-green .sz-btn.block-style {
  background-color: #CAE5CF;
  color: #2C9742;
}
.color-tone-green.sz-btn:hover, .color-tone-green .sz-btn:hover {
  color: #ffffff;
  background-color: #95CBA0;
  text-shadow: 0 0 2px #2C9742;
  box-shadow: 0 1px 1px #2C9742cc;
}
.color-tone-green.sz-btn:active, .color-tone-green .sz-btn:active {
  background-color: #2C9742;
}
.color-tone-green .sz-btn-close:before, .color-tone-green .sz-btn-close:after {
  background-color: #2C9742;
}
.color-tone-green .sz-btn-close:hover:before, .color-tone-green .sz-btn-close:hover:after {
  background-color: #95CBA0;
}
.color-tone-green .sz-btn-close:active:before, .color-tone-green .sz-btn-close:active:after {
  background-color: #2C9742;
}
.color-tone-green .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #2C9742;
  color: #ffffff;
}
.color-tone-green .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #95CBA0;
}
.color-tone-green .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #2C9742;
}
.color-tone-green .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green .mark {
  background-color: #2C9742;
  color: #ffffff;
}
.color-tone-green .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #95CBA0;
}
.color-tone-green .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #95CBA0;
  color: #ffffff;
}

.color-tone-green-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd.sz-btn, .color-tone-green-2nd .sz-btn {
  background-color: #95CBA0;
}
.color-tone-green-2nd.sz-btn .sz-icon, .color-tone-green-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-green-2nd.sz-btn.white-style, .color-tone-green-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #95CBA0;
}
.color-tone-green-2nd.sz-btn.white-style .sz-icon, .color-tone-green-2nd .sz-btn.white-style .sz-icon {
  color: #95CBA0;
}
.color-tone-green-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-green-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-green-2nd.sz-btn.block-style, .color-tone-green-2nd .sz-btn.block-style {
  background-color: #CAE5CF;
  color: #95CBA0;
}
.color-tone-green-2nd.sz-btn:hover, .color-tone-green-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #2C9742;
  text-shadow: 0 0 2px #95CBA0;
  box-shadow: 0 1px 1px #95CBA0cc;
}
.color-tone-green-2nd.sz-btn:active, .color-tone-green-2nd .sz-btn:active {
  background-color: #95CBA0;
}
.color-tone-green-2nd .sz-btn-close:before, .color-tone-green-2nd .sz-btn-close:after {
  background-color: #95CBA0;
}
.color-tone-green-2nd .sz-btn-close:hover:before, .color-tone-green-2nd .sz-btn-close:hover:after {
  background-color: #2C9742;
}
.color-tone-green-2nd .sz-btn-close:active:before, .color-tone-green-2nd .sz-btn-close:active:after {
  background-color: #95CBA0;
}
.color-tone-green-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #95CBA0;
  color: #ffffff;
}
.color-tone-green-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #2C9742;
}
.color-tone-green-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #2C9742;
}
.color-tone-green-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #95CBA0;
}
.color-tone-green-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #95CBA0;
}
.color-tone-green-2nd .mark {
  background-color: #95CBA0;
  color: #ffffff;
}
.color-tone-green-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #2C9742;
}
.color-tone-green-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #2C9742;
  color: #ffffff;
}

.color-tone-orange .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #EB781E;
}
.color-tone-orange .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #EB781E;
}
.color-tone-orange .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange.sz-btn, .color-tone-orange .sz-btn {
  background-color: #EB781E;
}
.color-tone-orange.sz-btn .sz-icon, .color-tone-orange .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-orange.sz-btn.white-style, .color-tone-orange .sz-btn.white-style {
  background-color: #ffffff;
  color: #EB781E;
}
.color-tone-orange.sz-btn.white-style .sz-icon, .color-tone-orange .sz-btn.white-style .sz-icon {
  color: #EB781E;
}
.color-tone-orange.sz-btn.white-style:hover .sz-icon, .color-tone-orange .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-orange.sz-btn.block-style, .color-tone-orange .sz-btn.block-style {
  background-color: #FBE5BA;
  color: #EB781E;
}
.color-tone-orange.sz-btn:hover, .color-tone-orange .sz-btn:hover {
  color: #ffffff;
  background-color: #F7CC77;
  text-shadow: 0 0 2px #EB781E;
  box-shadow: 0 1px 1px #EB781Ecc;
}
.color-tone-orange.sz-btn:active, .color-tone-orange .sz-btn:active {
  background-color: #EB781E;
}
.color-tone-orange .sz-btn-close:before, .color-tone-orange .sz-btn-close:after {
  background-color: #EB781E;
}
.color-tone-orange .sz-btn-close:hover:before, .color-tone-orange .sz-btn-close:hover:after {
  background-color: #F7CC77;
}
.color-tone-orange .sz-btn-close:active:before, .color-tone-orange .sz-btn-close:active:after {
  background-color: #EB781E;
}
.color-tone-orange .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #EB781E;
  color: #ffffff;
}
.color-tone-orange .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #F7CC77;
}
.color-tone-orange .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #EB781E;
}
.color-tone-orange .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange .mark {
  background-color: #EB781E;
  color: #ffffff;
}
.color-tone-orange .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #F7CC77;
}
.color-tone-orange .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #F7CC77;
  color: #ffffff;
}

.color-tone-orange-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd.sz-btn, .color-tone-orange-2nd .sz-btn {
  background-color: #F7CC77;
}
.color-tone-orange-2nd.sz-btn .sz-icon, .color-tone-orange-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-orange-2nd.sz-btn.white-style, .color-tone-orange-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #F7CC77;
}
.color-tone-orange-2nd.sz-btn.white-style .sz-icon, .color-tone-orange-2nd .sz-btn.white-style .sz-icon {
  color: #F7CC77;
}
.color-tone-orange-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-orange-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-orange-2nd.sz-btn.block-style, .color-tone-orange-2nd .sz-btn.block-style {
  background-color: #FBE5BA;
  color: #F7CC77;
}
.color-tone-orange-2nd.sz-btn:hover, .color-tone-orange-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #EB781E;
  text-shadow: 0 0 2px #F7CC77;
  box-shadow: 0 1px 1px #F7CC77cc;
}
.color-tone-orange-2nd.sz-btn:active, .color-tone-orange-2nd .sz-btn:active {
  background-color: #F7CC77;
}
.color-tone-orange-2nd .sz-btn-close:before, .color-tone-orange-2nd .sz-btn-close:after {
  background-color: #F7CC77;
}
.color-tone-orange-2nd .sz-btn-close:hover:before, .color-tone-orange-2nd .sz-btn-close:hover:after {
  background-color: #EB781E;
}
.color-tone-orange-2nd .sz-btn-close:active:before, .color-tone-orange-2nd .sz-btn-close:active:after {
  background-color: #F7CC77;
}
.color-tone-orange-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #F7CC77;
  color: #ffffff;
}
.color-tone-orange-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #EB781E;
}
.color-tone-orange-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #EB781E;
}
.color-tone-orange-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #F7CC77;
}
.color-tone-orange-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F7CC77;
}
.color-tone-orange-2nd .mark {
  background-color: #F7CC77;
  color: #ffffff;
}
.color-tone-orange-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #EB781E;
}
.color-tone-orange-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #EB781E;
  color: #ffffff;
}

.color-tone-purple .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #BF58DD;
}
.color-tone-purple .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #BF58DD;
}
.color-tone-purple .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple.sz-btn, .color-tone-purple .sz-btn {
  background-color: #BF58DD;
}
.color-tone-purple.sz-btn .sz-icon, .color-tone-purple .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-purple.sz-btn.white-style, .color-tone-purple .sz-btn.white-style {
  background-color: #ffffff;
  color: #BF58DD;
}
.color-tone-purple.sz-btn.white-style .sz-icon, .color-tone-purple .sz-btn.white-style .sz-icon {
  color: #BF58DD;
}
.color-tone-purple.sz-btn.white-style:hover .sz-icon, .color-tone-purple .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-purple.sz-btn.block-style, .color-tone-purple .sz-btn.block-style {
  background-color: #E5BCF1;
  color: #BF58DD;
}
.color-tone-purple.sz-btn:hover, .color-tone-purple .sz-btn:hover {
  color: #ffffff;
  background-color: #D289E7;
  text-shadow: 0 0 2px #BF58DD;
  box-shadow: 0 1px 1px #BF58DDcc;
}
.color-tone-purple.sz-btn:active, .color-tone-purple .sz-btn:active {
  background-color: #BF58DD;
}
.color-tone-purple .sz-btn-close:before, .color-tone-purple .sz-btn-close:after {
  background-color: #BF58DD;
}
.color-tone-purple .sz-btn-close:hover:before, .color-tone-purple .sz-btn-close:hover:after {
  background-color: #D289E7;
}
.color-tone-purple .sz-btn-close:active:before, .color-tone-purple .sz-btn-close:active:after {
  background-color: #BF58DD;
}
.color-tone-purple .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #BF58DD;
  color: #ffffff;
}
.color-tone-purple .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #D289E7;
}
.color-tone-purple .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #BF58DD;
}
.color-tone-purple .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple .mark {
  background-color: #BF58DD;
  color: #ffffff;
}
.color-tone-purple .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #D289E7;
}
.color-tone-purple .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #D289E7;
  color: #ffffff;
}

.color-tone-purple-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd.sz-btn, .color-tone-purple-2nd .sz-btn {
  background-color: #D289E7;
}
.color-tone-purple-2nd.sz-btn .sz-icon, .color-tone-purple-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-purple-2nd.sz-btn.white-style, .color-tone-purple-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #D289E7;
}
.color-tone-purple-2nd.sz-btn.white-style .sz-icon, .color-tone-purple-2nd .sz-btn.white-style .sz-icon {
  color: #D289E7;
}
.color-tone-purple-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-purple-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-purple-2nd.sz-btn.block-style, .color-tone-purple-2nd .sz-btn.block-style {
  background-color: #E5BCF1;
  color: #D289E7;
}
.color-tone-purple-2nd.sz-btn:hover, .color-tone-purple-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #BF58DD;
  text-shadow: 0 0 2px #D289E7;
  box-shadow: 0 1px 1px #D289E7cc;
}
.color-tone-purple-2nd.sz-btn:active, .color-tone-purple-2nd .sz-btn:active {
  background-color: #D289E7;
}
.color-tone-purple-2nd .sz-btn-close:before, .color-tone-purple-2nd .sz-btn-close:after {
  background-color: #D289E7;
}
.color-tone-purple-2nd .sz-btn-close:hover:before, .color-tone-purple-2nd .sz-btn-close:hover:after {
  background-color: #BF58DD;
}
.color-tone-purple-2nd .sz-btn-close:active:before, .color-tone-purple-2nd .sz-btn-close:active:after {
  background-color: #D289E7;
}
.color-tone-purple-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #D289E7;
  color: #ffffff;
}
.color-tone-purple-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #BF58DD;
}
.color-tone-purple-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #BF58DD;
}
.color-tone-purple-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #D289E7;
}
.color-tone-purple-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #D289E7;
}
.color-tone-purple-2nd .mark {
  background-color: #D289E7;
  color: #ffffff;
}
.color-tone-purple-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #BF58DD;
}
.color-tone-purple-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #BF58DD;
  color: #ffffff;
}

.color-tone-tiffan .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #21A9C3;
}
.color-tone-tiffan .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #21A9C3;
}
.color-tone-tiffan .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan.sz-btn, .color-tone-tiffan .sz-btn {
  background-color: #21A9C3;
}
.color-tone-tiffan.sz-btn .sz-icon, .color-tone-tiffan .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-tiffan.sz-btn.white-style, .color-tone-tiffan .sz-btn.white-style {
  background-color: #ffffff;
  color: #21A9C3;
}
.color-tone-tiffan.sz-btn.white-style .sz-icon, .color-tone-tiffan .sz-btn.white-style .sz-icon {
  color: #21A9C3;
}
.color-tone-tiffan.sz-btn.white-style:hover .sz-icon, .color-tone-tiffan .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-tiffan.sz-btn.block-style, .color-tone-tiffan .sz-btn.block-style {
  background-color: #A6DCE7;
  color: #21A9C3;
}
.color-tone-tiffan.sz-btn:hover, .color-tone-tiffan .sz-btn:hover {
  color: #ffffff;
  background-color: #63C2D5;
  text-shadow: 0 0 2px #21A9C3;
  box-shadow: 0 1px 1px #21A9C3cc;
}
.color-tone-tiffan.sz-btn:active, .color-tone-tiffan .sz-btn:active {
  background-color: #21A9C3;
}
.color-tone-tiffan .sz-btn-close:before, .color-tone-tiffan .sz-btn-close:after {
  background-color: #21A9C3;
}
.color-tone-tiffan .sz-btn-close:hover:before, .color-tone-tiffan .sz-btn-close:hover:after {
  background-color: #63C2D5;
}
.color-tone-tiffan .sz-btn-close:active:before, .color-tone-tiffan .sz-btn-close:active:after {
  background-color: #21A9C3;
}
.color-tone-tiffan .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #21A9C3;
  color: #ffffff;
}
.color-tone-tiffan .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #63C2D5;
}
.color-tone-tiffan .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #21A9C3;
}
.color-tone-tiffan .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan .mark {
  background-color: #21A9C3;
  color: #ffffff;
}
.color-tone-tiffan .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #63C2D5;
}
.color-tone-tiffan .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #63C2D5;
  color: #ffffff;
}

.color-tone-tiffan-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd.sz-btn, .color-tone-tiffan-2nd .sz-btn {
  background-color: #63C2D5;
}
.color-tone-tiffan-2nd.sz-btn .sz-icon, .color-tone-tiffan-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-tiffan-2nd.sz-btn.white-style, .color-tone-tiffan-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #63C2D5;
}
.color-tone-tiffan-2nd.sz-btn.white-style .sz-icon, .color-tone-tiffan-2nd .sz-btn.white-style .sz-icon {
  color: #63C2D5;
}
.color-tone-tiffan-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-tiffan-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-tiffan-2nd.sz-btn.block-style, .color-tone-tiffan-2nd .sz-btn.block-style {
  background-color: #A6DCE7;
  color: #63C2D5;
}
.color-tone-tiffan-2nd.sz-btn:hover, .color-tone-tiffan-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #21A9C3;
  text-shadow: 0 0 2px #63C2D5;
  box-shadow: 0 1px 1px #63C2D5cc;
}
.color-tone-tiffan-2nd.sz-btn:active, .color-tone-tiffan-2nd .sz-btn:active {
  background-color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-btn-close:before, .color-tone-tiffan-2nd .sz-btn-close:after {
  background-color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-btn-close:hover:before, .color-tone-tiffan-2nd .sz-btn-close:hover:after {
  background-color: #21A9C3;
}
.color-tone-tiffan-2nd .sz-btn-close:active:before, .color-tone-tiffan-2nd .sz-btn-close:active:after {
  background-color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #63C2D5;
  color: #ffffff;
}
.color-tone-tiffan-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #21A9C3;
}
.color-tone-tiffan-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #21A9C3;
}
.color-tone-tiffan-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #63C2D5;
}
.color-tone-tiffan-2nd .mark {
  background-color: #63C2D5;
  color: #ffffff;
}
.color-tone-tiffan-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #21A9C3;
}
.color-tone-tiffan-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #21A9C3;
  color: #ffffff;
}

.color-tone-red .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F46885;
}
.color-tone-red .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F46885;
}
.color-tone-red .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red.sz-btn, .color-tone-red .sz-btn {
  background-color: #F46885;
}
.color-tone-red.sz-btn .sz-icon, .color-tone-red .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-red.sz-btn.white-style, .color-tone-red .sz-btn.white-style {
  background-color: #ffffff;
  color: #F46885;
}
.color-tone-red.sz-btn.white-style .sz-icon, .color-tone-red .sz-btn.white-style .sz-icon {
  color: #F46885;
}
.color-tone-red.sz-btn.white-style:hover .sz-icon, .color-tone-red .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-red.sz-btn.block-style, .color-tone-red .sz-btn.block-style {
  background-color: #FCD9E0;
  color: #F46885;
}
.color-tone-red.sz-btn:hover, .color-tone-red .sz-btn:hover {
  color: #ffffff;
  background-color: #F9B3C2;
  text-shadow: 0 0 2px #F46885;
  box-shadow: 0 1px 1px #F46885cc;
}
.color-tone-red.sz-btn:active, .color-tone-red .sz-btn:active {
  background-color: #F46885;
}
.color-tone-red .sz-btn-close:before, .color-tone-red .sz-btn-close:after {
  background-color: #F46885;
}
.color-tone-red .sz-btn-close:hover:before, .color-tone-red .sz-btn-close:hover:after {
  background-color: #F9B3C2;
}
.color-tone-red .sz-btn-close:active:before, .color-tone-red .sz-btn-close:active:after {
  background-color: #F46885;
}
.color-tone-red .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #F46885;
  color: #ffffff;
}
.color-tone-red .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #F9B3C2;
}
.color-tone-red .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #F46885;
}
.color-tone-red .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red .mark {
  background-color: #F46885;
  color: #ffffff;
}
.color-tone-red .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #F9B3C2;
}
.color-tone-red .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #F9B3C2;
  color: #ffffff;
}

.color-tone-red-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd.sz-btn, .color-tone-red-2nd .sz-btn {
  background-color: #F9B3C2;
}
.color-tone-red-2nd.sz-btn .sz-icon, .color-tone-red-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-red-2nd.sz-btn.white-style, .color-tone-red-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #F9B3C2;
}
.color-tone-red-2nd.sz-btn.white-style .sz-icon, .color-tone-red-2nd .sz-btn.white-style .sz-icon {
  color: #F9B3C2;
}
.color-tone-red-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-red-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-red-2nd.sz-btn.block-style, .color-tone-red-2nd .sz-btn.block-style {
  background-color: #FCD9E0;
  color: #F9B3C2;
}
.color-tone-red-2nd.sz-btn:hover, .color-tone-red-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #F46885;
  text-shadow: 0 0 2px #F9B3C2;
  box-shadow: 0 1px 1px #F9B3C2cc;
}
.color-tone-red-2nd.sz-btn:active, .color-tone-red-2nd .sz-btn:active {
  background-color: #F9B3C2;
}
.color-tone-red-2nd .sz-btn-close:before, .color-tone-red-2nd .sz-btn-close:after {
  background-color: #F9B3C2;
}
.color-tone-red-2nd .sz-btn-close:hover:before, .color-tone-red-2nd .sz-btn-close:hover:after {
  background-color: #F46885;
}
.color-tone-red-2nd .sz-btn-close:active:before, .color-tone-red-2nd .sz-btn-close:active:after {
  background-color: #F9B3C2;
}
.color-tone-red-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #F9B3C2;
  color: #ffffff;
}
.color-tone-red-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #F46885;
}
.color-tone-red-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #F46885;
}
.color-tone-red-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #F9B3C2;
}
.color-tone-red-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #F9B3C2;
}
.color-tone-red-2nd .mark {
  background-color: #F9B3C2;
  color: #ffffff;
}
.color-tone-red-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #F46885;
}
.color-tone-red-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #F46885;
  color: #ffffff;
}

.color-tone-peach .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF63AC;
}
.color-tone-peach .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF63AC;
}
.color-tone-peach .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach.sz-btn, .color-tone-peach .sz-btn {
  background-color: #FF63AC;
}
.color-tone-peach.sz-btn .sz-icon, .color-tone-peach .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-peach.sz-btn.white-style, .color-tone-peach .sz-btn.white-style {
  background-color: #ffffff;
  color: #FF63AC;
}
.color-tone-peach.sz-btn.white-style .sz-icon, .color-tone-peach .sz-btn.white-style .sz-icon {
  color: #FF63AC;
}
.color-tone-peach.sz-btn.white-style:hover .sz-icon, .color-tone-peach .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-peach.sz-btn.block-style, .color-tone-peach .sz-btn.block-style {
  background-color: #FFC0DE;
  color: #FF63AC;
}
.color-tone-peach.sz-btn:hover, .color-tone-peach .sz-btn:hover {
  color: #ffffff;
  background-color: #FF91C4;
  text-shadow: 0 0 2px #FF63AC;
  box-shadow: 0 1px 1px #FF63ACcc;
}
.color-tone-peach.sz-btn:active, .color-tone-peach .sz-btn:active {
  background-color: #FF63AC;
}
.color-tone-peach .sz-btn-close:before, .color-tone-peach .sz-btn-close:after {
  background-color: #FF63AC;
}
.color-tone-peach .sz-btn-close:hover:before, .color-tone-peach .sz-btn-close:hover:after {
  background-color: #FF91C4;
}
.color-tone-peach .sz-btn-close:active:before, .color-tone-peach .sz-btn-close:active:after {
  background-color: #FF63AC;
}
.color-tone-peach .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #FF63AC;
  color: #ffffff;
}
.color-tone-peach .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #FF91C4;
}
.color-tone-peach .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #FF63AC;
}
.color-tone-peach .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach .mark {
  background-color: #FF63AC;
  color: #ffffff;
}
.color-tone-peach .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #FF91C4;
}
.color-tone-peach .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #FF91C4;
  color: #ffffff;
}

.color-tone-peach-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd.sz-btn, .color-tone-peach-2nd .sz-btn {
  background-color: #FF91C4;
}
.color-tone-peach-2nd.sz-btn .sz-icon, .color-tone-peach-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-peach-2nd.sz-btn.white-style, .color-tone-peach-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #FF91C4;
}
.color-tone-peach-2nd.sz-btn.white-style .sz-icon, .color-tone-peach-2nd .sz-btn.white-style .sz-icon {
  color: #FF91C4;
}
.color-tone-peach-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-peach-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-peach-2nd.sz-btn.block-style, .color-tone-peach-2nd .sz-btn.block-style {
  background-color: #FFC0DE;
  color: #FF91C4;
}
.color-tone-peach-2nd.sz-btn:hover, .color-tone-peach-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #FF63AC;
  text-shadow: 0 0 2px #FF91C4;
  box-shadow: 0 1px 1px #FF91C4cc;
}
.color-tone-peach-2nd.sz-btn:active, .color-tone-peach-2nd .sz-btn:active {
  background-color: #FF91C4;
}
.color-tone-peach-2nd .sz-btn-close:before, .color-tone-peach-2nd .sz-btn-close:after {
  background-color: #FF91C4;
}
.color-tone-peach-2nd .sz-btn-close:hover:before, .color-tone-peach-2nd .sz-btn-close:hover:after {
  background-color: #FF63AC;
}
.color-tone-peach-2nd .sz-btn-close:active:before, .color-tone-peach-2nd .sz-btn-close:active:after {
  background-color: #FF91C4;
}
.color-tone-peach-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #FF91C4;
  color: #ffffff;
}
.color-tone-peach-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #FF63AC;
}
.color-tone-peach-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #FF63AC;
}
.color-tone-peach-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #FF91C4;
}
.color-tone-peach-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF91C4;
}
.color-tone-peach-2nd .mark {
  background-color: #FF91C4;
  color: #ffffff;
}
.color-tone-peach-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #FF63AC;
}
.color-tone-peach-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #FF63AC;
  color: #ffffff;
}

.color-tone-tomato .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF6347;
}
.color-tone-tomato .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF6347;
}
.color-tone-tomato .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato.sz-btn, .color-tone-tomato .sz-btn {
  background-color: #FF6347;
}
.color-tone-tomato.sz-btn .sz-icon, .color-tone-tomato .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-tomato.sz-btn.white-style, .color-tone-tomato .sz-btn.white-style {
  background-color: #ffffff;
  color: #FF6347;
}
.color-tone-tomato.sz-btn.white-style .sz-icon, .color-tone-tomato .sz-btn.white-style .sz-icon {
  color: #FF6347;
}
.color-tone-tomato.sz-btn.white-style:hover .sz-icon, .color-tone-tomato .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-tomato.sz-btn.block-style, .color-tone-tomato .sz-btn.block-style {
  background-color: #FFC0B5;
  color: #FF6347;
}
.color-tone-tomato.sz-btn:hover, .color-tone-tomato .sz-btn:hover {
  color: #ffffff;
  background-color: #FF917D;
  text-shadow: 0 0 2px #FF6347;
  box-shadow: 0 1px 1px #FF6347cc;
}
.color-tone-tomato.sz-btn:active, .color-tone-tomato .sz-btn:active {
  background-color: #FF6347;
}
.color-tone-tomato .sz-btn-close:before, .color-tone-tomato .sz-btn-close:after {
  background-color: #FF6347;
}
.color-tone-tomato .sz-btn-close:hover:before, .color-tone-tomato .sz-btn-close:hover:after {
  background-color: #FF917D;
}
.color-tone-tomato .sz-btn-close:active:before, .color-tone-tomato .sz-btn-close:active:after {
  background-color: #FF6347;
}
.color-tone-tomato .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #FF6347;
  color: #ffffff;
}
.color-tone-tomato .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #FF917D;
}
.color-tone-tomato .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #FF6347;
}
.color-tone-tomato .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato .mark {
  background-color: #FF6347;
  color: #ffffff;
}
.color-tone-tomato .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #FF917D;
}
.color-tone-tomato .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #FF917D;
  color: #ffffff;
}

.color-tone-tomato-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd.sz-btn, .color-tone-tomato-2nd .sz-btn {
  background-color: #FF917D;
}
.color-tone-tomato-2nd.sz-btn .sz-icon, .color-tone-tomato-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-tomato-2nd.sz-btn.white-style, .color-tone-tomato-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #FF917D;
}
.color-tone-tomato-2nd.sz-btn.white-style .sz-icon, .color-tone-tomato-2nd .sz-btn.white-style .sz-icon {
  color: #FF917D;
}
.color-tone-tomato-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-tomato-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-tomato-2nd.sz-btn.block-style, .color-tone-tomato-2nd .sz-btn.block-style {
  background-color: #FFC0B5;
  color: #FF917D;
}
.color-tone-tomato-2nd.sz-btn:hover, .color-tone-tomato-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #FF6347;
  text-shadow: 0 0 2px #FF917D;
  box-shadow: 0 1px 1px #FF917Dcc;
}
.color-tone-tomato-2nd.sz-btn:active, .color-tone-tomato-2nd .sz-btn:active {
  background-color: #FF917D;
}
.color-tone-tomato-2nd .sz-btn-close:before, .color-tone-tomato-2nd .sz-btn-close:after {
  background-color: #FF917D;
}
.color-tone-tomato-2nd .sz-btn-close:hover:before, .color-tone-tomato-2nd .sz-btn-close:hover:after {
  background-color: #FF6347;
}
.color-tone-tomato-2nd .sz-btn-close:active:before, .color-tone-tomato-2nd .sz-btn-close:active:after {
  background-color: #FF917D;
}
.color-tone-tomato-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #FF917D;
  color: #ffffff;
}
.color-tone-tomato-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #FF6347;
}
.color-tone-tomato-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #FF6347;
}
.color-tone-tomato-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #FF917D;
}
.color-tone-tomato-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #FF917D;
}
.color-tone-tomato-2nd .mark {
  background-color: #FF917D;
  color: #ffffff;
}
.color-tone-tomato-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #FF6347;
}
.color-tone-tomato-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #FF6347;
  color: #ffffff;
}

.color-tone-grape .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #C044C9;
}
.color-tone-grape .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #C044C9;
}
.color-tone-grape .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape.sz-btn, .color-tone-grape .sz-btn {
  background-color: #C044C9;
}
.color-tone-grape.sz-btn .sz-icon, .color-tone-grape .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-grape.sz-btn.white-style, .color-tone-grape .sz-btn.white-style {
  background-color: #ffffff;
  color: #C044C9;
}
.color-tone-grape.sz-btn.white-style .sz-icon, .color-tone-grape .sz-btn.white-style .sz-icon {
  color: #C044C9;
}
.color-tone-grape.sz-btn.white-style:hover .sz-icon, .color-tone-grape .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-grape.sz-btn.block-style, .color-tone-grape .sz-btn.block-style {
  background-color: #E6B4E9;
  color: #C044C9;
}
.color-tone-grape.sz-btn:hover, .color-tone-grape .sz-btn:hover {
  color: #ffffff;
  background-color: #D37BD9;
  text-shadow: 0 0 2px #C044C9;
  box-shadow: 0 1px 1px #C044C9cc;
}
.color-tone-grape.sz-btn:active, .color-tone-grape .sz-btn:active {
  background-color: #C044C9;
}
.color-tone-grape .sz-btn-close:before, .color-tone-grape .sz-btn-close:after {
  background-color: #C044C9;
}
.color-tone-grape .sz-btn-close:hover:before, .color-tone-grape .sz-btn-close:hover:after {
  background-color: #D37BD9;
}
.color-tone-grape .sz-btn-close:active:before, .color-tone-grape .sz-btn-close:active:after {
  background-color: #C044C9;
}
.color-tone-grape .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #C044C9;
  color: #ffffff;
}
.color-tone-grape .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #D37BD9;
}
.color-tone-grape .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #C044C9;
}
.color-tone-grape .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape .mark {
  background-color: #C044C9;
  color: #ffffff;
}
.color-tone-grape .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #D37BD9;
}
.color-tone-grape .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #D37BD9;
  color: #ffffff;
}

.color-tone-grape-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd.sz-btn, .color-tone-grape-2nd .sz-btn {
  background-color: #D37BD9;
}
.color-tone-grape-2nd.sz-btn .sz-icon, .color-tone-grape-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-grape-2nd.sz-btn.white-style, .color-tone-grape-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #D37BD9;
}
.color-tone-grape-2nd.sz-btn.white-style .sz-icon, .color-tone-grape-2nd .sz-btn.white-style .sz-icon {
  color: #D37BD9;
}
.color-tone-grape-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-grape-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-grape-2nd.sz-btn.block-style, .color-tone-grape-2nd .sz-btn.block-style {
  background-color: #E6B4E9;
  color: #D37BD9;
}
.color-tone-grape-2nd.sz-btn:hover, .color-tone-grape-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #C044C9;
  text-shadow: 0 0 2px #D37BD9;
  box-shadow: 0 1px 1px #D37BD9cc;
}
.color-tone-grape-2nd.sz-btn:active, .color-tone-grape-2nd .sz-btn:active {
  background-color: #D37BD9;
}
.color-tone-grape-2nd .sz-btn-close:before, .color-tone-grape-2nd .sz-btn-close:after {
  background-color: #D37BD9;
}
.color-tone-grape-2nd .sz-btn-close:hover:before, .color-tone-grape-2nd .sz-btn-close:hover:after {
  background-color: #C044C9;
}
.color-tone-grape-2nd .sz-btn-close:active:before, .color-tone-grape-2nd .sz-btn-close:active:after {
  background-color: #D37BD9;
}
.color-tone-grape-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #D37BD9;
  color: #ffffff;
}
.color-tone-grape-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #C044C9;
}
.color-tone-grape-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #C044C9;
}
.color-tone-grape-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #D37BD9;
}
.color-tone-grape-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #D37BD9;
}
.color-tone-grape-2nd .mark {
  background-color: #D37BD9;
  color: #ffffff;
}
.color-tone-grape-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #C044C9;
}
.color-tone-grape-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #C044C9;
  color: #ffffff;
}

.color-tone-lemon .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #4DBD7F;
}
.color-tone-lemon .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #4DBD7F;
}
.color-tone-lemon .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon.sz-btn, .color-tone-lemon .sz-btn {
  background-color: #4DBD7F;
}
.color-tone-lemon.sz-btn .sz-icon, .color-tone-lemon .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-lemon.sz-btn.white-style, .color-tone-lemon .sz-btn.white-style {
  background-color: #ffffff;
  color: #4DBD7F;
}
.color-tone-lemon.sz-btn.white-style .sz-icon, .color-tone-lemon .sz-btn.white-style .sz-icon {
  color: #4DBD7F;
}
.color-tone-lemon.sz-btn.white-style:hover .sz-icon, .color-tone-lemon .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-lemon.sz-btn.block-style, .color-tone-lemon .sz-btn.block-style {
  background-color: #B7E5CC;
  color: #4DBD7F;
}
.color-tone-lemon.sz-btn:hover, .color-tone-lemon .sz-btn:hover {
  color: #ffffff;
  background-color: #82D0A5;
  text-shadow: 0 0 2px #4DBD7F;
  box-shadow: 0 1px 1px #4DBD7Fcc;
}
.color-tone-lemon.sz-btn:active, .color-tone-lemon .sz-btn:active {
  background-color: #4DBD7F;
}
.color-tone-lemon .sz-btn-close:before, .color-tone-lemon .sz-btn-close:after {
  background-color: #4DBD7F;
}
.color-tone-lemon .sz-btn-close:hover:before, .color-tone-lemon .sz-btn-close:hover:after {
  background-color: #82D0A5;
}
.color-tone-lemon .sz-btn-close:active:before, .color-tone-lemon .sz-btn-close:active:after {
  background-color: #4DBD7F;
}
.color-tone-lemon .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #4DBD7F;
  color: #ffffff;
}
.color-tone-lemon .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #82D0A5;
}
.color-tone-lemon .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #4DBD7F;
}
.color-tone-lemon .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon .mark {
  background-color: #4DBD7F;
  color: #ffffff;
}
.color-tone-lemon .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #82D0A5;
}
.color-tone-lemon .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #82D0A5;
  color: #ffffff;
}

.color-tone-lemon-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd.sz-btn, .color-tone-lemon-2nd .sz-btn {
  background-color: #82D0A5;
}
.color-tone-lemon-2nd.sz-btn .sz-icon, .color-tone-lemon-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-lemon-2nd.sz-btn.white-style, .color-tone-lemon-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #82D0A5;
}
.color-tone-lemon-2nd.sz-btn.white-style .sz-icon, .color-tone-lemon-2nd .sz-btn.white-style .sz-icon {
  color: #82D0A5;
}
.color-tone-lemon-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-lemon-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-lemon-2nd.sz-btn.block-style, .color-tone-lemon-2nd .sz-btn.block-style {
  background-color: #B7E5CC;
  color: #82D0A5;
}
.color-tone-lemon-2nd.sz-btn:hover, .color-tone-lemon-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #4DBD7F;
  text-shadow: 0 0 2px #82D0A5;
  box-shadow: 0 1px 1px #82D0A5cc;
}
.color-tone-lemon-2nd.sz-btn:active, .color-tone-lemon-2nd .sz-btn:active {
  background-color: #82D0A5;
}
.color-tone-lemon-2nd .sz-btn-close:before, .color-tone-lemon-2nd .sz-btn-close:after {
  background-color: #82D0A5;
}
.color-tone-lemon-2nd .sz-btn-close:hover:before, .color-tone-lemon-2nd .sz-btn-close:hover:after {
  background-color: #4DBD7F;
}
.color-tone-lemon-2nd .sz-btn-close:active:before, .color-tone-lemon-2nd .sz-btn-close:active:after {
  background-color: #82D0A5;
}
.color-tone-lemon-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #82D0A5;
  color: #ffffff;
}
.color-tone-lemon-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #4DBD7F;
}
.color-tone-lemon-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #4DBD7F;
}
.color-tone-lemon-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #82D0A5;
}
.color-tone-lemon-2nd .mark {
  background-color: #82D0A5;
  color: #ffffff;
}
.color-tone-lemon-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #4DBD7F;
}
.color-tone-lemon-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #4DBD7F;
  color: #ffffff;
}

.color-tone-blueberry .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #408AF1;
}
.color-tone-blueberry .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #408AF1;
}
.color-tone-blueberry .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry.sz-btn, .color-tone-blueberry .sz-btn {
  background-color: #408AF1;
}
.color-tone-blueberry.sz-btn .sz-icon, .color-tone-blueberry .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-blueberry.sz-btn.white-style, .color-tone-blueberry .sz-btn.white-style {
  background-color: #ffffff;
  color: #408AF1;
}
.color-tone-blueberry.sz-btn.white-style .sz-icon, .color-tone-blueberry .sz-btn.white-style .sz-icon {
  color: #408AF1;
}
.color-tone-blueberry.sz-btn.white-style:hover .sz-icon, .color-tone-blueberry .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-blueberry.sz-btn.block-style, .color-tone-blueberry .sz-btn.block-style {
  background-color: #B2D0F9;
  color: #408AF1;
}
.color-tone-blueberry.sz-btn:hover, .color-tone-blueberry .sz-btn:hover {
  color: #ffffff;
  background-color: #79ADF5;
  text-shadow: 0 0 2px #408AF1;
  box-shadow: 0 1px 1px #408AF1cc;
}
.color-tone-blueberry.sz-btn:active, .color-tone-blueberry .sz-btn:active {
  background-color: #408AF1;
}
.color-tone-blueberry .sz-btn-close:before, .color-tone-blueberry .sz-btn-close:after {
  background-color: #408AF1;
}
.color-tone-blueberry .sz-btn-close:hover:before, .color-tone-blueberry .sz-btn-close:hover:after {
  background-color: #79ADF5;
}
.color-tone-blueberry .sz-btn-close:active:before, .color-tone-blueberry .sz-btn-close:active:after {
  background-color: #408AF1;
}
.color-tone-blueberry .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #408AF1;
  color: #ffffff;
}
.color-tone-blueberry .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #79ADF5;
}
.color-tone-blueberry .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #408AF1;
}
.color-tone-blueberry .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry .mark {
  background-color: #408AF1;
  color: #ffffff;
}
.color-tone-blueberry .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #79ADF5;
}
.color-tone-blueberry .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #79ADF5;
  color: #ffffff;
}

.color-tone-blueberry-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd.sz-btn, .color-tone-blueberry-2nd .sz-btn {
  background-color: #79ADF5;
}
.color-tone-blueberry-2nd.sz-btn .sz-icon, .color-tone-blueberry-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-blueberry-2nd.sz-btn.white-style, .color-tone-blueberry-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #79ADF5;
}
.color-tone-blueberry-2nd.sz-btn.white-style .sz-icon, .color-tone-blueberry-2nd .sz-btn.white-style .sz-icon {
  color: #79ADF5;
}
.color-tone-blueberry-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-blueberry-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-blueberry-2nd.sz-btn.block-style, .color-tone-blueberry-2nd .sz-btn.block-style {
  background-color: #B2D0F9;
  color: #79ADF5;
}
.color-tone-blueberry-2nd.sz-btn:hover, .color-tone-blueberry-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #408AF1;
  text-shadow: 0 0 2px #79ADF5;
  box-shadow: 0 1px 1px #79ADF5cc;
}
.color-tone-blueberry-2nd.sz-btn:active, .color-tone-blueberry-2nd .sz-btn:active {
  background-color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-btn-close:before, .color-tone-blueberry-2nd .sz-btn-close:after {
  background-color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-btn-close:hover:before, .color-tone-blueberry-2nd .sz-btn-close:hover:after {
  background-color: #408AF1;
}
.color-tone-blueberry-2nd .sz-btn-close:active:before, .color-tone-blueberry-2nd .sz-btn-close:active:after {
  background-color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #79ADF5;
  color: #ffffff;
}
.color-tone-blueberry-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #408AF1;
}
.color-tone-blueberry-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #408AF1;
}
.color-tone-blueberry-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #79ADF5;
}
.color-tone-blueberry-2nd .mark {
  background-color: #79ADF5;
  color: #ffffff;
}
.color-tone-blueberry-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #408AF1;
}
.color-tone-blueberry-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #408AF1;
  color: #ffffff;
}

.color-tone-gray .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #1F2937;
}
.color-tone-gray .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #1F2937;
}
.color-tone-gray .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray.sz-btn, .color-tone-gray .sz-btn {
  background-color: #1F2937;
}
.color-tone-gray.sz-btn .sz-icon, .color-tone-gray .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-gray.sz-btn.white-style, .color-tone-gray .sz-btn.white-style {
  background-color: #ffffff;
  color: #1F2937;
}
.color-tone-gray.sz-btn.white-style .sz-icon, .color-tone-gray .sz-btn.white-style .sz-icon {
  color: #1F2937;
}
.color-tone-gray.sz-btn.white-style:hover .sz-icon, .color-tone-gray .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-gray.sz-btn.block-style, .color-tone-gray .sz-btn.block-style {
  background-color: #9CA3AF;
  color: #1F2937;
}
.color-tone-gray.sz-btn:hover, .color-tone-gray .sz-btn:hover {
  color: #ffffff;
  background-color: #6B7280;
  text-shadow: 0 0 2px #1F2937;
  box-shadow: 0 1px 1px #1F2937cc;
}
.color-tone-gray.sz-btn:active, .color-tone-gray .sz-btn:active {
  background-color: #1F2937;
}
.color-tone-gray .sz-btn-close:before, .color-tone-gray .sz-btn-close:after {
  background-color: #1F2937;
}
.color-tone-gray .sz-btn-close:hover:before, .color-tone-gray .sz-btn-close:hover:after {
  background-color: #6B7280;
}
.color-tone-gray .sz-btn-close:active:before, .color-tone-gray .sz-btn-close:active:after {
  background-color: #1F2937;
}
.color-tone-gray .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #1F2937;
  color: #ffffff;
}
.color-tone-gray .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #6B7280;
}
.color-tone-gray .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #1F2937;
}
.color-tone-gray .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray .mark {
  background-color: #1F2937;
  color: #ffffff;
}
.color-tone-gray .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #6B7280;
}
.color-tone-gray .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #6B7280;
  color: #ffffff;
}

.color-tone-gray-2nd .sz-title:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-subject:not([class^=color-]):not([class*=" color-"]).hue {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-text:not([class^=color-]):not([class*=" color-"]).hue {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-date:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-time:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd.sz-btn, .color-tone-gray-2nd .sz-btn {
  background-color: #6B7280;
}
.color-tone-gray-2nd.sz-btn .sz-icon, .color-tone-gray-2nd .sz-btn .sz-icon {
  color: #ffffff;
}
.color-tone-gray-2nd.sz-btn.white-style, .color-tone-gray-2nd .sz-btn.white-style {
  background-color: #ffffff;
  color: #6B7280;
}
.color-tone-gray-2nd.sz-btn.white-style .sz-icon, .color-tone-gray-2nd .sz-btn.white-style .sz-icon {
  color: #6B7280;
}
.color-tone-gray-2nd.sz-btn.white-style:hover .sz-icon, .color-tone-gray-2nd .sz-btn.white-style:hover .sz-icon {
  color: #ffffff;
}
.color-tone-gray-2nd.sz-btn.block-style, .color-tone-gray-2nd .sz-btn.block-style {
  background-color: #9CA3AF;
  color: #6B7280;
}
.color-tone-gray-2nd.sz-btn:hover, .color-tone-gray-2nd .sz-btn:hover {
  color: #ffffff;
  background-color: #1F2937;
  text-shadow: 0 0 2px #6B7280;
  box-shadow: 0 1px 1px #6B7280cc;
}
.color-tone-gray-2nd.sz-btn:active, .color-tone-gray-2nd .sz-btn:active {
  background-color: #6B7280;
}
.color-tone-gray-2nd .sz-btn-close:before, .color-tone-gray-2nd .sz-btn-close:after {
  background-color: #6B7280;
}
.color-tone-gray-2nd .sz-btn-close:hover:before, .color-tone-gray-2nd .sz-btn-close:hover:after {
  background-color: #1F2937;
}
.color-tone-gray-2nd .sz-btn-close:active:before, .color-tone-gray-2nd .sz-btn-close:active:after {
  background-color: #6B7280;
}
.color-tone-gray-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round {
  background-color: #6B7280;
  color: #ffffff;
}
.color-tone-gray-2nd .sz-icon:not([class^=color-]):not([class*=" color-"]).round:hover {
  background-color: #1F2937;
}
.color-tone-gray-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]) {
  color: #1F2937;
}
.color-tone-gray-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]).hue:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-text-link:not([class^=color-]):not([class*=" color-"]):hover {
  color: #6B7280;
}
.color-tone-gray-2nd .sz-note:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .sub-note:not([class^=color-]):not([class*=" color-"]) {
  color: #6B7280;
}
.color-tone-gray-2nd .mark {
  background-color: #6B7280;
  color: #ffffff;
}
.color-tone-gray-2nd .sw-btn:not(.sw-btn-disabled) {
  background-color: #ffffff;
  color: #1F2937;
}
.color-tone-gray-2nd .sw-btn:not(.sw-btn-disabled):hover {
  background-color: #1F2937;
  color: #ffffff;
}

.gradient-green-blue {
  background-image: linear-gradient(-45deg, #CAE5CF, #BEE5F6, #CAE5CF, #BEE5F6);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-green-blue-rev {
  background-image: linear-gradient(-45deg, #CAE5CF, #BEE5F6, #CAE5CF, #BEE5F6);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-green-blue-full {
  background-image: linear-gradient(-45deg, #2C9742, #0098DC, #2C9742, #0098DC);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-green-blue-full-rev {
  background-image: linear-gradient(-45deg, #2C9742, #0098DC, #2C9742, #0098DC);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-green-blue-mild {
  background-image: linear-gradient(-45deg, #95CBA0, #7ECBED, #95CBA0, #7ECBED);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-green-blue-mild-rev {
  background-image: linear-gradient(-45deg, #95CBA0, #7ECBED, #95CBA0, #7ECBED);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-green-blue-thin {
  background-image: linear-gradient(-45deg, #E4F2E7, #DEF2FA, #E4F2E7, #DEF2FA);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-green-blue-thin-rev {
  background-image: linear-gradient(-45deg, #E4F2E7, #DEF2FA, #E4F2E7, #DEF2FA);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-red-orange {
  background-image: linear-gradient(-45deg, #FCD9E0, #FBE5BA, #FCD9E0, #FBE5BA);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-red-orange-rev {
  background-image: linear-gradient(-45deg, #FCD9E0, #FBE5BA, #FCD9E0, #FBE5BA);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-red-orange-full {
  background-image: linear-gradient(-45deg, #F46885, #EB781E, #F46885, #EB781E);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-red-orange-full-rev {
  background-image: linear-gradient(-45deg, #F46885, #EB781E, #F46885, #EB781E);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-red-orange-mild {
  background-image: linear-gradient(-45deg, #F9B3C2, #F7CC77, #F9B3C2, #F7CC77);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-red-orange-mild-rev {
  background-image: linear-gradient(-45deg, #F9B3C2, #F7CC77, #F9B3C2, #F7CC77);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-red-orange-thin {
  background-image: linear-gradient(-45deg, #FDECEF, #FDF2DC, #FDECEF, #FDF2DC);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-red-orange-thin-rev {
  background-image: linear-gradient(-45deg, #FDECEF, #FDF2DC, #FDECEF, #FDF2DC);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-tiffan-purple {
  background-image: linear-gradient(-45deg, #A6DCE7, #E5BCF1, #A6DCE7, #E5BCF1);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-tiffan-purple-rev {
  background-image: linear-gradient(-45deg, #A6DCE7, #E5BCF1, #A6DCE7, #E5BCF1);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-tiffan-purple-full {
  background-image: linear-gradient(-45deg, #21A9C3, #BF58DD, #21A9C3, #BF58DD);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-tiffan-purple-full-rev {
  background-image: linear-gradient(-45deg, #21A9C3, #BF58DD, #21A9C3, #BF58DD);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-tiffan-purple-mild {
  background-image: linear-gradient(-45deg, #63C2D5, #D289E7, #63C2D5, #D289E7);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-tiffan-purple-mild-rev {
  background-image: linear-gradient(-45deg, #63C2D5, #D289E7, #63C2D5, #D289E7);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.gradient-tiffan-purple-thin {
  background-image: linear-gradient(-45deg, #D2EEF3, #F2DDF8, #D2EEF3, #F2DDF8);
  background-size: 400%;
  animation: gradient-flow 12s linear infinite;
}
.gradient-tiffan-purple-thin-rev {
  background-image: linear-gradient(-45deg, #D2EEF3, #F2DDF8, #D2EEF3, #F2DDF8);
  background-size: 400%;
  animation: gradient-flow 12s linear reverse infinite;
}

.sz-date, .sz-time {
  display: inline-block;
  margin: 0.25em 0.5em;
  color: #0098DC;
  font-size: 0.75em;
}

.sz-ul {
  display: flex;
  flex-flow: column wrap;
  margin: 0.5em;
  padding: 1em;
  border-radius: 20px;
}
.sz-ul .sz-li {
  /*display: block;*/
  /*padding: 0.25em 0.25em 0.25em 2em;*/
  font-size: 1em;
  text-align: justify;
  cursor: default;
  margin-left: 25px;
}/*
.sz-ul .sz-li:before {
  position: absolute;
  left: 0.25em;
  display: block;
  content: "";
  min-width: 1em;
  color: #1F2937;
  font-size: initial;
  text-align: center;
}*/
.sz-ul .sz-li .sz-text-link {
  margin: 0 0.25em;
  font-size: 1em;
}/*
.sz-ul.dot-style .sz-li:before {
  content: "•";
}
.sz-ul.number-style {
  counter-reset: num;
}
.sz-ul.number-style .sz-li:before {
  counter-increment: num;
  content: counter(num) ".";
}*/

.list-cont .sz-ul.number-style {
  margin: 0px 0px 0px 20px;
  line-height: 28px;
}

.list-cont .sz-ul.number-style ul {
  margin: 0px 0px 0px 20px;
  line-height: 28px;
}

.list-cont .sz-ul li span {
  font-size: 0.9em;
}

.number-style li {
  list-style: auto;
}

.dot-style li {
  list-style: disc;
}

.tdtr {
  padding: 7.5px 17.5px;
  text-align: center;
  vertical-align: middle;
}

table .title {
  background: #0095F0;
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .list-cont .sz-ul.number-style {
    line-height: 24px;
  }
  .list-cont .sz-ul.number-style ul {
    line-height: 24px;
  }
  .tdtr {
    padding: 5px 7.5px;
  }
}

.rating {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.25em;
  justify-content: center;
  align-items: center;
}
.rating .sz-icon {
  margin: 0;
  color: #ffffff;
}
.rating.star-1 .sz-icon {
  color: #F7CC77;
}
.rating.star-1 .sz-icon:nth-of-type(n + 2) {
  color: #ffffff;
}
.rating.star-2 .sz-icon {
  color: #F7CC77;
}
.rating.star-2 .sz-icon:nth-of-type(n + 3) {
  color: #ffffff;
}
.rating.star-3 .sz-icon {
  color: #F7CC77;
}
.rating.star-3 .sz-icon:nth-of-type(n + 4) {
  color: #ffffff;
}
.rating.star-4 .sz-icon {
  color: #F7CC77;
}
.rating.star-4 .sz-icon:nth-of-type(n + 5) {
  color: #ffffff;
}
.rating.star-5 .sz-icon {
  color: #F7CC77;
}
.rating.star-5 .sz-icon:nth-of-type(n + 6) {
  color: #ffffff;
}
.rating.star-6 .sz-icon {
  color: #F7CC77;
}
.rating.star-6 .sz-icon:nth-of-type(n + 7) {
  color: #ffffff;
}
.rating.star-7 .sz-icon {
  color: #F7CC77;
}
.rating.star-7 .sz-icon:nth-of-type(n + 8) {
  color: #ffffff;
}
.rating.star-8 .sz-icon {
  color: #F7CC77;
}
.rating.star-8 .sz-icon:nth-of-type(n + 9) {
  color: #ffffff;
}
.rating.star-9 .sz-icon {
  color: #F7CC77;
}
.rating.star-9 .sz-icon:nth-of-type(n + 10) {
  color: #ffffff;
}
.rating.star-10 .sz-icon {
  color: #F7CC77;
}
.rating.star-10 .sz-icon:nth-of-type(n + 11) {
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .rating .sz-icon {
    font-size: 22px;
  }
}
@media screen and (max-width: 360px) {
  .rating .sz-icon {
    font-size: 20px;
  }
}

.sz-btn {
  display: inline-flex;
  gap: 0.25em;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: #0098DC;
  min-width: 6em;
  margin: 0.5em;
  padding: 0.75em 1em;
  color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  border-radius: 2em;
  cursor: pointer;
}
.sz-btn .sz-icon {
  margin: 0;
  color: #ffffff;
}
.sz-btn .sz-icon:not([class^=fs-]):not([class*=" fs-"]) {
  font-size: 1em;
}
.sz-btn.white-style {
  background-color: #ffffff;
  color: #0098DC;
  box-shadow: 0 2px 4px #00000011;
}
.sz-btn.white-style .sz-icon {
  color: #0098DC;
}
.sz-btn.round {
  width: 3em;
  min-width: unset;
  height: 3em;
  padding: 0.5em;
  border-radius: 50%;
}
.sz-btn.block-style {
  background-color: #BEE5F6;
  padding: 1.5em 0.5em;
  color: #0098DC;
  font-size: 1.5em;
  font-weight: 700;
  border-radius: 20px;
}
.sz-btn.line-style {
  background-color: transparent;
  padding: 0.5em 1.5em;
  color: #1F2937;
  border: 1px solid #1F2937;
}
.sz-btn:hover, .sz-btn.active {
  color: #ffffff;
  background-color: #7ECBED;
  text-shadow: 0 0 2px #0098DC;
  box-shadow: 0 1px 1px #0098DCcc;
}
.sz-btn:active {
  background-color: #0098DC;
}
.sz-btn.disabled {
  background-color: #9CA3AFaa;
  color: #ffffff;
  cursor: default;
}
.sz-btn.disabled:hover, .sz-btn.disabled.active {
  background-color: #9CA3AFaa;
  text-shadow: none;
  box-shadow: none;
}
.sz-btn.btn-blue:not(.white-style) {
  background-color: #0098DC;
}
.sz-btn.btn-blue:not(.white-style):hover, .sz-btn.btn-blue:not(.white-style).active {
  background-color: #7ECBED;
  text-shadow: 0 0 2px #0098DC;
  box-shadow: 0 1px 1px #0098DCcc;
}
.sz-btn.white-style.btn-blue {
  background-color: #ffffff;
  color: #0098DC;
}
.sz-btn.white-style.btn-blue:hover, .sz-btn.white-style.btn-blue.active {
  background-color: #7ECBED;
  color: #ffffff;
  text-shadow: 0 0 2px #0098DC;
  box-shadow: 0 1px 1px #0098DCcc;
}
.sz-btn.white-style .sz-icon {
  color: #0098DC;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-blue-2nd:not(.white-style) {
  background-color: #7ECBED;
}
.sz-btn.btn-blue-2nd:not(.white-style):hover, .sz-btn.btn-blue-2nd:not(.white-style).active {
  background-color: #0098DC;
  text-shadow: 0 0 2px #7ECBED;
  box-shadow: 0 1px 1px #7ECBEDcc;
}
.sz-btn.white-style.btn-blue-2nd {
  background-color: #ffffff;
  color: #7ECBED;
}
.sz-btn.white-style.btn-blue-2nd:hover, .sz-btn.white-style.btn-blue-2nd.active {
  background-color: #0098DC;
  color: #ffffff;
  text-shadow: 0 0 2px #7ECBED;
  box-shadow: 0 1px 1px #7ECBEDcc;
}
.sz-btn.white-style .sz-icon {
  color: #7ECBED;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-green:not(.white-style) {
  background-color: #2C9742;
}
.sz-btn.btn-green:not(.white-style):hover, .sz-btn.btn-green:not(.white-style).active {
  background-color: #95CBA0;
  text-shadow: 0 0 2px #2C9742;
  box-shadow: 0 1px 1px #2C9742cc;
}
.sz-btn.white-style.btn-green {
  background-color: #ffffff;
  color: #2C9742;
}
.sz-btn.white-style.btn-green:hover, .sz-btn.white-style.btn-green.active {
  background-color: #95CBA0;
  color: #ffffff;
  text-shadow: 0 0 2px #2C9742;
  box-shadow: 0 1px 1px #2C9742cc;
}
.sz-btn.white-style .sz-icon {
  color: #2C9742;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-green-2nd:not(.white-style) {
  background-color: #95CBA0;
}
.sz-btn.btn-green-2nd:not(.white-style):hover, .sz-btn.btn-green-2nd:not(.white-style).active {
  background-color: #2C9742;
  text-shadow: 0 0 2px #95CBA0;
  box-shadow: 0 1px 1px #95CBA0cc;
}
.sz-btn.white-style.btn-green-2nd {
  background-color: #ffffff;
  color: #95CBA0;
}
.sz-btn.white-style.btn-green-2nd:hover, .sz-btn.white-style.btn-green-2nd.active {
  background-color: #2C9742;
  color: #ffffff;
  text-shadow: 0 0 2px #95CBA0;
  box-shadow: 0 1px 1px #95CBA0cc;
}
.sz-btn.white-style .sz-icon {
  color: #95CBA0;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-orange:not(.white-style) {
  background-color: #EB781E;
}
.sz-btn.btn-orange:not(.white-style):hover, .sz-btn.btn-orange:not(.white-style).active {
  background-color: #F7CC77;
  text-shadow: 0 0 2px #EB781E;
  box-shadow: 0 1px 1px #EB781Ecc;
}
.sz-btn.white-style.btn-orange {
  background-color: #ffffff;
  color: #EB781E;
}
.sz-btn.white-style.btn-orange:hover, .sz-btn.white-style.btn-orange.active {
  background-color: #F7CC77;
  color: #ffffff;
  text-shadow: 0 0 2px #EB781E;
  box-shadow: 0 1px 1px #EB781Ecc;
}
.sz-btn.white-style .sz-icon {
  color: #EB781E;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-orange-2nd:not(.white-style) {
  background-color: #F7CC77;
}
.sz-btn.btn-orange-2nd:not(.white-style):hover, .sz-btn.btn-orange-2nd:not(.white-style).active {
  background-color: #EB781E;
  text-shadow: 0 0 2px #F7CC77;
  box-shadow: 0 1px 1px #F7CC77cc;
}
.sz-btn.white-style.btn-orange-2nd {
  background-color: #ffffff;
  color: #F7CC77;
}
.sz-btn.white-style.btn-orange-2nd:hover, .sz-btn.white-style.btn-orange-2nd.active {
  background-color: #EB781E;
  color: #ffffff;
  text-shadow: 0 0 2px #F7CC77;
  box-shadow: 0 1px 1px #F7CC77cc;
}
.sz-btn.white-style .sz-icon {
  color: #F7CC77;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-purple:not(.white-style) {
  background-color: #BF58DD;
}
.sz-btn.btn-purple:not(.white-style):hover, .sz-btn.btn-purple:not(.white-style).active {
  background-color: #D289E7;
  text-shadow: 0 0 2px #BF58DD;
  box-shadow: 0 1px 1px #BF58DDcc;
}
.sz-btn.white-style.btn-purple {
  background-color: #ffffff;
  color: #BF58DD;
}
.sz-btn.white-style.btn-purple:hover, .sz-btn.white-style.btn-purple.active {
  background-color: #D289E7;
  color: #ffffff;
  text-shadow: 0 0 2px #BF58DD;
  box-shadow: 0 1px 1px #BF58DDcc;
}
.sz-btn.white-style .sz-icon {
  color: #BF58DD;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-purple-2nd:not(.white-style) {
  background-color: #D289E7;
}
.sz-btn.btn-purple-2nd:not(.white-style):hover, .sz-btn.btn-purple-2nd:not(.white-style).active {
  background-color: #BF58DD;
  text-shadow: 0 0 2px #D289E7;
  box-shadow: 0 1px 1px #D289E7cc;
}
.sz-btn.white-style.btn-purple-2nd {
  background-color: #ffffff;
  color: #D289E7;
}
.sz-btn.white-style.btn-purple-2nd:hover, .sz-btn.white-style.btn-purple-2nd.active {
  background-color: #BF58DD;
  color: #ffffff;
  text-shadow: 0 0 2px #D289E7;
  box-shadow: 0 1px 1px #D289E7cc;
}
.sz-btn.white-style .sz-icon {
  color: #D289E7;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-tiffan:not(.white-style) {
  background-color: #21A9C3;
}
.sz-btn.btn-tiffan:not(.white-style):hover, .sz-btn.btn-tiffan:not(.white-style).active {
  background-color: #63C2D5;
  text-shadow: 0 0 2px #21A9C3;
  box-shadow: 0 1px 1px #21A9C3cc;
}
.sz-btn.white-style.btn-tiffan {
  background-color: #ffffff;
  color: #21A9C3;
}
.sz-btn.white-style.btn-tiffan:hover, .sz-btn.white-style.btn-tiffan.active {
  background-color: #63C2D5;
  color: #ffffff;
  text-shadow: 0 0 2px #21A9C3;
  box-shadow: 0 1px 1px #21A9C3cc;
}
.sz-btn.white-style .sz-icon {
  color: #21A9C3;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-tiffan-2nd:not(.white-style) {
  background-color: #63C2D5;
}
.sz-btn.btn-tiffan-2nd:not(.white-style):hover, .sz-btn.btn-tiffan-2nd:not(.white-style).active {
  background-color: #21A9C3;
  text-shadow: 0 0 2px #63C2D5;
  box-shadow: 0 1px 1px #63C2D5cc;
}
.sz-btn.white-style.btn-tiffan-2nd {
  background-color: #ffffff;
  color: #63C2D5;
}
.sz-btn.white-style.btn-tiffan-2nd:hover, .sz-btn.white-style.btn-tiffan-2nd.active {
  background-color: #21A9C3;
  color: #ffffff;
  text-shadow: 0 0 2px #63C2D5;
  box-shadow: 0 1px 1px #63C2D5cc;
}
.sz-btn.white-style .sz-icon {
  color: #63C2D5;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-red:not(.white-style) {
  background-color: #F46885;
}
.sz-btn.btn-red:not(.white-style):hover, .sz-btn.btn-red:not(.white-style).active {
  background-color: #F9B3C2;
  text-shadow: 0 0 2px #F46885;
  box-shadow: 0 1px 1px #F46885cc;
}
.sz-btn.white-style.btn-red {
  background-color: #ffffff;
  color: #F46885;
}
.sz-btn.white-style.btn-red:hover, .sz-btn.white-style.btn-red.active {
  background-color: #F9B3C2;
  color: #ffffff;
  text-shadow: 0 0 2px #F46885;
  box-shadow: 0 1px 1px #F46885cc;
}
.sz-btn.white-style .sz-icon {
  color: #F46885;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-red-2nd:not(.white-style) {
  background-color: #F9B3C2;
}
.sz-btn.btn-red-2nd:not(.white-style):hover, .sz-btn.btn-red-2nd:not(.white-style).active {
  background-color: #F46885;
  text-shadow: 0 0 2px #F9B3C2;
  box-shadow: 0 1px 1px #F9B3C2cc;
}
.sz-btn.white-style.btn-red-2nd {
  background-color: #ffffff;
  color: #F9B3C2;
}
.sz-btn.white-style.btn-red-2nd:hover, .sz-btn.white-style.btn-red-2nd.active {
  background-color: #F46885;
  color: #ffffff;
  text-shadow: 0 0 2px #F9B3C2;
  box-shadow: 0 1px 1px #F9B3C2cc;
}
.sz-btn.white-style .sz-icon {
  color: #F9B3C2;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-peach:not(.white-style) {
  background-color: #FF63AC;
}
.sz-btn.btn-peach:not(.white-style):hover, .sz-btn.btn-peach:not(.white-style).active {
  background-color: #FF91C4;
  text-shadow: 0 0 2px #FF63AC;
  box-shadow: 0 1px 1px #FF63ACcc;
}
.sz-btn.white-style.btn-peach {
  background-color: #ffffff;
  color: #FF63AC;
}
.sz-btn.white-style.btn-peach:hover, .sz-btn.white-style.btn-peach.active {
  background-color: #FF91C4;
  color: #ffffff;
  text-shadow: 0 0 2px #FF63AC;
  box-shadow: 0 1px 1px #FF63ACcc;
}
.sz-btn.white-style .sz-icon {
  color: #FF63AC;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-peach-2nd:not(.white-style) {
  background-color: #FF91C4;
}
.sz-btn.btn-peach-2nd:not(.white-style):hover, .sz-btn.btn-peach-2nd:not(.white-style).active {
  background-color: #FF63AC;
  text-shadow: 0 0 2px #FF91C4;
  box-shadow: 0 1px 1px #FF91C4cc;
}
.sz-btn.white-style.btn-peach-2nd {
  background-color: #ffffff;
  color: #FF91C4;
}
.sz-btn.white-style.btn-peach-2nd:hover, .sz-btn.white-style.btn-peach-2nd.active {
  background-color: #FF63AC;
  color: #ffffff;
  text-shadow: 0 0 2px #FF91C4;
  box-shadow: 0 1px 1px #FF91C4cc;
}
.sz-btn.white-style .sz-icon {
  color: #FF91C4;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-tomato:not(.white-style) {
  background-color: #FF6347;
}
.sz-btn.btn-tomato:not(.white-style):hover, .sz-btn.btn-tomato:not(.white-style).active {
  background-color: #FF917D;
  text-shadow: 0 0 2px #FF6347;
  box-shadow: 0 1px 1px #FF6347cc;
}
.sz-btn.white-style.btn-tomato {
  background-color: #ffffff;
  color: #FF6347;
}
.sz-btn.white-style.btn-tomato:hover, .sz-btn.white-style.btn-tomato.active {
  background-color: #FF917D;
  color: #ffffff;
  text-shadow: 0 0 2px #FF6347;
  box-shadow: 0 1px 1px #FF6347cc;
}
.sz-btn.white-style .sz-icon {
  color: #FF6347;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-tomato-2nd:not(.white-style) {
  background-color: #FF917D;
}
.sz-btn.btn-tomato-2nd:not(.white-style):hover, .sz-btn.btn-tomato-2nd:not(.white-style).active {
  background-color: #FF6347;
  text-shadow: 0 0 2px #FF917D;
  box-shadow: 0 1px 1px #FF917Dcc;
}
.sz-btn.white-style.btn-tomato-2nd {
  background-color: #ffffff;
  color: #FF917D;
}
.sz-btn.white-style.btn-tomato-2nd:hover, .sz-btn.white-style.btn-tomato-2nd.active {
  background-color: #FF6347;
  color: #ffffff;
  text-shadow: 0 0 2px #FF917D;
  box-shadow: 0 1px 1px #FF917Dcc;
}
.sz-btn.white-style .sz-icon {
  color: #FF917D;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-grape:not(.white-style) {
  background-color: #C044C9;
}
.sz-btn.btn-grape:not(.white-style):hover, .sz-btn.btn-grape:not(.white-style).active {
  background-color: #D37BD9;
  text-shadow: 0 0 2px #C044C9;
  box-shadow: 0 1px 1px #C044C9cc;
}
.sz-btn.white-style.btn-grape {
  background-color: #ffffff;
  color: #C044C9;
}
.sz-btn.white-style.btn-grape:hover, .sz-btn.white-style.btn-grape.active {
  background-color: #D37BD9;
  color: #ffffff;
  text-shadow: 0 0 2px #C044C9;
  box-shadow: 0 1px 1px #C044C9cc;
}
.sz-btn.white-style .sz-icon {
  color: #C044C9;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-grape-2nd:not(.white-style) {
  background-color: #D37BD9;
}
.sz-btn.btn-grape-2nd:not(.white-style):hover, .sz-btn.btn-grape-2nd:not(.white-style).active {
  background-color: #C044C9;
  text-shadow: 0 0 2px #D37BD9;
  box-shadow: 0 1px 1px #D37BD9cc;
}
.sz-btn.white-style.btn-grape-2nd {
  background-color: #ffffff;
  color: #D37BD9;
}
.sz-btn.white-style.btn-grape-2nd:hover, .sz-btn.white-style.btn-grape-2nd.active {
  background-color: #C044C9;
  color: #ffffff;
  text-shadow: 0 0 2px #D37BD9;
  box-shadow: 0 1px 1px #D37BD9cc;
}
.sz-btn.white-style .sz-icon {
  color: #D37BD9;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-lemon:not(.white-style) {
  background-color: #4DBD7F;
}
.sz-btn.btn-lemon:not(.white-style):hover, .sz-btn.btn-lemon:not(.white-style).active {
  background-color: #82D0A5;
  text-shadow: 0 0 2px #4DBD7F;
  box-shadow: 0 1px 1px #4DBD7Fcc;
}
.sz-btn.white-style.btn-lemon {
  background-color: #ffffff;
  color: #4DBD7F;
}
.sz-btn.white-style.btn-lemon:hover, .sz-btn.white-style.btn-lemon.active {
  background-color: #82D0A5;
  color: #ffffff;
  text-shadow: 0 0 2px #4DBD7F;
  box-shadow: 0 1px 1px #4DBD7Fcc;
}
.sz-btn.white-style .sz-icon {
  color: #4DBD7F;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-lemon-2nd:not(.white-style) {
  background-color: #82D0A5;
}
.sz-btn.btn-lemon-2nd:not(.white-style):hover, .sz-btn.btn-lemon-2nd:not(.white-style).active {
  background-color: #4DBD7F;
  text-shadow: 0 0 2px #82D0A5;
  box-shadow: 0 1px 1px #82D0A5cc;
}
.sz-btn.white-style.btn-lemon-2nd {
  background-color: #ffffff;
  color: #82D0A5;
}
.sz-btn.white-style.btn-lemon-2nd:hover, .sz-btn.white-style.btn-lemon-2nd.active {
  background-color: #4DBD7F;
  color: #ffffff;
  text-shadow: 0 0 2px #82D0A5;
  box-shadow: 0 1px 1px #82D0A5cc;
}
.sz-btn.white-style .sz-icon {
  color: #82D0A5;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-blueberry:not(.white-style) {
  background-color: #408AF1;
}
.sz-btn.btn-blueberry:not(.white-style):hover, .sz-btn.btn-blueberry:not(.white-style).active {
  background-color: #79ADF5;
  text-shadow: 0 0 2px #408AF1;
  box-shadow: 0 1px 1px #408AF1cc;
}
.sz-btn.white-style.btn-blueberry {
  background-color: #ffffff;
  color: #408AF1;
}
.sz-btn.white-style.btn-blueberry:hover, .sz-btn.white-style.btn-blueberry.active {
  background-color: #79ADF5;
  color: #ffffff;
  text-shadow: 0 0 2px #408AF1;
  box-shadow: 0 1px 1px #408AF1cc;
}
.sz-btn.white-style .sz-icon {
  color: #408AF1;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-blueberry-2nd:not(.white-style) {
  background-color: #79ADF5;
}
.sz-btn.btn-blueberry-2nd:not(.white-style):hover, .sz-btn.btn-blueberry-2nd:not(.white-style).active {
  background-color: #408AF1;
  text-shadow: 0 0 2px #79ADF5;
  box-shadow: 0 1px 1px #79ADF5cc;
}
.sz-btn.white-style.btn-blueberry-2nd {
  background-color: #ffffff;
  color: #79ADF5;
}
.sz-btn.white-style.btn-blueberry-2nd:hover, .sz-btn.white-style.btn-blueberry-2nd.active {
  background-color: #408AF1;
  color: #ffffff;
  text-shadow: 0 0 2px #79ADF5;
  box-shadow: 0 1px 1px #79ADF5cc;
}
.sz-btn.white-style .sz-icon {
  color: #79ADF5;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-gray:not(.white-style) {
  background-color: #1F2937;
}
.sz-btn.btn-gray:not(.white-style):hover, .sz-btn.btn-gray:not(.white-style).active {
  background-color: #6B7280;
  text-shadow: 0 0 2px #1F2937;
  box-shadow: 0 1px 1px #1F2937cc;
}
.sz-btn.white-style.btn-gray {
  background-color: #ffffff;
  color: #1F2937;
}
.sz-btn.white-style.btn-gray:hover, .sz-btn.white-style.btn-gray.active {
  background-color: #6B7280;
  color: #ffffff;
  text-shadow: 0 0 2px #1F2937;
  box-shadow: 0 1px 1px #1F2937cc;
}
.sz-btn.white-style .sz-icon {
  color: #1F2937;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
.sz-btn.btn-gray-2nd:not(.white-style) {
  background-color: #6B7280;
}
.sz-btn.btn-gray-2nd:not(.white-style):hover, .sz-btn.btn-gray-2nd:not(.white-style).active {
  background-color: #1F2937;
  text-shadow: 0 0 2px #6B7280;
  box-shadow: 0 1px 1px #6B7280cc;
}
.sz-btn.white-style.btn-gray-2nd {
  background-color: #ffffff;
  color: #6B7280;
}
.sz-btn.white-style.btn-gray-2nd:hover, .sz-btn.white-style.btn-gray-2nd.active {
  background-color: #1F2937;
  color: #ffffff;
  text-shadow: 0 0 2px #6B7280;
  box-shadow: 0 1px 1px #6B7280cc;
}
.sz-btn.white-style .sz-icon {
  color: #6B7280;
}
.sz-btn.line-style:hover, .sz-btn.line-style.active {
  border-color: #ffffff;
}
@media screen and (max-width: 640px) {
  .sz-btn {
    font-size: 16px;
  }
}

.sz-btn-close {
  width: 1em;
  height: 1em;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .sz-btn-close {
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  .sz-btn-close {
    font-size: 14px;
  }
}
.sz-btn-close:before, .sz-btn-close:after {
  position: absolute;
  top: 50%;
  display: block;
  background-color: #0098DC;
  content: "";
  width: 1em;
  height: 0.125em;
  border-radius: 1em;
  transform-origin: center;
}
.sz-btn-close:before {
  transform: rotate(-45deg);
}
.sz-btn-close:after {
  transform: rotate(45deg);
}
.sz-btn-close:active {
  transform: scale(0.9);
}

.sz-text-link {
  color: #7ECBED;
  text-decoration: underline;
  cursor: pointer;
}
.sz-text-link.hue:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}
.sz-text-link:hover:not([class^=color-]):not([class*=" color-"]) {
  color: #0098DC;
}

.sz-icon {
  margin: 0.125em;
  font-size: 32px;
  color: #0098DC;
  vertical-align: text-bottom;
}
.sz-icon.round {
  background-color: #0098DC;
  width: 1.25em;
  height: 1.25em;
  padding: 0.125em;
  color: #ffffff;
  border-radius: 50%;
}
.sz-icon.round:hover {
  background-color: #7ECBED;
}
.sz-icon.color-blue {
  color: #0098DC;
}
.sz-icon.color-blue-2nd {
  color: #7ECBED;
}
.sz-icon.color-blue-light {
  color: #BEE5F6;
}
.sz-icon.color-blue-thin {
  color: #DEF2FA;
}
.sz-icon.color-blue-2nd {
  color: #7ECBED;
}
.sz-icon.color-blue-2nd-2nd {
  color: #0098DC;
}
.sz-icon.color-blue-2nd-light {
  color: #BEE5F6;
}
.sz-icon.color-blue-2nd-thin {
  color: #DEF2FA;
}
.sz-icon.color-green {
  color: #2C9742;
}
.sz-icon.color-green-2nd {
  color: #95CBA0;
}
.sz-icon.color-green-light {
  color: #CAE5CF;
}
.sz-icon.color-green-thin {
  color: #E4F2E7;
}
.sz-icon.color-green-2nd {
  color: #95CBA0;
}
.sz-icon.color-green-2nd-2nd {
  color: #2C9742;
}
.sz-icon.color-green-2nd-light {
  color: #CAE5CF;
}
.sz-icon.color-green-2nd-thin {
  color: #E4F2E7;
}
.sz-icon.color-orange {
  color: #EB781E;
}
.sz-icon.color-orange-2nd {
  color: #F7CC77;
}
.sz-icon.color-orange-light {
  color: #FBE5BA;
}
.sz-icon.color-orange-thin {
  color: #FDF2DC;
}
.sz-icon.color-orange-2nd {
  color: #F7CC77;
}
.sz-icon.color-orange-2nd-2nd {
  color: #EB781E;
}
.sz-icon.color-orange-2nd-light {
  color: #FBE5BA;
}
.sz-icon.color-orange-2nd-thin {
  color: #FDF2DC;
}
.sz-icon.color-purple {
  color: #BF58DD;
}
.sz-icon.color-purple-2nd {
  color: #D289E7;
}
.sz-icon.color-purple-light {
  color: #E5BCF1;
}
.sz-icon.color-purple-thin {
  color: #F2DDF8;
}
.sz-icon.color-purple-2nd {
  color: #D289E7;
}
.sz-icon.color-purple-2nd-2nd {
  color: #BF58DD;
}
.sz-icon.color-purple-2nd-light {
  color: #E5BCF1;
}
.sz-icon.color-purple-2nd-thin {
  color: #F2DDF8;
}
.sz-icon.color-tiffan {
  color: #21A9C3;
}
.sz-icon.color-tiffan-2nd {
  color: #63C2D5;
}
.sz-icon.color-tiffan-light {
  color: #A6DCE7;
}
.sz-icon.color-tiffan-thin {
  color: #D2EEF3;
}
.sz-icon.color-tiffan-2nd {
  color: #63C2D5;
}
.sz-icon.color-tiffan-2nd-2nd {
  color: #21A9C3;
}
.sz-icon.color-tiffan-2nd-light {
  color: #A6DCE7;
}
.sz-icon.color-tiffan-2nd-thin {
  color: #D2EEF3;
}
.sz-icon.color-red {
  color: #F46885;
}
.sz-icon.color-red-2nd {
  color: #F9B3C2;
}
.sz-icon.color-red-light {
  color: #FCD9E0;
}
.sz-icon.color-red-thin {
  color: #FDECEF;
}
.sz-icon.color-red-2nd {
  color: #F9B3C2;
}
.sz-icon.color-red-2nd-2nd {
  color: #F46885;
}
.sz-icon.color-red-2nd-light {
  color: #FCD9E0;
}
.sz-icon.color-red-2nd-thin {
  color: #FDECEF;
}
.sz-icon.color-peach {
  color: #FF63AC;
}
.sz-icon.color-peach-2nd {
  color: #FF91C4;
}
.sz-icon.color-peach-light {
  color: #FFC0DE;
}
.sz-icon.color-peach-thin {
  color: #FFE0EE;
}
.sz-icon.color-peach-2nd {
  color: #FF91C4;
}
.sz-icon.color-peach-2nd-2nd {
  color: #FF63AC;
}
.sz-icon.color-peach-2nd-light {
  color: #FFC0DE;
}
.sz-icon.color-peach-2nd-thin {
  color: #FFE0EE;
}
.sz-icon.color-tomato {
  color: #FF6347;
}
.sz-icon.color-tomato-2nd {
  color: #FF917D;
}
.sz-icon.color-tomato-light {
  color: #FFC0B5;
}
.sz-icon.color-tomato-thin {
  color: #FFE8E3;
}
.sz-icon.color-tomato-2nd {
  color: #FF917D;
}
.sz-icon.color-tomato-2nd-2nd {
  color: #FF6347;
}
.sz-icon.color-tomato-2nd-light {
  color: #FFC0B5;
}
.sz-icon.color-tomato-2nd-thin {
  color: #FFE8E3;
}
.sz-icon.color-grape {
  color: #C044C9;
}
.sz-icon.color-grape-2nd {
  color: #D37BD9;
}
.sz-icon.color-grape-light {
  color: #E6B4E9;
}
.sz-icon.color-grape-thin {
  color: #F3D9F4;
}
.sz-icon.color-grape-2nd {
  color: #D37BD9;
}
.sz-icon.color-grape-2nd-2nd {
  color: #C044C9;
}
.sz-icon.color-grape-2nd-light {
  color: #E6B4E9;
}
.sz-icon.color-grape-2nd-thin {
  color: #F3D9F4;
}
.sz-icon.color-lemon {
  color: #4DBD7F;
}
.sz-icon.color-lemon-2nd {
  color: #82D0A5;
}
.sz-icon.color-lemon-light {
  color: #B7E5CC;
}
.sz-icon.color-lemon-thin {
  color: #DBF2E5;
}
.sz-icon.color-lemon-2nd {
  color: #82D0A5;
}
.sz-icon.color-lemon-2nd-2nd {
  color: #4DBD7F;
}
.sz-icon.color-lemon-2nd-light {
  color: #B7E5CC;
}
.sz-icon.color-lemon-2nd-thin {
  color: #DBF2E5;
}
.sz-icon.color-blueberry {
  color: #408AF1;
}
.sz-icon.color-blueberry-2nd {
  color: #79ADF5;
}
.sz-icon.color-blueberry-light {
  color: #B2D0F9;
}
.sz-icon.color-blueberry-thin {
  color: #D9E8FC;
}
.sz-icon.color-blueberry-2nd {
  color: #79ADF5;
}
.sz-icon.color-blueberry-2nd-2nd {
  color: #408AF1;
}
.sz-icon.color-blueberry-2nd-light {
  color: #B2D0F9;
}
.sz-icon.color-blueberry-2nd-thin {
  color: #D9E8FC;
}
.sz-icon.color-gray {
  color: #1F2937;
}
.sz-icon.color-gray-2nd {
  color: #6B7280;
}
.sz-icon.color-gray-light {
  color: #9CA3AF;
}
.sz-icon.color-gray-thin {
  color: #F3F4F6;
}
.sz-icon.color-gray-2nd {
  color: #6B7280;
}
.sz-icon.color-gray-2nd-2nd {
  color: #1F2937;
}
.sz-icon.color-gray-2nd-light {
  color: #9CA3AF;
}
.sz-icon.color-gray-2nd-thin {
  color: #F3F4F6;
}

.link-cont {
  display: flex;
  gap: 0.5em;
  margin: 0.5em;
}

.list-cont {
  display: flex;
  flex-flow: column wrap;
  gap: 1em 0;
  width: 100%;
  padding: 1.25em;
  border-radius: 20px;
}
.list-cont .sz-title {
  width: auto;
  margin: 0;
  font-size: 1.25em;
}
.list-cont .sz-text {
  width: auto;
  min-width: 5em;
  margin: 0;
  align-items: self-end;
}
.list-cont .sz-ul {
  margin: 0;
  padding: 0;
}
.list-cont .sz-note {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .list-cont > .fx-row {
    flex-flow: column wrap;
    row-gap: 1em;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .list-cont .form-cont {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
  .list-cont [class^=fx-col-], .list-cont [class*=" fx-col-"] {
    margin: 0.25em auto;
  }
  .list-cont .sz-text.sign-asterisk:before {
    top: 0;
    font-size: 1.25em;
  }
}

.rounded-row {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffffaa;
  width: 100%;
  padding: 0.5em 1em;
  border-radius: 2em;
}
.rounded-row .sz-btn {
  margin: 0;
}
@media screen and (max-width: 800px) {
  .rounded-row {
    border-radius: 1em;
  }
}

.row-conts {
  display: flex;
  flex-flow: column wrap;
  gap: 1.5em;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.row-conts .sz-row {
  width: 100%;
}

.questionnaire-cont {
  display: flex;
  flex-flow: column;
  gap: 1.25em;
}
.questionnaire-cont .qu-subject {
  margin-bottom: -0.75em;
  color: #000000;
  font-size: 1.125em;
  font-weight: 500;
}
.questionnaire-cont .questionnaire-list {
  display: flex;
  flex-flow: column;
  background-color: #E4F2E7;
  border-radius: 20px;
  overflow: hidden;
}
.questionnaire-cont .questionnaire-list .qu-title {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5em;
  padding: 1em;
  color: #2C9742;
  font-weight: 500;
}
.questionnaire-cont .questionnaire-list .qu-title .serial {
  white-space: nowrap;
}
.questionnaire-cont .questionnaire-list .qu-title span {
  text-align: justify;
}
.questionnaire-cont .questionnaire-list .form-cont {
  background-color: #ffffffaa;
  padding: 1em;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont {
  width: 100%;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont input {
  width: 100%;
  height: 100%;
  opacity: 1;
  border: 1px solid #21A9C3;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont input:checked {
  background-color: #21A9C3;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont input:checked ~ label {
  color: #ffffff;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont .input-label {
  padding: 0.5em 1em;
  color: #21A9C3;
  font-size: 1.125em;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont .input-label:before {
  display: none;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont:hover input {
  background-color: #D2EEF366;
  border-color: #63C2D5;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont:hover input:checked {
  background-color: #21A9C3;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont:hover input:checked ~ label {
  color: #ffffff;
}
.questionnaire-cont .questionnaire-list .form-cont .radio-cont:hover .input-label {
  color: #63C2D5;
}
.questionnaire-cont .questionnaire-list .form-cont textarea {
  min-height: 8em;
  border-color: #CAE5CF;
}
.questionnaire-cont .questionnaire-list .form-cont textarea:focus {
  border-color: #2C9742;
}

.sz-tag {
  display: inline-block;
  font-size: 1.5em;
}
.sz-tag:before {
  display: block;
}
.sz-tag-new:before {
  content: "\e906";
  color: #F46885;
  font-family: "jr_iconfont";
}
.sz-tag-new:after {
  position: absolute;
  top: 0.15em;
  left: 0.15em;
  display: block;
  content: "";
  background-color: #ffffff;
  width: 0.7em;
  height: 0.7em;
  z-index: -1;
  border-radius: 50%;
}
.sz-tag-alert:before {
  content: "\e901";
  color: #F46885;
  font-family: "jr_iconfont";
}
.sz-tag-alert:after {
  position: absolute;
  top: 0.15em;
  left: 0.15em;
  display: block;
  content: "";
  background-color: #ffffff;
  width: 0.7em;
  height: 0.7em;
  z-index: -1;
  border-radius: 50%;
}

.anchor {
  position: absolute;
  top: -6em;
}

.bread-crumb {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 14px;
}
.bread-crumb a {
  display: block;
  color: #9CA3AF;
  white-space: nowrap;
}
.bread-crumb a:after {
  content: "/";
  display: inline-block;
  margin: 0 0.5em;
  font-size: 1em;
  color: #9CA3AF;
}
.bread-crumb a:last-of-type {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bread-crumb a:last-of-type:after {
  content: none;
}
.bread-crumb a:hover {
  color: #7ECBED;
}
@media screen and (max-width: 640px) {
  .bread-crumb {
    font-size: 13px;
  }
}

.fx-column {
  display: flex;
  flex-direction: column;
}
.fx-row {
  display: flex;
  flex-wrap: nowrap;
}
.fx-col {
  flex: 0 0 0%;
}
.fx-col-1 {
  flex: 0 0 calc(8.3333333333% - 1em);
}
.fx-col-2 {
  flex: 0 0 calc(16.6666666667% - 1em);
}
.fx-col-3 {
  flex: 0 0 calc(25% - 1em);
}
.fx-col-4 {
  flex: 0 0 calc(33.3333333333% - 1em);
}
.fx-col-5 {
  flex: 0 0 calc(41.6666666667% - 1em);
}
.fx-col-6 {
  flex: 0 0 calc(50% - 1em);
}
.fx-col-7 {
  flex: 0 0 calc(58.3333333333% - 1em);
}
.fx-col-8 {
  flex: 0 0 calc(66.6666666667% - 1em);
}
.fx-col-9 {
  flex: 0 0 calc(75% - 1em);
}
.fx-col-10 {
  flex: 0 0 calc(83.3333333333% - 1em);
}
.fx-col-11 {
  flex: 0 0 calc(91.6666666667% - 1em);
}
.fx-col-12 {
  flex: 0 0 calc(100% - 1em);
}
.fx-col-1-4xl {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-1-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-4xl {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-2-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-4xl {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-3-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-4xl {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-4-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-4xl {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-5-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-4xl {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-6-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-4xl {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-7-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-4xl {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-8-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-4xl {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-9-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-4xl {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-10-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-4xl {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-11-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-4xl {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 1600px) {
  .fx-col-12-4xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-3xl {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-1-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-3xl {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-2-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-3xl {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-3-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-3xl {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-4-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-3xl {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-5-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-3xl {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-6-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-3xl {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-7-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-3xl {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-8-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-3xl {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-9-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-3xl {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-10-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-3xl {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-11-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-3xl {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 1440px) {
  .fx-col-12-3xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-2xl {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-1-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-2xl {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-2-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-2xl {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-3-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-2xl {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-4-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-2xl {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-5-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-2xl {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-6-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-2xl {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-7-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-2xl {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-8-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-2xl {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-9-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-2xl {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-10-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-2xl {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-11-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-2xl {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 1280px) {
  .fx-col-12-2xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-xl {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-1-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-xl {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-2-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-xl {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-3-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-xl {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-4-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-xl {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-5-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-xl {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-6-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-xl {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-7-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-xl {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-8-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-xl {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-9-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-xl {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-10-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-xl {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-11-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-xl {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 1024px) {
  .fx-col-12-xl {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-lg {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-1-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-lg {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-2-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-lg {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-3-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-lg {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-4-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-lg {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-5-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-lg {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-6-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-lg {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-7-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-lg {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-8-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-lg {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-9-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-lg {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-10-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-lg {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-11-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-lg {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 960px) {
  .fx-col-12-lg {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-md {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-1-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-md {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-2-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-md {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-3-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-md {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-4-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-md {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-5-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-md {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-6-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-md {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-7-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-md {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-8-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-md {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-9-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-md {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-10-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-md {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-11-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-md {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 800px) {
  .fx-col-12-md {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-sm {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-1-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-sm {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-2-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-sm {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-3-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-sm {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-4-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-sm {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-5-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-sm {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-6-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-sm {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-7-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-sm {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-8-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-sm {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-9-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-sm {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-10-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-sm {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-11-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-sm {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 640px) {
  .fx-col-12-sm {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-xs {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-1-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-xs {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-2-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-xs {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-3-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-xs {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-4-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-xs {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-5-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-xs {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-6-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-xs {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-7-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-xs {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-8-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-xs {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-9-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-xs {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-10-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-xs {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-11-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-xs {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 480px) {
  .fx-col-12-xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-1-2xs {
  flex: 0 0 calc(8.3333333333% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-1-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-2-2xs {
  flex: 0 0 calc(16.6666666667% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-2-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-3-2xs {
  flex: 0 0 calc(25% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-3-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-4-2xs {
  flex: 0 0 calc(33.3333333333% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-4-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-5-2xs {
  flex: 0 0 calc(41.6666666667% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-5-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-6-2xs {
  flex: 0 0 calc(50% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-6-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-7-2xs {
  flex: 0 0 calc(58.3333333333% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-7-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-8-2xs {
  flex: 0 0 calc(66.6666666667% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-8-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-9-2xs {
  flex: 0 0 calc(75% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-9-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-10-2xs {
  flex: 0 0 calc(83.3333333333% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-10-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-11-2xs {
  flex: 0 0 calc(91.6666666667% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-11-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-col-12-2xs {
  flex: 0 0 calc(100% - 1em);
}
@media screen and (max-width: 360px) {
  .fx-col-12-2xs {
    flex: 1 0 auto;
    width: 100%;
    margin: 0.5em auto;
  }
}
.fx-wrap {
  flex-wrap: wrap;
}
.fx-ltr {
  flex-direction: row;
}
.fx-rtl {
  flex-direction: row-reverse;
}
.fx-start {
  justify-content: start;
  align-items: start;
}
.fx-start-c-4xl {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 1600px) {
  .fx-start-c-4xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-3xl {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 1440px) {
  .fx-start-c-3xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-2xl {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 1280px) {
  .fx-start-c-2xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-xl {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 1024px) {
  .fx-start-c-xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-lg {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 960px) {
  .fx-start-c-lg {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-md {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 800px) {
  .fx-start-c-md {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-sm {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 640px) {
  .fx-start-c-sm {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-xs {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 480px) {
  .fx-start-c-xs {
    justify-content: center;
    align-items: center;
  }
}
.fx-start-c-2xs {
  justify-content: start;
  align-items: start;
}
@media screen and (max-width: 360px) {
  .fx-start-c-2xs {
    justify-content: center;
    align-items: center;
  }
}
.fx-center {
  justify-content: center;
  align-items: center;
}
.fx-end {
  justify-content: end;
  align-items: end;
}
.fx-end-c-4xl {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 1600px) {
  .fx-end-c-4xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-3xl {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 1440px) {
  .fx-end-c-3xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-2xl {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 1280px) {
  .fx-end-c-2xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-xl {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 1024px) {
  .fx-end-c-xl {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-lg {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 960px) {
  .fx-end-c-lg {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-md {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 800px) {
  .fx-end-c-md {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-sm {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 640px) {
  .fx-end-c-sm {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-xs {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 480px) {
  .fx-end-c-xs {
    justify-content: center;
    align-items: center;
  }
}
.fx-end-c-2xs {
  justify-content: end;
  align-items: end;
}
@media screen and (max-width: 360px) {
  .fx-end-c-2xs {
    justify-content: center;
    align-items: center;
  }
}
.fx-baseline {
  /* justify-content: baseline; */
  align-items: baseline;
}
.fx-between {
  justify-content: space-between;
}
.fx-between-c-4xl {
  justify-content: space-between;
}
@media screen and (max-width: 1600px) {
  .fx-between-c-4xl {
    justify-content: center;
  }
}
.fx-between-c-3xl {
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .fx-between-c-3xl {
    justify-content: center;
  }
}
.fx-between-c-2xl {
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .fx-between-c-2xl {
    justify-content: center;
  }
}
.fx-between-c-xl {
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .fx-between-c-xl {
    justify-content: center;
  }
}
.fx-between-c-lg {
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .fx-between-c-lg {
    justify-content: center;
  }
}
.fx-between-c-md {
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .fx-between-c-md {
    justify-content: center;
  }
}
.fx-between-c-sm {
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .fx-between-c-sm {
    justify-content: center;
  }
}
.fx-between-c-xs {
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .fx-between-c-xs {
    justify-content: center;
  }
}
.fx-between-c-2xs {
  justify-content: space-between;
}
@media screen and (max-width: 360px) {
  .fx-between-c-2xs {
    justify-content: center;
  }
}
.fx-stretch {
  align-items: stretch;
}
.fx-justify-start {
  justify-content: flex-start;
}
.fx-justify-start-c-4xl {
  justify-content: flex-start;
}
@media screen and (max-width: 1600px) {
  .fx-justify-start-c-4xl {
    justify-content: center;
  }
}
.fx-justify-start-c-3xl {
  justify-content: flex-start;
}
@media screen and (max-width: 1440px) {
  .fx-justify-start-c-3xl {
    justify-content: center;
  }
}
.fx-justify-start-c-2xl {
  justify-content: flex-start;
}
@media screen and (max-width: 1280px) {
  .fx-justify-start-c-2xl {
    justify-content: center;
  }
}
.fx-justify-start-c-xl {
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .fx-justify-start-c-xl {
    justify-content: center;
  }
}
.fx-justify-start-c-lg {
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  .fx-justify-start-c-lg {
    justify-content: center;
  }
}
.fx-justify-start-c-md {
  justify-content: flex-start;
}
@media screen and (max-width: 800px) {
  .fx-justify-start-c-md {
    justify-content: center;
  }
}
.fx-justify-start-c-sm {
  justify-content: flex-start;
}
@media screen and (max-width: 640px) {
  .fx-justify-start-c-sm {
    justify-content: center;
  }
}
.fx-justify-start-c-xs {
  justify-content: flex-start;
}
@media screen and (max-width: 480px) {
  .fx-justify-start-c-xs {
    justify-content: center;
  }
}
.fx-justify-start-c-2xs {
  justify-content: flex-start;
}
@media screen and (max-width: 360px) {
  .fx-justify-start-c-2xs {
    justify-content: center;
  }
}
.fx-justify-center {
  justify-content: center;
}
.fx-justify-end {
  justify-content: flex-end;
}
.fx-justify-end-c-4xl {
  justify-content: flex-end;
}
@media screen and (max-width: 1600px) {
  .fx-justify-end-c-4xl {
    justify-content: center;
  }
}
.fx-justify-end-c-3xl {
  justify-content: flex-end;
}
@media screen and (max-width: 1440px) {
  .fx-justify-end-c-3xl {
    justify-content: center;
  }
}
.fx-justify-end-c-2xl {
  justify-content: flex-end;
}
@media screen and (max-width: 1280px) {
  .fx-justify-end-c-2xl {
    justify-content: center;
  }
}
.fx-justify-end-c-xl {
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .fx-justify-end-c-xl {
    justify-content: center;
  }
}
.fx-justify-end-c-lg {
  justify-content: flex-end;
}
@media screen and (max-width: 960px) {
  .fx-justify-end-c-lg {
    justify-content: center;
  }
}
.fx-justify-end-c-md {
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .fx-justify-end-c-md {
    justify-content: center;
  }
}
.fx-justify-end-c-sm {
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .fx-justify-end-c-sm {
    justify-content: center;
  }
}
.fx-justify-end-c-xs {
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .fx-justify-end-c-xs {
    justify-content: center;
  }
}
.fx-justify-end-c-2xs {
  justify-content: flex-end;
}
@media screen and (max-width: 360px) {
  .fx-justify-end-c-2xs {
    justify-content: center;
  }
}
.fx-align-start {
  align-items: flex-start;
}
.fx-align-start-c-4xl {
  align-items: flex-start;
}
@media screen and (max-width: 1600px) {
  .fx-align-start-c-4xl {
    align-items: center;
  }
}
.fx-align-start-c-3xl {
  align-items: flex-start;
}
@media screen and (max-width: 1440px) {
  .fx-align-start-c-3xl {
    align-items: center;
  }
}
.fx-align-start-c-2xl {
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .fx-align-start-c-2xl {
    align-items: center;
  }
}
.fx-align-start-c-xl {
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .fx-align-start-c-xl {
    align-items: center;
  }
}
.fx-align-start-c-lg {
  align-items: flex-start;
}
@media screen and (max-width: 960px) {
  .fx-align-start-c-lg {
    align-items: center;
  }
}
.fx-align-start-c-md {
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .fx-align-start-c-md {
    align-items: center;
  }
}
.fx-align-start-c-sm {
  align-items: flex-start;
}
@media screen and (max-width: 640px) {
  .fx-align-start-c-sm {
    align-items: center;
  }
}
.fx-align-start-c-xs {
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .fx-align-start-c-xs {
    align-items: center;
  }
}
.fx-align-start-c-2xs {
  align-items: flex-start;
}
@media screen and (max-width: 360px) {
  .fx-align-start-c-2xs {
    align-items: center;
  }
}
.fx-align-center {
  align-items: center;
}
.fx-align-end {
  align-items: flex-end;
}
.fx-align-end-c-4xl {
  align-items: flex-end;
}
@media screen and (max-width: 1600px) {
  .fx-align-end-c-4xl {
    align-items: center;
  }
}
.fx-align-end-c-3xl {
  align-items: flex-end;
}
@media screen and (max-width: 1440px) {
  .fx-align-end-c-3xl {
    align-items: center;
  }
}
.fx-align-end-c-2xl {
  align-items: flex-end;
}
@media screen and (max-width: 1280px) {
  .fx-align-end-c-2xl {
    align-items: center;
  }
}
.fx-align-end-c-xl {
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .fx-align-end-c-xl {
    align-items: center;
  }
}
.fx-align-end-c-lg {
  align-items: flex-end;
}
@media screen and (max-width: 960px) {
  .fx-align-end-c-lg {
    align-items: center;
  }
}
.fx-align-end-c-md {
  align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .fx-align-end-c-md {
    align-items: center;
  }
}
.fx-align-end-c-sm {
  align-items: flex-end;
}
@media screen and (max-width: 640px) {
  .fx-align-end-c-sm {
    align-items: center;
  }
}
.fx-align-end-c-xs {
  align-items: flex-end;
}
@media screen and (max-width: 480px) {
  .fx-align-end-c-xs {
    align-items: center;
  }
}
.fx-align-end-c-2xs {
  align-items: flex-end;
}
@media screen and (max-width: 360px) {
  .fx-align-end-c-2xs {
    align-items: center;
  }
}
.fx-self-start {
  align-self: flex-start;
}
.fx-self-center {
  align-self: center;
}
.fx-self-end {
  align-self: flex-end;
}
.fx-gap-5xl {
  gap: 3em !important;
}
.fx-gap-x-5xl {
  column-gap: 3em !important;
}
.fx-gap-y-5xl {
  row-gap: 3em !important;
}
.fx-gap-4xl {
  gap: 2.5em !important;
}
.fx-gap-x-4xl {
  column-gap: 2.5em !important;
}
.fx-gap-y-4xl {
  row-gap: 2.5em !important;
}
.fx-gap-3xl {
  gap: 2em !important;
}
.fx-gap-x-3xl {
  column-gap: 2em !important;
}
.fx-gap-y-3xl {
  row-gap: 2em !important;
}
.fx-gap-2xl {
  gap: 1.5em !important;
}
.fx-gap-x-2xl {
  column-gap: 1.5em !important;
}
.fx-gap-y-2xl {
  row-gap: 1.5em !important;
}
.fx-gap-xl {
  gap: 1em !important;
}
.fx-gap-x-xl {
  column-gap: 1em !important;
}
.fx-gap-y-xl {
  row-gap: 1em !important;
}
.fx-gap-lg {
  gap: 0.75em !important;
}
.fx-gap-x-lg {
  column-gap: 0.75em !important;
}
.fx-gap-y-lg {
  row-gap: 0.75em !important;
}
.fx-gap-md {
  gap: 0.5em !important;
}
.fx-gap-x-md {
  column-gap: 0.5em !important;
}
.fx-gap-y-md {
  row-gap: 0.5em !important;
}
.fx-gap-sm {
  gap: 0.25em !important;
}
.fx-gap-x-sm {
  column-gap: 0.25em !important;
}
.fx-gap-y-sm {
  row-gap: 0.25em !important;
}
.fx-gap-xs {
  gap: 0.125em !important;
}
.fx-gap-x-xs {
  column-gap: 0.125em !important;
}
.fx-gap-y-xs {
  row-gap: 0.125em !important;
}
.fx-gap-0 {
  gap: 0 !important;
}

.margin-5xl {
  margin: 3em;
}
.margin-top-5xl {
  margin-top: 3em;
}
.margin-left-5xl {
  margin-left: 3em;
}
.margin-right-5xl {
  margin-right: 3em;
}
.margin-bottom-5xl {
  margin-bottom: 3em;
}
.margin-x-5xl {
  margin-left: 3em;
  margin-right: 3em;
}
.margin-y-5xl {
  margin-top: 3em;
  margin-bottom: 3em;
}
.margin-4xl {
  margin: 2.5em;
}
.margin-top-4xl {
  margin-top: 2.5em;
}
.margin-left-4xl {
  margin-left: 2.5em;
}
.margin-right-4xl {
  margin-right: 2.5em;
}
.margin-bottom-4xl {
  margin-bottom: 2.5em;
}
.margin-x-4xl {
  margin-left: 2.5em;
  margin-right: 2.5em;
}
.margin-y-4xl {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.margin-3xl {
  margin: 2em;
}
.margin-top-3xl {
  margin-top: 2em;
}
.margin-left-3xl {
  margin-left: 2em;
}
.margin-right-3xl {
  margin-right: 2em;
}
.margin-bottom-3xl {
  margin-bottom: 2em;
}
.margin-x-3xl {
  margin-left: 2em;
  margin-right: 2em;
}
.margin-y-3xl {
  margin-top: 2em;
  margin-bottom: 2em;
}
.margin-2xl {
  margin: 1.5em;
}
.margin-top-2xl {
  margin-top: 1.5em;
}
.margin-left-2xl {
  margin-left: 1.5em;
}
.margin-right-2xl {
  margin-right: 1.5em;
}
.margin-bottom-2xl {
  margin-bottom: 1.5em;
}
.margin-x-2xl {
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.margin-y-2xl {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.margin-xl {
  margin: 1rem;
}
.margin-top-xl {
  margin-top: 1rem;
}
.margin-left-xl {
  margin-left: 1rem;
}
.margin-right-xl {
  margin-right: 1rem;
}
.margin-bottom-xl {
  margin-bottom: 1rem;
}
.margin-x-xl {
  margin-left: 1rem;
  margin-right: 1rem;
}
.margin-y-xl {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.margin-lg {
  margin: 0.75em;
}
.margin-top-lg {
  margin-top: 0.75em;
}
.margin-left-lg {
  margin-left: 0.75em;
}
.margin-right-lg {
  margin-right: 0.75em;
}
.margin-bottom-lg {
  margin-bottom: 0.75em;
}
.margin-x-lg {
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.margin-y-lg {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.margin-md {
  margin: 0.5em;
}
.margin-top-md {
  margin-top: 0.5em;
}
.margin-left-md {
  margin-left: 0.5em;
}
.margin-right-md {
  margin-right: 0.5em;
}
.margin-bottom-md {
  margin-bottom: 0.5em;
}
.margin-x-md {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.margin-y-md {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.margin-sm {
  margin: 0.25em;
}
.margin-top-sm {
  margin-top: 0.25em;
}
.margin-left-sm {
  margin-left: 0.25em;
}
.margin-right-sm {
  margin-right: 0.25em;
}
.margin-bottom-sm {
  margin-bottom: 0.25em;
}
.margin-x-sm {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.margin-y-sm {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.margin-xs {
  margin: 0.125em;
}
.margin-top-xs {
  margin-top: 0.125em;
}
.margin-left-xs {
  margin-left: 0.125em;
}
.margin-right-xs {
  margin-right: 0.125em;
}
.margin-bottom-xs {
  margin-bottom: 0.125em;
}
.margin-x-xs {
  margin-left: 0.125em;
  margin-right: 0.125em;
}
.margin-y-xs {
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}
.margin-flat {
  margin: 0.25em 1em;
}
.margin-0 {
  margin: 0 !important;
}
.margin-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.padding-5xl {
  padding: 3em;
}
.padding-top-5xl {
  padding-top: 3em;
}
.padding-left-5xl {
  padding-left: 3em;
}
.padding-right-5xl {
  padding-right: 3em;
}
.padding-bottom-5xl {
  padding-bottom: 3em;
}
.padding-x-5xl {
  padding-left: 3em;
  padding-right: 3em;
}
.padding-y-5xl {
  padding-top: 3em;
  padding-bottom: 3em;
}
.padding-4xl {
  padding: 2.5em;
}
.padding-top-4xl {
  padding-top: 2.5em;
}
.padding-left-4xl {
  padding-left: 2.5em;
}
.padding-right-4xl {
  padding-right: 2.5em;
}
.padding-bottom-4xl {
  padding-bottom: 2.5em;
}
.padding-x-4xl {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.padding-y-4xl {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}
.padding-3xl {
  padding: 2em;
}
.padding-top-3xl {
  padding-top: 2em;
}
.padding-left-3xl {
  padding-left: 2em;
}
.padding-right-3xl {
  padding-right: 2em;
}
.padding-bottom-3xl {
  padding-bottom: 2em;
}
.padding-x-3xl {
  padding-left: 2em;
  padding-right: 2em;
}
.padding-y-3xl {
  padding-top: 2em;
  padding-bottom: 2em;
}
.padding-2xl {
  padding: 1.5em;
}
.padding-top-2xl {
  padding-top: 1.5em;
}
.padding-left-2xl {
  padding-left: 1.5em;
}
.padding-right-2xl {
  padding-right: 1.5em;
}
.padding-bottom-2xl {
  padding-bottom: 1.5em;
}
.padding-x-2xl {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.padding-y-2xl {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.padding-xl {
  padding: 1em;
}
.padding-top-xl {
  padding-top: 1em;
}
.padding-left-xl {
  padding-left: 1em;
}
.padding-right-xl {
  padding-right: 1em;
}
.padding-bottom-xl {
  padding-bottom: 1em;
}
.padding-x-xl {
  padding-left: 1em;
  padding-right: 1em;
}
.padding-y-xl {
  padding-top: 1em;
  padding-bottom: 1em;
}
.padding-lg {
  padding: 0.75em;
}
.padding-top-lg {
  padding-top: 0.75em;
}
.padding-left-lg {
  padding-left: 0.75em;
}
.padding-right-lg {
  padding-right: 0.75em;
}
.padding-bottom-lg {
  padding-bottom: 0.75em;
}
.padding-x-lg {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.padding-y-lg {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.padding-md {
  padding: 0.5em;
}
.padding-top-md {
  padding-top: 0.5em;
}
.padding-left-md {
  padding-left: 0.5em;
}
.padding-right-md {
  padding-right: 0.5em;
}
.padding-bottom-md {
  padding-bottom: 0.5em;
}
.padding-x-md {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.padding-y-md {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.padding-sm {
  padding: 0.25em;
}
.padding-top-sm {
  padding-top: 0.25em;
}
.padding-left-sm {
  padding-left: 0.25em;
}
.padding-right-sm {
  padding-right: 0.25em;
}
.padding-bottom-sm {
  padding-bottom: 0.25em;
}
.padding-x-sm {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.padding-y-sm {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.padding-xs {
  padding: 0.125em;
}
.padding-top-xs {
  padding-top: 0.125em;
}
.padding-left-xs {
  padding-left: 0.125em;
}
.padding-right-xs {
  padding-right: 0.125em;
}
.padding-bottom-xs {
  padding-bottom: 0.125em;
}
.padding-x-xs {
  padding-left: 0.125em;
  padding-right: 0.125em;
}
.padding-y-xs {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}
.padding-flat {
  padding: 0.625em 1em;
}

.page-caption {
  padding: 4em 0;
}
.page-caption:before, .page-caption:after {
  position: absolute;
  display: block;
  content: "";
  font-family: "jr_iconfont";
  color: #ffffff;
  font-size: 5em;
}
.page-caption:before {
  top: 0.25em;
  left: 0.25em;
  content: "\e90d";
}
.page-caption:after {
  right: 0.25em;
  bottom: 0.25em;
  content: "\e90e";
}
.page-caption .page-title {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
  justify-content: center;
  align-items: center;
}
.page-caption .page-title .sz-title, .page-caption .page-title .sz-subject, .page-caption .page-title .sz-text {
  margin: 0;
}
.page-caption .page-title .sz-title {
  font-size: 2.5em;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .page-caption:before, .page-caption:after {
    font-size: 3em;
  }
}
@media screen and (max-width: 960px) {
  .page-caption .sz-title {
    font-size: 2em;
  }
  .page-caption .sz-subject {
    font-size: 1.25em;
  }
}

.sz-title {
  margin: 0.5em;
  color: #0098DC;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25;
  text-align: justify;
}

.sz-subject {
  margin: 0.5em;
  color: #0098DC;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.25;
  text-align: justify;
}
.sz-subject.hue {
  color: #0098DC;
}
.sz-subject :is(p, span) {
  text-align: justify;
}
.sz-subject span {
  display: inline-block;
}

.sz-text {
  margin: 0.5em;
  color: #1F2937;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.25;
  text-align: justify;
}
.sz-text.hue {
  color: #0098DC;
}
.sz-text span {
  display: inline-block;
}

.sz-text span + span {
  padding-left: 10px;
}

@media screen and (max-width: 1024px) { 
  .sz-text span {
    padding-left: 0px;
  }
}

.sz-text-img {
  display: inline-block;
  width: auto !important;
  height: 1em;
  margin: 0 0.25em;
  vertical-align: baseline;
}

.sz-note {
  margin: 0.5em;
  padding: 0 0 0 0.8em;
  font-size: 0.9em;
}
.sz-note:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "*";
  font-size: 1.25em;
}

.sub-note {
  display: inline-block;
  color: #0098DC;
  font-size: 15px;
  font-weight: 500;
}

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

.text-right {
  text-align: right;
}
.text-right-c-4xl {
  text-align: right;
}
@media screen and (max-width: 1600px) {
  .text-right-c-4xl {
    text-align: center;
  }
}
.text-right-c-3xl {
  text-align: right;
}
@media screen and (max-width: 1440px) {
  .text-right-c-3xl {
    text-align: center;
  }
}
.text-right-c-2xl {
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .text-right-c-2xl {
    text-align: center;
  }
}
.text-right-c-xl {
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .text-right-c-xl {
    text-align: center;
  }
}
.text-right-c-lg {
  text-align: right;
}
@media screen and (max-width: 960px) {
  .text-right-c-lg {
    text-align: center;
  }
}
.text-right-c-md {
  text-align: right;
}
@media screen and (max-width: 800px) {
  .text-right-c-md {
    text-align: center;
  }
}
.text-right-c-sm {
  text-align: right;
}
@media screen and (max-width: 640px) {
  .text-right-c-sm {
    text-align: center;
  }
}
.text-right-c-xs {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .text-right-c-xs {
    text-align: center;
  }
}
.text-right-c-2xs {
  text-align: right;
}
@media screen and (max-width: 360px) {
  .text-right-c-2xs {
    text-align: center;
  }
}

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

.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-700 {
  font-weight: 700;
}

.sign-asterisk:before {
  position: absolute;
  top: -0.25em;
  left: -0.75em;
  display: block;
  content: "*";
  color: #F46885;
  font-size: 1em;
}

.mark, [class^=mark-], [class*=" mark-"] {
  background-color: #0098DC;
  margin: 0 0.25em;
  padding: 0 1em;
  color: #ffffff;
  border-radius: 2em;
}
.mark:not([class^=fs-]):not([class*=" fs-"]), [class^=mark-]:not([class^=fs-]):not([class*=" fs-"]), [class*=" mark-"]:not([class^=fs-]):not([class*=" fs-"]) {
  font-size: 1em;
}

.tag, [class^=tag-], [class*=" tag-"] {
  display: inline-flex;
  background-color: #DEF2FA;
  padding: 0.25em 1em;
  color: #1F2937;
  border-radius: 0.5em;
}
.tag:not([class^=fs-]):not([class*=" fs-"]), [class^=tag-]:not([class^=fs-]):not([class*=" fs-"]), [class*=" tag-"]:not([class^=fs-]):not([class*=" fs-"]) {
  font-size: 1em;
}

.mark-blue {
  background-color: #0098DC;
  color: #ffffff;
}
.mark-blue-2nd {
  background-color: #7ECBED;
  color: #ffffff;
}
.mark-blue-light {
  background-color: #BEE5F6;
  color: #0098DC;
}
.mark-blue-thin {
  background-color: #DEF2FA;
  color: #0098DC;
}

.tag-blue {
  background-color: #DEF2FA;
}

.color-blue {
  color: #0098DC;
}
.color-blue-2nd {
  color: #7ECBED;
}
.color-blue-light {
  color: #BEE5F6;
}
.color-blue-thin {
  color: #DEF2FA;
}

.mark-blue-2nd {
  background-color: #7ECBED;
  color: #ffffff;
}
.mark-blue-2nd-2nd {
  background-color: #0098DC;
  color: #ffffff;
}
.mark-blue-2nd-light {
  background-color: #BEE5F6;
  color: #7ECBED;
}
.mark-blue-2nd-thin {
  background-color: #DEF2FA;
  color: #7ECBED;
}

.tag-blue-2nd {
  background-color: #DEF2FA;
}

.color-blue-2nd {
  color: #7ECBED;
}
.color-blue-2nd-2nd {
  color: #0098DC;
}
.color-blue-2nd-light {
  color: #BEE5F6;
}
.color-blue-2nd-thin {
  color: #DEF2FA;
}

.mark-green {
  background-color: #2C9742;
  color: #ffffff;
}
.mark-green-2nd {
  background-color: #95CBA0;
  color: #ffffff;
}
.mark-green-light {
  background-color: #CAE5CF;
  color: #2C9742;
}
.mark-green-thin {
  background-color: #E4F2E7;
  color: #2C9742;
}

.tag-green {
  background-color: #E4F2E7;
}

.color-green {
  color: #2C9742;
}
.color-green-2nd {
  color: #95CBA0;
}
.color-green-light {
  color: #CAE5CF;
}
.color-green-thin {
  color: #E4F2E7;
}

.mark-green-2nd {
  background-color: #95CBA0;
  color: #ffffff;
}
.mark-green-2nd-2nd {
  background-color: #2C9742;
  color: #ffffff;
}
.mark-green-2nd-light {
  background-color: #CAE5CF;
  color: #95CBA0;
}
.mark-green-2nd-thin {
  background-color: #E4F2E7;
  color: #95CBA0;
}

.tag-green-2nd {
  background-color: #E4F2E7;
}

.color-green-2nd {
  color: #95CBA0;
}
.color-green-2nd-2nd {
  color: #2C9742;
}
.color-green-2nd-light {
  color: #CAE5CF;
}
.color-green-2nd-thin {
  color: #E4F2E7;
}

.mark-orange {
  background-color: #EB781E;
  color: #ffffff;
}
.mark-orange-2nd {
  background-color: #F7CC77;
  color: #ffffff;
}
.mark-orange-light {
  background-color: #FBE5BA;
  color: #EB781E;
}
.mark-orange-thin {
  background-color: #FDF2DC;
  color: #EB781E;
}

.tag-orange {
  background-color: #FDF2DC;
}

.color-orange {
  color: #EB781E;
}
.color-orange-2nd {
  color: #F7CC77;
}
.color-orange-light {
  color: #FBE5BA;
}
.color-orange-thin {
  color: #FDF2DC;
}

.mark-orange-2nd {
  background-color: #F7CC77;
  color: #ffffff;
}
.mark-orange-2nd-2nd {
  background-color: #EB781E;
  color: #ffffff;
}
.mark-orange-2nd-light {
  background-color: #FBE5BA;
  color: #F7CC77;
}
.mark-orange-2nd-thin {
  background-color: #FDF2DC;
  color: #F7CC77;
}

.tag-orange-2nd {
  background-color: #FDF2DC;
}

.color-orange-2nd {
  color: #F7CC77;
}
.color-orange-2nd-2nd {
  color: #EB781E;
}
.color-orange-2nd-light {
  color: #FBE5BA;
}
.color-orange-2nd-thin {
  color: #FDF2DC;
}

.mark-purple {
  background-color: #BF58DD;
  color: #ffffff;
}
.mark-purple-2nd {
  background-color: #D289E7;
  color: #ffffff;
}
.mark-purple-light {
  background-color: #E5BCF1;
  color: #BF58DD;
}
.mark-purple-thin {
  background-color: #F2DDF8;
  color: #BF58DD;
}

.tag-purple {
  background-color: #F2DDF8;
}

.color-purple {
  color: #BF58DD;
}
.color-purple-2nd {
  color: #D289E7;
}
.color-purple-light {
  color: #E5BCF1;
}
.color-purple-thin {
  color: #F2DDF8;
}

.mark-purple-2nd {
  background-color: #D289E7;
  color: #ffffff;
}
.mark-purple-2nd-2nd {
  background-color: #BF58DD;
  color: #ffffff;
}
.mark-purple-2nd-light {
  background-color: #E5BCF1;
  color: #D289E7;
}
.mark-purple-2nd-thin {
  background-color: #F2DDF8;
  color: #D289E7;
}

.tag-purple-2nd {
  background-color: #F2DDF8;
}

.color-purple-2nd {
  color: #D289E7;
}
.color-purple-2nd-2nd {
  color: #BF58DD;
}
.color-purple-2nd-light {
  color: #E5BCF1;
}
.color-purple-2nd-thin {
  color: #F2DDF8;
}

.mark-tiffan {
  background-color: #21A9C3;
  color: #ffffff;
}
.mark-tiffan-2nd {
  background-color: #63C2D5;
  color: #ffffff;
}
.mark-tiffan-light {
  background-color: #A6DCE7;
  color: #21A9C3;
}
.mark-tiffan-thin {
  background-color: #D2EEF3;
  color: #21A9C3;
}

.tag-tiffan {
  background-color: #D2EEF3;
}

.color-tiffan {
  color: #21A9C3;
}
.color-tiffan-2nd {
  color: #63C2D5;
}
.color-tiffan-light {
  color: #A6DCE7;
}
.color-tiffan-thin {
  color: #D2EEF3;
}

.mark-tiffan-2nd {
  background-color: #63C2D5;
  color: #ffffff;
}
.mark-tiffan-2nd-2nd {
  background-color: #21A9C3;
  color: #ffffff;
}
.mark-tiffan-2nd-light {
  background-color: #A6DCE7;
  color: #63C2D5;
}
.mark-tiffan-2nd-thin {
  background-color: #D2EEF3;
  color: #63C2D5;
}

.tag-tiffan-2nd {
  background-color: #D2EEF3;
}

.color-tiffan-2nd {
  color: #63C2D5;
}
.color-tiffan-2nd-2nd {
  color: #21A9C3;
}
.color-tiffan-2nd-light {
  color: #A6DCE7;
}
.color-tiffan-2nd-thin {
  color: #D2EEF3;
}

.mark-red {
  background-color: #F46885;
  color: #ffffff;
}
.mark-red-2nd {
  background-color: #F9B3C2;
  color: #ffffff;
}
.mark-red-light {
  background-color: #FCD9E0;
  color: #F46885;
}
.mark-red-thin {
  background-color: #FDECEF;
  color: #F46885;
}

.tag-red {
  background-color: #FDECEF;
}

.color-red {
  color: #F46885;
}
.color-red-2nd {
  color: #F9B3C2;
}
.color-red-light {
  color: #FCD9E0;
}
.color-red-thin {
  color: #FDECEF;
}

.mark-red-2nd {
  background-color: #F9B3C2;
  color: #ffffff;
}
.mark-red-2nd-2nd {
  background-color: #F46885;
  color: #ffffff;
}
.mark-red-2nd-light {
  background-color: #FCD9E0;
  color: #F9B3C2;
}
.mark-red-2nd-thin {
  background-color: #FDECEF;
  color: #F9B3C2;
}

.tag-red-2nd {
  background-color: #FDECEF;
}

.color-red-2nd {
  color: #F9B3C2;
}
.color-red-2nd-2nd {
  color: #F46885;
}
.color-red-2nd-light {
  color: #FCD9E0;
}
.color-red-2nd-thin {
  color: #FDECEF;
}

.mark-peach {
  background-color: #FF63AC;
  color: #ffffff;
}
.mark-peach-2nd {
  background-color: #FF91C4;
  color: #ffffff;
}
.mark-peach-light {
  background-color: #FFC0DE;
  color: #FF63AC;
}
.mark-peach-thin {
  background-color: #FFE0EE;
  color: #FF63AC;
}

.tag-peach {
  background-color: #FFE0EE;
}

.color-peach {
  color: #FF63AC;
}
.color-peach-2nd {
  color: #FF91C4;
}
.color-peach-light {
  color: #FFC0DE;
}
.color-peach-thin {
  color: #FFE0EE;
}

.mark-peach-2nd {
  background-color: #FF91C4;
  color: #ffffff;
}
.mark-peach-2nd-2nd {
  background-color: #FF63AC;
  color: #ffffff;
}
.mark-peach-2nd-light {
  background-color: #FFC0DE;
  color: #FF91C4;
}
.mark-peach-2nd-thin {
  background-color: #FFE0EE;
  color: #FF91C4;
}

.tag-peach-2nd {
  background-color: #FFE0EE;
}

.color-peach-2nd {
  color: #FF91C4;
}
.color-peach-2nd-2nd {
  color: #FF63AC;
}
.color-peach-2nd-light {
  color: #FFC0DE;
}
.color-peach-2nd-thin {
  color: #FFE0EE;
}

.mark-tomato {
  background-color: #FF6347;
  color: #ffffff;
}
.mark-tomato-2nd {
  background-color: #FF917D;
  color: #ffffff;
}
.mark-tomato-light {
  background-color: #FFC0B5;
  color: #FF6347;
}
.mark-tomato-thin {
  background-color: #FFE8E3;
  color: #FF6347;
}

.tag-tomato {
  background-color: #FFE8E3;
}

.color-tomato {
  color: #FF6347;
}
.color-tomato-2nd {
  color: #FF917D;
}
.color-tomato-light {
  color: #FFC0B5;
}
.color-tomato-thin {
  color: #FFE8E3;
}

.mark-tomato-2nd {
  background-color: #FF917D;
  color: #ffffff;
}
.mark-tomato-2nd-2nd {
  background-color: #FF6347;
  color: #ffffff;
}
.mark-tomato-2nd-light {
  background-color: #FFC0B5;
  color: #FF917D;
}
.mark-tomato-2nd-thin {
  background-color: #FFE8E3;
  color: #FF917D;
}

.tag-tomato-2nd {
  background-color: #FFE8E3;
}

.color-tomato-2nd {
  color: #FF917D;
}
.color-tomato-2nd-2nd {
  color: #FF6347;
}
.color-tomato-2nd-light {
  color: #FFC0B5;
}
.color-tomato-2nd-thin {
  color: #FFE8E3;
}

.mark-grape {
  background-color: #C044C9;
  color: #ffffff;
}
.mark-grape-2nd {
  background-color: #D37BD9;
  color: #ffffff;
}
.mark-grape-light {
  background-color: #E6B4E9;
  color: #C044C9;
}
.mark-grape-thin {
  background-color: #F3D9F4;
  color: #C044C9;
}

.tag-grape {
  background-color: #F3D9F4;
}

.color-grape {
  color: #C044C9;
}
.color-grape-2nd {
  color: #D37BD9;
}
.color-grape-light {
  color: #E6B4E9;
}
.color-grape-thin {
  color: #F3D9F4;
}

.mark-grape-2nd {
  background-color: #D37BD9;
  color: #ffffff;
}
.mark-grape-2nd-2nd {
  background-color: #C044C9;
  color: #ffffff;
}
.mark-grape-2nd-light {
  background-color: #E6B4E9;
  color: #D37BD9;
}
.mark-grape-2nd-thin {
  background-color: #F3D9F4;
  color: #D37BD9;
}

.tag-grape-2nd {
  background-color: #F3D9F4;
}

.color-grape-2nd {
  color: #D37BD9;
}
.color-grape-2nd-2nd {
  color: #C044C9;
}
.color-grape-2nd-light {
  color: #E6B4E9;
}
.color-grape-2nd-thin {
  color: #F3D9F4;
}

.mark-lemon {
  background-color: #4DBD7F;
  color: #ffffff;
}
.mark-lemon-2nd {
  background-color: #82D0A5;
  color: #ffffff;
}
.mark-lemon-light {
  background-color: #B7E5CC;
  color: #4DBD7F;
}
.mark-lemon-thin {
  background-color: #DBF2E5;
  color: #4DBD7F;
}

.tag-lemon {
  background-color: #DBF2E5;
}

.color-lemon {
  color: #4DBD7F;
}
.color-lemon-2nd {
  color: #82D0A5;
}
.color-lemon-light {
  color: #B7E5CC;
}
.color-lemon-thin {
  color: #DBF2E5;
}

.mark-lemon-2nd {
  background-color: #82D0A5;
  color: #ffffff;
}
.mark-lemon-2nd-2nd {
  background-color: #4DBD7F;
  color: #ffffff;
}
.mark-lemon-2nd-light {
  background-color: #B7E5CC;
  color: #82D0A5;
}
.mark-lemon-2nd-thin {
  background-color: #DBF2E5;
  color: #82D0A5;
}

.tag-lemon-2nd {
  background-color: #DBF2E5;
}

.color-lemon-2nd {
  color: #82D0A5;
}
.color-lemon-2nd-2nd {
  color: #4DBD7F;
}
.color-lemon-2nd-light {
  color: #B7E5CC;
}
.color-lemon-2nd-thin {
  color: #DBF2E5;
}

.mark-blueberry {
  background-color: #408AF1;
  color: #ffffff;
}
.mark-blueberry-2nd {
  background-color: #79ADF5;
  color: #ffffff;
}
.mark-blueberry-light {
  background-color: #B2D0F9;
  color: #408AF1;
}
.mark-blueberry-thin {
  background-color: #D9E8FC;
  color: #408AF1;
}

.tag-blueberry {
  background-color: #D9E8FC;
}

.color-blueberry {
  color: #408AF1;
}
.color-blueberry-2nd {
  color: #79ADF5;
}
.color-blueberry-light {
  color: #B2D0F9;
}
.color-blueberry-thin {
  color: #D9E8FC;
}

.mark-blueberry-2nd {
  background-color: #79ADF5;
  color: #ffffff;
}
.mark-blueberry-2nd-2nd {
  background-color: #408AF1;
  color: #ffffff;
}
.mark-blueberry-2nd-light {
  background-color: #B2D0F9;
  color: #79ADF5;
}
.mark-blueberry-2nd-thin {
  background-color: #D9E8FC;
  color: #79ADF5;
}

.tag-blueberry-2nd {
  background-color: #D9E8FC;
}

.color-blueberry-2nd {
  color: #79ADF5;
}
.color-blueberry-2nd-2nd {
  color: #408AF1;
}
.color-blueberry-2nd-light {
  color: #B2D0F9;
}
.color-blueberry-2nd-thin {
  color: #D9E8FC;
}

.mark-gray {
  background-color: #1F2937;
  color: #ffffff;
}
.mark-gray-2nd {
  background-color: #6B7280;
  color: #ffffff;
}
.mark-gray-light {
  background-color: #9CA3AF;
  color: #1F2937;
}
.mark-gray-thin {
  background-color: #F3F4F6;
  color: #1F2937;
}

.tag-gray {
  background-color: #F3F4F6;
}

.color-gray {
  color: #1F2937;
}
.color-gray-2nd {
  color: #6B7280;
}
.color-gray-light {
  color: #9CA3AF;
}
.color-gray-thin {
  color: #F3F4F6;
}

.mark-gray-2nd {
  background-color: #6B7280;
  color: #ffffff;
}
.mark-gray-2nd-2nd {
  background-color: #1F2937;
  color: #ffffff;
}
.mark-gray-2nd-light {
  background-color: #9CA3AF;
  color: #6B7280;
}
.mark-gray-2nd-thin {
  background-color: #F3F4F6;
  color: #6B7280;
}

.tag-gray-2nd {
  background-color: #F3F4F6;
}

.color-gray-2nd {
  color: #6B7280;
}
.color-gray-2nd-2nd {
  color: #1F2937;
}
.color-gray-2nd-light {
  color: #9CA3AF;
}
.color-gray-2nd-thin {
  color: #F3F4F6;
}

.color-white {
  color: #ffffff;
}

.color-gray {
  color: #1F2937;
}

.color-black {
  color: #000000;
}

.fs-3xl {
  font-size: 42px;
}
@media screen and (max-width: 1280px) {
  .fs-3xl {
    font-size: 36px;
  }
}
@media screen and (max-width: 640px) {
  .fs-3xl {
    font-size: 30.002px;
  }
}

.fs-2xl {
  font-size: 32px;
}
@media screen and (max-width: 1280px) {
  .fs-2xl {
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  .fs-2xl {
    font-size: 24.92px;
  }
}

.fs-xl {
  font-size: 24px;
}
@media screen and (max-width: 1280px) {
  .fs-xl {
    font-size: 21px;
  }
}
@media screen and (max-width: 640px) {
  .fs-xl {
    font-size: 21px;
  }
}

.fs-lg {
  font-size: 20px;
}
@media screen and (max-width: 1280px) {
  .fs-lg {
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  .fs-lg {
    font-size: 17.5px;
  }
}

.fs-md {
  font-size: 16px;
}
@media screen and (max-width: 1280px) {
  .fs-md {
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  .fs-md {
    font-size: 14px;
  }
}

.fs-sm {
  font-size: 14px;
}
@media screen and (max-width: 1280px) {
  .fs-sm {
    font-size: 13.05px;
  }
}
@media screen and (max-width: 640px) {
  .fs-sm {
    font-size: 12.6px;
  }
}

.fs-xs {
  font-size: 12px;
}
@media screen and (max-width: 1280px) {
  .fs-xs {
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
  .fs-xs {
    font-size: 11.2px;
  }
}

.w-full {
  width: 100% !important;
}

.max-w-1em {
  max-width: 1em;
}

.min-w-1em {
  min-width: 1em;
}

.max-w-2em {
  max-width: 2em;
}

.min-w-2em {
  min-width: 2em;
}

.max-w-3em {
  max-width: 3em;
}

.min-w-3em {
  min-width: 3em;
}

.max-w-4em {
  max-width: 4em;
}

.min-w-4em {
  min-width: 4em;
}

.max-w-5em {
  max-width: 5em;
}

.min-w-5em {
  min-width: 5em;
}

.max-w-6em {
  max-width: 6em;
}

.min-w-6em {
  min-width: 6em;
}

.max-w-7em {
  max-width: 7em;
}

.min-w-7em {
  min-width: 7em;
}

.max-w-8em {
  max-width: 8em;
}

.min-w-8em {
  min-width: 8em;
}

.max-w-9em {
  max-width: 9em;
}

.min-w-9em {
  min-width: 9em;
}

.max-w-10em {
  max-width: 10em;
}

.min-w-10em {
  min-width: 10em;
}

.max-w-11em {
  max-width: 11em;
}

.min-w-11em {
  min-width: 11em;
}

.max-w-12em {
  max-width: 12em;
}

.min-w-12em {
  min-width: 12em;
}

.max-w-13em {
  max-width: 13em;
}

.min-w-13em {
  min-width: 13em;
}

.max-w-14em {
  max-width: 14em;
}

.min-w-14em {
  min-width: 14em;
}

.max-w-15em {
  max-width: 15em;
}

.min-w-15em {
  min-width: 15em;
}

.max-w-16em {
  max-width: 16em;
}

.min-w-16em {
  min-width: 16em;
}

.max-w-17em {
  max-width: 17em;
}

.min-w-17em {
  min-width: 17em;
}

.max-w-18em {
  max-width: 18em;
}

.min-w-18em {
  min-width: 18em;
}

.max-w-19em {
  max-width: 19em;
}

.min-w-19em {
  min-width: 19em;
}

.max-w-20em {
  max-width: 20em;
}

.min-w-20em {
  min-width: 20em;
}

.w-4xl {
  width: 1600px;
}
@media screen and (max-width: 1600px) {
  .w-4xl {
    width: calc(100vw - 4em);
  }
}

.max-w-4xl {
  max-width: 1600px;
}
@media screen and (max-width: 1600px) {
  .max-w-4xl {
    width: 100%;
    max-width: unset;
  }
}

.w-3xl {
  width: 1440px;
}
@media screen and (max-width: 1440px) {
  .w-3xl {
    width: calc(100vw - 4em);
  }
}

.max-w-3xl {
  max-width: 1440px;
}
@media screen and (max-width: 1440px) {
  .max-w-3xl {
    width: 100%;
    max-width: unset;
  }
}

.w-2xl {
  width: 1280px;
}
@media screen and (max-width: 1280px) {
  .w-2xl {
    width: calc(100vw - 4em);
  }
}

.max-w-2xl {
  max-width: 1280px;
}
@media screen and (max-width: 1280px) {
  .max-w-2xl {
    width: 100%;
    max-width: unset;
  }
}

.w-xl {
  width: 1024px;
}
@media screen and (max-width: 1024px) {
  .w-xl {
    width: calc(100vw - 4em);
  }
}

.max-w-xl {
  max-width: 1024px;
}
@media screen and (max-width: 1024px) {
  .max-w-xl {
    width: 100%;
    max-width: unset;
  }
}

.w-lg {
  width: 960px;
}
@media screen and (max-width: 960px) {
  .w-lg {
    width: calc(100vw - 4em);
  }
}

.max-w-lg {
  max-width: 960px;
}
@media screen and (max-width: 960px) {
  .max-w-lg {
    width: 100%;
    max-width: unset;
  }
}

.w-md {
  width: 800px;
}
@media screen and (max-width: 800px) {
  .w-md {
    width: calc(100vw - 4em);
  }
}

.max-w-md {
  max-width: 800px;
}
@media screen and (max-width: 800px) {
  .max-w-md {
    width: 100%;
    max-width: unset;
  }
}

.w-sm {
  width: 640px;
}
@media screen and (max-width: 640px) {
  .w-sm {
    width: calc(100vw - 4em);
  }
}

.max-w-sm {
  max-width: 640px;
}
@media screen and (max-width: 640px) {
  .max-w-sm {
    width: 100%;
    max-width: unset;
  }
}

.w-xs {
  width: 480px;
}
@media screen and (max-width: 480px) {
  .w-xs {
    width: calc(100vw - 4em);
  }
}

.max-w-xs {
  max-width: 480px;
}
@media screen and (max-width: 480px) {
  .max-w-xs {
    width: 100%;
    max-width: unset;
  }
}

.w-2xs {
  width: 360px;
}
@media screen and (max-width: 360px) {
  .w-2xs {
    width: calc(100vw - 4em);
  }
}

.max-w-2xs {
  max-width: 360px;
}
@media screen and (max-width: 360px) {
  .max-w-2xs {
    width: 100%;
    max-width: unset;
  }
}

.ratio-3\/2 {
  aspect-ratio: 3/2 !important;
}
.ratio-6\/4 {
  aspect-ratio: 6/4 !important;
}
.ratio-16\/9 {
  aspect-ratio: 16/9 !important;
}

/* sticky */
.sticky {
  position: sticky;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 500;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 500;
}

/* background-color */
.bg-blue {
  background-color: #0098DC;
}
.bg-blue-blur {
  background-color: #0098DCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-2nd {
  background-color: #7ECBED;
}
.bg-blue-2nd-blur {
  background-color: #7ECBEDcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-light {
  background-color: #BEE5F6;
}
.bg-blue-light-blur {
  background-color: #BEE5F6cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-thin {
  background-color: #DEF2FA;
}
.bg-blue-thin-blur {
  background-color: #DEF2FAcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-2nd {
  background-color: #7ECBED;
}
.bg-blue-2nd-blur {
  background-color: #7ECBEDcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-2nd-2nd {
  background-color: #0098DC;
}
.bg-blue-2nd-2nd-blur {
  background-color: #0098DCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-2nd-light {
  background-color: #BEE5F6;
}
.bg-blue-2nd-light-blur {
  background-color: #BEE5F6cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blue-2nd-thin {
  background-color: #DEF2FA;
}
.bg-blue-2nd-thin-blur {
  background-color: #DEF2FAcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green {
  background-color: #2C9742;
}
.bg-green-blur {
  background-color: #2C9742cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-2nd {
  background-color: #95CBA0;
}
.bg-green-2nd-blur {
  background-color: #95CBA0cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-light {
  background-color: #CAE5CF;
}
.bg-green-light-blur {
  background-color: #CAE5CFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-thin {
  background-color: #E4F2E7;
}
.bg-green-thin-blur {
  background-color: #E4F2E7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-2nd {
  background-color: #95CBA0;
}
.bg-green-2nd-blur {
  background-color: #95CBA0cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-2nd-2nd {
  background-color: #2C9742;
}
.bg-green-2nd-2nd-blur {
  background-color: #2C9742cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-2nd-light {
  background-color: #CAE5CF;
}
.bg-green-2nd-light-blur {
  background-color: #CAE5CFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-green-2nd-thin {
  background-color: #E4F2E7;
}
.bg-green-2nd-thin-blur {
  background-color: #E4F2E7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange {
  background-color: #EB781E;
}
.bg-orange-blur {
  background-color: #EB781Ecc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-2nd {
  background-color: #F7CC77;
}
.bg-orange-2nd-blur {
  background-color: #F7CC77cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-light {
  background-color: #FBE5BA;
}
.bg-orange-light-blur {
  background-color: #FBE5BAcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-thin {
  background-color: #FDF2DC;
}
.bg-orange-thin-blur {
  background-color: #FDF2DCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-2nd {
  background-color: #F7CC77;
}
.bg-orange-2nd-blur {
  background-color: #F7CC77cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-2nd-2nd {
  background-color: #EB781E;
}
.bg-orange-2nd-2nd-blur {
  background-color: #EB781Ecc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-2nd-light {
  background-color: #FBE5BA;
}
.bg-orange-2nd-light-blur {
  background-color: #FBE5BAcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-orange-2nd-thin {
  background-color: #FDF2DC;
}
.bg-orange-2nd-thin-blur {
  background-color: #FDF2DCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple {
  background-color: #BF58DD;
}
.bg-purple-blur {
  background-color: #BF58DDcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-2nd {
  background-color: #D289E7;
}
.bg-purple-2nd-blur {
  background-color: #D289E7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-light {
  background-color: #E5BCF1;
}
.bg-purple-light-blur {
  background-color: #E5BCF1cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-thin {
  background-color: #F2DDF8;
}
.bg-purple-thin-blur {
  background-color: #F2DDF8cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-2nd {
  background-color: #D289E7;
}
.bg-purple-2nd-blur {
  background-color: #D289E7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-2nd-2nd {
  background-color: #BF58DD;
}
.bg-purple-2nd-2nd-blur {
  background-color: #BF58DDcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-2nd-light {
  background-color: #E5BCF1;
}
.bg-purple-2nd-light-blur {
  background-color: #E5BCF1cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-purple-2nd-thin {
  background-color: #F2DDF8;
}
.bg-purple-2nd-thin-blur {
  background-color: #F2DDF8cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan {
  background-color: #21A9C3;
}
.bg-tiffan-blur {
  background-color: #21A9C3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-2nd {
  background-color: #63C2D5;
}
.bg-tiffan-2nd-blur {
  background-color: #63C2D5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-light {
  background-color: #A6DCE7;
}
.bg-tiffan-light-blur {
  background-color: #A6DCE7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-thin {
  background-color: #D2EEF3;
}
.bg-tiffan-thin-blur {
  background-color: #D2EEF3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-2nd {
  background-color: #63C2D5;
}
.bg-tiffan-2nd-blur {
  background-color: #63C2D5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-2nd-2nd {
  background-color: #21A9C3;
}
.bg-tiffan-2nd-2nd-blur {
  background-color: #21A9C3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-2nd-light {
  background-color: #A6DCE7;
}
.bg-tiffan-2nd-light-blur {
  background-color: #A6DCE7cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tiffan-2nd-thin {
  background-color: #D2EEF3;
}
.bg-tiffan-2nd-thin-blur {
  background-color: #D2EEF3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red {
  background-color: #F46885;
}
.bg-red-blur {
  background-color: #F46885cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-2nd {
  background-color: #F9B3C2;
}
.bg-red-2nd-blur {
  background-color: #F9B3C2cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-light {
  background-color: #FCD9E0;
}
.bg-red-light-blur {
  background-color: #FCD9E0cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-thin {
  background-color: #FDECEF;
}
.bg-red-thin-blur {
  background-color: #FDECEFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-2nd {
  background-color: #F9B3C2;
}
.bg-red-2nd-blur {
  background-color: #F9B3C2cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-2nd-2nd {
  background-color: #F46885;
}
.bg-red-2nd-2nd-blur {
  background-color: #F46885cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-2nd-light {
  background-color: #FCD9E0;
}
.bg-red-2nd-light-blur {
  background-color: #FCD9E0cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-red-2nd-thin {
  background-color: #FDECEF;
}
.bg-red-2nd-thin-blur {
  background-color: #FDECEFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach {
  background-color: #FF63AC;
}
.bg-peach-blur {
  background-color: #FF63ACcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-2nd {
  background-color: #FF91C4;
}
.bg-peach-2nd-blur {
  background-color: #FF91C4cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-light {
  background-color: #FFC0DE;
}
.bg-peach-light-blur {
  background-color: #FFC0DEcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-thin {
  background-color: #FFE0EE;
}
.bg-peach-thin-blur {
  background-color: #FFE0EEcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-2nd {
  background-color: #FF91C4;
}
.bg-peach-2nd-blur {
  background-color: #FF91C4cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-2nd-2nd {
  background-color: #FF63AC;
}
.bg-peach-2nd-2nd-blur {
  background-color: #FF63ACcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-2nd-light {
  background-color: #FFC0DE;
}
.bg-peach-2nd-light-blur {
  background-color: #FFC0DEcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-peach-2nd-thin {
  background-color: #FFE0EE;
}
.bg-peach-2nd-thin-blur {
  background-color: #FFE0EEcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato {
  background-color: #FF6347;
}
.bg-tomato-blur {
  background-color: #FF6347cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-2nd {
  background-color: #FF917D;
}
.bg-tomato-2nd-blur {
  background-color: #FF917Dcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-light {
  background-color: #FFC0B5;
}
.bg-tomato-light-blur {
  background-color: #FFC0B5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-thin {
  background-color: #FFE8E3;
}
.bg-tomato-thin-blur {
  background-color: #FFE8E3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-2nd {
  background-color: #FF917D;
}
.bg-tomato-2nd-blur {
  background-color: #FF917Dcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-2nd-2nd {
  background-color: #FF6347;
}
.bg-tomato-2nd-2nd-blur {
  background-color: #FF6347cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-2nd-light {
  background-color: #FFC0B5;
}
.bg-tomato-2nd-light-blur {
  background-color: #FFC0B5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-tomato-2nd-thin {
  background-color: #FFE8E3;
}
.bg-tomato-2nd-thin-blur {
  background-color: #FFE8E3cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape {
  background-color: #C044C9;
}
.bg-grape-blur {
  background-color: #C044C9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-2nd {
  background-color: #D37BD9;
}
.bg-grape-2nd-blur {
  background-color: #D37BD9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-light {
  background-color: #E6B4E9;
}
.bg-grape-light-blur {
  background-color: #E6B4E9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-thin {
  background-color: #F3D9F4;
}
.bg-grape-thin-blur {
  background-color: #F3D9F4cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-2nd {
  background-color: #D37BD9;
}
.bg-grape-2nd-blur {
  background-color: #D37BD9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-2nd-2nd {
  background-color: #C044C9;
}
.bg-grape-2nd-2nd-blur {
  background-color: #C044C9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-2nd-light {
  background-color: #E6B4E9;
}
.bg-grape-2nd-light-blur {
  background-color: #E6B4E9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-grape-2nd-thin {
  background-color: #F3D9F4;
}
.bg-grape-2nd-thin-blur {
  background-color: #F3D9F4cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon {
  background-color: #4DBD7F;
}
.bg-lemon-blur {
  background-color: #4DBD7Fcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-2nd {
  background-color: #82D0A5;
}
.bg-lemon-2nd-blur {
  background-color: #82D0A5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-light {
  background-color: #B7E5CC;
}
.bg-lemon-light-blur {
  background-color: #B7E5CCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-thin {
  background-color: #DBF2E5;
}
.bg-lemon-thin-blur {
  background-color: #DBF2E5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-2nd {
  background-color: #82D0A5;
}
.bg-lemon-2nd-blur {
  background-color: #82D0A5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-2nd-2nd {
  background-color: #4DBD7F;
}
.bg-lemon-2nd-2nd-blur {
  background-color: #4DBD7Fcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-2nd-light {
  background-color: #B7E5CC;
}
.bg-lemon-2nd-light-blur {
  background-color: #B7E5CCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-lemon-2nd-thin {
  background-color: #DBF2E5;
}
.bg-lemon-2nd-thin-blur {
  background-color: #DBF2E5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry {
  background-color: #408AF1;
}
.bg-blueberry-blur {
  background-color: #408AF1cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-2nd {
  background-color: #79ADF5;
}
.bg-blueberry-2nd-blur {
  background-color: #79ADF5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-light {
  background-color: #B2D0F9;
}
.bg-blueberry-light-blur {
  background-color: #B2D0F9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-thin {
  background-color: #D9E8FC;
}
.bg-blueberry-thin-blur {
  background-color: #D9E8FCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-2nd {
  background-color: #79ADF5;
}
.bg-blueberry-2nd-blur {
  background-color: #79ADF5cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-2nd-2nd {
  background-color: #408AF1;
}
.bg-blueberry-2nd-2nd-blur {
  background-color: #408AF1cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-2nd-light {
  background-color: #B2D0F9;
}
.bg-blueberry-2nd-light-blur {
  background-color: #B2D0F9cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-blueberry-2nd-thin {
  background-color: #D9E8FC;
}
.bg-blueberry-2nd-thin-blur {
  background-color: #D9E8FCcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray {
  background-color: #1F2937;
}
.bg-gray-blur {
  background-color: #1F2937cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-2nd {
  background-color: #6B7280;
}
.bg-gray-2nd-blur {
  background-color: #6B7280cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-light {
  background-color: #9CA3AF;
}
.bg-gray-light-blur {
  background-color: #9CA3AFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-thin {
  background-color: #F3F4F6;
}
.bg-gray-thin-blur {
  background-color: #F3F4F6cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-2nd {
  background-color: #6B7280;
}
.bg-gray-2nd-blur {
  background-color: #6B7280cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-2nd-2nd {
  background-color: #1F2937;
}
.bg-gray-2nd-2nd-blur {
  background-color: #1F2937cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-2nd-light {
  background-color: #9CA3AF;
}
.bg-gray-2nd-light-blur {
  background-color: #9CA3AFcc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-gray-2nd-thin {
  background-color: #F3F4F6;
}
.bg-gray-2nd-thin-blur {
  background-color: #F3F4F6cc;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-shape:before, .bg-shape:after {
  position: absolute;
  display: block;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  width: 24vw;
  max-width: 460px;
  height: 22vw;
  max-height: 420px;
  z-index: -1;
}
.bg-shape:before {
  top: 0;
  left: 0;
  background-image: url(../images/bg_shape_blue.svg);
}
.bg-shape:after {
  right: 0;
  bottom: 0;
  background-image: url(../images/bg_shape_green.svg);
}

.bg-white {
  background-color: #ffffff;
}
.bg-white-thin {
  background-color: #ffffffcc;
}

.bg-white-blur {
  background-color: #ffffff99;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bg-black {
  background-color: #000000;
}
.bg-black-thin {
  background-color: #000000cc;
}

.bg-black-blur {
  background-color: #00000099;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* box */
.shadow {
  box-shadow: 0 4px 8px #00000022;
}
.shadow-light {
  box-shadow: 0 2px 4px #00000011;
}

.radius-xl {
  border-radius: 36px;
}

.radius-lg {
  border-radius: 24px;
}

.radius-md {
  border-radius: 20px;
}

.radius-sm {
  border-radius: 12px;
}

.radius-xs {
  border-radius: 8px;
}

[class^=border-], [class*=" border-"] {
  border: solid #BEE5F6;
}

.border-line {
  border-width: 1px;
}
.border-top {
  border-width: 1px 0 0 0;
}
.border-left {
  border-width: 0 0 0 1px;
}
.border-right {
  border-width: 0 1px 0 0;
}
.border-bottom {
  border-width: 0 0 1px;
}
.border-x {
  border-width: 0 1px;
}
.border-y {
  border-width: 1px 0;
}

/* member-area */
.jr-wrapper {
  font-size: 16px;
}
@media screen and (max-width: 1280px) {
  .jr-wrapper {
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  .jr-wrapper {
    font-size: 14px;
  }
}
@media screen and (max-width: 360px) {
  .jr-wrapper {
    font-size: 12px;
  }
}
.jr-wrapper .anchor {
  display: none;
}
.jr-wrapper .main-cont {
  gap: 0.75em;
  width: calc(100% - 4vw);
  margin: 2em auto;
}
@media screen and (max-width: 1024px) {
  .jr-wrapper .main-cont {
    width: 100vw;
    margin: 0;
  }
}
.jr-wrapper .main-cont .nav-box, .jr-wrapper .main-cont .aside-main {
  margin: 0;
  border-radius: 20px;
  box-shadow: 0 4px 8px #00000022;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .jr-wrapper .main-cont .nav-box, .jr-wrapper .main-cont .aside-main {
    border-radius: unset;
    box-shadow: none;
  }
}
.jr-wrapper .main-cont .nav-box {
  position: sticky;
  top: 6em;
}
@media screen and (max-width: 1280px) {
  .jr-wrapper .main-cont .nav-box {
    top: 5.5em;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .jr-wrapper .main-cont .nav-box {
    display: none;
  }
}
.jr-wrapper .main-cont .nav-box > .nav-li {
  padding: 0.5em 2em;
}
.jr-wrapper .main-cont .nav-box > .nav-li:not(.avatar):not(.shortcut-li) {
  background-color: #ffffffcc;
}
.jr-wrapper .main-cont .nav-box .nav-li {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.jr-wrapper .main-cont .nav-box .nav-li.avatar {
  margin: 0.25em 0 0;
  padding-bottom: 0;
}
.jr-wrapper .main-cont .nav-box .nav-li.avatar .icon-user {
  font-size: 4em;
}
.jr-wrapper .main-cont .nav-box .nav-li.shortcut-li {
  margin: 0 0 0.25em;
  padding-top: 0;
}
.jr-wrapper .main-cont .nav-box .nav-li.shortcut-li .sz-info {
  text-align: center;
}
.jr-wrapper .main-cont .nav-box .nav-li.shortcut-li .sz-info span {
  display: block;
}
.jr-wrapper .main-cont .nav-box .nav-li.shortcut-li .sub-menu {
  display: none;
}
.jr-wrapper .main-cont .nav-box .nav-li.logout-li {
  display: none;
}
.jr-wrapper .main-cont .nav-box .nav-li .li-title {
  color: #0098DC;
  font-size: 0.875em;
  border-bottom: 1px solid #0098DC;
}
.jr-wrapper .main-cont .nav-box .nav-li .li-item {
  width: 100%;
  min-width: 10em;
  margin: 0 0 0.25em;
  padding: 0.25em 0.5em;
  text-align: center;
}
.jr-wrapper .main-cont .nav-box .nav-li .sub-menu .li-item {
  color: #1F2937;
  border-radius: 4em;
}
.jr-wrapper .main-cont .nav-box .nav-li .sub-menu .li-item:hover {
  background-color: #BEE5F6;
  color: #0098DC;
}
.jr-wrapper .main-cont .nav-box .nav-li .sub-menu .li-item.active {
  background-color: #0098DC;
  color: #ffffff;
}
.jr-wrapper .main-cont .aside-main .section {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3.5em 1.5em;
}
@media screen and (max-width: 1024px) {
  .jr-wrapper .main-cont .aside-main .section {
    padding: 1.5em 0.75em;
  }
}
.jr-wrapper .main-cont .aside-main .section:nth-child(even) {
  background-color: #ffffffcc;
}
.jr-wrapper .main-cont .aside-main .section.sz-title {
  margin: 0;
  padding: 0.5em;
  font-size: 2.25em;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .main-cont .aside-main .section.course .tab-cont, .jr-wrapper .main-cont .aside-main .section.course .course-rule {
    max-width: 480px;
    margin: auto;
  }
}
.jr-wrapper .main-cont .aside-main .section.status .digit-box {
  margin: 1em 0;
}
@media screen and (max-width: 640px) {
  .jr-wrapper .main-cont .aside-main .section.status .digit-box {
    max-width: calc(480px + 1em);
    margin: 1em auto;
  }
}
.jr-wrapper .main-cont .aside-main .section.status .digit-box .sz-btn {
  display: flex;
  flex-flow: row wrap;
  gap: unset;
  justify-content: center;
  align-items: center;
  flex: 1 0 calc(25% - 1em);
}
@media screen and (max-width: 640px) {
  .jr-wrapper .main-cont .aside-main .section.status .digit-box .sz-btn {
    flex: 1 0 calc(50% - 0.5em);
    margin: 0.25em;
  }
}
.jr-wrapper .main-cont .aside-main .section.status .digit-box .sz-btn span {
  display: inline-block;
}
.jr-wrapper .main-cont .aside-main .section.banner {
  flex-flow: row wrap;
  padding: 1.5em;
}
.jr-wrapper .main-cont .aside-main .section.banner .sz-card {
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .main-cont .aside-main .section.banner .sz-card {
    max-width: 480px;
  }
}
.jr-wrapper .main-cont .aside-main .section.banner .sz-card .card-img {
  aspect-ratio: 1920/650;
}
@media screen and (max-width: 640px) {
  .jr-wrapper .main-cont .aside-main .section .tab-cont {
    max-width: 480px;
    margin: auto;
  }
}
.jr-wrapper .main-cont .aside-main .nothing-box {
  background-color: #ffffffcc;
  background-color: #DEF2FA;
  margin: 0.5em;
  padding: 1.5em 2em;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 2px 4px #00000011;
  cursor: default;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .main-cont .aside-main .nothing-box {
    width: 100%;
    max-width: 480px;
    margin: 0.5em auto;
  }
}
.jr-wrapper .main-cont .aside-main .nothing-box:before {
  display: inline-block;
  content: "\e919";
  color: #21A9C3;
  font-size: 1.5em;
  font-family: "jr_iconfont";
}
.jr-wrapper .main-cont .aside-main .nothing-box .sz-text {
  color: #21A9C3;
  font-size: 1.5em;
}
.jr-wrapper .avatar .icon-user {
  margin: 0;
  color: #ffffff99;
  border-radius: 50%;
  overflow: hidden;
}
.jr-wrapper .title-tri-dots {
  padding-left: 2em !important;
  padding-right: 2em !important;
}
.jr-wrapper .title-tri-dots:before, .jr-wrapper .title-tri-dots:after {
  position: absolute;
  display: block;
  font-size: 1em;
  font-family: "jr_iconfont";
}
.jr-wrapper .title-tri-dots:before {
  top: 0.5em;
  left: 0.5em;
  content: "\e90d";
  color: #7ECBED;
}
.jr-wrapper .title-tri-dots:after {
  right: 0.5em;
  bottom: 0.5em;
  content: "\e90e";
  color: #95CBA0;
}
.jr-wrapper .section.learnstates .table-cont {
  margin: 0 0 -1em;
}
.jr-wrapper .section.learnstates .tab-conts {
  margin: 1em 0 1.5em;
}
.jr-wrapper .section.learnstates .tab-conts .tab-cont {
  gap: 1.5em;
}
.jr-wrapper .section.learnstates .search-cont .list-cont .sz-text {
  min-width: 3em;
}
.jr-wrapper .section.learnstates .table-cont .sz-table .tb-tr .tb-cell[data-value=精熟] {
  color: #2C9742;
}
.jr-wrapper .section.learnstates .table-cont .sz-table .tb-tr .tb-cell[data-value=再努力] {
  color: #F46885;
}
.jr-wrapper .section.learnstates .table-cont .sz-table .tb-tr .tb-cell[data-value=未測驗] {
  color: #9CA3AF;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-th[data-title=教材單元] {
    width: 50%;
  }
  .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=日期], .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=年級] {
    border-top: none;
  }
  .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=日期], .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=年級], .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=科目], .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=學習時長] {
    order: 1;
    min-width: 50%;
  }
  .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=教材單元], .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=累積進度] {
    order: 2;
    width: 100%;
  }
  .jr-wrapper .section.learnstates .learn-week-box .table-cont .sz-table .tb-tr .tb-cell[data-title=累積進度] {
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title="年/月份"], .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=年級] {
    order: 1;
    min-width: 50%;
    border-top: none;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=科目], .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=學習時長] {
    order: 2;
    min-width: 50%;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=教材單元] {
    order: 3;
    width: 100%;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=精熟度] {
    position: absolute;
    top: 0;
    right: 1.5em;
    flex: 0 0 auto;
    justify-content: center;
    width: auto;
    min-width: 5.5em;
    margin: 0;
    padding: 0.25em;
    color: #ffffff;
    font-size: 1em;
    font-weight: 700;
    border-radius: 0 0 0.75em 0.75em;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-title=精熟度]:before {
    content: none;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-value=精熟] {
    background-color: #CAE5CF;
    color: #2C9742;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-value=再努力] {
    background-color: #FCD9E0;
    color: #F46885;
  }
  .jr-wrapper .section.learnstates .learn-month-box .table-cont .sz-table .tb-tr .tb-cell[data-value=未測驗] {
    background-color: #9CA3AF;
  }
}
.jr-wrapper .section.schedule .day .course-time {
  width: 100%;
}
.jr-wrapper .section.schedule .day .sz-state {
  min-width: unset;
}
.jr-wrapper .section.schedule .day .sz-state.follow:hover {
  background-color: #0098DC;
  color: #ffffff;
}
.jr-wrapper .section.schedule .day .sz-state.learned:hover {
  background-color: #9CA3AF;
  color: #ffffff;
}
.jr-wrapper .section.schedule .day .sz-state.absent:hover {
  background-color: #F46885;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.schedule .day .course-time .sz-state span:nth-of-type(2) {
    display: none;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell:is([data-title=狀態], [data-title=課程功能]):before {
    content: none;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=時間] {
    order: 1;
    width: 100%;
    border-top: none;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=堂次], .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=科目] {
    order: 2;
    min-width: 50%;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=教材單元] {
    order: 3;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=授課老師] {
    order: 4;
    width: 100%;
  }
  .jr-wrapper .section.schedule .table-cont .sz-table .tb-tr .tb-cell[data-title=課程功能] {
    justify-content: center;
    width: 100%;
    font-size: 1.25em;
    border: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 640px) {
  .jr-wrapper .section.schedule .calendar-cont.no-course:before {
    height: calc(100% - 7.5em);
  }
  .jr-wrapper .section.schedule .calendar-cont .cal-header {
    justify-content: space-between;
  }
  .jr-wrapper .section.schedule .calendar-cont .cal-header .sz-btn {
    min-width: unset;
    margin: 0;
    padding: 0.25em;
    font-size: 1em;
  }
  .jr-wrapper .section.schedule .calendar-cont .cal-header .sz-btn span {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .jr-wrapper .section.schedule .calendar-cont {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=序號] {
    display: none;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=年級] {
    order: 1;
    min-width: 50%;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程名稱] {
    order: 2;
    width: 100%;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程日期], .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程時間] {
    order: 3;
    width: 50%;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程日期] span, .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程時間] span {
    display: inline-block;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=授課老師] {
    order: 4;
    width: 100%;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位] {
    order: 5;
    justify-content: center;
    width: 100%;
    font-size: 1.25em;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位]:before {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .jr-wrapper .section.reserve .form-cont:has(input[type=date]) {
    align-items: center;
  }
  .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程日期], .jr-wrapper .section.reserve .table-cont .sz-table .tb-tr .tb-cell[data-title=課程時間] {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .jr-wrapper .section.reserve .form-cont:has(input[type=date]) {
    justify-content: center;
  }
}
.jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-th[data-title=學習資源], .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-th[data-title=回饋] {
  width: 7.5em;
}
.jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=學習資源] .sz-btn, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=回饋] .sz-btn {
  margin: 0 0.5em 0.25em;
}
.jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=學習資源] .sz-btn:last-of-type, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=回饋] .sz-btn:last-of-type {
  margin: 0 0.5em;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.filereport .form-cont:has(input[type=date]) {
    align-items: center;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=時間] {
    order: 1;
    width: 100%;
    border-top: none;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=科目] {
    order: 2;
    width: 100%;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=教材單元] {
    order: 3;
    width: 100%;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=授課老師] {
    order: 4;
    width: 100%;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=學習資源], .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=影片], .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=回饋] {
    flex: 0 0 auto;
    display: inline-flex;
    min-width: unset;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=學習資源]:before, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=影片]:before, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=回饋]:before {
    content: none;
  }
  .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=學習資源] .sz-btn, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=影片] .sz-btn, .jr-wrapper .section.filereport .table-cont .sz-table .tb-tr .tb-cell[data-title=回饋] .sz-btn {
    min-width: 7.25em;
    margin: 0 0.25em !important;
  }
}
@media screen and (max-width: 480px) {
  .jr-wrapper .section.filereport .form-cont:has(input[type=date]) {
    justify-content: center;
  }
}
.jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-th[data-title=點數上課方式], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式] {
  max-width: 32%;
  padding-left: 2em;
  text-align: left;
}
.jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-th[data-title=目前剩餘點數], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=目前剩餘點數] {
  max-width: 24%;
  text-align: right;
}
.jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式]:has(.icon-transfer) {
  padding-top: 0.25em;
  padding-left: 3em;
}
.jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式]:has(.icon-transfer) ~ .tb-cell {
  padding-top: 0.25em;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.pointchange .row-conts {
    max-width: 640px;
    margin: auto;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=目前剩餘點數], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=有效期限], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=點數上課方式], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=目前剩餘點數], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=有效期限] {
    justify-content: space-between;
    width: 100%;
    max-width: unset;
    padding: 0.25em 0.5em;
    border-width: 0;
    box-shadow: none;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=點數上課方式] {
    flex-flow: row wrap;
    justify-content: flex-start;
    padding-bottom: 0.5em;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式] .sz-icon, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=點數上課方式] .sz-icon {
    margin-right: 0.25em;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式] .sz-text, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=點數上課方式] .sz-text {
    display: block;
    width: 100%;
    padding-left: 1.5em;
    font-weight: 700;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=點數上課方式]:before, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=點數上課方式]:before {
    content: none;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=兌換], .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=兌換] {
    justify-content: flex-end;
    width: 100%;
    max-width: unset;
    border-width: 0;
    box-shadow: none;
    padding: 0.75em 0.5em 0.5em;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=兌換]:before, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=兌換]:before {
    content: none;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr .tb-cell[data-title=兌換] .sz-btn, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=兌換] .sz-btn {
    margin: 0;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr:last-of-type .tb-cell, .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group:last-of-type .tb-cell {
    border-width: 0;
    box-shadow: none;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-tr:first-of-type {
    background-color: transparent;
  }
  .jr-wrapper .section.pointchange .table-cont .sz-table .tb-tr.tr-group .tb-cell[data-title=有效期限] {
    border-width: 1px;
    box-shadow: 0 1px 0 0 #ffffff;
  }
}
.jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-value=續訂] {
  color: #2C9742;
}
.jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-value=取消] {
  color: #F46885;
}
.jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-value=到期] {
  color: #9CA3AF;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.subscribe .tab-conts {
    max-width: 640px;
    margin: auto;
  }
  .jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-title=到期日], .jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-title=訂閱狀態] {
    width: 100%;
  }
  .jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-title=續訂設定] {
    justify-content: center;
    width: 100%;
    font-size: 1.25em;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.subscribe .table-cont .sz-table .tb-tr .tb-cell[data-title=續訂設定]::before {
    content: none;
  }
}
.jr-wrapper .section.scholarship.usually-bonus .step-cont .step-list:nth-of-type(2) .sz-text, .jr-wrapper .section.scholarship.exam-bonus .step-cont .step-list:nth-of-type(2) .sz-text {
  min-width: 6em;
}
.jr-wrapper .section.onlinequest .consult-cont .list-cont .form-cont {
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=發問日期], .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=問題], .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=回覆時間], .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=回覆內容] {
    width: 100%;
  }
  .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=科目], .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=發問位置] {
    width: 50%;
  }
  .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=回覆內容] {
    justify-content: center;
    width: 100%;
    font-size: 1.25em;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section.onlinequest .table-cont .sz-table .tb-tr .tb-cell[data-title=回覆內容]::before {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .jr-wrapper .section.onlinequest .consult-cont .list-cont .form-cont {
    justify-content: flex-start;
  }
}
.jr-wrapper .section .sz-state {
  min-width: 5em;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell .sz-text {
    text-align: left;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell .sz-text span {
    display: inline-block;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell:is([data-title=狀態], [data-title=課程功能]):before {
    content: none;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] {
    position: absolute;
    top: 0;
    right: 1.5em;
    justify-content: flex-end;
    width: auto;
    min-width: unset;
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 700;
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] .sz-state {
    background-color: #BEE5F6;
    min-width: 5.5em;
    color: #0098DC;
    border: none;
    border-radius: 0 0 0.75em 0.75em;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] .sz-state.fllow, .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] .sz-state.replied {
    background-color: #BEE5F6;
    color: #0098DC;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] .sz-state.learned {
    background-color: #9CA3AF;
    color: #ffffff;
  }
  .jr-wrapper .section .table-cont .sz-table .tb-tr .tb-cell[data-title=狀態] .sz-state.absent {
    background-color: #FCD9E0;
    color: #F46885;
  }
}
.jr-wrapper .dialog .sticky-cont > .fx-row .sz-title {
  white-space: nowrap;
}
.jr-wrapper .dialog .sticky-cont .booking-detail .item {
  flex: 0 0 10em;
  padding: 0.5em;
}
@media screen and (max-width: 640px) {
  .jr-wrapper .dialog .sticky-cont .booking-detail .item {
    flex: 1 1 calc(33.3333333333% - 0.25em);
    padding: 0.25em 0.5em;
  }
  .jr-wrapper .dialog .sticky-cont .booking-detail .item span:nth-of-type(1) {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .jr-wrapper .dialog .sticky-cont .booking-detail .item span:nth-of-type(1) {
    font-size: 0.75em;
  }
}
.jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位框] {
  text-align: left;
}
.jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-value=否] {
  color: #F46885;
}
@media screen and (max-width: 800px) {
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位框] {
    position: absolute;
    top: 0;
    right: 0.25em;
    min-width: unset;
    border: none;
    box-shadow: none;
    z-index: 10;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位框] .multi-checkbox-cont {
    background-color: #ffffffaa;
    border-radius: 2em;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位框]:before {
    content: none;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=課程日期], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=堂次], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=課程名稱] {
    width: 100%;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=課程日期] {
    order: 1;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=堂次] {
    order: 2;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=授課老師], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=是否上過] {
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=方式], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=可用點數], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位點數], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=剩餘點數] {
    width: 100%;
    justify-content: space-between;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=可用點數], .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=剩餘點數] {
    border: none;
    box-shadow: none;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=可用點數] span, .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=剩餘點數] span {
    min-width: 4em;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr:has(.tb-cell[data-title=劃位框]) {
    padding: 2.5em 0.75em 0;
  }
  .jr-wrapper .dialog .table-cont .sz-table .tb-tr .tb-cell[data-title=劃位框] {
    top: -0.25em;
  }
}/*# sourceMappingURL=jr_style.css.map */