@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Noto+Sans+JP:wght@400;700&display=swap");
/*--------------------------------------------------------------*/
/* normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/* -------------------------------------------------------------------------- */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* normalize: html5 display definitions */
/* -------------------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* normalize: links */
/* -------------------------------------------------------------------------- */
a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

/* normalize: text-level semantics */
/* -------------------------------------------------------------------------- */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* normalize: embedded content */
/* -------------------------------------------------------------------------- */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* normalize: grouping content */
/* -------------------------------------------------------------------------- */
figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* normalize: forms */
/* -------------------------------------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/* normalize: tables */
/* -------------------------------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------*/
.color-ini {
  color: #ffffff;
}

.color-pri {
  color: #333333;
}

.color-sec {
  color: #009e42;
}

.color-ter {
  color: #3d5066;
}

.color-qua {
  color: #e6eef0;
}

.color-qui {
  color: #f0f4f5;
}

.bg-ini {
  background-color: #ffffff;
}

.bg-pri {
  background-color: #333333;
}

.bg-sec {
  background-color: #009e42;
}

.bg-ter {
  background-color: #3d5066;
}

.bg-qua {
  background-color: #e6eef0;
}

.bg-qui {
  background-color: #f0f4f5;
}

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

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: hsl(0, 0%, 96%);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.6;
  color: #333333;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  body {
    font-size: 2vw;
  }
}
@media print {
  body {
    zoom: 0.64;
    padding-top: 0;
    -webkit-print-color-adjust: exact;
  }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  body {
    font-size: 4vw;
  }
}
hr {
  width: calc(100% - 6em);
  height: 1px;
  border: 0;
  background-color: #ebebeb;
  margin: 4em auto;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  hr {
    width: 90%;
  }
}
a {
  color: #333333;
}
a.td-none {
  text-decoration: none;
}

.isnt-touch a:focus, .isnt-touch a:hover {
  color: #009e42;
}

ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  font-size: 90%;
}

ol {
  counter-reset: number;
}
ol li {
  position: relative;
  margin-left: 0.5em;
  padding-left: 1.5em;
}
ol li::before {
  display: inline-block;
  position: absolute;
  top: 0.333333em;
  left: 0;
  width: 2em;
  border-radius: 50%;
  background-color: #009e42;
  counter-increment: number;
  content: counter(number);
  text-align: center;
  font-family: "Courier New";
  font-weight: bold;
  font-size: 0.5em;
  line-height: 2;
  color: #ffffff;
}

ul li {
  position: relative;
  padding-left: 1.5em;
}
ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0.5em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #3d5066;
}

.button,
button,
dd,
dt,
li {
  margin-bottom: 1rem;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 1.5rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem;
}

table {
  border-spacing: 0;
  width: 100%;
  border-top: 0.2rem solid #009e42;
}
table thead > * {
  background-color: #f0f4f5;
}
table td,
table th {
  border-bottom: 0.1rem solid #e6eef0;
  padding: 1rem;
  text-align: left;
  vertical-align: top;
}
table td:first-child,
table th:first-child {
  padding-left: 1rem;
}
table td:last-child,
table th:last-child {
  padding-right: 1rem;
}
table th {
  white-space: nowrap;
}
table.none-border {
  border-top: 0;
}
table.none-border td,
table.none-border th {
  border-bottom: 0;
}
table.auto-width {
  width: auto;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  table thead {
    display: none;
  }
  table tr {
    display: block;
    padding: 1.5rem 0;
  }
  table tr + tr {
    border-top: 0.1rem solid #e6eef0;
  }
  table td,
  table th {
    display: block;
    border-bottom: 0;
    white-space: normal;
  }
  table td:first-child,
  table th:first-child {
    padding-left: 0;
  }
  table td:last-child,
  table th:last-child {
    padding-right: 0;
  }
  table.none-border tr + tr {
    border-top: 0;
  }
}
b,
strong {
  font-weight: bold;
}

em {
  font-style: normal;
  font-weight: bold;
  color: #3d5066;
}

p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 2rem;
  margin-top: 0;
}

h1 {
  font-size: 1.75em;
  line-height: 1.2;
}

h2 {
  font-size: 1.5em;
  line-height: 1.25;
}

h3 {
  font-size: 1.375em;
  line-height: 1.3;
}

h4 {
  font-size: 1.25em;
  letter-spacing: -0.08rem;
  line-height: 1.35;
}

h5 {
  font-size: 1.125em;
  letter-spacing: -0.05rem;
  line-height: 1.5;
}

h6 {
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.4;
}

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

