@charset "UTF-8";

/* 引数のpxをremに変換 */
/* 引数のpxをvwに変換 */
/*例
p {
  @include hover {
    color: red;
  }
}
*/
/* ===================================================================

reset style

=================================================================== */
* {
  margin: 0;
  padding: 0;
  line-height: calc(0.25rem + 1em + 0.25rem);
  letter-spacing: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
}

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

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  -webkit-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: #2b2b2b;
}

a:hover {
  text-decoration: none;
}

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

select,
input,
textarea,
button {
  vertical-align: middle;
  background-color: transparent;
  outline: 0px;
  color: #2b2b2b;
}

select,
input,
textarea {
  border: none;
}

/* ブラウザやカラーモー土によってinputの色が変わることを防ぐ */
input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ===================================================================

init style

=================================================================== */
html {
  --baseFontSize: 16;
  --baseWindowWidth: 1440;
}

body {
  font-family: sans-serif;
  font-weight: 400;
  line-height: 1.7;
  font-feature-settings: "palt";
  color: #2b2b2b;
  background: #fff;
}

@media all and (-ms-high-contrast: none) {
  body {
    width: 100%;
  }
}

#wrap {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 1001px) {
  #wrap {
    margin: 0 auto;
    width: 100%;
  }

  #wrap img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #wrap {
    max-width: auto;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  #wrap {
    max-width: 768px;
    margin: 0 auto;
  }
}

*:focus-visible:not(input):not(textarea) {
  outline: calc(1rem / var(--baseFontSize)) solid #333;
}

/* resetで消したinputのアピアランスを手作りする */
input[type=checkbox] {
  position: relative;
  display: inline-block;
  width: 1rem;
  aspect-ratio: 1;
  margin-right: 0.25rem;
  border-radius: 0.25rem;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  aspect-ratio: 2/1;
  border-left: 2px solid #2b2b2b;
  border-bottom: 2px solid #2b2b2b;
  translate: -50% -50%;
  rotate: -45deg;
}

input[type=radio] {
  position: relative;
  display: inline-block;
  width: 1rem;
  aspect-ratio: 1;
  margin-right: 0.25rem;
  border: 1px solid #2b2b2b;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  aspect-ratio: 1/1;
  translate: -50% -50%;
  border-radius: 50%;
  background-color: #2b2b2b;
}

