@charset "UTF-8";
a {
  outline: none;
  cursor: pointer;
  color: #0d5dd2;
  text-decoration: none;
}

a:link,
a:visited {
  color: #0d5dd2;
  text-decoration: none;
}

a:hover {
  color: #0d5dd2;
  text-decoration: underline;
  outline: none;
}

a:active {
  outline: none;
}

a.hover {
  text-decoration: none;
}

a.hover:hover {
  text-decoration: none;
  opacity: 0.7;
}

a img:hover {
  opacity: 0.7;
}

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

*,
:before,
:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 15px;
}

@media (min-width: 0) and (max-width: 350px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 351px) and (max-width: 450px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 351px) and (max-width: 450px) and (min-width: 350px) {
  html {
    font-size: -webkit-calc(12px + 2 * (100vw - 350px) / 100);
    font-size: -moz-calc(12px + 2 * (100vw - 350px) / 100);
    font-size: calc(12px + 2 * (100vw - 350px) / 100);
  }
}
@media (min-width: 351px) and (max-width: 450px) and (min-width: 450px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 451px) and (max-width: 700px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 451px) and (max-width: 700px) and (min-width: 450px) {
  html {
    font-size: -webkit-calc(13px + 1 * (100vw - 450px) / 250);
    font-size: -moz-calc(13px + 1 * (100vw - 450px) / 250);
    font-size: calc(13px + 1 * (100vw - 450px) / 250);
  }
}
@media (min-width: 451px) and (max-width: 700px) and (min-width: 700px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 701px) and (max-width: 920px) and (min-width: 700px) {
  html {
    font-size: -webkit-calc(14px + 2 * (100vw - 700px) / 220);
    font-size: -moz-calc(14px + 2 * (100vw - 700px) / 220);
    font-size: calc(14px + 2 * (100vw - 700px) / 220);
  }
}
@media (min-width: 701px) and (max-width: 920px) and (min-width: 920px) {
  html {
    font-size: 16px;
  }
}
body {
  font-family: SF Text, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans JP, Noto Sans CJK JP, Yu Gothic Bold, Yu Gothic, Meiryo, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: #333;
  background-color: #edf0f5;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "liga" 1;
  -moz-font-feature-settings: "liga" 1;
       font-feature-settings: "liga" 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

ol,
ul {
  list-style: none;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

input,
select,
textarea,
button {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -1px;
}

template {
  display: none;
}

main {
  display: block;
}

[hidden] {
  display: none !important;
}

.body-xsmall {
  font-size: 0.75rem;
}

.body-small {
  font-size: 0.865rem;
}

.body-text-short {
  font-size: 0.95rem;
}

.body-text {
  font-size: 1rem;
}

.body-medium {
  font-size: 1.142rem;
}

.body-large {
  font-size: 1.35rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.2;
}

h1,
.h1,
.heading-1 {
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.2;
}

h2,
.h2,
.heading-2 {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
}

h3,
.h3,
.heading-3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4,
.h4,
.heading-4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

h5,
.h5,
.heading-5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

h6,
.h6,
.heading-6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

small,
.small {
  font-size: 80%;
}

b,
strong,
.bold {
  font-weight: 700;
}

#main {
  padding-top: 55px;
  background-color: #eff1e4;
}

.l-container {
  position: relative;
  width: 100%;
}

.l-container:not(.is-fullwidth) {
  padding-left: 10rem;
  padding-right: 10rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .l-container:not(.is-fullwidth) {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .l-container:not(.is-fullwidth) {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.c-star {
  color: #ddd;
}

.c-star.is-filled {
  color: #ef530c;
}

.c-star.is-half {
  color: #5b9125;
}

.c-star .p-svgicon_iconStarHalf {
  fill: #ef530c;
}

.c-star[data-style=yellow].is-filled {
  color: #ffea00;
}

.c-star[data-style=yellow].is-half {
  color: #5b9125;
}

.c-star[data-style=yellow] .p-svgicon_iconStarHalf {
  fill: #ffea00;
}

.u-bg-white {
  background-color: #fff !important;
}

.u-bg-body-bg {
  background-color: #edf0f5 !important;
}

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

.u-bg-primary {
  background-color: #0c5ed4 !important;
}

.u-bg-primary-icon {
  background-color: #96b3de !important;
}

.u-bg-secondary {
  background-color: #75a0e6 !important;
}

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

.u-bg-medium-gray {
  background-color: #999 !important;
}

.u-bg-gray {
  background-color: #777 !important;
}

.u-bg-dark-gray {
  background-color: #555 !important;
}

.u-bg-black {
  background-color: #333 !important;
}

.u-bg-accent {
  background-color: #ef530c !important;
}

.u-bg-success {
  background-color: #00ba72 !important;
}

.u-bg-info {
  background-color: #fffac4 !important;
}

.u-bg-warning {
  background-color: #ffc107 !important;
}

.u-bg-danger {
  background-color: #dc3545 !important;
}

.u-bg-beginner-primary {
  background-color: #5fa133 !important;
}

.u-bg-red {
  background-color: #ef3b23 !important;
}

.u-bg-orange {
  background-color: #ffae00 !important;
}

.u-bg-light-blue {
  background-color: #2e97ef !important;
}

.u-bg-transparent {
  background-color: transparent !important;
}

.u-display-none {
  display: none !important;
}

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

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

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

.u-display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-display-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

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

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

.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 0) and (max-width: 350px) {
  .u-display-xs-none {
    display: none !important;
  }
  .u-display-xs-inline {
    display: inline !important;
  }
  .u-display-xs-inline-block {
    display: inline-block !important;
  }
  .u-display-xs-block {
    display: block !important;
  }
  .u-display-xs-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-xs-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 351px) and (max-width: 450px) {
  .u-display-s-none {
    display: none !important;
  }
  .u-display-s-inline {
    display: inline !important;
  }
  .u-display-s-inline-block {
    display: inline-block !important;
  }
  .u-display-s-block {
    display: block !important;
  }
  .u-display-s-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-s-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 451px) and (max-width: 700px) {
  .u-display-xt-none {
    display: none !important;
  }
  .u-display-xt-inline {
    display: inline !important;
  }
  .u-display-xt-inline-block {
    display: inline-block !important;
  }
  .u-display-xt-block {
    display: block !important;
  }
  .u-display-xt-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-xt-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .u-display-qs-none {
    display: none !important;
  }
  .u-display-qs-inline {
    display: inline !important;
  }
  .u-display-qs-inline-block {
    display: inline-block !important;
  }
  .u-display-qs-block {
    display: block !important;
  }
  .u-display-qs-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-qs-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-display-t-none {
    display: none !important;
  }
  .u-display-t-inline {
    display: inline !important;
  }
  .u-display-t-inline-block {
    display: inline-block !important;
  }
  .u-display-t-block {
    display: block !important;
  }
  .u-display-t-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-t-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-display-qt-none {
    display: none !important;
  }
  .u-display-qt-inline {
    display: inline !important;
  }
  .u-display-qt-inline-block {
    display: inline-block !important;
  }
  .u-display-qt-block {
    display: block !important;
  }
  .u-display-qt-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-qt-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 921px) and (max-width: 1100px) {
  .u-display-m-none {
    display: none !important;
  }
  .u-display-m-inline {
    display: inline !important;
  }
  .u-display-m-inline-block {
    display: inline-block !important;
  }
  .u-display-m-block {
    display: block !important;
  }
  .u-display-m-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-m-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1101px) and (max-width: 1580px) {
  .u-display-l-none {
    display: none !important;
  }
  .u-display-l-inline {
    display: inline !important;
  }
  .u-display-l-inline-block {
    display: inline-block !important;
  }
  .u-display-l-block {
    display: block !important;
  }
  .u-display-l-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-display-l-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.u-marker {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 250, 196, 0)), color-stop(61%, #fffac4), to(#fffac4));
  background-image: -webkit-linear-gradient(rgba(255, 250, 196, 0) 60%, #fffac4 61%, #fffac4);
  background-image: -moz-linear-gradient(rgba(255, 250, 196, 0) 60%, #fffac4 61%, #fffac4);
  background-image: -o-linear-gradient(rgba(255, 250, 196, 0) 60%, #fffac4 61%, #fffac4);
  background-image: linear-gradient(rgba(255, 250, 196, 0) 60%, #fffac4 61%, #fffac4);
}

.u-marker--darker {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 231, 71, 0)), color-stop(61%, #ffe747), to(#ffe747));
  background-image: -webkit-linear-gradient(rgba(255, 231, 71, 0) 60%, #ffe747 61%, #ffe747);
  background-image: -moz-linear-gradient(rgba(255, 231, 71, 0) 60%, #ffe747 61%, #ffe747);
  background-image: -o-linear-gradient(rgba(255, 231, 71, 0) 60%, #ffe747 61%, #ffe747);
  background-image: linear-gradient(rgba(255, 231, 71, 0) 60%, #ffe747 61%, #ffe747);
}

.u-impact-first-number {
  display: inline-block;
  font-size: 125%;
  line-height: 1;
}

.u-impact-first-number:first-letter {
  font-size: 125%;
  letter-spacing: -0.1em;
}

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

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

@media (min-width: 0) and (max-width: 350px) {
  .u-m-xs-0 {
    margin: 0 !important;
  }
  .u-mt-xs-0,
.u-my-xs-0 {
    margin-top: 0 !important;
  }
  .u-mr-xs-0,
.u-mx-xs-0 {
    margin-right: 0 !important;
  }
  .u-mb-xs-0,
.u-my-xs-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xs-0,
.u-mx-xs-0 {
    margin-left: 0 !important;
  }
  .u-m-xs-1 {
    margin: 0.3rem !important;
  }
  .u-mt-xs-1,
.u-my-xs-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-xs-1,
.u-mx-xs-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-xs-1,
.u-my-xs-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-xs-1,
.u-mx-xs-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-xs-2 {
    margin: 0.6rem !important;
  }
  .u-mt-xs-2,
.u-my-xs-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-xs-2,
.u-mx-xs-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-xs-2,
.u-my-xs-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-xs-2,
.u-mx-xs-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-xs-3 {
    margin: 1rem !important;
  }
  .u-mt-xs-3,
.u-my-xs-3 {
    margin-top: 1rem !important;
  }
  .u-mr-xs-3,
.u-mx-xs-3 {
    margin-right: 1rem !important;
  }
  .u-mb-xs-3,
.u-my-xs-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xs-3,
.u-mx-xs-3 {
    margin-left: 1rem !important;
  }
  .u-m-xs-4 {
    margin: 1.25rem !important;
  }
  .u-mt-xs-4,
.u-my-xs-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-xs-4,
.u-mx-xs-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-xs-4,
.u-my-xs-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-xs-4,
.u-mx-xs-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-xs-5 {
    margin: 1.5rem !important;
  }
  .u-mt-xs-5,
.u-my-xs-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xs-5,
.u-mx-xs-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xs-5,
.u-my-xs-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xs-5,
.u-mx-xs-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-xs-6 {
    margin: 2rem !important;
  }
  .u-mt-xs-6,
.u-my-xs-6 {
    margin-top: 2rem !important;
  }
  .u-mr-xs-6,
.u-mx-xs-6 {
    margin-right: 2rem !important;
  }
  .u-mb-xs-6,
.u-my-xs-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-xs-6,
.u-mx-xs-6 {
    margin-left: 2rem !important;
  }
  .u-p-xs-0 {
    padding: 0 !important;
  }
  .u-pt-xs-0,
.u-py-xs-0 {
    padding-top: 0 !important;
  }
  .u-pr-xs-0,
.u-px-xs-0 {
    padding-right: 0 !important;
  }
  .u-pb-xs-0,
.u-py-xs-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xs-0,
.u-px-xs-0 {
    padding-left: 0 !important;
  }
  .u-p-xs-1 {
    padding: 0.3rem !important;
  }
  .u-pt-xs-1,
.u-py-xs-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-xs-1,
.u-px-xs-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-xs-1,
.u-py-xs-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-xs-1,
.u-px-xs-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-xs-2 {
    padding: 0.6rem !important;
  }
  .u-pt-xs-2,
.u-py-xs-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-xs-2,
.u-px-xs-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-xs-2,
.u-py-xs-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-xs-2,
.u-px-xs-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-xs-3 {
    padding: 1rem !important;
  }
  .u-pt-xs-3,
.u-py-xs-3 {
    padding-top: 1rem !important;
  }
  .u-pr-xs-3,
.u-px-xs-3 {
    padding-right: 1rem !important;
  }
  .u-pb-xs-3,
.u-py-xs-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xs-3,
.u-px-xs-3 {
    padding-left: 1rem !important;
  }
  .u-p-xs-4 {
    padding: 1.25rem !important;
  }
  .u-pt-xs-4,
.u-py-xs-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-xs-4,
.u-px-xs-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-xs-4,
.u-py-xs-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-xs-4,
.u-px-xs-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-xs-5 {
    padding: 1.5rem !important;
  }
  .u-pt-xs-5,
.u-py-xs-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xs-5,
.u-px-xs-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xs-5,
.u-py-xs-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xs-5,
.u-px-xs-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-xs-6 {
    padding: 2rem !important;
  }
  .u-pt-xs-6,
.u-py-xs-6 {
    padding-top: 2rem !important;
  }
  .u-pr-xs-6,
.u-px-xs-6 {
    padding-right: 2rem !important;
  }
  .u-pb-xs-6,
.u-py-xs-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-xs-6,
.u-px-xs-6 {
    padding-left: 2rem !important;
  }
  .u-m-xs-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-xs-n1,
.u-my-xs-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-xs-n1,
.u-mx-xs-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-xs-n1,
.u-my-xs-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-xs-n1,
.u-mx-xs-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-xs-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-xs-n2,
.u-my-xs-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-xs-n2,
.u-mx-xs-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-xs-n2,
.u-my-xs-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-xs-n2,
.u-mx-xs-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-xs-n3 {
    margin: -1rem !important;
  }
  .u-mt-xs-n3,
.u-my-xs-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-xs-n3,
.u-mx-xs-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-xs-n3,
.u-my-xs-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-xs-n3,
.u-mx-xs-n3 {
    margin-left: -1rem !important;
  }
  .u-m-xs-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-xs-n4,
.u-my-xs-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-xs-n4,
.u-mx-xs-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-xs-n4,
.u-my-xs-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-xs-n4,
.u-mx-xs-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-xs-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-xs-n5,
.u-my-xs-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-xs-n5,
.u-mx-xs-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-xs-n5,
.u-my-xs-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-xs-n5,
.u-mx-xs-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-xs-n6 {
    margin: -2rem !important;
  }
  .u-mt-xs-n6,
.u-my-xs-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-xs-n6,
.u-mx-xs-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-xs-n6,
.u-my-xs-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-xs-n6,
.u-mx-xs-n6 {
    margin-left: -2rem !important;
  }
  .u-m-xs-auto {
    margin: auto !important;
  }
  .u-mt-xs-auto,
.u-my-xs-auto {
    margin-top: auto !important;
  }
  .u-mr-xs-auto,
.u-mx-xs-auto {
    margin-right: auto !important;
  }
  .u-mb-xs-auto,
.u-my-xs-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xs-auto,
.u-mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 351px) and (max-width: 450px) {
  .u-m-s-0 {
    margin: 0 !important;
  }
  .u-mt-s-0,
.u-my-s-0 {
    margin-top: 0 !important;
  }
  .u-mr-s-0,
.u-mx-s-0 {
    margin-right: 0 !important;
  }
  .u-mb-s-0,
.u-my-s-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-s-0,
.u-mx-s-0 {
    margin-left: 0 !important;
  }
  .u-m-s-1 {
    margin: 0.3rem !important;
  }
  .u-mt-s-1,
.u-my-s-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-s-1,
.u-mx-s-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-s-1,
.u-my-s-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-s-1,
.u-mx-s-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-s-2 {
    margin: 0.6rem !important;
  }
  .u-mt-s-2,
.u-my-s-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-s-2,
.u-mx-s-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-s-2,
.u-my-s-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-s-2,
.u-mx-s-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-s-3 {
    margin: 1rem !important;
  }
  .u-mt-s-3,
.u-my-s-3 {
    margin-top: 1rem !important;
  }
  .u-mr-s-3,
.u-mx-s-3 {
    margin-right: 1rem !important;
  }
  .u-mb-s-3,
.u-my-s-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-s-3,
.u-mx-s-3 {
    margin-left: 1rem !important;
  }
  .u-m-s-4 {
    margin: 1.25rem !important;
  }
  .u-mt-s-4,
.u-my-s-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-s-4,
.u-mx-s-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-s-4,
.u-my-s-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-s-4,
.u-mx-s-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-s-5 {
    margin: 1.5rem !important;
  }
  .u-mt-s-5,
.u-my-s-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-s-5,
.u-mx-s-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-s-5,
.u-my-s-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-s-5,
.u-mx-s-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-s-6 {
    margin: 2rem !important;
  }
  .u-mt-s-6,
.u-my-s-6 {
    margin-top: 2rem !important;
  }
  .u-mr-s-6,
.u-mx-s-6 {
    margin-right: 2rem !important;
  }
  .u-mb-s-6,
.u-my-s-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-s-6,
.u-mx-s-6 {
    margin-left: 2rem !important;
  }
  .u-p-s-0 {
    padding: 0 !important;
  }
  .u-pt-s-0,
.u-py-s-0 {
    padding-top: 0 !important;
  }
  .u-pr-s-0,
.u-px-s-0 {
    padding-right: 0 !important;
  }
  .u-pb-s-0,
.u-py-s-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-s-0,
.u-px-s-0 {
    padding-left: 0 !important;
  }
  .u-p-s-1 {
    padding: 0.3rem !important;
  }
  .u-pt-s-1,
.u-py-s-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-s-1,
.u-px-s-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-s-1,
.u-py-s-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-s-1,
.u-px-s-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-s-2 {
    padding: 0.6rem !important;
  }
  .u-pt-s-2,
.u-py-s-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-s-2,
.u-px-s-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-s-2,
.u-py-s-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-s-2,
.u-px-s-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-s-3 {
    padding: 1rem !important;
  }
  .u-pt-s-3,
.u-py-s-3 {
    padding-top: 1rem !important;
  }
  .u-pr-s-3,
.u-px-s-3 {
    padding-right: 1rem !important;
  }
  .u-pb-s-3,
.u-py-s-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-s-3,
.u-px-s-3 {
    padding-left: 1rem !important;
  }
  .u-p-s-4 {
    padding: 1.25rem !important;
  }
  .u-pt-s-4,
.u-py-s-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-s-4,
.u-px-s-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-s-4,
.u-py-s-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-s-4,
.u-px-s-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-s-5 {
    padding: 1.5rem !important;
  }
  .u-pt-s-5,
.u-py-s-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-s-5,
.u-px-s-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-s-5,
.u-py-s-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-s-5,
.u-px-s-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-s-6 {
    padding: 2rem !important;
  }
  .u-pt-s-6,
.u-py-s-6 {
    padding-top: 2rem !important;
  }
  .u-pr-s-6,
.u-px-s-6 {
    padding-right: 2rem !important;
  }
  .u-pb-s-6,
.u-py-s-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-s-6,
.u-px-s-6 {
    padding-left: 2rem !important;
  }
  .u-m-s-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-s-n1,
.u-my-s-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-s-n1,
.u-mx-s-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-s-n1,
.u-my-s-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-s-n1,
.u-mx-s-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-s-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-s-n2,
.u-my-s-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-s-n2,
.u-mx-s-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-s-n2,
.u-my-s-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-s-n2,
.u-mx-s-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-s-n3 {
    margin: -1rem !important;
  }
  .u-mt-s-n3,
.u-my-s-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-s-n3,
.u-mx-s-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-s-n3,
.u-my-s-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-s-n3,
.u-mx-s-n3 {
    margin-left: -1rem !important;
  }
  .u-m-s-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-s-n4,
.u-my-s-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-s-n4,
.u-mx-s-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-s-n4,
.u-my-s-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-s-n4,
.u-mx-s-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-s-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-s-n5,
.u-my-s-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-s-n5,
.u-mx-s-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-s-n5,
.u-my-s-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-s-n5,
.u-mx-s-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-s-n6 {
    margin: -2rem !important;
  }
  .u-mt-s-n6,
.u-my-s-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-s-n6,
.u-mx-s-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-s-n6,
.u-my-s-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-s-n6,
.u-mx-s-n6 {
    margin-left: -2rem !important;
  }
  .u-m-s-auto {
    margin: auto !important;
  }
  .u-mt-s-auto,
.u-my-s-auto {
    margin-top: auto !important;
  }
  .u-mr-s-auto,
.u-mx-s-auto {
    margin-right: auto !important;
  }
  .u-mb-s-auto,
.u-my-s-auto {
    margin-bottom: auto !important;
  }
  .u-ml-s-auto,
.u-mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 451px) and (max-width: 700px) {
  .u-m-xt-0 {
    margin: 0 !important;
  }
  .u-mt-xt-0,
.u-my-xt-0 {
    margin-top: 0 !important;
  }
  .u-mr-xt-0,
.u-mx-xt-0 {
    margin-right: 0 !important;
  }
  .u-mb-xt-0,
.u-my-xt-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xt-0,
.u-mx-xt-0 {
    margin-left: 0 !important;
  }
  .u-m-xt-1 {
    margin: 0.3rem !important;
  }
  .u-mt-xt-1,
.u-my-xt-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-xt-1,
.u-mx-xt-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-xt-1,
.u-my-xt-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-xt-1,
.u-mx-xt-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-xt-2 {
    margin: 0.6rem !important;
  }
  .u-mt-xt-2,
.u-my-xt-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-xt-2,
.u-mx-xt-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-xt-2,
.u-my-xt-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-xt-2,
.u-mx-xt-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-xt-3 {
    margin: 1rem !important;
  }
  .u-mt-xt-3,
.u-my-xt-3 {
    margin-top: 1rem !important;
  }
  .u-mr-xt-3,
.u-mx-xt-3 {
    margin-right: 1rem !important;
  }
  .u-mb-xt-3,
.u-my-xt-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xt-3,
.u-mx-xt-3 {
    margin-left: 1rem !important;
  }
  .u-m-xt-4 {
    margin: 1.25rem !important;
  }
  .u-mt-xt-4,
.u-my-xt-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-xt-4,
.u-mx-xt-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-xt-4,
.u-my-xt-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-xt-4,
.u-mx-xt-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-xt-5 {
    margin: 1.5rem !important;
  }
  .u-mt-xt-5,
.u-my-xt-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xt-5,
.u-mx-xt-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xt-5,
.u-my-xt-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xt-5,
.u-mx-xt-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-xt-6 {
    margin: 2rem !important;
  }
  .u-mt-xt-6,
.u-my-xt-6 {
    margin-top: 2rem !important;
  }
  .u-mr-xt-6,
.u-mx-xt-6 {
    margin-right: 2rem !important;
  }
  .u-mb-xt-6,
.u-my-xt-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-xt-6,
.u-mx-xt-6 {
    margin-left: 2rem !important;
  }
  .u-p-xt-0 {
    padding: 0 !important;
  }
  .u-pt-xt-0,
.u-py-xt-0 {
    padding-top: 0 !important;
  }
  .u-pr-xt-0,
.u-px-xt-0 {
    padding-right: 0 !important;
  }
  .u-pb-xt-0,
.u-py-xt-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xt-0,
.u-px-xt-0 {
    padding-left: 0 !important;
  }
  .u-p-xt-1 {
    padding: 0.3rem !important;
  }
  .u-pt-xt-1,
.u-py-xt-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-xt-1,
.u-px-xt-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-xt-1,
.u-py-xt-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-xt-1,
.u-px-xt-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-xt-2 {
    padding: 0.6rem !important;
  }
  .u-pt-xt-2,
.u-py-xt-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-xt-2,
.u-px-xt-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-xt-2,
.u-py-xt-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-xt-2,
.u-px-xt-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-xt-3 {
    padding: 1rem !important;
  }
  .u-pt-xt-3,
.u-py-xt-3 {
    padding-top: 1rem !important;
  }
  .u-pr-xt-3,
.u-px-xt-3 {
    padding-right: 1rem !important;
  }
  .u-pb-xt-3,
.u-py-xt-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xt-3,
.u-px-xt-3 {
    padding-left: 1rem !important;
  }
  .u-p-xt-4 {
    padding: 1.25rem !important;
  }
  .u-pt-xt-4,
.u-py-xt-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-xt-4,
.u-px-xt-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-xt-4,
.u-py-xt-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-xt-4,
.u-px-xt-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-xt-5 {
    padding: 1.5rem !important;
  }
  .u-pt-xt-5,
.u-py-xt-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xt-5,
.u-px-xt-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xt-5,
.u-py-xt-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xt-5,
.u-px-xt-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-xt-6 {
    padding: 2rem !important;
  }
  .u-pt-xt-6,
.u-py-xt-6 {
    padding-top: 2rem !important;
  }
  .u-pr-xt-6,
.u-px-xt-6 {
    padding-right: 2rem !important;
  }
  .u-pb-xt-6,
.u-py-xt-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-xt-6,
.u-px-xt-6 {
    padding-left: 2rem !important;
  }
  .u-m-xt-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-xt-n1,
.u-my-xt-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-xt-n1,
.u-mx-xt-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-xt-n1,
.u-my-xt-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-xt-n1,
.u-mx-xt-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-xt-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-xt-n2,
.u-my-xt-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-xt-n2,
.u-mx-xt-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-xt-n2,
.u-my-xt-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-xt-n2,
.u-mx-xt-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-xt-n3 {
    margin: -1rem !important;
  }
  .u-mt-xt-n3,
.u-my-xt-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-xt-n3,
.u-mx-xt-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-xt-n3,
.u-my-xt-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-xt-n3,
.u-mx-xt-n3 {
    margin-left: -1rem !important;
  }
  .u-m-xt-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-xt-n4,
.u-my-xt-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-xt-n4,
.u-mx-xt-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-xt-n4,
.u-my-xt-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-xt-n4,
.u-mx-xt-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-xt-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-xt-n5,
.u-my-xt-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-xt-n5,
.u-mx-xt-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-xt-n5,
.u-my-xt-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-xt-n5,
.u-mx-xt-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-xt-n6 {
    margin: -2rem !important;
  }
  .u-mt-xt-n6,
.u-my-xt-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-xt-n6,
.u-mx-xt-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-xt-n6,
.u-my-xt-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-xt-n6,
.u-mx-xt-n6 {
    margin-left: -2rem !important;
  }
  .u-m-xt-auto {
    margin: auto !important;
  }
  .u-mt-xt-auto,
.u-my-xt-auto {
    margin-top: auto !important;
  }
  .u-mr-xt-auto,
.u-mx-xt-auto {
    margin-right: auto !important;
  }
  .u-mb-xt-auto,
.u-my-xt-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xt-auto,
.u-mx-xt-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .u-m-qs-0 {
    margin: 0 !important;
  }
  .u-mt-qs-0,
.u-my-qs-0 {
    margin-top: 0 !important;
  }
  .u-mr-qs-0,
.u-mx-qs-0 {
    margin-right: 0 !important;
  }
  .u-mb-qs-0,
.u-my-qs-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-qs-0,
.u-mx-qs-0 {
    margin-left: 0 !important;
  }
  .u-m-qs-1 {
    margin: 0.3rem !important;
  }
  .u-mt-qs-1,
.u-my-qs-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-qs-1,
.u-mx-qs-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-qs-1,
.u-my-qs-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-qs-1,
.u-mx-qs-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-qs-2 {
    margin: 0.6rem !important;
  }
  .u-mt-qs-2,
.u-my-qs-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-qs-2,
.u-mx-qs-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-qs-2,
.u-my-qs-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-qs-2,
.u-mx-qs-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-qs-3 {
    margin: 1rem !important;
  }
  .u-mt-qs-3,
.u-my-qs-3 {
    margin-top: 1rem !important;
  }
  .u-mr-qs-3,
.u-mx-qs-3 {
    margin-right: 1rem !important;
  }
  .u-mb-qs-3,
.u-my-qs-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-qs-3,
.u-mx-qs-3 {
    margin-left: 1rem !important;
  }
  .u-m-qs-4 {
    margin: 1.25rem !important;
  }
  .u-mt-qs-4,
.u-my-qs-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-qs-4,
.u-mx-qs-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-qs-4,
.u-my-qs-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-qs-4,
.u-mx-qs-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-qs-5 {
    margin: 1.5rem !important;
  }
  .u-mt-qs-5,
.u-my-qs-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-qs-5,
.u-mx-qs-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-qs-5,
.u-my-qs-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-qs-5,
.u-mx-qs-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-qs-6 {
    margin: 2rem !important;
  }
  .u-mt-qs-6,
.u-my-qs-6 {
    margin-top: 2rem !important;
  }
  .u-mr-qs-6,
.u-mx-qs-6 {
    margin-right: 2rem !important;
  }
  .u-mb-qs-6,
.u-my-qs-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-qs-6,
.u-mx-qs-6 {
    margin-left: 2rem !important;
  }
  .u-p-qs-0 {
    padding: 0 !important;
  }
  .u-pt-qs-0,
.u-py-qs-0 {
    padding-top: 0 !important;
  }
  .u-pr-qs-0,
.u-px-qs-0 {
    padding-right: 0 !important;
  }
  .u-pb-qs-0,
.u-py-qs-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-qs-0,
.u-px-qs-0 {
    padding-left: 0 !important;
  }
  .u-p-qs-1 {
    padding: 0.3rem !important;
  }
  .u-pt-qs-1,
.u-py-qs-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-qs-1,
.u-px-qs-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-qs-1,
.u-py-qs-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-qs-1,
.u-px-qs-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-qs-2 {
    padding: 0.6rem !important;
  }
  .u-pt-qs-2,
.u-py-qs-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-qs-2,
.u-px-qs-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-qs-2,
.u-py-qs-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-qs-2,
.u-px-qs-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-qs-3 {
    padding: 1rem !important;
  }
  .u-pt-qs-3,
.u-py-qs-3 {
    padding-top: 1rem !important;
  }
  .u-pr-qs-3,
.u-px-qs-3 {
    padding-right: 1rem !important;
  }
  .u-pb-qs-3,
.u-py-qs-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-qs-3,
.u-px-qs-3 {
    padding-left: 1rem !important;
  }
  .u-p-qs-4 {
    padding: 1.25rem !important;
  }
  .u-pt-qs-4,
.u-py-qs-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-qs-4,
.u-px-qs-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-qs-4,
.u-py-qs-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-qs-4,
.u-px-qs-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-qs-5 {
    padding: 1.5rem !important;
  }
  .u-pt-qs-5,
.u-py-qs-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-qs-5,
.u-px-qs-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-qs-5,
.u-py-qs-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-qs-5,
.u-px-qs-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-qs-6 {
    padding: 2rem !important;
  }
  .u-pt-qs-6,
.u-py-qs-6 {
    padding-top: 2rem !important;
  }
  .u-pr-qs-6,
.u-px-qs-6 {
    padding-right: 2rem !important;
  }
  .u-pb-qs-6,
.u-py-qs-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-qs-6,
.u-px-qs-6 {
    padding-left: 2rem !important;
  }
  .u-m-qs-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-qs-n1,
.u-my-qs-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-qs-n1,
.u-mx-qs-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-qs-n1,
.u-my-qs-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-qs-n1,
.u-mx-qs-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-qs-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-qs-n2,
.u-my-qs-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-qs-n2,
.u-mx-qs-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-qs-n2,
.u-my-qs-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-qs-n2,
.u-mx-qs-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-qs-n3 {
    margin: -1rem !important;
  }
  .u-mt-qs-n3,
.u-my-qs-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-qs-n3,
.u-mx-qs-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-qs-n3,
.u-my-qs-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-qs-n3,
.u-mx-qs-n3 {
    margin-left: -1rem !important;
  }
  .u-m-qs-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-qs-n4,
.u-my-qs-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-qs-n4,
.u-mx-qs-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-qs-n4,
.u-my-qs-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-qs-n4,
.u-mx-qs-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-qs-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-qs-n5,
.u-my-qs-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-qs-n5,
.u-mx-qs-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-qs-n5,
.u-my-qs-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-qs-n5,
.u-mx-qs-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-qs-n6 {
    margin: -2rem !important;
  }
  .u-mt-qs-n6,
.u-my-qs-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-qs-n6,
.u-mx-qs-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-qs-n6,
.u-my-qs-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-qs-n6,
.u-mx-qs-n6 {
    margin-left: -2rem !important;
  }
  .u-m-qs-auto {
    margin: auto !important;
  }
  .u-mt-qs-auto,
.u-my-qs-auto {
    margin-top: auto !important;
  }
  .u-mr-qs-auto,
.u-mx-qs-auto {
    margin-right: auto !important;
  }
  .u-mb-qs-auto,
.u-my-qs-auto {
    margin-bottom: auto !important;
  }
  .u-ml-qs-auto,
.u-mx-qs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-m-t-0 {
    margin: 0 !important;
  }
  .u-mt-t-0,
.u-my-t-0 {
    margin-top: 0 !important;
  }
  .u-mr-t-0,
.u-mx-t-0 {
    margin-right: 0 !important;
  }
  .u-mb-t-0,
.u-my-t-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-t-0,
.u-mx-t-0 {
    margin-left: 0 !important;
  }
  .u-m-t-1 {
    margin: 0.3rem !important;
  }
  .u-mt-t-1,
.u-my-t-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-t-1,
.u-mx-t-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-t-1,
.u-my-t-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-t-1,
.u-mx-t-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-t-2 {
    margin: 0.6rem !important;
  }
  .u-mt-t-2,
.u-my-t-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-t-2,
.u-mx-t-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-t-2,
.u-my-t-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-t-2,
.u-mx-t-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-t-3 {
    margin: 1rem !important;
  }
  .u-mt-t-3,
.u-my-t-3 {
    margin-top: 1rem !important;
  }
  .u-mr-t-3,
.u-mx-t-3 {
    margin-right: 1rem !important;
  }
  .u-mb-t-3,
.u-my-t-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-t-3,
.u-mx-t-3 {
    margin-left: 1rem !important;
  }
  .u-m-t-4 {
    margin: 1.25rem !important;
  }
  .u-mt-t-4,
.u-my-t-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-t-4,
.u-mx-t-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-t-4,
.u-my-t-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-t-4,
.u-mx-t-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-t-5 {
    margin: 1.5rem !important;
  }
  .u-mt-t-5,
.u-my-t-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-t-5,
.u-mx-t-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-t-5,
.u-my-t-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-t-5,
.u-mx-t-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-t-6 {
    margin: 2rem !important;
  }
  .u-mt-t-6,
.u-my-t-6 {
    margin-top: 2rem !important;
  }
  .u-mr-t-6,
.u-mx-t-6 {
    margin-right: 2rem !important;
  }
  .u-mb-t-6,
.u-my-t-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-t-6,
.u-mx-t-6 {
    margin-left: 2rem !important;
  }
  .u-p-t-0 {
    padding: 0 !important;
  }
  .u-pt-t-0,
.u-py-t-0 {
    padding-top: 0 !important;
  }
  .u-pr-t-0,
.u-px-t-0 {
    padding-right: 0 !important;
  }
  .u-pb-t-0,
.u-py-t-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-t-0,
.u-px-t-0 {
    padding-left: 0 !important;
  }
  .u-p-t-1 {
    padding: 0.3rem !important;
  }
  .u-pt-t-1,
.u-py-t-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-t-1,
.u-px-t-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-t-1,
.u-py-t-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-t-1,
.u-px-t-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-t-2 {
    padding: 0.6rem !important;
  }
  .u-pt-t-2,
.u-py-t-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-t-2,
.u-px-t-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-t-2,
.u-py-t-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-t-2,
.u-px-t-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-t-3 {
    padding: 1rem !important;
  }
  .u-pt-t-3,
.u-py-t-3 {
    padding-top: 1rem !important;
  }
  .u-pr-t-3,
.u-px-t-3 {
    padding-right: 1rem !important;
  }
  .u-pb-t-3,
.u-py-t-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-t-3,
.u-px-t-3 {
    padding-left: 1rem !important;
  }
  .u-p-t-4 {
    padding: 1.25rem !important;
  }
  .u-pt-t-4,
.u-py-t-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-t-4,
.u-px-t-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-t-4,
.u-py-t-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-t-4,
.u-px-t-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-t-5 {
    padding: 1.5rem !important;
  }
  .u-pt-t-5,
.u-py-t-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-t-5,
.u-px-t-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-t-5,
.u-py-t-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-t-5,
.u-px-t-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-t-6 {
    padding: 2rem !important;
  }
  .u-pt-t-6,
.u-py-t-6 {
    padding-top: 2rem !important;
  }
  .u-pr-t-6,
.u-px-t-6 {
    padding-right: 2rem !important;
  }
  .u-pb-t-6,
.u-py-t-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-t-6,
.u-px-t-6 {
    padding-left: 2rem !important;
  }
  .u-m-t-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-t-n1,
.u-my-t-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-t-n1,
.u-mx-t-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-t-n1,
.u-my-t-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-t-n1,
.u-mx-t-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-t-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-t-n2,
.u-my-t-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-t-n2,
.u-mx-t-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-t-n2,
.u-my-t-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-t-n2,
.u-mx-t-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-t-n3 {
    margin: -1rem !important;
  }
  .u-mt-t-n3,
.u-my-t-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-t-n3,
.u-mx-t-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-t-n3,
.u-my-t-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-t-n3,
.u-mx-t-n3 {
    margin-left: -1rem !important;
  }
  .u-m-t-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-t-n4,
.u-my-t-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-t-n4,
.u-mx-t-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-t-n4,
.u-my-t-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-t-n4,
.u-mx-t-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-t-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-t-n5,
.u-my-t-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-t-n5,
.u-mx-t-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-t-n5,
.u-my-t-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-t-n5,
.u-mx-t-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-t-n6 {
    margin: -2rem !important;
  }
  .u-mt-t-n6,
.u-my-t-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-t-n6,
.u-mx-t-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-t-n6,
.u-my-t-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-t-n6,
.u-mx-t-n6 {
    margin-left: -2rem !important;
  }
  .u-m-t-auto {
    margin: auto !important;
  }
  .u-mt-t-auto,
.u-my-t-auto {
    margin-top: auto !important;
  }
  .u-mr-t-auto,
.u-mx-t-auto {
    margin-right: auto !important;
  }
  .u-mb-t-auto,
.u-my-t-auto {
    margin-bottom: auto !important;
  }
  .u-ml-t-auto,
.u-mx-t-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-m-qt-0 {
    margin: 0 !important;
  }
  .u-mt-qt-0,
.u-my-qt-0 {
    margin-top: 0 !important;
  }
  .u-mr-qt-0,
.u-mx-qt-0 {
    margin-right: 0 !important;
  }
  .u-mb-qt-0,
.u-my-qt-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-qt-0,
.u-mx-qt-0 {
    margin-left: 0 !important;
  }
  .u-m-qt-1 {
    margin: 0.3rem !important;
  }
  .u-mt-qt-1,
.u-my-qt-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-qt-1,
.u-mx-qt-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-qt-1,
.u-my-qt-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-qt-1,
.u-mx-qt-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-qt-2 {
    margin: 0.6rem !important;
  }
  .u-mt-qt-2,
.u-my-qt-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-qt-2,
.u-mx-qt-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-qt-2,
.u-my-qt-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-qt-2,
.u-mx-qt-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-qt-3 {
    margin: 1rem !important;
  }
  .u-mt-qt-3,
.u-my-qt-3 {
    margin-top: 1rem !important;
  }
  .u-mr-qt-3,
.u-mx-qt-3 {
    margin-right: 1rem !important;
  }
  .u-mb-qt-3,
.u-my-qt-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-qt-3,
.u-mx-qt-3 {
    margin-left: 1rem !important;
  }
  .u-m-qt-4 {
    margin: 1.25rem !important;
  }
  .u-mt-qt-4,
.u-my-qt-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-qt-4,
.u-mx-qt-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-qt-4,
.u-my-qt-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-qt-4,
.u-mx-qt-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-qt-5 {
    margin: 1.5rem !important;
  }
  .u-mt-qt-5,
.u-my-qt-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-qt-5,
.u-mx-qt-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-qt-5,
.u-my-qt-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-qt-5,
.u-mx-qt-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-qt-6 {
    margin: 2rem !important;
  }
  .u-mt-qt-6,
.u-my-qt-6 {
    margin-top: 2rem !important;
  }
  .u-mr-qt-6,
.u-mx-qt-6 {
    margin-right: 2rem !important;
  }
  .u-mb-qt-6,
.u-my-qt-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-qt-6,
.u-mx-qt-6 {
    margin-left: 2rem !important;
  }
  .u-p-qt-0 {
    padding: 0 !important;
  }
  .u-pt-qt-0,
.u-py-qt-0 {
    padding-top: 0 !important;
  }
  .u-pr-qt-0,
.u-px-qt-0 {
    padding-right: 0 !important;
  }
  .u-pb-qt-0,
.u-py-qt-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-qt-0,
.u-px-qt-0 {
    padding-left: 0 !important;
  }
  .u-p-qt-1 {
    padding: 0.3rem !important;
  }
  .u-pt-qt-1,
.u-py-qt-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-qt-1,
.u-px-qt-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-qt-1,
.u-py-qt-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-qt-1,
.u-px-qt-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-qt-2 {
    padding: 0.6rem !important;
  }
  .u-pt-qt-2,
.u-py-qt-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-qt-2,
.u-px-qt-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-qt-2,
.u-py-qt-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-qt-2,
.u-px-qt-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-qt-3 {
    padding: 1rem !important;
  }
  .u-pt-qt-3,
.u-py-qt-3 {
    padding-top: 1rem !important;
  }
  .u-pr-qt-3,
.u-px-qt-3 {
    padding-right: 1rem !important;
  }
  .u-pb-qt-3,
.u-py-qt-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-qt-3,
.u-px-qt-3 {
    padding-left: 1rem !important;
  }
  .u-p-qt-4 {
    padding: 1.25rem !important;
  }
  .u-pt-qt-4,
.u-py-qt-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-qt-4,
.u-px-qt-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-qt-4,
.u-py-qt-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-qt-4,
.u-px-qt-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-qt-5 {
    padding: 1.5rem !important;
  }
  .u-pt-qt-5,
.u-py-qt-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-qt-5,
.u-px-qt-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-qt-5,
.u-py-qt-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-qt-5,
.u-px-qt-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-qt-6 {
    padding: 2rem !important;
  }
  .u-pt-qt-6,
.u-py-qt-6 {
    padding-top: 2rem !important;
  }
  .u-pr-qt-6,
.u-px-qt-6 {
    padding-right: 2rem !important;
  }
  .u-pb-qt-6,
.u-py-qt-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-qt-6,
.u-px-qt-6 {
    padding-left: 2rem !important;
  }
  .u-m-qt-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-qt-n1,
.u-my-qt-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-qt-n1,
.u-mx-qt-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-qt-n1,
.u-my-qt-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-qt-n1,
.u-mx-qt-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-qt-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-qt-n2,
.u-my-qt-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-qt-n2,
.u-mx-qt-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-qt-n2,
.u-my-qt-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-qt-n2,
.u-mx-qt-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-qt-n3 {
    margin: -1rem !important;
  }
  .u-mt-qt-n3,
.u-my-qt-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-qt-n3,
.u-mx-qt-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-qt-n3,
.u-my-qt-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-qt-n3,
.u-mx-qt-n3 {
    margin-left: -1rem !important;
  }
  .u-m-qt-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-qt-n4,
.u-my-qt-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-qt-n4,
.u-mx-qt-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-qt-n4,
.u-my-qt-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-qt-n4,
.u-mx-qt-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-qt-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-qt-n5,
.u-my-qt-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-qt-n5,
.u-mx-qt-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-qt-n5,
.u-my-qt-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-qt-n5,
.u-mx-qt-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-qt-n6 {
    margin: -2rem !important;
  }
  .u-mt-qt-n6,
.u-my-qt-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-qt-n6,
.u-mx-qt-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-qt-n6,
.u-my-qt-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-qt-n6,
.u-mx-qt-n6 {
    margin-left: -2rem !important;
  }
  .u-m-qt-auto {
    margin: auto !important;
  }
  .u-mt-qt-auto,
.u-my-qt-auto {
    margin-top: auto !important;
  }
  .u-mr-qt-auto,
.u-mx-qt-auto {
    margin-right: auto !important;
  }
  .u-mb-qt-auto,
.u-my-qt-auto {
    margin-bottom: auto !important;
  }
  .u-ml-qt-auto,
.u-mx-qt-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 921px) and (max-width: 1100px) {
  .u-m-m-0 {
    margin: 0 !important;
  }
  .u-mt-m-0,
.u-my-m-0 {
    margin-top: 0 !important;
  }
  .u-mr-m-0,
.u-mx-m-0 {
    margin-right: 0 !important;
  }
  .u-mb-m-0,
.u-my-m-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-m-0,
.u-mx-m-0 {
    margin-left: 0 !important;
  }
  .u-m-m-1 {
    margin: 0.3rem !important;
  }
  .u-mt-m-1,
.u-my-m-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-m-1,
.u-mx-m-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-m-1,
.u-my-m-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-m-1,
.u-mx-m-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-m-2 {
    margin: 0.6rem !important;
  }
  .u-mt-m-2,
.u-my-m-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-m-2,
.u-mx-m-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-m-2,
.u-my-m-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-m-2,
.u-mx-m-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-m-3 {
    margin: 1rem !important;
  }
  .u-mt-m-3,
.u-my-m-3 {
    margin-top: 1rem !important;
  }
  .u-mr-m-3,
.u-mx-m-3 {
    margin-right: 1rem !important;
  }
  .u-mb-m-3,
.u-my-m-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-m-3,
.u-mx-m-3 {
    margin-left: 1rem !important;
  }
  .u-m-m-4 {
    margin: 1.25rem !important;
  }
  .u-mt-m-4,
.u-my-m-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-m-4,
.u-mx-m-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-m-4,
.u-my-m-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-m-4,
.u-mx-m-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-m-5 {
    margin: 1.5rem !important;
  }
  .u-mt-m-5,
.u-my-m-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-m-5,
.u-mx-m-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-m-5,
.u-my-m-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-m-5,
.u-mx-m-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-m-6 {
    margin: 2rem !important;
  }
  .u-mt-m-6,
.u-my-m-6 {
    margin-top: 2rem !important;
  }
  .u-mr-m-6,
.u-mx-m-6 {
    margin-right: 2rem !important;
  }
  .u-mb-m-6,
.u-my-m-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-m-6,
.u-mx-m-6 {
    margin-left: 2rem !important;
  }
  .u-p-m-0 {
    padding: 0 !important;
  }
  .u-pt-m-0,
.u-py-m-0 {
    padding-top: 0 !important;
  }
  .u-pr-m-0,
.u-px-m-0 {
    padding-right: 0 !important;
  }
  .u-pb-m-0,
.u-py-m-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-m-0,
.u-px-m-0 {
    padding-left: 0 !important;
  }
  .u-p-m-1 {
    padding: 0.3rem !important;
  }
  .u-pt-m-1,
.u-py-m-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-m-1,
.u-px-m-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-m-1,
.u-py-m-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-m-1,
.u-px-m-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-m-2 {
    padding: 0.6rem !important;
  }
  .u-pt-m-2,
.u-py-m-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-m-2,
.u-px-m-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-m-2,
.u-py-m-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-m-2,
.u-px-m-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-m-3 {
    padding: 1rem !important;
  }
  .u-pt-m-3,
.u-py-m-3 {
    padding-top: 1rem !important;
  }
  .u-pr-m-3,
.u-px-m-3 {
    padding-right: 1rem !important;
  }
  .u-pb-m-3,
.u-py-m-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-m-3,
.u-px-m-3 {
    padding-left: 1rem !important;
  }
  .u-p-m-4 {
    padding: 1.25rem !important;
  }
  .u-pt-m-4,
.u-py-m-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-m-4,
.u-px-m-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-m-4,
.u-py-m-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-m-4,
.u-px-m-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-m-5 {
    padding: 1.5rem !important;
  }
  .u-pt-m-5,
.u-py-m-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-m-5,
.u-px-m-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-m-5,
.u-py-m-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-m-5,
.u-px-m-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-m-6 {
    padding: 2rem !important;
  }
  .u-pt-m-6,
.u-py-m-6 {
    padding-top: 2rem !important;
  }
  .u-pr-m-6,
.u-px-m-6 {
    padding-right: 2rem !important;
  }
  .u-pb-m-6,
.u-py-m-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-m-6,
.u-px-m-6 {
    padding-left: 2rem !important;
  }
  .u-m-m-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-m-n1,
.u-my-m-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-m-n1,
.u-mx-m-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-m-n1,
.u-my-m-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-m-n1,
.u-mx-m-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-m-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-m-n2,
.u-my-m-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-m-n2,
.u-mx-m-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-m-n2,
.u-my-m-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-m-n2,
.u-mx-m-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-m-n3 {
    margin: -1rem !important;
  }
  .u-mt-m-n3,
.u-my-m-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-m-n3,
.u-mx-m-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-m-n3,
.u-my-m-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-m-n3,
.u-mx-m-n3 {
    margin-left: -1rem !important;
  }
  .u-m-m-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-m-n4,
.u-my-m-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-m-n4,
.u-mx-m-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-m-n4,
.u-my-m-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-m-n4,
.u-mx-m-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-m-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-m-n5,
.u-my-m-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-m-n5,
.u-mx-m-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-m-n5,
.u-my-m-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-m-n5,
.u-mx-m-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-m-n6 {
    margin: -2rem !important;
  }
  .u-mt-m-n6,
.u-my-m-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-m-n6,
.u-mx-m-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-m-n6,
.u-my-m-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-m-n6,
.u-mx-m-n6 {
    margin-left: -2rem !important;
  }
  .u-m-m-auto {
    margin: auto !important;
  }
  .u-mt-m-auto,
.u-my-m-auto {
    margin-top: auto !important;
  }
  .u-mr-m-auto,
.u-mx-m-auto {
    margin-right: auto !important;
  }
  .u-mb-m-auto,
.u-my-m-auto {
    margin-bottom: auto !important;
  }
  .u-ml-m-auto,
.u-mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1101px) and (max-width: 1580px) {
  .u-m-l-0 {
    margin: 0 !important;
  }
  .u-mt-l-0,
.u-my-l-0 {
    margin-top: 0 !important;
  }
  .u-mr-l-0,
.u-mx-l-0 {
    margin-right: 0 !important;
  }
  .u-mb-l-0,
.u-my-l-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-l-0,
.u-mx-l-0 {
    margin-left: 0 !important;
  }
  .u-m-l-1 {
    margin: 0.3rem !important;
  }
  .u-mt-l-1,
.u-my-l-1 {
    margin-top: 0.3rem !important;
  }
  .u-mr-l-1,
.u-mx-l-1 {
    margin-right: 0.3rem !important;
  }
  .u-mb-l-1,
.u-my-l-1 {
    margin-bottom: 0.3rem !important;
  }
  .u-ml-l-1,
.u-mx-l-1 {
    margin-left: 0.3rem !important;
  }
  .u-m-l-2 {
    margin: 0.6rem !important;
  }
  .u-mt-l-2,
.u-my-l-2 {
    margin-top: 0.6rem !important;
  }
  .u-mr-l-2,
.u-mx-l-2 {
    margin-right: 0.6rem !important;
  }
  .u-mb-l-2,
.u-my-l-2 {
    margin-bottom: 0.6rem !important;
  }
  .u-ml-l-2,
.u-mx-l-2 {
    margin-left: 0.6rem !important;
  }
  .u-m-l-3 {
    margin: 1rem !important;
  }
  .u-mt-l-3,
.u-my-l-3 {
    margin-top: 1rem !important;
  }
  .u-mr-l-3,
.u-mx-l-3 {
    margin-right: 1rem !important;
  }
  .u-mb-l-3,
.u-my-l-3 {
    margin-bottom: 1rem !important;
  }
  .u-ml-l-3,
.u-mx-l-3 {
    margin-left: 1rem !important;
  }
  .u-m-l-4 {
    margin: 1.25rem !important;
  }
  .u-mt-l-4,
.u-my-l-4 {
    margin-top: 1.25rem !important;
  }
  .u-mr-l-4,
.u-mx-l-4 {
    margin-right: 1.25rem !important;
  }
  .u-mb-l-4,
.u-my-l-4 {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-l-4,
.u-mx-l-4 {
    margin-left: 1.25rem !important;
  }
  .u-m-l-5 {
    margin: 1.5rem !important;
  }
  .u-mt-l-5,
.u-my-l-5 {
    margin-top: 1.5rem !important;
  }
  .u-mr-l-5,
.u-mx-l-5 {
    margin-right: 1.5rem !important;
  }
  .u-mb-l-5,
.u-my-l-5 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-l-5,
.u-mx-l-5 {
    margin-left: 1.5rem !important;
  }
  .u-m-l-6 {
    margin: 2rem !important;
  }
  .u-mt-l-6,
.u-my-l-6 {
    margin-top: 2rem !important;
  }
  .u-mr-l-6,
.u-mx-l-6 {
    margin-right: 2rem !important;
  }
  .u-mb-l-6,
.u-my-l-6 {
    margin-bottom: 2rem !important;
  }
  .u-ml-l-6,
.u-mx-l-6 {
    margin-left: 2rem !important;
  }
  .u-p-l-0 {
    padding: 0 !important;
  }
  .u-pt-l-0,
.u-py-l-0 {
    padding-top: 0 !important;
  }
  .u-pr-l-0,
.u-px-l-0 {
    padding-right: 0 !important;
  }
  .u-pb-l-0,
.u-py-l-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-l-0,
.u-px-l-0 {
    padding-left: 0 !important;
  }
  .u-p-l-1 {
    padding: 0.3rem !important;
  }
  .u-pt-l-1,
.u-py-l-1 {
    padding-top: 0.3rem !important;
  }
  .u-pr-l-1,
.u-px-l-1 {
    padding-right: 0.3rem !important;
  }
  .u-pb-l-1,
.u-py-l-1 {
    padding-bottom: 0.3rem !important;
  }
  .u-pl-l-1,
.u-px-l-1 {
    padding-left: 0.3rem !important;
  }
  .u-p-l-2 {
    padding: 0.6rem !important;
  }
  .u-pt-l-2,
.u-py-l-2 {
    padding-top: 0.6rem !important;
  }
  .u-pr-l-2,
.u-px-l-2 {
    padding-right: 0.6rem !important;
  }
  .u-pb-l-2,
.u-py-l-2 {
    padding-bottom: 0.6rem !important;
  }
  .u-pl-l-2,
.u-px-l-2 {
    padding-left: 0.6rem !important;
  }
  .u-p-l-3 {
    padding: 1rem !important;
  }
  .u-pt-l-3,
.u-py-l-3 {
    padding-top: 1rem !important;
  }
  .u-pr-l-3,
.u-px-l-3 {
    padding-right: 1rem !important;
  }
  .u-pb-l-3,
.u-py-l-3 {
    padding-bottom: 1rem !important;
  }
  .u-pl-l-3,
.u-px-l-3 {
    padding-left: 1rem !important;
  }
  .u-p-l-4 {
    padding: 1.25rem !important;
  }
  .u-pt-l-4,
.u-py-l-4 {
    padding-top: 1.25rem !important;
  }
  .u-pr-l-4,
.u-px-l-4 {
    padding-right: 1.25rem !important;
  }
  .u-pb-l-4,
.u-py-l-4 {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-l-4,
.u-px-l-4 {
    padding-left: 1.25rem !important;
  }
  .u-p-l-5 {
    padding: 1.5rem !important;
  }
  .u-pt-l-5,
.u-py-l-5 {
    padding-top: 1.5rem !important;
  }
  .u-pr-l-5,
.u-px-l-5 {
    padding-right: 1.5rem !important;
  }
  .u-pb-l-5,
.u-py-l-5 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-l-5,
.u-px-l-5 {
    padding-left: 1.5rem !important;
  }
  .u-p-l-6 {
    padding: 2rem !important;
  }
  .u-pt-l-6,
.u-py-l-6 {
    padding-top: 2rem !important;
  }
  .u-pr-l-6,
.u-px-l-6 {
    padding-right: 2rem !important;
  }
  .u-pb-l-6,
.u-py-l-6 {
    padding-bottom: 2rem !important;
  }
  .u-pl-l-6,
.u-px-l-6 {
    padding-left: 2rem !important;
  }
  .u-m-l-n1 {
    margin: -0.3rem !important;
  }
  .u-mt-l-n1,
.u-my-l-n1 {
    margin-top: -0.3rem !important;
  }
  .u-mr-l-n1,
.u-mx-l-n1 {
    margin-right: -0.3rem !important;
  }
  .u-mb-l-n1,
.u-my-l-n1 {
    margin-bottom: -0.3rem !important;
  }
  .u-ml-l-n1,
.u-mx-l-n1 {
    margin-left: -0.3rem !important;
  }
  .u-m-l-n2 {
    margin: -0.6rem !important;
  }
  .u-mt-l-n2,
.u-my-l-n2 {
    margin-top: -0.6rem !important;
  }
  .u-mr-l-n2,
.u-mx-l-n2 {
    margin-right: -0.6rem !important;
  }
  .u-mb-l-n2,
.u-my-l-n2 {
    margin-bottom: -0.6rem !important;
  }
  .u-ml-l-n2,
.u-mx-l-n2 {
    margin-left: -0.6rem !important;
  }
  .u-m-l-n3 {
    margin: -1rem !important;
  }
  .u-mt-l-n3,
.u-my-l-n3 {
    margin-top: -1rem !important;
  }
  .u-mr-l-n3,
.u-mx-l-n3 {
    margin-right: -1rem !important;
  }
  .u-mb-l-n3,
.u-my-l-n3 {
    margin-bottom: -1rem !important;
  }
  .u-ml-l-n3,
.u-mx-l-n3 {
    margin-left: -1rem !important;
  }
  .u-m-l-n4 {
    margin: -1.25rem !important;
  }
  .u-mt-l-n4,
.u-my-l-n4 {
    margin-top: -1.25rem !important;
  }
  .u-mr-l-n4,
.u-mx-l-n4 {
    margin-right: -1.25rem !important;
  }
  .u-mb-l-n4,
.u-my-l-n4 {
    margin-bottom: -1.25rem !important;
  }
  .u-ml-l-n4,
.u-mx-l-n4 {
    margin-left: -1.25rem !important;
  }
  .u-m-l-n5 {
    margin: -1.5rem !important;
  }
  .u-mt-l-n5,
.u-my-l-n5 {
    margin-top: -1.5rem !important;
  }
  .u-mr-l-n5,
.u-mx-l-n5 {
    margin-right: -1.5rem !important;
  }
  .u-mb-l-n5,
.u-my-l-n5 {
    margin-bottom: -1.5rem !important;
  }
  .u-ml-l-n5,
.u-mx-l-n5 {
    margin-left: -1.5rem !important;
  }
  .u-m-l-n6 {
    margin: -2rem !important;
  }
  .u-mt-l-n6,
.u-my-l-n6 {
    margin-top: -2rem !important;
  }
  .u-mr-l-n6,
.u-mx-l-n6 {
    margin-right: -2rem !important;
  }
  .u-mb-l-n6,
.u-my-l-n6 {
    margin-bottom: -2rem !important;
  }
  .u-ml-l-n6,
.u-mx-l-n6 {
    margin-left: -2rem !important;
  }
  .u-m-l-auto {
    margin: auto !important;
  }
  .u-mt-l-auto,
.u-my-l-auto {
    margin-top: auto !important;
  }
  .u-mr-l-auto,
.u-mx-l-auto {
    margin-right: auto !important;
  }
  .u-mb-l-auto,
.u-my-l-auto {
    margin-bottom: auto !important;
  }
  .u-ml-l-auto,
.u-mx-l-auto {
    margin-left: auto !important;
  }
}
.u-m-0 {
  margin: 0 !important;
}

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

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

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

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

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

.u-mt-1,
.u-my-1 {
  margin-top: 0.3rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.3rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.3rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.3rem !important;
}

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

.u-mt-2,
.u-my-2 {
  margin-top: 0.6rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 0.6rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 0.6rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 0.6rem !important;
}

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

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

.u-mr-3,
.u-mx-3 {
  margin-right: 1rem !important;
}

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

.u-ml-3,
.u-mx-3 {
  margin-left: 1rem !important;
}

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

.u-mt-4,
.u-my-4 {
  margin-top: 1.25rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 1.25rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 1.25rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 1.25rem !important;
}

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

.u-mt-5,
.u-my-5 {
  margin-top: 1.5rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 1.5rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 1.5rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 1.5rem !important;
}

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

.u-mt-6,
.u-my-6 {
  margin-top: 2rem !important;
}

.u-mr-6,
.u-mx-6 {
  margin-right: 2rem !important;
}

.u-mb-6,
.u-my-6 {
  margin-bottom: 2rem !important;
}

.u-ml-6,
.u-mx-6 {
  margin-left: 2rem !important;
}

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

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

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

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

.u-pt-1,
.u-py-1 {
  padding-top: 0.3rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.3rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.3rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.3rem !important;
}

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

.u-pt-2,
.u-py-2 {
  padding-top: 0.6rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 0.6rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 0.6rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 0.6rem !important;
}

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

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

.u-pr-3,
.u-px-3 {
  padding-right: 1rem !important;
}

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

.u-pl-3,
.u-px-3 {
  padding-left: 1rem !important;
}

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

.u-pt-4,
.u-py-4 {
  padding-top: 1.25rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 1.25rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 1.25rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 1.25rem !important;
}

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

.u-pt-5,
.u-py-5 {
  padding-top: 1.5rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 1.5rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 1.5rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 1.5rem !important;
}

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

.u-pt-6,
.u-py-6 {
  padding-top: 2rem !important;
}

.u-pr-6,
.u-px-6 {
  padding-right: 2rem !important;
}

.u-pb-6,
.u-py-6 {
  padding-bottom: 2rem !important;
}

.u-pl-6,
.u-px-6 {
  padding-left: 2rem !important;
}

.u-m-n1 {
  margin: -0.3rem !important;
}

.u-mt-n1,
.u-my-n1 {
  margin-top: -0.3rem !important;
}

.u-mr-n1,
.u-mx-n1 {
  margin-right: -0.3rem !important;
}

.u-mb-n1,
.u-my-n1 {
  margin-bottom: -0.3rem !important;
}

.u-ml-n1,
.u-mx-n1 {
  margin-left: -0.3rem !important;
}

.u-m-n2 {
  margin: -0.6rem !important;
}

.u-mt-n2,
.u-my-n2 {
  margin-top: -0.6rem !important;
}

.u-mr-n2,
.u-mx-n2 {
  margin-right: -0.6rem !important;
}

.u-mb-n2,
.u-my-n2 {
  margin-bottom: -0.6rem !important;
}

.u-ml-n2,
.u-mx-n2 {
  margin-left: -0.6rem !important;
}

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

.u-mt-n3,
.u-my-n3 {
  margin-top: -1rem !important;
}

.u-mr-n3,
.u-mx-n3 {
  margin-right: -1rem !important;
}

.u-mb-n3,
.u-my-n3 {
  margin-bottom: -1rem !important;
}

.u-ml-n3,
.u-mx-n3 {
  margin-left: -1rem !important;
}

.u-m-n4 {
  margin: -1.25rem !important;
}

.u-mt-n4,
.u-my-n4 {
  margin-top: -1.25rem !important;
}

.u-mr-n4,
.u-mx-n4 {
  margin-right: -1.25rem !important;
}

.u-mb-n4,
.u-my-n4 {
  margin-bottom: -1.25rem !important;
}

.u-ml-n4,
.u-mx-n4 {
  margin-left: -1.25rem !important;
}

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

.u-mt-n5,
.u-my-n5 {
  margin-top: -1.5rem !important;
}

.u-mr-n5,
.u-mx-n5 {
  margin-right: -1.5rem !important;
}

.u-mb-n5,
.u-my-n5 {
  margin-bottom: -1.5rem !important;
}

.u-ml-n5,
.u-mx-n5 {
  margin-left: -1.5rem !important;
}

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

.u-mt-n6,
.u-my-n6 {
  margin-top: -2rem !important;
}

.u-mr-n6,
.u-mx-n6 {
  margin-right: -2rem !important;
}

.u-mb-n6,
.u-my-n6 {
  margin-bottom: -2rem !important;
}

.u-ml-n6,
.u-mx-n6 {
  margin-left: -2rem !important;
}

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

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

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}

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

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important;
}

@media (min-width: 0) and (max-width: 350px) {
  .u-size-m-xs-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-xs-10,
.u-size-my-xs-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-xs-10,
.u-size-mx-xs-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-xs-10,
.u-size-my-xs-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-xs-10,
.u-size-mx-xs-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-xs-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-xs-15,
.u-size-my-xs-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-xs-15,
.u-size-mx-xs-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-xs-15,
.u-size-my-xs-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-xs-15,
.u-size-mx-xs-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-xs-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-xs-20,
.u-size-my-xs-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-xs-20,
.u-size-mx-xs-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-xs-20,
.u-size-my-xs-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-xs-20,
.u-size-mx-xs-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-xs-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-xs-25,
.u-size-my-xs-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-xs-25,
.u-size-mx-xs-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-xs-25,
.u-size-my-xs-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-xs-25,
.u-size-mx-xs-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-xs-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-xs-30,
.u-size-my-xs-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-xs-30,
.u-size-mx-xs-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-xs-30,
.u-size-my-xs-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-xs-30,
.u-size-mx-xs-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-xs-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-xs-40,
.u-size-my-xs-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-xs-40,
.u-size-mx-xs-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-xs-40,
.u-size-my-xs-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-xs-40,
.u-size-mx-xs-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-xs-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-xs-60,
.u-size-my-xs-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-xs-60,
.u-size-mx-xs-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-xs-60,
.u-size-my-xs-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-xs-60,
.u-size-mx-xs-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-xs-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-xs-10,
.u-size-py-xs-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-xs-10,
.u-size-px-xs-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-xs-10,
.u-size-py-xs-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-xs-10,
.u-size-px-xs-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-xs-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-xs-15,
.u-size-py-xs-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-xs-15,
.u-size-px-xs-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-xs-15,
.u-size-py-xs-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-xs-15,
.u-size-px-xs-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-xs-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-xs-20,
.u-size-py-xs-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-xs-20,
.u-size-px-xs-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-xs-20,
.u-size-py-xs-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-xs-20,
.u-size-px-xs-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-xs-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-xs-25,
.u-size-py-xs-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-xs-25,
.u-size-px-xs-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-xs-25,
.u-size-py-xs-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-xs-25,
.u-size-px-xs-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-xs-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-xs-30,
.u-size-py-xs-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-xs-30,
.u-size-px-xs-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-xs-30,
.u-size-py-xs-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-xs-30,
.u-size-px-xs-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-xs-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-xs-40,
.u-size-py-xs-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-xs-40,
.u-size-px-xs-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-xs-40,
.u-size-py-xs-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-xs-40,
.u-size-px-xs-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-xs-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-xs-60,
.u-size-py-xs-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-xs-60,
.u-size-px-xs-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-xs-60,
.u-size-py-xs-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-xs-60,
.u-size-px-xs-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 351px) and (max-width: 450px) {
  .u-size-m-s-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-s-10,
.u-size-my-s-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-s-10,
.u-size-mx-s-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-s-10,
.u-size-my-s-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-s-10,
.u-size-mx-s-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-s-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-s-15,
.u-size-my-s-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-s-15,
.u-size-mx-s-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-s-15,
.u-size-my-s-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-s-15,
.u-size-mx-s-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-s-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-s-20,
.u-size-my-s-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-s-20,
.u-size-mx-s-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-s-20,
.u-size-my-s-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-s-20,
.u-size-mx-s-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-s-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-s-25,
.u-size-my-s-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-s-25,
.u-size-mx-s-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-s-25,
.u-size-my-s-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-s-25,
.u-size-mx-s-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-s-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-s-30,
.u-size-my-s-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-s-30,
.u-size-mx-s-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-s-30,
.u-size-my-s-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-s-30,
.u-size-mx-s-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-s-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-s-40,
.u-size-my-s-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-s-40,
.u-size-mx-s-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-s-40,
.u-size-my-s-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-s-40,
.u-size-mx-s-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-s-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-s-60,
.u-size-my-s-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-s-60,
.u-size-mx-s-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-s-60,
.u-size-my-s-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-s-60,
.u-size-mx-s-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-s-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-s-10,
.u-size-py-s-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-s-10,
.u-size-px-s-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-s-10,
.u-size-py-s-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-s-10,
.u-size-px-s-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-s-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-s-15,
.u-size-py-s-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-s-15,
.u-size-px-s-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-s-15,
.u-size-py-s-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-s-15,
.u-size-px-s-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-s-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-s-20,
.u-size-py-s-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-s-20,
.u-size-px-s-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-s-20,
.u-size-py-s-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-s-20,
.u-size-px-s-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-s-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-s-25,
.u-size-py-s-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-s-25,
.u-size-px-s-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-s-25,
.u-size-py-s-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-s-25,
.u-size-px-s-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-s-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-s-30,
.u-size-py-s-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-s-30,
.u-size-px-s-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-s-30,
.u-size-py-s-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-s-30,
.u-size-px-s-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-s-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-s-40,
.u-size-py-s-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-s-40,
.u-size-px-s-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-s-40,
.u-size-py-s-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-s-40,
.u-size-px-s-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-s-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-s-60,
.u-size-py-s-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-s-60,
.u-size-px-s-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-s-60,
.u-size-py-s-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-s-60,
.u-size-px-s-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 451px) and (max-width: 700px) {
  .u-size-m-xt-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-xt-10,
.u-size-my-xt-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-xt-10,
.u-size-mx-xt-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-xt-10,
.u-size-my-xt-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-xt-10,
.u-size-mx-xt-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-xt-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-xt-15,
.u-size-my-xt-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-xt-15,
.u-size-mx-xt-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-xt-15,
.u-size-my-xt-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-xt-15,
.u-size-mx-xt-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-xt-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-xt-20,
.u-size-my-xt-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-xt-20,
.u-size-mx-xt-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-xt-20,
.u-size-my-xt-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-xt-20,
.u-size-mx-xt-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-xt-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-xt-25,
.u-size-my-xt-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-xt-25,
.u-size-mx-xt-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-xt-25,
.u-size-my-xt-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-xt-25,
.u-size-mx-xt-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-xt-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-xt-30,
.u-size-my-xt-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-xt-30,
.u-size-mx-xt-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-xt-30,
.u-size-my-xt-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-xt-30,
.u-size-mx-xt-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-xt-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-xt-40,
.u-size-my-xt-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-xt-40,
.u-size-mx-xt-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-xt-40,
.u-size-my-xt-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-xt-40,
.u-size-mx-xt-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-xt-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-xt-60,
.u-size-my-xt-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-xt-60,
.u-size-mx-xt-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-xt-60,
.u-size-my-xt-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-xt-60,
.u-size-mx-xt-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-xt-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-xt-10,
.u-size-py-xt-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-xt-10,
.u-size-px-xt-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-xt-10,
.u-size-py-xt-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-xt-10,
.u-size-px-xt-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-xt-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-xt-15,
.u-size-py-xt-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-xt-15,
.u-size-px-xt-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-xt-15,
.u-size-py-xt-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-xt-15,
.u-size-px-xt-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-xt-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-xt-20,
.u-size-py-xt-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-xt-20,
.u-size-px-xt-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-xt-20,
.u-size-py-xt-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-xt-20,
.u-size-px-xt-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-xt-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-xt-25,
.u-size-py-xt-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-xt-25,
.u-size-px-xt-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-xt-25,
.u-size-py-xt-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-xt-25,
.u-size-px-xt-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-xt-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-xt-30,
.u-size-py-xt-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-xt-30,
.u-size-px-xt-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-xt-30,
.u-size-py-xt-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-xt-30,
.u-size-px-xt-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-xt-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-xt-40,
.u-size-py-xt-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-xt-40,
.u-size-px-xt-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-xt-40,
.u-size-py-xt-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-xt-40,
.u-size-px-xt-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-xt-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-xt-60,
.u-size-py-xt-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-xt-60,
.u-size-px-xt-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-xt-60,
.u-size-py-xt-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-xt-60,
.u-size-px-xt-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-qs-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-qs-10,
.u-size-my-qs-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-qs-10,
.u-size-mx-qs-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-qs-10,
.u-size-my-qs-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-qs-10,
.u-size-mx-qs-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-qs-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-qs-15,
.u-size-my-qs-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-qs-15,
.u-size-mx-qs-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-qs-15,
.u-size-my-qs-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-qs-15,
.u-size-mx-qs-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-qs-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-qs-20,
.u-size-my-qs-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-qs-20,
.u-size-mx-qs-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-qs-20,
.u-size-my-qs-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-qs-20,
.u-size-mx-qs-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-qs-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-qs-25,
.u-size-my-qs-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-qs-25,
.u-size-mx-qs-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-qs-25,
.u-size-my-qs-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-qs-25,
.u-size-mx-qs-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-qs-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-qs-30,
.u-size-my-qs-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-qs-30,
.u-size-mx-qs-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-qs-30,
.u-size-my-qs-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-qs-30,
.u-size-mx-qs-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-qs-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-qs-40,
.u-size-my-qs-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-qs-40,
.u-size-mx-qs-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-qs-40,
.u-size-my-qs-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-qs-40,
.u-size-mx-qs-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-qs-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-qs-60,
.u-size-my-qs-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-qs-60,
.u-size-mx-qs-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-qs-60,
.u-size-my-qs-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-qs-60,
.u-size-mx-qs-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-qs-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-qs-10,
.u-size-py-qs-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-qs-10,
.u-size-px-qs-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-qs-10,
.u-size-py-qs-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-qs-10,
.u-size-px-qs-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-qs-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-qs-15,
.u-size-py-qs-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-qs-15,
.u-size-px-qs-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-qs-15,
.u-size-py-qs-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-qs-15,
.u-size-px-qs-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-qs-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-qs-20,
.u-size-py-qs-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-qs-20,
.u-size-px-qs-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-qs-20,
.u-size-py-qs-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-qs-20,
.u-size-px-qs-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-qs-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-qs-25,
.u-size-py-qs-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-qs-25,
.u-size-px-qs-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-qs-25,
.u-size-py-qs-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-qs-25,
.u-size-px-qs-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-qs-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-qs-30,
.u-size-py-qs-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-qs-30,
.u-size-px-qs-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-qs-30,
.u-size-py-qs-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-qs-30,
.u-size-px-qs-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-qs-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-qs-40,
.u-size-py-qs-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-qs-40,
.u-size-px-qs-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-qs-40,
.u-size-py-qs-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-qs-40,
.u-size-px-qs-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-qs-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-qs-60,
.u-size-py-qs-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-qs-60,
.u-size-px-qs-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-qs-60,
.u-size-py-qs-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-qs-60,
.u-size-px-qs-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-size-m-t-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-t-10,
.u-size-my-t-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-t-10,
.u-size-mx-t-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-t-10,
.u-size-my-t-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-t-10,
.u-size-mx-t-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-t-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-t-15,
.u-size-my-t-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-t-15,
.u-size-mx-t-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-t-15,
.u-size-my-t-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-t-15,
.u-size-mx-t-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-t-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-t-20,
.u-size-my-t-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-t-20,
.u-size-mx-t-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-t-20,
.u-size-my-t-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-t-20,
.u-size-mx-t-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-t-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-t-25,
.u-size-my-t-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-t-25,
.u-size-mx-t-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-t-25,
.u-size-my-t-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-t-25,
.u-size-mx-t-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-t-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-t-30,
.u-size-my-t-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-t-30,
.u-size-mx-t-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-t-30,
.u-size-my-t-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-t-30,
.u-size-mx-t-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-t-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-t-40,
.u-size-my-t-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-t-40,
.u-size-mx-t-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-t-40,
.u-size-my-t-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-t-40,
.u-size-mx-t-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-t-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-t-60,
.u-size-my-t-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-t-60,
.u-size-mx-t-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-t-60,
.u-size-my-t-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-t-60,
.u-size-mx-t-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-t-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-t-10,
.u-size-py-t-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-t-10,
.u-size-px-t-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-t-10,
.u-size-py-t-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-t-10,
.u-size-px-t-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-t-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-t-15,
.u-size-py-t-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-t-15,
.u-size-px-t-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-t-15,
.u-size-py-t-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-t-15,
.u-size-px-t-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-t-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-t-20,
.u-size-py-t-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-t-20,
.u-size-px-t-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-t-20,
.u-size-py-t-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-t-20,
.u-size-px-t-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-t-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-t-25,
.u-size-py-t-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-t-25,
.u-size-px-t-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-t-25,
.u-size-py-t-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-t-25,
.u-size-px-t-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-t-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-t-30,
.u-size-py-t-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-t-30,
.u-size-px-t-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-t-30,
.u-size-py-t-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-t-30,
.u-size-px-t-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-t-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-t-40,
.u-size-py-t-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-t-40,
.u-size-px-t-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-t-40,
.u-size-py-t-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-t-40,
.u-size-px-t-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-t-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-t-60,
.u-size-py-t-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-t-60,
.u-size-px-t-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-t-60,
.u-size-py-t-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-t-60,
.u-size-px-t-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 701px) and (max-width: 920px) {
  .u-size-m-qt-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-qt-10,
.u-size-my-qt-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-qt-10,
.u-size-mx-qt-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-qt-10,
.u-size-my-qt-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-qt-10,
.u-size-mx-qt-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-qt-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-qt-15,
.u-size-my-qt-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-qt-15,
.u-size-mx-qt-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-qt-15,
.u-size-my-qt-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-qt-15,
.u-size-mx-qt-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-qt-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-qt-20,
.u-size-my-qt-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-qt-20,
.u-size-mx-qt-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-qt-20,
.u-size-my-qt-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-qt-20,
.u-size-mx-qt-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-qt-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-qt-25,
.u-size-my-qt-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-qt-25,
.u-size-mx-qt-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-qt-25,
.u-size-my-qt-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-qt-25,
.u-size-mx-qt-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-qt-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-qt-30,
.u-size-my-qt-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-qt-30,
.u-size-mx-qt-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-qt-30,
.u-size-my-qt-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-qt-30,
.u-size-mx-qt-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-qt-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-qt-40,
.u-size-my-qt-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-qt-40,
.u-size-mx-qt-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-qt-40,
.u-size-my-qt-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-qt-40,
.u-size-mx-qt-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-qt-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-qt-60,
.u-size-my-qt-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-qt-60,
.u-size-mx-qt-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-qt-60,
.u-size-my-qt-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-qt-60,
.u-size-mx-qt-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-qt-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-qt-10,
.u-size-py-qt-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-qt-10,
.u-size-px-qt-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-qt-10,
.u-size-py-qt-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-qt-10,
.u-size-px-qt-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-qt-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-qt-15,
.u-size-py-qt-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-qt-15,
.u-size-px-qt-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-qt-15,
.u-size-py-qt-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-qt-15,
.u-size-px-qt-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-qt-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-qt-20,
.u-size-py-qt-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-qt-20,
.u-size-px-qt-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-qt-20,
.u-size-py-qt-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-qt-20,
.u-size-px-qt-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-qt-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-qt-25,
.u-size-py-qt-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-qt-25,
.u-size-px-qt-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-qt-25,
.u-size-py-qt-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-qt-25,
.u-size-px-qt-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-qt-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-qt-30,
.u-size-py-qt-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-qt-30,
.u-size-px-qt-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-qt-30,
.u-size-py-qt-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-qt-30,
.u-size-px-qt-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-qt-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-qt-40,
.u-size-py-qt-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-qt-40,
.u-size-px-qt-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-qt-40,
.u-size-py-qt-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-qt-40,
.u-size-px-qt-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-qt-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-qt-60,
.u-size-py-qt-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-qt-60,
.u-size-px-qt-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-qt-60,
.u-size-py-qt-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-qt-60,
.u-size-px-qt-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 921px) and (max-width: 1100px) {
  .u-size-m-m-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-m-10,
.u-size-my-m-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-m-10,
.u-size-mx-m-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-m-10,
.u-size-my-m-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-m-10,
.u-size-mx-m-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-m-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-m-15,
.u-size-my-m-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-m-15,
.u-size-mx-m-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-m-15,
.u-size-my-m-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-m-15,
.u-size-mx-m-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-m-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-m-20,
.u-size-my-m-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-m-20,
.u-size-mx-m-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-m-20,
.u-size-my-m-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-m-20,
.u-size-mx-m-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-m-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-m-25,
.u-size-my-m-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-m-25,
.u-size-mx-m-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-m-25,
.u-size-my-m-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-m-25,
.u-size-mx-m-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-m-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-m-30,
.u-size-my-m-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-m-30,
.u-size-mx-m-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-m-30,
.u-size-my-m-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-m-30,
.u-size-mx-m-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-m-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-m-40,
.u-size-my-m-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-m-40,
.u-size-mx-m-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-m-40,
.u-size-my-m-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-m-40,
.u-size-mx-m-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-m-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-m-60,
.u-size-my-m-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-m-60,
.u-size-mx-m-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-m-60,
.u-size-my-m-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-m-60,
.u-size-mx-m-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-m-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-m-10,
.u-size-py-m-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-m-10,
.u-size-px-m-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-m-10,
.u-size-py-m-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-m-10,
.u-size-px-m-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-m-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-m-15,
.u-size-py-m-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-m-15,
.u-size-px-m-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-m-15,
.u-size-py-m-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-m-15,
.u-size-px-m-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-m-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-m-20,
.u-size-py-m-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-m-20,
.u-size-px-m-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-m-20,
.u-size-py-m-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-m-20,
.u-size-px-m-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-m-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-m-25,
.u-size-py-m-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-m-25,
.u-size-px-m-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-m-25,
.u-size-py-m-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-m-25,
.u-size-px-m-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-m-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-m-30,
.u-size-py-m-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-m-30,
.u-size-px-m-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-m-30,
.u-size-py-m-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-m-30,
.u-size-px-m-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-m-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-m-40,
.u-size-py-m-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-m-40,
.u-size-px-m-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-m-40,
.u-size-py-m-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-m-40,
.u-size-px-m-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-m-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-m-60,
.u-size-py-m-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-m-60,
.u-size-px-m-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-m-60,
.u-size-py-m-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-m-60,
.u-size-px-m-60 {
    padding-left: 4.285rem !important;
  }
}
@media (min-width: 1101px) and (max-width: 1580px) {
  .u-size-m-l-10 {
    margin: 0.714rem !important;
  }
  .u-size-mt-l-10,
.u-size-my-l-10 {
    margin-top: 0.714rem !important;
  }
  .u-size-mr-l-10,
.u-size-mx-l-10 {
    margin-right: 0.714rem !important;
  }
  .u-size-mb-l-10,
.u-size-my-l-10 {
    margin-bottom: 0.714rem !important;
  }
  .u-size-ml-l-10,
.u-size-mx-l-10 {
    margin-left: 0.714rem !important;
  }
  .u-size-m-l-15 {
    margin: 1.125rem !important;
  }
  .u-size-mt-l-15,
.u-size-my-l-15 {
    margin-top: 1.125rem !important;
  }
  .u-size-mr-l-15,
.u-size-mx-l-15 {
    margin-right: 1.125rem !important;
  }
  .u-size-mb-l-15,
.u-size-my-l-15 {
    margin-bottom: 1.125rem !important;
  }
  .u-size-ml-l-15,
.u-size-mx-l-15 {
    margin-left: 1.125rem !important;
  }
  .u-size-m-l-20 {
    margin: 1.428rem !important;
  }
  .u-size-mt-l-20,
.u-size-my-l-20 {
    margin-top: 1.428rem !important;
  }
  .u-size-mr-l-20,
.u-size-mx-l-20 {
    margin-right: 1.428rem !important;
  }
  .u-size-mb-l-20,
.u-size-my-l-20 {
    margin-bottom: 1.428rem !important;
  }
  .u-size-ml-l-20,
.u-size-mx-l-20 {
    margin-left: 1.428rem !important;
  }
  .u-size-m-l-25 {
    margin: 1.785rem !important;
  }
  .u-size-mt-l-25,
.u-size-my-l-25 {
    margin-top: 1.785rem !important;
  }
  .u-size-mr-l-25,
.u-size-mx-l-25 {
    margin-right: 1.785rem !important;
  }
  .u-size-mb-l-25,
.u-size-my-l-25 {
    margin-bottom: 1.785rem !important;
  }
  .u-size-ml-l-25,
.u-size-mx-l-25 {
    margin-left: 1.785rem !important;
  }
  .u-size-m-l-30 {
    margin: 2.142rem !important;
  }
  .u-size-mt-l-30,
.u-size-my-l-30 {
    margin-top: 2.142rem !important;
  }
  .u-size-mr-l-30,
.u-size-mx-l-30 {
    margin-right: 2.142rem !important;
  }
  .u-size-mb-l-30,
.u-size-my-l-30 {
    margin-bottom: 2.142rem !important;
  }
  .u-size-ml-l-30,
.u-size-mx-l-30 {
    margin-left: 2.142rem !important;
  }
  .u-size-m-l-40 {
    margin: 2.857rem !important;
  }
  .u-size-mt-l-40,
.u-size-my-l-40 {
    margin-top: 2.857rem !important;
  }
  .u-size-mr-l-40,
.u-size-mx-l-40 {
    margin-right: 2.857rem !important;
  }
  .u-size-mb-l-40,
.u-size-my-l-40 {
    margin-bottom: 2.857rem !important;
  }
  .u-size-ml-l-40,
.u-size-mx-l-40 {
    margin-left: 2.857rem !important;
  }
  .u-size-m-l-60 {
    margin: 4.285rem !important;
  }
  .u-size-mt-l-60,
.u-size-my-l-60 {
    margin-top: 4.285rem !important;
  }
  .u-size-mr-l-60,
.u-size-mx-l-60 {
    margin-right: 4.285rem !important;
  }
  .u-size-mb-l-60,
.u-size-my-l-60 {
    margin-bottom: 4.285rem !important;
  }
  .u-size-ml-l-60,
.u-size-mx-l-60 {
    margin-left: 4.285rem !important;
  }
  .u-size-p-l-10 {
    padding: 0.714rem !important;
  }
  .u-size-pt-l-10,
.u-size-py-l-10 {
    padding-top: 0.714rem !important;
  }
  .u-size-pr-l-10,
.u-size-px-l-10 {
    padding-right: 0.714rem !important;
  }
  .u-size-pb-l-10,
.u-size-py-l-10 {
    padding-bottom: 0.714rem !important;
  }
  .u-size-pl-l-10,
.u-size-px-l-10 {
    padding-left: 0.714rem !important;
  }
  .u-size-p-l-15 {
    padding: 1.125rem !important;
  }
  .u-size-pt-l-15,
.u-size-py-l-15 {
    padding-top: 1.125rem !important;
  }
  .u-size-pr-l-15,
.u-size-px-l-15 {
    padding-right: 1.125rem !important;
  }
  .u-size-pb-l-15,
.u-size-py-l-15 {
    padding-bottom: 1.125rem !important;
  }
  .u-size-pl-l-15,
.u-size-px-l-15 {
    padding-left: 1.125rem !important;
  }
  .u-size-p-l-20 {
    padding: 1.428rem !important;
  }
  .u-size-pt-l-20,
.u-size-py-l-20 {
    padding-top: 1.428rem !important;
  }
  .u-size-pr-l-20,
.u-size-px-l-20 {
    padding-right: 1.428rem !important;
  }
  .u-size-pb-l-20,
.u-size-py-l-20 {
    padding-bottom: 1.428rem !important;
  }
  .u-size-pl-l-20,
.u-size-px-l-20 {
    padding-left: 1.428rem !important;
  }
  .u-size-p-l-25 {
    padding: 1.785rem !important;
  }
  .u-size-pt-l-25,
.u-size-py-l-25 {
    padding-top: 1.785rem !important;
  }
  .u-size-pr-l-25,
.u-size-px-l-25 {
    padding-right: 1.785rem !important;
  }
  .u-size-pb-l-25,
.u-size-py-l-25 {
    padding-bottom: 1.785rem !important;
  }
  .u-size-pl-l-25,
.u-size-px-l-25 {
    padding-left: 1.785rem !important;
  }
  .u-size-p-l-30 {
    padding: 2.142rem !important;
  }
  .u-size-pt-l-30,
.u-size-py-l-30 {
    padding-top: 2.142rem !important;
  }
  .u-size-pr-l-30,
.u-size-px-l-30 {
    padding-right: 2.142rem !important;
  }
  .u-size-pb-l-30,
.u-size-py-l-30 {
    padding-bottom: 2.142rem !important;
  }
  .u-size-pl-l-30,
.u-size-px-l-30 {
    padding-left: 2.142rem !important;
  }
  .u-size-p-l-40 {
    padding: 2.857rem !important;
  }
  .u-size-pt-l-40,
.u-size-py-l-40 {
    padding-top: 2.857rem !important;
  }
  .u-size-pr-l-40,
.u-size-px-l-40 {
    padding-right: 2.857rem !important;
  }
  .u-size-pb-l-40,
.u-size-py-l-40 {
    padding-bottom: 2.857rem !important;
  }
  .u-size-pl-l-40,
.u-size-px-l-40 {
    padding-left: 2.857rem !important;
  }
  .u-size-p-l-60 {
    padding: 4.285rem !important;
  }
  .u-size-pt-l-60,
.u-size-py-l-60 {
    padding-top: 4.285rem !important;
  }
  .u-size-pr-l-60,
.u-size-px-l-60 {
    padding-right: 4.285rem !important;
  }
  .u-size-pb-l-60,
.u-size-py-l-60 {
    padding-bottom: 4.285rem !important;
  }
  .u-size-pl-l-60,
.u-size-px-l-60 {
    padding-left: 4.285rem !important;
  }
}
.u-size-m-10 {
  margin: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-10 {
    margin: 0.5355rem !important;
  }
}
.u-size-mt-10,
.u-size-my-10 {
  margin-top: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-10,
.u-size-my-10 {
    margin-top: 0.5355rem !important;
  }
}
.u-size-mr-10,
.u-size-mx-10 {
  margin-right: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-10,
.u-size-mx-10 {
    margin-right: 0.5355rem !important;
  }
}
.u-size-mb-10,
.u-size-my-10 {
  margin-bottom: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-10,
.u-size-my-10 {
    margin-bottom: 0.5355rem !important;
  }
}
.u-size-ml-10,
.u-size-mx-10 {
  margin-left: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-10,
.u-size-mx-10 {
    margin-left: 0.5355rem !important;
  }
}
.u-size-m-15 {
  margin: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-15 {
    margin: 0.84375rem !important;
  }
}
.u-size-mt-15,
.u-size-my-15 {
  margin-top: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-15,
.u-size-my-15 {
    margin-top: 0.84375rem !important;
  }
}
.u-size-mr-15,
.u-size-mx-15 {
  margin-right: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-15,
.u-size-mx-15 {
    margin-right: 0.84375rem !important;
  }
}
.u-size-mb-15,
.u-size-my-15 {
  margin-bottom: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-15,
.u-size-my-15 {
    margin-bottom: 0.84375rem !important;
  }
}
.u-size-ml-15,
.u-size-mx-15 {
  margin-left: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-15,
.u-size-mx-15 {
    margin-left: 0.84375rem !important;
  }
}
.u-size-m-20 {
  margin: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-20 {
    margin: 1.071rem !important;
  }
}
.u-size-mt-20,
.u-size-my-20 {
  margin-top: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-20,
.u-size-my-20 {
    margin-top: 1.071rem !important;
  }
}
.u-size-mr-20,
.u-size-mx-20 {
  margin-right: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-20,
.u-size-mx-20 {
    margin-right: 1.071rem !important;
  }
}
.u-size-mb-20,
.u-size-my-20 {
  margin-bottom: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-20,
.u-size-my-20 {
    margin-bottom: 1.071rem !important;
  }
}
.u-size-ml-20,
.u-size-mx-20 {
  margin-left: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-20,
.u-size-mx-20 {
    margin-left: 1.071rem !important;
  }
}
.u-size-m-25 {
  margin: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-25 {
    margin: 1.33875rem !important;
  }
}
.u-size-mt-25,
.u-size-my-25 {
  margin-top: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-25,
.u-size-my-25 {
    margin-top: 1.33875rem !important;
  }
}
.u-size-mr-25,
.u-size-mx-25 {
  margin-right: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-25,
.u-size-mx-25 {
    margin-right: 1.33875rem !important;
  }
}
.u-size-mb-25,
.u-size-my-25 {
  margin-bottom: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-25,
.u-size-my-25 {
    margin-bottom: 1.33875rem !important;
  }
}
.u-size-ml-25,
.u-size-mx-25 {
  margin-left: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-25,
.u-size-mx-25 {
    margin-left: 1.33875rem !important;
  }
}
.u-size-m-30 {
  margin: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-30 {
    margin: 1.6065rem !important;
  }
}
.u-size-mt-30,
.u-size-my-30 {
  margin-top: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-30,
.u-size-my-30 {
    margin-top: 1.6065rem !important;
  }
}
.u-size-mr-30,
.u-size-mx-30 {
  margin-right: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-30,
.u-size-mx-30 {
    margin-right: 1.6065rem !important;
  }
}
.u-size-mb-30,
.u-size-my-30 {
  margin-bottom: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-30,
.u-size-my-30 {
    margin-bottom: 1.6065rem !important;
  }
}
.u-size-ml-30,
.u-size-mx-30 {
  margin-left: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-30,
.u-size-mx-30 {
    margin-left: 1.6065rem !important;
  }
}
.u-size-m-40 {
  margin: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-40 {
    margin: 2.14275rem !important;
  }
}
.u-size-mt-40,
.u-size-my-40 {
  margin-top: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-40,
.u-size-my-40 {
    margin-top: 2.14275rem !important;
  }
}
.u-size-mr-40,
.u-size-mx-40 {
  margin-right: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-40,
.u-size-mx-40 {
    margin-right: 2.14275rem !important;
  }
}
.u-size-mb-40,
.u-size-my-40 {
  margin-bottom: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-40,
.u-size-my-40 {
    margin-bottom: 2.14275rem !important;
  }
}
.u-size-ml-40,
.u-size-mx-40 {
  margin-left: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-40,
.u-size-mx-40 {
    margin-left: 2.14275rem !important;
  }
}
.u-size-m-60 {
  margin: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-m-60 {
    margin: 3.21375rem !important;
  }
}
.u-size-mt-60,
.u-size-my-60 {
  margin-top: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mt-60,
.u-size-my-60 {
    margin-top: 3.21375rem !important;
  }
}
.u-size-mr-60,
.u-size-mx-60 {
  margin-right: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mr-60,
.u-size-mx-60 {
    margin-right: 3.21375rem !important;
  }
}
.u-size-mb-60,
.u-size-my-60 {
  margin-bottom: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-mb-60,
.u-size-my-60 {
    margin-bottom: 3.21375rem !important;
  }
}
.u-size-ml-60,
.u-size-mx-60 {
  margin-left: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-ml-60,
.u-size-mx-60 {
    margin-left: 3.21375rem !important;
  }
}
.u-size-p-10 {
  padding: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-10 {
    padding: 0.5355rem !important;
  }
}
.u-size-pt-10,
.u-size-py-10 {
  padding-top: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-10,
.u-size-py-10 {
    padding-top: 0.5355rem !important;
  }
}
.u-size-pr-10,
.u-size-px-10 {
  padding-right: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-10,
.u-size-px-10 {
    padding-right: 0.5355rem !important;
  }
}
.u-size-pb-10,
.u-size-py-10 {
  padding-bottom: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-10,
.u-size-py-10 {
    padding-bottom: 0.5355rem !important;
  }
}
.u-size-pl-10,
.u-size-px-10 {
  padding-left: 0.714rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-10,
.u-size-px-10 {
    padding-left: 0.5355rem !important;
  }
}
.u-size-p-15 {
  padding: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-15 {
    padding: 0.84375rem !important;
  }
}
.u-size-pt-15,
.u-size-py-15 {
  padding-top: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-15,
.u-size-py-15 {
    padding-top: 0.84375rem !important;
  }
}
.u-size-pr-15,
.u-size-px-15 {
  padding-right: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-15,
.u-size-px-15 {
    padding-right: 0.84375rem !important;
  }
}
.u-size-pb-15,
.u-size-py-15 {
  padding-bottom: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-15,
.u-size-py-15 {
    padding-bottom: 0.84375rem !important;
  }
}
.u-size-pl-15,
.u-size-px-15 {
  padding-left: 1.125rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-15,
.u-size-px-15 {
    padding-left: 0.84375rem !important;
  }
}
.u-size-p-20 {
  padding: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-20 {
    padding: 1.071rem !important;
  }
}
.u-size-pt-20,
.u-size-py-20 {
  padding-top: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-20,
.u-size-py-20 {
    padding-top: 1.071rem !important;
  }
}
.u-size-pr-20,
.u-size-px-20 {
  padding-right: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-20,
.u-size-px-20 {
    padding-right: 1.071rem !important;
  }
}
.u-size-pb-20,
.u-size-py-20 {
  padding-bottom: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-20,
.u-size-py-20 {
    padding-bottom: 1.071rem !important;
  }
}
.u-size-pl-20,
.u-size-px-20 {
  padding-left: 1.428rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-20,
.u-size-px-20 {
    padding-left: 1.071rem !important;
  }
}
.u-size-p-25 {
  padding: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-25 {
    padding: 1.33875rem !important;
  }
}
.u-size-pt-25,
.u-size-py-25 {
  padding-top: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-25,
.u-size-py-25 {
    padding-top: 1.33875rem !important;
  }
}
.u-size-pr-25,
.u-size-px-25 {
  padding-right: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-25,
.u-size-px-25 {
    padding-right: 1.33875rem !important;
  }
}
.u-size-pb-25,
.u-size-py-25 {
  padding-bottom: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-25,
.u-size-py-25 {
    padding-bottom: 1.33875rem !important;
  }
}
.u-size-pl-25,
.u-size-px-25 {
  padding-left: 1.785rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-25,
.u-size-px-25 {
    padding-left: 1.33875rem !important;
  }
}
.u-size-p-30 {
  padding: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-30 {
    padding: 1.6065rem !important;
  }
}
.u-size-pt-30,
.u-size-py-30 {
  padding-top: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-30,
.u-size-py-30 {
    padding-top: 1.6065rem !important;
  }
}
.u-size-pr-30,
.u-size-px-30 {
  padding-right: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-30,
.u-size-px-30 {
    padding-right: 1.6065rem !important;
  }
}
.u-size-pb-30,
.u-size-py-30 {
  padding-bottom: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-30,
.u-size-py-30 {
    padding-bottom: 1.6065rem !important;
  }
}
.u-size-pl-30,
.u-size-px-30 {
  padding-left: 2.142rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-30,
.u-size-px-30 {
    padding-left: 1.6065rem !important;
  }
}
.u-size-p-40 {
  padding: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-40 {
    padding: 2.14275rem !important;
  }
}
.u-size-pt-40,
.u-size-py-40 {
  padding-top: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-40,
.u-size-py-40 {
    padding-top: 2.14275rem !important;
  }
}
.u-size-pr-40,
.u-size-px-40 {
  padding-right: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-40,
.u-size-px-40 {
    padding-right: 2.14275rem !important;
  }
}
.u-size-pb-40,
.u-size-py-40 {
  padding-bottom: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-40,
.u-size-py-40 {
    padding-bottom: 2.14275rem !important;
  }
}
.u-size-pl-40,
.u-size-px-40 {
  padding-left: 2.857rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-40,
.u-size-px-40 {
    padding-left: 2.14275rem !important;
  }
}
.u-size-p-60 {
  padding: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-p-60 {
    padding: 3.21375rem !important;
  }
}
.u-size-pt-60,
.u-size-py-60 {
  padding-top: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pt-60,
.u-size-py-60 {
    padding-top: 3.21375rem !important;
  }
}
.u-size-pr-60,
.u-size-px-60 {
  padding-right: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pr-60,
.u-size-px-60 {
    padding-right: 3.21375rem !important;
  }
}
.u-size-pb-60,
.u-size-py-60 {
  padding-bottom: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pb-60,
.u-size-py-60 {
    padding-bottom: 3.21375rem !important;
  }
}
.u-size-pl-60,
.u-size-px-60 {
  padding-left: 4.285rem !important;
}

@media (min-width: 0) and (max-width: 700px) {
  .u-size-pl-60,
.u-size-px-60 {
    padding-left: 3.21375rem !important;
  }
}
.u-text-center {
  text-align: center !important;
}

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

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

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

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

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

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

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

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

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

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

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

.u-text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.u-text-color-white {
  color: #fff !important;
}

.u-text-color-body-bg {
  color: #edf0f5 !important;
}

.u-text-color-light-bg {
  color: #c8d8f2 !important;
}

.u-text-color-primary {
  color: #369900 !important;
}

.u-text-color-primary-icon {
  color: #96b3de !important;
}

.u-text-color-secondary {
  color: #75a0e6 !important;
}

.u-text-color-light {
  color: #aaa !important;
}

.u-text-color-medium-gray {
  color: #999 !important;
}

.u-text-color-gray {
  color: #777 !important;
}

.u-text-color-dark-gray {
  color: #555 !important;
}

.u-text-color-black {
  color: #333 !important;
}

.u-text-color-accent {
  color: #ef530c !important;
}

.u-text-color-success {
  color: #00ba72 !important;
}

.u-text-color-info {
  color: #fffac4 !important;
}

.u-text-color-warning {
  color: #ffc107 !important;
}

.u-text-color-danger {
  color: #dc3545 !important;
}

.u-text-color-beginner-primary {
  color: #5fa133 !important;
}

.u-text-color-red {
  color: #ef3b23 !important;
}

.u-text-color-orange {
  color: #ffae00 !important;
}

.u-text-color-light-blue {
  color: #2e97ef !important;
}

.u-text-color-reset {
  color: inherit !important;
}

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

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

.u-line-height-lead {
  line-height: 1.3 !important;
}

.u-line-height-heading {
  line-height: 1.2 !important;
}

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

.text-danger {
  color: #f42e2e;
}

.bg-light-green01 {
  background-color: #eff1e4;
}

/* ========================================
    header
======================================== */
.p-header {
  position: fixed;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 10px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1300;
}
.p-header > p {
  text-align: right;
  font-size: 0.5rem;
  padding-top: 5px;
}

.p-header_logo {
  display: inline-block;
  height: 28px;
}

.p-header_logo img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.p-header_badge {
  margin-left: auto;
  height: 32px;
}

.p-header_badge img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.p-svgicon {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-size: inherit;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: inherit;
  vertical-align: -0.125em;
}

.p-svgicon:not([data-type=full]) {
  width: 1em;
  height: 1em;
}

.p-svgicon[data-type=full] {
  display: block;
}

.SearchResultsHeader {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #369900;
}

@media (min-width: 701px) and (max-width: 920px) {
  .SearchResultsHeader {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .SearchResultsHeader {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.SearchResultsHeader__title {
  font-size: 1.142rem;
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}

.SearchResultsHeader__title .p-svgicon {
  width: 1.3em;
  height: 1.3em;
  color: #96b3de;
  margin-right: 0.35em;
}

.SearchResultsHeader__titleText {
  font-size: 1.142rem;
}

.SearchResultsHeader__titleCount {
  font-size: 0.95rem;
  padding-left: 0.4em;
}

.SearchResultsHeader__sortBox {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  height: 2.8rem;
}

.SearchResultsHeader__sortBox select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  outline: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  display: block;
  background-color: transparent;
  width: 130%;
  height: 3.8rem;
  line-height: 3.8rem;
  font-size: inherit;
  font-weight: 700;
  text-indent: 1rem;
  margin-top: -0.5rem;
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
   -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
       transform: scale(0.85);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
   -ms-transform-origin: left center;
    -o-transform-origin: left center;
       transform-origin: left center;
  color: #369900;
}

.SearchResultsHeader__sortBox .p-svgicon {
  position: absolute;
  display: block;
  top: 50%;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  pointer-events: none;
  color: #777;
}

/* ========================================
    top banner
======================================== */
.p-topBanner {
  position: relative;
}

.p-topBanner img {
  width: 100%;
}

/* ========================================
    headline
======================================== */
.p-headline2 {
  padding-left: 10rem;
  padding-right: 10rem;
  font-size: 1.142rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #369900;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 701px) and (max-width: 920px) {
  .p-headline2 {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-headline2 {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.p-headline2 .p-svgicon {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
}

.p-headline2 .p-svgicon:not(.u-text-color-white) {
  opacity: 0.55;
}

.p-headline2--beginnerGreen {
  background-color: #5fa133;
}

.p-headlineRecommend {
  border-top: 1px solid #ddd;
  text-align: center;
}

/* ========================================
    search form
======================================== */
.SearchForm {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}

@media (min-width: 701px) and (max-width: 920px) {
  .SearchForm {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .SearchForm {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.SearchForm input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

/* ========================================
    tab
======================================== */
.scoped-TabUi {
  margin-bottom: 1.25rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.scoped-TabUi li {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  font-weight: 700;
}

.scoped-TabUi li:first-of-type a {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
  border-right: 0;
}

.scoped-TabUi li:last-of-type a {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
  border-left: 0;
}

.scoped-TabUi a {
  padding: 1rem;
  display: inline-block;
  width: 100%;
  color: #369900;
  background-color: #fff;
  border: 1px solid #999;
  text-align: center;
}

.scoped-TabUi a.is-active {
  position: relative;
  border-color: #369900;
  background-color: #369900;
  color: #fff;
}

.scoped-TabUi a.is-active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  display: block;
  width: 11px;
  height: 11px;
  -webkit-transform: rotate(45deg) translateX(-50%) translateY(50%);
  -moz-transform: rotate(45deg) translateX(-50%) translateY(50%);
   -ms-transform: rotate(45deg) translateX(-50%) translateY(50%);
    -o-transform: rotate(45deg) translateX(-50%) translateY(50%);
       transform: rotate(45deg) translateX(-50%) translateY(50%);
  background-color: #369900;
}

/* ========================================
    toggle button
======================================== */
.SearchFormService__toggleButton {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
  display: block;
  margin: auto;
  border: 0;
  padding: 10px 15px 10px 21px;
  background-color: transparent;
  font-size: 12px;
  line-height: 1;
  color: #333;
  text-align: center;
}

.SearchFormService__toggleButton .p-svgicon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-52.25%);
  -moz-transform: translateY(-52.25%);
   -ms-transform: translateY(-52.25%);
    -o-transform: translateY(-52.25%);
       transform: translateY(-52.25%);
  color: #555;
}

.SearchFormService__content {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #e9f2e9;
     -moz-box-shadow: inset 0 0 0 2px #e9f2e9;
          box-shadow: inset 0 0 0 2px #e9f2e9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.SearchFormService__content input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.SearchFormService__Title {
  padding: 0.6rem;
  background-color: #e9f2e9;
  color: #369900;
  font-weight: 700;
  text-align: center;
  border: solid 1px #369900;
}

.SearchFormService__List {
  padding: 1rem;
  padding-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.SearchFormService__ListItem {
  margin-top: 0.6rem;
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  width: 33.3333333333%;
  text-align: left;
}

.SearchFormService__ListItem label {
  font-size: 0.865rem;
  position: relative;
  display: block;
  padding: 0 0 0 1.4rem;
  line-height: 1.4rem;
  height: 1.4rem;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.SearchFormService__ListItem label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.SearchFormService__ListItem label input[type=checkbox]:checked + span:before {
  background-color: #369900;
  border-color: #369900;
}

.SearchFormService__ListItem label input[type=checkbox]:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.4rem;
  width: 0.4rem;
  height: 0.7rem;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
   -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
       transform: rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.SearchFormAdvanced {
  position: relative;
}

.SearchFormAdvanced input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.SearchFormAdvanced__checkboxList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.SearchFormAdvanced__checkboxList li {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.SearchFormAdvanced__checkboxList li.isFilled {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.SearchFormAdvanced__checkboxListItem {
  margin-top: 0.6rem;
  text-align: left;
}

.SearchFormAdvanced__checkboxListItem label {
  font-size: 0.865rem;
  position: relative;
  display: block;
  padding: 0 0 0 1.4rem;
  line-height: 1.4rem;
  height: 1.4rem;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.SearchFormAdvanced__checkboxListItem label span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.SearchFormAdvanced__checkboxListItem label input[type=checkbox]:checked + span:before {
  background-color: #369900;
  border-color: #369900;
}

.SearchFormAdvanced__checkboxListItem label input[type=checkbox]:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.4rem;
  width: 0.4rem;
  height: 0.7rem;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
   -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
       transform: rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.SearchFormAdvanced__advancedToggleButton {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0;
  padding: 15px;
  padding-left: 21px;
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 1;
  color: #333;
}

.SearchFormAdvanced__advancedToggleButton:active {
  color: inherit;
}

.SearchFormAdvanced__advancedToggleButton .p-svgicon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-52.25%);
  -moz-transform: translateY(-52.25%);
   -ms-transform: translateY(-52.25%);
    -o-transform: translateY(-52.25%);
       transform: translateY(-52.25%);
  color: #555;
}

.SearchFormAdvanced__advancedContent {
  position: relative;
  display: block;
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  overflow-y: hidden;
  -webkit-transition: max-height 0.3s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.3s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.3s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.3s cubic-bezier(0.52, 0.16, 0.24, 1);
  max-height: 1px;
  will-change: max-height;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
       backface-visibility: hidden;
}

.SearchFormAdvanced__advancedContent:not(.is-open) {
  max-height: 0 !important;
}

.SearchFormAdvanced__advancedContent.is-open {
  max-height: 100%;
  -webkit-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.5s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.SearchFormAdvanced__advancedContent.is-open:before {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
   -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
       transform: translateY(100%);
  opacity: 0;
}

.SearchFormAdvanced__advancedList {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.SearchFormAdvanced__advancedList li:nth-child(-n+2) {
  margin-top: 0;
}

/* ========================================
    scoped alert
======================================== */
.scoped-AlertBox {
  padding: 1.25rem;
  margin-bottom: 1rem;
  background-color: #fffcdd;
  border: 1px solid #e5db6b;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.scoped-AlertBox p {
  font-size: 11px;
}

.scoped-AlertBox.--timer {
  text-align: center;
  margin-top: 0;
}

.scoped-AlertBox_title {
  margin-bottom: 0.6rem;
  padding-left: 22px;
  color: #f42e2e;
  font-size: 12px;
  background-image: url(../images/shared/icon/icon-exclamation-circle.svg?f2c1257a2e9873a11708a355815a8ab2);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.5;
}

.scoped-countdown {
  font-size: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fffcdd;
  border: 1px solid #e5db6b;
  text-align: center;
  font-weight: 700;
}

.scoped-countdown_time {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #f42e2e;
  font-style: normal;
}

.scoped-countdown em {
  font-size: 110%;
  font-style: normal;
}

.scoped-AlertBox.--timer .time {
  font-size: 1.35rem;
  font-style: normal;
  font-weight: 700;
  color: #f42e2e;
}

.CountdownClock {
  display: inline-block;
  white-space: nowrap;
}

.CountdownClock__em {
  font-style: normal;
  font-size: 105%;
}

/* ========================================
    select/input
======================================== */
.SearchForm__select {
  counter-reset: list-item;
  position: relative;
}

.SearchForm__select label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.SearchForm__select select {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  width: 107.5%;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  padding: 0 12% 0 50%;
  -webkit-transform: scale(0.925);
  -moz-transform: scale(0.925);
   -ms-transform: scale(0.925);
    -o-transform: scale(0.925);
       transform: scale(0.925);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
   -ms-transform-origin: left center;
    -o-transform-origin: left center;
       transform-origin: left center;
}

@media (min-width: 0) and (max-width: 350px) {
  .SearchForm__select select {
    padding-left: 55%;
    width: 120%;
    -webkit-transform: scale(0.825);
    -moz-transform: scale(0.825);
     -ms-transform: scale(0.825);
      -o-transform: scale(0.825);
         transform: scale(0.825);
    letter-spacing: 0;
  }
}
.SearchForm__selectItem {
  margin-bottom: 0.6rem;
  counter-increment: list-item;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.SearchForm__selectItem:last-child {
  margin-bottom: 0;
}

.SearchForm__selectItem:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid #f42e2e;
  -webkit-box-shadow: 0 0 0 1px #f42e2e;
     -moz-box-shadow: 0 0 0 1px #f42e2e;
          box-shadow: 0 0 0 1px #f42e2e;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  opacity: 0;
}

.SearchForm__selectItem.is-nextStep:after {
  -webkit-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
  -moz-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
    -o-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
       animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
}

@-webkit-keyframes blinkAnime-data-v-b7f0822e {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blinkAnime-data-v-b7f0822e {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes blinkAnime-data-v-b7f0822e {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinkAnime-data-v-b7f0822e {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.SearchForm__selectItemLabelInner {
  font-size: 1rem;
  left: 1rem;
  position: absolute;
  top: 50%;
  width: 40%;
  font-weight: 700;
  letter-spacing: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.SearchForm__selectItemLabelInner:before {
  content: counter(list-item) ".";
  color: #369900;
  padding-right: 0.5em;
}

.SearchForm__selectItemIcon {
  position: absolute;
  display: block;
  top: 50%;
  right: 19px;
  color: #96a8c6;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  pointer-events: none;
}

.SearchForm__selectItem.is-selected .SearchForm__selectItemIcon {
  color: #00ba72;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  right: 15px;
  background-color: transparent;
}

.SearchForm__selectItemIcon .p-svgicon {
  width: 100%;
  height: 100%;
}

.scoped-rangeWrapper .SearchForm__selectItemLabelInner {
  top: 12px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
   -ms-transform: translateY(0);
    -o-transform: translateY(0);
       transform: translateY(0);
}

.scoped-rangeValue {
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  margin: 12px;
}

.scoped-rangeBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px 15px;
}

.scoped-rangeBox button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  color: #369900;
}

.scoped-rangeBox input[type=range] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #ccc;
  width: 60%;
  height: 4px;
  margin: 15px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

.scoped-rangeBox input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 24px;
  height: 24px;
  background: #369900;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.scoped-rangeBox input[type=range]::-moz-range-thumb {
  -moz-border-radius: 50%;
       border-radius: 50%;
  width: 24px;
  height: 24px;
  background: #369900;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.SearchFormAdvanced {
  position: relative;
}

.SearchFormAdvanced input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.scoped-box {
  margin-top: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #e9f2e9;
  text-align: center;
  border: solid 1px #369900;
}

.scoped-box .scoped-title {
  font-size: 0.865rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  line-height: 1.2;
}

.scoped-box .scoped-list {
  font-size: 0.865rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.75;
  padding: 0;
  background-color: transparent;
}

.scoped-list {
  font-size: 0.865rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.75;
}

.scoped-list > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.scoped-list dt,
.scoped-list dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

.scoped-list dt {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.scoped-list dt:after {
  content: ":";
  padding: 0 2px;
}

.scoped-list dd {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.scoped-list svg {
  fill: #ec5c1b;
  margin-right: 4px;
}

/* ========================================
    button
======================================== */
.c-button {
  display: block;
  width: auto;
  padding: 10px;
  color: white;
  font-size: 12px;
  border: 1px solid #cb4000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 3px 0 #c13d00;
     -moz-box-shadow: 0 3px 0 #c13d00;
          box-shadow: 0 3px 0 #c13d00;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd7f2f), to(#f54e1d));
  background-image: -webkit-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -moz-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -o-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: linear-gradient(180deg, #fd7f2f 0, #f54e1d 100%);
  font-weight: 700;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}

.c-button:link,
.c-button:visited {
  color: white;
}

.SearchForm__submit {
  font-size: 1.35rem;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin: 0 0 5px;
  padding: 0;
  height: 4rem;
  background-color: #fd7f2f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd7f2f), to(#f54e1d));
  background-image: -webkit-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -moz-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -o-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: linear-gradient(180deg, #fd7f2f 0, #f54e1d 100%);
  -webkit-box-shadow: 0 3px 0 #c13d00;
     -moz-box-shadow: 0 3px 0 #c13d00;
          box-shadow: 0 3px 0 #c13d00;
  border: 1px solid #cb4000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  width: 100%;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.SearchForm__submit:focus {
  outline: none;
}

.SearchForm__submit:active {
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
   -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
       transform: translateY(3px);
  -webkit-box-shadow: inset 0 1px 2px #c13d00;
     -moz-box-shadow: inset 0 1px 2px #c13d00;
          box-shadow: inset 0 1px 2px #c13d00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3e0b), to(#fd6f16));
  background-image: -webkit-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: -moz-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: -o-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: linear-gradient(180deg, #ee3e0b, #fd6f16);
}

.SearchForm__submit:after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -7px;
  right: -4px;
  pointer-events: none;
  border: 1px solid #f42e2e;
  -webkit-box-shadow: 0 0 0 1px #f42e2e;
     -moz-box-shadow: 0 0 0 1px #f42e2e;
          box-shadow: 0 0 0 1px #f42e2e;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  opacity: 0;
}

.SearchForm__submit.is-nextStep:after {
  -webkit-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
  -moz-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
    -o-animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
       animation: blinkAnime-data-v-b7f0822e 0.8s infinite alternate linear;
}

@keyframes blinkAnime-data-v-b7f0822e {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.SearchForm__submitIcon {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}

/* ========================================
    top comtent
======================================== */
.p-topContent {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
}

@media (min-width: 701px) and (max-width: 920px) {
  .p-topContent {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-topContent {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.p-topContent > h1 {
  width: 100%;
  height: 300px;
  background-color: #ddd;
  text-align: center;
  line-height: 300px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}

.p-topContent_lead {
  font-size: 1.35rem;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.p-topContent_lead_impact {
  color: #369900;
  font-size: 130%;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1;
}

.p-topContent_lead_impact:first-letter {
  font-size: 130%;
}

@media (min-width: 0) and (max-width: 350px) {
  .p-topContent_lead {
    font-size: 1.24875rem;
  }
}
.p-topContent_card {
  margin-bottom: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  text-align: center;
}

.p-topContent_card:last-child {
  margin-bottom: 0;
}

.p-topContent_cardThumbnail {
  position: relative;
}

.p-topContent_cardThumbnail > img {
  width: 100%;
}

.p-topContent_cardThumbnail .imgWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 140px;
}

.p-topContent_cardThumbnail .imgWrap img {
  width: auto;
}

.p-topContent_cardContent hgroup {
  position: relative;
  padding-top: 2.6rem;
  text-align: center;
}

.p-topContent_cardContent hgroup .title {
  font-size: 1.35rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #369900;
}

.p-topContent_cardContent hgroup .tooltip {
  display: inline-box;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
       transform: translateX(-50%) translateY(-50%);
  padding: 0 20px;
  line-height: 34px;
  height: 34px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #369900;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 400;
}

.p-topContent_cardContent hgroup .tooltip .tooltip_smallText {
  font-size: 12px;
  padding-right: 0.2em;
}

.p-topContent_cardContent hgroup .tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top-color: #369900;
}

.p-topContent_cardContent {
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-topContent_cardContent > p {
  text-align: left;
  max-width: 24em;
  margin-left: auto;
  margin-right: auto;
}

/* ========================================
    cardlist
======================================== */
.Grouping__cardList {
  padding-left: 10rem;
  padding-right: 10rem;
  margin: 1.5rem 0;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Grouping__cardList {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Grouping__cardList {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Grouping__cardList article {
  margin-bottom: 1rem;
}

.Grouping__cardList article:last-child {
  margin-bottom: 0;
}

.BeginnerContentGrouping__cardList {
  padding-left: 10rem;
  padding-right: 10rem;
  margin: 1.5rem 0;
}

@media (min-width: 701px) and (max-width: 920px) {
  .BeginnerContentGrouping__cardList {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .BeginnerContentGrouping__cardList {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.BeginnerContentGrouping__cardList article {
  margin-bottom: 1rem;
}

.BeginnerContentGrouping__cardList article:last-child {
  margin-bottom: 0;
}

/* ========================================
    card
======================================== */
.p-card {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.p-card_content {
  padding: 1rem;
}

.p-card_header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}

.p-card_header_title {
  line-height: 1.5;
}

.p-card_header_title a {
  color: #369900;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.p-card_header_label {
  -webkit-border-radius: 3em;
     -moz-border-radius: 3em;
          border-radius: 3em;
  padding: 7px 12px;
  font-size: 11px;
  background-color: #369900;
  color: #fff;
}

.p-card_header_label:before {
  content: url(../images/shared/icon/icon-checked-yellow.svg?c297e31f2c9ff4d0b309cabf0a2b935e);
  width: 1em;
  margin-right: 4px;
}

.p-card_header_prLabel {
  font-size: 0.95rem;
  font-weight: 700;
}

.p-card_header_prLabel .p-svgicon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: #d8c174;
  margin-right: 0.5em;
}

.p-card_message {
  font-size: 0.95rem;
  padding: 0.3rem;
  margin-bottom: 1rem;
  background-color: #e8f4ff;
  border: 1px solid #93caf2;
  font-weight: 400;
  color: #0c7fd4;
  text-align: center;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.p-card_message[data-style=yellow] {
  background-color: #fffcdd;
  border-color: #e5db6b;
  font-weight: 700;
  color: #f42e2e;
}

.p-card_message[data-style=pr] {
  background-color: #ef530c;
  border: none;
  font-weight: 700;
  color: #fff;
}

.p-card_info {
  grid-gap: 0.6rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "cardInfoImage cardInfoTable" "cardInfoReview cardInfoTable";
}

.p-card[data-style=article] .p-card_info {
  grid-gap: 1rem;
  grid-template-areas: "cardInfoImage cardInfoPoint" "cardInfoArticle cardInfoArticle" "cardInfoTable cardInfoTable";
}

.p-card_infoImage {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: cardInfoImage;
}

.p-card[data-style=article] .p-card_info > .p-card_infoImage {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-card_infoStarbox {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: cardInfoReview;
}

.p-card_infoTable {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: cardInfoTable;
}

.p-card[data-style=article] .p-card_info > .p-card_infoTable {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.p-card_infoPoint {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: cardInfoPoint;
}

.p-card[data-style=article] .p-card_info > .p-card_infoPoint {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.p-card_infoArticle {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: cardInfoArticle;
}

.p-card_infoStarboxBox {
  background-color: #fff;
  border: 1px solid #ddd;
}

.p-card_infoStarbox_text {
  font-size: 0.865rem;
  font-weight: 700;
  text-align: center;
  padding: 0.4rem 0 0.2rem;
}

.p-card_infoStarbox_text b {
  color: #f42e2e;
  font-size: 110%;
  padding-left: 0.2em;
}

.p-card_infoStarbox_ranking {
  font-size: 0.75rem;
  background-color: #369900;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.p-card_infoStarbox_star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.4rem;
}

.p-card_infoStarbox_star .p-svgicon {
  color: #ddd;
}

.p-card_infoStarbox_star .p-svgicon.is-filled {
  color: #ffa338;
}

.p-card_infoTable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  height: 100%;
}

.p-card[data-style=article] .p-card_infoTable {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.p-card_infoTable_box {
  font-size: 0.865rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-width: 0;
}

.p-card[data-style=article] .p-card_infoTable_box {
  width: 50%;
  border-width: 1px 1px 0 0;
}

.p-card_infoTable_box:first-child {
  border-top-width: 1px;
}

.p-card_infoTable_box dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f0f0f0;
  border-right: 1px solid #ddd;
  width: 40%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-weight: 700;
  padding: 0.5em 0;
}

.p-card[data-style=article] .p-card_infoTable_box dt {
  padding: 0.8em 0;
}

.p-card_infoTable_box dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  font-weight: 700;
  padding: 0.5em 0;
}

.p-card[data-style=article] .p-card_infoTable_box dd {
  padding: 0.8em 0;
}

.p-card_infoTable_box_dd .p-svgicon {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  color: #ffdeaa;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.p-card_infoTable_box_dd > span {
  position: relative;
}

.p-card_infoPoint li {
  font-size: 1.142rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  padding-left: 2rem;
}

.p-card_infoPoint li:last-child {
  margin-bottom: 0;
}

.p-card_infoPoint li .is-caution {
  font-size: 0.75rem;
  font-weight: 400;
}

.p-card_infoPoint_icon {
  margin-right: 1rem;
  position: absolute;
  top: 0.1em;
  left: 0;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 1em;
  height: 1em;
  -webkit-box-shadow: 0 0 0 1px #ddd;
     -moz-box-shadow: 0 0 0 1px #ddd;
          box-shadow: 0 0 0 1px #ddd;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  color: #f42e2e;
}

.p-card_infoPoint_icon .p-svgicon {
  -webkit-transform: scale(1.2) translateX(10%);
  -moz-transform: scale(1.2) translateX(10%);
   -ms-transform: scale(1.2) translateX(10%);
    -o-transform: scale(1.2) translateX(10%);
       transform: scale(1.2) translateX(10%);
  display: block;
}

.p-card_infoArticle_heading {
  font-size: 1.142rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5fa133;
  font-weight: 700;
  line-height: 1.5;
}

.p-card_infoArticle_heading span {
  font-size: 0.75rem;
  display: inline-block;
  position: relative;
  margin-right: 1em;
  padding: 0.7em 1.2em 0.7em 2.8em;
  line-height: 1;
  color: #fff;
  background-color: #5fa133;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  text-transform: uppercase;
  font-weight: 500;
}

.p-card_infoArticle_heading span .p-svgicon {
  position: absolute;
  top: -webkit-calc(50% - 0.6em);
  top: -moz-calc(50% - 0.6em);
  top: calc(50% - 0.6em);
  left: 1.2em;
  width: 1.1em;
  height: 1.1em;
}

.p-card_infoArticle_block {
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}

.p-card_infoArticle_block:last-child {
  margin-bottom: 0.6rem;
}

.p-card_infoArticle_block li {
  margin-bottom: 0.3rem;
  padding-left: 1.25rem;
  position: relative;
}

.p-card_infoArticle_block li:before {
  content: "";
  position: absolute;
  top: -webkit-calc(50% - 2px);
  top: -moz-calc(50% - 2px);
  top: calc(50% - 2px);
  left: -webkit-calc(0.5em - 2px);
  left: -moz-calc(0.5em - 2px);
  left: calc(0.5em - 2px);
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  background-color: currentColor;
}

.p-card_infoArticle_block a {
  text-decoration: underline;
}

.p-card_infoArticle_block strong {
  color: #ef3b23;
  font-weight: 400;
}

.p-card_infoArticle_block .flowImg {
  display: block;
  width: 258px;
  margin: 0 auto;
}

.p-card_infoArticle_block[data-block-type=article-note] {
  padding: 1rem;
  border: 1px solid #e5db6b;
  background-color: #fffcdd;
}

.p-card_infoArticle_block[data-block-type=article-note] .is-title {
  margin-bottom: 0.6rem;
  color: #f42e2e;
  font-weight: 700;
}

.p-card_infoArticle_block.is-title {
  font-size: 1.142rem;
  position: relative;
  font-weight: 700;
}

.p-card_infoArticle_block.is-title.has-icon {
  padding-left: 1.8em;
}

.p-card_infoArticle_block.is-title[data-block-type=article-point] {
  margin-bottom: 1rem;
}

.p-card_infoArticle_block.is-title strong {
  font-weight: 700;
}

.p-card_infoArticle_block.is-title .p-svgicon {
  position: absolute;
  top: -webkit-calc(50% - 0.7em);
  top: -moz-calc(50% - 0.7em);
  top: calc(50% - 0.7em);
  left: 0;
  width: 1.4em;
  height: 1.4em;
}

.p-card_infoArticle_block.is-title .p-svgicon[data-icon=iconCardCheck] {
  fill: #ef3b23;
}

.p-card_infoArticle_block.is-title .p-svgicon[data-icon=iconCircleBold] {
  fill: #ff5d5d;
}

.p-card_infoArticle_block.is-title .p-svgicon[data-icon=iconCloseBold] {
  fill: #5292f5;
}

.p-card_infoArticle_block.is-title .p-svgicon[data-icon=iconTriangleBold] {
  fill: #ffbd55;
}

.p-card_threePoint {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.p-card_threePoint > li {
  font-size: 1.142rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
}

.p-card_threePoint > li:last-child {
  margin-bottom: 0;
}

.p-card_threePoint_icon {
  margin-right: 1rem;
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 1.1rem;
  color: #f42e2e;
}

.p-card_threePoint_icon .p-svgicon {
  -webkit-transform: scale(1.2) translateX(10%);
  -moz-transform: scale(1.2) translateX(10%);
   -ms-transform: scale(1.2) translateX(10%);
    -o-transform: scale(1.2) translateX(10%);
       transform: scale(1.2) translateX(10%);
}

.p-card_review {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #fffdea;
  -webkit-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  cursor: pointer;
}

.p-card_review:active {
  background-color: #f0f0f0;
}

.p-card_review_title {
  font-size: 0.865rem;
  font-weight: 700;
  margin-bottom: 0.3em;
}

.p-card_review_titleLabel {
  float: left;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.5em;
}

.p-card_review_titleLabel .p-svgicon {
  color: #999;
  margin-right: 0.5em;
}

.p-card_pickup_content {
  font-size: 0.865rem;
  position: relative;
}

.p-card_pickup_content > p {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.p-card_pickup_moreButton {
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}

.p-card_pickup_moreButton:before,
.p-card_pickup_moreButton:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 3em;
}

.p-card_pickup_moreButton:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 80%);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fff 80%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff 80%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 80%);
}

.p-card_pickup_moreButton:after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 240, 240, 0)), color-stop(80%, #f0f0f0));
  background-image: -webkit-linear-gradient(left, rgba(240, 240, 240, 0), #f0f0f0 80%);
  background-image: -moz-linear-gradient(left, rgba(240, 240, 240, 0), #f0f0f0 80%);
  background-image: -o-linear-gradient(left, rgba(240, 240, 240, 0), #f0f0f0 80%);
  background-image: linear-gradient(90deg, rgba(240, 240, 240, 0), #f0f0f0 80%);
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  will-change: opacity;
}

.p-card_review:active .p-card_pickup_moreButton {
  background-color: #f0f0f0;
}

.p-card_review:active .p-card_pickup_moreButton:after {
  opacity: 1;
}

.p-card_pickup_moreButton .p-svgicon {
  margin-right: 0.1em;
}

.p-card_buttonWrap {
  margin-top: 1rem;
  margin-bottom: 0.6rem;
}

.p-card_button {
  font-size: 1.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 4rem;
  border: 1px solid #cb4000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 3px 0 #c13d00;
     -moz-box-shadow: 0 3px 0 #c13d00;
          box-shadow: 0 3px 0 #c13d00;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd7f2f), to(#f54e1d));
  background-image: -webkit-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -moz-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: -o-linear-gradient(top, #fd7f2f 0, #f54e1d 100%);
  background-image: linear-gradient(180deg, #fd7f2f 0, #f54e1d 100%);
  font-weight: 700;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.p-card_button:link,
.p-card_button:active,
.p-card_button:hover,
.p-card_button:visited {
  color: #fff;
  text-decoration: none;
}

.p-card_button:active {
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
   -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
       transform: translateY(3px);
  -webkit-box-shadow: inset 0 1px 2px #c13d00;
     -moz-box-shadow: inset 0 1px 2px #c13d00;
          box-shadow: inset 0 1px 2px #c13d00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3e0b), to(#fd6f16));
  background-image: -webkit-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: -moz-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: -o-linear-gradient(top, #ee3e0b, #fd6f16);
  background-image: linear-gradient(180deg, #ee3e0b, #fd6f16);
}

.p-card_buttonText {
  position: relative;
  padding: 10px 30px 7px 5px;
}

.p-card_buttonIcon {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
  width: 15px;
  margin-left: 5px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
}

.p-card_clockBox {
  font-size: 0.865rem;
  padding: 0.6rem;
  margin-bottom: 1rem;
  position: relative;
  background-color: #fffcdd;
  border: 1px solid #e5db6b;
  text-align: center;
  font-weight: 700;
}

.p-card_clockBox .p-card_clock_time {
  font-size: 1.35rem;
  color: #f42e2e;
  font-style: normal;
}

.p-card.is-sponsored {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.p-card.is-sponsored-02 {
  background-color: #fffcd8;
  border: 2px solid #369900;
}

.p-card.is-sponsored .p-card_header_title {
  text-decoration: none;
}

.p-card.is-sponsored .p-card_review,
.p-card.is-sponsored .p-card_feature,
.p-card.is-sponsored .p-card_pickup_moreButton {
  background-color: #fffdea;
}

.p-card.is-sponsored .p-card_pickup_moreButton:before,
.p-card.is-sponsored .p-card_pickup_moreButton:after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 253, 234, 0)), color-stop(80%, #fffdea));
  background-image: -webkit-linear-gradient(left, rgba(255, 253, 234, 0), #fffdea 80%);
  background-image: -moz-linear-gradient(left, rgba(255, 253, 234, 0), #fffdea 80%);
  background-image: -o-linear-gradient(left, rgba(255, 253, 234, 0), #fffdea 80%);
  background-image: linear-gradient(90deg, rgba(255, 253, 234, 0), #fffdea 80%);
}

.p-card_header_sponsoredBadge {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 32px;
  height: 28px;
  background-color: #369900;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.p-card_header_sponsoredBadge:before {
  font-size: 1rem;
  content: "PR";
  display: block;
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
       transform: translateX(-50%) translateY(-50%);
  font-weight: 600;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: yellow;
}

.p-card_box {
  padding: 0.5em 1em;
  font-size: 0.1rem;
  margin: 2em 0;
  color: #2c2c2f;
  background: #f5f5f5;
}

.p-card_box {
  margin: 1;
  padding: 1;
}

.p-card_header_sponsoredBadge:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: 16px solid #0c5ed4;
  border-width: 7px 16px;
  border-bottom-color: transparent;
}

.p-card_sponsoredFooterText {
  font-size: 0.75rem;
  text-align: center;
  color: #555;
  line-height: 1;
}

.CardItemGrouping__pushPoint {
  margin-bottom: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: 700;
  line-height: 1.5;
  background-color: #fae4e4;
}

.CardItemGrouping__pushPoint__point {
  font-size: 0.75rem;
  display: inline-block;
  position: relative;
  margin-right: 0.8em;
  padding: 0.4em 0.6em 0.4em 1.8em;
  line-height: 0.8;
  color: #fff;
  background-color: #ff6868;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  text-transform: uppercase;
  font-weight: 500;
}

.CardItemGrouping__pushPoint__point .p-svgicon {
  position: absolute;
  top: -webkit-calc(50% - 0.4em);
  top: -moz-calc(50% - 0.4em);
  top: calc(50% - 0.4em);
  left: 0.6em;
  width: 0.8em;
  height: 0.8em;
}

.p-card_info_largeThumbnail {
  grid-template-columns: 1fr 1fr;
}

.CardItemGrouping__pushPoint.simple {
  display: block;
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
     -moz-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
     -moz-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.CardItemGrouping__pushPoint.simple .CardItemGrouping__pushPoint__point {
  margin-bottom: 5px;
}

.CardItemGrouping__info--sideTags {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.CardItemToggleTag__list {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: -6px;
}

.CardItemToggleTag__list li {
  display: inline-block;
  padding: 4px 6px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  margin-right: 3px;
  margin-bottom: 6px;
  background-color: #e9eef0;
  color: #9ca3a6;
}

.CardItemToggleTag__list .activate {
  background-color: #fff88f;
  color: #333;
}

.CardItemToggleTag--compact .CardItemToggleTag__list li {
  width: -webkit-calc((100% - 3px) / 2);
  width: -moz-calc((100% - 3px) / 2);
  width: calc((100% - 3px) / 2);
  text-align: center;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  padding: 2px 3px;
  font-size: 11px;
  margin-right: 0;
  background-color: #fff;
  color: #70b037;
  border: 1px solid #70b037;
}

@media screen and (max-width: 334px) {
  .CardItemToggleTag--compact .CardItemToggleTag__list li {
    font-size: 10px;
  }
}
.CardItemToggleTag--compact .CardItemToggleTag__list li:nth-child(2n-1) {
  margin-right: -1px;
}

.CardItemToggleTag--compact .CardItemToggleTag__list .activate {
  background-color: #70b037;
  color: #fff;
}

.CardItemToggleTag--grouping .CardItemToggleTag__list {
  font-weight: 400;
}

.CardItemToggleTag--grouping .CardItemToggleTag__list li {
  margin-right: 2px;
  padding: 0 4px;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  color: #aeb6c1;
  background-color: #fff;
}

.CardItemToggleTag--grouping .CardItemToggleTag__list .activate {
  border-color: #ffb474;
  background-color: #ffefdb;
  color: #ff5a0f;
}

.CardItemStarBox {
  padding: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: #f5f4f0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.CardItemStarBox_title {
  margin-bottom: 0.6rem;
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}

.CardItemStarBox_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.CardItemStarBox_rankingIcons .p-svgicon {
  width: 16px;
  height: 15px;
  color: #ddd;
}

.CardItemStarBox_rankingIcons .p-svgicon.is-filled {
  color: #ffa338;
}

.CardItemStarBox_rankingRate {
  font-size: 1.35rem;
  color: #f42e2e;
  font-weight: 700;
}

.CardItemStarBox_icons .p-svgicon {
  width: 12px;
  height: 12px;
  color: #ddd;
}

.CardItemStarBox_icons .p-svgicon.is-filled {
  color: #ffa338;
}

.CardItemStarBox_text {
  font-size: 1rem;
  font-weight: 700;
}

.CardItemStarBox_ranking {
  font-size: 1rem;
  margin-left: auto;
  font-weight: 700;
  text-align: center;
}

.CardItemStarBox_ranking .p-svgicon {
  margin-right: 0.25em;
  color: #d8c174;
}

.CardItemStarBox_rankingNumber {
  color: #f42e2e;
  font-style: normal;
}

.CardItemStarBox_starList {
  margin-top: 0.6rem;
}

.CardItemStarBox_starList .CardItemStarBox_box {
  margin-bottom: 0.6rem;
}

.CardItemStarBox_starList .CardItemStarBox_box:last-of-type {
  margin-bottom: 0;
}

.CardItemStarBox--simple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CardItemStarBox--simple .CardItemStarBox_title {
  margin: 0 1.5em 0 0;
}

.CardItemTable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.CardItemTable_dl {
  width: 50%;
  font-weight: 700;
  text-align: center;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.border-top-0 {
  border-top: 0;
}

.CardItemTable_dt {
  color: #333333;
  background-color: #dcf5c0;
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CardItemTable_dd {
  position: relative;
  margin: 0 5px;
  height: 50px;
  background-position: center;
  -moz-background-size: 35px;
       background-size: 35px;
  background-repeat: no-repeat;
  width: 60%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CardItemTable_dd span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  text-align: center;
}

.isCross {
  background-image: url(../images/shared/pict/pict-ex.svg?51301a866192bfcaf201ad57abb26cff);
}

.isTriangle {
  background-image: url(../images/shared/pict/pict-tri.svg?3cf52501c3a685e93f07a18ffa4440c7);
}

.isCircle {
  background-image: url(../images/shared/pict/pict-circle.svg?f9f2cba5e6345d3704d8a6a2a02502fb);
}

.isDoubleCircle {
  background-image: url(../images/shared/pict/pict-double-circle.svg?919ed7431195c33d2a72ed17914a0408);
}

.CardItemTable_iconWrapper {
  padding-top: 2px;
  white-space: nowrap;
}

.CardItemTable_icon {
  height: 18px;
  width: auto;
  padding: 0 2px;
}

.CardItemTable--simple .CardItemTable_dt {
  color: #333;
  background-color: #dcf5c0;
  line-height: 2;
}

.CardItemTable--simple .CardItemTable_dd {
  font-weight: 400;
}

.CardItem__p-card_header {
  font-size: 16px;
  margin-left: 10px;
  padding-top: 5px;
}

.CardItem__p-card_header_sub {
  background-color: #369900;
  color: #ffffff;
  padding: 5px 10px;
  text-align: left;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

.p-card_postImage {
  width: 135px;
}

.CardItem__title_check {
  font-size: 14px;
  font-weight: 700;
}

.CardItem__title_check_note {
  font-size: 9px;
}

.CardItem__title_maker {
  font-size: 15px;
  font-weight: 700;
}

.CardItem__title_maker .maker {
  background-color: #f9f5a0;
}

.CardItem_attention_unit {
  border: solid #369900 1px;
  background-color: #e9f2e9;
}

.CardItem_attention_unit_textblock {
  width: 70%;
}

.CardItem_attention_unit_textblock_title {
  font-size: 14px;
}

.CardItem_attention_unit_textblock_text {
  font-size: 11px;
}

.p-cardimg_sphone_illust {
  width: 25%;
  max-width: 130px;
}

.p-cardimg_point_promise {
  width: 89%;
  max-width: 620px;
}

.p-cardimg_point_flow_promise {
  width: 73%;
  max-width: 510px;
}

.CardItem__pushPoint {
  margin-bottom: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: 700;
  line-height: 1.5;
  background-color: #fae4e4;
}

.CardItem__pushPoint.simple {
  display: block;
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
     -moz-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
     -moz-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.CardItem__pushPoint.simple .CardItem__pushPoint__point {
  margin-bottom: 5px;
}

.CardItem__pushPoint__point {
  font-size: 14px;
  display: inline-block;
  position: relative;
  margin-right: 0.8em;
  padding: 0.5em 0.8em 0.5em 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #ef530c;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  text-transform: uppercase;
  font-weight: 500;
}

.CardItem__pushPoint__point_text {
  font-size: 14px;
}

.CardItem__pushPoint__point .p-svgicon {
  position: absolute;
  top: -webkit-calc(50% - 0.4em);
  top: -moz-calc(50% - 0.4em);
  top: calc(50% - 0.4em);
  left: 0.6em;
  width: 0.8em;
  height: 0.8em;
}

.Campaign {
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  font-size: 11px;
}

.Campaign p {
  position: relative;
  display: inline-block;
  padding: 0;
}

.Campaign p:before,
.Campaign p:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1px;
  height: 30px;
  background-color: #ccc;
}

.Campaign p:before {
  left: -7px;
  -webkit-transform: skewX(25deg) translateY(-50%);
  -moz-transform: skewX(25deg) translateY(-50%);
   -ms-transform: skewX(25deg) translateY(-50%);
    -o-transform: skewX(25deg) translateY(-50%);
       transform: skewX(25deg) translateY(-50%);
}

.Campaign p:after {
  right: -7px;
  -webkit-transform: skewX(155deg) translateY(-50%);
  -moz-transform: skewX(155deg) translateY(-50%);
   -ms-transform: skewX(155deg) translateY(-50%);
    -o-transform: skewX(155deg) translateY(-50%);
       transform: skewX(155deg) translateY(-50%);
}

.Campaign strong {
  color: #f42e2e;
}

.CardItemDetails {
  margin-top: 1rem;
  margin-bottom: 0.6rem;
  text-align: center;
}

.CardItemDetails__title {
  font-size: 1.35rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.CardItemDetails__title.is-small {
  font-size: 1.215rem;
}

.CardItemDetails__title .p-svgicon {
  color: #f42e2e;
}

.CardItemDetails__toggleButton {
  font-size: 0.865rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  padding: 5px 20px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  color: #077efe;
}

.CardItemDetails__toggleButton .p-svgicon {
  margin-left: 0.5em;
  transition: -webkit-transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out, -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out, -moz-transform 0.2s ease-out, -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  color: #077efe;
}

.CardItemDetails__toggleButton.is-open .p-svgicon {
  will-change: transform;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
}

.CardItemDetails__toggleButton:active,
.CardItemDetails__toggleButton:focus {
  background-color: #f0f0f0;
}

.CardItemDetails__wrapper {
  position: relative;
  display: block;
  margin: 0;
  width: 100%;
  overflow-y: hidden;
  -webkit-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
       backface-visibility: hidden;
}

.CardItemDetails__wrapper:not(.is-open) {
  display: none;
}

.CardItemDetails__wrapper.is-open {
  max-height: 100%;
  -webkit-transition: max-height 0.45s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.45s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.45s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.45s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.CardItemDetails__content {
  overflow: hidden;
}

.CardItemDetails__list {
  padding: 1rem;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #edf0f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.CardItemDetails__listItem {
  font-size: 0.865rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.CardItemDetails__listItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.CardItemDetails__listItem h5 {
  font-size: 1rem;
  color: #369900;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.CardItemDetails__listItem h5 .p-svgicon {
  margin-right: 0.5em;
}

.CardItemDetails__listItem_content p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.CardItemDetails__listItem_content :first-child {
  margin-top: 0;
}

.CardItemDetails__listItem_content :last-child {
  margin-bottom: 0;
}

.CardItemCrown {
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 25px;
  line-height: 28px;
  background-position: center 0;
  -moz-background-size: 25px auto;
       background-size: 25px auto;
  background-repeat: no-repeat;
}

.CardItemCrown-gold {
  background-image: url(../images/shared/icon/icon_crown-gold.svg?2983ad1a66915388f67156d7c3b78338);
}

.CardItemCrown-silver {
  background-image: url(../images/shared/icon/icon_crown-silver.svg?c65ea080c447e8a8da3538b5e631291f);
}

.CardItemCrown-bronze {
  background-image: url(../images/shared/icon/icon_crown-bronze.svg?5c6d5454780aa0c0a44695bd9ecff716);
}

.CardItem-title-circle-red {
  background-image: url(../images/shared/icon/ico_title_circle_red.png);
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px;
  padding-left: 28px;
  background-position: left center;
}

.CardItem-title-triangle-green {
  background-image: url(../images/shared/icon/ico_title_triangle_green.png);
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px;
  padding-left: 28px;
  background-position: left center;
}

.CardItem-title-batsu-blue {
  background-image: url(../images/shared/icon/ico_title_batsu_blue.png);
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px;
  padding-left: 28px;
  background-position: left center;
}

.CardItem-title-check-01 {
  background-image: url(../images/shared/icon/ico_check_01.png);
  background-repeat: no-repeat;
  -moz-background-size: 18px 18px;
       background-size: 18px 18px;
  padding-left: 28px;
  background-position: left center;
}

.labelGreen {
  position: relative;
  padding: 4px 15px 4px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color: #5fa133;
}

.labelGreen:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 13px 8px 13px 0;
}

/* ========================================
    borrowing process
======================================== */
.BorrowingProcess {
  padding: 18px 0;
  background-color: #e0e7f3;
  text-align: center;
}

.BorrowingProcess h2 {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 700;
}

.BorrowingProcess h2 strong {
  color: #0d5dd2;
  font-size: 18px;
}

.BorrowingProcess .chart {
  position: relative;
  width: 301px;
  margin: 0 auto;
}

.BorrowingProcess .atm,
.BorrowingProcess .bank {
  position: absolute;
  top: 250px;
  width: 130px;
  background-color: #333;
  color: #fff;
  font-size: 10px;
}

.BorrowingProcess .atm em,
.BorrowingProcess .bank em {
  font-weight: 700;
  font-style: normal;
  color: #ffe96d;
}

.BorrowingProcess .atm {
  left: 160px;
}

.BorrowingProcess .bank {
  left: 8px;
}

/* ========================================
    banner
======================================== */
.LineBanner {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #ccc;
  background: #fff;
  text-align: center;
}

.LineBanner a {
  display: inline-block;
}

.LineBanner img {
  width: 100%;
}

/* ========================================
    caution
======================================== */
.p-caution_accordion {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

@media (min-width: 701px) and (max-width: 920px) {
  .p-caution_accordion {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-caution_accordion {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.p-caution_accordion input[type=checkbox] {
  display: none;
}

.p-caution_accordion_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #aaa;
  font-weight: 700;
  line-height: 1;
}

.p-caution_accordion_title .p-svgicon {
  color: #96b3de;
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.p-caution_accordion_content {
  overflow: hidden;
}

.p-caution_accordion_content {
  pointer-events: none;
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.p-caution_accordion input[type=checkbox]:checked ~ .p-caution_accordion_content {
  height: auto;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.p-caution_accordion input[type=checkbox]:checked ~ .p-caution_accordion_title .p-svgicon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
}

.p-caution_accordion_list {
  font-size: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 0.6rem;
}

.p-caution_accordion_list li {
  margin-bottom: 1em;
}

.p-caution_accordion_list li:last-child {
  margin-bottom: 0;
}

/* ========================================
    footer
======================================== */
.Footer {
  position: relative;
  width: 100%;
  background: #0d5dd2;
}

.Footer a {
  color: #fff;
}

.Footer__nav {
  padding-left: 10rem;
  padding-right: 10rem;
  position: relative;
  width: auto;
  padding-top: 30px;
  padding-bottom: 26px;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Footer__nav {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Footer__nav {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Footer__title {
  width: 100px;
  margin: 0 auto 20px;
}

.Footer__title img {
  width: 100px;
}

.innerBlock {
  position: relative;
  width: auto;
  margin: 0;
}

.Footer__navList {
  width: auto;
}

.Footer__navList ul {
  display: inline-block;
}

.Footer__navList ul li {
  display: inline-block;
  width: 50%;
  float: left;
  padding-bottom: 8px;
}

.Footer__navList ul li a {
  font-size: 12px;
  display: block;
  line-height: 1.5;
}

.Footer.Footer--dark {
  background: #3c3c3c;
}

.Footer.Footer--dark .copyright {
  background: #121212;
}

.port-common-service-footer {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  background: #333;
  padding-top: 15px;
}

.port-common-service-footer__inner {
  width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.port-common-service-footer-listed__list {
  border-top: 1px solid #fff;
  margin-bottom: 35px;
  padding-top: 35px;
}

.port-common-service-footer-listed__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.port-common-service-footer-listed__item:not(:last-of-type) {
  margin-bottom: 20px;
}

.port-common-service-footer-listed__item p,
.port-common-service-footer-listed__item dl {
  margin-left: 15px;
  font-size: 10px;
  line-height: 1.7;
  color: #fff;
}
.port-common-service-footer-listed__item dt {
	float: left;
}

.port-common-service-footer-listed__item a {
  color: inherit;
  text-decoration: underline;
}

.port-common-service-footer-listed__item img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 60px;
  min-width: 60px;
  height: auto;
}

.port-common-service-footer-service__list {
  padding-top: 35px;
  border-top: 1px solid #fff;
}

.port-common-service-footer-service__list h2 {
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff;
}

.port-common-service-footer-service__list ul {
  margin-left: -10px;
  text-indent: 10px;
}

.port-common-service-footer-service__item {
  display: inline-block;
  padding: 2px 0;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  text-indent: 0;
}

.port-common-service-footer-service__item:not(:first-of-type) {
  padding-left: 10px;
}

.port-common-service-footer-service__item:not(:last-of-type) {
  margin-right: -5px;
  padding-right: 10px;
  border-right: 1px solid #fff;
}

.copyright {
  position: relative;
  width: 100%;
  background: #0547a8;
  padding: 15px 0;
}

.copyright .innerBlock {
  position: relative;
  width: auto;
  text-align: center;
}

.copyright .innerBlock small {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #fff;
  letter-spacing: 0.4px;
}

/* ========================================
    back to top
======================================== */
.p-backtotop {
  right: 0.6rem;
  bottom: 1.5rem;
  position: fixed;
  z-index: 1300;
  width: 4rem;
  height: 4rem;
  background-color: rgba(5, 71, 168, 0.4);
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.p-backtotop.is-active {
  pointer-events: auto;
  opacity: 1;
}

.p-backtotop .p-svgicon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  margin-left: -0.8rem;
  color: #fff;
  pointer-events: none;
}

/* ========================================
    three point
======================================== */
.ThreePoint {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
}

@media (min-width: 701px) and (max-width: 920px) {
  .ThreePoint {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .ThreePoint {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.ThreePoint_lead {
  font-size: 1.35rem;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.ThreePoint_lead .u-marker {
  white-space: nowrap;
}

.ThreePoint_leadImpact {
  color: #5fa133;
  font-size: 130%;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1;
}

.ThreePoint_leadImpact:first-letter {
  font-size: 130%;
}

.ThreePoint_lead_tooltip {
  font-size: 0.865rem;
  margin-bottom: 1rem;
  position: relative;
  display: inline-block;
  padding: 0 1em;
  line-height: 2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #5fa133;
  color: #fff;
  font-style: normal;
}

.ThreePoint_lead_tooltip .p-svgicon {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
       transform: scale(1.2);
}

.ThreePoint_lead_tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: -webkit-calc(50% - 0.4rem);
  left: -moz-calc(50% - 0.4rem);
  left: calc(50% - 0.4rem);
  border: 0.4rem solid transparent;
  border-top-color: #5fa133;
}

.ThreePoint_card {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
  overflow: hidden;
}

.ThreePoint_card:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.ThreePoint_cardTitle {
  font-size: 1.142rem;
  margin-bottom: 1rem;
  position: relative;
  font-weight: 700;
  padding-left: 6rem;
}

.ThreePoint_cardTitle .is-point {
  font-size: 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #5fa133;
  color: #fff;
  height: 1.6rem;
  line-height: 1.6rem;
  padding: 0 0.6rem;
  padding-right: 1rem;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.ThreePoint_cardTitle .is-point:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: 10px solid transparent;
  border-width: 10px 7px;
  border-right-color: #fff;
}

.ThreePoint_cardText {
  line-height: 1.8;
}

.ThreePoint_cardText img {
  float: right;
  width: 40%;
  margin-left: 1.5rem;
}

.ThreePoint__card--accordion {
  position: relative;
}

.ThreePoint__card--accordion .ThreePoint_cardTitle {
  padding: 4px 2.56rem 4px 6rem;
  margin-bottom: 0;
}

.ThreePoint__card--accordion .ThreePoint_cardTitle .is-point {
  top: 4px;
}

.ThreePoint__card--accordion .ThreePoint__toggleButton {
  top: 1.76rem;
}

.ThreePoint__card--accordion .ThreePoint_cardText {
  margin-top: 1rem;
}

.ThreePoint__card--accordion:first-of-type .ThreePoint__toggleButton {
  top: 4px;
}

.ThreePoint__wrapper {
  position: relative;
  display: none;
  margin: 0;
  width: 100%;
}

.ThreePoint__toggleButton {
  font-size: 0.865rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  outline: 0 !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  width: 100%;
  padding: 15px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.ThreePoint__toggleButton .p-svgicon {
  margin-left: 0;
  transition: -webkit-transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out, -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out, -moz-transform 0.2s ease-out, -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  color: #707070;
  position: absolute;
  top: 4px;
  right: 8px;
}

.ThreePoint__toggleButton.is-open .p-svgicon {
  will-change: transform;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
       transform: rotate(-180deg);
}

/* ========================================
    tooltip
======================================== */
.HeaderTooltip {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  background-color: #5fa133;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 0) and (max-width: 700px) {
  .HeaderTooltip {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.HeaderTooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: -webkit-calc(50% - 0.6rem);
  left: -moz-calc(50% - 0.6rem);
  left: calc(50% - 0.6rem);
  border: 0.6rem solid transparent;
  border-top-color: #5fa133;
}

.HeaderTooltip_title {
  width: 100%;
}

.HeaderTooltip_topText {
  font-size: 0.865rem;
  margin-bottom: 0.6rem;
  position: relative;
  display: inline-block;
  line-height: 1;
}

.HeaderTooltip_topText:before {
  content: "\\";
  position: absolute;
  left: -1rem;
}

.HeaderTooltip_topText:after {
  content: "/";
  position: absolute;
  right: -1rem;
}

.HeaderTooltip_bottomText {
  font-size: 1.35rem;
  line-height: 1.5;
}

.HeaderTooltip_bottomText span {
  color: #fff260;
}

.HeaderTooltip_bottomText em {
  font-size: 125%;
  font-style: normal;
  padding-right: 0.1em;
  padding-left: 0.1em;
}

.scoped-headline_title_topText {
  font-size: 0.865rem;
  margin-bottom: 0.3rem;
  position: relative;
  display: inline-block;
  padding: 0 1em;
  line-height: 2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  color: #5fa133;
}

.scoped-headline_title_topText .p-svgicon {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
   -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
       transform: scale(1.3);
  margin-right: 0.2em;
}

.scoped-headline_title_topText:before {
  content: "";
  position: absolute;
  top: 100%;
  left: -webkit-calc(50% - 0.4rem);
  left: -moz-calc(50% - 0.4rem);
  left: calc(50% - 0.4rem);
  border: 0.4rem solid transparent;
  border-top-color: #fff;
}

/* ========================================
    tab 
======================================== */
.TabUi {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #5fa133;
}

.TabUi li {
  -webkit-flex-basis: -webkit-calc(33.3333333333% - 3px);
      -ms-flex-preferred-size: calc(33.3333333333% - 3px);
          flex-basis: -moz-calc(33.3333333333% - 3px);
          flex-basis: calc(33.3333333333% - 3px);
  margin-right: 4px;
}

.TabUi li:last-of-type {
  margin-right: 0;
}

.TabUi a {
  font-size: 0.865rem;
  display: block;
  padding: 1em 5px;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  background-color: white;
  color: #777;
  text-align: center;
  font-weight: 700;
}

.TabUi li.activate a {
  background-color: #5fa133;
  color: #fff;
}

.TabUi--strongcard {
  border-bottom: 1px solid #2e97ef;
}

.TabUi--strongcard li a {
  height: 100%;
  font-size: 1rem;
  padding: 0.5em 8px;
  text-align: left;
}

.TabUi--strongcard li.activate a {
  background-color: #2e97ef;
}

.TabUi--blue {
  border-bottom: 1px solid #0095d8;
}

.TabUi--blue li.activate a {
  background-color: #0095d8;
}

/* ========================================
    diagnosis
======================================== */
.Diagnosis__Wrapper {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 0rem;
  padding-bottom: 1.5rem;
  background-color: #eff1e4;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Diagnosis__Wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Diagnosis__Wrapper {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Diagnosis {
  margin-bottom: 1.5rem;
  font-size: 1.142rem;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  border: 2px solid #5fa133;
  background-color: #fff;
}

.Diagnosis__fieldset {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  padding: 0;
}

.Diagnosis__Title {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  width: 100%;
  font-size: 1.7rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border: none;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  background-color: #5fa133;
}

.Diagnosis__ribbonImg {
  display: block;
  margin: 0 auto 5px;
  width: 176px;
  height: 24px;
}

.Diagnosis__Form {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 0.6rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Diagnosis__Form {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Diagnosis__Form {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Diagnosis__Form__List {
  font-weight: 700;
  counter-reset: list-item 0;
}

.Diagnosis__Form__Item {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  counter-increment: list-item;
}

.Diagnosis__Form__Item.select:after {
  content: "";
  position: absolute;
  top: -webkit-calc(30px - 0.5rem);
  top: -moz-calc(30px - 0.5rem);
  top: calc(30px - 0.5rem);
  right: 10px;
  width: 0.6rem;
  height: 0.6rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
  border-bottom: 2px solid #707070;
  border-right: 2px solid #707070;
}

.Diagnosis__Form__ItemLabel {
  position: relative;
  padding: 12px 5px 0 25px;
  width: 52%;
}

.Diagnosis__Form__ItemLabelInner:before {
  content: counter(list-item);
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #999;
}

.Diagnosis__Form__Required {
  font-size: 0.865rem;
  display: inline-block;
  padding: 3px 4px;
  color: #fff;
  background-color: #f42e2e;
}

.Diagnosis__Form__Select {
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 48%;
  height: 45px;
  padding: 10px 0 10px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 2px #ddd;
     -moz-box-shadow: 0 2px #ddd;
          box-shadow: 0 2px #ddd;
  font-size: 1.28rem;
}

.Diagnosis__Form__Input__Wrapper {
  width: 48%;
  white-space: nowrap;
}

.Diagnosis__Form__Input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 10px 16px;
  margin-right: 5px;
  border: 1px solid #ddd;
  background-color: #f0f0f0;
  font-size: 1.28rem;
}

.Diagnosis__Form__ErrorMessage {
  font-size: 1rem;
  padding-top: 10px;
  width: 100%;
  color: #f42e2e;
  font-weight: 400;
}

.Diagnosis__Submit__Wrapper {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-bottom: 1.5rem;
  -webkit-border-radius: 0 0 10px 10px;
     -moz-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Diagnosis__Submit__Wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Diagnosis__Submit__Wrapper {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Diagnosis__Submit {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.35rem;
  width: 100%;
  color: #fff;
  font-weight: 700;
  background-color: #5fa133;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  border-color: transparent;
  -webkit-box-shadow: 0 3px 0 #47861c;
     -moz-box-shadow: 0 3px 0 #47861c;
          box-shadow: 0 3px 0 #47861c;
}

.Diagnosis__BorrowResult {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-weight: 700;
  border: 1px solid #e5db6b;
  background-color: #fff;
}

@media (min-width: 701px) and (max-width: 920px) {
  .Diagnosis__BorrowResult {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .Diagnosis__BorrowResult {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.Diagnosis__BorrowResult.triangle {
  position: relative;
  margin-bottom: 3rem;
}

.Diagnosis__BorrowResult.triangle:before {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 10px);
  top: -moz-calc(100% + 10px);
  top: calc(100% + 10px);
  left: -webkit-calc(50% - 55px);
  left: -moz-calc(50% - 55px);
  left: calc(50% - 55px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 20px solid #369900;
}

.Diagnosis__BorrowResult.triangle:after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 10px);
  top: -moz-calc(100% + 10px);
  top: calc(100% + 10px);
  left: -webkit-calc(50% + 55px);
  left: -moz-calc(50% + 55px);
  left: calc(50% + 55px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 20px solid #369900;
}

.Diagnosis__BorrowResultText {
  font-size: 1.8rem;
}

.Diagnosis__BorrowText {
  font-size: 1.4rem;
  font-style: normal;
}

.Diagnosis__BorrowText:after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 10px);
  top: -moz-calc(100% + 10px);
  top: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 20px solid #369900;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

a.DiagnosisFixedLink {
  font-size: 0.865rem;
  position: fixed;
  width: 75px;
  height: 75px;
  right: 0.6rem;
  bottom: -webkit-calc(75px + 0.8rem);
  bottom: -moz-calc(75px + 0.8rem);
  bottom: calc(75px + 0.8rem);
  padding-left: 2px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #5fa133;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1300;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a.DiagnosisFixedLink.is-active {
  opacity: 1;
  pointer-events: auto;
}

.DiagnosisFixedLink__Tooltip {
  font-size: 0.75rem;
  position: relative;
  display: inline-block;
  padding: 1px 5px;
  margin: 1px 0 2px;
  background-color: #f42e2e;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.DiagnosisFixedLink__Tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30%;
  border: 5px solid transparent;
  border-right: 0;
  border-top-color: #f42e2e;
}

.DiagnosisFixedLink__Text {
  font-size: 0.95rem;
  display: block;
}

.DiagnosisFixedLink__Text:first-line {
  font-size: 0.75rem;
}

/* ========================================
    scopedBox
======================================== */
.scopedBox {
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: white;
}

.scopedBox p[role=note] {
  font-size: 10px;
  color: #999;
}

.scoped-CompareTitle {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 16px;
  text-align: center;
}

.c-compareTableWrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
  overflow-y: hidden;
  -webkit-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.c-compareTableWrapper.is-close {
  max-height: 2em !important;
  -webkit-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  -moz-transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: max-height 0.35s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.c-compareTableWrapper.is-open caption:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.CompareTable__scrollIcon {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 12px;
  border: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  padding: 12px;
  -webkit-border-radius: 2em;
     -moz-border-radius: 2em;
          border-radius: 2em;
  background-color: #555;
  color: white;
  font-size: 24px;
  line-height: 1;
  pointer-events: none;
}

.c-compareTable {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: white;
}

.c-compareTable caption {
  margin-bottom: 1rem;
  color: #369900;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

.c-compareTable caption:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 17px;
  height: 17px;
  margin-left: 0.5em;
  background-image: url(../images/shared/icon/icon_btn-plus.svg?d72df1ccc7eb4accdac707cd13d968b7);
  -moz-background-size: 17px;
       background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 2;
  transition: -webkit-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  -moz-transition: transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s, -moz-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s, -moz-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s, -o-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.52, 0.16, 0.24, 1) 0s;
  will-change: transform;
}

.c-compareTable td,
.c-compareTable th {
  padding: 6px;
  height: 60px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

.c-compareTable th {
  background-color: #f0f0f0;
  font-size: 11px;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	z-index: 2;
	&:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ccc;
  }
}
#fixedHeader {
	/* position: fixed; */
	top: 56px;
	left: 0;
	display: none;
	background: #f0f0f0;
	border-collapse: collapse;
	z-index: 10;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: white;
}
#fixedHeader img {
	height: 60px;
	width: auto;
	margin-bottom: 6px;
	max-width: none;
}
#fixedHeader th, #fixedHeader td {
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 10px;
	font-weight: 700;
	vertical-align: top;
}
#fixedHeader th {
	background-color: #f0f0f0;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	z-index: 2;
	&:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ccc;
  }
}
#fixedHeader th:not(:first-child), 
#fixedHeader td:not(:first-child) {
	min-width: 90px;
}
.fixedTableWrapper {
	width: 90%;
	position: fixed;
	overflow: scroll;
	top: 54px;
	z-index: 2;
	margin-left: 1rem;
	/*スクロールバー非表示（IE・Edge）*/
	-ms-overflow-style: none;
	/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
}

.c-compareTable td {
  font-size: 13px;
  font-weight: 700;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 1.2;
}

.c-compareTable td strong {
  font-size: 10px;
  font-weight: 400;
}

.c-compareTable td.isCross {
  background-image: url(../images/shared/pict/pict-ex.svg?51301a866192bfcaf201ad57abb26cff);
  -moz-background-size: 31px;
       background-size: 31px;
}

.c-compareTable td.isTriangle {
  background-image: url(../images/shared/pict/pict-tri.svg?3cf52501c3a685e93f07a18ffa4440c7);
}

.c-compareTable td.isCircle {
  background-image: url(../images/shared/pict/pict-circle.svg?f9f2cba5e6345d3704d8a6a2a02502fb);
  -moz-background-size: 44px;
       background-size: 44px;
}

.c-compareTable td.isDoubleCircle {
  background-image: url(../images/shared/pict/pict-double-circle.svg?919ed7431195c33d2a72ed17914a0408);
  -moz-background-size: 44px;
       background-size: 44px;
}

.c-compareTable thead td {
  font-size: 10px;
  vertical-align: top;
}

.c-compareTable img {
  height: 60px;
  width: auto;
  margin-bottom: 6px;
  max-width: none;
}

.CardListSearch__compareWrapper {
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: white;
}

.CardListSearch__compareWrapper p[role=note] {
  font-size: 10px;
  color: #999;
}

/* ========================================
    carousel
======================================== */
.BeginnerContentGrouping__CarouselBox {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
}

.HeadingWing {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 20px;
  color: #369900;
  line-height: 1.4;
}

.HeadingWing .u-marker,
.HeadingWing .u-marker--darker {
  color: #333;
}

.HeadingWing__wing {
  position: relative;
  display: inline-block;
  font-size: 11px;
  color: #333;
  line-height: 2;
}

.HeadingWing__wing:before,
.HeadingWing__wing:after {
  position: absolute;
  display: inline-block;
  top: 0;
}

.HeadingWing__wing:before {
  content: "\\";
  left: -1rem;
}

.HeadingWing__wing:after {
  content: "/";
  right: -1rem;
}

.HeadingWing--beginner {
  color: #5fa133;
}

.Carousel {
  position: relative;
  margin: 0;
  padding-bottom: 2em;
  overflow: hidden;
}

.Carousel__slideBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.Carousel__slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.Carousel__section {
  width: 270px;
  margin: 0 6px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #0c5ed4;
}

.Carousel__title {
  padding: 1rem;
  background-color: #369900;
  color: #fff;
  font-size: 16px;
}

.Carousel__listItem {
  padding: 1rem;
  counter-increment: list-item;
  border-bottom: 1px solid #ddd;
  font-weight: 700;
  text-decoration: underline;
}

.Carousel__listItem:last-of-type {
  border-bottom: 0;
}

.Carousel__listItem:before {
  font-weight: 700;
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: center;
  line-height: 28px;
  vertical-align: bottom;
}

.Carousel__listItem:nth-of-type(1):before {
  content: "1";
  background-image: url(../images/shared/icon/icon_crown-gold.svg?2983ad1a66915388f67156d7c3b78338);
}

.Carousel__listItem:nth-of-type(2):before {
  content: "2";
  background-image: url(../images/shared/icon/icon_crown-silver.svg?c65ea080c447e8a8da3538b5e631291f);
}

.Carousel__listItem:nth-of-type(3):before {
  content: "3";
  background-image: url(../images/shared/icon/icon_crown-bronze.svg?5c6d5454780aa0c0a44695bd9ecff716);
}

.Carousel__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  width: 30px;
  height: 60px;
  background-repeat: no-repeat;
  -moz-background-size: 30px 60px;
       background-size: 30px 60px;
  text-indent: -9999;
  opacity: 0.5;
  color: transparent;
}

.Carousel__button.isPrev {
  background-image: url(../images/shared/button_slide-left.svg?5e72af74eff1e732faa7d00dce74dd48);
  left: 0;
  font-size: 0;
}

.Carousel__button.isNext {
  background-image: url(../images/shared/button_slide-right.svg?2d6e4414c9192e1e7febe1145e59e92f);
  right: 0;
  font-size: 0;
}

.button-fade-enter-active,
.button-fade-leave-active {
  -webkit-transition: opacity 0.3s 0.3s ease-out;
  -o-transition: opacity 0.3s 0.3s ease-out;
  -moz-transition: opacity 0.3s 0.3s ease-out;
  transition: opacity 0.3s 0.3s ease-out;
}

.button-fade-enter,
.button-fade-leave-to {
  opacity: 0;
}

.Carousel__dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.Carousel__dotItem,
.swiper-pagination-bullet {
  margin: 0 3px;
}

.Carousel__dot,
.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 9px;
  height: 9px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #ddd;
  padding: 0;
  background-color: #fff;
  border: 1px solid;
}

.Carousel__dot.is-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #0c5ed4;
  background-color: #369900;
}

.Carousel--beginner .Carousel__section {
  border: 1px solid #5fa133;
}

.Carousel--beginner .Carousel__title {
  background-color: #5fa133;
}

.Carousel--beginner .Carousel__dot.is-active,
.Carousel--beginner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #5fa133;
  background-color: #5fa133;
}

/* ========================================
    scoped card list
======================================== */
.scoped-cardList {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .scoped-cardList {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .scoped-cardList {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.scoped-cardItem {
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-align: center;
}

.scoped-cardItem:last-child {
  margin-bottom: 0;
}

.scoped-cardItem h3 {
  font-size: 1.35rem;
  margin-bottom: 0.6rem;
  line-height: 1.5;
}

.scoped-cardItem img {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.scoped-cardItem_step {
  font-size: 0.865rem;
  margin-bottom: 0.6rem;
  display: inline-block;
  padding: 0.4em 1.5em;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  background-color: #5fa133;
  color: #fff;
  font-weight: 700;
}

.scoped-cardItem_text {
  font-size: 0.95rem;
}

.scoped-cardItem_text_note {
  font-size: 0.8rem;
}

/* ========================================
    modal
======================================== */
aside {
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}

aside.isDarker {
  background-color: #313131;
}

aside button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
}

.modal-ToggleArea {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

.modal-Content {
  position: relative;
  z-index: 0;
  padding: 0;
  width: 100%;
  margin: 12px;
  max-width: 500px;
}

.modal-ToggleButton {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  z-index: 1;
  background: transparent;
  color: #fff;
  font-weight: 700;
}

.modal-ToggleButton.withIcon {
  top: 0;
  right: -6px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.modal-closeIcon {
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/shared/icon/icon-btn-cross.svg?87032473ab3b6791a381d95a6ce71c51);
  -moz-background-size: 32px;
       background-size: 32px;
}

.modal-ToggleButton.withIcon--simple {
  top: 23px;
  right: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.modal-closeIcon--simple {
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  color: transparent;
  background: url(../images/shared/icon/iconClose.svg?d4463d5ac55473941e24084d9ad26e77) center center no-repeat;
  -moz-background-size: 17px;
       background-size: 17px;
}

.scoped-content {
  padding: 1.5rem;
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  text-align: center;
}

.scoped-icon {
  position: relative;
  height: 6rem;
  color: #369900;
}

.scoped-title {
  font-size: 1.142rem;
  margin-bottom: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

.scoped-title strong {
  font-size: 125%;
}

.scoped-title.topTitle {
  padding-top: 20px;
}

.scoped-title_beginnerImage {
  width: 2rem;
  display: inline-block;
  top: -0.2em;
  position: relative;
}

.scoped-list {
  padding: 1.25rem;
  background-color: #f0f0f0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-align: left;
}

.scoped-list li {
  font-size: 0.95rem;
  margin-bottom: 0.3rem;
}

.scoped-list li:last-child {
  margin-bottom: 0;
}

@-webkit-keyframes bar-move-data-v-1345a968 {
  0% {
    width: 0;
  }
  99% {
    width: 99%;
  }
  100% {
    width: 99%;
  }
}
@-moz-keyframes bar-move-data-v-1345a968 {
  0% {
    width: 0;
  }
  99% {
    width: 99%;
  }
  100% {
    width: 99%;
  }
}
@-o-keyframes bar-move-data-v-1345a968 {
  0% {
    width: 0;
  }
  99% {
    width: 99%;
  }
  100% {
    width: 99%;
  }
}
@keyframes bar-move-data-v-1345a968 {
  0% {
    width: 0;
  }
  99% {
    width: 99%;
  }
  100% {
    width: 99%;
  }
}
@-webkit-keyframes stripes-move-data-v-1345a968 {
  100% {
    background-position: 1em 0;
  }
}
@-moz-keyframes stripes-move-data-v-1345a968 {
  100% {
    background-position: 1em 0;
  }
}
@-o-keyframes stripes-move-data-v-1345a968 {
  100% {
    background-position: 1em 0;
  }
}
@keyframes stripes-move-data-v-1345a968 {
  100% {
    background-position: 1em 0;
  }
}
.loading__base {
  position: relative;
  margin: 30px auto;
  width: 60%;
  min-width: 200px;
  height: 10px;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  background-color: #ddd;
}

.loading__bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #2698de;
  -webkit-animation: bar-move-data-v-1345a968 0.7s forwards cubic-bezier(0.99, 0.28, 0.89, 0.27);
  -moz-animation: bar-move-data-v-1345a968 0.7s forwards cubic-bezier(0.99, 0.28, 0.89, 0.27);
    -o-animation: bar-move-data-v-1345a968 0.7s forwards cubic-bezier(0.99, 0.28, 0.89, 0.27);
       animation: bar-move-data-v-1345a968 0.7s forwards cubic-bezier(0.99, 0.28, 0.89, 0.27);
}

.loading__bar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background: -webkit-repeating-linear-gradient(315deg, #0c87d4 0, #0c87d4 0.5em, transparent 0.5em, transparent 1em);
  background: -moz-repeating-linear-gradient(315deg, #0c87d4 0, #0c87d4 0.5em, transparent 0.5em, transparent 1em);
  background: -o-repeating-linear-gradient(315deg, #0c87d4 0, #0c87d4 0.5em, transparent 0.5em, transparent 1em);
  background: repeating-linear-gradient(135deg, #0c87d4 0, #0c87d4 0.5em, transparent 0.5em, transparent 1em);
  -webkit-animation: stripes-move-data-v-1345a968 0.7s infinite linear;
  -moz-animation: stripes-move-data-v-1345a968 0.7s infinite linear;
    -o-animation: stripes-move-data-v-1345a968 0.7s infinite linear;
       animation: stripes-move-data-v-1345a968 0.7s infinite linear;
}

.scoped-message {
  background-color: #fff2cc;
  color: orange;
  font-size: 18px;
  font-weight: 700;
  padding: 50px 5px;
}

.scoped-message em {
  font-style: normal;
  color: #f42e2e;
}

.scoped-message em:before,
.scoped-message em:after {
  content: "";
  display: inline-block;
  margin: 0 10px;
  right: 1px;
  width: 17px;
  height: 10px;
  background-image: url(../images/sp/segment_modal/inverted_triangle.svg?63cdde0f4977ed952b0ffc5579e4e31e);
  background-repeat: no-repeat;
  -moz-background-size: 17px;
       background-size: 17px;
}

.scoped-overlay {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1300;
}

.scoped-closeButton {
  font-size: 0.75rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: absolute;
  bottom: 100%;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  -webkit-border-radius: 5px 0 0;
     -moz-border-radius: 5px 0 0;
          border-radius: 5px 0 0;
  padding: 0.5em 1em;
  color: #fff;
  background: #999;
}

.scoped-closeButton .p-svgicon {
  width: 1.4em;
  height: 1.4em;
  padding-right: 0.4em;
}

.scoped-contents {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
}

.scoped-contents:link,
.scoped-contents:visited {
  color: #fff;
  text-decoration: none;
}

@media screen and (orientation: portrait) {
  @supports (padding: env(safe-area-inset-bottom)) {
    .scoped-contents {
      padding-bottom: -webkit-calc(1rem + env(safe-area-inset-bottom));
      padding-bottom: -moz-calc(1rem + env(safe-area-inset-bottom));
      padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
  }
}
.scoped-image {
  padding-right: 1rem;
  -webkit-flex-basis: 7rem;
      -ms-flex-preferred-size: 7rem;
          flex-basis: 7rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.scoped-image img {
  width: 100%;
  height: auto;
}

.scoped-text {
  font-size: 0.75rem;
}

.scoped-text_intro {
  font-size: 0.865rem;
  font-weight: 700;
}

.scoped-stars {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  color: #ffea00;
  line-height: 1;
}

.scoped-stars dt {
  font-size: 1.142rem;
  font-weight: 700;
  line-height: 1.2;
}

.scoped-stars dd {
  font-size: 0.865rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.scoped-stars_estimate {
  font-size: 1rem;
  font-weight: 700;
  padding: 0 5px;
}

.scoped-stars .c-star {
  margin-left: 1px;
  margin-right: 1px;
}

.Segment {
  width: 100%;
  padding: 0 20px 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
  text-align: center;
}

.Segment__buttons li {
  margin-bottom: 15px;
}

.Segment__button {
  display: block;
  background-color: #0d5dd2;
  color: #fff !important;
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  font-size: 20px;
}

.Segment__buttons--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Segment__buttons--flex li {
  width: -webkit-calc(33.3% - 10px);
  width: -moz-calc(33.3% - 10px);
  width: calc(33.3% - 10px);
  height: 110px;
  margin: 0;
}

.Segment__buttons--flex .Segment__buttons--flex--two {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  height: 110px;
  margin: 0 auto;
}

.Segment__button--large {
  line-height: 110px;
  width: 100%;
  padding: 0;
}

.Segment__button--now {
  background-color: #5fa133;
}

.Segment__title {
  padding: 15px;
  margin: 0 -20px 10px;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  color: #333;
  background-color: #d2defb;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

.Segment__description {
  margin: 1em 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.Segment__logoList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.Segment__logoList li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}

.Segment__logoImg {
  padding: 0 5px;
}

.Segment__logoImg.--small {
  padding: 0 12px;
}

.leaveModal {
  width: 100%;
  padding: 0 20px 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
  text-align: center;
}

.leaveModal_Title {
  margin: 0 -20px;
  padding: 15px;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  background-color: #369900;
  color: white;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.leaveModal_Description {
  margin: 1em 0;
  font-size: 13px;
}

.leaveModal_Description strong {
  color: #ef3b23;
}

.leaveModal_SubTitle {
  margin-bottom: 1rem;
  font-size: 16px;
}

.leaveModal_SubTitle:before {
  content: "＼";
}

.leaveModal_SubTitle:after {
  content: "／";
}

.leaveModal_Link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 15px;
}

.leaveModal_Link:link,
.leaveModal_Link:visited {
  color: #2d2d2d;
}

.leaveModal_Link:after {
  content: "";
  -webkit-mask: url(../images/shared/icon/icon-arrow-right.svg?b69920b399b438ce4a9fcbce450c2f45) no-repeat center;
  mask: url(../images/shared/icon/icon-arrow-right.svg?b69920b399b438ce4a9fcbce450c2f45) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #999;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
       transform: translateY(-50%);
}

.leaveModal_Image {
  -webkit-flex-basis: 84px;
      -ms-flex-preferred-size: 84px;
          flex-basis: 84px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 13px;
}

.leaveModal_Image img {
  width: 100%;
  height: auto;
}

.leaveModal_Text {
  text-align: left;
  font-weight: 700;
  line-height: 1.63;
}

.leaveModal_Text dt {
  margin-bottom: 0.6rem;
  color: #0d5dd2;
  text-decoration: underline;
  font-size: 15px;
}

.leaveModal_Text dd {
  font-size: 11px;
}

.leaveModal_Text svg {
  fill: #f42e2e;
}

.leaveModal_CloseButton {
  position: absolute;
  top: 0;
  right: -6px;
  display: block;
}

.leaveModal--green,
.leaveModal--blue {
  padding: 25px;
}

.leaveModal--green .leaveModal_Link,
.leaveModal--blue .leaveModal_Link {
  background-color: #fff;
  margin-top: 14px;
  border: none;
}

.leaveModal--green .leaveModal_Link:after,
.leaveModal--blue .leaveModal_Link:after {
  background-color: #c8092b;
}

.leaveModal--green .leaveModal_Link dt,
.leaveModal--blue .leaveModal_Link dt {
  color: #333;
  text-decoration: none;
  margin-bottom: 2px;
  font-size: 17px;
}

.leaveModal--green {
  background-color: #60a133;
}

.leaveModal--green .leaveModal__simpleTitle {
  font-size: 1.92rem;
}

.leaveModal--blue {
  background-color: #0d5dd2;
}

.leaveModal--blue .leaveModal__simpleTitle {
  font-size: 5.63vw;
}

.leaveModal__simpleTitle {
  color: #fff;
  margin-bottom: 15px;
}

.leaveModal__text {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.leaveModal__text .hasWing {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  display: block;
}

.leaveModal__text .hasWing span {
  position: relative;
}

.leaveModal__text .hasWing span:before,
.leaveModal__text .hasWing span:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  top: 50%;
}

.leaveModal__text .hasWing span:before {
  right: -webkit-calc(100% + 0.75em);
  right: -moz-calc(100% + 0.75em);
  right: calc(100% + 0.75em);
  -webkit-transform: translateY(-50%) rotate(-25deg);
  -moz-transform: translateY(-50%) rotate(-25deg);
   -ms-transform: translateY(-50%) rotate(-25deg);
    -o-transform: translateY(-50%) rotate(-25deg);
       transform: translateY(-50%) rotate(-25deg);
}

.leaveModal__text .hasWing span:after {
  left: -webkit-calc(100% + 0.75em);
  left: -moz-calc(100% + 0.75em);
  left: calc(100% + 0.75em);
  -webkit-transform: translateY(-50%) rotate(25deg);
  -moz-transform: translateY(-50%) rotate(25deg);
   -ms-transform: translateY(-50%) rotate(25deg);
    -o-transform: translateY(-50%) rotate(25deg);
       transform: translateY(-50%) rotate(25deg);
}

.leaveModal__text .yellow {
  color: #ffea00;
  font-size: 20px;
  font-style: normal;
}

.p-reviewModal {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
  z-index: 2200;
}

@media (min-width: 701px) and (max-width: 920px) {
  .p-reviewModal {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-reviewModal {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.p-reviewModal_container {
  background-color: #fff;
  position: relative;
  cursor: auto;
  max-width: 500px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "reviewModalHeader" "reviewModalContent" "reviewModalFooter";
}

.p-reviewModal_header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: reviewModalHeader;
}

.p-reviewModal_scrollArea {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: reviewModalContent;
}

.p-reviewModal_footer {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: reviewModalFooter;
}

.p-reviewModal_header {
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #369900;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  color: #fff;
  font-weight: 700;
}

.p-reviewModal_header .p-svgicon {
  margin-right: 0.5em;
  opacity: 0.5;
}

.p-reviewModal[data-theme=beginner] .p-reviewModal_header {
  background-color: #5fa133;
}

.p-reviewModal_footer {
  text-align: center;
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.p-reviewModal_scrollArea {
  position: relative;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: auto;
  overflow-x: hidden;
  height: 60vh;
}

.p-reviewModal_footer_closeButton {
  padding: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0;
  width: 100%;
  cursor: pointer;
}

.p-reviewModal_footer_closeButton .p-svgicon {
  margin-right: 0.25em;
  color: #999;
  display: inline-block;
}

.p-reviewModal_reviewItem {
  padding: 1.25rem;
  border-bottom: 1px solid #ddd;
}

.p-reviewModal_reviewItem:last-child {
  border-bottom: 0;
}

.p-reviewModal_reviewItem_header {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-reviewModal_reviewItem_headerAvatar {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #c6cbd5;
  color: #989da7;
  overflow: hidden;
}

.p-reviewModal_reviewItem_headerAvatar .p-svgicon {
  width: 100%;
  height: 100%;
}

.p-reviewModal_reviewItem_headerName {
  font-weight: 700;
}

.p-reviewModal_reviewItem_headerName > span {
  display: block;
}

.p-reviewModal_featureItem {
  padding: 1.25rem;
  border-bottom: 1px solid #ddd;
}

.p-reviewModal_featureItem:last-child {
  border-bottom: 0;
}

.p-reviewModal_featureItem_header {
  font-size: 1.142rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #369900;
}

.p-reviewModal[data-theme=beginner] .p-reviewModal_featureItem_header {
  color: #5fa133;
}

.p-reviewModal_featureItem_headerNumber {
  font-size: 1rem;
  margin-right: 0.6rem;
  width: 1.7rem;
  height: 1.7rem;
  line-height: 1.7rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #369900;
  color: #fff;
  text-align: center;
}

.p-reviewModal[data-theme=beginner] .p-reviewModal_featureItem_headerNumber {
  background-color: #5fa133;
}

/* ========================================
    spinner
======================================== */
.scoped-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  pointer-events: none;
  width: 0;
  height: 0;
  z-index: 9999;
}

.scoped-line {
  position: absolute;
  top: -1px;
  opacity: 0;
  will-change: opacity, transform;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
       animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
       animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
       animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
}

.scoped-line::before {
  content: "";
  position: absolute;
  width: 0.81rem;
  height: 0.27rem;
  background-color: currentColor;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
   -ms-transform-origin: left center;
    -o-transform-origin: left center;
       transform-origin: left center;
  -webkit-transform: rotate(0deg) translate(0.9rem, 0);
  -moz-transform: rotate(0deg) translate(0.9rem, 0);
   -ms-transform: rotate(0deg) translate(0.9rem, 0);
    -o-transform: rotate(0deg) translate(0.9rem, 0);
       transform: rotate(0deg) translate(0.9rem, 0);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.scoped-line:nth-child(1) {
  -webkit-animation-name: animeSpinnerLine1;
  -moz-animation-name: animeSpinnerLine1;
    -o-animation-name: animeSpinnerLine1;
       animation-name: animeSpinnerLine1;
}

.scoped-line:nth-child(1)::before {
  -webkit-transform: rotate(27.55102deg) translate(0.9rem, 0);
  -moz-transform: rotate(27.55102deg) translate(0.9rem, 0);
   -ms-transform: rotate(27.55102deg) translate(0.9rem, 0);
    -o-transform: rotate(27.55102deg) translate(0.9rem, 0);
       transform: rotate(27.55102deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine1 {
  0% {
    opacity: 0.07143;
  }
  7.15286% {
    opacity: 0.1;
  }
  7.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.07143;
  }
}
@-moz-keyframes animeSpinnerLine1 {
  0% {
    opacity: 0.07143;
  }
  7.15286% {
    opacity: 0.1;
  }
  7.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.07143;
  }
}
@-o-keyframes animeSpinnerLine1 {
  0% {
    opacity: 0.07143;
  }
  7.15286% {
    opacity: 0.1;
  }
  7.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.07143;
  }
}
@keyframes animeSpinnerLine1 {
  0% {
    opacity: 0.07143;
  }
  7.15286% {
    opacity: 0.1;
  }
  7.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.07143;
  }
}
.scoped-line:nth-child(2) {
  -webkit-animation-name: animeSpinnerLine2;
  -moz-animation-name: animeSpinnerLine2;
    -o-animation-name: animeSpinnerLine2;
       animation-name: animeSpinnerLine2;
}

.scoped-line:nth-child(2)::before {
  -webkit-transform: rotate(55.10204deg) translate(0.9rem, 0);
  -moz-transform: rotate(55.10204deg) translate(0.9rem, 0);
   -ms-transform: rotate(55.10204deg) translate(0.9rem, 0);
    -o-transform: rotate(55.10204deg) translate(0.9rem, 0);
       transform: rotate(55.10204deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine2 {
  0% {
    opacity: 0.14286;
  }
  14.29571% {
    opacity: 0.1;
  }
  14.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.14286;
  }
}
@-moz-keyframes animeSpinnerLine2 {
  0% {
    opacity: 0.14286;
  }
  14.29571% {
    opacity: 0.1;
  }
  14.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.14286;
  }
}
@-o-keyframes animeSpinnerLine2 {
  0% {
    opacity: 0.14286;
  }
  14.29571% {
    opacity: 0.1;
  }
  14.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.14286;
  }
}
@keyframes animeSpinnerLine2 {
  0% {
    opacity: 0.14286;
  }
  14.29571% {
    opacity: 0.1;
  }
  14.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.14286;
  }
}
.scoped-line:nth-child(3) {
  -webkit-animation-name: animeSpinnerLine3;
  -moz-animation-name: animeSpinnerLine3;
    -o-animation-name: animeSpinnerLine3;
       animation-name: animeSpinnerLine3;
}

.scoped-line:nth-child(3)::before {
  -webkit-transform: rotate(82.65306deg) translate(0.9rem, 0);
  -moz-transform: rotate(82.65306deg) translate(0.9rem, 0);
   -ms-transform: rotate(82.65306deg) translate(0.9rem, 0);
    -o-transform: rotate(82.65306deg) translate(0.9rem, 0);
       transform: rotate(82.65306deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine3 {
  0% {
    opacity: 0.21429;
  }
  21.43857% {
    opacity: 0.1;
  }
  21.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.21429;
  }
}
@-moz-keyframes animeSpinnerLine3 {
  0% {
    opacity: 0.21429;
  }
  21.43857% {
    opacity: 0.1;
  }
  21.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.21429;
  }
}
@-o-keyframes animeSpinnerLine3 {
  0% {
    opacity: 0.21429;
  }
  21.43857% {
    opacity: 0.1;
  }
  21.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.21429;
  }
}
@keyframes animeSpinnerLine3 {
  0% {
    opacity: 0.21429;
  }
  21.43857% {
    opacity: 0.1;
  }
  21.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.21429;
  }
}
.scoped-line:nth-child(4) {
  -webkit-animation-name: animeSpinnerLine4;
  -moz-animation-name: animeSpinnerLine4;
    -o-animation-name: animeSpinnerLine4;
       animation-name: animeSpinnerLine4;
}

.scoped-line:nth-child(4)::before {
  -webkit-transform: rotate(110.20408deg) translate(0.9rem, 0);
  -moz-transform: rotate(110.20408deg) translate(0.9rem, 0);
   -ms-transform: rotate(110.20408deg) translate(0.9rem, 0);
    -o-transform: rotate(110.20408deg) translate(0.9rem, 0);
       transform: rotate(110.20408deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine4 {
  0% {
    opacity: 0.28571;
  }
  28.58143% {
    opacity: 0.1;
  }
  28.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.28571;
  }
}
@-moz-keyframes animeSpinnerLine4 {
  0% {
    opacity: 0.28571;
  }
  28.58143% {
    opacity: 0.1;
  }
  28.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.28571;
  }
}
@-o-keyframes animeSpinnerLine4 {
  0% {
    opacity: 0.28571;
  }
  28.58143% {
    opacity: 0.1;
  }
  28.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.28571;
  }
}
@keyframes animeSpinnerLine4 {
  0% {
    opacity: 0.28571;
  }
  28.58143% {
    opacity: 0.1;
  }
  28.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.28571;
  }
}
.scoped-line:nth-child(5) {
  -webkit-animation-name: animeSpinnerLine5;
  -moz-animation-name: animeSpinnerLine5;
    -o-animation-name: animeSpinnerLine5;
       animation-name: animeSpinnerLine5;
}

.scoped-line:nth-child(5)::before {
  -webkit-transform: rotate(137.7551deg) translate(0.9rem, 0);
  -moz-transform: rotate(137.7551deg) translate(0.9rem, 0);
   -ms-transform: rotate(137.7551deg) translate(0.9rem, 0);
    -o-transform: rotate(137.7551deg) translate(0.9rem, 0);
       transform: rotate(137.7551deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine5 {
  0% {
    opacity: 0.35714;
  }
  35.72429% {
    opacity: 0.1;
  }
  35.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.35714;
  }
}
@-moz-keyframes animeSpinnerLine5 {
  0% {
    opacity: 0.35714;
  }
  35.72429% {
    opacity: 0.1;
  }
  35.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.35714;
  }
}
@-o-keyframes animeSpinnerLine5 {
  0% {
    opacity: 0.35714;
  }
  35.72429% {
    opacity: 0.1;
  }
  35.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.35714;
  }
}
@keyframes animeSpinnerLine5 {
  0% {
    opacity: 0.35714;
  }
  35.72429% {
    opacity: 0.1;
  }
  35.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.35714;
  }
}
.scoped-line:nth-child(6) {
  -webkit-animation-name: animeSpinnerLine6;
  -moz-animation-name: animeSpinnerLine6;
    -o-animation-name: animeSpinnerLine6;
       animation-name: animeSpinnerLine6;
}

.scoped-line:nth-child(6)::before {
  -webkit-transform: rotate(165.30612deg) translate(0.9rem, 0);
  -moz-transform: rotate(165.30612deg) translate(0.9rem, 0);
   -ms-transform: rotate(165.30612deg) translate(0.9rem, 0);
    -o-transform: rotate(165.30612deg) translate(0.9rem, 0);
       transform: rotate(165.30612deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine6 {
  0% {
    opacity: 0.42857;
  }
  42.86714% {
    opacity: 0.1;
  }
  42.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.42857;
  }
}
@-moz-keyframes animeSpinnerLine6 {
  0% {
    opacity: 0.42857;
  }
  42.86714% {
    opacity: 0.1;
  }
  42.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.42857;
  }
}
@-o-keyframes animeSpinnerLine6 {
  0% {
    opacity: 0.42857;
  }
  42.86714% {
    opacity: 0.1;
  }
  42.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.42857;
  }
}
@keyframes animeSpinnerLine6 {
  0% {
    opacity: 0.42857;
  }
  42.86714% {
    opacity: 0.1;
  }
  42.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.42857;
  }
}
.scoped-line:nth-child(7) {
  -webkit-animation-name: animeSpinnerLine7;
  -moz-animation-name: animeSpinnerLine7;
    -o-animation-name: animeSpinnerLine7;
       animation-name: animeSpinnerLine7;
}

.scoped-line:nth-child(7)::before {
  -webkit-transform: rotate(192.85714deg) translate(0.9rem, 0);
  -moz-transform: rotate(192.85714deg) translate(0.9rem, 0);
   -ms-transform: rotate(192.85714deg) translate(0.9rem, 0);
    -o-transform: rotate(192.85714deg) translate(0.9rem, 0);
       transform: rotate(192.85714deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine7 {
  0% {
    opacity: 0.5;
  }
  50.01% {
    opacity: 0.1;
  }
  50.02% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@-moz-keyframes animeSpinnerLine7 {
  0% {
    opacity: 0.5;
  }
  50.01% {
    opacity: 0.1;
  }
  50.02% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@-o-keyframes animeSpinnerLine7 {
  0% {
    opacity: 0.5;
  }
  50.01% {
    opacity: 0.1;
  }
  50.02% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes animeSpinnerLine7 {
  0% {
    opacity: 0.5;
  }
  50.01% {
    opacity: 0.1;
  }
  50.02% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.scoped-line:nth-child(8) {
  -webkit-animation-name: animeSpinnerLine8;
  -moz-animation-name: animeSpinnerLine8;
    -o-animation-name: animeSpinnerLine8;
       animation-name: animeSpinnerLine8;
}

.scoped-line:nth-child(8)::before {
  -webkit-transform: rotate(220.40816deg) translate(0.9rem, 0);
  -moz-transform: rotate(220.40816deg) translate(0.9rem, 0);
   -ms-transform: rotate(220.40816deg) translate(0.9rem, 0);
    -o-transform: rotate(220.40816deg) translate(0.9rem, 0);
       transform: rotate(220.40816deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine8 {
  0% {
    opacity: 0.57143;
  }
  57.15286% {
    opacity: 0.1;
  }
  57.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.57143;
  }
}
@-moz-keyframes animeSpinnerLine8 {
  0% {
    opacity: 0.57143;
  }
  57.15286% {
    opacity: 0.1;
  }
  57.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.57143;
  }
}
@-o-keyframes animeSpinnerLine8 {
  0% {
    opacity: 0.57143;
  }
  57.15286% {
    opacity: 0.1;
  }
  57.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.57143;
  }
}
@keyframes animeSpinnerLine8 {
  0% {
    opacity: 0.57143;
  }
  57.15286% {
    opacity: 0.1;
  }
  57.16286% {
    opacity: 1;
  }
  100% {
    opacity: 0.57143;
  }
}
.scoped-line:nth-child(9) {
  -webkit-animation-name: animeSpinnerLine9;
  -moz-animation-name: animeSpinnerLine9;
    -o-animation-name: animeSpinnerLine9;
       animation-name: animeSpinnerLine9;
}

.scoped-line:nth-child(9)::before {
  -webkit-transform: rotate(247.95918deg) translate(0.9rem, 0);
  -moz-transform: rotate(247.95918deg) translate(0.9rem, 0);
   -ms-transform: rotate(247.95918deg) translate(0.9rem, 0);
    -o-transform: rotate(247.95918deg) translate(0.9rem, 0);
       transform: rotate(247.95918deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine9 {
  0% {
    opacity: 0.64286;
  }
  64.29571% {
    opacity: 0.1;
  }
  64.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.64286;
  }
}
@-moz-keyframes animeSpinnerLine9 {
  0% {
    opacity: 0.64286;
  }
  64.29571% {
    opacity: 0.1;
  }
  64.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.64286;
  }
}
@-o-keyframes animeSpinnerLine9 {
  0% {
    opacity: 0.64286;
  }
  64.29571% {
    opacity: 0.1;
  }
  64.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.64286;
  }
}
@keyframes animeSpinnerLine9 {
  0% {
    opacity: 0.64286;
  }
  64.29571% {
    opacity: 0.1;
  }
  64.30571% {
    opacity: 1;
  }
  100% {
    opacity: 0.64286;
  }
}
.scoped-line:nth-child(10) {
  -webkit-animation-name: animeSpinnerLine10;
  -moz-animation-name: animeSpinnerLine10;
    -o-animation-name: animeSpinnerLine10;
       animation-name: animeSpinnerLine10;
}

.scoped-line:nth-child(10)::before {
  -webkit-transform: rotate(275.5102deg) translate(0.9rem, 0);
  -moz-transform: rotate(275.5102deg) translate(0.9rem, 0);
   -ms-transform: rotate(275.5102deg) translate(0.9rem, 0);
    -o-transform: rotate(275.5102deg) translate(0.9rem, 0);
       transform: rotate(275.5102deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine10 {
  0% {
    opacity: 0.71429;
  }
  71.43857% {
    opacity: 0.1;
  }
  71.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.71429;
  }
}
@-moz-keyframes animeSpinnerLine10 {
  0% {
    opacity: 0.71429;
  }
  71.43857% {
    opacity: 0.1;
  }
  71.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.71429;
  }
}
@-o-keyframes animeSpinnerLine10 {
  0% {
    opacity: 0.71429;
  }
  71.43857% {
    opacity: 0.1;
  }
  71.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.71429;
  }
}
@keyframes animeSpinnerLine10 {
  0% {
    opacity: 0.71429;
  }
  71.43857% {
    opacity: 0.1;
  }
  71.44857% {
    opacity: 1;
  }
  100% {
    opacity: 0.71429;
  }
}
.scoped-line:nth-child(11) {
  -webkit-animation-name: animeSpinnerLine11;
  -moz-animation-name: animeSpinnerLine11;
    -o-animation-name: animeSpinnerLine11;
       animation-name: animeSpinnerLine11;
}

.scoped-line:nth-child(11)::before {
  -webkit-transform: rotate(303.06122deg) translate(0.9rem, 0);
  -moz-transform: rotate(303.06122deg) translate(0.9rem, 0);
   -ms-transform: rotate(303.06122deg) translate(0.9rem, 0);
    -o-transform: rotate(303.06122deg) translate(0.9rem, 0);
       transform: rotate(303.06122deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine11 {
  0% {
    opacity: 0.78571;
  }
  78.58143% {
    opacity: 0.1;
  }
  78.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.78571;
  }
}
@-moz-keyframes animeSpinnerLine11 {
  0% {
    opacity: 0.78571;
  }
  78.58143% {
    opacity: 0.1;
  }
  78.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.78571;
  }
}
@-o-keyframes animeSpinnerLine11 {
  0% {
    opacity: 0.78571;
  }
  78.58143% {
    opacity: 0.1;
  }
  78.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.78571;
  }
}
@keyframes animeSpinnerLine11 {
  0% {
    opacity: 0.78571;
  }
  78.58143% {
    opacity: 0.1;
  }
  78.59143% {
    opacity: 1;
  }
  100% {
    opacity: 0.78571;
  }
}
.scoped-line:nth-child(12) {
  -webkit-animation-name: animeSpinnerLine12;
  -moz-animation-name: animeSpinnerLine12;
    -o-animation-name: animeSpinnerLine12;
       animation-name: animeSpinnerLine12;
}

.scoped-line:nth-child(12)::before {
  -webkit-transform: rotate(330.61224deg) translate(0.9rem, 0);
  -moz-transform: rotate(330.61224deg) translate(0.9rem, 0);
   -ms-transform: rotate(330.61224deg) translate(0.9rem, 0);
    -o-transform: rotate(330.61224deg) translate(0.9rem, 0);
       transform: rotate(330.61224deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine12 {
  0% {
    opacity: 0.85714;
  }
  85.72429% {
    opacity: 0.1;
  }
  85.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.85714;
  }
}
@-moz-keyframes animeSpinnerLine12 {
  0% {
    opacity: 0.85714;
  }
  85.72429% {
    opacity: 0.1;
  }
  85.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.85714;
  }
}
@-o-keyframes animeSpinnerLine12 {
  0% {
    opacity: 0.85714;
  }
  85.72429% {
    opacity: 0.1;
  }
  85.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.85714;
  }
}
@keyframes animeSpinnerLine12 {
  0% {
    opacity: 0.85714;
  }
  85.72429% {
    opacity: 0.1;
  }
  85.73429% {
    opacity: 1;
  }
  100% {
    opacity: 0.85714;
  }
}
.scoped-line:nth-child(13) {
  -webkit-animation-name: animeSpinnerLine13;
  -moz-animation-name: animeSpinnerLine13;
    -o-animation-name: animeSpinnerLine13;
       animation-name: animeSpinnerLine13;
}

.scoped-line:nth-child(13)::before {
  -webkit-transform: rotate(358.16327deg) translate(0.9rem, 0);
  -moz-transform: rotate(358.16327deg) translate(0.9rem, 0);
   -ms-transform: rotate(358.16327deg) translate(0.9rem, 0);
    -o-transform: rotate(358.16327deg) translate(0.9rem, 0);
       transform: rotate(358.16327deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine13 {
  0% {
    opacity: 0.92857;
  }
  92.86714% {
    opacity: 0.1;
  }
  92.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.92857;
  }
}
@-moz-keyframes animeSpinnerLine13 {
  0% {
    opacity: 0.92857;
  }
  92.86714% {
    opacity: 0.1;
  }
  92.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.92857;
  }
}
@-o-keyframes animeSpinnerLine13 {
  0% {
    opacity: 0.92857;
  }
  92.86714% {
    opacity: 0.1;
  }
  92.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.92857;
  }
}
@keyframes animeSpinnerLine13 {
  0% {
    opacity: 0.92857;
  }
  92.86714% {
    opacity: 0.1;
  }
  92.87714% {
    opacity: 1;
  }
  100% {
    opacity: 0.92857;
  }
}
.scoped-line:nth-child(14) {
  -webkit-animation-name: animeSpinnerLine14;
  -moz-animation-name: animeSpinnerLine14;
    -o-animation-name: animeSpinnerLine14;
       animation-name: animeSpinnerLine14;
}

.scoped-line:nth-child(14)::before {
  -webkit-transform: rotate(385.71429deg) translate(0.9rem, 0);
  -moz-transform: rotate(385.71429deg) translate(0.9rem, 0);
   -ms-transform: rotate(385.71429deg) translate(0.9rem, 0);
    -o-transform: rotate(385.71429deg) translate(0.9rem, 0);
       transform: rotate(385.71429deg) translate(0.9rem, 0);
}

@-webkit-keyframes animeSpinnerLine14 {
  0% {
    opacity: 1;
  }
  100.01% {
    opacity: 0.1;
  }
  100.02% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes animeSpinnerLine14 {
  0% {
    opacity: 1;
  }
  100.01% {
    opacity: 0.1;
  }
  100.02% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes animeSpinnerLine14 {
  0% {
    opacity: 1;
  }
  100.01% {
    opacity: 0.1;
  }
  100.02% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animeSpinnerLine14 {
  0% {
    opacity: 1;
  }
  100.01% {
    opacity: 0.1;
  }
  100.02% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* ========================================
    search
======================================== */
.SearchResultsConditionIncome {
  margin-bottom: 0.6rem;
  margin-top: 1.25rem;
  padding: 0.6rem;
}

.SearchResultsConditionIncome__header {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 17px;
  text-align: center;
  color: #369900;
  padding-bottom: 66px;
  background-repeat: no-repeat;
  background-position: bottom center;
  -moz-background-size: auto 50px;
       background-size: auto 50px;
  background-image: url(../images/sp/search/search_condition_pict_post.svg);
}

.SearchResultsConditionIncome__header.isBorrowable {
  background-image: url(../images/sp/search/search_condition_pict_post.svg);
}

.SearchResultsConditionIncome__fukidashi {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  position: relative;
  display: block;
  margin: 0 auto 1rem;
  color: #fff;
  background-color: #369900;
  -webkit-border-radius: 2rem;
     -moz-border-radius: 2rem;
          border-radius: 2rem;
  font-size: 12px;
}

.SearchResultsConditionIncome__fukidashi:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-color: #0c5ed4 transparent transparent;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  position: absolute;
  bottom: -10px;
  left: 50%;
}

.SearchResultsConditionIncome__em {
  color: #f42e2e;
  font-size: 24px;
  font-style: normal;
  line-height: 1.1;
}

.SearchResultsConditionIncome__box {
  padding: 1.25rem;
  background-color: #f4f4f4;
}

.SearchResultsConditionIncome__subTitle {
  color: #369900;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

.SearchResultsConditionIncome__strong {
  display: block;
  font-size: 24px;
  color: #369900;
}

.SearchResultsConditionIncome__catch {
  font-size: 44px;
  line-height: 1.1;
}

.SearchResultsConditionIncome__note {
  margin-top: 0.6rem;
}

.SearchResultsCondition {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .SearchResultsCondition {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .SearchResultsCondition {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.SearchResultsCondition__box {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #ddd;
}

.SearchResultsCondition__title {
  font-size: 0.865rem;
  margin-bottom: 0.3rem;
}

.SearchResultsCondition__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.SearchResultsCondition__list li {
  font-size: 0.75rem;
  margin-right: 0.3rem;
  letter-spacing: 0;
}

.SearchResultsCondition__change {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.SearchResultsCondition__change a {
  text-decoration: underline;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.SearchResultsCondition__change .p-svgicon {
  margin-right: 0.4em;
}

.SearchRecommendCard__cardList {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .SearchRecommendCard__cardList {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .SearchRecommendCard__cardList {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.SearchRecommendCard__cardList .p-card {
  margin-bottom: 1rem;
}

.SearchRecommendCard__recommendSentence {
  text-align: center;
  color: #333333;
  font-weight: 700;
  padding: 5px;
}

.SearchRecommendCard__triangleContainer {
  display: block;
  text-align: center;
  padding: 1px;
  margin-bottom: 10px;
}

.SearchRecommendCard__triangleContainer:before {
  content: "";
  position: absolute;
  left: 20%;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 15px solid #369900;
}

.SearchRecommendCard__triangleContainer:after {
  content: "";
  position: absolute;
  right: 20%;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 15px solid #369900;
}

.SearchRecommendCard__triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 15px solid #369900;
}

.AppealBox {
  font-size: 1rem;
  padding: 0.6rem;
  position: relative;
  border: 1px solid #369900;
  background-color: #e9f2e9;
  text-align: center;
  font-weight: 700;
  line-height: 1.25;
  color: #369900;
}

.AppealBox .p-svgicon {
  color: #f42e2e;
  margin-right: 0.4em;
}

.CardListSearch__appealBoxWrapper {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .CardListSearch__appealBoxWrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .CardListSearch__appealBoxWrapper {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.CardListSearch__appealBoxWrapper.CardListSearch__appealBoxWrapper--legacy {
  margin: 10px 12px;
  padding: 0;
}

.CardListSearch__cardList {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .CardListSearch__cardList {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .CardListSearch__cardList {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.CardListSearch__cardList .p-card {
  margin-bottom: 1rem;
}

.CardListSearch__cardList .p-card:last-child {
  margin-bottom: 0;
}

.CardListSearch__compareTitle {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 16px;
  text-align: center;
}

.p-searchRecommend {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
}

.p-searchRecommendIntro {
  padding-left: 10rem;
  padding-right: 10rem;
  margin-bottom: 1rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .p-searchRecommendIntro {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-searchRecommendIntro {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .p-searchRecommendIntro {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-searchRecommendIntro_title {
  margin-bottom: 1rem;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 0) and (max-width: 700px) {
  .p-searchRecommendIntro_title {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.p-searchRecommendIntro_title_topText {
  font-size: 1rem;
  margin-bottom: 0.3rem;
  position: relative;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #fff5a5));
  background: -webkit-linear-gradient(transparent 60%, #fff5a5 0);
  background: -moz-linear-gradient(transparent 60%, #fff5a5 0);
  background: -o-linear-gradient(transparent 60%, #fff5a5 0);
  background: linear-gradient(transparent 60%, #fff5a5 0);
}

.p-searchRecommendIntro_title_topText:before {
  content: "\\";
  position: absolute;
  left: -1rem;
}

.p-searchRecommendIntro_title_topText:after {
  content: "/";
  position: absolute;
  right: -1rem;
}

.p-searchRecommendIntro_title_bottomText {
  font-size: 1.35rem;
}

.p-searchRecommendIntro_image {
  margin-bottom: 1rem;
}

.p-searchRecommendIntro_image img {
  width: 100%;
}

.p-searchRecommendIntro_text {
  line-height: 1.8;
}

@media (min-width: 0) and (max-width: 700px) {
  .p-searchRecommendIntro_text {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.scoped-container {
  padding-left: 10rem;
  padding-right: 10rem;
}

@media (min-width: 701px) and (max-width: 920px) {
  .scoped-container {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .scoped-container {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.BottomArea {
  padding-bottom: 1.5rem;
  background-color: #fff;
}

.CardItem__recommendCard--twoSplit {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "cardInfoImage cardInfoReview";
}

.CardItem__recommendCard--twoSplit .p-card_infoStarbox {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  width: 80%;
  margin: 0 auto;
}

.CardItem__recommendCard--match {
  background-color: #369900;
  color: #fff;
  font-weight: 700;
  position: absolute;
  display: block;
  padding: 11px;
  top: 0;
  right: 0;
}

.CardItem__recommendCard--match:after {
  content: "★★★★★";
  color: #ff0;
}

.CardListSearch__notFound {
  padding-left: 3.75vw;
  padding-right: 3.75vw;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p-card_infoStarbox2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-card_infoStarbox2_icons {
  margin-right: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-card_infoStarbox2_text {
  font-size: 1rem;
  font-weight: 700;
}

.p-card_infoStarbox2_icons .p-svgicon.is-filled {
  color: #ffa338;
}

.p-card_infoStarbox2_icons .p-svgicon {
  color: #ddd;
}

.p-card_infoStarbox2_text b {
  color: #f42e2e;
  font-size: 110%;
  padding-left: 0.2em;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  display: none;
}

.swiper-button-disabled {
  display: none;
}

.swiper-slide {
  width: 282px;
}

.SearchForm__selectItem--btn label {
  cursor: pointer;
  pointer-events: auto;
}

.SearchForm__selectItem--btn label {
  position: relative;
  padding: 12px;
}

.SearchForm__selectItem--btn .SearchForm__selectItemLabelInner {
  position: relative;
  left: 0;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__advancedList {
  padding: 0 0.5rem 1rem;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem {
  border: 1px solid #ddd;
  padding: 0.8rem;
  margin: 0;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem:nth-child(-n+2) {
  border-bottom: none;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem:nth-child(2n) {
  border-left: none;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem label {
  padding: 0 0 0 1.4rem;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem label.checked span:before {
  background-color: #369900;
  border-color: #369900;
}

.SearchForm__selectItem--checkbox .SearchFormAdvanced__checkboxListItem label.checked span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.4rem;
  width: 0.4rem;
  height: 0.7rem;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
   -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
       transform: rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.searchFormModal {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2200;
}

@media (min-width: 701px) and (max-width: 920px) {
  .searchFormModal {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .searchFormModal {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}
.searchFormModal .searchFormModal_container {
  background-color: #fff;
  position: relative;
  cursor: auto;
  width: 100%;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 2rem 1.2rem;
}

.searchFormModal .searchFormModal_closeBtn {
  cursor: pointer;
  position: absolute;
  width: 33px;
  top: -10px;
  right: -10px;
}

.searchFormModal .searchFormModal_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}

.searchFormModal .searchFormModal_headerTextWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.2rem;
  font-weight: 700;
}

.searchFormModal .searchFormModal_header .scoped-progressCircle {
  max-width: 74px;
  margin-left: auto;
}

.searchFormModal .searchFormModal_headerNum {
  color: #369900;
  margin-right: 0.4rem;
}

.searchFormModal .searchFormModal_headerNotice {
  font-size: 0.8rem;
  font-weight: 400;
}

.searchFormModal .searchFormModal_scrollArea {
  position: relative;
}

.searchFormModal .searchFormModal_btnItem {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 1.1rem;
  text-align: center;
  padding: 12px;
  margin-bottom: 1rem;
}

.searchFormModal .searchFormModal_label {
  position: relative;
  top: auto;
  left: auto;
  pointer-events: all;
}

.searchFormModal .searchFormModal_label-beforeSubmit {
  margin-bottom: 2rem;
}

.searchFormModal .searchFormModal_input {
  display: none;
}

.searchFormModal .searchFormModal_input[type=radio]:checked + .searchFormModal_btnItem {
  border: solid 2px #369900;
  padding: 11px;
}

.searchFormModal .searchFormModal_input[type=checkbox]:checked + .searchFormModal_btnItem {
  border: solid 2px #369900;
  padding: 11px;
}

.scoped-box-withprogress {
  position: relative;
  min-height: 120px;
}

.scoped-box-withprogress .scoped-list {
  display: block;
}

.scoped-box-withprogress .scoped-list dt {
  -webkit-box-flex: unset;
  -webkit-flex-grow: unset;
     -moz-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}

.scoped-box-withprogress .scoped-progressCircle {
  position: absolute;
  right: 1.4rem;
  max-width: 74px;
}

.isLoading .scoped-list li {
  width: 100%;
  text-align: center;
}/*# sourceMappingURL=main.css.map */