/*--------------------------------------------------------------*/
/* Button */
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-block;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 0.5em 1.5em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  background-color: #333333;
  color: #ffffff;
  -webkit-appearance: none;
}
.button span,
button span,
input[type=button] span,
input[type=reset] span,
input[type=submit] span {
  position: relative;
  z-index: 2;
}
.button:before, .button:after,
button:before,
button:after,
input[type=button]:before,
input[type=button]:after,
input[type=reset]:before,
input[type=reset]:after,
input[type=submit]:before,
input[type=submit]:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button:after,
button:after,
input[type=button]:after,
input[type=reset]:after,
input[type=submit]:after {
  border: 1px solid #333333;
  opacity: 1;
}
.button:before,
button:before,
input[type=button]:before,
input[type=reset]:before,
input[type=submit]:before {
  background: #009e42;
  opacity: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.button.disabled, .button[disabled],
button.disabled,
button[disabled],
input[type=button].disabled,
input[type=button][disabled],
input[type=reset].disabled,
input[type=reset][disabled],
input[type=submit].disabled,
input[type=submit][disabled] {
  cursor: default;
  opacity: 0.25;
}

.isnt-touch .button:focus, .isnt-touch .button:hover,
.isnt-touch button:focus,
.isnt-touch button:hover,
.isnt-touch input[type=button]:focus,
.isnt-touch input[type=button]:hover,
.isnt-touch input[type=reset]:focus,
.isnt-touch input[type=reset]:hover,
.isnt-touch input[type=submit]:focus,
.isnt-touch input[type=submit]:hover {
  color: #ffffff;
}
.isnt-touch .button:focus:after, .isnt-touch .button:hover:after,
.isnt-touch button:focus:after,
.isnt-touch button:hover:after,
.isnt-touch input[type=button]:focus:after,
.isnt-touch input[type=button]:hover:after,
.isnt-touch input[type=reset]:focus:after,
.isnt-touch input[type=reset]:hover:after,
.isnt-touch input[type=submit]:focus:after,
.isnt-touch input[type=submit]:hover:after {
  opacity: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.isnt-touch .button:focus:before, .isnt-touch .button:hover:before,
.isnt-touch button:focus:before,
.isnt-touch button:hover:before,
.isnt-touch input[type=button]:focus:before,
.isnt-touch input[type=button]:hover:before,
.isnt-touch input[type=reset]:focus:before,
.isnt-touch input[type=reset]:hover:before,
.isnt-touch input[type=submit]:focus:before,
.isnt-touch input[type=submit]:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.isnt-touch .button.disabled:focus, .isnt-touch .button.disabled:hover, .isnt-touch .button[disabled]:focus, .isnt-touch .button[disabled]:hover,
.isnt-touch button.disabled:focus,
.isnt-touch button.disabled:hover,
.isnt-touch button[disabled]:focus,
.isnt-touch button[disabled]:hover,
.isnt-touch input[type=button].disabled:focus,
.isnt-touch input[type=button].disabled:hover,
.isnt-touch input[type=button][disabled]:focus,
.isnt-touch input[type=button][disabled]:hover,
.isnt-touch input[type=reset].disabled:focus,
.isnt-touch input[type=reset].disabled:hover,
.isnt-touch input[type=reset][disabled]:focus,
.isnt-touch input[type=reset][disabled]:hover,
.isnt-touch input[type=submit].disabled:focus,
.isnt-touch input[type=submit].disabled:hover,
.isnt-touch input[type=submit][disabled]:focus,
.isnt-touch input[type=submit][disabled]:hover {
  color: #333333;
}
.isnt-touch .button.disabled:focus:after, .isnt-touch .button.disabled:hover:after, .isnt-touch .button[disabled]:focus:after, .isnt-touch .button[disabled]:hover:after,
.isnt-touch button.disabled:focus:after,
.isnt-touch button.disabled:hover:after,
.isnt-touch button[disabled]:focus:after,
.isnt-touch button[disabled]:hover:after,
.isnt-touch input[type=button].disabled:focus:after,
.isnt-touch input[type=button].disabled:hover:after,
.isnt-touch input[type=button][disabled]:focus:after,
.isnt-touch input[type=button][disabled]:hover:after,
.isnt-touch input[type=reset].disabled:focus:after,
.isnt-touch input[type=reset].disabled:hover:after,
.isnt-touch input[type=reset][disabled]:focus:after,
.isnt-touch input[type=reset][disabled]:hover:after,
.isnt-touch input[type=submit].disabled:focus:after,
.isnt-touch input[type=submit].disabled:hover:after,
.isnt-touch input[type=submit][disabled]:focus:after,
.isnt-touch input[type=submit][disabled]:hover:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.isnt-touch .button.disabled:focus:before, .isnt-touch .button.disabled:hover:before, .isnt-touch .button[disabled]:focus:before, .isnt-touch .button[disabled]:hover:before,
.isnt-touch button.disabled:focus:before,
.isnt-touch button.disabled:hover:before,
.isnt-touch button[disabled]:focus:before,
.isnt-touch button[disabled]:hover:before,
.isnt-touch input[type=button].disabled:focus:before,
.isnt-touch input[type=button].disabled:hover:before,
.isnt-touch input[type=button][disabled]:focus:before,
.isnt-touch input[type=button][disabled]:hover:before,
.isnt-touch input[type=reset].disabled:focus:before,
.isnt-touch input[type=reset].disabled:hover:before,
.isnt-touch input[type=reset][disabled]:focus:before,
.isnt-touch input[type=reset][disabled]:hover:before,
.isnt-touch input[type=submit].disabled:focus:before,
.isnt-touch input[type=submit].disabled:hover:before,
.isnt-touch input[type=submit][disabled]:focus:before,
.isnt-touch input[type=submit][disabled]:hover:before {
  opacity: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

/* icon */
.icon {
  display: inline-block;
}
.icon:before, .icon:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-top: -0.25em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.icon:after {
  content: "";
  margin-left: 1em;
}
.icon.after:before {
  content: none;
}
.icon.after:after {
  content: "";
  margin-left: 0.5em;
}
.icon.arrow:before, .icon.arrow:after {
  background-image: url(../images/ico_arrow_02.svg);
}
.icon.arrow.prev:before, .icon.arrow.prev:after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.icon.newtab:before, .icon.newtab:after {
  background-image: url(../images/ico_arrow_01.svg);
}

/* multi-title */
.multi-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.multi-title__pri {
  font-family: "Barlow";
  font-size: 150%;
}
.multi-title__sec {
  font-size: 75%;
}

/*--------------------------------------------------------------*/
/* site-header */
.site-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2em 0;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .site-header {
    padding: 1.5em 0;
  }
}
.site-header a {
  text-decoration: none;
}
.site-header__logo {
  width: 12em;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .site-header__logo {
    width: 10em;
  }
}

/* site-footer */
.site-footer {
  padding: 4em 2.5%;
  text-align: center;
}
.site-footer a {
  text-decoration: none;
}
.site-footer__navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5em 3em;
  font-size: 0.875em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .site-footer__navi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.site-footer__navi__item {
  position: relative;
}
.site-footer__navi__item::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0 -1.5em auto auto;
  width: 0;
  height: 100%;
  border-left: 1px solid hsl(0, 0%, 80%);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .site-footer__navi__item::after {
    content: none;
  }
}
.site-footer__navi__item:last-of-type::after {
  content: none;
}
.site-footer__copyright {
  margin-top: 4em;
  font-family: "Barlow";
  font-size: 0.75em;
}

/*--------------------------------------------------------------*/
/* ---------------------------------------------------------------- */
/* index-container */
/* ---------------------------------------------------------------- */
/* link */
.index-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 2em;
  padding-bottom: 8em;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container {
    gap: 2em 0;
    padding-bottom: 6em;
  }
}
.index-container a {
  text-decoration: none;
}
.index-container__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 30em;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(rgb(173, 217, 72)), color-stop(50%, rgb(75, 196, 125)), to(rgb(26, 119, 153)));
  background: linear-gradient(90deg, rgb(173, 217, 72) 0%, rgb(75, 196, 125) 50%, rgb(26, 119, 153) 100%);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__header {
    height: 15em;
  }
}
.index-container__header::before, .index-container__header::after {
  content: "";
  display: block;
  position: absolute;
  top: 10em;
  width: 45%;
  height: 20em;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__header::before, .index-container__header::after {
    top: 5em;
    width: 90%;
    height: 10em;
  }
}
.index-container__header::before {
  left: calc(5% - 1em);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__header::before {
    left: 5%;
  }
}
.index-container__header::after {
  right: calc(5% - 1em);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__header::after {
    content: none;
  }
}
.index-container__header__title {
  position: absolute;
  inset: 3em auto auto 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  font-family: "Barlow";
  font-size: 1.5em;
  color: #ffffff;
  line-height: 1;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__header__title {
    top: 2em;
    font-size: 1em;
  }
}
.index-container__item {
  width: 45%;
  margin-top: -20em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__item {
    width: 90%;
    margin-top: -12em;
  }
  .index-container__item:nth-of-type(n+3) {
    margin-top: 0;
  }
}
.index-container__visual {
  position: relative;
  background-color: #f0f4f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-container__visual .title-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.index-container__visual a {
  display: inline-block;
}
.index-container__visual a::before, .index-container__visual a::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto auto;
}
.index-container__visual a::before {
  inset: auto 0 0 auto;
  width: 3em;
  height: 3em;
  background-color: #333333;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  background-image: url(../images/ico_arrow_01.svg);
}
.index-container__visual a::after {
  width: 100%;
  height: 100%;
}
.index-container__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3em;
  padding: 1.5em 0;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1em;
  }
}
.index-container__title {
  margin-bottom: 0;
  font-size: 1.875em;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .index-container__title {
    font-size: 1.75em;
  }
}
.index-container__read {
  -webkit-transform: translateY(1em);
          transform: translateY(1em);
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.8;
}
.index-container__read .button {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 0.875em;
}

/* visual: hover */
.isnt-touch .index-container__visual a::before {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.isnt-touch .index-container__visual a::after {
  border: solid 0 #009e42;
  -webkit-transition: border-width 0.2s ease-out;
  transition: border-width 0.2s ease-out;
}
.isnt-touch .index-container__visual a:focus::after, .isnt-touch .index-container__visual a:hover::after {
  border-width: 0.5em;
}
.isnt-touch .index-container__visual a:focus::before, .isnt-touch .index-container__visual a:hover::before {
  background-color: #009e42;
}

@-webkit-keyframes strategy-visual {
  0% {
    background-position-y: 100%;
  }
  40% {
    background-position-y: 0;
  }
  50% {
    background-position-y: 0;
  }
  90% {
    background-position-y: 100%;
  }
}

@keyframes strategy-visual {
  0% {
    background-position-y: 100%;
  }
  40% {
    background-position-y: 0;
  }
  50% {
    background-position-y: 0;
  }
  90% {
    background-position-y: 100%;
  }
}
/*--------------------------------------------------------------*/
/* display */
.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-table {
  display: table;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-d-none {
    display: none;
  }
  .sp-d-block {
    display: block;
  }
  .sp-d-inline {
    display: inline;
  }
  .sp-d-inline-block {
    display: inline-block;
  }
  .sp-d-table {
    display: table;
  }
}
/* layout: margin auto */
/* -------------------------------------------------------------------------- */
.m-auto {
  margin: 0 auto !important;
}

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

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

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-m-auto {
    margin: 0 auto !important;
  }
  .sp-mr-auto {
    margin-right: auto !important;
  }
  .sp-ml-auto {
    margin-left: auto !important;
  }
}
/* layout: margin top */
/* -------------------------------------------------------------------------- */
.mt-0 {
  margin-top: 0 !important;
}

.mt-d5 {
  margin-top: 0.5em !important;
}

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

.mt-1d5 {
  margin-top: 1.5em !important;
}

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

.mt-2d5 {
  margin-top: 2.5em !important;
}

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

.mt-3d5 {
  margin-top: 3.5em !important;
}

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

.mt-4d5 {
  margin-top: 4.5em !important;
}

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

.mt-6 {
  margin-top: 6em !important;
}