/* ===================================================================

header style

=================================================================== */
.header {
  height: calc(80rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .header {
    height: calc(50rem / var(--baseFontSize));
  }
}

/* ===================================================================

main style

=================================================================== */
/* ===================================================================

footer style

=================================================================== */
/* ===================================================================

animation style

=================================================================== */
@media (hover: none) {
  .hov-color-primary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-primary:active {
    color: #f29d20;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-primary:hover {
    color: #f29d20;
  }
}

@media (hover: none) {
  a.hov-color-primary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-primary:active {
    color: #f29d20;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-primary:hover {
    color: #f29d20;
  }
}

@media (hover: none) {
  .hov-bg-primary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-primary:active {
    background-color: #f29d20;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-primary:hover {
    background-color: #f29d20;
  }
}

@media (hover: none) {
  .hov-bd-color-primary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-primary:active {
    border-color: #f29d20;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-primary:hover {
    border-color: #f29d20;
  }
}

@media (hover: none) {
  .hov-color-secondary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-secondary:active {
    color: #fcf8ed;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-secondary:hover {
    color: #fcf8ed;
  }
}

@media (hover: none) {
  a.hov-color-secondary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-secondary:active {
    color: #fcf8ed;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-secondary:hover {
    color: #fcf8ed;
  }
}

@media (hover: none) {
  .hov-bg-secondary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-secondary:active {
    background-color: #fcf8ed;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-secondary:hover {
    background-color: #fcf8ed;
  }
}

@media (hover: none) {
  .hov-bd-color-secondary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-secondary:active {
    border-color: #fcf8ed;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-secondary:hover {
    border-color: #fcf8ed;
  }
}

@media (hover: none) {
  .hov-color-accent {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-accent:active {
    color: #63a99a;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-accent:hover {
    color: #63a99a;
  }
}

@media (hover: none) {
  a.hov-color-accent {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-accent:active {
    color: #63a99a;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-accent:hover {
    color: #63a99a;
  }
}

@media (hover: none) {
  .hov-bg-accent {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-accent:active {
    background-color: #63a99a;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-accent:hover {
    background-color: #63a99a;
  }
}

@media (hover: none) {
  .hov-bd-color-accent {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-accent:active {
    border-color: #63a99a;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-accent:hover {
    border-color: #63a99a;
  }
}

@media (hover: none) {
  .hov-color-caution {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-caution:active {
    color: #eb0016;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-caution:hover {
    color: #eb0016;
  }
}

@media (hover: none) {
  a.hov-color-caution {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-caution:active {
    color: #eb0016;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-caution:hover {
    color: #eb0016;
  }
}

@media (hover: none) {
  .hov-bg-caution {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-caution:active {
    background-color: #eb0016;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-caution:hover {
    background-color: #eb0016;
  }
}

@media (hover: none) {
  .hov-bd-color-caution {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-caution:active {
    border-color: #eb0016;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-caution:hover {
    border-color: #eb0016;
  }
}

@media (hover: none) {
  .hov-color-add2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-add2:active {
    color: #ffff00;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-add2:hover {
    color: #ffff00;
  }
}

@media (hover: none) {
  a.hov-color-add2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-add2:active {
    color: #ffff00;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-add2:hover {
    color: #ffff00;
  }
}

@media (hover: none) {
  .hov-bg-add2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-add2:active {
    background-color: #ffff00;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-add2:hover {
    background-color: #ffff00;
  }
}

@media (hover: none) {
  .hov-bd-color-add2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-add2:active {
    border-color: #ffff00;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-add2:hover {
    border-color: #ffff00;
  }
}

@media (hover: none) {
  .hov-color-wt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-wt:active {
    color: #fff;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-wt:hover {
    color: #fff;
  }
}

@media (hover: none) {
  a.hov-color-wt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-wt:active {
    color: #fff;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-wt:hover {
    color: #fff;
  }
}

@media (hover: none) {
  .hov-bg-wt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-wt:active {
    background-color: #fff;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-wt:hover {
    background-color: #fff;
  }
}

@media (hover: none) {
  .hov-bd-color-wt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-wt:active {
    border-color: #fff;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-wt:hover {
    border-color: #fff;
  }
}

@media (hover: none) {
  .hov-color-bk {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-bk:active {
    color: #2b2b2b;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-bk:hover {
    color: #2b2b2b;
  }
}

@media (hover: none) {
  a.hov-color-bk {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-bk:active {
    color: #2b2b2b;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-bk:hover {
    color: #2b2b2b;
  }
}

@media (hover: none) {
  .hov-bg-bk {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-bk:active {
    background-color: #2b2b2b;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-bk:hover {
    background-color: #2b2b2b;
  }
}

@media (hover: none) {
  .hov-bd-color-bk {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-bk:active {
    border-color: #2b2b2b;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-bk:hover {
    border-color: #2b2b2b;
  }
}

@media (hover: none) {
  .hov-color-gray {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-gray:active {
    color: #aaaaaa;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-gray:hover {
    color: #aaaaaa;
  }
}

@media (hover: none) {
  a.hov-color-gray {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-gray:active {
    color: #aaaaaa;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-gray:hover {
    color: #aaaaaa;
  }
}

@media (hover: none) {
  .hov-bg-gray {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-gray:active {
    background-color: #aaaaaa;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-gray:hover {
    background-color: #aaaaaa;
  }
}

@media (hover: none) {
  .hov-bd-color-gray {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-gray:active {
    border-color: #aaaaaa;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-gray:hover {
    border-color: #aaaaaa;
  }
}

@media (hover: none) {
  .hov-color-gray2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-color-gray2:active {
    color: #f2f2f2;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-color-gray2:hover {
    color: #f2f2f2;
  }
}

@media (hover: none) {
  a.hov-color-gray2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  a.hov-color-gray2:active {
    color: #f2f2f2;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  a.hov-color-gray2:hover {
    color: #f2f2f2;
  }
}

@media (hover: none) {
  .hov-bg-gray2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bg-gray2:active {
    background-color: #f2f2f2;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bg-gray2:hover {
    background-color: #f2f2f2;
  }
}

@media (hover: none) {
  .hov-bd-color-gray2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hov-bd-color-gray2:active {
    border-color: #f2f2f2;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
  .hov-bd-color-gray2:hover {
    border-color: #f2f2f2;
  }
}

.hov-o {
  transition: 0.2s;
  cursor: pointer;
}

.hov-o:hover {
  opacity: 0.7;
}

.hov-y {
  transition: 0.2s;
}

.hov-y:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

@keyframes cvBtn {
  0% {
    transform: translateX(-50%) scale(1);
    animation-timing-function: ease-in;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  }

  50% {
    transform: translateX(-50%) scale(0.9);
    animation-timing-function: ease-out;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
  }

  100% {
    transform: translateX(-50%) scale(1);
    animation-timing-function: ease-in;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  }
}

@keyframes shakeIco {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(20deg);
  }

  20% {
    transform: rotate(-20deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(5deg);
  }

  60% {
    transform: rotate(-5deg);
  }

  70% {
    transform: rotate(0deg);
  }
}

@keyframes bounceIco3 {
  0% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }

  20% {
    transform: translateY(-10px);
    animation-timing-function: ease-in;
  }

  40% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }

  60% {
    transform: translateY(-5px);
    animation-timing-function: ease-in;
  }

  80% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes bounceIco2 {
  0% {
    transform: translateX(0px);
  }

  20% {
    transform: translateX(3px);
  }

  40% {
    transform: translateX(-3px);
  }

  60% {
    transform: translateX(1px);
  }

  80% {
    transform: translateX(-1px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes bounceIco {
  0% {
    transform: scaleY(1) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-out;
  }

  15% {
    transform: scaleY(0.8) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-in;
  }

  30% {
    transform: scaleY(1) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-in;
  }

  37.5% {
    transform: scaleY(1.1) translateY(-10px);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }

  45% {
    transform: scaleY(1) translateY(-10px);
    transform-origin: center top;
    animation-timing-function: ease-in;
  }

  60% {
    transform: scaleY(1) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-out;
  }

  70% {
    transform: scaleY(0.95) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-in;
  }

  80% {
    transform: scaleY(1) translateY(0px);
    transform-origin: center bottom;
    animation-timing-function: ease-out;
  }
}

/* ===================================================================

borders style

=================================================================== */
/* border-color border-style用設定 */
/* border4辺汎用class */
.bd-0 {
  border-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-1 {
  border-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-2 {
  border-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-3 {
  border-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-4 {
  border-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-5 {
  border-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-6 {
  border-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-7 {
  border-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-8 {
  border-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-9 {
  border-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-10 {
  border-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

/* border1辺用汎用class */
.bd-b-w-0 {
  border-bottom-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-0 {
  border-top-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-0 {
  border-left-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-0 {
  border-right-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-0 {
  border-width: calc(0rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-0 {
    border-bottom-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-0 {
    border-top-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-0 {
    border-left-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-0 {
    border-right-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-0 {
    border-bottom-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-0 {
    border-top-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-0 {
    border-left-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-0 {
    border-right-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-0 {
    border-bottom-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-0 {
    border-top-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-0 {
    border-left-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-0 {
    border-right-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-0 {
    border-width: calc(0rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-1 {
  border-bottom-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-1 {
  border-top-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-1 {
  border-left-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-1 {
  border-right-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-1 {
  border-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-1 {
    border-bottom-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-1 {
    border-top-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-1 {
    border-left-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-1 {
    border-right-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-1 {
    border-bottom-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-1 {
    border-top-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-1 {
    border-left-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-1 {
    border-right-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-1 {
    border-bottom-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-1 {
    border-top-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-1 {
    border-left-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-1 {
    border-right-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-1 {
    border-width: calc(1rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-2 {
  border-bottom-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-2 {
  border-top-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-2 {
  border-left-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-2 {
  border-right-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-2 {
  border-width: calc(2rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-2 {
    border-bottom-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-2 {
    border-top-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-2 {
    border-left-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-2 {
    border-right-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-2 {
    border-bottom-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-2 {
    border-top-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-2 {
    border-left-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-2 {
    border-right-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-2 {
    border-bottom-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-2 {
    border-top-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-2 {
    border-left-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-2 {
    border-right-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-2 {
    border-width: calc(2rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-3 {
  border-bottom-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-3 {
  border-top-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-3 {
  border-left-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-3 {
  border-right-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-3 {
  border-width: calc(3rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-3 {
    border-bottom-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-3 {
    border-top-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-3 {
    border-left-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-3 {
    border-right-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-3 {
    border-bottom-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-3 {
    border-top-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-3 {
    border-left-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-3 {
    border-right-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-3 {
    border-bottom-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-3 {
    border-top-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-3 {
    border-left-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-3 {
    border-right-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-3 {
    border-width: calc(3rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-4 {
  border-bottom-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-4 {
  border-top-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-4 {
  border-left-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-4 {
  border-right-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-4 {
  border-width: calc(4rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-4 {
    border-bottom-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-4 {
    border-top-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-4 {
    border-left-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-4 {
    border-right-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-4 {
    border-bottom-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-4 {
    border-top-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-4 {
    border-left-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-4 {
    border-right-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-4 {
    border-bottom-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-4 {
    border-top-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-4 {
    border-left-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-4 {
    border-right-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-4 {
    border-width: calc(4rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-5 {
  border-bottom-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-5 {
  border-top-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-5 {
  border-left-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-5 {
  border-right-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-5 {
  border-width: calc(5rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-5 {
    border-bottom-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-5 {
    border-top-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-5 {
    border-left-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-5 {
    border-right-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-5 {
    border-bottom-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-5 {
    border-top-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-5 {
    border-left-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-5 {
    border-right-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-5 {
    border-bottom-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-5 {
    border-top-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-5 {
    border-left-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-5 {
    border-right-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-5 {
    border-width: calc(5rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-6 {
  border-bottom-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-6 {
  border-top-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-6 {
  border-left-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-6 {
  border-right-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-6 {
  border-width: calc(6rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-6 {
    border-bottom-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-6 {
    border-top-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-6 {
    border-left-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-6 {
    border-right-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-6 {
    border-bottom-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-6 {
    border-top-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-6 {
    border-left-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-6 {
    border-right-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-6 {
    border-bottom-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-6 {
    border-top-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-6 {
    border-left-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-6 {
    border-right-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-6 {
    border-width: calc(6rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-7 {
  border-bottom-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-7 {
  border-top-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-7 {
  border-left-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-7 {
  border-right-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-7 {
  border-width: calc(7rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-7 {
    border-bottom-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-7 {
    border-top-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-7 {
    border-left-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-7 {
    border-right-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-7 {
    border-bottom-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-7 {
    border-top-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-7 {
    border-left-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-7 {
    border-right-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-7 {
    border-bottom-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-7 {
    border-top-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-7 {
    border-left-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-7 {
    border-right-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-7 {
    border-width: calc(7rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-8 {
  border-bottom-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-8 {
  border-top-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-8 {
  border-left-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-8 {
  border-right-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-8 {
  border-width: calc(8rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-8 {
    border-bottom-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-8 {
    border-top-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-8 {
    border-left-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-8 {
    border-right-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-8 {
    border-bottom-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-8 {
    border-top-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-8 {
    border-left-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-8 {
    border-right-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-8 {
    border-bottom-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-8 {
    border-top-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-8 {
    border-left-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-8 {
    border-right-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-8 {
    border-width: calc(8rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-9 {
  border-bottom-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-9 {
  border-top-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-9 {
  border-left-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-9 {
  border-right-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-9 {
  border-width: calc(9rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-9 {
    border-bottom-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-9 {
    border-top-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-9 {
    border-left-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-9 {
    border-right-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-9 {
    border-bottom-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-9 {
    border-top-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-9 {
    border-left-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-9 {
    border-right-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-9 {
    border-bottom-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-9 {
    border-top-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-9 {
    border-left-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-9 {
    border-right-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-9 {
    border-width: calc(9rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-b-w-10 {
  border-bottom-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-t-w-10 {
  border-top-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-l-w-10 {
  border-left-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-r-w-10 {
  border-right-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-w-10 {
  border-width: calc(10rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-b-w-10 {
    border-bottom-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-t-w-10 {
    border-top-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-l-w-10 {
    border-left-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-r-w-10 {
    border-right-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .zoom-bd-w-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (max-width: 767px) {
  .sp-bd-b-w-10 {
    border-bottom-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-t-w-10 {
    border-top-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-l-w-10 {
    border-left-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-r-w-10 {
    border-right-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .sp-bd-w-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-b-w-10 {
    border-bottom-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-t-w-10 {
    border-top-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-l-w-10 {
    border-left-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-r-w-10 {
    border-right-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }

  .tb-bd-w-10 {
    border-width: calc(10rem / var(--baseFontSize));
    border-style: solid;
    border-color: inherit;
  }
}

.bd-c-primary {
  border-color: #f29d20;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-primary {
    border-color: #f29d20;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-primary {
    border-color: #f29d20;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-primary {
    border-color: #f29d20;
  }
}

.bd-c-secondary {
  border-color: #fcf8ed;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-secondary {
    border-color: #fcf8ed;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-secondary {
    border-color: #fcf8ed;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-secondary {
    border-color: #fcf8ed;
  }
}

.bd-c-accent {
  border-color: #63a99a;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-accent {
    border-color: #63a99a;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-accent {
    border-color: #63a99a;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-accent {
    border-color: #63a99a;
  }
}

.bd-c-caution {
  border-color: #eb0016;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-caution {
    border-color: #eb0016;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-caution {
    border-color: #eb0016;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-caution {
    border-color: #eb0016;
  }
}

.bd-c-add2 {
  border-color: #ffff00;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-add2 {
    border-color: #ffff00;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-add2 {
    border-color: #ffff00;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-add2 {
    border-color: #ffff00;
  }
}

.bd-c-wt {
  border-color: #fff;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-wt {
    border-color: #fff;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-wt {
    border-color: #fff;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-wt {
    border-color: #fff;
  }
}

.bd-c-bk {
  border-color: #2b2b2b;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-bk {
    border-color: #2b2b2b;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-bk {
    border-color: #2b2b2b;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-bk {
    border-color: #2b2b2b;
  }
}

.bd-c-gray {
  border-color: #aaaaaa;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-gray {
    border-color: #aaaaaa;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-gray {
    border-color: #aaaaaa;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-gray {
    border-color: #aaaaaa;
  }
}

.bd-c-gray2 {
  border-color: #f2f2f2;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-c-gray2 {
    border-color: #f2f2f2;
  }
}

@media (max-width: 767px) {
  .sp-bd-c-gray2 {
    border-color: #f2f2f2;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-c-gray2 {
    border-color: #f2f2f2;
  }
}

.bd-s-solid {
  border-style: solid;
}

.bd-s-dashed {
  border-style: dashed;
}

.bd-s-dotted {
  border-style: dotted;
}

.bd-s-double {
  border-style: double;
}

.bd-s-groove {
  border-style: groove;
}

.bd-s-ridge {
  border-style: ridge;
}

.bd-s-none {
  border-style: none;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-s-solid {
    border-style: solid;
  }

  .zoom-bd-s-dashed {
    border-style: dashed;
  }

  .zoom-bd-s-dotted {
    border-style: dotted;
  }

  .zoom-bd-s-double {
    border-style: double;
  }

  .zoom-bd-s-groove {
    border-style: groove;
  }

  .zoom-bd-s-ridge {
    border-style: ridge;
  }

  .zoom-bd-s-none {
    border-style: none;
  }
}

@media (max-width: 767px) {
  .sp-bd-s-solid {
    border-style: solid;
  }

  .sp-bd-s-dashed {
    border-style: dashed;
  }

  .sp-bd-s-dotted {
    border-style: dotted;
  }

  .sp-bd-s-double {
    border-style: double;
  }

  .sp-bd-s-groove {
    border-style: groove;
  }

  .sp-bd-s-ridge {
    border-style: ridge;
  }

  .sp-bd-s-none {
    border-style: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-s-solid {
    border-style: solid;
  }

  .tb-bd-s-dashed {
    border-style: dashed;
  }

  .tb-bd-s-dotted {
    border-style: dotted;
  }

  .tb-bd-s-double {
    border-style: double;
  }

  .tb-bd-s-groove {
    border-style: groove;
  }

  .tb-bd-s-ridge {
    border-style: ridge;
  }

  .tb-bd-s-none {
    border-style: none;
  }
}

.bd-rd-1 {
  border-radius: calc(1rem / var(--baseFontSize));
}

.bd-rd-2 {
  border-radius: calc(2rem / var(--baseFontSize));
}

.bd-rd-3 {
  border-radius: calc(3rem / var(--baseFontSize));
}

.bd-rd-4 {
  border-radius: calc(4rem / var(--baseFontSize));
}

.bd-rd-5 {
  border-radius: calc(5rem / var(--baseFontSize));
}

.bd-rd-6 {
  border-radius: calc(6rem / var(--baseFontSize));
}

.bd-rd-7 {
  border-radius: calc(7rem / var(--baseFontSize));
}

.bd-rd-8 {
  border-radius: calc(8rem / var(--baseFontSize));
}

.bd-rd-9 {
  border-radius: calc(9rem / var(--baseFontSize));
}

.bd-rd-10 {
  border-radius: calc(10rem / var(--baseFontSize));
}

.bd-rd-11 {
  border-radius: calc(11rem / var(--baseFontSize));
}

.bd-rd-12 {
  border-radius: calc(12rem / var(--baseFontSize));
}

.bd-rd-13 {
  border-radius: calc(13rem / var(--baseFontSize));
}

.bd-rd-14 {
  border-radius: calc(14rem / var(--baseFontSize));
}

.bd-rd-15 {
  border-radius: calc(15rem / var(--baseFontSize));
}

.bd-rd-16 {
  border-radius: calc(16rem / var(--baseFontSize));
}

.bd-rd-17 {
  border-radius: calc(17rem / var(--baseFontSize));
}

.bd-rd-18 {
  border-radius: calc(18rem / var(--baseFontSize));
}

.bd-rd-19 {
  border-radius: calc(19rem / var(--baseFontSize));
}

.bd-rd-20 {
  border-radius: calc(20rem / var(--baseFontSize));
}

.bd-rd-21 {
  border-radius: calc(21rem / var(--baseFontSize));
}

.bd-rd-22 {
  border-radius: calc(22rem / var(--baseFontSize));
}

.bd-rd-23 {
  border-radius: calc(23rem / var(--baseFontSize));
}

.bd-rd-24 {
  border-radius: calc(24rem / var(--baseFontSize));
}

.bd-rd-25 {
  border-radius: calc(25rem / var(--baseFontSize));
}

.bd-rd-26 {
  border-radius: calc(26rem / var(--baseFontSize));
}

.bd-rd-27 {
  border-radius: calc(27rem / var(--baseFontSize));
}

.bd-rd-28 {
  border-radius: calc(28rem / var(--baseFontSize));
}

.bd-rd-29 {
  border-radius: calc(29rem / var(--baseFontSize));
}

.bd-rd-30 {
  border-radius: calc(30rem / var(--baseFontSize));
}

.bd-rd-31 {
  border-radius: calc(31rem / var(--baseFontSize));
}

.bd-rd-32 {
  border-radius: calc(32rem / var(--baseFontSize));
}

.bd-rd-33 {
  border-radius: calc(33rem / var(--baseFontSize));
}

.bd-rd-34 {
  border-radius: calc(34rem / var(--baseFontSize));
}

.bd-rd-35 {
  border-radius: calc(35rem / var(--baseFontSize));
}

.bd-rd-36 {
  border-radius: calc(36rem / var(--baseFontSize));
}

.bd-rd-37 {
  border-radius: calc(37rem / var(--baseFontSize));
}

.bd-rd-38 {
  border-radius: calc(38rem / var(--baseFontSize));
}

.bd-rd-39 {
  border-radius: calc(39rem / var(--baseFontSize));
}

.bd-rd-40 {
  border-radius: calc(40rem / var(--baseFontSize));
}

.bd-rd-41 {
  border-radius: calc(41rem / var(--baseFontSize));
}

.bd-rd-42 {
  border-radius: calc(42rem / var(--baseFontSize));
}

.bd-rd-43 {
  border-radius: calc(43rem / var(--baseFontSize));
}

.bd-rd-44 {
  border-radius: calc(44rem / var(--baseFontSize));
}

.bd-rd-45 {
  border-radius: calc(45rem / var(--baseFontSize));
}

.bd-rd-46 {
  border-radius: calc(46rem / var(--baseFontSize));
}

.bd-rd-47 {
  border-radius: calc(47rem / var(--baseFontSize));
}

.bd-rd-48 {
  border-radius: calc(48rem / var(--baseFontSize));
}

.bd-rd-49 {
  border-radius: calc(49rem / var(--baseFontSize));
}

.bd-rd-50 {
  border-radius: calc(50rem / var(--baseFontSize));
}

.bd-rd-circle {
  border-radius: 50%;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bd-rd-1 {
    border-radius: calc(1rem / var(--baseFontSize));
  }

  .zoom-bd-rd-2 {
    border-radius: calc(2rem / var(--baseFontSize));
  }

  .zoom-bd-rd-3 {
    border-radius: calc(3rem / var(--baseFontSize));
  }

  .zoom-bd-rd-4 {
    border-radius: calc(4rem / var(--baseFontSize));
  }

  .zoom-bd-rd-5 {
    border-radius: calc(5rem / var(--baseFontSize));
  }

  .zoom-bd-rd-6 {
    border-radius: calc(6rem / var(--baseFontSize));
  }

  .zoom-bd-rd-7 {
    border-radius: calc(7rem / var(--baseFontSize));
  }

  .zoom-bd-rd-8 {
    border-radius: calc(8rem / var(--baseFontSize));
  }

  .zoom-bd-rd-9 {
    border-radius: calc(9rem / var(--baseFontSize));
  }

  .zoom-bd-rd-10 {
    border-radius: calc(10rem / var(--baseFontSize));
  }

  .zoom-bd-rd-11 {
    border-radius: calc(11rem / var(--baseFontSize));
  }

  .zoom-bd-rd-12 {
    border-radius: calc(12rem / var(--baseFontSize));
  }

  .zoom-bd-rd-13 {
    border-radius: calc(13rem / var(--baseFontSize));
  }

  .zoom-bd-rd-14 {
    border-radius: calc(14rem / var(--baseFontSize));
  }

  .zoom-bd-rd-15 {
    border-radius: calc(15rem / var(--baseFontSize));
  }

  .zoom-bd-rd-16 {
    border-radius: calc(16rem / var(--baseFontSize));
  }

  .zoom-bd-rd-17 {
    border-radius: calc(17rem / var(--baseFontSize));
  }

  .zoom-bd-rd-18 {
    border-radius: calc(18rem / var(--baseFontSize));
  }

  .zoom-bd-rd-19 {
    border-radius: calc(19rem / var(--baseFontSize));
  }

  .zoom-bd-rd-20 {
    border-radius: calc(20rem / var(--baseFontSize));
  }

  .zoom-bd-rd-21 {
    border-radius: calc(21rem / var(--baseFontSize));
  }

  .zoom-bd-rd-22 {
    border-radius: calc(22rem / var(--baseFontSize));
  }

  .zoom-bd-rd-23 {
    border-radius: calc(23rem / var(--baseFontSize));
  }

  .zoom-bd-rd-24 {
    border-radius: calc(24rem / var(--baseFontSize));
  }

  .zoom-bd-rd-25 {
    border-radius: calc(25rem / var(--baseFontSize));
  }

  .zoom-bd-rd-26 {
    border-radius: calc(26rem / var(--baseFontSize));
  }

  .zoom-bd-rd-27 {
    border-radius: calc(27rem / var(--baseFontSize));
  }

  .zoom-bd-rd-28 {
    border-radius: calc(28rem / var(--baseFontSize));
  }

  .zoom-bd-rd-29 {
    border-radius: calc(29rem / var(--baseFontSize));
  }

  .zoom-bd-rd-30 {
    border-radius: calc(30rem / var(--baseFontSize));
  }

  .zoom-bd-rd-31 {
    border-radius: calc(31rem / var(--baseFontSize));
  }

  .zoom-bd-rd-32 {
    border-radius: calc(32rem / var(--baseFontSize));
  }

  .zoom-bd-rd-33 {
    border-radius: calc(33rem / var(--baseFontSize));
  }

  .zoom-bd-rd-34 {
    border-radius: calc(34rem / var(--baseFontSize));
  }

  .zoom-bd-rd-35 {
    border-radius: calc(35rem / var(--baseFontSize));
  }

  .zoom-bd-rd-36 {
    border-radius: calc(36rem / var(--baseFontSize));
  }

  .zoom-bd-rd-37 {
    border-radius: calc(37rem / var(--baseFontSize));
  }

  .zoom-bd-rd-38 {
    border-radius: calc(38rem / var(--baseFontSize));
  }

  .zoom-bd-rd-39 {
    border-radius: calc(39rem / var(--baseFontSize));
  }

  .zoom-bd-rd-40 {
    border-radius: calc(40rem / var(--baseFontSize));
  }

  .zoom-bd-rd-41 {
    border-radius: calc(41rem / var(--baseFontSize));
  }

  .zoom-bd-rd-42 {
    border-radius: calc(42rem / var(--baseFontSize));
  }

  .zoom-bd-rd-43 {
    border-radius: calc(43rem / var(--baseFontSize));
  }

  .zoom-bd-rd-44 {
    border-radius: calc(44rem / var(--baseFontSize));
  }

  .zoom-bd-rd-45 {
    border-radius: calc(45rem / var(--baseFontSize));
  }

  .zoom-bd-rd-46 {
    border-radius: calc(46rem / var(--baseFontSize));
  }

  .zoom-bd-rd-47 {
    border-radius: calc(47rem / var(--baseFontSize));
  }

  .zoom-bd-rd-48 {
    border-radius: calc(48rem / var(--baseFontSize));
  }

  .zoom-bd-rd-49 {
    border-radius: calc(49rem / var(--baseFontSize));
  }

  .zoom-bd-rd-50 {
    border-radius: calc(50rem / var(--baseFontSize));
  }

  .zoom-bd-rd-circle {
    border-radius: 50%;
  }
}

@media (max-width: 767px) {
  .sp-bd-rd-1 {
    border-radius: calc(1rem / var(--baseFontSize));
  }

  .sp-bd-rd-2 {
    border-radius: calc(2rem / var(--baseFontSize));
  }

  .sp-bd-rd-3 {
    border-radius: calc(3rem / var(--baseFontSize));
  }

  .sp-bd-rd-4 {
    border-radius: calc(4rem / var(--baseFontSize));
  }

  .sp-bd-rd-5 {
    border-radius: calc(5rem / var(--baseFontSize));
  }

  .sp-bd-rd-6 {
    border-radius: calc(6rem / var(--baseFontSize));
  }

  .sp-bd-rd-7 {
    border-radius: calc(7rem / var(--baseFontSize));
  }

  .sp-bd-rd-8 {
    border-radius: calc(8rem / var(--baseFontSize));
  }

  .sp-bd-rd-9 {
    border-radius: calc(9rem / var(--baseFontSize));
  }

  .sp-bd-rd-10 {
    border-radius: calc(10rem / var(--baseFontSize));
  }

  .sp-bd-rd-11 {
    border-radius: calc(11rem / var(--baseFontSize));
  }

  .sp-bd-rd-12 {
    border-radius: calc(12rem / var(--baseFontSize));
  }

  .sp-bd-rd-13 {
    border-radius: calc(13rem / var(--baseFontSize));
  }

  .sp-bd-rd-14 {
    border-radius: calc(14rem / var(--baseFontSize));
  }

  .sp-bd-rd-15 {
    border-radius: calc(15rem / var(--baseFontSize));
  }

  .sp-bd-rd-16 {
    border-radius: calc(16rem / var(--baseFontSize));
  }

  .sp-bd-rd-17 {
    border-radius: calc(17rem / var(--baseFontSize));
  }

  .sp-bd-rd-18 {
    border-radius: calc(18rem / var(--baseFontSize));
  }

  .sp-bd-rd-19 {
    border-radius: calc(19rem / var(--baseFontSize));
  }

  .sp-bd-rd-20 {
    border-radius: calc(20rem / var(--baseFontSize));
  }

  .sp-bd-rd-21 {
    border-radius: calc(21rem / var(--baseFontSize));
  }

  .sp-bd-rd-22 {
    border-radius: calc(22rem / var(--baseFontSize));
  }

  .sp-bd-rd-23 {
    border-radius: calc(23rem / var(--baseFontSize));
  }

  .sp-bd-rd-24 {
    border-radius: calc(24rem / var(--baseFontSize));
  }

  .sp-bd-rd-25 {
    border-radius: calc(25rem / var(--baseFontSize));
  }

  .sp-bd-rd-26 {
    border-radius: calc(26rem / var(--baseFontSize));
  }

  .sp-bd-rd-27 {
    border-radius: calc(27rem / var(--baseFontSize));
  }

  .sp-bd-rd-28 {
    border-radius: calc(28rem / var(--baseFontSize));
  }

  .sp-bd-rd-29 {
    border-radius: calc(29rem / var(--baseFontSize));
  }

  .sp-bd-rd-30 {
    border-radius: calc(30rem / var(--baseFontSize));
  }

  .sp-bd-rd-31 {
    border-radius: calc(31rem / var(--baseFontSize));
  }

  .sp-bd-rd-32 {
    border-radius: calc(32rem / var(--baseFontSize));
  }

  .sp-bd-rd-33 {
    border-radius: calc(33rem / var(--baseFontSize));
  }

  .sp-bd-rd-34 {
    border-radius: calc(34rem / var(--baseFontSize));
  }

  .sp-bd-rd-35 {
    border-radius: calc(35rem / var(--baseFontSize));
  }

  .sp-bd-rd-36 {
    border-radius: calc(36rem / var(--baseFontSize));
  }

  .sp-bd-rd-37 {
    border-radius: calc(37rem / var(--baseFontSize));
  }

  .sp-bd-rd-38 {
    border-radius: calc(38rem / var(--baseFontSize));
  }

  .sp-bd-rd-39 {
    border-radius: calc(39rem / var(--baseFontSize));
  }

  .sp-bd-rd-40 {
    border-radius: calc(40rem / var(--baseFontSize));
  }

  .sp-bd-rd-41 {
    border-radius: calc(41rem / var(--baseFontSize));
  }

  .sp-bd-rd-42 {
    border-radius: calc(42rem / var(--baseFontSize));
  }

  .sp-bd-rd-43 {
    border-radius: calc(43rem / var(--baseFontSize));
  }

  .sp-bd-rd-44 {
    border-radius: calc(44rem / var(--baseFontSize));
  }

  .sp-bd-rd-45 {
    border-radius: calc(45rem / var(--baseFontSize));
  }

  .sp-bd-rd-46 {
    border-radius: calc(46rem / var(--baseFontSize));
  }

  .sp-bd-rd-47 {
    border-radius: calc(47rem / var(--baseFontSize));
  }

  .sp-bd-rd-48 {
    border-radius: calc(48rem / var(--baseFontSize));
  }

  .sp-bd-rd-49 {
    border-radius: calc(49rem / var(--baseFontSize));
  }

  .sp-bd-rd-50 {
    border-radius: calc(50rem / var(--baseFontSize));
  }

  .sp-bd-rd-circle {
    border-radius: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bd-rd-1 {
    border-radius: calc(1rem / var(--baseFontSize));
  }

  .tb-bd-rd-2 {
    border-radius: calc(2rem / var(--baseFontSize));
  }

  .tb-bd-rd-3 {
    border-radius: calc(3rem / var(--baseFontSize));
  }

  .tb-bd-rd-4 {
    border-radius: calc(4rem / var(--baseFontSize));
  }

  .tb-bd-rd-5 {
    border-radius: calc(5rem / var(--baseFontSize));
  }

  .tb-bd-rd-6 {
    border-radius: calc(6rem / var(--baseFontSize));
  }

  .tb-bd-rd-7 {
    border-radius: calc(7rem / var(--baseFontSize));
  }

  .tb-bd-rd-8 {
    border-radius: calc(8rem / var(--baseFontSize));
  }

  .tb-bd-rd-9 {
    border-radius: calc(9rem / var(--baseFontSize));
  }

  .tb-bd-rd-10 {
    border-radius: calc(10rem / var(--baseFontSize));
  }

  .tb-bd-rd-11 {
    border-radius: calc(11rem / var(--baseFontSize));
  }

  .tb-bd-rd-12 {
    border-radius: calc(12rem / var(--baseFontSize));
  }

  .tb-bd-rd-13 {
    border-radius: calc(13rem / var(--baseFontSize));
  }

  .tb-bd-rd-14 {
    border-radius: calc(14rem / var(--baseFontSize));
  }

  .tb-bd-rd-15 {
    border-radius: calc(15rem / var(--baseFontSize));
  }

  .tb-bd-rd-16 {
    border-radius: calc(16rem / var(--baseFontSize));
  }

  .tb-bd-rd-17 {
    border-radius: calc(17rem / var(--baseFontSize));
  }

  .tb-bd-rd-18 {
    border-radius: calc(18rem / var(--baseFontSize));
  }

  .tb-bd-rd-19 {
    border-radius: calc(19rem / var(--baseFontSize));
  }

  .tb-bd-rd-20 {
    border-radius: calc(20rem / var(--baseFontSize));
  }

  .tb-bd-rd-21 {
    border-radius: calc(21rem / var(--baseFontSize));
  }

  .tb-bd-rd-22 {
    border-radius: calc(22rem / var(--baseFontSize));
  }

  .tb-bd-rd-23 {
    border-radius: calc(23rem / var(--baseFontSize));
  }

  .tb-bd-rd-24 {
    border-radius: calc(24rem / var(--baseFontSize));
  }

  .tb-bd-rd-25 {
    border-radius: calc(25rem / var(--baseFontSize));
  }

  .tb-bd-rd-26 {
    border-radius: calc(26rem / var(--baseFontSize));
  }

  .tb-bd-rd-27 {
    border-radius: calc(27rem / var(--baseFontSize));
  }

  .tb-bd-rd-28 {
    border-radius: calc(28rem / var(--baseFontSize));
  }

  .tb-bd-rd-29 {
    border-radius: calc(29rem / var(--baseFontSize));
  }

  .tb-bd-rd-30 {
    border-radius: calc(30rem / var(--baseFontSize));
  }

  .tb-bd-rd-31 {
    border-radius: calc(31rem / var(--baseFontSize));
  }

  .tb-bd-rd-32 {
    border-radius: calc(32rem / var(--baseFontSize));
  }

  .tb-bd-rd-33 {
    border-radius: calc(33rem / var(--baseFontSize));
  }

  .tb-bd-rd-34 {
    border-radius: calc(34rem / var(--baseFontSize));
  }

  .tb-bd-rd-35 {
    border-radius: calc(35rem / var(--baseFontSize));
  }

  .tb-bd-rd-36 {
    border-radius: calc(36rem / var(--baseFontSize));
  }

  .tb-bd-rd-37 {
    border-radius: calc(37rem / var(--baseFontSize));
  }

  .tb-bd-rd-38 {
    border-radius: calc(38rem / var(--baseFontSize));
  }

  .tb-bd-rd-39 {
    border-radius: calc(39rem / var(--baseFontSize));
  }

  .tb-bd-rd-40 {
    border-radius: calc(40rem / var(--baseFontSize));
  }

  .tb-bd-rd-41 {
    border-radius: calc(41rem / var(--baseFontSize));
  }

  .tb-bd-rd-42 {
    border-radius: calc(42rem / var(--baseFontSize));
  }

  .tb-bd-rd-43 {
    border-radius: calc(43rem / var(--baseFontSize));
  }

  .tb-bd-rd-44 {
    border-radius: calc(44rem / var(--baseFontSize));
  }

  .tb-bd-rd-45 {
    border-radius: calc(45rem / var(--baseFontSize));
  }

  .tb-bd-rd-46 {
    border-radius: calc(46rem / var(--baseFontSize));
  }

  .tb-bd-rd-47 {
    border-radius: calc(47rem / var(--baseFontSize));
  }

  .tb-bd-rd-48 {
    border-radius: calc(48rem / var(--baseFontSize));
  }

  .tb-bd-rd-49 {
    border-radius: calc(49rem / var(--baseFontSize));
  }

  .tb-bd-rd-50 {
    border-radius: calc(50rem / var(--baseFontSize));
  }

  .tb-bd-rd-circle {
    border-radius: 50%;
  }
}

/* ===================================================================

flexbox style

=================================================================== */
.fw-w {
  flex-wrap: wrap;
}

.fw-nw {
  flex-wrap: nowrap;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fw-w {
    flex-wrap: wrap;
  }

  .zoom-fw-nw {
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .sp-fw-w {
    flex-wrap: wrap;
  }

  .sp-fw-nw {
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fw-w {
    flex-wrap: wrap;
  }

  .tb-fw-nw {
    flex-wrap: nowrap;
  }
}

.fd-r {
  flex-direction: row;
}

.fd-rr {
  flex-direction: row-reverse;
}

.fd-c {
  flex-direction: column;
}

.fd-cr {
  flex-direction: column-reverse;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fd-r {
    flex-direction: row;
  }

  .zoom-fd-rr {
    flex-direction: row-reverse;
  }

  .zoom-fd-c {
    flex-direction: column;
  }

  .zoom-fd-cr {
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .sp-fd-r {
    flex-direction: row;
  }

  .sp-fd-rr {
    flex-direction: row-reverse;
  }

  .sp-fd-c {
    flex-direction: column;
  }

  .sp-fd-cr {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fd-r {
    flex-direction: row;
  }

  .tb-fd-rr {
    flex-direction: row-reverse;
  }

  .tb-fd-c {
    flex-direction: column;
  }

  .tb-fd-cr {
    flex-direction: column-reverse;
  }
}

.jc-fs {
  justify-content: flex-start;
}

.jc-c {
  justify-content: center;
}

.jc-fe {
  justify-content: flex-end;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-jc-fs {
    justify-content: flex-start;
  }

  .zoom-jc-c {
    justify-content: center;
  }

  .zoom-jc-fe {
    justify-content: flex-end;
  }

  .zoom-jc-sb {
    justify-content: space-between;
  }

  .zoom-jc-sa {
    justify-content: space-around;
  }
}

@media (max-width: 767px) {
  .sp-jc-fs {
    justify-content: flex-start;
  }

  .sp-jc-c {
    justify-content: center;
  }

  .sp-jc-fe {
    justify-content: flex-end;
  }

  .sp-jc-sb {
    justify-content: space-between;
  }

  .sp-jc-sa {
    justify-content: space-around;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-jc-fs {
    justify-content: flex-start;
  }

  .tb-jc-c {
    justify-content: center;
  }

  .tb-jc-fe {
    justify-content: flex-end;
  }

  .tb-jc-sb {
    justify-content: space-between;
  }

  .tb-jc-sa {
    justify-content: space-around;
  }
}

.ai-fs {
  align-items: flex-start;
}

.ai-c {
  align-items: center;
}

.ai-fe {
  align-items: flex-end;
}

.ai-s {
  align-items: stretch;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ai-fs {
    align-items: flex-start;
  }

  .zoom-ai-c {
    align-items: center;
  }

  .zoom-ai-fe {
    align-items: flex-end;
  }

  .zoom-ai-s {
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .sp-ai-fs {
    align-items: flex-start;
  }

  .sp-ai-c {
    align-items: center;
  }

  .sp-ai-fe {
    align-items: flex-end;
  }

  .sp-ai-s {
    align-items: stretch;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ai-fs {
    align-items: flex-start;
  }

  .tb-ai-c {
    align-items: center;
  }

  .tb-ai-fe {
    align-items: flex-end;
  }

  .tb-ai-s {
    align-items: stretch;
  }
}

.as-fs {
  align-self: flex-start;
}

.as-c {
  align-self: center;
}

.as-fe {
  align-self: flex-end;
}

.as-s {
  align-self: stretch;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-as-fs {
    align-self: flex-start;
  }

  .zoom-as-c {
    align-self: center;
  }

  .zoom-as-fe {
    align-self: flex-end;
  }

  .zoom-as-s {
    align-self: stretch;
  }
}

@media (max-width: 767px) {
  .sp-as-fs {
    align-self: flex-start;
  }

  .sp-as-c {
    align-self: center;
  }

  .sp-as-fe {
    align-self: flex-end;
  }

  .sp-as-s {
    align-self: stretch;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-as-fs {
    align-self: flex-start;
  }

  .tb-as-c {
    align-self: center;
  }

  .tb-as-fe {
    align-self: flex-end;
  }

  .tb-as-s {
    align-self: stretch;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-order-1 {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .sp-order-1 {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-order-1 {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

.fs-0 {
  flex-shrink: 0;
}

.fs-1 {
  flex-shrink: 1;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fs-0 {
    flex-shrink: 0;
  }

  .zoom-fs-1 {
    flex-shrink: 1;
  }
}

@media (max-width: 767px) {
  .sp-fs-0 {
    flex-shrink: 0;
  }

  .sp-fs-1 {
    flex-shrink: 1;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fs-0 {
    flex-shrink: 0;
  }

  .tb-fs-1 {
    flex-shrink: 1;
  }
}

.fg-1 {
  flex-grow: 1;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fg-1 {
    flex-grow: 1;
  }
}

@media (max-width: 767px) {
  .sp-fg-1 {
    flex-grow: 1;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fg-1 {
    flex-grow: 1;
  }
}

.fb-0 {
  flex-basis: 0;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fb-0 {
    flex-basis: 0;
  }
}

@media (max-width: 767px) {
  .sp-fb-0 {
    flex-basis: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fb-0 {
    flex-basis: 0;
  }
}

/* ===================================================================

interactivity style

=================================================================== */
.crs-p {
  cursor: pointer;
}

.pe-n {
  pointer-events: none;
}

/* ===================================================================

layout style

=================================================================== */
.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.pos-f {
  position: fixed;
}

.pos-s {
  position: sticky;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pos-r {
    position: relative;
  }

  .zoom-pos-a {
    position: absolute;
  }

  .zoom-pos-f {
    position: fixed;
  }

  .zoom-pos-s {
    position: sticky;
  }
}

@media (max-width: 767px) {
  .sp-pos-r {
    position: relative;
  }

  .sp-pos-a {
    position: absolute;
  }

  .sp-pos-f {
    position: fixed;
  }

  .sp-pos-s {
    position: sticky;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pos-r {
    position: relative;
  }

  .tb-pos-a {
    position: absolute;
  }

  .tb-pos-f {
    position: fixed;
  }

  .tb-pos-s {
    position: sticky;
  }
}

.zi-0 {
  z-index: 0;
}

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

.zi-2 {
  z-index: 2;
}

.zi-3 {
  z-index: 3;
}

.zi-4 {
  z-index: 4;
}

.zi-5 {
  z-index: 5;
}

.zi-6 {
  z-index: 6;
}

.zi-7 {
  z-index: 7;
}

.zi-8 {
  z-index: 8;
}

.zi-9 {
  z-index: 9;
}

.zi-10 {
  z-index: 10;
}

.zi-11 {
  z-index: 11;
}

.zi-12 {
  z-index: 12;
}

.zi-13 {
  z-index: 13;
}

.zi-14 {
  z-index: 14;
}

.zi-15 {
  z-index: 15;
}

.zi-16 {
  z-index: 16;
}

.zi-17 {
  z-index: 17;
}

.zi-18 {
  z-index: 18;
}

.zi-19 {
  z-index: 19;
}

.zi-20 {
  z-index: 20;
}

.zi-21 {
  z-index: 21;
}

.zi-22 {
  z-index: 22;
}

.zi-23 {
  z-index: 23;
}

.zi-24 {
  z-index: 24;
}

.zi-25 {
  z-index: 25;
}

.zi-26 {
  z-index: 26;
}

.zi-27 {
  z-index: 27;
}

.zi-28 {
  z-index: 28;
}

.zi-29 {
  z-index: 29;
}

.zi-30 {
  z-index: 30;
}

.zi-31 {
  z-index: 31;
}

.zi-32 {
  z-index: 32;
}

.zi-33 {
  z-index: 33;
}

.zi-34 {
  z-index: 34;
}

.zi-35 {
  z-index: 35;
}

.zi-36 {
  z-index: 36;
}

.zi-37 {
  z-index: 37;
}

.zi-38 {
  z-index: 38;
}

.zi-39 {
  z-index: 39;
}

.zi-40 {
  z-index: 40;
}

.zi-41 {
  z-index: 41;
}

.zi-42 {
  z-index: 42;
}

.zi-43 {
  z-index: 43;
}

.zi-44 {
  z-index: 44;
}

.zi-45 {
  z-index: 45;
}

.zi-46 {
  z-index: 46;
}

.zi-47 {
  z-index: 47;
}

.zi-48 {
  z-index: 48;
}

.zi-49 {
  z-index: 49;
}

.zi-50 {
  z-index: 50;
}

.zi-51 {
  z-index: 51;
}

.zi-52 {
  z-index: 52;
}

.zi-53 {
  z-index: 53;
}

.zi-54 {
  z-index: 54;
}

.zi-55 {
  z-index: 55;
}

.zi-56 {
  z-index: 56;
}

.zi-57 {
  z-index: 57;
}

.zi-58 {
  z-index: 58;
}

.zi-59 {
  z-index: 59;
}

.zi-60 {
  z-index: 60;
}

.zi-61 {
  z-index: 61;
}

.zi-62 {
  z-index: 62;
}

.zi-63 {
  z-index: 63;
}

.zi-64 {
  z-index: 64;
}

.zi-65 {
  z-index: 65;
}

.zi-66 {
  z-index: 66;
}

.zi-67 {
  z-index: 67;
}

.zi-68 {
  z-index: 68;
}

.zi-69 {
  z-index: 69;
}

.zi-70 {
  z-index: 70;
}

.zi-71 {
  z-index: 71;
}

.zi-72 {
  z-index: 72;
}

.zi-73 {
  z-index: 73;
}

.zi-74 {
  z-index: 74;
}

.zi-75 {
  z-index: 75;
}

.zi-76 {
  z-index: 76;
}

.zi-77 {
  z-index: 77;
}

.zi-78 {
  z-index: 78;
}

.zi-79 {
  z-index: 79;
}

.zi-80 {
  z-index: 80;
}

.zi-81 {
  z-index: 81;
}

.zi-82 {
  z-index: 82;
}

.zi-83 {
  z-index: 83;
}

.zi-84 {
  z-index: 84;
}

.zi-85 {
  z-index: 85;
}

.zi-86 {
  z-index: 86;
}

.zi-87 {
  z-index: 87;
}

.zi-88 {
  z-index: 88;
}

.zi-89 {
  z-index: 89;
}

.zi-90 {
  z-index: 90;
}

.zi-91 {
  z-index: 91;
}

.zi-92 {
  z-index: 92;
}

.zi-93 {
  z-index: 93;
}

.zi-94 {
  z-index: 94;
}

.zi-95 {
  z-index: 95;
}

.zi-96 {
  z-index: 96;
}

.zi-97 {
  z-index: 97;
}

.zi-98 {
  z-index: 98;
}

.zi-99 {
  z-index: 99;
}

.zi-100 {
  z-index: 100;
}

.zi-m1 {
  z-index: -1;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-zi-0 {
    z-index: 0;
  }

  .zoom-zi-1 {
    z-index: 1;
  }

  .zoom-zi-2 {
    z-index: 2;
  }

  .zoom-zi-3 {
    z-index: 3;
  }

  .zoom-zi-4 {
    z-index: 4;
  }

  .zoom-zi-5 {
    z-index: 5;
  }

  .zoom-zi-6 {
    z-index: 6;
  }

  .zoom-zi-7 {
    z-index: 7;
  }

  .zoom-zi-8 {
    z-index: 8;
  }

  .zoom-zi-9 {
    z-index: 9;
  }

  .zoom-zi-10 {
    z-index: 10;
  }

  .zoom-zi-11 {
    z-index: 11;
  }

  .zoom-zi-12 {
    z-index: 12;
  }

  .zoom-zi-13 {
    z-index: 13;
  }

  .zoom-zi-14 {
    z-index: 14;
  }

  .zoom-zi-15 {
    z-index: 15;
  }

  .zoom-zi-16 {
    z-index: 16;
  }

  .zoom-zi-17 {
    z-index: 17;
  }

  .zoom-zi-18 {
    z-index: 18;
  }

  .zoom-zi-19 {
    z-index: 19;
  }

  .zoom-zi-20 {
    z-index: 20;
  }

  .zoom-zi-21 {
    z-index: 21;
  }

  .zoom-zi-22 {
    z-index: 22;
  }

  .zoom-zi-23 {
    z-index: 23;
  }

  .zoom-zi-24 {
    z-index: 24;
  }

  .zoom-zi-25 {
    z-index: 25;
  }

  .zoom-zi-26 {
    z-index: 26;
  }

  .zoom-zi-27 {
    z-index: 27;
  }

  .zoom-zi-28 {
    z-index: 28;
  }

  .zoom-zi-29 {
    z-index: 29;
  }

  .zoom-zi-30 {
    z-index: 30;
  }

  .zoom-zi-31 {
    z-index: 31;
  }

  .zoom-zi-32 {
    z-index: 32;
  }

  .zoom-zi-33 {
    z-index: 33;
  }

  .zoom-zi-34 {
    z-index: 34;
  }

  .zoom-zi-35 {
    z-index: 35;
  }

  .zoom-zi-36 {
    z-index: 36;
  }

  .zoom-zi-37 {
    z-index: 37;
  }

  .zoom-zi-38 {
    z-index: 38;
  }

  .zoom-zi-39 {
    z-index: 39;
  }

  .zoom-zi-40 {
    z-index: 40;
  }

  .zoom-zi-41 {
    z-index: 41;
  }

  .zoom-zi-42 {
    z-index: 42;
  }

  .zoom-zi-43 {
    z-index: 43;
  }

  .zoom-zi-44 {
    z-index: 44;
  }

  .zoom-zi-45 {
    z-index: 45;
  }

  .zoom-zi-46 {
    z-index: 46;
  }

  .zoom-zi-47 {
    z-index: 47;
  }

  .zoom-zi-48 {
    z-index: 48;
  }

  .zoom-zi-49 {
    z-index: 49;
  }

  .zoom-zi-50 {
    z-index: 50;
  }

  .zoom-zi-51 {
    z-index: 51;
  }

  .zoom-zi-52 {
    z-index: 52;
  }

  .zoom-zi-53 {
    z-index: 53;
  }

  .zoom-zi-54 {
    z-index: 54;
  }

  .zoom-zi-55 {
    z-index: 55;
  }

  .zoom-zi-56 {
    z-index: 56;
  }

  .zoom-zi-57 {
    z-index: 57;
  }

  .zoom-zi-58 {
    z-index: 58;
  }

  .zoom-zi-59 {
    z-index: 59;
  }

  .zoom-zi-60 {
    z-index: 60;
  }

  .zoom-zi-61 {
    z-index: 61;
  }

  .zoom-zi-62 {
    z-index: 62;
  }

  .zoom-zi-63 {
    z-index: 63;
  }

  .zoom-zi-64 {
    z-index: 64;
  }

  .zoom-zi-65 {
    z-index: 65;
  }

  .zoom-zi-66 {
    z-index: 66;
  }

  .zoom-zi-67 {
    z-index: 67;
  }

  .zoom-zi-68 {
    z-index: 68;
  }

  .zoom-zi-69 {
    z-index: 69;
  }

  .zoom-zi-70 {
    z-index: 70;
  }

  .zoom-zi-71 {
    z-index: 71;
  }

  .zoom-zi-72 {
    z-index: 72;
  }

  .zoom-zi-73 {
    z-index: 73;
  }

  .zoom-zi-74 {
    z-index: 74;
  }

  .zoom-zi-75 {
    z-index: 75;
  }

  .zoom-zi-76 {
    z-index: 76;
  }

  .zoom-zi-77 {
    z-index: 77;
  }

  .zoom-zi-78 {
    z-index: 78;
  }

  .zoom-zi-79 {
    z-index: 79;
  }

  .zoom-zi-80 {
    z-index: 80;
  }

  .zoom-zi-81 {
    z-index: 81;
  }

  .zoom-zi-82 {
    z-index: 82;
  }

  .zoom-zi-83 {
    z-index: 83;
  }

  .zoom-zi-84 {
    z-index: 84;
  }

  .zoom-zi-85 {
    z-index: 85;
  }

  .zoom-zi-86 {
    z-index: 86;
  }

  .zoom-zi-87 {
    z-index: 87;
  }

  .zoom-zi-88 {
    z-index: 88;
  }

  .zoom-zi-89 {
    z-index: 89;
  }

  .zoom-zi-90 {
    z-index: 90;
  }

  .zoom-zi-91 {
    z-index: 91;
  }

  .zoom-zi-92 {
    z-index: 92;
  }

  .zoom-zi-93 {
    z-index: 93;
  }

  .zoom-zi-94 {
    z-index: 94;
  }

  .zoom-zi-95 {
    z-index: 95;
  }

  .zoom-zi-96 {
    z-index: 96;
  }

  .zoom-zi-97 {
    z-index: 97;
  }

  .zoom-zi-98 {
    z-index: 98;
  }

  .zoom-zi-99 {
    z-index: 99;
  }

  .zoom-zi-100 {
    z-index: 100;
  }

  .zoom-zi-m1 {
    z-index: -1;
  }
}

@media (max-width: 767px) {
  .sp-zi-0 {
    z-index: 0;
  }

  .sp-zi-1 {
    z-index: 1;
  }

  .sp-zi-2 {
    z-index: 2;
  }

  .sp-zi-3 {
    z-index: 3;
  }

  .sp-zi-4 {
    z-index: 4;
  }

  .sp-zi-5 {
    z-index: 5;
  }

  .sp-zi-6 {
    z-index: 6;
  }

  .sp-zi-7 {
    z-index: 7;
  }

  .sp-zi-8 {
    z-index: 8;
  }

  .sp-zi-9 {
    z-index: 9;
  }

  .sp-zi-10 {
    z-index: 10;
  }

  .sp-zi-11 {
    z-index: 11;
  }

  .sp-zi-12 {
    z-index: 12;
  }

  .sp-zi-13 {
    z-index: 13;
  }

  .sp-zi-14 {
    z-index: 14;
  }

  .sp-zi-15 {
    z-index: 15;
  }

  .sp-zi-16 {
    z-index: 16;
  }

  .sp-zi-17 {
    z-index: 17;
  }

  .sp-zi-18 {
    z-index: 18;
  }

  .sp-zi-19 {
    z-index: 19;
  }

  .sp-zi-20 {
    z-index: 20;
  }

  .sp-zi-21 {
    z-index: 21;
  }

  .sp-zi-22 {
    z-index: 22;
  }

  .sp-zi-23 {
    z-index: 23;
  }

  .sp-zi-24 {
    z-index: 24;
  }

  .sp-zi-25 {
    z-index: 25;
  }

  .sp-zi-26 {
    z-index: 26;
  }

  .sp-zi-27 {
    z-index: 27;
  }

  .sp-zi-28 {
    z-index: 28;
  }

  .sp-zi-29 {
    z-index: 29;
  }

  .sp-zi-30 {
    z-index: 30;
  }

  .sp-zi-31 {
    z-index: 31;
  }

  .sp-zi-32 {
    z-index: 32;
  }

  .sp-zi-33 {
    z-index: 33;
  }

  .sp-zi-34 {
    z-index: 34;
  }

  .sp-zi-35 {
    z-index: 35;
  }

  .sp-zi-36 {
    z-index: 36;
  }

  .sp-zi-37 {
    z-index: 37;
  }

  .sp-zi-38 {
    z-index: 38;
  }

  .sp-zi-39 {
    z-index: 39;
  }

  .sp-zi-40 {
    z-index: 40;
  }

  .sp-zi-41 {
    z-index: 41;
  }

  .sp-zi-42 {
    z-index: 42;
  }

  .sp-zi-43 {
    z-index: 43;
  }

  .sp-zi-44 {
    z-index: 44;
  }

  .sp-zi-45 {
    z-index: 45;
  }

  .sp-zi-46 {
    z-index: 46;
  }

  .sp-zi-47 {
    z-index: 47;
  }

  .sp-zi-48 {
    z-index: 48;
  }

  .sp-zi-49 {
    z-index: 49;
  }

  .sp-zi-50 {
    z-index: 50;
  }

  .sp-zi-51 {
    z-index: 51;
  }

  .sp-zi-52 {
    z-index: 52;
  }

  .sp-zi-53 {
    z-index: 53;
  }

  .sp-zi-54 {
    z-index: 54;
  }

  .sp-zi-55 {
    z-index: 55;
  }

  .sp-zi-56 {
    z-index: 56;
  }

  .sp-zi-57 {
    z-index: 57;
  }

  .sp-zi-58 {
    z-index: 58;
  }

  .sp-zi-59 {
    z-index: 59;
  }

  .sp-zi-60 {
    z-index: 60;
  }

  .sp-zi-61 {
    z-index: 61;
  }

  .sp-zi-62 {
    z-index: 62;
  }

  .sp-zi-63 {
    z-index: 63;
  }

  .sp-zi-64 {
    z-index: 64;
  }

  .sp-zi-65 {
    z-index: 65;
  }

  .sp-zi-66 {
    z-index: 66;
  }

  .sp-zi-67 {
    z-index: 67;
  }

  .sp-zi-68 {
    z-index: 68;
  }

  .sp-zi-69 {
    z-index: 69;
  }

  .sp-zi-70 {
    z-index: 70;
  }

  .sp-zi-71 {
    z-index: 71;
  }

  .sp-zi-72 {
    z-index: 72;
  }

  .sp-zi-73 {
    z-index: 73;
  }

  .sp-zi-74 {
    z-index: 74;
  }

  .sp-zi-75 {
    z-index: 75;
  }

  .sp-zi-76 {
    z-index: 76;
  }

  .sp-zi-77 {
    z-index: 77;
  }

  .sp-zi-78 {
    z-index: 78;
  }

  .sp-zi-79 {
    z-index: 79;
  }

  .sp-zi-80 {
    z-index: 80;
  }

  .sp-zi-81 {
    z-index: 81;
  }

  .sp-zi-82 {
    z-index: 82;
  }

  .sp-zi-83 {
    z-index: 83;
  }

  .sp-zi-84 {
    z-index: 84;
  }

  .sp-zi-85 {
    z-index: 85;
  }

  .sp-zi-86 {
    z-index: 86;
  }

  .sp-zi-87 {
    z-index: 87;
  }

  .sp-zi-88 {
    z-index: 88;
  }

  .sp-zi-89 {
    z-index: 89;
  }

  .sp-zi-90 {
    z-index: 90;
  }

  .sp-zi-91 {
    z-index: 91;
  }

  .sp-zi-92 {
    z-index: 92;
  }

  .sp-zi-93 {
    z-index: 93;
  }

  .sp-zi-94 {
    z-index: 94;
  }

  .sp-zi-95 {
    z-index: 95;
  }

  .sp-zi-96 {
    z-index: 96;
  }

  .sp-zi-97 {
    z-index: 97;
  }

  .sp-zi-98 {
    z-index: 98;
  }

  .sp-zi-99 {
    z-index: 99;
  }

  .sp-zi-100 {
    z-index: 100;
  }

  .sp-zi-m1 {
    z-index: -1;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-zi-0 {
    z-index: 0;
  }

  .tb-zi-1 {
    z-index: 1;
  }

  .tb-zi-2 {
    z-index: 2;
  }

  .tb-zi-3 {
    z-index: 3;
  }

  .tb-zi-4 {
    z-index: 4;
  }

  .tb-zi-5 {
    z-index: 5;
  }

  .tb-zi-6 {
    z-index: 6;
  }

  .tb-zi-7 {
    z-index: 7;
  }

  .tb-zi-8 {
    z-index: 8;
  }

  .tb-zi-9 {
    z-index: 9;
  }

  .tb-zi-10 {
    z-index: 10;
  }

  .tb-zi-11 {
    z-index: 11;
  }

  .tb-zi-12 {
    z-index: 12;
  }

  .tb-zi-13 {
    z-index: 13;
  }

  .tb-zi-14 {
    z-index: 14;
  }

  .tb-zi-15 {
    z-index: 15;
  }

  .tb-zi-16 {
    z-index: 16;
  }

  .tb-zi-17 {
    z-index: 17;
  }

  .tb-zi-18 {
    z-index: 18;
  }

  .tb-zi-19 {
    z-index: 19;
  }

  .tb-zi-20 {
    z-index: 20;
  }

  .tb-zi-21 {
    z-index: 21;
  }

  .tb-zi-22 {
    z-index: 22;
  }

  .tb-zi-23 {
    z-index: 23;
  }

  .tb-zi-24 {
    z-index: 24;
  }

  .tb-zi-25 {
    z-index: 25;
  }

  .tb-zi-26 {
    z-index: 26;
  }

  .tb-zi-27 {
    z-index: 27;
  }

  .tb-zi-28 {
    z-index: 28;
  }

  .tb-zi-29 {
    z-index: 29;
  }

  .tb-zi-30 {
    z-index: 30;
  }

  .tb-zi-31 {
    z-index: 31;
  }

  .tb-zi-32 {
    z-index: 32;
  }

  .tb-zi-33 {
    z-index: 33;
  }

  .tb-zi-34 {
    z-index: 34;
  }

  .tb-zi-35 {
    z-index: 35;
  }

  .tb-zi-36 {
    z-index: 36;
  }

  .tb-zi-37 {
    z-index: 37;
  }

  .tb-zi-38 {
    z-index: 38;
  }

  .tb-zi-39 {
    z-index: 39;
  }

  .tb-zi-40 {
    z-index: 40;
  }

  .tb-zi-41 {
    z-index: 41;
  }

  .tb-zi-42 {
    z-index: 42;
  }

  .tb-zi-43 {
    z-index: 43;
  }

  .tb-zi-44 {
    z-index: 44;
  }

  .tb-zi-45 {
    z-index: 45;
  }

  .tb-zi-46 {
    z-index: 46;
  }

  .tb-zi-47 {
    z-index: 47;
  }

  .tb-zi-48 {
    z-index: 48;
  }

  .tb-zi-49 {
    z-index: 49;
  }

  .tb-zi-50 {
    z-index: 50;
  }

  .tb-zi-51 {
    z-index: 51;
  }

  .tb-zi-52 {
    z-index: 52;
  }

  .tb-zi-53 {
    z-index: 53;
  }

  .tb-zi-54 {
    z-index: 54;
  }

  .tb-zi-55 {
    z-index: 55;
  }

  .tb-zi-56 {
    z-index: 56;
  }

  .tb-zi-57 {
    z-index: 57;
  }

  .tb-zi-58 {
    z-index: 58;
  }

  .tb-zi-59 {
    z-index: 59;
  }

  .tb-zi-60 {
    z-index: 60;
  }

  .tb-zi-61 {
    z-index: 61;
  }

  .tb-zi-62 {
    z-index: 62;
  }

  .tb-zi-63 {
    z-index: 63;
  }

  .tb-zi-64 {
    z-index: 64;
  }

  .tb-zi-65 {
    z-index: 65;
  }

  .tb-zi-66 {
    z-index: 66;
  }

  .tb-zi-67 {
    z-index: 67;
  }

  .tb-zi-68 {
    z-index: 68;
  }

  .tb-zi-69 {
    z-index: 69;
  }

  .tb-zi-70 {
    z-index: 70;
  }

  .tb-zi-71 {
    z-index: 71;
  }

  .tb-zi-72 {
    z-index: 72;
  }

  .tb-zi-73 {
    z-index: 73;
  }

  .tb-zi-74 {
    z-index: 74;
  }

  .tb-zi-75 {
    z-index: 75;
  }

  .tb-zi-76 {
    z-index: 76;
  }

  .tb-zi-77 {
    z-index: 77;
  }

  .tb-zi-78 {
    z-index: 78;
  }

  .tb-zi-79 {
    z-index: 79;
  }

  .tb-zi-80 {
    z-index: 80;
  }

  .tb-zi-81 {
    z-index: 81;
  }

  .tb-zi-82 {
    z-index: 82;
  }

  .tb-zi-83 {
    z-index: 83;
  }

  .tb-zi-84 {
    z-index: 84;
  }

  .tb-zi-85 {
    z-index: 85;
  }

  .tb-zi-86 {
    z-index: 86;
  }

  .tb-zi-87 {
    z-index: 87;
  }

  .tb-zi-88 {
    z-index: 88;
  }

  .tb-zi-89 {
    z-index: 89;
  }

  .tb-zi-90 {
    z-index: 90;
  }

  .tb-zi-91 {
    z-index: 91;
  }

  .tb-zi-92 {
    z-index: 92;
  }

  .tb-zi-93 {
    z-index: 93;
  }

  .tb-zi-94 {
    z-index: 94;
  }

  .tb-zi-95 {
    z-index: 95;
  }

  .tb-zi-96 {
    z-index: 96;
  }

  .tb-zi-97 {
    z-index: 97;
  }

  .tb-zi-98 {
    z-index: 98;
  }

  .tb-zi-99 {
    z-index: 99;
  }

  .tb-zi-100 {
    z-index: 100;
  }

  .tb-zi-m1 {
    z-index: -1;
  }
}

.top-u {
  top: var(--top-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-top-u {
    top: var(--zoom-top-u);
  }
}

@media (max-width: 767px) {
  .sp-top-u {
    top: var(--sp-top-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-top-u {
    top: var(--tb-top-u);
  }
}

.bottom-u {
  bottom: var(--bottom-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-bottom-u {
    bottom: var(--zoom-bottom-u);
  }
}

@media (max-width: 767px) {
  .sp-bottom-u {
    bottom: var(--sp-bottom-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-bottom-u {
    bottom: var(--tb-bottom-u);
  }
}

.left-u {
  left: var(--left-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-left-u {
    left: var(--zoom-left-u);
  }
}

@media (max-width: 767px) {
  .sp-left-u {
    left: var(--sp-left-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-left-u {
    left: var(--tb-left-u);
  }
}

.right-u {
  right: var(--right-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-right-u {
    right: var(--zoom-right-u);
  }
}

@media (max-width: 767px) {
  .sp-right-u {
    right: var(--sp-right-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-right-u {
    right: var(--tb-right-u);
  }
}

.d-i {
  display: inline;
}

.d-b {
  display: block;
}

.d-f {
  display: flex;
}

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

.d-if {
  display: inline-flex;
}

.d-n {
  display: none;
}

.d-c {
  display: contents;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-d-i {
    display: inline;
  }

  .zoom-d-b {
    display: block;
  }

  .zoom-d-f {
    display: flex;
  }

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

  .zoom-d-if {
    display: inline-flex;
  }

  .zoom-d-n {
    display: none;
  }

  .zoom-d-c {
    display: contents;
  }
}

@media (max-width: 767px) {
  .sp-d-i {
    display: inline;
  }

  .sp-d-b {
    display: block;
  }

  .sp-d-f {
    display: flex;
  }

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

  .sp-d-if {
    display: inline-flex;
  }

  .sp-d-n {
    display: none;
  }

  .sp-d-c {
    display: contents;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-d-i {
    display: inline;
  }

  .tb-d-b {
    display: block;
  }

  .tb-d-f {
    display: flex;
  }

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

  .tb-d-if {
    display: inline-flex;
  }

  .tb-d-n {
    display: none;
  }

  .tb-d-c {
    display: contents;
  }
}

.f-l {
  float: left;
}

.f-r {
  float: right;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-f-l {
    float: left;
  }

  .zoom-f-r {
    float: right;
  }
}

@media (max-width: 767px) {
  .sp-f-l {
    float: left;
  }

  .sp-f-r {
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-f-l {
    float: left;
  }

  .tb-f-r {
    float: right;
  }
}

.clr-b {
  clear: both;
}

.clearfix {
  min-height: 1px;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.of-x-a {
  overflow-x: auto;
}

.of-x-v {
  overflow-x: visible;
}

.of-x-h {
  overflow-x: hidden;
}

.of-x-s {
  overflow-x: scroll;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-of-x-a {
    overflow-x: auto;
  }

  .zoom-of-x-v {
    overflow-x: visible;
  }

  .zoom-of-x-h {
    overflow-x: hidden;
  }

  .zoom-of-x-s {
    overflow-x: scroll;
  }
}

@media (max-width: 767px) {
  .sp-of-x-a {
    overflow-x: auto;
  }

  .sp-of-x-v {
    overflow-x: visible;
  }

  .sp-of-x-h {
    overflow-x: hidden;
  }

  .sp-of-x-s {
    overflow-x: scroll;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-of-x-a {
    overflow-x: auto;
  }

  .tb-of-x-v {
    overflow-x: visible;
  }

  .tb-of-x-h {
    overflow-x: hidden;
  }

  .tb-of-x-s {
    overflow-x: scroll;
  }
}

.of-y-a {
  overflow-y: auto;
}

.of-y-v {
  overflow-y: visible;
}

.of-y-h {
  overflow-y: hidden;
}

.of-y-s {
  overflow-y: scroll;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-of-y-a {
    overflow-y: auto;
  }

  .zoom-of-y-v {
    overflow-y: visible;
  }

  .zoom-of-y-h {
    overflow-y: hidden;
  }

  .zoom-of-y-s {
    overflow-y: scroll;
  }
}

@media (max-width: 767px) {
  .sp-of-y-a {
    overflow-y: auto;
  }

  .sp-of-y-v {
    overflow-y: visible;
  }

  .sp-of-y-h {
    overflow-y: hidden;
  }

  .sp-of-y-s {
    overflow-y: scroll;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-of-y-a {
    overflow-y: auto;
  }

  .tb-of-y-v {
    overflow-y: visible;
  }

  .tb-of-y-h {
    overflow-y: hidden;
  }

  .tb-of-y-s {
    overflow-y: scroll;
  }
}

.of-h {
  overflow: hidden;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-of-h {
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .sp-of-h {
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-of-h {
    overflow: hidden;
  }
}

.of-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.of-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-of-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .zoom-of-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (max-width: 767px) {
  .sp-of-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .sp-of-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-of-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .tb-of-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.op-t {
  -o-object-position: top;
  object-position: top;
}

.op-b {
  -o-object-position: bottom;
  object-position: bottom;
}

.op-l {
  -o-object-position: left;
  object-position: left;
}

.op-r {
  -o-object-position: right;
  object-position: right;
}

.op-c {
  -o-object-position: center;
  object-position: center;
}

.op-tr {
  -o-object-position: top right;
  object-position: top right;
}

.op-tl {
  -o-object-position: top left;
  object-position: top left;
}

.op-br {
  -o-object-position: bottom right;
  object-position: bottom right;
}

.op-bl {
  -o-object-position: bottom left;
  object-position: bottom left;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-op-t {
    -o-object-position: top;
    object-position: top;
  }

  .zoom-op-b {
    -o-object-position: bottom;
    object-position: bottom;
  }

  .zoom-op-l {
    -o-object-position: left;
    object-position: left;
  }

  .zoom-op-r {
    -o-object-position: right;
    object-position: right;
  }

  .zoom-op-c {
    -o-object-position: center;
    object-position: center;
  }

  .zoom-op-tr {
    -o-object-position: top right;
    object-position: top right;
  }

  .zoom-op-tl {
    -o-object-position: top left;
    object-position: top left;
  }

  .zoom-op-br {
    -o-object-position: bottom right;
    object-position: bottom right;
  }

  .zoom-op-bl {
    -o-object-position: bottom left;
    object-position: bottom left;
  }
}

@media (max-width: 767px) {
  .sp-op-t {
    -o-object-position: top;
    object-position: top;
  }

  .sp-op-b {
    -o-object-position: bottom;
    object-position: bottom;
  }

  .sp-op-l {
    -o-object-position: left;
    object-position: left;
  }

  .sp-op-r {
    -o-object-position: right;
    object-position: right;
  }

  .sp-op-c {
    -o-object-position: center;
    object-position: center;
  }

  .sp-op-tr {
    -o-object-position: top right;
    object-position: top right;
  }

  .sp-op-tl {
    -o-object-position: top left;
    object-position: top left;
  }

  .sp-op-br {
    -o-object-position: bottom right;
    object-position: bottom right;
  }

  .sp-op-bl {
    -o-object-position: bottom left;
    object-position: bottom left;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-op-t {
    -o-object-position: top;
    object-position: top;
  }

  .tb-op-b {
    -o-object-position: bottom;
    object-position: bottom;
  }

  .tb-op-l {
    -o-object-position: left;
    object-position: left;
  }

  .tb-op-r {
    -o-object-position: right;
    object-position: right;
  }

  .tb-op-c {
    -o-object-position: center;
    object-position: center;
  }

  .tb-op-tr {
    -o-object-position: top right;
    object-position: top right;
  }

  .tb-op-tl {
    -o-object-position: top left;
    object-position: top left;
  }

  .tb-op-br {
    -o-object-position: bottom right;
    object-position: bottom right;
  }

  .tb-op-bl {
    -o-object-position: bottom left;
    object-position: bottom left;
  }
}

.ar-u {
  aspect-ratio: var(--ar-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ar-u {
    aspect-ratio: var(--zoom-ar-u);
  }
}

@media (max-width: 767px) {
  .sp-ar-u {
    aspect-ratio: var(--sp-ar-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ar-u {
    aspect-ratio: var(--tb-ar-u);
  }
}

/* ===================================================================

sizing style

=================================================================== */
.max-w-100p {
  max-width: 100%;
}

.mw-u {
  max-width: var(--mw-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mw-u {
    max-width: var(--zoom-mw-u);
  }
}

@media (max-width: 767px) {
  .sp-mw-u {
    max-width: var(--sp-mw-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mw-u {
    max-width: var(--tb-mw-u);
  }
}

.w-mc {
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-w-mc {
    width: -moz-max-content;
    width: max-content;
  }
}

@media (max-width: 767px) {
  .sp-w-mc {
    width: -moz-max-content;
    width: max-content;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-w-mc {
    width: -moz-max-content;
    width: max-content;
  }
}

.w-1p {
  width: 1%;
}

.w-2p {
  width: 2%;
}

.w-3p {
  width: 3%;
}

.w-4p {
  width: 4%;
}

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

.w-6p {
  width: 6%;
}

.w-7p {
  width: 7%;
}

.w-8p {
  width: 8%;
}

.w-9p {
  width: 9%;
}

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

.w-11p {
  width: 11%;
}

.w-12p {
  width: 12%;
}

.w-13p {
  width: 13%;
}

.w-14p {
  width: 14%;
}

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

.w-16p {
  width: 16%;
}

.w-17p {
  width: 17%;
}

.w-18p {
  width: 18%;
}

.w-19p {
  width: 19%;
}

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

.w-21p {
  width: 21%;
}

.w-22p {
  width: 22%;
}

.w-23p {
  width: 23%;
}

.w-24p {
  width: 24%;
}

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

.w-26p {
  width: 26%;
}

.w-27p {
  width: 27%;
}

.w-28p {
  width: 28%;
}

.w-29p {
  width: 29%;
}

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

.w-31p {
  width: 31%;
}

.w-32p {
  width: 32%;
}

.w-33p {
  width: 33%;
}

.w-34p {
  width: 34%;
}

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

.w-36p {
  width: 36%;
}

.w-37p {
  width: 37%;
}

.w-38p {
  width: 38%;
}

.w-39p {
  width: 39%;
}

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

.w-41p {
  width: 41%;
}

.w-42p {
  width: 42%;
}

.w-43p {
  width: 43%;
}

.w-44p {
  width: 44%;
}

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

.w-46p {
  width: 46%;
}

.w-47p {
  width: 47%;
}

.w-48p {
  width: 48%;
}

.w-49p {
  width: 49%;
}

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

.w-51p {
  width: 51%;
}

.w-52p {
  width: 52%;
}

.w-53p {
  width: 53%;
}

.w-54p {
  width: 54%;
}

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

.w-56p {
  width: 56%;
}

.w-57p {
  width: 57%;
}

.w-58p {
  width: 58%;
}

.w-59p {
  width: 59%;
}

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

.w-61p {
  width: 61%;
}

.w-62p {
  width: 62%;
}

.w-63p {
  width: 63%;
}

.w-64p {
  width: 64%;
}

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

.w-66p {
  width: 66%;
}

.w-67p {
  width: 67%;
}

.w-68p {
  width: 68%;
}

.w-69p {
  width: 69%;
}

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

.w-71p {
  width: 71%;
}

.w-72p {
  width: 72%;
}

.w-73p {
  width: 73%;
}

.w-74p {
  width: 74%;
}

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

.w-76p {
  width: 76%;
}

.w-77p {
  width: 77%;
}

.w-78p {
  width: 78%;
}

.w-79p {
  width: 79%;
}

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

.w-81p {
  width: 81%;
}

.w-82p {
  width: 82%;
}

.w-83p {
  width: 83%;
}

.w-84p {
  width: 84%;
}

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

.w-86p {
  width: 86%;
}

.w-87p {
  width: 87%;
}

.w-88p {
  width: 88%;
}

.w-89p {
  width: 89%;
}

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

.w-91p {
  width: 91%;
}

.w-92p {
  width: 92%;
}

.w-93p {
  width: 93%;
}

.w-94p {
  width: 94%;
}

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

.w-96p {
  width: 96%;
}

.w-97p {
  width: 97%;
}

.w-98p {
  width: 98%;
}

.w-99p {
  width: 99%;
}

.w-100p {
  width: 100%;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-w-1p {
    width: 1%;
  }

  .zoom-w-2p {
    width: 2%;
  }

  .zoom-w-3p {
    width: 3%;
  }

  .zoom-w-4p {
    width: 4%;
  }

  .zoom-w-5p {
    width: 5%;
  }

  .zoom-w-6p {
    width: 6%;
  }

  .zoom-w-7p {
    width: 7%;
  }

  .zoom-w-8p {
    width: 8%;
  }

  .zoom-w-9p {
    width: 9%;
  }

  .zoom-w-10p {
    width: 10%;
  }

  .zoom-w-11p {
    width: 11%;
  }

  .zoom-w-12p {
    width: 12%;
  }

  .zoom-w-13p {
    width: 13%;
  }

  .zoom-w-14p {
    width: 14%;
  }

  .zoom-w-15p {
    width: 15%;
  }

  .zoom-w-16p {
    width: 16%;
  }

  .zoom-w-17p {
    width: 17%;
  }

  .zoom-w-18p {
    width: 18%;
  }

  .zoom-w-19p {
    width: 19%;
  }

  .zoom-w-20p {
    width: 20%;
  }

  .zoom-w-21p {
    width: 21%;
  }

  .zoom-w-22p {
    width: 22%;
  }

  .zoom-w-23p {
    width: 23%;
  }

  .zoom-w-24p {
    width: 24%;
  }

  .zoom-w-25p {
    width: 25%;
  }

  .zoom-w-26p {
    width: 26%;
  }

  .zoom-w-27p {
    width: 27%;
  }

  .zoom-w-28p {
    width: 28%;
  }

  .zoom-w-29p {
    width: 29%;
  }

  .zoom-w-30p {
    width: 30%;
  }

  .zoom-w-31p {
    width: 31%;
  }

  .zoom-w-32p {
    width: 32%;
  }

  .zoom-w-33p {
    width: 33%;
  }

  .zoom-w-34p {
    width: 34%;
  }

  .zoom-w-35p {
    width: 35%;
  }

  .zoom-w-36p {
    width: 36%;
  }

  .zoom-w-37p {
    width: 37%;
  }

  .zoom-w-38p {
    width: 38%;
  }

  .zoom-w-39p {
    width: 39%;
  }

  .zoom-w-40p {
    width: 40%;
  }

  .zoom-w-41p {
    width: 41%;
  }

  .zoom-w-42p {
    width: 42%;
  }

  .zoom-w-43p {
    width: 43%;
  }

  .zoom-w-44p {
    width: 44%;
  }

  .zoom-w-45p {
    width: 45%;
  }

  .zoom-w-46p {
    width: 46%;
  }

  .zoom-w-47p {
    width: 47%;
  }

  .zoom-w-48p {
    width: 48%;
  }

  .zoom-w-49p {
    width: 49%;
  }

  .zoom-w-50p {
    width: 50%;
  }

  .zoom-w-51p {
    width: 51%;
  }

  .zoom-w-52p {
    width: 52%;
  }

  .zoom-w-53p {
    width: 53%;
  }

  .zoom-w-54p {
    width: 54%;
  }

  .zoom-w-55p {
    width: 55%;
  }

  .zoom-w-56p {
    width: 56%;
  }

  .zoom-w-57p {
    width: 57%;
  }

  .zoom-w-58p {
    width: 58%;
  }

  .zoom-w-59p {
    width: 59%;
  }

  .zoom-w-60p {
    width: 60%;
  }

  .zoom-w-61p {
    width: 61%;
  }

  .zoom-w-62p {
    width: 62%;
  }

  .zoom-w-63p {
    width: 63%;
  }

  .zoom-w-64p {
    width: 64%;
  }

  .zoom-w-65p {
    width: 65%;
  }

  .zoom-w-66p {
    width: 66%;
  }

  .zoom-w-67p {
    width: 67%;
  }

  .zoom-w-68p {
    width: 68%;
  }

  .zoom-w-69p {
    width: 69%;
  }

  .zoom-w-70p {
    width: 70%;
  }

  .zoom-w-71p {
    width: 71%;
  }

  .zoom-w-72p {
    width: 72%;
  }

  .zoom-w-73p {
    width: 73%;
  }

  .zoom-w-74p {
    width: 74%;
  }

  .zoom-w-75p {
    width: 75%;
  }

  .zoom-w-76p {
    width: 76%;
  }

  .zoom-w-77p {
    width: 77%;
  }

  .zoom-w-78p {
    width: 78%;
  }

  .zoom-w-79p {
    width: 79%;
  }

  .zoom-w-80p {
    width: 80%;
  }

  .zoom-w-81p {
    width: 81%;
  }

  .zoom-w-82p {
    width: 82%;
  }

  .zoom-w-83p {
    width: 83%;
  }

  .zoom-w-84p {
    width: 84%;
  }

  .zoom-w-85p {
    width: 85%;
  }

  .zoom-w-86p {
    width: 86%;
  }

  .zoom-w-87p {
    width: 87%;
  }

  .zoom-w-88p {
    width: 88%;
  }

  .zoom-w-89p {
    width: 89%;
  }

  .zoom-w-90p {
    width: 90%;
  }

  .zoom-w-91p {
    width: 91%;
  }

  .zoom-w-92p {
    width: 92%;
  }

  .zoom-w-93p {
    width: 93%;
  }

  .zoom-w-94p {
    width: 94%;
  }

  .zoom-w-95p {
    width: 95%;
  }

  .zoom-w-96p {
    width: 96%;
  }

  .zoom-w-97p {
    width: 97%;
  }

  .zoom-w-98p {
    width: 98%;
  }

  .zoom-w-99p {
    width: 99%;
  }

  .zoom-w-100p {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .sp-w-1p {
    width: 1%;
  }

  .sp-w-2p {
    width: 2%;
  }

  .sp-w-3p {
    width: 3%;
  }

  .sp-w-4p {
    width: 4%;
  }

  .sp-w-5p {
    width: 5%;
  }

  .sp-w-6p {
    width: 6%;
  }

  .sp-w-7p {
    width: 7%;
  }

  .sp-w-8p {
    width: 8%;
  }

  .sp-w-9p {
    width: 9%;
  }

  .sp-w-10p {
    width: 10%;
  }

  .sp-w-11p {
    width: 11%;
  }

  .sp-w-12p {
    width: 12%;
  }

  .sp-w-13p {
    width: 13%;
  }

  .sp-w-14p {
    width: 14%;
  }

  .sp-w-15p {
    width: 15%;
  }

  .sp-w-16p {
    width: 16%;
  }

  .sp-w-17p {
    width: 17%;
  }

  .sp-w-18p {
    width: 18%;
  }

  .sp-w-19p {
    width: 19%;
  }

  .sp-w-20p {
    width: 20%;
  }

  .sp-w-21p {
    width: 21%;
  }

  .sp-w-22p {
    width: 22%;
  }

  .sp-w-23p {
    width: 23%;
  }

  .sp-w-24p {
    width: 24%;
  }

  .sp-w-25p {
    width: 25%;
  }

  .sp-w-26p {
    width: 26%;
  }

  .sp-w-27p {
    width: 27%;
  }

  .sp-w-28p {
    width: 28%;
  }

  .sp-w-29p {
    width: 29%;
  }

  .sp-w-30p {
    width: 30%;
  }

  .sp-w-31p {
    width: 31%;
  }

  .sp-w-32p {
    width: 32%;
  }

  .sp-w-33p {
    width: 33%;
  }

  .sp-w-34p {
    width: 34%;
  }

  .sp-w-35p {
    width: 35%;
  }

  .sp-w-36p {
    width: 36%;
  }

  .sp-w-37p {
    width: 37%;
  }

  .sp-w-38p {
    width: 38%;
  }

  .sp-w-39p {
    width: 39%;
  }

  .sp-w-40p {
    width: 40%;
  }

  .sp-w-41p {
    width: 41%;
  }

  .sp-w-42p {
    width: 42%;
  }

  .sp-w-43p {
    width: 43%;
  }

  .sp-w-44p {
    width: 44%;
  }

  .sp-w-45p {
    width: 45%;
  }

  .sp-w-46p {
    width: 46%;
  }

  .sp-w-47p {
    width: 47%;
  }

  .sp-w-48p {
    width: 48%;
  }

  .sp-w-49p {
    width: 49%;
  }

  .sp-w-50p {
    width: 50%;
  }

  .sp-w-51p {
    width: 51%;
  }

  .sp-w-52p {
    width: 52%;
  }

  .sp-w-53p {
    width: 53%;
  }

  .sp-w-54p {
    width: 54%;
  }

  .sp-w-55p {
    width: 55%;
  }

  .sp-w-56p {
    width: 56%;
  }

  .sp-w-57p {
    width: 57%;
  }

  .sp-w-58p {
    width: 58%;
  }

  .sp-w-59p {
    width: 59%;
  }

  .sp-w-60p {
    width: 60%;
  }

  .sp-w-61p {
    width: 61%;
  }

  .sp-w-62p {
    width: 62%;
  }

  .sp-w-63p {
    width: 63%;
  }

  .sp-w-64p {
    width: 64%;
  }

  .sp-w-65p {
    width: 65%;
  }

  .sp-w-66p {
    width: 66%;
  }

  .sp-w-67p {
    width: 67%;
  }

  .sp-w-68p {
    width: 68%;
  }

  .sp-w-69p {
    width: 69%;
  }

  .sp-w-70p {
    width: 70%;
  }

  .sp-w-71p {
    width: 71%;
  }

  .sp-w-72p {
    width: 72%;
  }

  .sp-w-73p {
    width: 73%;
  }

  .sp-w-74p {
    width: 74%;
  }

  .sp-w-75p {
    width: 75%;
  }

  .sp-w-76p {
    width: 76%;
  }

  .sp-w-77p {
    width: 77%;
  }

  .sp-w-78p {
    width: 78%;
  }

  .sp-w-79p {
    width: 79%;
  }

  .sp-w-80p {
    width: 80%;
  }

  .sp-w-81p {
    width: 81%;
  }

  .sp-w-82p {
    width: 82%;
  }

  .sp-w-83p {
    width: 83%;
  }

  .sp-w-84p {
    width: 84%;
  }

  .sp-w-85p {
    width: 85%;
  }

  .sp-w-86p {
    width: 86%;
  }

  .sp-w-87p {
    width: 87%;
  }

  .sp-w-88p {
    width: 88%;
  }

  .sp-w-89p {
    width: 89%;
  }

  .sp-w-90p {
    width: 90%;
  }

  .sp-w-91p {
    width: 91%;
  }

  .sp-w-92p {
    width: 92%;
  }

  .sp-w-93p {
    width: 93%;
  }

  .sp-w-94p {
    width: 94%;
  }

  .sp-w-95p {
    width: 95%;
  }

  .sp-w-96p {
    width: 96%;
  }

  .sp-w-97p {
    width: 97%;
  }

  .sp-w-98p {
    width: 98%;
  }

  .sp-w-99p {
    width: 99%;
  }

  .sp-w-100p {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-w-1p {
    width: 1%;
  }

  .tb-w-2p {
    width: 2%;
  }

  .tb-w-3p {
    width: 3%;
  }

  .tb-w-4p {
    width: 4%;
  }

  .tb-w-5p {
    width: 5%;
  }

  .tb-w-6p {
    width: 6%;
  }

  .tb-w-7p {
    width: 7%;
  }

  .tb-w-8p {
    width: 8%;
  }

  .tb-w-9p {
    width: 9%;
  }

  .tb-w-10p {
    width: 10%;
  }

  .tb-w-11p {
    width: 11%;
  }

  .tb-w-12p {
    width: 12%;
  }

  .tb-w-13p {
    width: 13%;
  }

  .tb-w-14p {
    width: 14%;
  }

  .tb-w-15p {
    width: 15%;
  }

  .tb-w-16p {
    width: 16%;
  }

  .tb-w-17p {
    width: 17%;
  }

  .tb-w-18p {
    width: 18%;
  }

  .tb-w-19p {
    width: 19%;
  }

  .tb-w-20p {
    width: 20%;
  }

  .tb-w-21p {
    width: 21%;
  }

  .tb-w-22p {
    width: 22%;
  }

  .tb-w-23p {
    width: 23%;
  }

  .tb-w-24p {
    width: 24%;
  }

  .tb-w-25p {
    width: 25%;
  }

  .tb-w-26p {
    width: 26%;
  }

  .tb-w-27p {
    width: 27%;
  }

  .tb-w-28p {
    width: 28%;
  }

  .tb-w-29p {
    width: 29%;
  }

  .tb-w-30p {
    width: 30%;
  }

  .tb-w-31p {
    width: 31%;
  }

  .tb-w-32p {
    width: 32%;
  }

  .tb-w-33p {
    width: 33%;
  }

  .tb-w-34p {
    width: 34%;
  }

  .tb-w-35p {
    width: 35%;
  }

  .tb-w-36p {
    width: 36%;
  }

  .tb-w-37p {
    width: 37%;
  }

  .tb-w-38p {
    width: 38%;
  }

  .tb-w-39p {
    width: 39%;
  }

  .tb-w-40p {
    width: 40%;
  }

  .tb-w-41p {
    width: 41%;
  }

  .tb-w-42p {
    width: 42%;
  }

  .tb-w-43p {
    width: 43%;
  }

  .tb-w-44p {
    width: 44%;
  }

  .tb-w-45p {
    width: 45%;
  }

  .tb-w-46p {
    width: 46%;
  }

  .tb-w-47p {
    width: 47%;
  }

  .tb-w-48p {
    width: 48%;
  }

  .tb-w-49p {
    width: 49%;
  }

  .tb-w-50p {
    width: 50%;
  }

  .tb-w-51p {
    width: 51%;
  }

  .tb-w-52p {
    width: 52%;
  }

  .tb-w-53p {
    width: 53%;
  }

  .tb-w-54p {
    width: 54%;
  }

  .tb-w-55p {
    width: 55%;
  }

  .tb-w-56p {
    width: 56%;
  }

  .tb-w-57p {
    width: 57%;
  }

  .tb-w-58p {
    width: 58%;
  }

  .tb-w-59p {
    width: 59%;
  }

  .tb-w-60p {
    width: 60%;
  }

  .tb-w-61p {
    width: 61%;
  }

  .tb-w-62p {
    width: 62%;
  }

  .tb-w-63p {
    width: 63%;
  }

  .tb-w-64p {
    width: 64%;
  }

  .tb-w-65p {
    width: 65%;
  }

  .tb-w-66p {
    width: 66%;
  }

  .tb-w-67p {
    width: 67%;
  }

  .tb-w-68p {
    width: 68%;
  }

  .tb-w-69p {
    width: 69%;
  }

  .tb-w-70p {
    width: 70%;
  }

  .tb-w-71p {
    width: 71%;
  }

  .tb-w-72p {
    width: 72%;
  }

  .tb-w-73p {
    width: 73%;
  }

  .tb-w-74p {
    width: 74%;
  }

  .tb-w-75p {
    width: 75%;
  }

  .tb-w-76p {
    width: 76%;
  }

  .tb-w-77p {
    width: 77%;
  }

  .tb-w-78p {
    width: 78%;
  }

  .tb-w-79p {
    width: 79%;
  }

  .tb-w-80p {
    width: 80%;
  }

  .tb-w-81p {
    width: 81%;
  }

  .tb-w-82p {
    width: 82%;
  }

  .tb-w-83p {
    width: 83%;
  }

  .tb-w-84p {
    width: 84%;
  }

  .tb-w-85p {
    width: 85%;
  }

  .tb-w-86p {
    width: 86%;
  }

  .tb-w-87p {
    width: 87%;
  }

  .tb-w-88p {
    width: 88%;
  }

  .tb-w-89p {
    width: 89%;
  }

  .tb-w-90p {
    width: 90%;
  }

  .tb-w-91p {
    width: 91%;
  }

  .tb-w-92p {
    width: 92%;
  }

  .tb-w-93p {
    width: 93%;
  }

  .tb-w-94p {
    width: 94%;
  }

  .tb-w-95p {
    width: 95%;
  }

  .tb-w-96p {
    width: 96%;
  }

  .tb-w-97p {
    width: 97%;
  }

  .tb-w-98p {
    width: 98%;
  }

  .tb-w-99p {
    width: 99%;
  }

  .tb-w-100p {
    width: 100%;
  }
}

.w-u {
  width: var(--w-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-w-u {
    width: var(--zoom-w-u);
  }
}

@media (max-width: 767px) {
  .sp-w-u {
    width: var(--sp-w-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-w-u {
    width: var(--tb-w-u);
  }
}

.max-h-100p {
  max-height: 100%;
}

.max-h-u {
  max-height: var(--max-h-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-max-h-u {
    max-height: var(--zoom-max-h-u);
  }
}

@media (max-width: 767px) {
  .sp-max-h-u {
    max-height: var(--sp-max-h-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-max-h-u {
    max-height: var(--tb-max-h-u);
  }
}

.min-h-u {
  min-height: var(--min-h-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-min-h-u {
    min-height: var(--zoom-min-h-u);
  }
}

@media (max-width: 767px) {
  .sp-min-h-u {
    min-height: var(--sp-min-h-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-min-h-u {
    min-height: var(--tb-min-h-u);
  }
}

.h-mc {
  height: -moz-max-content;
  height: max-content;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-h-mc {
    height: -moz-max-content;
    height: max-content;
  }
}

@media (max-width: 767px) {
  .sp-h-mc {
    height: -moz-max-content;
    height: max-content;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-h-mc {
    height: -moz-max-content;
    height: max-content;
  }
}

.h-1p {
  height: 1%;
}

.h-2p {
  height: 2%;
}

.h-3p {
  height: 3%;
}

.h-4p {
  height: 4%;
}

.h-5p {
  height: 5%;
}

.h-6p {
  height: 6%;
}

.h-7p {
  height: 7%;
}

.h-8p {
  height: 8%;
}

.h-9p {
  height: 9%;
}

.h-10p {
  height: 10%;
}

.h-11p {
  height: 11%;
}

.h-12p {
  height: 12%;
}

.h-13p {
  height: 13%;
}

.h-14p {
  height: 14%;
}

.h-15p {
  height: 15%;
}

.h-16p {
  height: 16%;
}

.h-17p {
  height: 17%;
}

.h-18p {
  height: 18%;
}

.h-19p {
  height: 19%;
}

.h-20p {
  height: 20%;
}

.h-21p {
  height: 21%;
}

.h-22p {
  height: 22%;
}

.h-23p {
  height: 23%;
}

.h-24p {
  height: 24%;
}

.h-25p {
  height: 25%;
}

.h-26p {
  height: 26%;
}

.h-27p {
  height: 27%;
}

.h-28p {
  height: 28%;
}

.h-29p {
  height: 29%;
}

.h-30p {
  height: 30%;
}

.h-31p {
  height: 31%;
}

.h-32p {
  height: 32%;
}

.h-33p {
  height: 33%;
}

.h-34p {
  height: 34%;
}

.h-35p {
  height: 35%;
}

.h-36p {
  height: 36%;
}

.h-37p {
  height: 37%;
}

.h-38p {
  height: 38%;
}

.h-39p {
  height: 39%;
}

.h-40p {
  height: 40%;
}

.h-41p {
  height: 41%;
}

.h-42p {
  height: 42%;
}

.h-43p {
  height: 43%;
}

.h-44p {
  height: 44%;
}

.h-45p {
  height: 45%;
}

.h-46p {
  height: 46%;
}

.h-47p {
  height: 47%;
}

.h-48p {
  height: 48%;
}

.h-49p {
  height: 49%;
}

.h-50p {
  height: 50%;
}

.h-51p {
  height: 51%;
}

.h-52p {
  height: 52%;
}

.h-53p {
  height: 53%;
}

.h-54p {
  height: 54%;
}

.h-55p {
  height: 55%;
}

.h-56p {
  height: 56%;
}

.h-57p {
  height: 57%;
}

.h-58p {
  height: 58%;
}

.h-59p {
  height: 59%;
}

.h-60p {
  height: 60%;
}

.h-61p {
  height: 61%;
}

.h-62p {
  height: 62%;
}

.h-63p {
  height: 63%;
}

.h-64p {
  height: 64%;
}

.h-65p {
  height: 65%;
}

.h-66p {
  height: 66%;
}

.h-67p {
  height: 67%;
}

.h-68p {
  height: 68%;
}

.h-69p {
  height: 69%;
}

.h-70p {
  height: 70%;
}

.h-71p {
  height: 71%;
}

.h-72p {
  height: 72%;
}

.h-73p {
  height: 73%;
}

.h-74p {
  height: 74%;
}

.h-75p {
  height: 75%;
}

.h-76p {
  height: 76%;
}

.h-77p {
  height: 77%;
}

.h-78p {
  height: 78%;
}

.h-79p {
  height: 79%;
}

.h-80p {
  height: 80%;
}

.h-81p {
  height: 81%;
}

.h-82p {
  height: 82%;
}

.h-83p {
  height: 83%;
}

.h-84p {
  height: 84%;
}

.h-85p {
  height: 85%;
}

.h-86p {
  height: 86%;
}

.h-87p {
  height: 87%;
}

.h-88p {
  height: 88%;
}

.h-89p {
  height: 89%;
}

.h-90p {
  height: 90%;
}

.h-91p {
  height: 91%;
}

.h-92p {
  height: 92%;
}

.h-93p {
  height: 93%;
}

.h-94p {
  height: 94%;
}

.h-95p {
  height: 95%;
}

.h-96p {
  height: 96%;
}

.h-97p {
  height: 97%;
}

.h-98p {
  height: 98%;
}

.h-99p {
  height: 99%;
}

.h-100p {
  height: 100%;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-h-1p {
    height: 1%;
  }

  .zoom-h-2p {
    height: 2%;
  }

  .zoom-h-3p {
    height: 3%;
  }

  .zoom-h-4p {
    height: 4%;
  }

  .zoom-h-5p {
    height: 5%;
  }

  .zoom-h-6p {
    height: 6%;
  }

  .zoom-h-7p {
    height: 7%;
  }

  .zoom-h-8p {
    height: 8%;
  }

  .zoom-h-9p {
    height: 9%;
  }

  .zoom-h-10p {
    height: 10%;
  }

  .zoom-h-11p {
    height: 11%;
  }

  .zoom-h-12p {
    height: 12%;
  }

  .zoom-h-13p {
    height: 13%;
  }

  .zoom-h-14p {
    height: 14%;
  }

  .zoom-h-15p {
    height: 15%;
  }

  .zoom-h-16p {
    height: 16%;
  }

  .zoom-h-17p {
    height: 17%;
  }

  .zoom-h-18p {
    height: 18%;
  }

  .zoom-h-19p {
    height: 19%;
  }

  .zoom-h-20p {
    height: 20%;
  }

  .zoom-h-21p {
    height: 21%;
  }

  .zoom-h-22p {
    height: 22%;
  }

  .zoom-h-23p {
    height: 23%;
  }

  .zoom-h-24p {
    height: 24%;
  }

  .zoom-h-25p {
    height: 25%;
  }

  .zoom-h-26p {
    height: 26%;
  }

  .zoom-h-27p {
    height: 27%;
  }

  .zoom-h-28p {
    height: 28%;
  }

  .zoom-h-29p {
    height: 29%;
  }

  .zoom-h-30p {
    height: 30%;
  }

  .zoom-h-31p {
    height: 31%;
  }

  .zoom-h-32p {
    height: 32%;
  }

  .zoom-h-33p {
    height: 33%;
  }

  .zoom-h-34p {
    height: 34%;
  }

  .zoom-h-35p {
    height: 35%;
  }

  .zoom-h-36p {
    height: 36%;
  }

  .zoom-h-37p {
    height: 37%;
  }

  .zoom-h-38p {
    height: 38%;
  }

  .zoom-h-39p {
    height: 39%;
  }

  .zoom-h-40p {
    height: 40%;
  }

  .zoom-h-41p {
    height: 41%;
  }

  .zoom-h-42p {
    height: 42%;
  }

  .zoom-h-43p {
    height: 43%;
  }

  .zoom-h-44p {
    height: 44%;
  }

  .zoom-h-45p {
    height: 45%;
  }

  .zoom-h-46p {
    height: 46%;
  }

  .zoom-h-47p {
    height: 47%;
  }

  .zoom-h-48p {
    height: 48%;
  }

  .zoom-h-49p {
    height: 49%;
  }

  .zoom-h-50p {
    height: 50%;
  }

  .zoom-h-51p {
    height: 51%;
  }

  .zoom-h-52p {
    height: 52%;
  }

  .zoom-h-53p {
    height: 53%;
  }

  .zoom-h-54p {
    height: 54%;
  }

  .zoom-h-55p {
    height: 55%;
  }

  .zoom-h-56p {
    height: 56%;
  }

  .zoom-h-57p {
    height: 57%;
  }

  .zoom-h-58p {
    height: 58%;
  }

  .zoom-h-59p {
    height: 59%;
  }

  .zoom-h-60p {
    height: 60%;
  }

  .zoom-h-61p {
    height: 61%;
  }

  .zoom-h-62p {
    height: 62%;
  }

  .zoom-h-63p {
    height: 63%;
  }

  .zoom-h-64p {
    height: 64%;
  }

  .zoom-h-65p {
    height: 65%;
  }

  .zoom-h-66p {
    height: 66%;
  }

  .zoom-h-67p {
    height: 67%;
  }

  .zoom-h-68p {
    height: 68%;
  }

  .zoom-h-69p {
    height: 69%;
  }

  .zoom-h-70p {
    height: 70%;
  }

  .zoom-h-71p {
    height: 71%;
  }

  .zoom-h-72p {
    height: 72%;
  }

  .zoom-h-73p {
    height: 73%;
  }

  .zoom-h-74p {
    height: 74%;
  }

  .zoom-h-75p {
    height: 75%;
  }

  .zoom-h-76p {
    height: 76%;
  }

  .zoom-h-77p {
    height: 77%;
  }

  .zoom-h-78p {
    height: 78%;
  }

  .zoom-h-79p {
    height: 79%;
  }

  .zoom-h-80p {
    height: 80%;
  }

  .zoom-h-81p {
    height: 81%;
  }

  .zoom-h-82p {
    height: 82%;
  }

  .zoom-h-83p {
    height: 83%;
  }

  .zoom-h-84p {
    height: 84%;
  }

  .zoom-h-85p {
    height: 85%;
  }

  .zoom-h-86p {
    height: 86%;
  }

  .zoom-h-87p {
    height: 87%;
  }

  .zoom-h-88p {
    height: 88%;
  }

  .zoom-h-89p {
    height: 89%;
  }

  .zoom-h-90p {
    height: 90%;
  }

  .zoom-h-91p {
    height: 91%;
  }

  .zoom-h-92p {
    height: 92%;
  }

  .zoom-h-93p {
    height: 93%;
  }

  .zoom-h-94p {
    height: 94%;
  }

  .zoom-h-95p {
    height: 95%;
  }

  .zoom-h-96p {
    height: 96%;
  }

  .zoom-h-97p {
    height: 97%;
  }

  .zoom-h-98p {
    height: 98%;
  }

  .zoom-h-99p {
    height: 99%;
  }

  .zoom-h-100p {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .sp-h-1p {
    height: 1%;
  }

  .sp-h-2p {
    height: 2%;
  }

  .sp-h-3p {
    height: 3%;
  }

  .sp-h-4p {
    height: 4%;
  }

  .sp-h-5p {
    height: 5%;
  }

  .sp-h-6p {
    height: 6%;
  }

  .sp-h-7p {
    height: 7%;
  }

  .sp-h-8p {
    height: 8%;
  }

  .sp-h-9p {
    height: 9%;
  }

  .sp-h-10p {
    height: 10%;
  }

  .sp-h-11p {
    height: 11%;
  }

  .sp-h-12p {
    height: 12%;
  }

  .sp-h-13p {
    height: 13%;
  }

  .sp-h-14p {
    height: 14%;
  }

  .sp-h-15p {
    height: 15%;
  }

  .sp-h-16p {
    height: 16%;
  }

  .sp-h-17p {
    height: 17%;
  }

  .sp-h-18p {
    height: 18%;
  }

  .sp-h-19p {
    height: 19%;
  }

  .sp-h-20p {
    height: 20%;
  }

  .sp-h-21p {
    height: 21%;
  }

  .sp-h-22p {
    height: 22%;
  }

  .sp-h-23p {
    height: 23%;
  }

  .sp-h-24p {
    height: 24%;
  }

  .sp-h-25p {
    height: 25%;
  }

  .sp-h-26p {
    height: 26%;
  }

  .sp-h-27p {
    height: 27%;
  }

  .sp-h-28p {
    height: 28%;
  }

  .sp-h-29p {
    height: 29%;
  }

  .sp-h-30p {
    height: 30%;
  }

  .sp-h-31p {
    height: 31%;
  }

  .sp-h-32p {
    height: 32%;
  }

  .sp-h-33p {
    height: 33%;
  }

  .sp-h-34p {
    height: 34%;
  }

  .sp-h-35p {
    height: 35%;
  }

  .sp-h-36p {
    height: 36%;
  }

  .sp-h-37p {
    height: 37%;
  }

  .sp-h-38p {
    height: 38%;
  }

  .sp-h-39p {
    height: 39%;
  }

  .sp-h-40p {
    height: 40%;
  }

  .sp-h-41p {
    height: 41%;
  }

  .sp-h-42p {
    height: 42%;
  }

  .sp-h-43p {
    height: 43%;
  }

  .sp-h-44p {
    height: 44%;
  }

  .sp-h-45p {
    height: 45%;
  }

  .sp-h-46p {
    height: 46%;
  }

  .sp-h-47p {
    height: 47%;
  }

  .sp-h-48p {
    height: 48%;
  }

  .sp-h-49p {
    height: 49%;
  }

  .sp-h-50p {
    height: 50%;
  }

  .sp-h-51p {
    height: 51%;
  }

  .sp-h-52p {
    height: 52%;
  }

  .sp-h-53p {
    height: 53%;
  }

  .sp-h-54p {
    height: 54%;
  }

  .sp-h-55p {
    height: 55%;
  }

  .sp-h-56p {
    height: 56%;
  }

  .sp-h-57p {
    height: 57%;
  }

  .sp-h-58p {
    height: 58%;
  }

  .sp-h-59p {
    height: 59%;
  }

  .sp-h-60p {
    height: 60%;
  }

  .sp-h-61p {
    height: 61%;
  }

  .sp-h-62p {
    height: 62%;
  }

  .sp-h-63p {
    height: 63%;
  }

  .sp-h-64p {
    height: 64%;
  }

  .sp-h-65p {
    height: 65%;
  }

  .sp-h-66p {
    height: 66%;
  }

  .sp-h-67p {
    height: 67%;
  }

  .sp-h-68p {
    height: 68%;
  }

  .sp-h-69p {
    height: 69%;
  }

  .sp-h-70p {
    height: 70%;
  }

  .sp-h-71p {
    height: 71%;
  }

  .sp-h-72p {
    height: 72%;
  }

  .sp-h-73p {
    height: 73%;
  }

  .sp-h-74p {
    height: 74%;
  }

  .sp-h-75p {
    height: 75%;
  }

  .sp-h-76p {
    height: 76%;
  }

  .sp-h-77p {
    height: 77%;
  }

  .sp-h-78p {
    height: 78%;
  }

  .sp-h-79p {
    height: 79%;
  }

  .sp-h-80p {
    height: 80%;
  }

  .sp-h-81p {
    height: 81%;
  }

  .sp-h-82p {
    height: 82%;
  }

  .sp-h-83p {
    height: 83%;
  }

  .sp-h-84p {
    height: 84%;
  }

  .sp-h-85p {
    height: 85%;
  }

  .sp-h-86p {
    height: 86%;
  }

  .sp-h-87p {
    height: 87%;
  }

  .sp-h-88p {
    height: 88%;
  }

  .sp-h-89p {
    height: 89%;
  }

  .sp-h-90p {
    height: 90%;
  }

  .sp-h-91p {
    height: 91%;
  }

  .sp-h-92p {
    height: 92%;
  }

  .sp-h-93p {
    height: 93%;
  }

  .sp-h-94p {
    height: 94%;
  }

  .sp-h-95p {
    height: 95%;
  }

  .sp-h-96p {
    height: 96%;
  }

  .sp-h-97p {
    height: 97%;
  }

  .sp-h-98p {
    height: 98%;
  }

  .sp-h-99p {
    height: 99%;
  }

  .sp-h-100p {
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-h-1p {
    height: 1%;
  }

  .tb-h-2p {
    height: 2%;
  }

  .tb-h-3p {
    height: 3%;
  }

  .tb-h-4p {
    height: 4%;
  }

  .tb-h-5p {
    height: 5%;
  }

  .tb-h-6p {
    height: 6%;
  }

  .tb-h-7p {
    height: 7%;
  }

  .tb-h-8p {
    height: 8%;
  }

  .tb-h-9p {
    height: 9%;
  }

  .tb-h-10p {
    height: 10%;
  }

  .tb-h-11p {
    height: 11%;
  }

  .tb-h-12p {
    height: 12%;
  }

  .tb-h-13p {
    height: 13%;
  }

  .tb-h-14p {
    height: 14%;
  }

  .tb-h-15p {
    height: 15%;
  }

  .tb-h-16p {
    height: 16%;
  }

  .tb-h-17p {
    height: 17%;
  }

  .tb-h-18p {
    height: 18%;
  }

  .tb-h-19p {
    height: 19%;
  }

  .tb-h-20p {
    height: 20%;
  }

  .tb-h-21p {
    height: 21%;
  }

  .tb-h-22p {
    height: 22%;
  }

  .tb-h-23p {
    height: 23%;
  }

  .tb-h-24p {
    height: 24%;
  }

  .tb-h-25p {
    height: 25%;
  }

  .tb-h-26p {
    height: 26%;
  }

  .tb-h-27p {
    height: 27%;
  }

  .tb-h-28p {
    height: 28%;
  }

  .tb-h-29p {
    height: 29%;
  }

  .tb-h-30p {
    height: 30%;
  }

  .tb-h-31p {
    height: 31%;
  }

  .tb-h-32p {
    height: 32%;
  }

  .tb-h-33p {
    height: 33%;
  }

  .tb-h-34p {
    height: 34%;
  }

  .tb-h-35p {
    height: 35%;
  }

  .tb-h-36p {
    height: 36%;
  }

  .tb-h-37p {
    height: 37%;
  }

  .tb-h-38p {
    height: 38%;
  }

  .tb-h-39p {
    height: 39%;
  }

  .tb-h-40p {
    height: 40%;
  }

  .tb-h-41p {
    height: 41%;
  }

  .tb-h-42p {
    height: 42%;
  }

  .tb-h-43p {
    height: 43%;
  }

  .tb-h-44p {
    height: 44%;
  }

  .tb-h-45p {
    height: 45%;
  }

  .tb-h-46p {
    height: 46%;
  }

  .tb-h-47p {
    height: 47%;
  }

  .tb-h-48p {
    height: 48%;
  }

  .tb-h-49p {
    height: 49%;
  }

  .tb-h-50p {
    height: 50%;
  }

  .tb-h-51p {
    height: 51%;
  }

  .tb-h-52p {
    height: 52%;
  }

  .tb-h-53p {
    height: 53%;
  }

  .tb-h-54p {
    height: 54%;
  }

  .tb-h-55p {
    height: 55%;
  }

  .tb-h-56p {
    height: 56%;
  }

  .tb-h-57p {
    height: 57%;
  }

  .tb-h-58p {
    height: 58%;
  }

  .tb-h-59p {
    height: 59%;
  }

  .tb-h-60p {
    height: 60%;
  }

  .tb-h-61p {
    height: 61%;
  }

  .tb-h-62p {
    height: 62%;
  }

  .tb-h-63p {
    height: 63%;
  }

  .tb-h-64p {
    height: 64%;
  }

  .tb-h-65p {
    height: 65%;
  }

  .tb-h-66p {
    height: 66%;
  }

  .tb-h-67p {
    height: 67%;
  }

  .tb-h-68p {
    height: 68%;
  }

  .tb-h-69p {
    height: 69%;
  }

  .tb-h-70p {
    height: 70%;
  }

  .tb-h-71p {
    height: 71%;
  }

  .tb-h-72p {
    height: 72%;
  }

  .tb-h-73p {
    height: 73%;
  }

  .tb-h-74p {
    height: 74%;
  }

  .tb-h-75p {
    height: 75%;
  }

  .tb-h-76p {
    height: 76%;
  }

  .tb-h-77p {
    height: 77%;
  }

  .tb-h-78p {
    height: 78%;
  }

  .tb-h-79p {
    height: 79%;
  }

  .tb-h-80p {
    height: 80%;
  }

  .tb-h-81p {
    height: 81%;
  }

  .tb-h-82p {
    height: 82%;
  }

  .tb-h-83p {
    height: 83%;
  }

  .tb-h-84p {
    height: 84%;
  }

  .tb-h-85p {
    height: 85%;
  }

  .tb-h-86p {
    height: 86%;
  }

  .tb-h-87p {
    height: 87%;
  }

  .tb-h-88p {
    height: 88%;
  }

  .tb-h-89p {
    height: 89%;
  }

  .tb-h-90p {
    height: 90%;
  }

  .tb-h-91p {
    height: 91%;
  }

  .tb-h-92p {
    height: 92%;
  }

  .tb-h-93p {
    height: 93%;
  }

  .tb-h-94p {
    height: 94%;
  }

  .tb-h-95p {
    height: 95%;
  }

  .tb-h-96p {
    height: 96%;
  }

  .tb-h-97p {
    height: 97%;
  }

  .tb-h-98p {
    height: 98%;
  }

  .tb-h-99p {
    height: 99%;
  }

  .tb-h-100p {
    height: 100%;
  }
}

.h-u {
  height: var(--h-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-h-u {
    height: var(--zoom-h-u);
  }
}

@media (max-width: 767px) {
  .sp-h-u {
    height: var(--sp-h-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-h-u {
    height: var(--tb-h-u);
  }
}

/* ===================================================================

spacing style

=================================================================== */
.ml-a {
  margin-left: auto;
}

.mr-a {
  margin-right: auto;
}

.mt-a {
  margin-top: auto;
}

.mb-a {
  margin-bottom: auto;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ml-a {
    margin-left: auto;
  }

  .zoom-mr-a {
    margin-right: auto;
  }

  .zoom-mt-a {
    margin-top: auto;
  }

  .zoom-mb-a {
    margin-bottom: auto;
  }
}

@media (max-width: 767px) {
  .sp-ml-a {
    margin-left: auto;
  }

  .sp-mr-a {
    margin-right: auto;
  }

  .sp-mt-a {
    margin-top: auto;
  }

  .sp-mb-a {
    margin-bottom: auto;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ml-a {
    margin-left: auto;
  }

  .tb-mr-a {
    margin-right: auto;
  }

  .tb-mt-a {
    margin-top: auto;
  }

  .tb-mb-a {
    margin-bottom: auto;
  }
}

.mb-x2s {
  margin-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.mb-xs {
  margin-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.mb-s {
  margin-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.mb-sm {
  margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.mb-m {
  margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.mb-ml {
  margin-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.mb-l {
  margin-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.mb-xl {
  margin-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mb-x2s {
    margin-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-xs {
    margin-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-s {
    margin-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-sm {
    margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-m {
    margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-ml {
    margin-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-l {
    margin-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mb-xl {
    margin-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-mb-x2s {
    margin-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-xs {
    margin-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-s {
    margin-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-sm {
    margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-m {
    margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-ml {
    margin-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-l {
    margin-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mb-xl {
    margin-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mb-x2s {
    margin-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-xs {
    margin-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-s {
    margin-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-sm {
    margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-m {
    margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-ml {
    margin-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-l {
    margin-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mb-xl {
    margin-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.mt-x2s {
  margin-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.mt-xs {
  margin-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.mt-s {
  margin-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.mt-sm {
  margin-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.mt-m {
  margin-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.mt-ml {
  margin-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.mt-l {
  margin-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.mt-xl {
  margin-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mt-x2s {
    margin-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-xs {
    margin-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-s {
    margin-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-sm {
    margin-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-m {
    margin-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-ml {
    margin-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-l {
    margin-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mt-xl {
    margin-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-mt-x2s {
    margin-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-xs {
    margin-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-s {
    margin-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-sm {
    margin-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-m {
    margin-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-ml {
    margin-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-l {
    margin-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mt-xl {
    margin-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mt-x2s {
    margin-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-xs {
    margin-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-s {
    margin-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-sm {
    margin-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-m {
    margin-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-ml {
    margin-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-l {
    margin-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mt-xl {
    margin-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.mr-x2s {
  margin-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.mr-xs {
  margin-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.mr-s {
  margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.mr-sm {
  margin-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.mr-m {
  margin-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.mr-ml {
  margin-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.mr-l {
  margin-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.mr-xl {
  margin-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mr-x2s {
    margin-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-xs {
    margin-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-s {
    margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-sm {
    margin-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-m {
    margin-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-ml {
    margin-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-l {
    margin-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-mr-xl {
    margin-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-mr-x2s {
    margin-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-xs {
    margin-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-s {
    margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-sm {
    margin-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-m {
    margin-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-ml {
    margin-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-l {
    margin-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-mr-xl {
    margin-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mr-x2s {
    margin-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-xs {
    margin-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-s {
    margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-sm {
    margin-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-m {
    margin-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-ml {
    margin-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-l {
    margin-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-mr-xl {
    margin-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.ml-x2s {
  margin-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.ml-xs {
  margin-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.ml-s {
  margin-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.ml-sm {
  margin-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.ml-m {
  margin-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.ml-ml {
  margin-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.ml-l {
  margin-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.ml-xl {
  margin-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ml-x2s {
    margin-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-xs {
    margin-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-s {
    margin-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-sm {
    margin-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-m {
    margin-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-ml {
    margin-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-l {
    margin-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-ml-xl {
    margin-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-ml-x2s {
    margin-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-xs {
    margin-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-s {
    margin-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-sm {
    margin-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-m {
    margin-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-ml {
    margin-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-l {
    margin-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-ml-xl {
    margin-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ml-x2s {
    margin-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-xs {
    margin-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-s {
    margin-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-sm {
    margin-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-m {
    margin-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-ml {
    margin-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-l {
    margin-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-ml-xl {
    margin-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.mt-u {
  margin-top: var(--mt-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mt-u {
    margin-top: var(--zoom-mt-u);
  }
}

@media (max-width: 767px) {
  .sp-mt-u {
    margin-top: var(--sp-mt-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mt-u {
    margin-top: var(--tb-mt-u);
  }
}

.mb-u {
  margin-bottom: var(--mb-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mb-u {
    margin-bottom: var(--zoom-mb-u);
  }
}

@media (max-width: 767px) {
  .sp-mb-u {
    margin-bottom: var(--sp-mb-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mb-u {
    margin-bottom: var(--tb-mb-u);
  }
}

.mr-u {
  margin-right: var(--mr-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-mr-u {
    margin-right: var(--zoom-mr-u);
  }
}

@media (max-width: 767px) {
  .sp-mr-u {
    margin-right: var(--sp-mr-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-mr-u {
    margin-right: var(--tb-mr-u);
  }
}

.ml-u {
  margin-left: var(--ml-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ml-u {
    margin-left: var(--zoom-ml-u);
  }
}

@media (max-width: 767px) {
  .sp-ml-u {
    margin-left: var(--sp-ml-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ml-u {
    margin-left: var(--tb-ml-u);
  }
}

.pt-x2s {
  padding-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.pt-xs {
  padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pt-s {
  padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pt-sm {
  padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pt-m {
  padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.pt-ml {
  padding-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.pt-l {
  padding-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.pt-xl {
  padding-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pt-x2s {
    padding-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-xs {
    padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-s {
    padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-sm {
    padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-m {
    padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-ml {
    padding-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-l {
    padding-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pt-xl {
    padding-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-pt-x2s {
    padding-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-xs {
    padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-s {
    padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-sm {
    padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-m {
    padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-ml {
    padding-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-l {
    padding-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pt-xl {
    padding-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pt-x2s {
    padding-top: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-xs {
    padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-s {
    padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-sm {
    padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-m {
    padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-ml {
    padding-top: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-l {
    padding-top: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pt-xl {
    padding-top: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pb-x2s {
  padding-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.pb-xs {
  padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pb-s {
  padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pb-sm {
  padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pb-m {
  padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.pb-ml {
  padding-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.pb-l {
  padding-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.pb-xl {
  padding-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pb-x2s {
    padding-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-xs {
    padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-s {
    padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-sm {
    padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-m {
    padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-ml {
    padding-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-l {
    padding-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pb-xl {
    padding-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-pb-x2s {
    padding-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-xs {
    padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-s {
    padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-sm {
    padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-m {
    padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-ml {
    padding-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-l {
    padding-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pb-xl {
    padding-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pb-x2s {
    padding-bottom: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-xs {
    padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-s {
    padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-sm {
    padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-m {
    padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-ml {
    padding-bottom: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-l {
    padding-bottom: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pb-xl {
    padding-bottom: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pr-x2s {
  padding-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.pr-xs {
  padding-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pr-s {
  padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pr-sm {
  padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pr-m {
  padding-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.pr-ml {
  padding-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.pr-l {
  padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.pr-xl {
  padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pr-x2s {
    padding-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-xs {
    padding-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-s {
    padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-sm {
    padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-m {
    padding-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-ml {
    padding-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-l {
    padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pr-xl {
    padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-pr-x2s {
    padding-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-xs {
    padding-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-s {
    padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-sm {
    padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-m {
    padding-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-ml {
    padding-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-l {
    padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pr-xl {
    padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pr-x2s {
    padding-right: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-xs {
    padding-right: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-s {
    padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-sm {
    padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-m {
    padding-right: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-ml {
    padding-right: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-l {
    padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pr-xl {
    padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pl-x2s {
  padding-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
}

.pl-xs {
  padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pl-s {
  padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pl-sm {
  padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pl-m {
  padding-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.pl-ml {
  padding-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
}

.pl-l {
  padding-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

.pl-xl {
  padding-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pl-x2s {
    padding-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-xs {
    padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-s {
    padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-sm {
    padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-m {
    padding-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-ml {
    padding-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-l {
    padding-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .zoom-pl-xl {
    padding-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (max-width: 767px) {
  .sp-pl-x2s {
    padding-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-xs {
    padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-s {
    padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-sm {
    padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-m {
    padding-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-ml {
    padding-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-l {
    padding-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .sp-pl-xl {
    padding-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pl-x2s {
    padding-left: calc(5 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-xs {
    padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-s {
    padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-sm {
    padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-m {
    padding-left: calc(40 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-ml {
    padding-left: calc(60 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-l {
    padding-left: calc(80 / (var(--baseWindowWidth)) * 100vw);
  }

  .tb-pl-xl {
    padding-left: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pt-u {
  padding-top: var(--pt-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pt-u {
    padding-top: var(--zoom-pt-u);
  }
}

@media (max-width: 767px) {
  .sp-pt-u {
    padding-top: var(--sp-pt-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pt-u {
    padding-top: var(--tb-pt-u);
  }
}

.pb-u {
  padding-bottom: var(--pb-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pb-u {
    padding-bottom: var(--zoom-pb-u);
  }
}

@media (max-width: 767px) {
  .sp-pb-u {
    padding-bottom: var(--sp-pb-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pb-u {
    padding-bottom: var(--tb-pb-u);
  }
}

.pr-u {
  padding-right: var(--pr-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pr-u {
    padding-right: var(--zoom-pr-u);
  }
}

@media (max-width: 767px) {
  .sp-pr-u {
    padding-right: var(--sp-pr-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pr-u {
    padding-right: var(--tb-pr-u);
  }
}

.pl-u {
  padding-left: var(--pl-u);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pl-u {
    padding-left: var(--zoom-pl-u);
  }
}

@media (max-width: 767px) {
  .sp-pl-u {
    padding-left: var(--sp-pl-u);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pl-u {
    padding-left: var(--tb-pl-u);
  }
}

.pd-0p {
  padding: 0%;
}

.pd-1p {
  padding: 1%;
}

.pd-2p {
  padding: 2%;
}

.pd-3p {
  padding: 3%;
}

.pd-4p {
  padding: 4%;
}

.pd-5p {
  padding: 5%;
}

.pd-6p {
  padding: 6%;
}

.pd-7p {
  padding: 7%;
}

.pd-8p {
  padding: 8%;
}

.pd-9p {
  padding: 9%;
}

.pd-10p {
  padding: 10%;
}

.pd-11p {
  padding: 11%;
}

.pd-12p {
  padding: 12%;
}

.pd-13p {
  padding: 13%;
}

.pd-14p {
  padding: 14%;
}

.pd-15p {
  padding: 15%;
}

.pd-16p {
  padding: 16%;
}

.pd-17p {
  padding: 17%;
}

.pd-18p {
  padding: 18%;
}

.pd-19p {
  padding: 19%;
}

.pd-20p {
  padding: 20%;
}

.pd-21p {
  padding: 21%;
}

.pd-22p {
  padding: 22%;
}

.pd-23p {
  padding: 23%;
}

.pd-24p {
  padding: 24%;
}

.pd-25p {
  padding: 25%;
}

.pd-26p {
  padding: 26%;
}

.pd-27p {
  padding: 27%;
}

.pd-28p {
  padding: 28%;
}

.pd-29p {
  padding: 29%;
}

.pd-30p {
  padding: 30%;
}

.pd-31p {
  padding: 31%;
}

.pd-32p {
  padding: 32%;
}

.pd-33p {
  padding: 33%;
}

.pd-34p {
  padding: 34%;
}

.pd-35p {
  padding: 35%;
}

.pd-36p {
  padding: 36%;
}

.pd-37p {
  padding: 37%;
}

.pd-38p {
  padding: 38%;
}

.pd-39p {
  padding: 39%;
}

.pd-40p {
  padding: 40%;
}

.pd-41p {
  padding: 41%;
}

.pd-42p {
  padding: 42%;
}

.pd-43p {
  padding: 43%;
}

.pd-44p {
  padding: 44%;
}

.pd-45p {
  padding: 45%;
}

.pd-46p {
  padding: 46%;
}

.pd-47p {
  padding: 47%;
}

.pd-48p {
  padding: 48%;
}

.pd-49p {
  padding: 49%;
}

.pd-50p {
  padding: 50%;
}

.pd-51p {
  padding: 51%;
}

.pd-52p {
  padding: 52%;
}

.pd-53p {
  padding: 53%;
}

.pd-54p {
  padding: 54%;
}

.pd-55p {
  padding: 55%;
}

.pd-56p {
  padding: 56%;
}

.pd-57p {
  padding: 57%;
}

.pd-58p {
  padding: 58%;
}

.pd-59p {
  padding: 59%;
}

.pd-60p {
  padding: 60%;
}

.pd-61p {
  padding: 61%;
}

.pd-62p {
  padding: 62%;
}

.pd-63p {
  padding: 63%;
}

.pd-64p {
  padding: 64%;
}

.pd-65p {
  padding: 65%;
}

.pd-66p {
  padding: 66%;
}

.pd-67p {
  padding: 67%;
}

.pd-68p {
  padding: 68%;
}

.pd-69p {
  padding: 69%;
}

.pd-70p {
  padding: 70%;
}

.pd-71p {
  padding: 71%;
}

.pd-72p {
  padding: 72%;
}

.pd-73p {
  padding: 73%;
}

.pd-74p {
  padding: 74%;
}

.pd-75p {
  padding: 75%;
}

.pd-76p {
  padding: 76%;
}

.pd-77p {
  padding: 77%;
}

.pd-78p {
  padding: 78%;
}

.pd-79p {
  padding: 79%;
}

.pd-80p {
  padding: 80%;
}

.pd-81p {
  padding: 81%;
}

.pd-82p {
  padding: 82%;
}

.pd-83p {
  padding: 83%;
}

.pd-84p {
  padding: 84%;
}

.pd-85p {
  padding: 85%;
}

.pd-86p {
  padding: 86%;
}

.pd-87p {
  padding: 87%;
}

.pd-88p {
  padding: 88%;
}

.pd-89p {
  padding: 89%;
}

.pd-90p {
  padding: 90%;
}

.pd-91p {
  padding: 91%;
}

.pd-92p {
  padding: 92%;
}

.pd-93p {
  padding: 93%;
}

.pd-94p {
  padding: 94%;
}

.pd-95p {
  padding: 95%;
}

.pd-96p {
  padding: 96%;
}

.pd-97p {
  padding: 97%;
}

.pd-98p {
  padding: 98%;
}

.pd-99p {
  padding: 99%;
}

.pd-100p {
  padding: 100%;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-pd-0p {
    padding: 0%;
  }

  .zoom-pd-1p {
    padding: 1%;
  }

  .zoom-pd-2p {
    padding: 2%;
  }

  .zoom-pd-3p {
    padding: 3%;
  }

  .zoom-pd-4p {
    padding: 4%;
  }

  .zoom-pd-5p {
    padding: 5%;
  }

  .zoom-pd-6p {
    padding: 6%;
  }

  .zoom-pd-7p {
    padding: 7%;
  }

  .zoom-pd-8p {
    padding: 8%;
  }

  .zoom-pd-9p {
    padding: 9%;
  }

  .zoom-pd-10p {
    padding: 10%;
  }

  .zoom-pd-11p {
    padding: 11%;
  }

  .zoom-pd-12p {
    padding: 12%;
  }

  .zoom-pd-13p {
    padding: 13%;
  }

  .zoom-pd-14p {
    padding: 14%;
  }

  .zoom-pd-15p {
    padding: 15%;
  }

  .zoom-pd-16p {
    padding: 16%;
  }

  .zoom-pd-17p {
    padding: 17%;
  }

  .zoom-pd-18p {
    padding: 18%;
  }

  .zoom-pd-19p {
    padding: 19%;
  }

  .zoom-pd-20p {
    padding: 20%;
  }

  .zoom-pd-21p {
    padding: 21%;
  }

  .zoom-pd-22p {
    padding: 22%;
  }

  .zoom-pd-23p {
    padding: 23%;
  }

  .zoom-pd-24p {
    padding: 24%;
  }

  .zoom-pd-25p {
    padding: 25%;
  }

  .zoom-pd-26p {
    padding: 26%;
  }

  .zoom-pd-27p {
    padding: 27%;
  }

  .zoom-pd-28p {
    padding: 28%;
  }

  .zoom-pd-29p {
    padding: 29%;
  }

  .zoom-pd-30p {
    padding: 30%;
  }

  .zoom-pd-31p {
    padding: 31%;
  }

  .zoom-pd-32p {
    padding: 32%;
  }

  .zoom-pd-33p {
    padding: 33%;
  }

  .zoom-pd-34p {
    padding: 34%;
  }

  .zoom-pd-35p {
    padding: 35%;
  }

  .zoom-pd-36p {
    padding: 36%;
  }

  .zoom-pd-37p {
    padding: 37%;
  }

  .zoom-pd-38p {
    padding: 38%;
  }

  .zoom-pd-39p {
    padding: 39%;
  }

  .zoom-pd-40p {
    padding: 40%;
  }

  .zoom-pd-41p {
    padding: 41%;
  }

  .zoom-pd-42p {
    padding: 42%;
  }

  .zoom-pd-43p {
    padding: 43%;
  }

  .zoom-pd-44p {
    padding: 44%;
  }

  .zoom-pd-45p {
    padding: 45%;
  }

  .zoom-pd-46p {
    padding: 46%;
  }

  .zoom-pd-47p {
    padding: 47%;
  }

  .zoom-pd-48p {
    padding: 48%;
  }

  .zoom-pd-49p {
    padding: 49%;
  }

  .zoom-pd-50p {
    padding: 50%;
  }

  .zoom-pd-51p {
    padding: 51%;
  }

  .zoom-pd-52p {
    padding: 52%;
  }

  .zoom-pd-53p {
    padding: 53%;
  }

  .zoom-pd-54p {
    padding: 54%;
  }

  .zoom-pd-55p {
    padding: 55%;
  }

  .zoom-pd-56p {
    padding: 56%;
  }

  .zoom-pd-57p {
    padding: 57%;
  }

  .zoom-pd-58p {
    padding: 58%;
  }

  .zoom-pd-59p {
    padding: 59%;
  }

  .zoom-pd-60p {
    padding: 60%;
  }

  .zoom-pd-61p {
    padding: 61%;
  }

  .zoom-pd-62p {
    padding: 62%;
  }

  .zoom-pd-63p {
    padding: 63%;
  }

  .zoom-pd-64p {
    padding: 64%;
  }

  .zoom-pd-65p {
    padding: 65%;
  }

  .zoom-pd-66p {
    padding: 66%;
  }

  .zoom-pd-67p {
    padding: 67%;
  }

  .zoom-pd-68p {
    padding: 68%;
  }

  .zoom-pd-69p {
    padding: 69%;
  }

  .zoom-pd-70p {
    padding: 70%;
  }

  .zoom-pd-71p {
    padding: 71%;
  }

  .zoom-pd-72p {
    padding: 72%;
  }

  .zoom-pd-73p {
    padding: 73%;
  }

  .zoom-pd-74p {
    padding: 74%;
  }

  .zoom-pd-75p {
    padding: 75%;
  }

  .zoom-pd-76p {
    padding: 76%;
  }

  .zoom-pd-77p {
    padding: 77%;
  }

  .zoom-pd-78p {
    padding: 78%;
  }

  .zoom-pd-79p {
    padding: 79%;
  }

  .zoom-pd-80p {
    padding: 80%;
  }

  .zoom-pd-81p {
    padding: 81%;
  }

  .zoom-pd-82p {
    padding: 82%;
  }

  .zoom-pd-83p {
    padding: 83%;
  }

  .zoom-pd-84p {
    padding: 84%;
  }

  .zoom-pd-85p {
    padding: 85%;
  }

  .zoom-pd-86p {
    padding: 86%;
  }

  .zoom-pd-87p {
    padding: 87%;
  }

  .zoom-pd-88p {
    padding: 88%;
  }

  .zoom-pd-89p {
    padding: 89%;
  }

  .zoom-pd-90p {
    padding: 90%;
  }

  .zoom-pd-91p {
    padding: 91%;
  }

  .zoom-pd-92p {
    padding: 92%;
  }

  .zoom-pd-93p {
    padding: 93%;
  }

  .zoom-pd-94p {
    padding: 94%;
  }

  .zoom-pd-95p {
    padding: 95%;
  }

  .zoom-pd-96p {
    padding: 96%;
  }

  .zoom-pd-97p {
    padding: 97%;
  }

  .zoom-pd-98p {
    padding: 98%;
  }

  .zoom-pd-99p {
    padding: 99%;
  }

  .zoom-pd-100p {
    padding: 100%;
  }
}

@media (max-width: 767px) {
  .sp-pd-0p {
    padding: 0%;
  }

  .sp-pd-1p {
    padding: 1%;
  }

  .sp-pd-2p {
    padding: 2%;
  }

  .sp-pd-3p {
    padding: 3%;
  }

  .sp-pd-4p {
    padding: 4%;
  }

  .sp-pd-5p {
    padding: 5%;
  }

  .sp-pd-6p {
    padding: 6%;
  }

  .sp-pd-7p {
    padding: 7%;
  }

  .sp-pd-8p {
    padding: 8%;
  }

  .sp-pd-9p {
    padding: 9%;
  }

  .sp-pd-10p {
    padding: 10%;
  }

  .sp-pd-11p {
    padding: 11%;
  }

  .sp-pd-12p {
    padding: 12%;
  }

  .sp-pd-13p {
    padding: 13%;
  }

  .sp-pd-14p {
    padding: 14%;
  }

  .sp-pd-15p {
    padding: 15%;
  }

  .sp-pd-16p {
    padding: 16%;
  }

  .sp-pd-17p {
    padding: 17%;
  }

  .sp-pd-18p {
    padding: 18%;
  }

  .sp-pd-19p {
    padding: 19%;
  }

  .sp-pd-20p {
    padding: 20%;
  }

  .sp-pd-21p {
    padding: 21%;
  }

  .sp-pd-22p {
    padding: 22%;
  }

  .sp-pd-23p {
    padding: 23%;
  }

  .sp-pd-24p {
    padding: 24%;
  }

  .sp-pd-25p {
    padding: 25%;
  }

  .sp-pd-26p {
    padding: 26%;
  }

  .sp-pd-27p {
    padding: 27%;
  }

  .sp-pd-28p {
    padding: 28%;
  }

  .sp-pd-29p {
    padding: 29%;
  }

  .sp-pd-30p {
    padding: 30%;
  }

  .sp-pd-31p {
    padding: 31%;
  }

  .sp-pd-32p {
    padding: 32%;
  }

  .sp-pd-33p {
    padding: 33%;
  }

  .sp-pd-34p {
    padding: 34%;
  }

  .sp-pd-35p {
    padding: 35%;
  }

  .sp-pd-36p {
    padding: 36%;
  }

  .sp-pd-37p {
    padding: 37%;
  }

  .sp-pd-38p {
    padding: 38%;
  }

  .sp-pd-39p {
    padding: 39%;
  }

  .sp-pd-40p {
    padding: 40%;
  }

  .sp-pd-41p {
    padding: 41%;
  }

  .sp-pd-42p {
    padding: 42%;
  }

  .sp-pd-43p {
    padding: 43%;
  }

  .sp-pd-44p {
    padding: 44%;
  }

  .sp-pd-45p {
    padding: 45%;
  }

  .sp-pd-46p {
    padding: 46%;
  }

  .sp-pd-47p {
    padding: 47%;
  }

  .sp-pd-48p {
    padding: 48%;
  }

  .sp-pd-49p {
    padding: 49%;
  }

  .sp-pd-50p {
    padding: 50%;
  }

  .sp-pd-51p {
    padding: 51%;
  }

  .sp-pd-52p {
    padding: 52%;
  }

  .sp-pd-53p {
    padding: 53%;
  }

  .sp-pd-54p {
    padding: 54%;
  }

  .sp-pd-55p {
    padding: 55%;
  }

  .sp-pd-56p {
    padding: 56%;
  }

  .sp-pd-57p {
    padding: 57%;
  }

  .sp-pd-58p {
    padding: 58%;
  }

  .sp-pd-59p {
    padding: 59%;
  }

  .sp-pd-60p {
    padding: 60%;
  }

  .sp-pd-61p {
    padding: 61%;
  }

  .sp-pd-62p {
    padding: 62%;
  }

  .sp-pd-63p {
    padding: 63%;
  }

  .sp-pd-64p {
    padding: 64%;
  }

  .sp-pd-65p {
    padding: 65%;
  }

  .sp-pd-66p {
    padding: 66%;
  }

  .sp-pd-67p {
    padding: 67%;
  }

  .sp-pd-68p {
    padding: 68%;
  }

  .sp-pd-69p {
    padding: 69%;
  }

  .sp-pd-70p {
    padding: 70%;
  }

  .sp-pd-71p {
    padding: 71%;
  }

  .sp-pd-72p {
    padding: 72%;
  }

  .sp-pd-73p {
    padding: 73%;
  }

  .sp-pd-74p {
    padding: 74%;
  }

  .sp-pd-75p {
    padding: 75%;
  }

  .sp-pd-76p {
    padding: 76%;
  }

  .sp-pd-77p {
    padding: 77%;
  }

  .sp-pd-78p {
    padding: 78%;
  }

  .sp-pd-79p {
    padding: 79%;
  }

  .sp-pd-80p {
    padding: 80%;
  }

  .sp-pd-81p {
    padding: 81%;
  }

  .sp-pd-82p {
    padding: 82%;
  }

  .sp-pd-83p {
    padding: 83%;
  }

  .sp-pd-84p {
    padding: 84%;
  }

  .sp-pd-85p {
    padding: 85%;
  }

  .sp-pd-86p {
    padding: 86%;
  }

  .sp-pd-87p {
    padding: 87%;
  }

  .sp-pd-88p {
    padding: 88%;
  }

  .sp-pd-89p {
    padding: 89%;
  }

  .sp-pd-90p {
    padding: 90%;
  }

  .sp-pd-91p {
    padding: 91%;
  }

  .sp-pd-92p {
    padding: 92%;
  }

  .sp-pd-93p {
    padding: 93%;
  }

  .sp-pd-94p {
    padding: 94%;
  }

  .sp-pd-95p {
    padding: 95%;
  }

  .sp-pd-96p {
    padding: 96%;
  }

  .sp-pd-97p {
    padding: 97%;
  }

  .sp-pd-98p {
    padding: 98%;
  }

  .sp-pd-99p {
    padding: 99%;
  }

  .sp-pd-100p {
    padding: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-pd-0p {
    padding: 0%;
  }

  .tb-pd-1p {
    padding: 1%;
  }

  .tb-pd-2p {
    padding: 2%;
  }

  .tb-pd-3p {
    padding: 3%;
  }

  .tb-pd-4p {
    padding: 4%;
  }

  .tb-pd-5p {
    padding: 5%;
  }

  .tb-pd-6p {
    padding: 6%;
  }

  .tb-pd-7p {
    padding: 7%;
  }

  .tb-pd-8p {
    padding: 8%;
  }

  .tb-pd-9p {
    padding: 9%;
  }

  .tb-pd-10p {
    padding: 10%;
  }

  .tb-pd-11p {
    padding: 11%;
  }

  .tb-pd-12p {
    padding: 12%;
  }

  .tb-pd-13p {
    padding: 13%;
  }

  .tb-pd-14p {
    padding: 14%;
  }

  .tb-pd-15p {
    padding: 15%;
  }

  .tb-pd-16p {
    padding: 16%;
  }

  .tb-pd-17p {
    padding: 17%;
  }

  .tb-pd-18p {
    padding: 18%;
  }

  .tb-pd-19p {
    padding: 19%;
  }

  .tb-pd-20p {
    padding: 20%;
  }

  .tb-pd-21p {
    padding: 21%;
  }

  .tb-pd-22p {
    padding: 22%;
  }

  .tb-pd-23p {
    padding: 23%;
  }

  .tb-pd-24p {
    padding: 24%;
  }

  .tb-pd-25p {
    padding: 25%;
  }

  .tb-pd-26p {
    padding: 26%;
  }

  .tb-pd-27p {
    padding: 27%;
  }

  .tb-pd-28p {
    padding: 28%;
  }

  .tb-pd-29p {
    padding: 29%;
  }

  .tb-pd-30p {
    padding: 30%;
  }

  .tb-pd-31p {
    padding: 31%;
  }

  .tb-pd-32p {
    padding: 32%;
  }

  .tb-pd-33p {
    padding: 33%;
  }

  .tb-pd-34p {
    padding: 34%;
  }

  .tb-pd-35p {
    padding: 35%;
  }

  .tb-pd-36p {
    padding: 36%;
  }

  .tb-pd-37p {
    padding: 37%;
  }

  .tb-pd-38p {
    padding: 38%;
  }

  .tb-pd-39p {
    padding: 39%;
  }

  .tb-pd-40p {
    padding: 40%;
  }

  .tb-pd-41p {
    padding: 41%;
  }

  .tb-pd-42p {
    padding: 42%;
  }

  .tb-pd-43p {
    padding: 43%;
  }

  .tb-pd-44p {
    padding: 44%;
  }

  .tb-pd-45p {
    padding: 45%;
  }

  .tb-pd-46p {
    padding: 46%;
  }

  .tb-pd-47p {
    padding: 47%;
  }

  .tb-pd-48p {
    padding: 48%;
  }

  .tb-pd-49p {
    padding: 49%;
  }

  .tb-pd-50p {
    padding: 50%;
  }

  .tb-pd-51p {
    padding: 51%;
  }

  .tb-pd-52p {
    padding: 52%;
  }

  .tb-pd-53p {
    padding: 53%;
  }

  .tb-pd-54p {
    padding: 54%;
  }

  .tb-pd-55p {
    padding: 55%;
  }

  .tb-pd-56p {
    padding: 56%;
  }

  .tb-pd-57p {
    padding: 57%;
  }

  .tb-pd-58p {
    padding: 58%;
  }

  .tb-pd-59p {
    padding: 59%;
  }

  .tb-pd-60p {
    padding: 60%;
  }

  .tb-pd-61p {
    padding: 61%;
  }

  .tb-pd-62p {
    padding: 62%;
  }

  .tb-pd-63p {
    padding: 63%;
  }

  .tb-pd-64p {
    padding: 64%;
  }

  .tb-pd-65p {
    padding: 65%;
  }

  .tb-pd-66p {
    padding: 66%;
  }

  .tb-pd-67p {
    padding: 67%;
  }

  .tb-pd-68p {
    padding: 68%;
  }

  .tb-pd-69p {
    padding: 69%;
  }

  .tb-pd-70p {
    padding: 70%;
  }

  .tb-pd-71p {
    padding: 71%;
  }

  .tb-pd-72p {
    padding: 72%;
  }

  .tb-pd-73p {
    padding: 73%;
  }

  .tb-pd-74p {
    padding: 74%;
  }

  .tb-pd-75p {
    padding: 75%;
  }

  .tb-pd-76p {
    padding: 76%;
  }

  .tb-pd-77p {
    padding: 77%;
  }

  .tb-pd-78p {
    padding: 78%;
  }

  .tb-pd-79p {
    padding: 79%;
  }

  .tb-pd-80p {
    padding: 80%;
  }

  .tb-pd-81p {
    padding: 81%;
  }

  .tb-pd-82p {
    padding: 82%;
  }

  .tb-pd-83p {
    padding: 83%;
  }

  .tb-pd-84p {
    padding: 84%;
  }

  .tb-pd-85p {
    padding: 85%;
  }

  .tb-pd-86p {
    padding: 86%;
  }

  .tb-pd-87p {
    padding: 87%;
  }

  .tb-pd-88p {
    padding: 88%;
  }

  .tb-pd-89p {
    padding: 89%;
  }

  .tb-pd-90p {
    padding: 90%;
  }

  .tb-pd-91p {
    padding: 91%;
  }

  .tb-pd-92p {
    padding: 92%;
  }

  .tb-pd-93p {
    padding: 93%;
  }

  .tb-pd-94p {
    padding: 94%;
  }

  .tb-pd-95p {
    padding: 95%;
  }

  .tb-pd-96p {
    padding: 96%;
  }

  .tb-pd-97p {
    padding: 97%;
  }

  .tb-pd-98p {
    padding: 98%;
  }

  .tb-pd-99p {
    padding: 99%;
  }

  .tb-pd-100p {
    padding: 100%;
  }
}

.gap-0p {
  gap: 0%;
}

.gap-1p {
  gap: 1%;
}

.gap-2p {
  gap: 2%;
}

.gap-3p {
  gap: 3%;
}

.gap-4p {
  gap: 4%;
}

.gap-5p {
  gap: 5%;
}

.gap-6p {
  gap: 6%;
}

.gap-7p {
  gap: 7%;
}

.gap-8p {
  gap: 8%;
}

.gap-9p {
  gap: 9%;
}

.gap-10p {
  gap: 10%;
}

.gap-11p {
  gap: 11%;
}

.gap-12p {
  gap: 12%;
}

.gap-13p {
  gap: 13%;
}

.gap-14p {
  gap: 14%;
}

.gap-15p {
  gap: 15%;
}

.gap-16p {
  gap: 16%;
}

.gap-17p {
  gap: 17%;
}

.gap-18p {
  gap: 18%;
}

.gap-19p {
  gap: 19%;
}

.gap-20p {
  gap: 20%;
}

.gap-21p {
  gap: 21%;
}

.gap-22p {
  gap: 22%;
}

.gap-23p {
  gap: 23%;
}

.gap-24p {
  gap: 24%;
}

.gap-25p {
  gap: 25%;
}

.gap-26p {
  gap: 26%;
}

.gap-27p {
  gap: 27%;
}

.gap-28p {
  gap: 28%;
}

.gap-29p {
  gap: 29%;
}

.gap-30p {
  gap: 30%;
}

.gap-31p {
  gap: 31%;
}

.gap-32p {
  gap: 32%;
}

.gap-33p {
  gap: 33%;
}

.gap-34p {
  gap: 34%;
}

.gap-35p {
  gap: 35%;
}

.gap-36p {
  gap: 36%;
}

.gap-37p {
  gap: 37%;
}

.gap-38p {
  gap: 38%;
}

.gap-39p {
  gap: 39%;
}

.gap-40p {
  gap: 40%;
}

.gap-41p {
  gap: 41%;
}

.gap-42p {
  gap: 42%;
}

.gap-43p {
  gap: 43%;
}

.gap-44p {
  gap: 44%;
}

.gap-45p {
  gap: 45%;
}

.gap-46p {
  gap: 46%;
}

.gap-47p {
  gap: 47%;
}

.gap-48p {
  gap: 48%;
}

.gap-49p {
  gap: 49%;
}

.gap-50p {
  gap: 50%;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-gap-0p {
    gap: 0%;
  }

  .zoom-gap-1p {
    gap: 1%;
  }

  .zoom-gap-2p {
    gap: 2%;
  }

  .zoom-gap-3p {
    gap: 3%;
  }

  .zoom-gap-4p {
    gap: 4%;
  }

  .zoom-gap-5p {
    gap: 5%;
  }

  .zoom-gap-6p {
    gap: 6%;
  }

  .zoom-gap-7p {
    gap: 7%;
  }

  .zoom-gap-8p {
    gap: 8%;
  }

  .zoom-gap-9p {
    gap: 9%;
  }

  .zoom-gap-10p {
    gap: 10%;
  }

  .zoom-gap-11p {
    gap: 11%;
  }

  .zoom-gap-12p {
    gap: 12%;
  }

  .zoom-gap-13p {
    gap: 13%;
  }

  .zoom-gap-14p {
    gap: 14%;
  }

  .zoom-gap-15p {
    gap: 15%;
  }

  .zoom-gap-16p {
    gap: 16%;
  }

  .zoom-gap-17p {
    gap: 17%;
  }

  .zoom-gap-18p {
    gap: 18%;
  }

  .zoom-gap-19p {
    gap: 19%;
  }

  .zoom-gap-20p {
    gap: 20%;
  }

  .zoom-gap-21p {
    gap: 21%;
  }

  .zoom-gap-22p {
    gap: 22%;
  }

  .zoom-gap-23p {
    gap: 23%;
  }

  .zoom-gap-24p {
    gap: 24%;
  }

  .zoom-gap-25p {
    gap: 25%;
  }

  .zoom-gap-26p {
    gap: 26%;
  }

  .zoom-gap-27p {
    gap: 27%;
  }

  .zoom-gap-28p {
    gap: 28%;
  }

  .zoom-gap-29p {
    gap: 29%;
  }

  .zoom-gap-30p {
    gap: 30%;
  }

  .zoom-gap-31p {
    gap: 31%;
  }

  .zoom-gap-32p {
    gap: 32%;
  }

  .zoom-gap-33p {
    gap: 33%;
  }

  .zoom-gap-34p {
    gap: 34%;
  }

  .zoom-gap-35p {
    gap: 35%;
  }

  .zoom-gap-36p {
    gap: 36%;
  }

  .zoom-gap-37p {
    gap: 37%;
  }

  .zoom-gap-38p {
    gap: 38%;
  }

  .zoom-gap-39p {
    gap: 39%;
  }

  .zoom-gap-40p {
    gap: 40%;
  }

  .zoom-gap-41p {
    gap: 41%;
  }

  .zoom-gap-42p {
    gap: 42%;
  }

  .zoom-gap-43p {
    gap: 43%;
  }

  .zoom-gap-44p {
    gap: 44%;
  }

  .zoom-gap-45p {
    gap: 45%;
  }

  .zoom-gap-46p {
    gap: 46%;
  }

  .zoom-gap-47p {
    gap: 47%;
  }

  .zoom-gap-48p {
    gap: 48%;
  }

  .zoom-gap-49p {
    gap: 49%;
  }

  .zoom-gap-50p {
    gap: 50%;
  }
}

@media (max-width: 767px) {
  .sp-gap-0p {
    gap: 0%;
  }

  .sp-gap-1p {
    gap: 1%;
  }

  .sp-gap-2p {
    gap: 2%;
  }

  .sp-gap-3p {
    gap: 3%;
  }

  .sp-gap-4p {
    gap: 4%;
  }

  .sp-gap-5p {
    gap: 5%;
  }

  .sp-gap-6p {
    gap: 6%;
  }

  .sp-gap-7p {
    gap: 7%;
  }

  .sp-gap-8p {
    gap: 8%;
  }

  .sp-gap-9p {
    gap: 9%;
  }

  .sp-gap-10p {
    gap: 10%;
  }

  .sp-gap-11p {
    gap: 11%;
  }

  .sp-gap-12p {
    gap: 12%;
  }

  .sp-gap-13p {
    gap: 13%;
  }

  .sp-gap-14p {
    gap: 14%;
  }

  .sp-gap-15p {
    gap: 15%;
  }

  .sp-gap-16p {
    gap: 16%;
  }

  .sp-gap-17p {
    gap: 17%;
  }

  .sp-gap-18p {
    gap: 18%;
  }

  .sp-gap-19p {
    gap: 19%;
  }

  .sp-gap-20p {
    gap: 20%;
  }

  .sp-gap-21p {
    gap: 21%;
  }

  .sp-gap-22p {
    gap: 22%;
  }

  .sp-gap-23p {
    gap: 23%;
  }

  .sp-gap-24p {
    gap: 24%;
  }

  .sp-gap-25p {
    gap: 25%;
  }

  .sp-gap-26p {
    gap: 26%;
  }

  .sp-gap-27p {
    gap: 27%;
  }

  .sp-gap-28p {
    gap: 28%;
  }

  .sp-gap-29p {
    gap: 29%;
  }

  .sp-gap-30p {
    gap: 30%;
  }

  .sp-gap-31p {
    gap: 31%;
  }

  .sp-gap-32p {
    gap: 32%;
  }

  .sp-gap-33p {
    gap: 33%;
  }

  .sp-gap-34p {
    gap: 34%;
  }

  .sp-gap-35p {
    gap: 35%;
  }

  .sp-gap-36p {
    gap: 36%;
  }

  .sp-gap-37p {
    gap: 37%;
  }

  .sp-gap-38p {
    gap: 38%;
  }

  .sp-gap-39p {
    gap: 39%;
  }

  .sp-gap-40p {
    gap: 40%;
  }

  .sp-gap-41p {
    gap: 41%;
  }

  .sp-gap-42p {
    gap: 42%;
  }

  .sp-gap-43p {
    gap: 43%;
  }

  .sp-gap-44p {
    gap: 44%;
  }

  .sp-gap-45p {
    gap: 45%;
  }

  .sp-gap-46p {
    gap: 46%;
  }

  .sp-gap-47p {
    gap: 47%;
  }

  .sp-gap-48p {
    gap: 48%;
  }

  .sp-gap-49p {
    gap: 49%;
  }

  .sp-gap-50p {
    gap: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-gap-0p {
    gap: 0%;
  }

  .tb-gap-1p {
    gap: 1%;
  }

  .tb-gap-2p {
    gap: 2%;
  }

  .tb-gap-3p {
    gap: 3%;
  }

  .tb-gap-4p {
    gap: 4%;
  }

  .tb-gap-5p {
    gap: 5%;
  }

  .tb-gap-6p {
    gap: 6%;
  }

  .tb-gap-7p {
    gap: 7%;
  }

  .tb-gap-8p {
    gap: 8%;
  }

  .tb-gap-9p {
    gap: 9%;
  }

  .tb-gap-10p {
    gap: 10%;
  }

  .tb-gap-11p {
    gap: 11%;
  }

  .tb-gap-12p {
    gap: 12%;
  }

  .tb-gap-13p {
    gap: 13%;
  }

  .tb-gap-14p {
    gap: 14%;
  }

  .tb-gap-15p {
    gap: 15%;
  }

  .tb-gap-16p {
    gap: 16%;
  }

  .tb-gap-17p {
    gap: 17%;
  }

  .tb-gap-18p {
    gap: 18%;
  }

  .tb-gap-19p {
    gap: 19%;
  }

  .tb-gap-20p {
    gap: 20%;
  }

  .tb-gap-21p {
    gap: 21%;
  }

  .tb-gap-22p {
    gap: 22%;
  }

  .tb-gap-23p {
    gap: 23%;
  }

  .tb-gap-24p {
    gap: 24%;
  }

  .tb-gap-25p {
    gap: 25%;
  }

  .tb-gap-26p {
    gap: 26%;
  }

  .tb-gap-27p {
    gap: 27%;
  }

  .tb-gap-28p {
    gap: 28%;
  }

  .tb-gap-29p {
    gap: 29%;
  }

  .tb-gap-30p {
    gap: 30%;
  }

  .tb-gap-31p {
    gap: 31%;
  }

  .tb-gap-32p {
    gap: 32%;
  }

  .tb-gap-33p {
    gap: 33%;
  }

  .tb-gap-34p {
    gap: 34%;
  }

  .tb-gap-35p {
    gap: 35%;
  }

  .tb-gap-36p {
    gap: 36%;
  }

  .tb-gap-37p {
    gap: 37%;
  }

  .tb-gap-38p {
    gap: 38%;
  }

  .tb-gap-39p {
    gap: 39%;
  }

  .tb-gap-40p {
    gap: 40%;
  }

  .tb-gap-41p {
    gap: 41%;
  }

  .tb-gap-42p {
    gap: 42%;
  }

  .tb-gap-43p {
    gap: 43%;
  }

  .tb-gap-44p {
    gap: 44%;
  }

  .tb-gap-45p {
    gap: 45%;
  }

  .tb-gap-46p {
    gap: 46%;
  }

  .tb-gap-47p {
    gap: 47%;
  }

  .tb-gap-48p {
    gap: 48%;
  }

  .tb-gap-49p {
    gap: 49%;
  }

  .tb-gap-50p {
    gap: 50%;
  }
}

.gap-0px {
  gap: 0px;
}

.gap-1px {
  gap: 1px;
}

.gap-2px {
  gap: 2px;
}

.gap-3px {
  gap: 3px;
}

.gap-4px {
  gap: 4px;
}

.gap-5px {
  gap: 5px;
}

.gap-6px {
  gap: 6px;
}

.gap-7px {
  gap: 7px;
}

.gap-8px {
  gap: 8px;
}

.gap-9px {
  gap: 9px;
}

.gap-10px {
  gap: 10px;
}

.gap-11px {
  gap: 11px;
}

.gap-12px {
  gap: 12px;
}

.gap-13px {
  gap: 13px;
}

.gap-14px {
  gap: 14px;
}

.gap-15px {
  gap: 15px;
}

.gap-16px {
  gap: 16px;
}

.gap-17px {
  gap: 17px;
}

.gap-18px {
  gap: 18px;
}

.gap-19px {
  gap: 19px;
}

.gap-20px {
  gap: 20px;
}

.gap-21px {
  gap: 21px;
}

.gap-22px {
  gap: 22px;
}

.gap-23px {
  gap: 23px;
}

.gap-24px {
  gap: 24px;
}

.gap-25px {
  gap: 25px;
}

.gap-26px {
  gap: 26px;
}

.gap-27px {
  gap: 27px;
}

.gap-28px {
  gap: 28px;
}

.gap-29px {
  gap: 29px;
}

.gap-30px {
  gap: 30px;
}

.gap-31px {
  gap: 31px;
}

.gap-32px {
  gap: 32px;
}

.gap-33px {
  gap: 33px;
}

.gap-34px {
  gap: 34px;
}

.gap-35px {
  gap: 35px;
}

.gap-36px {
  gap: 36px;
}

.gap-37px {
  gap: 37px;
}

.gap-38px {
  gap: 38px;
}

.gap-39px {
  gap: 39px;
}

.gap-40px {
  gap: 40px;
}

.gap-41px {
  gap: 41px;
}

.gap-42px {
  gap: 42px;
}

.gap-43px {
  gap: 43px;
}

.gap-44px {
  gap: 44px;
}

.gap-45px {
  gap: 45px;
}

.gap-46px {
  gap: 46px;
}

.gap-47px {
  gap: 47px;
}

.gap-48px {
  gap: 48px;
}

.gap-49px {
  gap: 49px;
}

.gap-50px {
  gap: 50px;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-gap-0px {
    gap: 0px;
  }

  .zoom-gap-1px {
    gap: 1px;
  }

  .zoom-gap-2px {
    gap: 2px;
  }

  .zoom-gap-3px {
    gap: 3px;
  }

  .zoom-gap-4px {
    gap: 4px;
  }

  .zoom-gap-5px {
    gap: 5px;
  }

  .zoom-gap-6px {
    gap: 6px;
  }

  .zoom-gap-7px {
    gap: 7px;
  }

  .zoom-gap-8px {
    gap: 8px;
  }

  .zoom-gap-9px {
    gap: 9px;
  }

  .zoom-gap-10px {
    gap: 10px;
  }

  .zoom-gap-11px {
    gap: 11px;
  }

  .zoom-gap-12px {
    gap: 12px;
  }

  .zoom-gap-13px {
    gap: 13px;
  }

  .zoom-gap-14px {
    gap: 14px;
  }

  .zoom-gap-15px {
    gap: 15px;
  }

  .zoom-gap-16px {
    gap: 16px;
  }

  .zoom-gap-17px {
    gap: 17px;
  }

  .zoom-gap-18px {
    gap: 18px;
  }

  .zoom-gap-19px {
    gap: 19px;
  }

  .zoom-gap-20px {
    gap: 20px;
  }

  .zoom-gap-21px {
    gap: 21px;
  }

  .zoom-gap-22px {
    gap: 22px;
  }

  .zoom-gap-23px {
    gap: 23px;
  }

  .zoom-gap-24px {
    gap: 24px;
  }

  .zoom-gap-25px {
    gap: 25px;
  }

  .zoom-gap-26px {
    gap: 26px;
  }

  .zoom-gap-27px {
    gap: 27px;
  }

  .zoom-gap-28px {
    gap: 28px;
  }

  .zoom-gap-29px {
    gap: 29px;
  }

  .zoom-gap-30px {
    gap: 30px;
  }

  .zoom-gap-31px {
    gap: 31px;
  }

  .zoom-gap-32px {
    gap: 32px;
  }

  .zoom-gap-33px {
    gap: 33px;
  }

  .zoom-gap-34px {
    gap: 34px;
  }

  .zoom-gap-35px {
    gap: 35px;
  }

  .zoom-gap-36px {
    gap: 36px;
  }

  .zoom-gap-37px {
    gap: 37px;
  }

  .zoom-gap-38px {
    gap: 38px;
  }

  .zoom-gap-39px {
    gap: 39px;
  }

  .zoom-gap-40px {
    gap: 40px;
  }

  .zoom-gap-41px {
    gap: 41px;
  }

  .zoom-gap-42px {
    gap: 42px;
  }

  .zoom-gap-43px {
    gap: 43px;
  }

  .zoom-gap-44px {
    gap: 44px;
  }

  .zoom-gap-45px {
    gap: 45px;
  }

  .zoom-gap-46px {
    gap: 46px;
  }

  .zoom-gap-47px {
    gap: 47px;
  }

  .zoom-gap-48px {
    gap: 48px;
  }

  .zoom-gap-49px {
    gap: 49px;
  }

  .zoom-gap-50px {
    gap: 50px;
  }
}

@media (max-width: 767px) {
  .sp-gap-0px {
    gap: 0px;
  }

  .sp-gap-1px {
    gap: 1px;
  }

  .sp-gap-2px {
    gap: 2px;
  }

  .sp-gap-3px {
    gap: 3px;
  }

  .sp-gap-4px {
    gap: 4px;
  }

  .sp-gap-5px {
    gap: 5px;
  }

  .sp-gap-6px {
    gap: 6px;
  }

  .sp-gap-7px {
    gap: 7px;
  }

  .sp-gap-8px {
    gap: 8px;
  }

  .sp-gap-9px {
    gap: 9px;
  }

  .sp-gap-10px {
    gap: 10px;
  }

  .sp-gap-11px {
    gap: 11px;
  }

  .sp-gap-12px {
    gap: 12px;
  }

  .sp-gap-13px {
    gap: 13px;
  }

  .sp-gap-14px {
    gap: 14px;
  }

  .sp-gap-15px {
    gap: 15px;
  }

  .sp-gap-16px {
    gap: 16px;
  }

  .sp-gap-17px {
    gap: 17px;
  }

  .sp-gap-18px {
    gap: 18px;
  }

  .sp-gap-19px {
    gap: 19px;
  }

  .sp-gap-20px {
    gap: 20px;
  }

  .sp-gap-21px {
    gap: 21px;
  }

  .sp-gap-22px {
    gap: 22px;
  }

  .sp-gap-23px {
    gap: 23px;
  }

  .sp-gap-24px {
    gap: 24px;
  }

  .sp-gap-25px {
    gap: 25px;
  }

  .sp-gap-26px {
    gap: 26px;
  }

  .sp-gap-27px {
    gap: 27px;
  }

  .sp-gap-28px {
    gap: 28px;
  }

  .sp-gap-29px {
    gap: 29px;
  }

  .sp-gap-30px {
    gap: 30px;
  }

  .sp-gap-31px {
    gap: 31px;
  }

  .sp-gap-32px {
    gap: 32px;
  }

  .sp-gap-33px {
    gap: 33px;
  }

  .sp-gap-34px {
    gap: 34px;
  }

  .sp-gap-35px {
    gap: 35px;
  }

  .sp-gap-36px {
    gap: 36px;
  }

  .sp-gap-37px {
    gap: 37px;
  }

  .sp-gap-38px {
    gap: 38px;
  }

  .sp-gap-39px {
    gap: 39px;
  }

  .sp-gap-40px {
    gap: 40px;
  }

  .sp-gap-41px {
    gap: 41px;
  }

  .sp-gap-42px {
    gap: 42px;
  }

  .sp-gap-43px {
    gap: 43px;
  }

  .sp-gap-44px {
    gap: 44px;
  }

  .sp-gap-45px {
    gap: 45px;
  }

  .sp-gap-46px {
    gap: 46px;
  }

  .sp-gap-47px {
    gap: 47px;
  }

  .sp-gap-48px {
    gap: 48px;
  }

  .sp-gap-49px {
    gap: 49px;
  }

  .sp-gap-50px {
    gap: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-gap-0px {
    gap: 0px;
  }

  .tb-gap-1px {
    gap: 1px;
  }

  .tb-gap-2px {
    gap: 2px;
  }

  .tb-gap-3px {
    gap: 3px;
  }

  .tb-gap-4px {
    gap: 4px;
  }

  .tb-gap-5px {
    gap: 5px;
  }

  .tb-gap-6px {
    gap: 6px;
  }

  .tb-gap-7px {
    gap: 7px;
  }

  .tb-gap-8px {
    gap: 8px;
  }

  .tb-gap-9px {
    gap: 9px;
  }

  .tb-gap-10px {
    gap: 10px;
  }

  .tb-gap-11px {
    gap: 11px;
  }

  .tb-gap-12px {
    gap: 12px;
  }

  .tb-gap-13px {
    gap: 13px;
  }

  .tb-gap-14px {
    gap: 14px;
  }

  .tb-gap-15px {
    gap: 15px;
  }

  .tb-gap-16px {
    gap: 16px;
  }

  .tb-gap-17px {
    gap: 17px;
  }

  .tb-gap-18px {
    gap: 18px;
  }

  .tb-gap-19px {
    gap: 19px;
  }

  .tb-gap-20px {
    gap: 20px;
  }

  .tb-gap-21px {
    gap: 21px;
  }

  .tb-gap-22px {
    gap: 22px;
  }

  .tb-gap-23px {
    gap: 23px;
  }

  .tb-gap-24px {
    gap: 24px;
  }

  .tb-gap-25px {
    gap: 25px;
  }

  .tb-gap-26px {
    gap: 26px;
  }

  .tb-gap-27px {
    gap: 27px;
  }

  .tb-gap-28px {
    gap: 28px;
  }

  .tb-gap-29px {
    gap: 29px;
  }

  .tb-gap-30px {
    gap: 30px;
  }

  .tb-gap-31px {
    gap: 31px;
  }

  .tb-gap-32px {
    gap: 32px;
  }

  .tb-gap-33px {
    gap: 33px;
  }

  .tb-gap-34px {
    gap: 34px;
  }

  .tb-gap-35px {
    gap: 35px;
  }

  .tb-gap-36px {
    gap: 36px;
  }

  .tb-gap-37px {
    gap: 37px;
  }

  .tb-gap-38px {
    gap: 38px;
  }

  .tb-gap-39px {
    gap: 39px;
  }

  .tb-gap-40px {
    gap: 40px;
  }

  .tb-gap-41px {
    gap: 41px;
  }

  .tb-gap-42px {
    gap: 42px;
  }

  .tb-gap-43px {
    gap: 43px;
  }

  .tb-gap-44px {
    gap: 44px;
  }

  .tb-gap-45px {
    gap: 45px;
  }

  .tb-gap-46px {
    gap: 46px;
  }

  .tb-gap-47px {
    gap: 47px;
  }

  .tb-gap-48px {
    gap: 48px;
  }

  .tb-gap-49px {
    gap: 49px;
  }

  .tb-gap-50px {
    gap: 50px;
  }
}

/* ===================================================================

state style

=================================================================== */
/* color系汎用class */
.bg-primary {
  background-color: #f29d20;
}

.bg-secondary {
  background-color: #fcf8ed;
}

.bg-accent {
  background-color: #63a99a;
}

.bg-caution {
  background-color: #eb0016;
}

.bg-add2 {
  background-color: #ffff00;
}

.bg-wt {
  background-color: #fff;
}

.bg-bk {
  background-color: #2b2b2b;
}

.bg-gray {
  background-color: #aaaaaa;
}

.bg-gray2 {
  background-color: #f2f2f2;
}

/* opacity汎用class */
.op-0 {
  opacity: 0;
}

.op-1 {
  opacity: 0.1;
}

.op-2 {
  opacity: 0.2;
}

.op-3 {
  opacity: 0.3;
}

.op-4 {
  opacity: 0.4;
}

.op-5 {
  opacity: 0.5;
}

.op-6 {
  opacity: 0.6;
}

.op-7 {
  opacity: 0.7;
}

.op-8 {
  opacity: 0.8;
}

.op-9 {
  opacity: 0.9;
}

.op-10 {
  opacity: 1;
}

.is-pc {
  display: block !important;
}

@media (max-width: 767px) {
  .is-pc {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-pc {
    display: none !important;
  }
}

.is-tb {
  display: none !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-tb {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-tb {
    display: block !important;
  }
}

.is-sp {
  display: none !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-sp {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .is-sp {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-sp {
    display: none !important;
  }
}

.is-pc-tb {
  display: block !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-pc-tb {
    display: block !important;
  }
}

.is-tb-sp {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-tb-sp {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .is-tb-sp {
    display: block !important;
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-tb-sp {
    display: block !important;
  }
}

/* ===================================================================

transform style

=================================================================== */
.ts-x-c {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ts-x-c {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .sp-ts-x-c {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ts-x-c {
    left: 50%;
    transform: translateX(-50%);
  }
}

.ts-y-c {
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ts-y-c {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 767px) {
  .sp-ts-y-c {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ts-y-c {
    top: 50%;
    transform: translateY(-50%);
  }
}

/* ===================================================================

transition style

=================================================================== */
.ts-0 {
  transition: 0s;
}

.ts-1 {
  transition: 0.1s;
}

.ts-2 {
  transition: 0.2s;
}

.ts-3 {
  transition: 0.3s;
}

.ts-4 {
  transition: 0.4s;
}

.ts-5 {
  transition: 0.5s;
}

.ts-6 {
  transition: 0.6s;
}

.ts-7 {
  transition: 0.7s;
}

.ts-8 {
  transition: 0.8s;
}

.ts-9 {
  transition: 0.9s;
}

.ts-10 {
  transition: 1s;
}

.ts-11 {
  transition: 1.1s;
}

.ts-12 {
  transition: 1.2s;
}

.ts-13 {
  transition: 1.3s;
}

.ts-14 {
  transition: 1.4s;
}

.ts-15 {
  transition: 1.5s;
}

.ts-16 {
  transition: 1.6s;
}

.ts-17 {
  transition: 1.7s;
}

.ts-18 {
  transition: 1.8s;
}

.ts-19 {
  transition: 1.9s;
}

.ts-20 {
  transition: 2s;
}

.ts-d-0 {
  transition-delay: 0s;
}

.ts-d-1 {
  transition-delay: 0.1s;
}

.ts-d-2 {
  transition-delay: 0.2s;
}

.ts-d-3 {
  transition-delay: 0.3s;
}

.ts-d-4 {
  transition-delay: 0.4s;
}

.ts-d-5 {
  transition-delay: 0.5s;
}

.ts-d-6 {
  transition-delay: 0.6s;
}

.ts-d-7 {
  transition-delay: 0.7s;
}

.ts-d-8 {
  transition-delay: 0.8s;
}

.ts-d-9 {
  transition-delay: 0.9s;
}

.ts-d-10 {
  transition-delay: 1s;
}

.ts-d-11 {
  transition-delay: 1.1s;
}

.ts-d-12 {
  transition-delay: 1.2s;
}

.ts-d-13 {
  transition-delay: 1.3s;
}

.ts-d-14 {
  transition-delay: 1.4s;
}

.ts-d-15 {
  transition-delay: 1.5s;
}

.ts-d-16 {
  transition-delay: 1.6s;
}

.ts-d-17 {
  transition-delay: 1.7s;
}

.ts-d-18 {
  transition-delay: 1.8s;
}

.ts-d-19 {
  transition-delay: 1.9s;
}

.ts-d-20 {
  transition-delay: 2s;
}

/* ===================================================================

typography style

=================================================================== */
/* font-size汎用class */
.fz-xss {
  font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 10 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

.fz-xs {
  font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 12 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

.fz-s {
  font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 14 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

.fz-sm {
  font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 16 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

.fz-m {
  font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 18 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

.fz-ml {
  font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 20 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

.fz-l {
  font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 24 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

.fz-xl {
  font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 28 / var(--baseFontSize) * 2rem);
  min-height: 0vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 10 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 12 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 14 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 16 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 18 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 20 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 24 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 28 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 48em) and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoom-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 48em) and (min-width: 768px) and (max-width: 767px) {
  .zoom-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 10 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 12 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 14 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 16 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 18 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 20 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 24 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) {
  .sp-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 28 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .sp-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .sp-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 10 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-xss {
    font-size: clamp(10 / var(--baseFontSize) * 1rem, 10 / var(--baseFontSize) * 1rem + 10 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 10 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 12 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-xs {
    font-size: clamp(12 / var(--baseFontSize) * 1rem, 12 / var(--baseFontSize) * 1rem + 12 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 12 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 14 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-s {
    font-size: clamp(14 / var(--baseFontSize) * 1rem, 14 / var(--baseFontSize) * 1rem + 14 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 14 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 16 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-sm {
    font-size: clamp(16 / var(--baseFontSize) * 1rem, 16 / var(--baseFontSize) * 1rem + 16 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 16 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 18 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-m {
    font-size: clamp(18 / var(--baseFontSize) * 1rem, 18 / var(--baseFontSize) * 1rem + 18 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 18 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 20 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-ml {
    font-size: clamp(20 / var(--baseFontSize) * 1rem, 20 / var(--baseFontSize) * 1rem + 20 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 20 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 24 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-l {
    font-size: clamp(24 / var(--baseFontSize) * 1rem, 24 / var(--baseFontSize) * 1rem + 24 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 24 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 84.0625rem) / 35.9375, 28 / var(--baseFontSize) * 2rem);
    min-height: 0vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 46.0625rem) / 73.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .tb-fz-xl {
    font-size: clamp(28 / var(--baseFontSize) * 1rem, 28 / var(--baseFontSize) * 1rem + 28 / var(--baseFontSize) * (100vw - 18.0625rem) / 101.9375, 28 / var(--baseFontSize) * 2rem);
  }
}

.fz-xssrem {
  font-size: calc(10rem / var(--baseFontSize));
}

.fz-xsrem {
  font-size: calc(12rem / var(--baseFontSize));
}

.fz-srem {
  font-size: calc(14rem / var(--baseFontSize));
}

.fz-smrem {
  font-size: calc(16rem / var(--baseFontSize));
}

.fz-mrem {
  font-size: calc(18rem / var(--baseFontSize));
}

.fz-mlrem {
  font-size: calc(20rem / var(--baseFontSize));
}

.fz-lrem {
  font-size: calc(24rem / var(--baseFontSize));
}

.fz-xlrem {
  font-size: calc(28rem / var(--baseFontSize));
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fz-xssrem {
    font-size: calc(10rem / var(--baseFontSize));
  }

  .zoom-fz-xsrem {
    font-size: calc(12rem / var(--baseFontSize));
  }

  .zoom-fz-srem {
    font-size: calc(14rem / var(--baseFontSize));
  }

  .zoom-fz-smrem {
    font-size: calc(16rem / var(--baseFontSize));
  }

  .zoom-fz-mrem {
    font-size: calc(18rem / var(--baseFontSize));
  }

  .zoom-fz-mlrem {
    font-size: calc(20rem / var(--baseFontSize));
  }

  .zoom-fz-lrem {
    font-size: calc(24rem / var(--baseFontSize));
  }

  .zoom-fz-xlrem {
    font-size: calc(28rem / var(--baseFontSize));
  }
}

@media (max-width: 767px) {
  .sp-fz-xssrem {
    font-size: calc(10rem / var(--baseFontSize));
  }

  .sp-fz-xsrem {
    font-size: calc(12rem / var(--baseFontSize));
  }

  .sp-fz-srem {
    font-size: calc(14rem / var(--baseFontSize));
  }

  .sp-fz-smrem {
    font-size: calc(16rem / var(--baseFontSize));
  }

  .sp-fz-mrem {
    font-size: calc(18rem / var(--baseFontSize));
  }

  .sp-fz-mlrem {
    font-size: calc(20rem / var(--baseFontSize));
  }

  .sp-fz-lrem {
    font-size: calc(24rem / var(--baseFontSize));
  }

  .sp-fz-xlrem {
    font-size: calc(28rem / var(--baseFontSize));
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fz-xssrem {
    font-size: calc(10rem / var(--baseFontSize));
  }

  .tb-fz-xsrem {
    font-size: calc(12rem / var(--baseFontSize));
  }

  .tb-fz-srem {
    font-size: calc(14rem / var(--baseFontSize));
  }

  .tb-fz-smrem {
    font-size: calc(16rem / var(--baseFontSize));
  }

  .tb-fz-mrem {
    font-size: calc(18rem / var(--baseFontSize));
  }

  .tb-fz-mlrem {
    font-size: calc(20rem / var(--baseFontSize));
  }

  .tb-fz-lrem {
    font-size: calc(24rem / var(--baseFontSize));
  }

  .tb-fz-xlrem {
    font-size: calc(28rem / var(--baseFontSize));
  }
}

.font-secondary {
  font-family: "Noto Sans JP", sans-serif;
}

.font-tertiary {
  font-family: "Lato", sans-serif;
}

/* color系汎用class */
.color-primary {
  color: #f29d20;
}

a.color-primary {
  color: #f29d20;
}

.color-secondary {
  color: #fcf8ed;
}

a.color-secondary {
  color: #fcf8ed;
}

.color-accent {
  color: #63a99a;
}

a.color-accent {
  color: #63a99a;
}

.color-caution {
  color: #eb0016;
}

a.color-caution {
  color: #eb0016;
}

.color-add2 {
  color: #ffff00;
}

a.color-add2 {
  color: #ffff00;
}

.color-wt {
  color: #fff;
}

a.color-wt {
  color: #fff;
}

.color-bk {
  color: #2b2b2b;
}

a.color-bk {
  color: #2b2b2b;
}

.color-gray {
  color: #aaaaaa;
}

a.color-gray {
  color: #aaaaaa;
}

.color-gray2 {
  color: #f2f2f2;
}

a.color-gray2 {
  color: #f2f2f2;
}

.ta-l {
  text-align: left;
}

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

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

.ta-l-j {
  text-align: justify;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ta-l {
    text-align: left;
  }

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

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

  .zoom-ta-l-j {
    text-align: justify;
  }
}

@media (max-width: 767px) {
  .sp-ta-l {
    text-align: left;
  }

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

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

  .sp-ta-l-j {
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ta-l {
    text-align: left;
  }

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

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

  .tb-ta-l-j {
    text-align: justify;
  }
}

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

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

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

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

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

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

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

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

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

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

.fw-n {
  font-weight: normal;
}

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

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-fw-100 {
    font-weight: 100;
  }

  .zoom-fw-200 {
    font-weight: 200;
  }

  .zoom-fw-300 {
    font-weight: 300;
  }

  .zoom-fw-400 {
    font-weight: 400;
  }

  .zoom-fw-500 {
    font-weight: 500;
  }

  .zoom-fw-600 {
    font-weight: 600;
  }

  .zoom-fw-700 {
    font-weight: 700;
  }

  .zoom-fw-800 {
    font-weight: 800;
  }

  .zoom-fw-900 {
    font-weight: 900;
  }

  .zoom-fw-1000 {
    font-weight: 1000;
  }

  .zoom-fw-n {
    font-weight: normal;
  }

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

@media (max-width: 767px) {
  .sp-fw-100 {
    font-weight: 100;
  }

  .sp-fw-200 {
    font-weight: 200;
  }

  .sp-fw-300 {
    font-weight: 300;
  }

  .sp-fw-400 {
    font-weight: 400;
  }

  .sp-fw-500 {
    font-weight: 500;
  }

  .sp-fw-600 {
    font-weight: 600;
  }

  .sp-fw-700 {
    font-weight: 700;
  }

  .sp-fw-800 {
    font-weight: 800;
  }

  .sp-fw-900 {
    font-weight: 900;
  }

  .sp-fw-1000 {
    font-weight: 1000;
  }

  .sp-fw-n {
    font-weight: normal;
  }

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

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-fw-100 {
    font-weight: 100;
  }

  .tb-fw-200 {
    font-weight: 200;
  }

  .tb-fw-300 {
    font-weight: 300;
  }

  .tb-fw-400 {
    font-weight: 400;
  }

  .tb-fw-500 {
    font-weight: 500;
  }

  .tb-fw-600 {
    font-weight: 600;
  }

  .tb-fw-700 {
    font-weight: 700;
  }

  .tb-fw-800 {
    font-weight: 800;
  }

  .tb-fw-900 {
    font-weight: 900;
  }

  .tb-fw-1000 {
    font-weight: 1000;
  }

  .tb-fw-n {
    font-weight: normal;
  }

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

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

.td-n {
  text-decoration: none;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-td-ul {
    text-decoration: underline;
  }

  .zoom-td-n {
    text-decoration: none;
  }
}

@media (max-width: 767px) {
  .sp-td-ul {
    text-decoration: underline;
  }

  .sp-td-n {
    text-decoration: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-td-ul {
    text-decoration: underline;
  }

  .tb-td-n {
    text-decoration: none;
  }
}

.tu-o-1 {
  text-underline-offset: 1px;
}

.tu-o-2 {
  text-underline-offset: 2px;
}

.tu-o-3 {
  text-underline-offset: 3px;
}

.tu-o-4 {
  text-underline-offset: 4px;
}

.tu-o-5 {
  text-underline-offset: 5px;
}

.tu-o-6 {
  text-underline-offset: 6px;
}

.tu-o-7 {
  text-underline-offset: 7px;
}

.tu-o-8 {
  text-underline-offset: 8px;
}

.tu-o-9 {
  text-underline-offset: 9px;
}

.tu-o-10 {
  text-underline-offset: 10px;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-tu-o-1 {
    text-underline-offset: 1px;
  }

  .zoom-tu-o-2 {
    text-underline-offset: 2px;
  }

  .zoom-tu-o-3 {
    text-underline-offset: 3px;
  }

  .zoom-tu-o-4 {
    text-underline-offset: 4px;
  }

  .zoom-tu-o-5 {
    text-underline-offset: 5px;
  }

  .zoom-tu-o-6 {
    text-underline-offset: 6px;
  }

  .zoom-tu-o-7 {
    text-underline-offset: 7px;
  }

  .zoom-tu-o-8 {
    text-underline-offset: 8px;
  }

  .zoom-tu-o-9 {
    text-underline-offset: 9px;
  }

  .zoom-tu-o-10 {
    text-underline-offset: 10px;
  }
}

@media (max-width: 767px) {
  .sp-tu-o-1 {
    text-underline-offset: 1px;
  }

  .sp-tu-o-2 {
    text-underline-offset: 2px;
  }

  .sp-tu-o-3 {
    text-underline-offset: 3px;
  }

  .sp-tu-o-4 {
    text-underline-offset: 4px;
  }

  .sp-tu-o-5 {
    text-underline-offset: 5px;
  }

  .sp-tu-o-6 {
    text-underline-offset: 6px;
  }

  .sp-tu-o-7 {
    text-underline-offset: 7px;
  }

  .sp-tu-o-8 {
    text-underline-offset: 8px;
  }

  .sp-tu-o-9 {
    text-underline-offset: 9px;
  }

  .sp-tu-o-10 {
    text-underline-offset: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-tu-o-1 {
    text-underline-offset: 1px;
  }

  .tb-tu-o-2 {
    text-underline-offset: 2px;
  }

  .tb-tu-o-3 {
    text-underline-offset: 3px;
  }

  .tb-tu-o-4 {
    text-underline-offset: 4px;
  }

  .tb-tu-o-5 {
    text-underline-offset: 5px;
  }

  .tb-tu-o-6 {
    text-underline-offset: 6px;
  }

  .tb-tu-o-7 {
    text-underline-offset: 7px;
  }

  .tb-tu-o-8 {
    text-underline-offset: 8px;
  }

  .tb-tu-o-9 {
    text-underline-offset: 9px;
  }

  .tb-tu-o-10 {
    text-underline-offset: 10px;
  }
}

.lh-s {
  line-height: 1;
}

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

.lh-m {
  line-height: 1.5;
}

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

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

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

.wm-v-lr {
  writing-mode: vertical-lr;
}

.wm-v-rl {
  writing-mode: vertical-rl;
}

.wm-r {
  writing-mode: right;
}

.wm-h {
  writing-mode: horizontal-tb;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-wm-v-lr {
    writing-mode: vertical-lr;
  }

  .zoom-wm-v-rl {
    writing-mode: vertical-rl;
  }

  .zoom-wm-r {
    writing-mode: right;
  }

  .zoom-wm-h {
    writing-mode: horizontal-tb;
  }
}

@media (max-width: 767px) {
  .sp-wm-v-lr {
    writing-mode: vertical-lr;
  }

  .sp-wm-v-rl {
    writing-mode: vertical-rl;
  }

  .sp-wm-r {
    writing-mode: right;
  }

  .sp-wm-h {
    writing-mode: horizontal-tb;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-wm-v-lr {
    writing-mode: vertical-lr;
  }

  .tb-wm-v-rl {
    writing-mode: vertical-rl;
  }

  .tb-wm-r {
    writing-mode: right;
  }

  .tb-wm-h {
    writing-mode: horizontal-tb;
  }
}

.to-ur {
  text-orientation: upright;
}

.to-i {
  text-orientation: initial;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-to-ur {
    text-orientation: upright;
  }

  .zoom-to-i {
    text-orientation: initial;
  }
}

@media (max-width: 767px) {
  .sp-to-ur {
    text-orientation: upright;
  }

  .sp-to-i {
    text-orientation: initial;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-to-ur {
    text-orientation: upright;
  }

  .tb-to-i {
    text-orientation: initial;
  }
}

.va-t {
  vertical-align: top;
}

.va-m {
  vertical-align: middle;
}

.va-b {
  vertical-align: bottom;
}

.va-bl {
  vertical-align: baseline;
}

.va-tt {
  vertical-align: text-top;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-va-t {
    vertical-align: top;
  }

  .zoom-va-m {
    vertical-align: middle;
  }

  .zoom-va-b {
    vertical-align: bottom;
  }

  .zoom-va-bl {
    vertical-align: baseline;
  }

  .zoom-va-tt {
    vertical-align: text-top;
  }
}

@media (max-width: 767px) {
  .sp-va-t {
    vertical-align: top;
  }

  .sp-va-m {
    vertical-align: middle;
  }

  .sp-va-b {
    vertical-align: bottom;
  }

  .sp-va-bl {
    vertical-align: baseline;
  }

  .sp-va-tt {
    vertical-align: text-top;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-va-t {
    vertical-align: top;
  }

  .tb-va-m {
    vertical-align: middle;
  }

  .tb-va-b {
    vertical-align: bottom;
  }

  .tb-va-bl {
    vertical-align: baseline;
  }

  .tb-va-tt {
    vertical-align: text-top;
  }
}

.wb-ba {
  word-break: break-all;
}

.wb-bw {
  word-break: break-word;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-wb-ba {
    word-break: break-all;
  }

  .zoom-wb-bw {
    word-break: break-word;
  }
}

@media (max-width: 767px) {
  .sp-wb-ba {
    word-break: break-all;
  }

  .sp-wb-bw {
    word-break: break-word;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-wb-ba {
    word-break: break-all;
  }

  .tb-wb-bw {
    word-break: break-word;
  }
}

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

.ws-n {
  white-space: normal;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ws-nw {
    white-space: nowrap;
  }

  .zoom-ws-n {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .sp-ws-nw {
    white-space: nowrap;
  }

  .sp-ws-n {
    white-space: normal;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ws-nw {
    white-space: nowrap;
  }

  .tb-ws-n {
    white-space: normal;
  }
}

.tt-uc {
  text-transform: uppercase;
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-tt-uc {
    text-transform: uppercase;
  }
}

@media (max-width: 767px) {
  .sp-tt-uc {
    text-transform: uppercase;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-tt-uc {
    text-transform: uppercase;
  }
}

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

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

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

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

.ls-5 {
  letter-spacing: 0.5em;
}

.ls-6 {
  letter-spacing: 0.6em;
}

.ls-7 {
  letter-spacing: 0.7em;
}

.ls-8 {
  letter-spacing: 0.8em;
}

.ls-9 {
  letter-spacing: 0.9em;
}

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

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ls-1 {
    letter-spacing: 0.1em;
  }

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

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

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

  .zoom-ls-5 {
    letter-spacing: 0.5em;
  }

  .zoom-ls-6 {
    letter-spacing: 0.6em;
  }

  .zoom-ls-7 {
    letter-spacing: 0.7em;
  }

  .zoom-ls-8 {
    letter-spacing: 0.8em;
  }

  .zoom-ls-9 {
    letter-spacing: 0.9em;
  }

  .zoom-ls-10 {
    letter-spacing: 1em;
  }
}

@media (max-width: 767px) {
  .sp-ls-1 {
    letter-spacing: 0.1em;
  }

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

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

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

  .sp-ls-5 {
    letter-spacing: 0.5em;
  }

  .sp-ls-6 {
    letter-spacing: 0.6em;
  }

  .sp-ls-7 {
    letter-spacing: 0.7em;
  }

  .sp-ls-8 {
    letter-spacing: 0.8em;
  }

  .sp-ls-9 {
    letter-spacing: 0.9em;
  }

  .sp-ls-10 {
    letter-spacing: 1em;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ls-1 {
    letter-spacing: 0.1em;
  }

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

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

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

  .tb-ls-5 {
    letter-spacing: 0.5em;
  }

  .tb-ls-6 {
    letter-spacing: 0.6em;
  }

  .tb-ls-7 {
    letter-spacing: 0.7em;
  }

  .tb-ls-8 {
    letter-spacing: 0.8em;
  }

  .tb-ls-9 {
    letter-spacing: 0.9em;
  }

  .tb-ls-10 {
    letter-spacing: 1em;
  }
}

.ffs-i {
  font-feature-settings: initial;
}

.ffs-p {
  font-feature-settings: "palt";
}

@media (max-width: 48em) and (min-width: 768px) {
  .zoom-ffs-i {
    font-feature-settings: initial;
  }

  .zoom-ffs-p {
    font-feature-settings: "palt";
  }
}

@media (max-width: 767px) {
  .sp-ffs-i {
    font-feature-settings: initial;
  }

  .sp-ffs-p {
    font-feature-settings: "palt";
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tb-ffs-i {
    font-feature-settings: initial;
  }

  .tb-ffs-p {
    font-feature-settings: "palt";
  }
}

/* ===================================================================

component style

=================================================================== */
.c-globalmenu-button {
  background-color: transparent;
  border: 0;
  position: fixed;
  width: calc(30rem / var(--baseFontSize));
  padding-bottom: calc(30rem / var(--baseFontSize));
  right: 2%;
  top: calc(20rem / var(--baseFontSize));
  cursor: pointer;
  z-index: 101;
}

@media (max-width: 767px) {
  .c-globalmenu-button {
    top: calc(20rem / var(--baseFontSize));
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .c-globalmenu-button {
    top: calc(10rem / var(--baseFontSize));
  }
}

.c-globalmenu-button .p-globalmenu-bar {
  display: block;
  width: calc(30rem / var(--baseFontSize));
  height: calc(1rem / var(--baseFontSize));
  position: absolute;
  left: 0;
  transition: 0.5s ease;
}

.c-globalmenu-button .p-globalmenu-bar--1 {
  top: 0;
  background-color: #000;
}

.c-globalmenu-button .p-globalmenu-bar--1.is-open {
  top: calc(10rem / var(--baseFontSize));
  transform: rotate(405deg);
  transition-duration: 0.4s;
  transition-delay: 0.2s;
}

.c-globalmenu-button .p-globalmenu-bar--2 {
  top: calc(10rem / var(--baseFontSize));
  background-color: #000;
  width: calc(30rem / var(--baseFontSize));
}

.c-globalmenu-button .p-globalmenu-bar--2.is-open {
  transform: scaleX(0);
  transition: 0.2s;
}

.c-globalmenu-button .p-globalmenu-bar--3 {
  top: calc(10rem / var(--baseFontSize) * 2);
  width: calc(30rem / var(--baseFontSize));
  background-color: #000;
}

.c-globalmenu-button .p-globalmenu-bar--3.is-open {
  top: calc(10rem / var(--baseFontSize));
  width: calc(30rem / var(--baseFontSize));
  transform: rotate(-405deg);
  transition-duration: 0.4s;
  transition-delay: 0.2s;
}

.c-globalmenu-inner {
  width: calc(270rem / var(--baseFontSize));
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: -100%;
  opacity: 0;
  transition: 0.5s 0.3s;
  z-index: 100;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .c-globalmenu-inner {
    width: 100%;
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .c-globalmenu-inner {
    width: 100%;
  }
}

.c-globalmenu-inner.is-show {
  right: 0;
  opacity: 1;
}

.c-globalmenu-inner .p-globalmenu-navigation {
  margin: calc(70rem / var(--baseFontSize)) auto 0;
  width: calc(250rem / var(--baseFontSize));
  opacity: 0;
  transition: 1s;
  transform: translateX(calc(30rem / var(--baseFontSize)));
  text-align: center;
}

@media (max-width: 767px) {
  .c-globalmenu-inner .p-globalmenu-navigation {
    width: 90%;
  }
}

@media (max-width: 48em) and (min-width: 768px) {
  .c-globalmenu-inner .p-globalmenu-navigation {
    width: 90%;
  }
}

.c-globalmenu-inner .p-globalmenu-navigation.on-animation {
  opacity: 1;
  transform: translateX(0px);
  transition: 1s 0.4s cubic-bezier(0.18, 2.5, 0.1, 1.8);
}

.c-globalmenu-inner .p-globalmenu-navigation .p-globalmenu-list .p-globalmenu-item {
  margin-bottom: calc(20rem / var(--baseFontSize));
}

.p-globalmenu-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
  opacity: 0;
  transition: 0.6s;
  cursor: pointer;
}

.p-globalmenu-background.is-active {
  opacity: 1;
  transition: 0.6s;
}

body.is-fixed {
  position: fixed;
  width: 100%;
  top: 0;
}

/* ===================================================================

project style

=================================================================== */
.text-56 {
  font-size: clamp(28rem / var(--baseFontSize), 28rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 1065, 56rem / var(--baseFontSize));
}

.text-24-pc {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 12 * (100vw - 769rem / var(--baseFontSize)) / 671, 24rem / var(--baseFontSize));
}

.text-20-pc {
  font-size: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 20rem / var(--baseFontSize));
}

.text-21-pc {
  font-size: clamp(11rem / var(--baseFontSize), 11rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 21rem / var(--baseFontSize));
}

.text-22-sp {
  font-size: clamp(22rem / var(--baseFontSize), 22rem / var(--baseFontSize) + 22 * (100vw - 375rem / var(--baseFontSize)) / 393, 44rem / var(--baseFontSize));
}

.text-28-sp {
  font-size: clamp(14rem / var(--baseFontSize), 14rem / var(--baseFontSize) + 14 * (100vw - 375rem / var(--baseFontSize)) / 393, 28rem / var(--baseFontSize));
}

.text-33-pc {
  font-size: clamp(16.5rem / var(--baseFontSize), 16.5rem / var(--baseFontSize) + 16.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 33rem / var(--baseFontSize));
}

.text-16-sp {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 16 * (100vw - 375rem / var(--baseFontSize)) / 393, 32rem / var(--baseFontSize));
}

.text-18-sp {
  font-size: clamp(18rem / var(--baseFontSize), 18rem / var(--baseFontSize) + 18 * (100vw - 375rem / var(--baseFontSize)) / 393, 36rem / var(--baseFontSize));
}

.text-48 {
  font-size: clamp(24rem / var(--baseFontSize), 24rem / var(--baseFontSize) + 24 * (100vw - 375rem / var(--baseFontSize)) / 1065, 48rem / var(--baseFontSize));
}

.size-50 {
  width: clamp(25rem / var(--baseFontSize), 25rem / var(--baseFontSize) + 25 * (100vw - 375rem / var(--baseFontSize)) / 1065, 50rem / var(--baseFontSize));
}

.text-18 {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 2 * (100vw - 375rem / var(--baseFontSize)) / 1065, 18rem / var(--baseFontSize));
}

.text-14 {
  font-size: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 14rem / var(--baseFontSize));
}

.text-16 {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 16rem / var(--baseFontSize));
}

.text-14-2 {
  font-size: clamp(7rem / var(--baseFontSize), 7rem / var(--baseFontSize) + 7 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .text-14-2 {
    font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 8 * (100vw - 375rem / var(--baseFontSize)) / 393, 20rem / var(--baseFontSize));
  }
}

.space-20 {
  margin-bottom: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 4 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20 {
    margin-bottom: clamp(17rem / var(--baseFontSize), 17rem / var(--baseFontSize) + 23 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.space-5 {
  padding-top: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
  padding-bottom: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
}

.space-10 {
  padding-inline: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.space-20-2 {
  margin-bottom: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 30 * (100vw - 769rem / var(--baseFontSize)) / 671, 40rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20-2 {
    margin-bottom: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.space-5-2 {
  padding-top: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
  padding-bottom: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.space-10-2 {
  padding-inline: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 20rem / var(--baseFontSize));
}

.accordion {
  overflow: hidden;
  background-image: url("../../assets/images/faq_bg.webp");
}

.accordion .js-details .js-summary {
  position: relative;
}

.accordion .js-details .js-summary::-webkit-details-marker {
  display: none;
}

.accordion .js-details .js-summary .icon {
  position: absolute;
  top: 50%;
  right: 3%;
  width: 5%;
  aspect-ratio: 1/1;
  background-color: #333;
  transform-origin: center;
  transform: translateY(-50%);
  transition: 0.4s;
}

.accordion .js-details .js-summary .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 60%;
  height: 4px;
  background-color: #fff;
}

.accordion .js-details .js-summary .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: -90deg;
  width: 60%;
  height: 4px;
  background-color: #fff;
  transition: 0.4s;
}

.accordion .js-details .content {
  overflow: hidden;
}

.accordion .js-details.is-opened .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: -90deg;
  width: 60%;
  height: 4px;
  background-color: #fff;
  transition: 0.4s;
  scale: 0;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-parent:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2%;
  translate: 0 -50%;
  pointer-events: none;
  width: 13px;
  height: 10px;
  background-color: #041532;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

@media (max-width: 767px) {
  .select-parent:before {
    width: 7px;
    height: 5px;
  }
}

.bg-add1 {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: #ffff00;
  text-underline-offset: -0.3em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

@charset "UTF-8";

/* 引数のpxをremに変換 */
/* 引数のpxをvwに変換 */
/*例
p {
  @include hover {
    color: red;
  }
}
*/
/* ===================================================================

reset style

=================================================================== */
* {
  margin: 0;
  padding: 0;
  line-height: calc(0.25rem + 1em + 0.25rem);
  letter-spacing: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
}

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

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  -webkit-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
details,
footer {
  display: block;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #2b2b2b;
}

a:hover {
  text-decoration: none;
}

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

select,
input,
textarea,
button {
  vertical-align: middle;
  background-color: transparent;
  outline: 0px;
  color: #2b2b2b;
}

select,
input,
textarea {
  border: none;
}

/* ブラウザやカラーモー土によってinputの色が変わることを防ぐ */
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ===================================================================

init style

=================================================================== */
html {
  --baseFontSize: 16;
  --baseWindowWidth: 1440;
}

body {
  font-family: sans-serif;
  font-weight: 400;
  line-height: 1.7;
  font-feature-settings: "palt";
  color: #2b2b2b;
  background: #fff;
}

@media all and (-ms-high-contrast: none) {
  body {
    width: 100%;
  }
}

#wrap {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 1001px) {
  #wrap {
    margin: 0 auto;
    width: 100%;
  }

  #wrap img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #wrap {
    max-width: auto;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  #wrap {
    max-width: 768px;
    margin: 0 auto;
  }
}

*:focus-visible:not(input):not(textarea) {
  outline: calc(1rem / var(--baseFontSize)) solid #333;
}

/* resetで消したinputのアピアランスを手作りする */

input[type=radio] {
  position: relative;
  display: inline-block;
  width: 1rem;
  aspect-ratio: 1;
  margin-right: 0.25rem;
  border: 1px solid #2b2b2b;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  aspect-ratio: 1/1;
  translate: -50% -50%;
  border-radius: 50%;
  background-color: #2b2b2b;
}

/* ===================================================================

header style

=================================================================== */

/* ===================================================================

main style

=================================================================== */
/* ===================================================================

footer style

=================================================================== */
/* ===================================================================

animation style

=================================================================== */
/* ===================================================================

borders style

=================================================================== */
/* border-color border-style用設定 */
/* border4辺汎用class */
/* border1辺用汎用class */
.bd-b-w-1 {
  border-bottom-width: calc(1rem / var(--baseFontSize));
  border-style: solid;
  border-color: inherit;
}

.bd-c-wt {
  border-color: #fff;
}

.bd-rd-6 {
  border-radius: calc(6rem / var(--baseFontSize));
}

/* ===================================================================

flexbox style

=================================================================== */
.jc-c {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.ai-c {
  align-items: center;
}

.fs-0 {
  flex-shrink: 0;
}

/* ===================================================================

interactivity style

=================================================================== */
.crs-p {
  cursor: pointer;
}

/* ===================================================================

layout style

=================================================================== */
.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.top-u {
  top: var(--top-u);
}

@media (max-width: 767px) {
  .sp-top-u {
    top: var(--sp-top-u);
  }
}

.bottom-u {
  bottom: var(--bottom-u);
}

@media (max-width: 767px) {
  .sp-bottom-u {
    bottom: var(--sp-bottom-u);
  }
}

.left-u {
  left: var(--left-u);
}

@media (max-width: 767px) {
  .sp-left-u {
    left: var(--sp-left-u);
  }
}

.right-u {
  right: var(--right-u);
}

@media (max-width: 767px) {
  .sp-right-u {
    right: var(--sp-right-u);
  }
}

.d-b {
  display: block;
}

.d-f {
  display: flex;
}

/* ===================================================================

sizing style

=================================================================== */
.w-26p {
  width: 26%;
}

.w-42p {
  width: 42%;
}

.w-62p {
  width: 62%;
}

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

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

.w-89p {
  width: 89%;
}

.w-100p {
  width: 100%;
}

@media (max-width: 767px) {
  .sp-w-74p {
    width: 74%;
  }

  .sp-w-80p {
    width: 80%;
  }

  .sp-w-81p {
    width: 81%;
  }

  .sp-w-90p {
    width: 90%;
  }
}

.w-u {
  width: var(--w-u);
}

@media (max-width: 767px) {
  .sp-w-u {
    width: var(--sp-w-u);
  }
}

.h-100p {
  height: 100%;
}

/* ===================================================================

spacing style

=================================================================== */
.ml-a {
  margin-left: auto;
}

.mr-a {
  margin-right: auto;
}

.mb-sm {
  margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.mb-m {
  margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.mr-s {
  margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pt-xs {
  padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pt-s {
  padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pt-sm {
  padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pt-m {
  padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pt-sm {
    padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pb-xs {
  padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pb-s {
  padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pb-m {
  padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pb-sm {
    padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pr-s {
  padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pr-sm {
  padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pr-l {
  padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pr-xl {
    padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pl-xs {
  padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pl-s {
  padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pl-sm {
  padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pl-sm {
    padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.gap-6p {
  gap: 6%;
}

/* ===================================================================

state style

=================================================================== */
/* color系汎用class */

.bg-wt {
  background-color: #fff;
}

.bg-gray2 {
  background-color: #f2f2f2;
}

/* opacity汎用class */

.is-sp {
  display: none !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-sp {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .is-sp {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-sp {
    display: none !important;
  }
}

.is-pc-tb {
  display: block !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-pc-tb {
    display: block !important;
  }
}

/* ===================================================================

transform style

=================================================================== */
.ts-x-c {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .sp-ts-x-c {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* ===================================================================

transition style

=================================================================== */

/* ===================================================================

typography style

=================================================================== */
/* font-size汎用class */

/* color系汎用class */

.color-caution {
  color: #eb0016;
}

.color-wt {
  color: #fff;
}

a.color-wt {
  color: #fff;
}

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

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

.lh-s {
  line-height: 1;
}

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

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

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

/* ===================================================================

component style

=================================================================== */

/* ===================================================================

project style

=================================================================== */
.text-56 {
  font-size: clamp(28rem / var(--baseFontSize), 28rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 1065, 56rem / var(--baseFontSize));
}

.text-24-pc {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 12 * (100vw - 769rem / var(--baseFontSize)) / 671, 24rem / var(--baseFontSize));
}

.text-20-pc {
  font-size: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 20rem / var(--baseFontSize));
}

.text-21-pc {
  font-size: clamp(11rem / var(--baseFontSize), 11rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 36rem / var(--baseFontSize));
}

.text-22-sp {
  font-size: clamp(22rem / var(--baseFontSize), 22rem / var(--baseFontSize) + 22 * (100vw - 375rem / var(--baseFontSize)) / 393, 44rem / var(--baseFontSize));
}

.text-28-sp {
  font-size: clamp(14rem / var(--baseFontSize), 14rem / var(--baseFontSize) + 14 * (100vw - 375rem / var(--baseFontSize)) / 393, 28rem / var(--baseFontSize));
}

.text-33-pc {
  font-size: clamp(16.5rem / var(--baseFontSize), 16.5rem / var(--baseFontSize) + 16.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 33rem / var(--baseFontSize));
}

.text-16-sp {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 16 * (100vw - 375rem / var(--baseFontSize)) / 393, 32rem / var(--baseFontSize));
}

.text-18-sp {
  font-size: clamp(18rem / var(--baseFontSize), 18rem / var(--baseFontSize) + 18 * (100vw - 375rem / var(--baseFontSize)) / 393, 36rem / var(--baseFontSize));
}

.text-48 {
  font-size: clamp(24rem / var(--baseFontSize), 24rem / var(--baseFontSize) + 24 * (100vw - 375rem / var(--baseFontSize)) / 1065, 48rem / var(--baseFontSize));
}

.size-50 {
  width: clamp(25rem / var(--baseFontSize), 25rem / var(--baseFontSize) + 25 * (100vw - 375rem / var(--baseFontSize)) / 1065, 50rem / var(--baseFontSize));
}

.text-18 {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 2 * (100vw - 375rem / var(--baseFontSize)) / 1065, 18rem / var(--baseFontSize));
}

.text-16 {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 16rem / var(--baseFontSize));
}

.text-14-2 {
  font-size: clamp(7rem / var(--baseFontSize), 7rem / var(--baseFontSize) + 7 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .text-14-2 {
    font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 8 * (100vw - 375rem / var(--baseFontSize)) / 393, 20rem / var(--baseFontSize));
  }
}

.space-20 {
  margin-bottom: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 4 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20 {
    margin-bottom: clamp(17rem / var(--baseFontSize), 17rem / var(--baseFontSize) + 23 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.space-5 {
  padding-top: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
  padding-bottom: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
}

.space-10 {
  padding-inline: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.space-20-2 {
  margin-bottom: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 30 * (100vw - 769rem / var(--baseFontSize)) / 671, 40rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20-2 {
    margin-bottom: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.space-5-2 {
  padding-top: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
  padding-bottom: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.accordion {
  overflow: hidden;
  background-image: url("../../assets/images/faq_bg.webp");
}

.accordion .js-details .js-summary {
  position: relative;
}

.accordion .js-details .js-summary::-webkit-details-marker {
  display: none;
}

.accordion .js-details .js-summary .icon {
  position: absolute;
  top: 50%;
  right: 3%;
  width: 5%;
  aspect-ratio: 1/1;
  background-color: #333;
  transform-origin: center;
  transform: translateY(-50%);
  transition: 0.4s;
}

.accordion .js-details .js-summary .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 60%;
  height: 4px;
  background-color: #fff;
}

.accordion .js-details .js-summary .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: -90deg;
  width: 60%;
  height: 4px;
  background-color: #fff;
  transition: 0.4s;
}

.accordion .js-details .content {
  overflow: hidden;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-parent:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2%;
  translate: 0 -50%;
  pointer-events: none;
  width: 13px;
  height: 10px;
  background-color: #041532;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

@media (max-width: 767px) {
  .select-parent:before {
    width: 7px;
    height: 5px;
  }
}

.bg-add1 {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: #ffff00;
  text-underline-offset: -0.3em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

#customers {
  height: 127px;
  margin-top: 30px;
  pointer-events: none;
  text-align: center;
}

#customers .logoslide {
  animation: bg-slider 46s linear infinite;
  background: url(../../assets/images/logo-slide.png) repeat-x 50%;
  background-size: auto 100px;
  height: 125px;
  width: 100%;
}

@keyframes bg-slider {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -4138px 0
  }
}

@media screen and (max-width: 767px) {
  #customers {
    height: 165px;
    margin-top: 0;
    padding: 25px 0;
  }
}

@media screen and (max-width: 767px) {
  #customers .logoslide {
    height: 110px;
  }
}

.document_dl_btn_wrapper {
  max-width: 900px;
  margin: 28px auto 0;
}

.document_dl_btn {
  position: relative;
}

.document_dl_btn .document_dl_btn_inner {
  position: relative;
  text-align: center;
}

.statement {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 20px;
}

.document_dl_btn .document_dl_btn_inner .statement:before {
  border-right: 2px solid #d2d2d2;
  transform: translateX(-50px) translateY(0) rotate(-28deg);
}

.document_dl_btn .document_dl_btn_inner .statement:after,
.document_dl_btn .document_dl_btn_inner .statement:before {
  content: "";
  width: 0;
  height: 70px;
}

.document_dl_btn .document_dl_btn_inner .statement:after {
  border-left: 2px solid #d2d2d2;
  transform: translateX(50px) translateY(0) rotate(28deg);
}

@media screen and (max-width: 767px) {
  .document_dl_btn_wrapper {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner {
    margin-top: 28px;
    padding: 0 20px;
  }
}


@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement {
    max-width: 353px;
    margin: 0 auto;
    padding: 0 16px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement:before {
    transform: translateX(-10px) translateY(-2px) rotate(-20deg);
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement:after {
    transform: translateX(10px) translateY(-2px) rotate(20deg);
  }
}

@charset "UTF-8";

/* 引数のpxをremに変換 */
/* 引数のpxをvwに変換 */
/*例
p {
  @include hover {
    color: red;
  }
}
*/
/* ===================================================================

reset style

=================================================================== */
* {
  margin: 0;
  padding: 0;
  line-height: calc(0.25rem + 1em + 0.25rem);
  letter-spacing: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
}

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

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  -webkit-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
details,
footer {
  display: block;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #2b2b2b;
}

a:hover {
  text-decoration: none;
}

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

select,
input,
textarea,
button {
  vertical-align: middle;
  background-color: transparent;
  outline: 0px;
  color: #2b2b2b;
}

select,
input,
textarea {
  border: none;
}

/* ブラウザやカラーモー土によってinputの色が変わることを防ぐ */
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ===================================================================

init style

=================================================================== */
html {
  --baseFontSize: 16;
  --baseWindowWidth: 1440;
}

body {
  font-family: sans-serif;
  font-weight: 400;
  line-height: 1.7;
  font-feature-settings: "palt";
  color: #2b2b2b;
  background: #fff;
}

@media all and (-ms-high-contrast: none) {
  body {
    width: 100%;
  }
}

#wrap {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 1001px) {
  #wrap {
    margin: 0 auto;
    width: 100%;
  }

  #wrap img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #wrap {
    max-width: auto;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  #wrap {
    max-width: 768px;
    margin: 0 auto;
  }
}

*:focus-visible:not(input):not(textarea) {
  outline: calc(1rem / var(--baseFontSize)) solid #333;
}

/* resetで消したinputのアピアランスを手作りする */

input[type=radio] {
  position: relative;
  display: inline-block;
  width: 1rem;
  aspect-ratio: 1;
  margin-right: 0.25rem;
  border: 1px solid #2b2b2b;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  aspect-ratio: 1/1;
  translate: -50% -50%;
  border-radius: 50%;
  background-color: #2b2b2b;
}

/* ===================================================================

header style

=================================================================== */

/* ===================================================================

main style

=================================================================== */
/* ===================================================================

footer style

=================================================================== */
/* ===================================================================

animation style

=================================================================== */
/* ===================================================================

borders style

=================================================================== */
/* border-color border-style用設定 */
/* border4辺汎用class */
/* border1辺用汎用class */
.bd-b-w-1 {
  border-style: solid;
  border-color: inherit;
}

.bd-c-wt {
  border-bottom: 1px solid #343434;
}

.bd-rd-6 {
  border-radius: calc(6rem / var(--baseFontSize));
}

/* ===================================================================

flexbox style

=================================================================== */
.jc-c {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.ai-c {
  align-items: center;
}

.fs-0 {
  flex-shrink: 0;
}

/* ===================================================================

interactivity style

=================================================================== */
.crs-p {
  cursor: pointer;
}

/* ===================================================================

layout style

=================================================================== */
.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.top-u {
  top: var(--top-u);
}

@media (max-width: 767px) {
  .sp-top-u {
    top: var(--sp-top-u);
  }
}

.bottom-u {
  bottom: var(--bottom-u);
}

@media (max-width: 767px) {
  .sp-bottom-u {
    bottom: var(--sp-bottom-u);
  }
}

.left-u {
  left: var(--left-u);
}

@media (max-width: 767px) {
  .sp-left-u {
    left: var(--sp-left-u);
  }
}

.right-u {
  right: var(--right-u);
}

@media (max-width: 767px) {
  .sp-right-u {
    right: var(--sp-right-u);
  }
}

.d-b {
  display: block;
}

.d-f {
  display: flex;
}

.footer-logo img {
  width: 300px;
  height: 300px;
}

/* ===================================================================

sizing style

=================================================================== */
.w-26p {
  width: 26%;
}

.w-42p {
  width: 42%;
}

.w-62p {
  width: 62%;
}

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

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

.w-89p {
  width: 89%;
}

.w-100p {
  width: 100%;
}

@media (max-width: 767px) {
  .sp-w-74p {
    width: 74%;
  }

  .sp-w-80p {
    width: 80%;
  }

  .sp-w-81p {
    width: 81%;
  }

  .sp-w-90p {
    width: 90%;
  }
}

.w-u {
  width: var(--w-u);
}

@media (max-width: 767px) {
  .sp-w-u {
    width: var(--sp-w-u);
  }
}

.h-100p {
  height: 100%;
}

/* ===================================================================

spacing style

=================================================================== */
.ml-a {
  margin-left: auto;
}

.mr-a {
  margin-right: auto;
}

.mb-sm {
  margin-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.mb-m {
  margin-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

.mr-s {
  margin-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pt-xs {
  padding-top: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pt-s {
  padding-top: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pt-sm {
  padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pt-m {
  padding-top: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pt-sm {
    padding-top: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pb-xs {
  padding-bottom: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pb-s {
  padding-bottom: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pb-m {
  padding-bottom: calc(40 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pb-sm {
    padding-bottom: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pr-s {
  padding-right: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pr-sm {
  padding-right: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

.pr-l {
  padding-right: calc(80 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pr-xl {
    padding-right: calc(100 / (var(--baseWindowWidth)) * 100vw);
  }
}

.pl-xs {
  padding-left: calc(10 / (var(--baseWindowWidth)) * 100vw);
}

.pl-s {
  padding-left: calc(20 / (var(--baseWindowWidth)) * 100vw);
}

.pl-sm {
  padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
}

@media (max-width: 767px) {
  .sp-pl-sm {
    padding-left: calc(30 / (var(--baseWindowWidth)) * 100vw);
  }
}

.gap-6p {
  gap: 6%;
}

/* ===================================================================

state style

=================================================================== */
/* color系汎用class */

.bg-wt {
  background-color: #fff;
}

.bg-gray2 {
  background-color: #f2f2f2;
}

/* opacity汎用class */

.is-sp {
  display: none !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-sp {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .is-sp {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-sp {
    display: none !important;
  }
}

.is-pc-tb {
  display: block !important;
}

@media (max-width: 48em) and (min-width: 768px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-pc-tb {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .is-pc-tb {
    display: block !important;
  }
}

/* ===================================================================

transform style

=================================================================== */
.ts-x-c {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .sp-ts-x-c {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* ===================================================================

transition style

=================================================================== */

/* ===================================================================

typography style

=================================================================== */
/* font-size汎用class */

/* color系汎用class */

.color-caution {
  color: #eb0016;
}

.color-wt {
  color: #fff;
}

a.color-wt {
  color: #fff;
}

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

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

.lh-s {
  line-height: 1;
}

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

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

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

/* ===================================================================

component style

=================================================================== */

/* ===================================================================

project style

=================================================================== */
.text-56 {
  font-size: clamp(28rem / var(--baseFontSize), 28rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 1065, 56rem / var(--baseFontSize));
}

.text-24-pc {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 12 * (100vw - 769rem / var(--baseFontSize)) / 671, 24rem / var(--baseFontSize));
}

.text-20-pc {
  font-size: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 20rem / var(--baseFontSize));
}

.text-21-pc {
  font-size: clamp(11rem / var(--baseFontSize), 11rem / var(--baseFontSize) + 10 * (100vw - 769rem / var(--baseFontSize)) / 671, 36rem / var(--baseFontSize));
}

.text-22-sp {
  font-size: clamp(22rem / var(--baseFontSize), 22rem / var(--baseFontSize) + 22 * (100vw - 375rem / var(--baseFontSize)) / 393, 44rem / var(--baseFontSize));
}

.text-28-sp {
  font-size: clamp(14rem / var(--baseFontSize), 14rem / var(--baseFontSize) + 14 * (100vw - 375rem / var(--baseFontSize)) / 393, 28rem / var(--baseFontSize));
}

.text-33-pc {
  font-size: clamp(16.5rem / var(--baseFontSize), 16.5rem / var(--baseFontSize) + 16.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 33rem / var(--baseFontSize));
}

.text-16-sp {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 16 * (100vw - 375rem / var(--baseFontSize)) / 393, 32rem / var(--baseFontSize));
}

.text-18-sp {
  font-size: clamp(18rem / var(--baseFontSize), 18rem / var(--baseFontSize) + 18 * (100vw - 375rem / var(--baseFontSize)) / 393, 36rem / var(--baseFontSize));
}

.text-48 {
  font-size: clamp(24rem / var(--baseFontSize), 24rem / var(--baseFontSize) + 24 * (100vw - 375rem / var(--baseFontSize)) / 1065, 48rem / var(--baseFontSize));
}

.size-50 {
  width: clamp(25rem / var(--baseFontSize), 25rem / var(--baseFontSize) + 25 * (100vw - 375rem / var(--baseFontSize)) / 1065, 50rem / var(--baseFontSize));
}

.text-18 {
  font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 2 * (100vw - 375rem / var(--baseFontSize)) / 1065, 18rem / var(--baseFontSize));
}

.text-16 {
  font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 16rem / var(--baseFontSize));
}

.text-14-2 {
  font-size: clamp(7rem / var(--baseFontSize), 7rem / var(--baseFontSize) + 7 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .text-14-2 {
    font-size: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 8 * (100vw - 375rem / var(--baseFontSize)) / 393, 20rem / var(--baseFontSize));
  }
}

.space-20 {
  margin-bottom: clamp(10rem / var(--baseFontSize), 10rem / var(--baseFontSize) + 4 * (100vw - 769rem / var(--baseFontSize)) / 671, 14rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20 {
    margin-bottom: clamp(17rem / var(--baseFontSize), 17rem / var(--baseFontSize) + 23 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.space-5 {
  padding-top: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
  padding-bottom: clamp(2.5rem / var(--baseFontSize), 2.5rem / var(--baseFontSize) + 2.5 * (100vw - 769rem / var(--baseFontSize)) / 671, 5rem / var(--baseFontSize));
}

.space-10 {
  padding-inline: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.space-20-2 {
  margin-bottom: clamp(25rem / var(--baseFontSize), 0rem / var(--baseFontSize) + 30 * (100vw - 970rem / var(--baseFontSize)) / 671, 40rem / var(--baseFontSize));
}

@media (max-width: 767px) {
  .space-20-2 {
    margin-bottom: clamp(12rem / var(--baseFontSize), 12rem / var(--baseFontSize) + 28 * (100vw - 375rem / var(--baseFontSize)) / 393, 40rem / var(--baseFontSize));
  }
}

.text-15 {
  font-size: clamp(12rem / var(--baseFontSize), 7rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 13rem / var(--baseFontSize));
}

@media (max-width: 374px) {
  .text-15 {
    font-size: clamp(11rem / var(--baseFontSize), 7rem / var(--baseFontSize) + 4 * (100vw - 375rem / var(--baseFontSize)) / 1065, 13rem / var(--baseFontSize));
  }
}

.space-5-2 {
  padding-top: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
  padding-bottom: clamp(5rem / var(--baseFontSize), 5rem / var(--baseFontSize) + 5 * (100vw - 769rem / var(--baseFontSize)) / 671, 10rem / var(--baseFontSize));
}

.accordion {
  overflow: hidden;
  background-image: url("../../assets/images/faq_bg.webp");
}

.accordion .js-details .js-summary {
  position: relative;
}

.accordion .js-details .js-summary::-webkit-details-marker {
  display: none;
}

.accordion .js-details .js-summary .icon {
  position: absolute;
  top: 50%;
  right: 3%;
  width: 5%;
  aspect-ratio: 1/1;
  background-color: #333;
  transform-origin: center;
  transform: translateY(-50%);
  transition: 0.4s;
}

.accordion .js-details .js-summary .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 60%;
  height: 4px;
  background-color: #fff;
}

.accordion .js-details .js-summary .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: -90deg;
  width: 60%;
  height: 4px;
  background-color: #fff;
  transition: 0.4s;
}

.accordion .js-details .content {
  overflow: hidden;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-parent:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2%;
  translate: 0 -50%;
  pointer-events: none;
  width: 13px;
  height: 10px;
  background-color: #041532;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

@media (max-width: 767px) {
  .select-parent:before {
    width: 7px;
    height: 5px;
  }
}

.bg-add1 {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: #ffff00;
  text-underline-offset: -0.3em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

#customers {
  height: 127px;
  margin-top: 30px;
  pointer-events: none;
  text-align: center;
}

#customers .logoslide {
  animation: bg-slider 46s linear infinite;
  background: url(../../assets/images/logo-slide.png) repeat-x 50%;
  background-size: auto 100px;
  height: 125px;
  width: 100%;
}

@keyframes bg-slider {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -4138px 0
  }
}

@media screen and (max-width: 767px) {
  #customers {
    height: 165px;
    margin-top: 0;
    padding: 25px 0;
  }
}

@media screen and (max-width: 767px) {
  #customers .logoslide {
    height: 110px;
  }
}

.document_dl_btn_wrapper {
  max-width: 900px;
  margin: 28px auto 0;
}

.document_dl_btn {
  position: relative;
}

.document_dl_btn .document_dl_btn_inner {
  position: relative;
  text-align: center;
}

.statement {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 20px;
}

.document_dl_btn .document_dl_btn_inner .statement:before {
  border-right: 2px solid #d2d2d2;
  transform: translateX(-50px) translateY(0) rotate(-28deg);
}

.document_dl_btn .document_dl_btn_inner .statement:after,
.document_dl_btn .document_dl_btn_inner .statement:before {
  content: "";
  width: 0;
  height: 70px;
}

.document_dl_btn .document_dl_btn_inner .statement:after {
  border-left: 2px solid #d2d2d2;
  transform: translateX(50px) translateY(0) rotate(28deg);
}



















@media (min-width: 768px) {
  .md\:py-20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}



@media (min-width: 768px) {
  .md\:px-4 {
    padding-left: 18rem;
    padding-right: 0rem;
  }
}

.max-w-\[1300px\] {
  max-width: 1300px;
}

.w-full {
  width: 100%;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.flex-col {
  flex-direction: column;
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

@media (min-width: 768px) {
  .md\:opacity-100 {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .md\:text-\[13px\] {
    font-size: 13px;
  }
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .md\:gap-0 {
    gap: 0px;
  }
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
}

.gap-6 {
  gap: 1.5rem;
}

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

.flex-col-reverse {
  flex-direction: column-reverse;
}



@media (min-width: 768px) {
  .md\:w-auto {
    width: auto;
  }
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .md\:text-\[13px\] {
    font-size: clamp(16rem / var(--baseFontSize), 16rem / var(--baseFontSize) + 2*(100vw - 375rem / var(--baseFontSize)) / 1065, 18rem / var(--baseFontSize));
  }
}

@media (min-width: 768px) {
  .md\:gap-6 {
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .md\:items-center {
    align-items: center;
  }
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .md\:w-auto {
    width: auto;
  }
}

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

.flex {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

li.md\:w-auto.flex.items-center {
  padding: 12px;
}

.font-\[Arial\].md\:opacity-100.opacity-60 {
  color: #343434;
  padding: 12px;
}

.items-center a {
  color: #343434;
}







@media (max-width: 767px) {
  .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .footer-logo img {
    width: 200px;
    height: 200px;
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }

  .gap-8 {
    gap: 0rem;
  }

  .md\:py-20 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

















@media screen and (max-width: 767px) {
  .document_dl_btn_wrapper {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner {
    margin-top: 28px;
    padding: 0 20px;
  }
}


@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement {
    max-width: 353px;
    margin: 0 auto;
    padding: 0 16px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement:before {
    transform: translateX(-10px) translateY(-2px) rotate(-20deg);
  }
}

@media (max-width: 767px) {
  .document_dl_btn .document_dl_btn_inner .statement:after {
    transform: translateX(10px) translateY(-2px) rotate(20deg);
  }
}

div#kenga_footer {
  display: none;
}

.hFGZOz.hFGZOz.hFGZOz {
  display: none !important;
}

#xEBUTfAQJE {
  display: none !important;
}


#JivURgnKmp {
  display: none!important;
}