.mt-7 {
  margin-top: 7em !important;
}

.mt-8 {
  margin-top: 8em !important;
}

.mt-9 {
  margin-top: 9em !important;
}

.mt-10 {
  margin-top: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-mt-0 {
    margin-top: 0 !important;
  }
  .sp-mt-d5 {
    margin-top: 0.5em !important;
  }
  .sp-mt-1 {
    margin-top: 1em !important;
  }
  .sp-mt-1d5 {
    margin-top: 1.5em !important;
  }
  .sp-mt-2 {
    margin-top: 2em !important;
  }
  .sp-mt-2d5 {
    margin-top: 2.5em !important;
  }
  .sp-mt-3 {
    margin-top: 3em !important;
  }
  .sp-mt-3d5 {
    margin-top: 3.5em !important;
  }
  .sp-mt-4 {
    margin-top: 4em !important;
  }
  .sp-mt-4d5 {
    margin-top: 4.5em !important;
  }
  .sp-mt-5 {
    margin-top: 5em !important;
  }
  .sp-mt-6 {
    margin-top: 6em !important;
  }
  .sp-mt-7 {
    margin-top: 7em !important;
  }
  .sp-mt-8 {
    margin-top: 8em !important;
  }
  .sp-mt-9 {
    margin-top: 9em !important;
  }
  .sp-mt-10 {
    margin-top: 10em !important;
  }
}
/* layout: margin right */
/* -------------------------------------------------------------------------- */
.mr-0 {
  margin-right: 0 !important;
}

.mr-d5 {
  margin-right: 0.5em !important;
}

.mr-1 {
  margin-right: 1em !important;
}

.mr-1d5 {
  margin-right: 1.5em !important;
}

.mr-2 {
  margin-right: 2em !important;
}

.mr-2d5 {
  margin-right: 2.5em !important;
}

.mr-3 {
  margin-right: 3em !important;
}

.mr-3d5 {
  margin-right: 3.5em !important;
}

.mr-4 {
  margin-right: 4em !important;
}

.mr-4d5 {
  margin-right: 4.5em !important;
}

.mr-5 {
  margin-right: 5em !important;
}

.mr-6 {
  margin-right: 6em !important;
}

.mr-7 {
  margin-right: 7em !important;
}

.mr-8 {
  margin-right: 8em !important;
}

.mr-9 {
  margin-right: 9em !important;
}

.mr-10 {
  margin-right: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-mr-0 {
    margin-right: 0 !important;
  }
  .sp-mr-d5 {
    margin-right: 0.5em !important;
  }
  .sp-mr-1 {
    margin-right: 1em !important;
  }
  .sp-mr-1d5 {
    margin-right: 1.5em !important;
  }
  .sp-mr-2 {
    margin-right: 2em !important;
  }
  .sp-mr-2d5 {
    margin-right: 2.5em !important;
  }
  .sp-mr-3 {
    margin-right: 3em !important;
  }
  .sp-mr-3d5 {
    margin-right: 3.5em !important;
  }
  .sp-mr-4 {
    margin-right: 4em !important;
  }
  .sp-mr-4d5 {
    margin-right: 4.5em !important;
  }
  .sp-mr-5 {
    margin-right: 5em !important;
  }
  .sp-mr-6 {
    margin-right: 6em !important;
  }
  .sp-mr-7 {
    margin-right: 7em !important;
  }
  .sp-mr-8 {
    margin-right: 8em !important;
  }
  .sp-mr-9 {
    margin-right: 9em !important;
  }
  .sp-mr-10 {
    margin-right: 10em !important;
  }
}
/* layout: margin bottom */
/* -------------------------------------------------------------------------- */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-d5 {
  margin-bottom: 0.5em !important;
}

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

.mb-1d5 {
  margin-bottom: 1.5em !important;
}

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

.mb-2d5 {
  margin-bottom: 2.5em !important;
}

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

.mb-3d5 {
  margin-bottom: 3.5em !important;
}

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

.mb-4d5 {
  margin-bottom: 4.5em !important;
}

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

.mb-6 {
  margin-bottom: 6em !important;
}

.mb-7 {
  margin-bottom: 7em !important;
}

.mb-8 {
  margin-bottom: 8em !important;
}

.mb-9 {
  margin-bottom: 9em !important;
}

.mb-10 {
  margin-bottom: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-mb-0 {
    margin-bottom: 0 !important;
  }
  .sp-mb-d5 {
    margin-bottom: 0.5em !important;
  }
  .sp-mb-1 {
    margin-bottom: 1em !important;
  }
  .sp-mb-1d5 {
    margin-bottom: 1.5em !important;
  }
  .sp-mb-2 {
    margin-bottom: 2em !important;
  }
  .sp-mb-2d5 {
    margin-bottom: 2.5em !important;
  }
  .sp-mb-3 {
    margin-bottom: 3em !important;
  }
  .sp-mb-3d5 {
    margin-bottom: 3.5em !important;
  }
  .sp-mb-4 {
    margin-bottom: 4em !important;
  }
  .sp-mb-4d5 {
    margin-bottom: 4.5em !important;
  }
  .sp-mb-5 {
    margin-bottom: 5em !important;
  }
  .sp-mb-6 {
    margin-bottom: 6em !important;
  }
  .sp-mb-7 {
    margin-bottom: 7em !important;
  }
  .sp-mb-8 {
    margin-bottom: 8em !important;
  }
  .sp-mb-9 {
    margin-bottom: 9em !important;
  }
  .sp-mb-10 {
    margin-bottom: 10em !important;
  }
}
/* layout: margin left */
/* -------------------------------------------------------------------------- */
.ml-0 {
  margin-left: 0 !important;
}

.ml-d5 {
  margin-left: 0.5em !important;
}

.ml-1 {
  margin-left: 1em !important;
}

.ml-1d5 {
  margin-left: 1.5em !important;
}

.ml-2 {
  margin-left: 2em !important;
}

.ml-2d5 {
  margin-left: 2.5em !important;
}

.ml-3 {
  margin-left: 3em !important;
}

.ml-3d5 {
  margin-left: 3.5em !important;
}

.ml-4 {
  margin-left: 4em !important;
}

.ml-4d5 {
  margin-left: 4.5em !important;
}

.ml-5 {
  margin-left: 5em !important;
}

.ml-6 {
  margin-left: 6em !important;
}

.ml-7 {
  margin-left: 7em !important;
}

.ml-8 {
  margin-left: 8em !important;
}

.ml-9 {
  margin-left: 9em !important;
}

.ml-10 {
  margin-left: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-ml-0 {
    margin-left: 0 !important;
  }
  .sp-ml-d5 {
    margin-left: 0.5em !important;
  }
  .sp-ml-1 {
    margin-left: 1em !important;
  }
  .sp-ml-1d5 {
    margin-left: 1.5em !important;
  }
  .sp-ml-2 {
    margin-left: 2em !important;
  }
  .sp-ml-2d5 {
    margin-left: 2.5em !important;
  }
  .sp-ml-3 {
    margin-left: 3em !important;
  }
  .sp-ml-3d5 {
    margin-left: 3.5em !important;
  }
  .sp-ml-4 {
    margin-left: 4em !important;
  }
  .sp-ml-4d5 {
    margin-left: 4.5em !important;
  }
  .sp-ml-5 {
    margin-left: 5em !important;
  }
  .sp-ml-6 {
    margin-left: 6em !important;
  }
  .sp-ml-7 {
    margin-left: 7em !important;
  }
  .sp-ml-8 {
    margin-left: 8em !important;
  }
  .sp-ml-9 {
    margin-left: 9em !important;
  }
  .sp-ml-10 {
    margin-left: 10em !important;
  }
}
/* layout: padding */
/* -------------------------------------------------------------------------- */
.p-0 {
  padding: 0 !important;
}

.p-d5 {
  padding: 0.5em !important;
}

.p-1 {
  padding: 1em !important;
}

.p-1d5 {
  padding: 1.5em !important;
}

.p-2 {
  padding: 2em !important;
}

.p-2d5 {
  padding: 2.5em !important;
}

.p-3 {
  padding: 3em !important;
}

.p-3s5 {
  padding: 3.5em !important;
}

.p-4 {
  padding: 4em !important;
}

.p-4s5 {
  padding: 4.5em !important;
}

.p-5 {
  padding: 5em !important;
}

.p-6 {
  padding: 6em !important;
}

.p-7 {
  padding: 7em !important;
}

.p-8 {
  padding: 8em !important;
}

.p-9 {
  padding: 9em !important;
}

.p-10 {
  padding: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-p-0 {
    padding: 0 !important;
  }
  .sp-p-d5 {
    padding: 0.5em !important;
  }
  .sp-p-1 {
    padding: 1em !important;
  }
  .sp-p-1d5 {
    padding: 1.5em !important;
  }
  .sp-p-2 {
    padding: 2em !important;
  }
  .sp-p-2d5 {
    padding: 2.5em !important;
  }
  .sp-p-3 {
    padding: 3em !important;
  }
  .sp-p-3d5 {
    padding: 3.5em !important;
  }
  .sp-p-4 {
    padding: 4em !important;
  }
  .sp-p-4d5 {
    padding: 4.5em !important;
  }
  .sp-p-5 {
    padding: 5em !important;
  }
  .sp-p-6 {
    padding: 6em !important;
  }
  .sp-p-7 {
    padding: 7em !important;
  }
  .sp-p-8 {
    padding: 8em !important;
  }
  .sp-p-9 {
    padding: 9em !important;
  }
  .sp-p-10 {
    padding: 10em !important;
  }
}
/* layout: padding top */
/* -------------------------------------------------------------------------- */
.pt-0 {
  padding-top: 0 !important;
}

.pt-d5 {
  padding-top: 0.5em !important;
}

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

.pt-1d5 {
  padding-top: 1.5em !important;
}

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

.pt-2d5 {
  padding-top: 2.5em !important;
}

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

.pt-3d5 {
  padding-top: 3.5em !important;
}

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

.pt-4d5 {
  padding-top: 4.5em !important;
}

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

.pt-6 {
  padding-top: 6em !important;
}

.pt-7 {
  padding-top: 7em !important;
}

.pt-8 {
  padding-top: 8em !important;
}

.pt-9 {
  padding-top: 9em !important;
}

.pt-10 {
  padding-top: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-pt-0 {
    padding-top: 0 !important;
  }
  .sp-pt-d5 {
    padding-top: 0.5em !important;
  }
  .sp-pt-1 {
    padding-top: 1em !important;
  }
  .sp-pt-1d5 {
    padding-top: 1.5em !important;
  }
  .sp-pt-2 {
    padding-top: 2em !important;
  }
  .sp-pt-2d5 {
    padding-top: 2.5em !important;
  }
  .sp-pt-3 {
    padding-top: 3em !important;
  }
  .sp-pt-3d5 {
    padding-top: 3.5em !important;
  }
  .sp-pt-4 {
    padding-top: 4em !important;
  }
  .sp-pt-4d5 {
    padding-top: 4.5em !important;
  }
  .sp-pt-5 {
    padding-top: 5em !important;
  }
  .sp-pt-6 {
    padding-top: 6em !important;
  }
  .sp-pt-7 {
    padding-top: 7em !important;
  }
  .sp-pt-8 {
    padding-top: 8em !important;
  }
  .sp-pt-9 {
    padding-top: 9em !important;
  }
  .sp-pt-10 {
    padding-top: 10em !important;
  }
}
/* layout: padding right */
/* -------------------------------------------------------------------------- */
.pr-0 {
  padding-right: 0em !important;
}

.pr-d5 {
  padding-right: 0.5em !important;
}

.pr-1 {
  padding-right: 1em !important;
}

.pr-1d5 {
  padding-right: 1.5em !important;
}

.pr-2 {
  padding-right: 2em !important;
}

.pr-2d5 {
  padding-right: 2.5em !important;
}

.pr-3 {
  padding-right: 3em !important;
}

.pr-3d5 {
  padding-right: 3.5em !important;
}

.pr-4 {
  padding-right: 4em !important;
}

.pr-4d5 {
  padding-right: 4.5em !important;
}

.pr-5 {
  padding-right: 5em !important;
}

.pr-6 {
  padding-right: 6em !important;
}

.pr-7 {
  padding-right: 7em !important;
}

.pr-8 {
  padding-right: 8em !important;
}

.pr-9 {
  padding-right: 9em !important;
}

.pr-10 {
  padding-right: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-pr-0 {
    padding-right: 0em !important;
  }
  .sp-pr-d5 {
    padding-right: 0.5em !important;
  }
  .sp-pr-1 {
    padding-right: 1em !important;
  }
  .sp-pr-1d5 {
    padding-right: 1.5em !important;
  }
  .sp-pr-2 {
    padding-right: 2em !important;
  }
  .sp-pr-2d5 {
    padding-right: 2.5em !important;
  }
  .sp-pr-3 {
    padding-right: 3em !important;
  }
  .sp-pr-3d5 {
    padding-right: 3.5em !important;
  }
  .sp-pr-4 {
    padding-right: 4em !important;
  }
  .sp-pr-4d5 {
    padding-right: 4.5em !important;
  }
  .sp-pr-5 {
    padding-right: 5em !important;
  }
  .sp-pr-6 {
    padding-right: 6em !important;
  }
  .sp-pr-7 {
    padding-right: 7em !important;
  }
  .sp-pr-8 {
    padding-right: 8em !important;
  }
  .sp-pr-9 {
    padding-right: 9em !important;
  }
  .sp-pr-10 {
    padding-right: 10em !important;
  }
}
/* layout: padding bottom */
/* -------------------------------------------------------------------------- */
.pb-0 {
  padding-bottom: 0em !important;
}

.pb-d5 {
  padding-bottom: 0.5em !important;
}

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

.pb-1d5 {
  padding-bottom: 1.5em !important;
}

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

.pb-2d5 {
  padding-bottom: 2.5em !important;
}

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

.pb-3d5 {
  padding-bottom: 3.5em !important;
}

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

.pb-4d5 {
  padding-bottom: 4.5em !important;
}

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

.pb-6 {
  padding-bottom: 6em !important;
}

.pb-7 {
  padding-bottom: 7em !important;
}

.pb-8 {
  padding-bottom: 8em !important;
}

.pb-9 {
  padding-bottom: 9em !important;
}

.pb-10 {
  padding-bottom: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-pb-0 {
    padding-bottom: 0em !important;
  }
  .sp-pb-d5 {
    padding-bottom: 0.5em !important;
  }
  .sp-pb-1 {
    padding-bottom: 1em !important;
  }
  .sp-pb-1d5 {
    padding-bottom: 1.5em !important;
  }
  .sp-pb-2 {
    padding-bottom: 2em !important;
  }
  .sp-pb-2d5 {
    padding-bottom: 2.5em !important;
  }
  .sp-pb-3 {
    padding-bottom: 3em !important;
  }
  .sp-pb-3d5 {
    padding-bottom: 3.5em !important;
  }
  .sp-pb-4 {
    padding-bottom: 4em !important;
  }
  .sp-pb-4d5 {
    padding-bottom: 4.5em !important;
  }
  .sp-pb-5 {
    padding-bottom: 5em !important;
  }
  .sp-pb-6 {
    padding-bottom: 6em !important;
  }
  .sp-pb-7 {
    padding-bottom: 7em !important;
  }
  .sp-pb-8 {
    padding-bottom: 8em !important;
  }
  .sp-pb-9 {
    padding-bottom: 9em !important;
  }
  .sp-pb-10 {
    padding-bottom: 10em !important;
  }
}
/* layout: padding left */
/* -------------------------------------------------------------------------- */
.pl-0 {
  padding-left: 0em !important;
}

.pl-d5 {
  padding-left: 0.5em !important;
}

.pl-1 {
  padding-left: 1em !important;
}

.pl-1d5 {
  padding-left: 1.5em !important;
}

.pl-2 {
  padding-left: 2em !important;
}

.pl-2d5 {
  padding-left: 2.5em !important;
}

.pl-3 {
  padding-left: 3em !important;
}

.pl-3d5 {
  padding-left: 3.5em !important;
}

.pl-4 {
  padding-left: 4em !important;
}

.pl-4d5 {
  padding-left: 4.5em !important;
}

.pl-5 {
  padding-left: 5em !important;
}

.pl-6 {
  padding-left: 6em !important;
}

.pl-7 {
  padding-left: 7em !important;
}

.pl-8 {
  padding-left: 8em !important;
}

.pl-9 {
  padding-left: 9em !important;
}

.pl-10 {
  padding-left: 10em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-pl-0 {
    padding-left: 0em !important;
  }
  .sp-pl-d5 {
    padding-left: 0.5em !important;
  }
  .sp-pl-1 {
    padding-left: 1em !important;
  }
  .sp-pl-1d5 {
    padding-left: 1.5em !important;
  }
  .sp-pl-2 {
    padding-left: 2em !important;
  }
  .sp-pl-2d5 {
    padding-left: 2.5em !important;
  }
  .sp-pl-3 {
    padding-left: 3em !important;
  }
  .sp-pl-3d5 {
    padding-left: 3.5em !important;
  }
  .sp-pl-4 {
    padding-left: 4em !important;
  }
  .sp-pl-4d5 {
    padding-left: 4.5em !important;
  }
  .sp-pl-5 {
    padding-left: 5em !important;
  }
  .sp-pl-6 {
    padding-left: 6em !important;
  }
  .sp-pl-7 {
    padding-left: 7em !important;
  }
  .sp-pl-8 {
    padding-left: 8em !important;
  }
  .sp-pl-9 {
    padding-left: 9em !important;
  }
  .sp-pl-10 {
    padding-left: 10em !important;
  }
}
/* layout: percentage width */
/* -------------------------------------------------------------------------- */
.w-100p {
  width: 100% !important;
}

.w-95p {
  width: 95% !important;
}

.w-90p {
  width: 90% !important;
}

.w-85p {
  width: 85% !important;
}

.w-80p {
  width: 80% !important;
}

.w-75p {
  width: 75% !important;
}

.w-70p {
  width: 70% !important;
}

.w-65p {
  width: 65% !important;
}

.w-60p {
  width: 60% !important;
}

.w-55p {
  width: 55% !important;
}

.w-50p {
  width: 50% !important;
}

.w-45p {
  width: 45% !important;
}

.w-40p {
  width: 40% !important;
}

.w-35p {
  width: 35% !important;
}

.w-30p {
  width: 30% !important;
}

.w-25p {
  width: 25% !important;
}

.w-20p {
  width: 20% !important;
}

.w-15p {
  width: 15% !important;
}

.w-10p {
  width: 10% !important;
}

.w-5p {
  width: 5% !important;
}

.w-auto {
  width: auto !important;
}

.w-small {
  width: 33.333% !important;
}

.w-middle {
  width: 66.666% !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-w-100p {
    width: 100% !important;
  }
  .sp-w-95p {
    width: 95% !important;
  }
  .sp-w-90p {
    width: 90% !important;
  }
  .sp-w-85p {
    width: 85% !important;
  }
  .sp-w-80p {
    width: 80% !important;
  }
  .sp-w-75p {
    width: 75% !important;
  }
  .sp-w-70p {
    width: 70% !important;
  }
  .sp-w-65p {
    width: 65% !important;
  }
  .sp-w-60p {
    width: 60% !important;
  }
  .sp-w-55p {
    width: 55% !important;
  }
  .sp-w-50p {
    width: 50% !important;
  }
  .sp-w-45p {
    width: 45% !important;
  }
  .sp-w-40p {
    width: 40% !important;
  }
  .sp-w-35p {
    width: 35% !important;
  }
  .sp-w-30p {
    width: 30% !important;
  }
  .sp-w-25p {
    width: 25% !important;
  }
  .sp-w-20p {
    width: 20% !important;
  }
  .sp-w-15p {
    width: 15% !important;
  }
  .sp-w-10p {
    width: 10% !important;
  }
  .sp-w-5p {
    width: 5% !important;
  }
  .sp-w-auto {
    width: auto !important;
  }
  .sp-w-small {
    width: 33.333% !important;
  }
  .sp-w-middle {
    width: 66.666% !important;
  }
}
/* layout: em width */
/* -------------------------------------------------------------------------- */
.w-d5e {
  width: 0.5em !important;
}

.w-1e {
  width: 1em !important;
}

.w-1d5e {
  width: 1.5em !important;
}

.w-2e {
  width: 2em !important;
}

.w-2d5e {
  width: 2.5em !important;
}

.w-3e {
  width: 3em !important;
}

.w-3d5e {
  width: 3.5em !important;
}

.w-4e {
  width: 4em !important;
}

.w-4d5e {
  width: 4.5em !important;
}

.w-5e {
  width: 5em !important;
}

.w-5d5e {
  width: 5.5em !important;
}

.w-6e {
  width: 6em !important;
}

.w-6d5e {
  width: 6.5em !important;
}

.w-7e {
  width: 7em !important;
}

.w-7d5e {
  width: 7.5em !important;
}

.w-8e {
  width: 8em !important;
}

.w-8d5e {
  width: 8.5em !important;
}

.w-9e {
  width: 9em !important;
}

.w-9d5e {
  width: 9.5em !important;
}

.w-10e {
  width: 10em !important;
}

.w-11e {
  width: 11em !important;
}

.w-12e {
  width: 12em !important;
}

.w-13e {
  width: 13em !important;
}

.w-14e {
  width: 14em !important;
}

.w-15e {
  width: 15em !important;
}

.w-16e {
  width: 16em !important;
}

.w-17e {
  width: 17em !important;
}

.w-18e {
  width: 18em !important;
}

.w-19e {
  width: 19em !important;
}

.w-20e {
  width: 20em !important;
}

.w-21e {
  width: 21em !important;
}

.w-22e {
  width: 22em !important;
}

.w-23e {
  width: 23em !important;
}

.w-24e {
  width: 24em !important;
}

.w-25e {
  width: 25em !important;
}

.w-26e {
  width: 26em !important;
}

.w-27e {
  width: 27em !important;
}

.w-28e {
  width: 28em !important;
}

.w-29e {
  width: 29em !important;
}

.w-30e {
  width: 30em !important;
}

.w-31e {
  width: 31em !important;
}

.w-32e {
  width: 32em !important;
}

.w-33e {
  width: 33em !important;
}

.w-34e {
  width: 34em !important;
}

.w-35e {
  width: 35em !important;
}

.w-36e {
  width: 36em !important;
}

.w-37e {
  width: 37em !important;
}

.w-38e {
  width: 38em !important;
}

.w-39e {
  width: 39em !important;
}

.w-40e {
  width: 40em !important;
}

.w-41e {
  width: 41em !important;
}

.w-42e {
  width: 42em !important;
}

.w-43e {
  width: 43em !important;
}

.w-44e {
  width: 44em !important;
}

.w-45e {
  width: 45em !important;
}

.w-46e {
  width: 46em !important;
}

.w-47e {
  width: 47em !important;
}

.w-48e {
  width: 48em !important;
}

.w-49e {
  width: 49em !important;
}

.w-50e {
  width: 50em !important;
}

.w-51e {
  width: 51em !important;
}

.w-52e {
  width: 52em !important;
}

.w-53e {
  width: 53em !important;
}

.w-54e {
  width: 54em !important;
}

.w-55e {
  width: 55em !important;
}

.w-56e {
  width: 56em !important;
}

.w-57e {
  width: 57em !important;
}

.w-58e {
  width: 58em !important;
}

.w-59e {
  width: 59em !important;
}

.w-60e {
  width: 59em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-w-d5e {
    width: 0.5em !important;
  }
  .sp-w-1e {
    width: 1em !important;
  }
  .sp-w-1d5e {
    width: 1.5em !important;
  }
  .sp-w-2e {
    width: 2em !important;
  }
  .sp-w-2d5e {
    width: 2.5em !important;
  }
  .sp-w-3e {
    width: 3em !important;
  }
  .sp-w-3d5e {
    width: 3.5em !important;
  }
  .sp-w-4e {
    width: 4em !important;
  }
  .sp-w-4d5e {
    width: 4.5em !important;
  }
  .sp-w-5e {
    width: 5em !important;
  }
  .sp-w-5d5e {
    width: 5.5em !important;
  }
  .sp-w-6e {
    width: 6em !important;
  }
  .sp-w-6d5e {
    width: 6.5em !important;
  }
  .sp-w-7e {
    width: 7em !important;
  }
  .sp-w-7d5e {
    width: 7.5em !important;
  }
  .sp-w-8e {
    width: 8em !important;
  }
  .sp-w-8d5e {
    width: 8.5em !important;
  }
  .sp-w-9e {
    width: 9em !important;
  }
  .sp-w-9d5e {
    width: 9.5em !important;
  }
  .sp-w-10e {
    width: 10em !important;
  }
  .sp-w-11e {
    width: 11em !important;
  }
  .sp-w-12e {
    width: 12em !important;
  }
  .sp-w-13e {
    width: 13em !important;
  }
  .sp-w-14e {
    width: 14em !important;
  }
  .sp-w-15e {
    width: 15em !important;
  }
  .sp-w-16e {
    width: 16em !important;
  }
  .sp-w-17e {
    width: 17em !important;
  }
  .sp-w-18e {
    width: 18em !important;
  }
  .sp-w-19e {
    width: 19em !important;
  }
  .sp-w-20e {
    width: 20em !important;
  }
  .sp-w-21e {
    width: 21em !important;
  }
  .sp-w-22e {
    width: 22em !important;
  }
  .sp-w-23e {
    width: 23em !important;
  }
  .sp-w-24e {
    width: 24em !important;
  }
  .sp-w-25e {
    width: 25em !important;
  }
  .sp-w-26e {
    width: 26em !important;
  }
  .sp-w-27e {
    width: 27em !important;
  }
  .sp-w-28e {
    width: 28em !important;
  }
  .sp-w-29e {
    width: 29em !important;
  }
  .sp-w-30e {
    width: 30em !important;
  }
  .sp-w-31e {
    width: 31em !important;
  }
  .sp-w-32e {
    width: 32em !important;
  }
  .sp-w-33e {
    width: 33em !important;
  }
  .sp-w-34e {
    width: 34em !important;
  }
  .sp-w-35e {
    width: 35em !important;
  }
  .sp-w-36e {
    width: 36em !important;
  }
  .sp-w-37e {
    width: 37em !important;
  }
  .sp-w-38e {
    width: 38em !important;
  }
  .sp-w-39e {
    width: 39em !important;
  }
  .sp-w-40e {
    width: 40em !important;
  }
  .sp-w-41e {
    width: 41em !important;
  }
  .sp-w-42e {
    width: 42em !important;
  }
  .sp-w-43e {
    width: 43em !important;
  }
  .sp-w-44e {
    width: 44em !important;
  }
  .sp-w-45e {
    width: 45em !important;
  }
  .sp-w-46e {
    width: 46em !important;
  }
  .sp-w-47e {
    width: 47em !important;
  }
  .sp-w-48e {
    width: 48em !important;
  }
  .sp-w-49e {
    width: 49em !important;
  }
  .sp-w-50e {
    width: 50em !important;
  }
  .sp-w-51e {
    width: 51em !important;
  }
  .sp-w-52e {
    width: 52em !important;
  }
  .sp-w-53e {
    width: 53em !important;
  }
  .sp-w-54e {
    width: 54em !important;
  }
  .sp-w-55e {
    width: 55em !important;
  }
  .sp-w-56e {
    width: 56em !important;
  }
  .sp-w-57e {
    width: 57em !important;
  }
  .sp-w-58e {
    width: 58em !important;
  }
  .sp-w-59e {
    width: 59em !important;
  }
  .sp-w-60e {
    width: 59em !important;
  }
}
/* layout: em max-width */
/* -------------------------------------------------------------------------- */
.max-w-d5e {
  max-width: 0.5em !important;
}

.max-w-1e {
  max-width: 1em !important;
}

.max-w-1d5e {
  max-width: 1.5em !important;
}

.max-w-2e {
  max-width: 2em !important;
}

.max-w-2d5e {
  max-width: 2.5em !important;
}

.max-w-3e {
  max-width: 3em !important;
}

.max-w-3d5e {
  max-width: 3.5em !important;
}

.max-w-4e {
  max-width: 4em !important;
}

.max-w-4d5e {
  max-width: 4.5em !important;
}

.max-w-5e {
  max-width: 5em !important;
}

.max-w-5d5e {
  max-width: 5.5em !important;
}

.max-w-6e {
  max-width: 6em !important;
}

.max-w-6d5e {
  max-width: 6.5em !important;
}

.max-w-7e {
  max-width: 7em !important;
}

.max-w-7d5e {
  max-width: 7.5em !important;
}

.max-w-8e {
  max-width: 8em !important;
}

.max-w-8d5e {
  max-width: 8.5em !important;
}

.max-w-9e {
  max-width: 9em !important;
}

.max-w-9d5e {
  max-width: 9.5em !important;
}

.max-w-10e {
  max-width: 10em !important;
}

.max-w-11e {
  max-width: 11em !important;
}

.max-w-12e {
  max-width: 12em !important;
}

.max-w-13e {
  max-width: 13em !important;
}

.max-w-14e {
  max-width: 14em !important;
}

.max-w-15e {
  max-width: 15em !important;
}

.max-w-16e {
  max-width: 16em !important;
}

.max-w-17e {
  max-width: 17em !important;
}

.max-w-18e {
  max-width: 18em !important;
}

.max-w-19e {
  max-width: 19em !important;
}

.max-w-20e {
  max-width: 20em !important;
}

.max-w-21e {
  max-width: 21em !important;
}

.max-w-22e {
  max-width: 22em !important;
}

.max-w-23e {
  max-width: 23em !important;
}

.max-w-24e {
  max-width: 24em !important;
}

.max-w-25e {
  max-width: 25em !important;
}

.max-w-26e {
  max-width: 26em !important;
}

.max-w-27e {
  max-width: 27em !important;
}

.max-w-28e {
  max-width: 28em !important;
}

.max-w-29e {
  max-width: 29em !important;
}

.max-w-30e {
  max-width: 30em !important;
}

.max-w-31e {
  max-width: 31em !important;
}

.max-w-32e {
  max-width: 32em !important;
}

.max-w-33e {
  max-width: 33em !important;
}

.max-w-34e {
  max-width: 34em !important;
}

.max-w-35e {
  max-width: 35em !important;
}

.max-w-36e {
  max-width: 36em !important;
}

.max-w-37e {
  max-width: 37em !important;
}

.max-w-38e {
  max-width: 38em !important;
}

.max-w-39e {
  max-width: 39em !important;
}

.max-w-40e {
  max-width: 40em !important;
}

.max-w-41e {
  max-width: 41em !important;
}

.max-w-42e {
  max-width: 42em !important;
}

.max-w-43e {
  max-width: 43em !important;
}

.max-w-44e {
  max-width: 44em !important;
}

.max-w-45e {
  max-width: 45em !important;
}

.max-w-46e {
  max-width: 46em !important;
}

.max-w-47e {
  max-width: 47em !important;
}

.max-w-48e {
  max-width: 48em !important;
}

.max-w-49e {
  max-width: 49em !important;
}

.max-w-50e {
  max-width: 50em !important;
}

.max-w-51e {
  max-width: 51em !important;
}

.max-w-52e {
  max-width: 52em !important;
}

.max-w-53e {
  max-width: 53em !important;
}

.max-w-54e {
  max-width: 54em !important;
}

.max-w-55e {
  max-width: 55em !important;
}

.max-w-56e {
  max-width: 56em !important;
}

.max-w-57e {
  max-width: 57em !important;
}

.max-w-58e {
  max-width: 58em !important;
}

.max-w-59e {
  max-width: 59em !important;
}

.max-w-60e {
  max-width: 59em !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-max-w-d5e {
    max-width: 0.5em !important;
  }
  .sp-max-w-1e {
    max-width: 1em !important;
  }
  .sp-max-w-1d5e {
    max-width: 1.5em !important;
  }
  .sp-max-w-2e {
    max-width: 2em !important;
  }
  .sp-max-w-2d5e {
    max-width: 2.5em !important;
  }
  .sp-max-w-3e {
    max-width: 3em !important;
  }
  .sp-max-w-3d5e {
    max-width: 3.5em !important;
  }
  .sp-max-w-4e {
    max-width: 4em !important;
  }
  .sp-max-w-4d5e {
    max-width: 4.5em !important;
  }
  .sp-max-w-5e {
    max-width: 5em !important;
  }
  .sp-max-w-5d5e {
    max-width: 5.5em !important;
  }
  .sp-max-w-6e {
    max-width: 6em !important;
  }
  .sp-max-w-6d5e {
    max-width: 6.5em !important;
  }
  .sp-max-w-7e {
    max-width: 7em !important;
  }
  .sp-max-w-7d5e {
    max-width: 7.5em !important;
  }
  .sp-max-w-8e {
    max-width: 8em !important;
  }
  .sp-max-w-8d5e {
    max-width: 8.5em !important;
  }
  .sp-max-w-9e {
    max-width: 9em !important;
  }
  .sp-max-w-9d5e {
    max-width: 9.5em !important;
  }
  .sp-max-w-10e {
    max-width: 10em !important;
  }
  .sp-max-w-11e {
    max-width: 11em !important;
  }
  .sp-max-w-12e {
    max-width: 12em !important;
  }
  .sp-max-w-13e {
    max-width: 13em !important;
  }
  .sp-max-w-14e {
    max-width: 14em !important;
  }
  .sp-max-w-15e {
    max-width: 15em !important;
  }
  .sp-max-w-16e {
    max-width: 16em !important;
  }
  .sp-max-w-17e {
    max-width: 17em !important;
  }
  .sp-max-w-18e {
    max-width: 18em !important;
  }
  .sp-max-w-19e {
    max-width: 19em !important;
  }
  .sp-max-w-20e {
    max-width: 20em !important;
  }
  .sp-max-w-21e {
    max-width: 21em !important;
  }
  .sp-max-w-22e {
    max-width: 22em !important;
  }
  .sp-max-w-23e {
    max-width: 23em !important;
  }
  .sp-max-w-24e {
    max-width: 24em !important;
  }
  .sp-max-w-25e {
    max-width: 25em !important;
  }
  .sp-max-w-26e {
    max-width: 26em !important;
  }
  .sp-max-w-27e {
    max-width: 27em !important;
  }
  .sp-max-w-28e {
    max-width: 28em !important;
  }
  .sp-max-w-29e {
    max-width: 29em !important;
  }
  .sp-max-w-30e {
    max-width: 30em !important;
  }
  .sp-max-w-31e {
    max-width: 31em !important;
  }
  .sp-max-w-32e {
    max-width: 32em !important;
  }
  .sp-max-w-33e {
    max-width: 33em !important;
  }
  .sp-max-w-34e {
    max-width: 34em !important;
  }
  .sp-max-w-35e {
    max-width: 35em !important;
  }
  .sp-max-w-36e {
    max-width: 36em !important;
  }
  .sp-max-w-37e {
    max-width: 37em !important;
  }
  .sp-max-w-38e {
    max-width: 38em !important;
  }
  .sp-max-w-39e {
    max-width: 39em !important;
  }
  .sp-max-w-40e {
    max-width: 40em !important;
  }
  .sp-max-w-41e {
    max-width: 41em !important;
  }
  .sp-max-w-42e {
    max-width: 42em !important;
  }
  .sp-max-w-43e {
    max-width: 43em !important;
  }
  .sp-max-w-44e {
    max-width: 44em !important;
  }
  .sp-max-w-45e {
    max-width: 45em !important;
  }
  .sp-max-w-46e {
    max-width: 46em !important;
  }
  .sp-max-w-47e {
    max-width: 47em !important;
  }
  .sp-max-w-48e {
    max-width: 48em !important;
  }
  .sp-max-w-49e {
    max-width: 49em !important;
  }
  .sp-max-w-50e {
    max-width: 50em !important;
  }
  .sp-max-w-51e {
    max-width: 51em !important;
  }
  .sp-max-w-52e {
    max-width: 52em !important;
  }
  .sp-max-w-53e {
    max-width: 53em !important;
  }
  .sp-max-w-54e {
    max-width: 54em !important;
  }
  .sp-max-w-55e {
    max-width: 55em !important;
  }
  .sp-max-w-56e {
    max-width: 56em !important;
  }
  .sp-max-w-57e {
    max-width: 57em !important;
  }
  .sp-max-w-58e {
    max-width: 58em !important;
  }
  .sp-max-w-59e {
    max-width: 59em !important;
  }
  .sp-max-w-60e {
    max-width: 59em !important;
  }
}
/* layout: em min-width */
/* -------------------------------------------------------------------------- */
.min-w-d5e {
  min-width: 0.5em !important;
}

.min-w-1e {
  min-width: 1em !important;
}

.min-w-1d5e {
  min-width: 1.5em !important;
}

.min-w-2e {
  min-width: 2em !important;
}

.min-w-2d5e {
  min-width: 2.5em !important;
}

.min-w-3e {
  min-width: 3em !important;
}

.min-w-3d5e {
  min-width: 3.5em !important;
}

.min-w-4e {
  min-width: 4em !important;
}

.min-w-4d5e {
  min-width: 4.5em !important;
}

.min-w-5e {
  min-width: 5em !important;
}

.min-w-5d5e {
  min-width: 5.5em !important;
}

.min-w-6e {
  min-width: 6em !important;
}

.min-w-6d5e {
  min-width: 6.5em !important;
}

.min-w-7e {
  min-width: 7em !important;
}

.min-w-7d5e {
  min-width: 7.5em !important;
}

.min-w-8e {
  min-width: 8em !important;
}

.min-w-8d5e {
  min-width: 8.5em !important;
}

.min-w-9e {
  min-width: 9em !important;
}

.min-w-9d5e {
  min-width: 9.5em !important;
}

.min-w-10e {
  min-width: 10em !important;
}

.min-w-11e {
  min-width: 11em !important;
}

.min-w-12e {
  min-width: 12em !important;
}

.min-w-13e {
  min-width: 13em !important;
}

.min-w-14e {
  min-width: 14em !important;
}

.min-w-15e {
  min-width: 15em !important;
}

.min-w-16e {
  min-width: 16em !important;
}

.min-w-17e {
  min-width: 17em !important;
}

.min-w-18e {
  min-width: 18em !important;
}

.min-w-19e {
  min-width: 19em !important;
}

.min-w-20e {
  min-width: 20em !important;
}

.min-w-21e {
  min-width: 21em !important;
}

.min-w-22e {
  min-width: 22em !important;
}

.min-w-23e {
  min-width: 23em !important;
}

.min-w-24e {
  min-width: 24em !important;
}

.min-w-25e {
  min-width: 25em !important;
}

.min-w-26e {
  min-width: 26em !important;
}

.min-w-27e {
  min-width: 27em !important;
}

.min-w-28e {
  min-width: 28em !important;
}

.min-w-29e {
  min-width: 29em !important;
}

.min-w-30e {
  min-width: 30em !important;
}

.min-w-31e {
  min-width: 31em !important;
}

.min-w-32e {
  min-width: 32em !important;
}

.min-w-33e {
  min-width: 33em !important;
}

.min-w-34e {
  min-width: 34em !important;
}

.min-w-35e {
  min-width: 35em !important;
}

.min-w-36e {
  min-width: 36em !important;
}

.min-w-37e {
  min-width: 37em !important;
}

.min-w-38e {
  min-width: 38em !important;
}

.min-w-39e {
  min-width: 39em !important;
}

.min-w-40e {
  min-width: 40em !important;
}

.min-w-41e {
  min-width: 41em !important;
}

.min-w-42e {
  min-width: 42em !important;
}

.min-w-43e {
  min-width: 43em !important;
}

.min-w-44e {
  min-width: 44em !important;
}

.min-w-45e {
  min-width: 45em !important;
}

.min-w-46e {
  min-width: 46em !important;
}

.min-w-47e {
  min-width: 47em !important;
}

.min-w-48e {
  min-width: 48em !important;
}

.min-w-49e {
  min-width: 49em !important;
}

.min-w-50e {
  min-width: 50em !important;
}

.min-w-51e {
  min-width: 51em !important;
}

.min-w-52e {
  min-width: 52em !important;
}

.min-w-53e {
  min-width: 53em !important;
}

.min-w-54e {
  min-width: 54em !important;
}

.min-w-55e {
  min-width: 55em !important;
}

.min-w-56e {
  min-width: 56em !important;
}

.min-w-57e {
  min-width: 57em !important;
}

.min-w-58e {
  min-width: 58em !important;
}

.min-w-59e {
  min-width: 59em !important;
}

.min-w-60e {
  min-width: 59em !important;
}

@media screen and (min-min-width: 768px) and (orientation: portrait) {
  .sp-min-w-d5e {
    min-width: 0.5em !important;
  }
  .sp-min-w-1e {
    min-width: 1em !important;
  }
  .sp-min-w-1d5e {
    min-width: 1.5em !important;
  }
  .sp-min-w-2e {
    min-width: 2em !important;
  }
  .sp-min-w-2d5e {
    min-width: 2.5em !important;
  }
  .sp-min-w-3e {
    min-width: 3em !important;
  }
  .sp-min-w-3d5e {
    min-width: 3.5em !important;
  }
  .sp-min-w-4e {
    min-width: 4em !important;
  }
  .sp-min-w-4d5e {
    min-width: 4.5em !important;
  }
  .sp-min-w-5e {
    min-width: 5em !important;
  }
  .sp-min-w-5d5e {
    min-width: 5.5em !important;
  }
  .sp-min-w-6e {
    min-width: 6em !important;
  }
  .sp-min-w-6d5e {
    min-width: 6.5em !important;
  }
  .sp-min-w-7e {
    min-width: 7em !important;
  }
  .sp-min-w-7d5e {
    min-width: 7.5em !important;
  }
  .sp-min-w-8e {
    min-width: 8em !important;
  }
  .sp-min-w-8d5e {
    min-width: 8.5em !important;
  }
  .sp-min-w-9e {
    min-width: 9em !important;
  }
  .sp-min-w-9d5e {
    min-width: 9.5em !important;
  }
  .sp-min-w-10e {
    min-width: 10em !important;
  }
  .sp-min-w-11e {
    min-width: 11em !important;
  }
  .sp-min-w-12e {
    min-width: 12em !important;
  }
  .sp-min-w-13e {
    min-width: 13em !important;
  }
  .sp-min-w-14e {
    min-width: 14em !important;
  }
  .sp-min-w-15e {
    min-width: 15em !important;
  }
  .sp-min-w-16e {
    min-width: 16em !important;
  }
  .sp-min-w-17e {
    min-width: 17em !important;
  }
  .sp-min-w-18e {
    min-width: 18em !important;
  }
  .sp-min-w-19e {
    min-width: 19em !important;
  }
  .sp-min-w-20e {
    min-width: 20em !important;
  }
  .sp-min-w-21e {
    min-width: 21em !important;
  }
  .sp-min-w-22e {
    min-width: 22em !important;
  }
  .sp-min-w-23e {
    min-width: 23em !important;
  }
  .sp-min-w-24e {
    min-width: 24em !important;
  }
  .sp-min-w-25e {
    min-width: 25em !important;
  }
  .sp-min-w-26e {
    min-width: 26em !important;
  }
  .sp-min-w-27e {
    min-width: 27em !important;
  }
  .sp-min-w-28e {
    min-width: 28em !important;
  }
  .sp-min-w-29e {
    min-width: 29em !important;
  }
  .sp-min-w-30e {
    min-width: 30em !important;
  }
  .sp-min-w-31e {
    min-width: 31em !important;
  }
  .sp-min-w-32e {
    min-width: 32em !important;
  }
  .sp-min-w-33e {
    min-width: 33em !important;
  }
  .sp-min-w-34e {
    min-width: 34em !important;
  }
  .sp-min-w-35e {
    min-width: 35em !important;
  }
  .sp-min-w-36e {
    min-width: 36em !important;
  }
  .sp-min-w-37e {
    min-width: 37em !important;
  }
  .sp-min-w-38e {
    min-width: 38em !important;
  }
  .sp-min-w-39e {
    min-width: 39em !important;
  }
  .sp-min-w-40e {
    min-width: 40em !important;
  }
  .sp-min-w-41e {
    min-width: 41em !important;
  }
  .sp-min-w-42e {
    min-width: 42em !important;
  }
  .sp-min-w-43e {
    min-width: 43em !important;
  }
  .sp-min-w-44e {
    min-width: 44em !important;
  }
  .sp-min-w-45e {
    min-width: 45em !important;
  }
  .sp-min-w-46e {
    min-width: 46em !important;
  }
  .sp-min-w-47e {
    min-width: 47em !important;
  }
  .sp-min-w-48e {
    min-width: 48em !important;
  }
  .sp-min-w-49e {
    min-width: 49em !important;
  }
  .sp-min-w-50e {
    min-width: 50em !important;
  }
  .sp-min-w-51e {
    min-width: 51em !important;
  }
  .sp-min-w-52e {
    min-width: 52em !important;
  }
  .sp-min-w-53e {
    min-width: 53em !important;
  }
  .sp-min-w-54e {
    min-width: 54em !important;
  }
  .sp-min-w-55e {
    min-width: 55em !important;
  }
  .sp-min-w-56e {
    min-width: 56em !important;
  }
  .sp-min-w-57e {
    min-width: 57em !important;
  }
  .sp-min-w-58e {
    min-width: 58em !important;
  }
  .sp-min-w-59e {
    min-width: 59em !important;
  }
  .sp-min-w-60e {
    min-width: 59em !important;
  }
}
/*--------------------------------------------------------------*/
/* typography: text-align */
.ta-left {
  text-align: left;
}

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

.ta-right {
  text-align: right;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .sp-ta-left {
    text-align: left !important;
  }
  .sp-ta-center {
    text-align: center !important;
  }
  .sp-ta-right {
    text-align: right !important;
  }
}
/* typography: none */
.td-none {
  text-decoration: none;
}

.td-underline {
  text-decoration: underline;
}

.td-overline {
  text-decoration: overline;
}

/* typography: white-space */
.ws-normal {
  white-space: normal;
}

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

/* typography: font-family */
.ff-sans {
  font-family: "Noto Sans JP", sans-serif;
}

.ff-barlow {
  font-family: "Barlow";
}

/* typography: font-size */
.fz-small {
  font-size: 80%;
}

.fz-big {
  font-size: 120%;
}

.fz-10 {
  font-size: 1rem;
}

.fz-12 {
  font-size: 1.2rem;
}

.fz-14 {
  font-size: 1.4rem;
}

.fz-16 {
  font-size: 1.6rem;
}

.fz-18 {
  font-size: 1.8rem;
}

.fz-20 {
  font-size: 2rem;
}

.fz-22 {
  font-size: 2.2rem;
}

.fz-24 {
  font-size: 2.4rem;
}

.fz-28 {
  font-size: 2.8rem;
}

.fz-32 {
  font-size: 3.2rem;
}

.fz-40 {
  font-size: 4rem;
}

.fz-48 {
  font-size: 4.8rem;
}

.fz-56 {
  font-size: 5.6rem;
}

.fz-64 {
  font-size: 6.4rem;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .fz-10 {
    font-size: 2.8vw;
  }
  .fz-12 {
    font-size: 3.2vw;
  }
  .fz-14 {
    font-size: 3.6vw;
  }
  .fz-16 {
    font-size: 4vw;
  }
  .fz-18 {
    font-size: 4.4vw;
  }
  .fz-20 {
    font-size: 4.8vw;
  }
  .fz-22 {
    font-size: 5.2vw;
  }
  .fz-24 {
    font-size: 5.6vw;
  }
  .fz-28 {
    font-size: 6.4vw;
  }
  .fz-32 {
    font-size: 7.2vw;
  }
  .fz-40 {
    font-size: 8vw;
  }
  .fz-48 {
    font-size: 9.6vw;
  }
  .fz-64 {
    font-size: 12.8vw;
  }
}
/* typography: font-weight */
.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

/* typography: font-style */
.fs-normal {
  font-style: normal;
}

.fs-italic {
  font-style: italic;
}

/* typography: letter-spacing */
.ls-0 {
  letter-spacing: 0;
}

.ls-1 {
  letter-spacing: 0.1em;
}

.ls-2 {
  letter-spacing: 0.2em;
}

.ls-3 {
  letter-spacing: 0.3em;
}

.ls-4 {
  letter-spacing: 0.4em;
}

/* typography: line-height */
.lh-10 {
  line-height: 1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-14 {
  line-height: 1.4;
}

.lh-16 {
  line-height: 1.6;
}

.lh-18 {
  line-height: 1.8;
}

.lh-20 {
  line-height: 2;
}

.lh-22 {
  line-height: 2.2;
}

.lh-24 {
  line-height: 2.4;
}

.lh-26 {
  line-height: 2.6;
}

.lh-28 {
  line-height: 2.8;
}

.lh-30 {
  line-height: 3;
}

.lh-32 {
  line-height: 3.2;
}

/* line-brake */
.pc-brake {
  display: inline;
}

.sp-brake {
  display: none;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .pc-brake {
    display: none;
  }
  .sp-brake {
    display: inline;
  }
}
/*# sourceMappingURL=style.css.map */