<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

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;
}

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

/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -webkit-calc(-1 * var(--bs-gutter-y));
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: -webkit-calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: -webkit-calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row &gt; * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.row-cols-auto &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .row-cols-sm-auto &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .row-cols-md-auto &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .row-cols-lg-auto &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .row-cols-xl-auto &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  
}
.d-inline {
  display: inline !important;
}

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

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

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

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

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

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

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

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

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

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

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
  -ms-flex-order: 5 !important;
  order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
  -ms-flex-order: 6 !important;
  order: 6 !important;
}

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

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

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

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

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

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

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

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

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

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

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

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

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

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

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

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

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

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

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

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

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

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

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

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

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

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

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

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

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

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

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

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

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

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

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

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}


.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table &gt; :not(caption) &gt; * &gt; * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table &gt; tbody {
  vertical-align: inherit;
}
.table &gt; thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: -webkit-calc(var(--bs-border-width) * 2) solid currentcolor;
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm &gt; :not(caption) &gt; * &gt; * {
  padding: 0.25rem 0.25rem;
}

.table-bordered &gt; :not(caption) &gt; * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered &gt; :not(caption) &gt; * &gt; * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless &gt; :not(caption) &gt; * &gt; * {
  border-bottom-width: 0;
}
.table-borderless &gt; :not(:first-child) {
  border-top-width: 0;
}

.table-striped &gt; tbody &gt; tr:nth-of-type(odd) &gt; * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns &gt; :not(caption) &gt; tr &gt; :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover &gt; tbody &gt; tr:hover &gt; * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}


.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: -webkit-calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: -webkit-calc(100% - var(--bs-modal-margin) * 2);
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: -webkit-calc(100% - var(--bs-modal-margin) * 2);
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-content__wrapper::-webkit-scrollbar {
  display: none;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: -webkit-calc(var(--bs-modal-header-padding-y) * 0.5) -webkit-calc(var(--bs-modal-header-padding-x) * 0.5);
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: -webkit-calc(-0.5 * var(--bs-modal-header-padding-y)) -webkit-calc(-0.5 * var(--bs-modal-header-padding-x)) -webkit-calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: -webkit-calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer &gt; * {
  margin: -webkit-calc(var(--bs-modal-footer-gap) * 0.5);
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical &gt; .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode &gt; .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode &gt; .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode &gt; .swiper-wrapper &gt; .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal &gt; .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical &gt; .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode &gt; .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode &gt; .swiper-wrapper &gt; .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered &gt; .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered &gt; .swiper-wrapper &gt; .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal &gt; .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical &gt; .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: -webkit-calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled &gt; .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal &gt; .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical &gt; .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical &gt; .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-horizontal &gt; .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal &gt; .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl &gt; .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal &gt; .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical &gt; .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal &gt; .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled &gt; .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal &gt; .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: -webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical &gt; .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: -webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container &gt; img,
.swiper-zoom-container &gt; svg,
.swiper-zoom-container &gt; canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode &gt; .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid &gt; .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column &gt; .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: -webkit-calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: -webkit-calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: -webkit-calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: -webkit-calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: -webkit-calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: -webkit-calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: -webkit-calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

html {
  scroll-padding-top: 10vw;
}


@media only screen and (min-width: 768px) {
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 6.25vw;
  }
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #001448;
  line-height: 1.2;
  background: #ffffff;
}

.container {
  display: block;
  max-width: 100%;
  padding: 0 4.8vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 0;
    max-width: 66.667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .container.-sm {
    max-width: 88.889vw;
  }
}
@media only screen and (min-width: 1440px) {
  .container.-lg {
    max-width: 100vw;
  }
}

.ov-hidden {
  overflow: hidden;
}

section {
  padding-top: 10.667vw;
  padding-bottom: 10.667vw;
}
@media only screen and (min-width: 768px) {
  section {
    padding-top: 5.556vw;
    padding-bottom: 5.556vw;
  }
}

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

.heading__prim {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .heading__prim {
    font-size: 2.5vw;
    padding-bottom: 2.5vw;
  }
}

.heading__sec {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .heading__sec {
    font-size: 4.167vw;
  }
}

.baseball__font {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .baseball__font {
    font-size: 1.53vw;
  }
}

.baseball__font-sm {
  font-size: 4.267vw;
  font-weight: 700;
  line-height: 160%;
  /* min-height: 13.6vw; */
}
@media only screen and (min-width: 768px) {
  .baseball__font-sm {
    line-height: 200%;
    font-size: 1.111vw;
    min-height: 4.444vw;
  }
}

.main__ttl {
  text-align: center;
  padding-bottom: 8.533vw;
}
@media only screen and (min-width: 768px) {
  .main__ttl {
    padding-bottom: 2.222vw;
  }
}

.sub__ttl {
  font-size: 8.533vw;
  font-weight: 900;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .sub__ttl {
    font-size: 2.222vw;
  }
}

.pc {
  display: none;
}
@media only screen and (min-width: 768px) {
  .pc {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

.abouttop {
  position: relative;
  padding-bottom: 0;
  padding-top: 13.667vw;
  margin-top: -5vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .abouttop {
    padding-bottom: 4.967vw;
    padding-top: 3.414vw;
    /* margin-top: unset; */
  }
}
.abouttop__wrapper {
  position: relative;
}
.abouttop__wrapper::before {
  content: "";
  background-image: url(../img/top/about_bg_sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 96vw;
  height: 53.067vw;
  position: absolute;
  top: 39.733vw;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .abouttop__wrapper::before {
    background-image: url(../img/top/abouttop_bg.svg);
    width: 82.431vw;
    height: 67.917vw;
    top: 7.639vw;
    left: 0;
  }
}
.abouttop .container {
  position: relative;
}
.abouttop__title {
  text-align: right;
  max-width: 78.133vw;
  margin: 0 auto;
}
.abouttop .about__chart_img {
  padding-top: 4.275vw;
}
.abouttop__title .baseball__font {
  margin-top: 8.333vw;
}
@media only screen and (min-width: 768px) {
  .abouttop .about__chart_img {
    padding-top: 5.694vw;
  }
  .abouttop__title {
    max-width: 50vw;
    height: 11.806vw;
    margin-bottom: 4.894vw;
  }
}
.abouttop__title img {
  width: 100%;
}
.abouttop .baseball__font {
  line-height: 1.8;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .abouttop .baseball__font {
    line-height: 2.1;
    text-align: center;
  }
}
.abouttop__img {
  max-width: 77.333vw;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 8.533vw;
}
@media only screen and (min-width: 768px) {
  .abouttop__img {
    position: absolute;
    top: 9.569vw;
    left: -24.6vw;
    max-width: 28.125vw;
    z-index: -1;
    margin: unset;
    padding-bottom: unset;
  }
}
.abouttop__img img {
  border-radius: 5.333vw;
  transform: rotate(-9deg);
  width: 100%;
  margin-top: -3.533vw;
}
@media only screen and (min-width: 768px) {
  .abouttop__img img {
    border-radius: 1.758vw;
    transform: rotate(-11.05deg);
    margin-top: unset;
  }
}
.abouttop__img_rgt {
  max-width: 77.333vw;
  margin: 4.8vw 0 0 32vw;
  width: 100vw;
  display: none;
}
@media only screen and (min-width: 768px) {
  .abouttop__img_rgt {
    display: block;
    position: absolute;
    top: 40.903vw;
    right: -25.7vw;
    max-width: 25.417vw;
    z-index: -1;
    margin: unset;
  }
}
.abouttop__img_rgt img {
  border-radius: 3.333vw;
  transform: rotate(9deg);
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .abouttop__img_rgt img {
    border-radius: 1.758vw;
    transform: rotate(17.34deg);
  }
}

.classtop {
  position: relative;
  /* overflow: hidden; */
  padding-bottom: 5.778vw;
  padding-top: 5.083vw;
}
@media only screen and (max-width: 767px) {
  .classtop {
    /* overflow: hidden; */
    margin-top: -4vw;
    padding-top: 14vw;
    padding-bottom: 10.667vw;
  }
}
.classtop:before {
  content: "";
  /* background-image: url(../img/top/bat_icon-sp.svg); */
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  /* max-width: 27.2vw; */
  width: 100%;
  /* height: 29.067vw; */
  top: -3.533vw;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .classtop:before {
    background-image: url(../img/top/bat_icon.svg);
    max-width: 12.014vw;
    width: 100%;
    height: 10.972vw;
    top: initial;
    right: initial;
    bottom: -9vw;
    left: 0;
  }
}
.classtop::after {
  content: "";
  background-image: url(../img/top/glove_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 24.533vw;
  width: 100%;
  height: 29.867vw;
  position: absolute;
  bottom: -3vw;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .classtop::after {
    content: none;
  }
}
.classtop__right {
  position: relative;
  padding: 0 3.967vw;
}
@media only screen and (min-width: 768px) {
  .classtop__right {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .classtop__right:after {
    content: "";
    background-image: url(../img/top/class_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 11.458vw;
    width: 100%;
    height: 24.097vw;
    position: absolute;
    top: -7.639vw;
    right: 2.222vw;
    z-index: -1;
  }
}
.classtop__right-cnt .btn__prim.-arr {
  max-width: 53.8vw;
}
@media only screen and (min-width: 768px) {
  .classtop__right-cnt {
    max-width: 33.472vw;
  }
  .classtop__right-cnt .btn__prim.-arr {
    max-width: 21vw;
  }
}
.classtop__right .btn__prim {
  margin-top: 5.306vw !important;
}
@media only screen and (min-width: 768px) {
  .classtop__right .btn__prim {
    margin-top: 1.806vw !important;
  }
}
.classtop .heading__prim {
  text-align: left;
  margin-top: 13.333vw;
}
@media only screen and (min-width: 768px) {
  .classtop .heading__prim {
    margin-top: 0;
    font-size: 2.5vw;
    padding-bottom: 0.489vw;
  }
}
.classtop .container {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.classtop .container::before {
  content: "";
  position: absolute;
  top: 18.6vw;
  left: -3.733vw;
  width: 111vw;
  height: 52.6vw;
  background-color: #84D8FF;
  z-index: -1;
  -webkit-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
}
@media only screen and (min-width: 768px) {
  .classtop .container {
    max-width: 100%;
    overflow: visible;
    content: none;
  }
  .classtop .container::before {
    max-width: 60.819vw;
    width: 100%;
    top: 0;
    left: -6.803vw;
    -webkit-transform: rotate(7.65deg);
    -ms-transform: rotate(7.65deg);
    transform: rotate(7.65deg);
    height: 35.347vw;
  }
}
.classtop__title {
  text-align: right;
  margin-left: 4.8vw;
  max-width: 69.333vw;
  height: 19.5vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .classtop__title {
    padding-bottom: 2.5vw;
    margin-left: 0;
    max-width: 100%;
    height: auto;
  }
}
.classtop__title.sp {
  padding-left: 4.8vw;
  max-width: 68.8vw;
}
.classtop__title img {
  width: 100%;
}
.classtop__inn {
  position: relative;
}
.classtop__inn .baseball__font {
  text-align: left;
  line-height: 1.8;
}
@media only screen and (min-width: 1200px) {
  .classtop__inn .baseball__font {
    line-height: 2.1;
  }
}
.classtop__inn .baseball__font-sm {
  font-size: 1.111vw;
}
@media only screen and (max-width: 767px) {
  .classtop__inn .baseball__font-sm {
    line-height: 160%;
    font-size: 4.267vw;
  }
}
.classtop__inn .baseball__font-sm.-note {
  font-size: 3.2vw;
  padding-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .classtop__inn .baseball__font-sm.-note {
    font-size: 1.111vw;
    padding-top: 1.389vw;
  }
}
.classtop__details {
  width: 100%;
  padding: 0 4.8vw;
}
.classtop__card {
  max-width: 176vw;
  width: 100%;
  border: 0.533vw solid #007CDA;
  background-color: #ffffff;
  border-radius: 6.4vw;
  padding: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .classtop__details {
    padding: 0;
  }
  .classtop__card {
    max-width: 49.167vw;
    border-radius: 2.222vw;
    border: 0.139vw solid #007CDA;
    padding: 2.222vw 2.222vw 2.222vw 3.611vw;
    transform: rotate(-2.28deg);
  }
}

@media only screen and (min-width: 768px) {
  .classtop .classtop__details {
    padding-left: 5.408vw;
    padding-top: 2vw;
  }
}
.classtop__card-item {
  font-size: 4.267vw;
  font-weight: 700;
  color: #0065C4;
  position: relative;
  padding-left: 3.667vw;
  margin: 6.467vw 0;
}
@media only screen and (min-width: 768px) {
  .classtop__card-item {
    font-size: 1.944vw;
    padding-left: 1.967vw;
    margin: 4.097vw 0;
  }
}
.classtop__card-item:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 2.667vw;
  height: 2.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.1594' cy='11.2209' r='9.7' transform='rotate(-2.27917 11.1594 11.2209)' fill='white' stroke='%23004CA6' stroke-width='1.4'/%3E%3Cmask id='mask0_99_6747' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='19' height='19'%3E%3Ccircle cx='11.1594' cy='11.2209' r='9' transform='rotate(-2.27917 11.1594 11.2209)' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_6747)'%3E%3Cpath d='M8.38694 11.282L7.64907 10.9877C7.62494 10.6951 7.58816 10.4055 7.53917 10.1196L8.08463 10.2552C8.10763 10.261 8.13062 10.2632 8.1531 10.2623C8.25938 10.2581 8.35455 10.1838 8.38129 10.0744C8.41362 9.94174 8.33321 9.80781 8.20177 9.77512L7.4317 9.58361C7.36729 9.30274 7.29145 9.0256 7.20306 8.75329L7.75097 8.80693C7.76234 8.80805 7.77355 8.8084 7.78472 8.80795C7.90529 8.80315 8.00683 8.70923 8.01867 8.58475C8.03173 8.44881 7.93297 8.32795 7.79814 8.31468L7.01951 8.23846C6.91365 7.96567 6.79552 7.69822 6.66564 7.43648L7.22378 7.40705C7.3591 7.39996 7.46287 7.28364 7.45575 7.14719C7.44867 7.01192 7.33495 6.90766 7.20113 6.91299C7.20009 6.91303 7.19905 6.91307 7.19788 6.91312L6.40962 6.95472C6.2665 6.70349 6.1114 6.45877 5.94575 6.22037L6.49119 6.11048C6.62404 6.0838 6.71007 5.95349 6.6834 5.81952C6.65685 5.68555 6.52768 5.59845 6.39472 5.62552L5.6218 5.78107C5.44945 5.56079 5.26709 5.34707 5.07485 5.14044L5.59622 5.00119C5.72718 4.96619 5.80508 4.83082 5.77028 4.69889C5.73549 4.56682 5.60118 4.48805 5.47036 4.52318L4.74722 4.71638C4.73782 4.72554 4.72829 4.73458 4.71903 4.74388C4.71327 4.74962 4.70778 4.75535 4.70215 4.76108C4.61504 4.84814 4.52982 4.93695 4.44623 5.02741C4.44573 5.02796 4.44511 5.02864 4.44461 5.02918C4.42602 5.04934 4.40757 5.0695 4.38924 5.08978L4.15989 5.739C4.11452 5.86757 4.18105 6.00913 4.30859 6.05497C4.33908 6.06596 4.37024 6.0705 4.40064 6.06929C4.4977 6.06542 4.58735 6.0032 4.62198 5.90524L4.80373 5.39084C4.98888 5.58962 5.16454 5.79507 5.33031 6.00709L5.01206 6.75722C4.95875 6.88269 5.0166 7.02814 5.14107 7.08198C5.17576 7.097 5.21192 7.10317 5.24713 7.10177C5.33873 7.09812 5.42449 7.04261 5.46292 6.95199L5.66839 6.46774C5.81811 6.68525 5.95881 6.90824 6.08906 7.13676L5.66749 7.83156C5.59678 7.94801 5.63316 8.10022 5.74882 8.17159C5.79178 8.1981 5.83961 8.20971 5.88639 8.20785C5.96551 8.2047 6.04155 8.16309 6.086 8.08994L6.35675 7.64364C6.47231 7.87918 6.57791 8.11944 6.67328 8.36417L6.1493 8.99363C6.06224 9.09827 6.07586 9.25414 6.17956 9.342C6.22818 9.38324 6.28801 9.40212 6.347 9.39977C6.41352 9.39712 6.47896 9.36722 6.52516 9.31171L6.86459 8.90388C6.94483 9.15447 7.01431 9.40916 7.07351 9.66728L6.47281 10.2066C6.37166 10.2974 6.36279 10.4538 6.45287 10.5557C6.5037 10.6132 6.57521 10.6412 6.64589 10.6384C6.70059 10.6362 6.75495 10.6157 6.79905 10.576L7.18515 10.2293C7.22861 10.4907 7.261 10.7553 7.28295 11.0223L6.61594 11.475C6.50368 11.5512 6.47388 11.7049 6.54957 11.8181C6.59884 11.892 6.68079 11.9305 6.76304 11.9272C6.80695 11.9254 6.85091 11.9118 6.88994 11.8853L7.31316 11.5981C7.3193 11.8637 7.31511 12.1278 7.29977 12.3898L6.5712 12.7376C6.44886 12.7961 6.39669 12.9435 6.45469 13.0669C6.49819 13.1593 6.59099 13.212 6.68623 13.2082C6.71819 13.2069 6.75055 13.1992 6.78133 13.1846L7.24835 12.9616C7.21703 13.2241 7.17494 13.4843 7.12205 13.7413L6.35157 13.981C6.22213 14.0214 6.14969 14.1598 6.18976 14.2902C6.22326 14.3996 6.32531 14.4688 6.4338 14.4645C6.45458 14.4636 6.47565 14.4601 6.49661 14.4536L6.98957 14.3002C6.92094 14.554 6.84137 14.8043 6.75175 15.0506L5.95004 15.1729C5.81617 15.1933 5.72411 15.3194 5.74445 15.4544C5.76338 15.5803 5.87325 15.6695 5.99642 15.6646C6.00552 15.6642 6.01459 15.6633 6.02377 15.6619L6.53975 15.5832C6.43506 15.8236 6.31977 16.0594 6.19468 16.2906L5.38159 16.2969C5.24606 16.2987 5.13725 16.4095 5.13839 16.546C5.13953 16.6826 5.25023 16.7925 5.38565 16.7914L5.9059 16.7874C5.76768 17.0093 5.62015 17.2261 5.46251 17.4374L4.66576 17.3212C4.54849 17.3043 4.43906 17.3735 4.40041 17.4812C4.50927 17.6008 4.62115 17.7176 4.73603 17.8312L5.10633 17.8852C5.05973 17.9405 5.01245 17.9953 4.96452 18.0497C5.05503 18.1332 5.14704 18.2149 5.24078 18.2947C5.3013 18.2261 5.36088 18.157 5.41926 18.0871L5.66841 18.5957C5.71275 18.6862 5.80444 18.7373 5.89825 18.7336C5.93151 18.7322 5.96502 18.7241 5.99692 18.7082C6.11841 18.6478 6.16821 18.4996 6.10815 18.3771L5.75702 17.6603C5.93047 17.4277 6.09233 17.1883 6.2433 16.9433L6.56305 17.4046C6.61275 17.4764 6.69335 17.5134 6.77416 17.5102C6.81938 17.5084 6.86474 17.4939 6.90461 17.4658C7.01563 17.3876 7.04267 17.2334 6.96509 17.1216L6.51555 16.4728C6.65387 16.2174 6.78038 15.9564 6.89485 15.6902L7.27554 16.1002C7.32625 16.1548 7.39575 16.1811 7.46448 16.1784C7.52126 16.1761 7.57751 16.1541 7.62216 16.1119C7.72099 16.0186 7.72608 15.8621 7.63349 15.7624L7.09576 15.1832C7.1956 14.9092 7.28355 14.6308 7.35832 14.3482L7.79889 14.6996C7.84674 14.7377 7.90416 14.755 7.96068 14.7528C8.02967 14.75 8.09711 14.7181 8.14331 14.6591C8.22727 14.552 8.20924 14.3966 8.10306 14.3117L7.48253 13.8166C7.54074 13.5332 7.58671 13.2463 7.61981 12.9565L8.10495 13.241C8.14679 13.2654 8.19276 13.2762 8.23772 13.2744C8.31879 13.2712 8.39644 13.2275 8.44013 13.1515C8.50818 13.0335 8.46832 12.8822 8.3512 12.8135L7.66686 12.4123C7.68389 12.1208 7.68768 11.8269 7.67916 11.5311L8.20677 11.7415C8.23957 11.7547 8.27349 11.7601 8.30662 11.7588C8.40069 11.7551 8.48815 11.6966 8.52501 11.6026C8.57474 11.4756 8.51294 11.332 8.38692 11.2816L8.38694 11.282Z' fill='%23004CA6'/%3E%3Cpath d='M17.5477 5.24619C17.5629 5.24834 17.578 5.24918 17.5928 5.2486C17.6921 5.24464 17.7791 5.17977 17.8128 5.08592C17.7041 4.9665 17.5923 4.84983 17.4776 4.73643L17.1073 4.68241C17.1539 4.62715 17.2012 4.57239 17.2491 4.51799C17.1586 4.43446 17.0666 4.3527 16.9728 4.27284C16.9123 4.34138 16.8527 4.41055 16.7943 4.48045L16.5452 3.97178C16.4851 3.84925 16.3379 3.79908 16.2167 3.85941C16.0952 3.91975 16.0454 4.06804 16.1055 4.19057L16.4565 4.90751C16.283 5.14011 16.1211 5.37934 15.9702 5.62443L15.6504 5.16306C15.5728 5.05106 15.4199 5.02369 15.309 5.10185C15.198 5.18002 15.1709 5.33423 15.2485 5.44622L15.6981 6.09493C15.5597 6.35041 15.4332 6.61146 15.3188 6.87754L14.9381 6.46741C14.8455 6.36769 14.6903 6.36245 14.5915 6.45574C14.4926 6.54904 14.4875 6.70553 14.5801 6.80524L15.1177 7.38445C15.0179 7.65847 14.9299 7.93688 14.855 8.21963L14.4145 7.86804C14.3083 7.7833 14.1541 7.80137 14.0699 7.90839C13.9859 8.01553 14.004 8.17096 14.1103 8.25583L14.7308 8.7509C14.6726 9.03442 14.6266 9.32127 14.5935 9.61101L14.1084 9.32654C13.9911 9.25785 13.8413 9.29794 13.7731 9.41599C13.705 9.53404 13.7449 9.68546 13.862 9.75402L14.5464 10.1552C14.5293 10.4467 14.5255 10.7406 14.5341 11.0363L14.0064 10.8259C13.8804 10.7756 13.7381 10.8377 13.6883 10.9649C13.6386 11.0919 13.7004 11.2355 13.8263 11.2859L14.5642 11.5802C14.5883 11.8728 14.6251 12.1624 14.6741 12.4485L14.1286 12.3129C13.9972 12.28 13.8643 12.3612 13.8319 12.4937C13.7996 12.6263 13.88 12.7602 14.0115 12.7929L14.7815 12.9844C14.846 13.2654 14.9219 13.5425 15.0102 13.8149L14.4621 13.7613C14.3277 13.7478 14.2075 13.8475 14.1946 13.9834C14.1816 14.1194 14.2803 14.2402 14.4151 14.2535L15.1936 14.3297C15.2995 14.6025 15.4175 14.87 15.5475 15.1316L14.9893 15.161C14.854 15.1682 14.7502 15.2846 14.7574 15.4209C14.7644 15.5561 14.8782 15.6604 15.0121 15.6551L15.0154 15.6549L15.8036 15.6133C15.9467 15.8646 16.1018 16.1093 16.2675 16.3476L15.7219 16.4574C15.5891 16.4841 15.503 16.6144 15.5297 16.7484C15.5536 16.8692 15.6613 16.9518 15.7797 16.9471C15.7925 16.9466 15.8053 16.945 15.8183 16.9424L16.5912 16.7867C16.7635 17.007 16.9459 17.2207 17.1381 17.4274L16.6167 17.5666C16.4858 17.6016 16.4079 17.737 16.4427 17.869C16.4727 17.9832 16.5771 18.0574 16.6893 18.0529C16.707 18.0522 16.7248 18.0495 16.7427 18.0448L17.4659 17.8515C17.4753 17.8423 17.4849 17.8332 17.4943 17.8238C17.5 17.8182 17.5054 17.8123 17.5111 17.8067C17.5982 17.7197 17.6834 17.6308 17.767 17.5405C17.7675 17.54 17.7681 17.5393 17.7687 17.5387C17.7873 17.5186 17.8058 17.4984 17.8241 17.4781L18.0536 16.8289C18.0991 16.7003 18.0324 16.5588 17.9049 16.5129C17.7774 16.4668 17.637 16.5341 17.5916 16.6627L17.4099 17.1772C17.2247 16.9784 17.0491 16.7728 16.8832 16.561L17.2014 15.8108C17.2547 15.6854 17.1969 15.5399 17.0724 15.4862C16.9478 15.4324 16.8037 15.4905 16.7506 15.6161L16.5451 16.1003C16.3954 15.8828 16.2547 15.6598 16.1244 15.4313L16.546 14.7365C16.6167 14.62 16.5802 14.4678 16.4647 14.3965C16.3491 14.3251 16.1982 14.3618 16.1275 14.4782L15.8568 14.9245C15.7412 14.689 15.6356 14.4487 15.5402 14.204L16.0642 13.5745C16.1513 13.47 16.1378 13.314 16.0339 13.2262C15.9302 13.1383 15.7755 13.1517 15.6885 13.2565L15.349 13.6643C15.2688 13.4137 15.1993 13.159 15.1401 12.9009L15.7408 12.3617C15.842 12.2709 15.8508 12.1145 15.7608 12.0126C15.6706 11.9106 15.5155 11.9015 15.4146 11.9923L15.0285 12.339C14.985 12.0776 14.9526 11.813 14.9307 11.546L15.5977 11.0932C15.71 11.017 15.7398 10.8633 15.6641 10.75C15.5884 10.6368 15.4361 10.6066 15.3236 10.6829L14.9003 10.9702C14.8942 10.7046 14.8984 10.4405 14.9137 10.1785L15.6423 9.83066C15.7647 9.77225 15.8168 9.62478 15.7588 9.50138C15.7008 9.37798 15.5545 9.32515 15.4322 9.38369L14.9652 9.60672C14.9965 9.34421 15.0386 9.08403 15.0915 8.82696L15.8619 8.58726C15.9914 8.54694 16.0638 8.4085 16.0239 8.27809C15.9838 8.14754 15.8461 8.07468 15.7172 8.11472L15.2242 8.26818C15.2928 8.01443 15.3724 7.76417 15.4621 7.51771L16.2639 7.39539C16.3979 7.37496 16.4898 7.24888 16.4695 7.11387C16.4491 6.97887 16.3233 6.88598 16.1901 6.90637L15.674 6.98505C15.7787 6.74468 15.894 6.50888 16.0191 6.27768L16.8322 6.27143C16.8348 6.27132 16.8375 6.27122 16.8401 6.27111C16.9719 6.26587 17.0764 6.15607 17.0754 6.02214C17.0742 5.88558 16.9635 5.77569 16.8281 5.77675L16.3079 5.78079C16.4461 5.55891 16.5937 5.34203 16.7513 5.13079L17.5479 5.24697L17.5477 5.24619Z' fill='%23004CA6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .classtop__card-item:before {
    width: 1.25vw;
    height: 1.25vw;
  }
}

@media only screen and (min-width: 768px) {
  .top-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.top-flex__main {
  max-width: 212.8vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .top-flex__main {
    max-width: -webkit-calc(100% - 44.444vw);
    max-width: calc(100% - 44.444vw);
  }
}
.top-flex__detail {
  max-width: 192vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .top-flex__detail {
    max-width: 38.889vw;
  }
}

.maptop {
  overflow: hidden;
  position: relative;
  padding-bottom: 21.333vw;
}
@media only screen and (min-width: 768px) {
  .maptop {
    overflow: visible;
    padding-top: 8.333vw;
    padding-bottom: 14.156vw;
  }
}
@media only screen and (min-width: 768px) {
  .maptop .container.-sm {
    max-width: 88.889vw;
  }
}
.maptop__img {
  margin-bottom: 5.867vw;
  margin-right: -4vw;
}
@media only screen and (min-width: 768px) {
  .maptop__img {
    margin-bottom: 0;
    margin-top: -12.886vw;
    margin-right: 0;
  }
}
.maptop__img img {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .maptop__img img {
    width: 58.889vw;
  }
}
.maptop .heading__prim {
  text-align: left;
  padding-bottom: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .maptop .heading__prim {
    font-size: 2.5vw;
    margin-top: 1.111vw;
    padding-bottom: 1.389vw;
  }
}
.maptop .btn__prim {
  margin-top: 5.333vw !important;
}
@media only screen and (min-width: 768px) {
  .maptop .btn__prim {
    margin-top: 1.944vw !important;
  }
}
.maptop__title {
  max-width: 52.267vw;
}
@media only screen and (min-width: 768px) {
  .maptop__title {
    max-width: 100%;
  }
}
.maptop__title img {
  width: 52.267vw;
}
@media only screen and (min-width: 768px) {
  .maptop__title img {
    width: 32.292vw;
  }
}
.maptop .top-flex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -9.067vw 0 0 -0.8vw;
}
@media only screen and (min-width: 768px) {
  .maptop .top-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
  }
}
.maptop .top-flex__detail {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (min-width: 768px) {
  .maptop .top-flex__detail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }
}
.maptop .top-flex__main {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media only screen and (min-width: 768px) {
  .maptop .top-flex__main {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 58.889vw;
    position: absolute;
    top: 0;
    right: -4.9vw;
  }
}

.ellipse {
  position: relative;
}
.ellipse:after {
  content: "";
  position: absolute;
  background-image: url(../img/top/ellipse-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 26.933vw;
  width: 100%;
  height: 40.267vw;
  top: -61.283vw;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .ellipse:after {
    content: "";
    background-image: url(../img/top/ellipse.svg);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 19.167vw;
    width: 100%;
    height: 19.167vw;
    top: -20.583vw;
    left: 43.2%;
    right: initial;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.coaches {
  margin-top: 13.333vw;
  margin-bottom: 8.267vw;
  padding-top: 10.667vw;
  background-color: #24B4F2;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .coaches {
    padding-top: 2.778vw;
    margin-top: 12.672vw;
    margin-bottom: 0;
  }
}
.coaches:before {
  content: "";
  background-image: url(../img/top/coaches_top_bg_sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  height: 13.333vw;
  position: absolute;
  top: -13.067vw;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .coaches:before {
    background-image: url(../img/top/coaches_top_bg.png);
    top: -13.403vw;
    height: 13.472vw;
  }
}
.coaches:after {
  content: "";
  background-image: url(../img/top/coaches_btm_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  height: 9.6vw;
  position: absolute;
  left: 0;
  bottom: -9.333vw;
  z-index: -3;
}
@media only screen and (min-width: 768px) {
  .coaches:after {
    background-image: url(../img/top/coaches_btm_bg.png);
    height: 9.514vw;
    bottom: -9.422vw;
  }
}
.coaches .container.-sm {
  padding: 0 6.4vw;
}
@media only screen and (min-width: 576px) {
  .coaches .container.-sm {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .coaches__bat {
    position: absolute;
    top: -40.8vw;
    right: 0;
    background-image: url(../img/coaches/bat.svg);
    width: 21.6vw;
    height: 40.267vw;
    z-index: -2;
  }
}
.coaches__bg-left {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/coaches/bg_left.svg);
  background-repeat: repeat-y;
  width: 39.467vw;
  max-height: 1066.667vw;
  height: 90%;
  z-index: -1;
  background-size: 99%;
}
@media only screen and (min-width: 768px) {
  .coaches__bg-left {
    background-image: none;
  }
}
.coaches__bg-right {
  position: absolute;
  top: 6.6vw;
  right: 0;
  background-image: url(../img/coaches/bg_right.svg);
  background-repeat: repeat-y;
  width: 33.933vw;
  max-height: 1650vw;
  height: 100%;
  z-index: -1;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .coaches__bg-right {
    background-image: none;
  }
}
.coaches .coaches__title {
  text-align: center;
  position: relative;
  max-width: 69.6vw;
  margin: 0 auto;
  padding-bottom: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .coaches .coaches__title {
    max-width: 88.889vw;
    padding-bottom: 2.083vw;
  }
}
@media only screen and (min-width: 768px) {
  .coaches .coaches__title img {
    width: 77.361vw;
  }
}
.coaches .coaches__title:after {
  content: "";
  position: absolute;
  background-image: url(../img/coaches/coaches_bg_balls_sp.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 89.867vw;
  height: 46.933vw;
  top: -9.333vw;
  right: -10.133vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .coaches .coaches__title:after {
    background-image: url(../img/coaches/coaches_bg_balls.png);
    max-width: 87.014vw;
    width: 100%;
    height: 20.833vw;
    top: -6.914vw;
    right: -1.075vw;
  }
}
.coaches .sub__ttl {
  text-align: center;
  font-size: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .coaches .sub__ttl {
    font-size: 2.222vw;
  }
}
.coaches__inn {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .coaches__inn:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../img/coaches/coaches_bg_rgt.png);
    background-size: 100%;
    top: -11.931vw;
    max-width: 41.389vw;
    width: 100%;
    height: 58.819vw;
  }
}
@media only screen and (min-width: 768px) {
  .coaches__inn:after {
    content: "";
    position: absolute;
    background-image: url(../img/coaches/coaches_bg_lft.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 45.139vw;
    height: 72.406vw;
    width: 100%;
    left: 0;
    bottom: -11.117vw;
    z-index: -2;
  }
}
.coaches__ellipse {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .coaches__ellipse {
    padding-top: 4.8vw;
  }
  .coaches__ellipse .container {
    max-width: 88.889vw;
  }
}
@media only screen and (min-width: 768px) {
  .coaches__ellipse:after {
    content: "";
    background-image: url(../img/top/coaches_ellipse_lg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    max-width: 12.292vw;
    width: 100%;
    height: 21.25vw;
    bottom: -1.536vw;
    right: 0;
    z-index: -2;
  }
}
.coaches__wrap {
  max-width: 88vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15.167vw 7.2vw;
  margin-top: 9.333vw;
  padding-bottom: 11.733vw;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .coaches__wrap {
    margin-top: 5.556vw;
    max-width: 88.889vw;
    padding-right: 5.556vw;
    gap: 3.169vw 7.2vw;
    justify-content: flex-start;
    padding-left: 5.556vw;
    padding-bottom: 9.583vw;
  }
}
.coaches__desc {
  font-size: 4.8vw;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding-bottom: 1.067vw;
  padding-top: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .coaches__desc {
    padding-bottom: 0.278vw;
    padding-top: 1.111vw;
    font-size: 1.25vw;
  }
}
.coaches__name {
  font-size: 16vw;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  border-bottom: 0.267vw solid #ffffff;
  padding-bottom: 4.267vw;
  margin-bottom: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .coaches__name {
    font-size: 4.167vw;
    border-bottom: 0.069vw solid #ffffff;
    padding-bottom: 1.111vw;
    margin-bottom: 1.389vw;
  }
}
.coaches__text {
  font-size: 4.267vw;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.coaches__text p {
  margin-bottom: 2.667vw;
  line-height: 7.333vw;
}
@media only screen and (min-width: 768px) {
  .coaches__text {
    font-size: 1.111vw;
  }
  .coaches__text p {
    margin-bottom: 0.694vw;
    line-height: 1.889vw;
  }
}
.coaches__img {
  border-radius: 3.2vw;
  max-width: 69.333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .coaches__img {
    max-width: 20.139vw;
    border-radius: 1.667vw;
  }
}
.coaches__img img {
  width: 100%;
  border-radius: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .coaches__img img {
    border-radius: 1.867vw;
  }
}
.coaches__check {
  display: none;
}
@media only screen and (min-width: 768px) {
  .coaches__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0065C4;
    border-radius: 1.889vw;
    position: absolute;
    z-index: -1;
    top: 0.2vw;
    left: 0.5vw;
    -webkit-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
    width: 20.139vw;
    height: 26.175vw;
  }
}
.coaches__check .desc {
  display: none;
}
@media only screen and (min-width: 768px) {
  .coaches__check .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    position: absolute;
    right: 0;
    font-size: 1.806vw;
    font-weight: 700;
    font-family: "Jost", sans-serif;
    letter-spacing: 0.208vw;
    padding: 1.042vw;
  }
}
.coaches__card {
  position: relative;
  -webkit-transition: 0.3s ease transform;
  transition: 0.3s ease transform;
  text-decoration: none;
  max-width: 81.067vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .coaches__card {
    max-width: 21.111vw;
  }
  /* .coaches__card:hover .coaches__check {
    left: 1.1vw;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
    width: 20.972vw;
    height: 26.806vw;
  } */
}

.wow {
  visibility: hidden;
}

.about {
  overflow: hidden;
}
.about-us__main {
  position: absolute;
  background-image: url(../img/about/about_main_bg-sp.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 81.333vw;
  height: 296.8vw;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .about-us__main {
    background-image: url(../img/about/about_main_bg_pb.svg);
    max-width: 85.417vw;
    width: 100%;
    height: 71.031vw;
    left: 9.892vw;
  }
}
@media only screen and (min-width: 768px) {
  .about .container {
    max-width: 66.667vw;
  }
}
.about .main__ttl {
  padding: 0;
  max-width: 84vw;
  margin-left: 3.767vw;
}
@media only screen and (min-width: 768px) {
  .about .main__ttl {
    padding: 2.778vw 0;
    max-width: 61.667vw;
    margin: 0 auto;
  }
}
.about .main__ttl img {
  width: 100%;
}
.about__top {
  position: relative;
  margin-top: 10vw;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .about__top {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 768px) {
  .about__top_img-lft {
    position: absolute;
    left: -4.6vw;
    top: 40.7vw;
  }
  .about__top_img-lft img {
    width: 24.583vw;
    height: 13.819vw;
    transform: rotate(8.39deg);
    border-radius: 1.389vw;
  }
}
.about__top_img-rgt {
  position: absolute;
  right: -9.4vw;
  top: 25vw;
}
.about__top_img-rgt img {
  width: 39.2vw;
  height: 22.133vw;
  border-radius: 3.2vw;
  transform: rotate(16.47deg);
}
@media only screen and (min-width: 768px) {
  .about__top_img-rgt {
    right: -5vw;
    top: 13.9vw;
  }
  .about__top_img-rgt img {
    width: 24.583vw;
    height: 13.819vw;
    border-radius: 1.389vw;
    transform: rotate(-11.21deg);
  }
}
.about__top_img-rgt:before, .about__top_img-lft:before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .about__top_img-lft:before {
    max-width: 24.606vw;
    height: 13.841vw;
    background: #FFED49;
    border-radius: 1.389vw;
    transform: rotate(18.62deg);
    top: 0.4vw;
    left: -2vw;
  }
}
.about__top_img-rgt:before {
  max-width: 39.2vw;
  height: 22.133vw;
  background: #24B4F2;
  border-radius: 3.2vw;
  top: 0.5vw;
  right: -2.2vw;
  transform: rotate(7.65deg);
}
@media only screen and (min-width: 768px) {
  .about__top_img-rgt:before {
    max-width: 24.606vw;
    height: 13.841vw;
    border-radius: 1.389vw;
    transform: rotate(-20.02deg);
    top: -0.2vw;
    right: -1.2vw;
  }
}

.about__chart {
  max-width: 96.645vw;
  margin: 0 auto;
}
.about__chart_img {
  padding-top: 4.275vw;
  padding-bottom: 4.275vw;
}
.about__chart_img img {
  width: 100%;
}
.about__chart .baseball__font {
  text-align: left;
  padding: 0 3.4vw;
}
@media only screen and (min-width: 768px) {
  .about__chart {
    max-width: 70.625vw;
    margin: 0 auto;
  }
  .about__chart .baseball__font {
    text-align: center;
    padding: 0 1.8vw;
  }
}
.about__top .baseball__font {
  font-size: 4.8vw;
  line-height: 180%;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .about__top .baseball__font {
    font-size: 1.53vw;
    line-height: 2.2;
    text-align: center;
  }
}
.about__top .heading__prim {
  margin-top: 6.233vw;
  padding-bottom: 3.733vw;
}
@media only screen and (min-width: 768px) {
  .about__top .heading__prim {
    margin-top: 1.206vw;
    padding-bottom: 0.572vw;
  }
}
.about__slogan {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .about__slogan {
    height: 56.042vw;
  }
}
.about__slogan:before {
  content: "";
  position: absolute;
  background-image: url(../img/about/slogan_bg-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 21.333vw;
  height: 47.733vw;
  top: -13.833vw;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .about__slogan:before {
    background-image: url(../img/about/pb_slogan_bg.svg);
    max-width: 89.583vw;
    height: 25.556vw;
    top: -14.8vw;
    right: initial;
    left: 0;
  }
}
.about__slogan:after {
  content: "";
  position: absolute;
  background-image: url(../img/about/slogan_flake.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 61.333vw;
  height: 81.333vw;
  top: 24.033vw;
  left: 16.4vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .about__slogan:after {
    display: none;
  }
}
.about__desc {
  margin-top: 2.133vw;
  font-weight: 700;
  line-height: 160%;
  font-size: 4.267vw;
  padding: 0 15vw 0 0;
}
@media only screen and (min-width: 768px) {
  .about__desc {
    padding-bottom: 1.2vw;
    font-size: 1.39vw;
    line-height: 2;
    margin-top: 0.972vw;
  }
}

.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .category {
    display: block;
  }
}
.category__wrap {
  margin-top: 10.667vw;
  position: relative;
  width: 100%;
  height: 63.2vw;
}
@media only screen and (min-width: 768px) {
  .category__wrap {
    margin-top: 2.22vw;
    height: 47.708vw;
  }
}
.category__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: white;
  background-color: #24B4F2;
  height: 26.731vw;
  max-width: 61.92vw;
  width: 100%;
  padding: 10.667vw 0 11.2vw 4.533vw;
  transform: rotate(-3.23deg);
}
@media only screen and (min-width: 768px) {
  .category__one {
    justify-content: space-between;
    max-width: 46.875vw;
    height: 19.792vw;
    margin-left: 0.9vw;
    line-height: 17.778vw;
    transform: rotate(-3.22deg);
  }
}
.category__one, .category__two, .category__four {
  position: absolute;
  padding: 5.867vw 4.8vw;
  color: white;
  border-radius: 1.875vw;
}
@media only screen and (min-width: 768px) {
  .category__one, .category__two, .category__three, .category__four {
    padding: 4.236vw 3.819vw;
    border-radius: 1.389vw;
  }
}
.category__two {
  background-color: #FFF7B5;
  color: #0065C4;
  width: 100%;
  max-width: 49.579vw;
  height: 26.805vw;
  top: 14.067vw;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .category__two {
    max-width: 36.736vw;
    height: 19.861vw;
    top: 10.604vw;
  }
}
.category__three {
  position: absolute;
  background-color: #0065C4;
  color: #ffffff;
  width: 100%;
  max-width: 49.099vw;
  height: 27.043vw;
  top: 27.467vw;
  left: 6.848vw;
  -webkit-transform: rotate(10.51deg);
  -ms-transform: rotate(10.51deg);
  transform: rotate(10.51deg);
  z-index: -1;
  padding: 5.867vw 5.067vw 5.867vw 3.467vw;
  border-radius: 1.875vw;
}
@media only screen and (min-width: 768px) {
  .category__three {
    max-width: 36.319vw;
    height: 20vw;
    top: 21.617vw;
    left: 7.561vw;
    -ms-transform: rotate(5.59deg);
    transform: rotate(10.51deg);
    padding: 4.236vw 3.819vw 4.236vw 2.639vw;
    border-radius: 1.389vw;
  }
}
.category__ttl {
  font-family: "futura-pt", sans-serif;
  font-weight: 450;
  font-size: 18.667vw;
  line-height: 24vw;
  margin-top: -3vw;
}
@media only screen and (min-width: 768px) {
  .category__ttl {
    font-size: 13.89vw;
    line-height: 1;
    margin: 0;
  }
}
.category__ttl.-lg {
  -webkit-text-stroke-width: 0.187vw;
  -webkit-text-stroke-color: #ffffff;
  color: transparent;
}
@media only screen and (min-width: 768px) {
  .category__ttl.-lg {
    -webkit-text-stroke-width: 0.139vw;
    margin-left: -1.389vw;
  }
}
.category__ttl.-sm {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-size: 8.029vw;
  line-height: 180%;
}
@media only screen and (min-width: 768px) {
  .category__ttl.-sm {
    font-size: 5.949vw;
    line-height: normal;
  }
}
.category__desc {
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 165%;
}
@media only screen and (min-width: 768px) {
  .category__desc {
    font-size: 2.125vw;
    line-height: 180%;
  }
}

.font-stroke {
  font-size: 11.467vw;
  -webkit-text-stroke-width: 0.275vw;
  -webkit-text-stroke-color: #ffffff;
  line-height: 36px;
  color: transparent;
}
@media only screen and (min-width: 768px) {
  .font-stroke {
    font-size: 8.499vw;
    -webkit-text-stroke-width: 0.204vw;
  }
}

.font-stroke.-b {
  -webkit-text-stroke-color: #0065C4;
}
section.exercise {
  padding-bottom: 0;
}

.exercise__wrapper {
  position: relative;
  max-width: 100vw;
  margin: 0 auto;
  padding-bottom: 29.403vw;
}
@media only screen and (min-width: 768px) {
  .exercise__wrapper {
    padding-bottom: 8vw;
  }
}
.exercise__wrapper:before {
  content: "";
  position: absolute;
  background-image: url(../img/about/exercise_flake.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  max-width: 62.933vw;
  width: 100%;
  height: 18.667vw;
  top: -9.8vw;
  left: 4.467vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .exercise__wrapper:before {
    background-image: url(../img/about/pb_exercise_bg.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 23.958vw;
    width: 100%;
    height: 38.681vw;
    top: -16vw;
    right: 0;
    left: initial;
  }
}
.exercise__wrapper:after {
  content: "";
  position: absolute;
  background-image: url(../img/about/exercise_flake-lft-sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 26.933vw;
  height: 50.933vw;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .exercise__wrapper:after {
    background-image: url(../img/about/exercise_flake-lft.svg);
    max-width: 3.333vw;
    height: 3.333vw;
    top: 23.819vw;
    left: 6.389vw;
    bottom: initial;
  }
}
.exercise__tbl {
  position: relative;
  max-width: 256.267vw;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl {
    max-width: 100vw;
  }
}
.exercise__tbl th,
.exercise__tbl td {
  padding: 5.867vw 2.667vw;
  border: 0.267vw solid #0065C4;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl th,
  .exercise__tbl td {
    padding: 1.806vw 1.944vw;
    border: 0.069vw solid #0065C4;
  }
}
.exercise__tbl th {
  position: relative;
  background-color: #FFF7B5;
  color: #0065C4;
  width: 15.733vw;
  font-family: "futura-pt" , sans-serif;
  font-size: 3.733vw;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 3.467vw;
  /* border-bottom: 0.267vw solid #ffffff; */
  padding: 0;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl th {
    font-size: 1.11vw;
    width: 22.22vw;
    margin-bottom: 0.903vw;
    /* padding: 2.5vw 0.556vw; */
    border-bottom: 0.069vw solid #0065C4;
  }
}
.exercise__tbl th:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -4vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 3.867vw solid transparent;
  border-right: 3.867vw solid transparent;
  border-top: 2.667vw solid #0065C4;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl th:after {
    bottom: -1.05vw;
    border-left: 1.007vw solid transparent;
    border-right: 1.007vw solid transparent;
    border-top: 0.754vw solid #0065C4;
  }
}
.exercise__tbl th span:first-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl th span:first-child {
    padding-bottom: 0.903vw;
  }
}
.exercise__tbl tr:last-child th {
  border-bottom: 0.267vw solid #0065C4;
}

@media only screen and (min-width: 768px) {
  .exercise__tbl tr:last-child th {
    border-bottom: 0.069vw solid #0065C4;
  }
}
.exercise__tbl tr:last-child th:after {
  display: none;
}
.exercise__tbl .fs-40 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.267vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl .fs-40 {
    font-size: 2.778vw;
  }
}
.exercise__tbl.mt-40 {
  margin-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl.mt-40 {
    margin-top: 2.078vw;
  }
}
.exercise__tbl .ttl {
  font-size: 4vw;
  font-weight: 900;
  margin-bottom: 2.267vw;
}
@media only screen and (min-width: 768px) {
  .exercise__tbl .ttl {
    font-size: 1.667vw;
    margin-bottom: 0.619vw;
  }
}
.exercise__tbl .p-lft {
  -webkit-padding-end: 7px;
  padding-inline-end: 7px;
}

.ball--attention {
  list-style-type: none;
}
.ball--attention li {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: justify;
  padding-left: 3.2vw;
  gap: 1.6vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 0.867vw;
  font-size: 3.2vw;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .ball--attention li {
    font-size: 1.111vw;
    margin-bottom: 0.186vw;
    padding-left: 1.111vw;
    line-height: 1.556vw;
    letter-spacing: -0.014vw;
  }
}
.ball--attention li:last-child {
  margin-bottom: 0;
}
.ball--attention li:before {
  content: " ";
  position: absolute;
  left: 0;
  margin-top: 1.333vw;
  background-image: url(../img/about/ball--attention.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.667vw;
  height: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .ball--attention li:before {
    margin-top: 0.447vw;
    width: 0.833vw;
    height: 0.833vw;
  }
}

.school-coaches {
  color: #ffffff;
  background-image: url(.././img/school-coaches/school-coaches-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 21.528vw;
  padding-top: 9.722vw;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.school-coaches::before, .school-coaches::after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
}
.school-coaches::before {
  background-image: url(.././img/school-coaches/coaches-top.jpg);
  top: 0;
  left: 0;
  right: 0;
  min-height: 35.417vw;
  display: none;
}
.school-coaches::after {
  background-image: url(.././img/school-coaches/ball.png);
  bottom: -9.097vw;
  left: 0;
  width: 100%;
  max-width: 29.236vw;
  height: 36.181vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches {
    background-image: none;
    padding-bottom: 35.2vw;
    padding-top: 23.467vw;
    background-color: #0168b7;
  }
  .school-coaches::before {
    display: block;
    background-image: url(.././img/school-coaches/coaches-top.jpg);
    top: 0;
    left: 0;
    right: 0;
    min-height: 136vw;
  }
  .school-coaches::after {
    background-image: url(.././img/school-coaches/glove.png);
    bottom: -1.6vw;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 30.4vw;
    height: 31.467vw;
  }
}
.school-coaches__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.889vw;
  margin-bottom: 8.333vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4vw;
    margin-bottom: 21.333vw;
  }
}
.school-coaches__head.-bottom {
  margin-bottom: 5.556vw;
  margin-top: 8.333vw;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .school-coaches__head.-bottom {
    margin-top: 0;
  }
}
.school-coaches__head.-bottom::before {
  position: absolute;
  z-index: -1;
  content: " ";
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(.././img/school-coaches/glove-two.png);
  width: 100%;
  max-width: 18.681vw;
  height: 19.028vw;
  top: -5.486vw;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .school-coaches__head.-bottom::before {
    background-image: url(.././img/school-coaches/bat.png);
    z-index: 5;
    width: 100%;
    max-width: 19.733vw;
    height: 32vw;
    top: -21.867vw;
    right: -1.067vw;
  }
}
.school-coaches__ttl img {
  width: 57.847vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__ttl img {
    width: 86.4vw;
  }
}
.school-coaches__ttl.-bottom {
  max-width: 37.083vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__ttl.-bottom {
    max-width: 142.4vw;
  }
}
.school-coaches__subheader {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 2.014vw;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .school-coaches__subheader {
    font-size: 8vw;
    line-height: 6.4vw;
  }
}
.school-coaches__row {
  margin-bottom: 8.333vw;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row {
    margin-bottom: 2.133vw;
  }
}
.school-coaches__row:before, .school-coaches__row:after {
  z-index: 4;
}
.school-coaches__row::after {
  content: " ";
  display: block;
  position: absolute;
  width: 10vw;
  height: 10vw;
  background-image: url(.././img/school-coaches/ball-rev.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: 26.111vw;
  right: 2.361vw;
  bottom: unset;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row::after {
    content: " ";
    display: block;
    position: unset;
    background-image: url(.././img/school-coaches/row-normal.png);
    height: 21.333vw;
    width: 100%;
    margin-top: -2.133vw;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.school-coaches__row:last-of-type {
  margin-bottom: 0;
}
.school-coaches__row:first-of-type::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row:first-of-type::after {
    display: block;
  }
}
.school-coaches__row__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 3.056vw;
  position: relative;
  max-width: 66.667vw;
  margin-inline: auto;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__inner {
    max-width: 116.267vw;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.school-coaches__row.-rev::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(.././img/school-coaches/ball-norm.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 14.306vw;
  height: 18.819vw;
  left: 0;
  bottom: -15vw;
  top: unset;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row.-rev::after {
    content: " ";
    display: block;
    position: unset;
    background-image: url(.././img/school-coaches/row-rev.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 29.067vw;
    margin-top: -2.133vw;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.school-coaches__row.-rev .school-coaches__row__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 2.431vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row.-rev .school-coaches__row__inner {
    margin-bottom: 2.133vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.school-coaches__row.-bottom {
  position: relative;
  max-width: 66.667vw;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row.-bottom {
    max-width: 256vw;
  }
}
.school-coaches__row.-bottom::after {
  display: none;
}
.school-coaches__row img {
  width: 100%;
}
.school-coaches__row__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 30.278vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__img {
    margin-bottom: -2.133vw;
    max-width: 116.267vw;
  }
}
.school-coaches__row__img.-rev {
  max-width: 118.667vw;
}
@media only screen and (min-width: 768px) {
  .school-coaches__row__img.-rev {
    position: relative;
  }
  .school-coaches__row__img.-rev:after {
    content: " ";
    display: block;
    position: absolute;
    background-image: url(.././img/school-coaches/img-ball.png);
    background-size: cover;
    background-repeat: no;
    bottom: 100px;
    right: -2.361vw;
    height: 3.333vw;
    width: 3.333vw;
    z-index: -1;
  }
}
.school-coaches__row__img.-bottom {
  max-width: 19.653vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__img.-bottom {
    max-width: 75.467vw;
    width: 36vw;
    height: 36vw;
    position: absolute;
    right: 4.8vw;
    top: 1.333vw;
  }
}
.school-coaches__row__content {
  width: 100%;
  max-width: 33.333vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__content {
    padding: 0 4.8vw;
    max-width: 128vw;
  }
}
.school-coaches__row__content.-bottom {
  max-width: 43.125vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__content.-bottom {
    max-width: 100vw;
  }
}
.school-coaches__row__toptxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  text-align: left;
  font-size: 3.733vw;
  line-height: 5.333vw;
  margin-top: -1.333vw;
}
@media only screen and (min-width: 768px) {
  .school-coaches__row__toptxt {
    font-size: 1.389vw;
    line-height: 1.111vw;
    margin-top: 0;
  }
}
.school-coaches__row__ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.167vw;
  font-weight: 900;
  line-height: 5.556vw;
  text-align: left;
  margin-top: 0.694vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__ttl {
    font-size: 14.933vw;
    line-height: 12vw;
    margin-top: 2.133vw;
  }
}
.school-coaches__row__ttl.-bottom {
  font-size: 2.5vw;
  line-height: 2.014vw;
  margin-top: 0.694vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__ttl.-bottom {
    font-size: 11.2vw;
    line-height: 9.067vw;
    margin-top: 2.133vw;
  }
}
.school-coaches__row__underttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.222vw;
  margin-bottom: 2.222vw;
  gap: 1.389vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__underttl {
    margin-top: 8.533vw;
    margin-bottom: 8.533vw;
    -webkit-column-gap: 5.867vw;
    -moz-column-gap: 5.867vw;
    column-gap: 5.867vw;
    row-gap: 0;
  }
}
@media only screen and (max-width: 575px) {
  .school-coaches__row__underttl.-bottom .school-coaches__row__underttl__txt {
    min-width: 100%;
  }
}
.school-coaches__row__underttl__txt {
  width: 100%;
  max-width: 14.583vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__underttl__txt {
    width: unset;
    max-width: unset;
  }
}
.school-coaches__row__underttl__txt span {
  display: inline-block;
}
.school-coaches__row__underttl__txt span.-yellow {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #ffe200;
  font-size: 1.389vw;
  font-weight: 700;
  line-height: 1.111vw;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__underttl__txt span.-yellow {
    font-size: 4.8vw;
    line-height: 8.533vw;
  }
}
.school-coaches__row__underttl__txt span.-num {
  font-family: "Jost";
  font-weight: 500;
  letter-spacing: 0em;
  text-align: left;
  font-size: 5.067vw;
  line-height: 2.933vw;
}
@media only screen and (min-width: 768px) {
  .school-coaches__row__underttl__txt span.-num {
    font-size: 1.528vw;
    line-height: 1.667vw;
  }
}
.school-coaches__row__underttl__txt span.-normal {
  font-family: "Jost", sans-serif;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: left;
  font-size: 1.389vw;
  line-height: 1.667vw;
  margin-left: 0.556vw;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__underttl__txt span.-normal {
    font-size: 4.8vw;
    line-height: 2.933vw;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__underttl__txt span.-normal.-bottom {
    margin-left: 2.133vw;
  }
}
.school-coaches__row__para {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2.014vw;
  text-align: justify;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__para {
    font-size: 4.267vw;
    line-height: 7.733vw;
  }
}
.school-coaches__row__para.-pbotm {
  padding-bottom: 9.867vw;
}
@media only screen and (min-width: 768px) {
  .school-coaches__row__para.-pbotm {
    padding-bottom: 2.847vw;
  }
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__para.-scbotm {
    padding-bottom: 9.867vw;
  }
}
@media only screen and (max-width: 767px) {
  .school-coaches__row__para.-bottom {
    font-size: 3.733vw;
    line-height: 7.733vw;
  }
}
.school-coaches__bottom {
  z-index: 5;
}

.class {
  position: relative;
  padding-bottom: 19.097vw;
  overflow: hidden;
}
.class:before, .class:after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
@media only screen and (max-width: 767px) {
  .class {
    padding-bottom: 26.333vw;
  }
.class:before {
  top: 0vw;
  left: 0%;
  background-image: url(../img/class/class_half_bl.png);
  width: 33.867vw;
  height: 29.867vw;
}
}
@media only screen and (max-width: 767px) {
.class:after {
  bottom: 14.067vw;
  left: 4.533vw;
  background-image: url(../img/class/class_glove.png);
  width: 22.733vw;
  height: 25.385vw;
}
}
@media only screen and (max-width: 767px) {
.class .container {
  /* max-width: 256vw;
  padding-inline: 4.8vw; */
}
}
@media only screen and (min-width: 768px) {
.class .container {
  max-width: 66.667vw;
}
}
.class .main__ttl {
position: relative;
margin-top: 10.667vw;
}
@media only screen and (min-width: 768px) {
.class .main__ttl {
  margin-top: 5.556vw;
  padding-bottom: 5vw;
}
.class .main__ttl:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  top: 57.3%;
  left: 4%;
  background-image: url(../img/class/ct_bls.png);
  width: 60.478vw;
  height: 5.972vw;
  /* -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg); */
}
}
.class .main__ttl img {
width: 69.067vw;
height: 20.267vw;
}
@media only screen and (min-width: 768px) {
.class .main__ttl img {
  width: 35.694vw;
  height: 10.417vw;
}
}
.class .main__ttl .cm__ttl {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.class .heading__prim {
  line-height: 80%;
  padding-bottom: 2.222vw;
}
}
@media only screen and (max-width: 767px) {
.class .baseball__font {
  text-align: left;
}
}
.class__top {
position: relative;
}
.class__top:before {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
top: 6.667vw;
left: 7%;
background-image: url(../img/class/class_bls.png);
width: 86.933vw;
height: 39.2vw;
}
@media only screen and (min-width: 768px) {
.class__top:before {
  display: none;
}
}
.class .table__wrap {
position: relative;
}
.class .table__wrap:before, .class .table__wrap:after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.class .table__wrap:before {
top: -11%;
right: -10%;
background-image: url(../img/class/table_bg-sp.svg);
width: 31.467vw;
height: 67.733vw;
}
.class .table__wrap:after {
bottom: -14.933vw;
left: -5.067vw;
background-image: url(../img/class/ccap.svg);
width: 9.333vw;
height: 12.533vw;
}
.class-table {
position: relative;
}
.class-table:before, .class-table:after {
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
@media only screen and (min-width: 768px) {
.class-table:before {
  top: -44%;
  right: -38%;
  background-image: url(../img/class/lg_bl.svg);
  width: 30.556vw;
  height: 30.556vw;
}
}
@media only screen and (min-width: 768px) {
.class-table:after {
  bottom: 11vw;
  left: -13.333vw;
  background-image: url(../img/class/glove.png);
  width: 10.833vw;
  height: 12.292vw;
}
}
.class-table th {
vertical-align: middle;
border: 0.267vw solid #0068b7;
padding: 3.733vw 3.733vw;
line-height: 3.2vw;
font-weight: 900;
font-size: 5.33vw;
}
@media only screen and (min-width: 768px) {
.class-table th {
  border: 0.069vw solid #0068b7;
  text-align: left;
  font-weight: 700;
  font-size: 1.39vw;
  line-height: 1.667vw;
  padding: 1.25vw 0.972vw;
}
}
@media only screen and (min-width: 1200px) {
.class-table th {
  text-align: left;
  font-weight: 700;
}
}
.class-table th.cblue1 {
background-color: #2194ec;
color: #ffffff;
}
.class-table th.cblue2 {
background-color: #007cda;
color: #ffffff;
}
.class-table th.cblue3 {
background-color: #001448;
color: #ffffff;
}
.class-table td {
padding: 4.8vw 2.2vw;
border: 0.267vw solid #0068b7;
background-color: #ffffff;
font-weight: 600;
line-height: 5.33vw;
font-size: 3.73vw;
}
@media only screen and (min-width: 768px) {
.class-table td {
  border: 0.069vw solid #0068b7;
  line-height: 1.81vw;
  font-size: 1.11vw;
  padding: 2.049vw 1.389vw;
}
}
.class-table td.cblue1 {
color: #2194ec;
}
.class-table td.cblue2 {
color: #007cda;
}
.class-table td.cblue3 {
color: #001448;
}
.class-table td ul.ball {
list-style-type: none;
margin-left: 3.2vw;
}
@media only screen and (min-width: 768px) {
.class-table td ul.ball {
  margin-left: 1.389vw;
}
}
.class-table td ul.ball li {
text-align: justify;
display: block;
position: relative;
padding-bottom: 0.694vw;
}
.class-table td ul.ball li:last-child {
padding-bottom: 0;
}
.class-table td ul.ball li:before {
content: "";
margin-left: -0.833vw;
margin-right: 0.347vw;
width: 0.833vw;
height: 0.903vw;
background-size: 100%;
position: absolute;
top: 0.417vw;
left: -0.347vw;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.75781' r='6.4' stroke='%232194EC' stroke-width='0.8'/%3E%3Cmask id='mask0_514_14194' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='13'%3E%3Ccircle cx='7' cy='7.75781' r='6' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_514_14194)'%3E%3Cpath d='M5.15197 7.72581L4.66825 7.51016C4.65993 7.31462 4.64311 7.12074 4.61806 6.92896L4.97781 7.03377C4.99298 7.03823 5.00824 7.04032 5.02324 7.04032C5.09415 7.04032 5.15951 6.99338 5.18023 6.92118C5.20528 6.83368 5.15526 6.74234 5.06858 6.71708L4.56068 6.56909C4.52522 6.38028 4.48205 6.19366 4.43038 6.00992L4.79395 6.06018C4.80149 6.06123 4.80895 6.06175 4.8164 6.06175C4.89685 6.06175 4.96698 6.00187 4.97816 5.91927C4.99047 5.82906 4.92788 5.74593 4.83842 5.73352L4.32177 5.6621C4.25848 5.47758 4.18688 5.29629 4.1073 5.11849L4.47988 5.11368C4.57021 5.11255 4.64242 5.03781 4.64129 4.94673C4.64017 4.85643 4.56718 4.78397 4.47789 4.78397C4.4772 4.78397 4.4765 4.78397 4.47572 4.78397L3.94953 4.79079C3.86085 4.61963 3.76402 4.4525 3.65999 4.28931L4.02625 4.23056C4.11545 4.21632 4.17622 4.13179 4.162 4.04184C4.14787 3.9519 4.06413 3.89045 3.97484 3.90496L3.45585 3.98808C3.34688 3.83678 3.23107 3.68957 3.10849 3.54683L3.45949 3.4679C3.54765 3.44806 3.60313 3.35994 3.58345 3.27113C3.56377 3.18224 3.47639 3.12621 3.38832 3.14614L2.90148 3.25566C2.89498 3.26152 2.88839 3.26729 2.88198 3.27323C2.87799 3.2769 2.87417 3.28057 2.87027 3.28425C2.80994 3.33993 2.75082 3.39683 2.69274 3.45487C2.69239 3.45522 2.69196 3.45566 2.69161 3.45601C2.67869 3.46895 2.66586 3.48188 2.65312 3.49491L2.48313 3.9213C2.44949 4.00574 2.49006 4.10181 2.5738 4.13572C2.59383 4.14385 2.61446 4.1477 2.63474 4.1477C2.6995 4.1477 2.76087 4.10863 2.78653 4.04429L2.92124 3.70644C3.03931 3.84377 3.15088 3.98529 3.25568 4.13092L3.0238 4.62217C2.98496 4.70434 3.01963 4.80276 3.10112 4.84192C3.12383 4.85285 3.14776 4.85792 3.17125 4.85792C3.23237 4.85792 3.29097 4.82322 3.31897 4.76386L3.46868 4.44673C3.56264 4.5956 3.65046 4.74787 3.73116 4.90355L3.43192 5.3552C3.38173 5.4309 3.40193 5.53326 3.47708 5.58387C3.505 5.60267 3.53655 5.61167 3.56776 5.61167C3.62055 5.61167 3.6723 5.58597 3.70386 5.53842L3.89604 5.2483C3.96678 5.40826 4.03076 5.57111 4.0878 5.73667L3.72206 6.14208C3.66129 6.20948 3.66624 6.31367 3.73298 6.37495C3.76428 6.40371 3.80364 6.41787 3.84299 6.41787C3.88738 6.41787 3.93176 6.39968 3.96401 6.36393L4.20092 6.10126C4.24773 6.27032 4.28726 6.44182 4.31986 6.61533L3.90541 6.95868C3.83562 7.01646 3.82557 7.12039 3.88287 7.19067C3.9152 7.23036 3.9621 7.2509 4.00926 7.2509C4.04575 7.2509 4.08251 7.23866 4.11294 7.2134L4.37933 6.99269C4.40134 7.16795 4.41591 7.34504 4.42345 7.52354L3.96713 7.80736C3.89032 7.85518 3.8664 7.95675 3.91381 8.0342C3.94468 8.08472 3.99825 8.11252 4.05312 8.11252C4.08242 8.11252 4.11207 8.10456 4.13877 8.08795L4.4283 7.90789C4.42536 8.08498 4.41556 8.26077 4.3984 8.43489L3.90385 8.6473C3.8208 8.68296 3.78214 8.77982 3.81751 8.86356C3.84403 8.92623 3.90445 8.96382 3.96799 8.96382C3.98932 8.96382 4.01108 8.95953 4.03197 8.95062L4.34898 8.81443C4.32116 8.98847 4.28622 9.16067 4.24418 9.33051L3.72458 9.46976C3.63728 9.49318 3.58536 9.58348 3.60859 9.67142C3.62801 9.74519 3.69415 9.79397 3.76653 9.79397C3.7804 9.79397 3.79453 9.79213 3.80866 9.78837L4.14111 9.6993C4.08866 9.86652 4.02902 10.0311 3.96279 10.1928L3.4255 10.2531C3.33578 10.2631 3.27111 10.3447 3.28108 10.4351C3.29036 10.5195 3.36118 10.5818 3.44336 10.5818C3.44943 10.5818 3.4555 10.5815 3.46165 10.5808L3.80745 10.542C3.73134 10.6994 3.64829 10.8534 3.55883 11.0041L3.01703 10.9867C2.92671 10.9843 2.85129 11.0552 2.84843 11.1462C2.84557 11.2372 2.91639 11.3134 3.00663 11.3162L3.35329 11.3273C3.25534 11.4715 3.15131 11.612 3.0407 11.7486L2.51303 11.6501C2.43536 11.6357 2.36064 11.6789 2.33203 11.7496C2.40138 11.8321 2.47281 11.9129 2.54632 11.9917L2.79156 12.0375C2.75905 12.0731 2.72611 12.1083 2.69274 12.1432C2.75082 12.2013 2.80994 12.2582 2.87027 12.3138C2.9124 12.2697 2.95393 12.2252 2.99467 12.1802L3.14715 12.5257C3.17429 12.5871 3.23401 12.6236 3.2966 12.6236C3.31879 12.6236 3.34133 12.619 3.363 12.6093C3.44553 12.5723 3.48263 12.4749 3.44588 12.3917L3.23098 11.9049C3.35269 11.7545 3.46685 11.5994 3.57391 11.4402L3.77468 11.7559C3.80589 11.805 3.85859 11.8319 3.91251 11.8319C3.94268 11.8319 3.97328 11.8234 4.00059 11.8057C4.07661 11.7566 4.09872 11.6546 4.05 11.578L3.76775 11.134C3.86666 10.9675 3.95785 10.797 4.04116 10.6227L4.28388 10.9059C4.31622 10.9436 4.36181 10.963 4.40767 10.963C4.44555 10.963 4.48361 10.9498 4.51447 10.9229C4.58278 10.8634 4.59032 10.7593 4.53129 10.6904L4.18844 10.2903C4.26221 10.1104 4.32818 9.92727 4.38548 9.741L4.66964 9.9868C4.7005 10.0135 4.7383 10.0265 4.77601 10.0265C4.82204 10.0265 4.86781 10.007 4.90014 9.96896C4.95892 9.89982 4.95103 9.7958 4.88255 9.73645L4.48231 9.39021C4.5286 9.20298 4.56683 9.01303 4.59656 8.8209L4.91219 9.02326C4.93941 9.04065 4.96975 9.04904 4.99975 9.04904C5.05384 9.04904 5.10672 9.02203 5.13784 8.97256C5.1863 8.89572 5.16376 8.79389 5.08756 8.74503L4.64233 8.45963C4.66141 8.26592 4.67172 8.07021 4.67389 7.87292L5.01977 8.02712C5.04127 8.03673 5.06372 8.04128 5.08583 8.04128C5.14859 8.04128 5.2084 8.00465 5.23545 7.94302C5.27194 7.85972 5.23458 7.76243 5.15197 7.72554V7.72581Z' fill='%232194EC'/%3E%3Cpath d='M11.4143 3.94796C11.4244 3.9498 11.4345 3.95076 11.4443 3.95076C11.5106 3.95076 11.5702 3.90985 11.5952 3.84823C11.5259 3.7658 11.4546 3.68512 11.3811 3.60653L11.1359 3.56073C11.1684 3.52515 11.2014 3.48993 11.2347 3.45496C11.1767 3.39692 11.1175 3.34001 11.0572 3.28433C11.0151 3.32839 10.9735 3.37288 10.9328 3.4179L10.7803 3.07245C10.7436 2.98923 10.6468 2.95191 10.5645 2.98888C10.4819 3.02586 10.4448 3.12332 10.4816 3.20654L10.6964 3.69342C10.5747 3.84377 10.4605 3.99884 10.3535 4.1581L10.1527 3.84228C10.104 3.76562 10.0028 3.74333 9.92688 3.79246C9.85085 3.84158 9.82875 3.94359 9.87747 4.02025L10.1597 4.4643C10.0608 4.63082 9.96962 4.80136 9.88631 4.97557L9.64359 4.69227C9.58455 4.62339 9.48131 4.61579 9.413 4.67532C9.34469 4.73484 9.33715 4.83895 9.39618 4.90783L9.73894 5.30791C9.66517 5.48781 9.5992 5.67093 9.54181 5.8573L9.25765 5.61141C9.18917 5.55214 9.08601 5.5601 9.02707 5.62915C8.96829 5.69829 8.97618 5.80231 9.04475 5.86167L9.44499 6.2079C9.39869 6.39523 9.36046 6.58509 9.33073 6.77722L9.0151 6.57486C8.93882 6.526 8.83791 6.54872 8.78937 6.62556C8.74091 6.70239 8.76345 6.80431 8.83965 6.85309L9.28487 7.13849C9.2658 7.33219 9.25549 7.52791 9.25332 7.72511L8.90744 7.57091C8.82482 7.53411 8.72834 7.5717 8.69185 7.65509C8.65535 7.73839 8.69271 7.83568 8.77524 7.87257L9.25895 8.08822C9.26728 8.28376 9.28409 8.47764 9.30915 8.6695L8.94939 8.5647C8.86271 8.53935 8.77203 8.58987 8.74698 8.67728C8.72193 8.76478 8.77194 8.85613 8.85863 8.88139L9.36653 9.02938C9.40199 9.21827 9.44524 9.40481 9.49682 9.58864L9.13317 9.53838C9.04397 9.52588 8.96127 9.58908 8.94905 9.67928C8.93682 9.76949 8.99933 9.85262 9.08879 9.86503L9.60536 9.93645C9.66864 10.121 9.74016 10.3023 9.81982 10.48L9.44724 10.4848C9.35691 10.486 9.2847 10.5607 9.28583 10.6517C9.28695 10.742 9.35994 10.8145 9.44932 10.8145H9.45149L9.97768 10.8077C10.0664 10.9788 10.1632 11.146 10.2672 11.3091L9.90087 11.3678C9.81167 11.3821 9.7509 11.4666 9.76512 11.5565C9.77786 11.6377 9.84739 11.6955 9.92636 11.6955C9.93494 11.6955 9.94352 11.6948 9.95219 11.6934L10.4712 11.6102C10.5802 11.7615 10.696 11.9087 10.8185 12.0515L10.4675 12.1304C10.3794 12.1502 10.3239 12.2383 10.3436 12.3272C10.3606 12.4041 10.4281 12.4563 10.503 12.4563C10.5148 12.4563 10.5268 12.455 10.5388 12.4522L11.0256 12.3427C11.0321 12.3368 11.0388 12.331 11.0453 12.325C11.0492 12.3214 11.053 12.3176 11.0569 12.314C11.1173 12.2584 11.1764 12.2015 11.2345 12.1435C11.2348 12.1432 11.2353 12.1427 11.2357 12.1424C11.2486 12.1294 11.2614 12.1165 11.2742 12.1035L11.4443 11.6771C11.478 11.5926 11.4373 11.4966 11.3536 11.4627C11.2698 11.4286 11.1746 11.4696 11.1409 11.5541L11.0062 11.892C10.8882 11.7547 10.7766 11.6131 10.6717 11.4676L10.9036 10.9763C10.9424 10.8941 10.9077 10.7957 10.8263 10.7566C10.7447 10.7175 10.6472 10.7523 10.6084 10.8346L10.4587 11.1517C10.3647 11.0029 10.2769 10.8506 10.1962 10.6949L10.4955 10.2433C10.5457 10.1676 10.5254 10.0652 10.4503 10.0146C10.3752 9.96398 10.2737 9.98444 10.2235 10.0601L10.0313 10.3503C9.9606 10.1903 9.89663 10.0274 9.83959 9.86189L10.2053 9.45647C10.2661 9.38916 10.2612 9.28488 10.1944 9.22361C10.1276 9.16233 10.0242 9.16714 9.96346 9.23462L9.72655 9.49729C9.67973 9.32824 9.6402 9.15674 9.60761 8.98322L10.0221 8.63996C10.0918 8.58218 10.1019 8.47825 10.0446 8.40797C9.98721 8.3376 9.88414 8.32746 9.81453 8.38524L9.54814 8.60596C9.52612 8.4307 9.51156 8.2536 9.50402 8.0751L9.96034 7.79119C10.0371 7.74338 10.0611 7.64181 10.0137 7.56436C9.96624 7.48691 9.86559 7.46279 9.78861 7.5106L9.49908 7.69076C9.50203 7.51366 9.51182 7.33787 9.52898 7.16375L10.0235 6.95134C10.1066 6.91568 10.1452 6.81882 10.1099 6.73508C10.0745 6.65134 9.97846 6.61227 9.89541 6.64802L9.5784 6.78421C9.60622 6.61017 9.64116 6.43797 9.6832 6.26813L10.2028 6.12888C10.2901 6.10546 10.342 6.01516 10.3189 5.92723C10.2956 5.8392 10.2058 5.78702 10.1189 5.81027L9.78645 5.89943C9.83889 5.73221 9.89853 5.56761 9.96485 5.40581L10.5021 5.34559C10.5919 5.33554 10.6565 5.25398 10.6466 5.16351C10.6366 5.07304 10.5553 5.00783 10.466 5.01788L10.1201 5.0566C10.1962 4.89926 10.2793 4.74524 10.3687 4.59455L10.9105 4.61194C10.9123 4.61194 10.9141 4.61194 10.9158 4.61194C11.0037 4.61194 11.0763 4.54158 11.0791 4.45233C11.082 4.36133 11.0112 4.2852 10.9209 4.28231L10.5743 4.27121C10.6722 4.12707 10.7763 3.98651 10.8869 3.84997L11.4144 3.94849L11.4143 3.94796Z' fill='%232194EC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-table td ul.ball.-navy li:before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.75781' r='6.4' stroke='%23001448' stroke-width='0.8'/%3E%3Cmask id='mask0_514_14194' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='13'%3E%3Ccircle cx='7' cy='7.75781' r='6' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_514_14194)'%3E%3Cpath d='M5.15197 7.72581L4.66825 7.51016C4.65993 7.31462 4.64311 7.12074 4.61806 6.92896L4.97781 7.03377C4.99298 7.03823 5.00824 7.04032 5.02324 7.04032C5.09415 7.04032 5.15951 6.99338 5.18023 6.92118C5.20528 6.83368 5.15526 6.74234 5.06858 6.71708L4.56068 6.56909C4.52522 6.38028 4.48205 6.19366 4.43038 6.00992L4.79395 6.06018C4.80149 6.06123 4.80895 6.06175 4.8164 6.06175C4.89685 6.06175 4.96698 6.00187 4.97816 5.91927C4.99047 5.82906 4.92788 5.74593 4.83842 5.73352L4.32177 5.6621C4.25848 5.47758 4.18688 5.29629 4.1073 5.11849L4.47988 5.11368C4.57021 5.11255 4.64242 5.03781 4.64129 4.94673C4.64017 4.85643 4.56718 4.78397 4.47789 4.78397C4.4772 4.78397 4.4765 4.78397 4.47572 4.78397L3.94953 4.79079C3.86085 4.61963 3.76402 4.4525 3.65999 4.28931L4.02625 4.23056C4.11545 4.21632 4.17622 4.13179 4.162 4.04184C4.14787 3.9519 4.06413 3.89045 3.97484 3.90496L3.45585 3.98808C3.34688 3.83678 3.23107 3.68957 3.10849 3.54683L3.45949 3.4679C3.54765 3.44806 3.60313 3.35994 3.58345 3.27113C3.56377 3.18224 3.47639 3.12621 3.38832 3.14614L2.90148 3.25566C2.89498 3.26152 2.88839 3.26729 2.88198 3.27323C2.87799 3.2769 2.87417 3.28057 2.87027 3.28425C2.80994 3.33993 2.75082 3.39683 2.69274 3.45487C2.69239 3.45522 2.69196 3.45566 2.69161 3.45601C2.67869 3.46895 2.66586 3.48188 2.65312 3.49491L2.48313 3.9213C2.44949 4.00574 2.49006 4.10181 2.5738 4.13572C2.59383 4.14385 2.61446 4.1477 2.63474 4.1477C2.6995 4.1477 2.76087 4.10863 2.78653 4.04429L2.92124 3.70644C3.03931 3.84377 3.15088 3.98529 3.25568 4.13092L3.0238 4.62217C2.98496 4.70434 3.01963 4.80276 3.10112 4.84192C3.12383 4.85285 3.14776 4.85792 3.17125 4.85792C3.23237 4.85792 3.29097 4.82322 3.31897 4.76386L3.46868 4.44673C3.56264 4.5956 3.65046 4.74787 3.73116 4.90355L3.43192 5.3552C3.38173 5.4309 3.40193 5.53326 3.47708 5.58387C3.505 5.60267 3.53655 5.61167 3.56776 5.61167C3.62055 5.61167 3.6723 5.58597 3.70386 5.53842L3.89604 5.2483C3.96678 5.40826 4.03076 5.57111 4.0878 5.73667L3.72206 6.14208C3.66129 6.20948 3.66624 6.31367 3.73298 6.37495C3.76428 6.40371 3.80364 6.41787 3.84299 6.41787C3.88738 6.41787 3.93176 6.39968 3.96401 6.36393L4.20092 6.10126C4.24773 6.27032 4.28726 6.44182 4.31986 6.61533L3.90541 6.95868C3.83562 7.01646 3.82557 7.12039 3.88287 7.19067C3.9152 7.23036 3.9621 7.2509 4.00926 7.2509C4.04575 7.2509 4.08251 7.23866 4.11294 7.2134L4.37933 6.99269C4.40134 7.16795 4.41591 7.34504 4.42345 7.52354L3.96713 7.80736C3.89032 7.85518 3.8664 7.95675 3.91381 8.0342C3.94468 8.08472 3.99825 8.11252 4.05312 8.11252C4.08242 8.11252 4.11207 8.10456 4.13877 8.08795L4.4283 7.90789C4.42536 8.08498 4.41556 8.26077 4.3984 8.43489L3.90385 8.6473C3.8208 8.68296 3.78214 8.77982 3.81751 8.86356C3.84403 8.92623 3.90445 8.96382 3.96799 8.96382C3.98932 8.96382 4.01108 8.95953 4.03197 8.95062L4.34898 8.81443C4.32116 8.98847 4.28622 9.16067 4.24418 9.33051L3.72458 9.46976C3.63728 9.49318 3.58536 9.58348 3.60859 9.67142C3.62801 9.74519 3.69415 9.79397 3.76653 9.79397C3.7804 9.79397 3.79453 9.79213 3.80866 9.78837L4.14111 9.6993C4.08866 9.86652 4.02902 10.0311 3.96279 10.1928L3.4255 10.2531C3.33578 10.2631 3.27111 10.3447 3.28108 10.4351C3.29036 10.5195 3.36118 10.5818 3.44336 10.5818C3.44943 10.5818 3.4555 10.5815 3.46165 10.5808L3.80745 10.542C3.73134 10.6994 3.64829 10.8534 3.55883 11.0041L3.01703 10.9867C2.92671 10.9843 2.85129 11.0552 2.84843 11.1462C2.84557 11.2372 2.91639 11.3134 3.00663 11.3162L3.35329 11.3273C3.25534 11.4715 3.15131 11.612 3.0407 11.7486L2.51303 11.6501C2.43536 11.6357 2.36064 11.6789 2.33203 11.7496C2.40138 11.8321 2.47281 11.9129 2.54632 11.9917L2.79156 12.0375C2.75905 12.0731 2.72611 12.1083 2.69274 12.1432C2.75082 12.2013 2.80994 12.2582 2.87027 12.3138C2.9124 12.2697 2.95393 12.2252 2.99467 12.1802L3.14715 12.5257C3.17429 12.5871 3.23401 12.6236 3.2966 12.6236C3.31879 12.6236 3.34133 12.619 3.363 12.6093C3.44553 12.5723 3.48263 12.4749 3.44588 12.3917L3.23098 11.9049C3.35269 11.7545 3.46685 11.5994 3.57391 11.4402L3.77468 11.7559C3.80589 11.805 3.85859 11.8319 3.91251 11.8319C3.94268 11.8319 3.97328 11.8234 4.00059 11.8057C4.07661 11.7566 4.09872 11.6546 4.05 11.578L3.76775 11.134C3.86666 10.9675 3.95785 10.797 4.04116 10.6227L4.28388 10.9059C4.31622 10.9436 4.36181 10.963 4.40767 10.963C4.44555 10.963 4.48361 10.9498 4.51447 10.9229C4.58278 10.8634 4.59032 10.7593 4.53129 10.6904L4.18844 10.2903C4.26221 10.1104 4.32818 9.92727 4.38548 9.741L4.66964 9.9868C4.7005 10.0135 4.7383 10.0265 4.77601 10.0265C4.82204 10.0265 4.86781 10.007 4.90014 9.96896C4.95892 9.89982 4.95103 9.7958 4.88255 9.73645L4.48231 9.39021C4.5286 9.20298 4.56683 9.01303 4.59656 8.8209L4.91219 9.02326C4.93941 9.04065 4.96975 9.04904 4.99975 9.04904C5.05384 9.04904 5.10672 9.02203 5.13784 8.97256C5.1863 8.89572 5.16376 8.79389 5.08756 8.74503L4.64233 8.45963C4.66141 8.26592 4.67172 8.07021 4.67389 7.87292L5.01977 8.02712C5.04127 8.03673 5.06372 8.04128 5.08583 8.04128C5.14859 8.04128 5.2084 8.00465 5.23545 7.94302C5.27194 7.85972 5.23458 7.76243 5.15197 7.72554V7.72581Z' fill='%23001448'/%3E%3Cpath d='M11.4143 3.94796C11.4244 3.9498 11.4345 3.95076 11.4443 3.95076C11.5106 3.95076 11.5702 3.90985 11.5952 3.84823C11.5259 3.7658 11.4546 3.68512 11.3811 3.60653L11.1359 3.56073C11.1684 3.52515 11.2014 3.48993 11.2347 3.45496C11.1767 3.39692 11.1175 3.34001 11.0572 3.28433C11.0151 3.32839 10.9735 3.37288 10.9328 3.4179L10.7803 3.07245C10.7436 2.98923 10.6468 2.95191 10.5645 2.98888C10.4819 3.02586 10.4448 3.12332 10.4816 3.20654L10.6964 3.69342C10.5747 3.84377 10.4605 3.99884 10.3535 4.1581L10.1527 3.84228C10.104 3.76562 10.0028 3.74333 9.92688 3.79246C9.85085 3.84158 9.82875 3.94359 9.87747 4.02025L10.1597 4.4643C10.0608 4.63082 9.96962 4.80136 9.88631 4.97557L9.64359 4.69227C9.58455 4.62339 9.48131 4.61579 9.413 4.67532C9.34469 4.73484 9.33715 4.83895 9.39618 4.90783L9.73894 5.30791C9.66517 5.48781 9.5992 5.67093 9.54181 5.8573L9.25765 5.61141C9.18917 5.55214 9.08601 5.5601 9.02707 5.62915C8.96829 5.69829 8.97618 5.80231 9.04475 5.86167L9.44499 6.2079C9.39869 6.39523 9.36046 6.58509 9.33073 6.77722L9.0151 6.57486C8.93882 6.526 8.83791 6.54872 8.78937 6.62556C8.74091 6.70239 8.76345 6.80431 8.83965 6.85309L9.28487 7.13849C9.2658 7.33219 9.25549 7.52791 9.25332 7.72511L8.90744 7.57091C8.82482 7.53411 8.72834 7.5717 8.69185 7.65509C8.65535 7.73839 8.69271 7.83568 8.77524 7.87257L9.25895 8.08822C9.26728 8.28376 9.28409 8.47764 9.30915 8.6695L8.94939 8.5647C8.86271 8.53935 8.77203 8.58987 8.74698 8.67728C8.72193 8.76478 8.77194 8.85613 8.85863 8.88139L9.36653 9.02938C9.40199 9.21827 9.44524 9.40481 9.49682 9.58864L9.13317 9.53838C9.04397 9.52588 8.96127 9.58908 8.94905 9.67928C8.93682 9.76949 8.99933 9.85262 9.08879 9.86503L9.60536 9.93645C9.66864 10.121 9.74016 10.3023 9.81982 10.48L9.44724 10.4848C9.35691 10.486 9.2847 10.5607 9.28583 10.6517C9.28695 10.742 9.35994 10.8145 9.44932 10.8145H9.45149L9.97768 10.8077C10.0664 10.9788 10.1632 11.146 10.2672 11.3091L9.90087 11.3678C9.81167 11.3821 9.7509 11.4666 9.76512 11.5565C9.77786 11.6377 9.84739 11.6955 9.92636 11.6955C9.93494 11.6955 9.94352 11.6948 9.95219 11.6934L10.4712 11.6102C10.5802 11.7615 10.696 11.9087 10.8185 12.0515L10.4675 12.1304C10.3794 12.1502 10.3239 12.2383 10.3436 12.3272C10.3606 12.4041 10.4281 12.4563 10.503 12.4563C10.5148 12.4563 10.5268 12.455 10.5388 12.4522L11.0256 12.3427C11.0321 12.3368 11.0388 12.331 11.0453 12.325C11.0492 12.3214 11.053 12.3176 11.0569 12.314C11.1173 12.2584 11.1764 12.2015 11.2345 12.1435C11.2348 12.1432 11.2353 12.1427 11.2357 12.1424C11.2486 12.1294 11.2614 12.1165 11.2742 12.1035L11.4443 11.6771C11.478 11.5926 11.4373 11.4966 11.3536 11.4627C11.2698 11.4286 11.1746 11.4696 11.1409 11.5541L11.0062 11.892C10.8882 11.7547 10.7766 11.6131 10.6717 11.4676L10.9036 10.9763C10.9424 10.8941 10.9077 10.7957 10.8263 10.7566C10.7447 10.7175 10.6472 10.7523 10.6084 10.8346L10.4587 11.1517C10.3647 11.0029 10.2769 10.8506 10.1962 10.6949L10.4955 10.2433C10.5457 10.1676 10.5254 10.0652 10.4503 10.0146C10.3752 9.96398 10.2737 9.98444 10.2235 10.0601L10.0313 10.3503C9.9606 10.1903 9.89663 10.0274 9.83959 9.86189L10.2053 9.45647C10.2661 9.38916 10.2612 9.28488 10.1944 9.22361C10.1276 9.16233 10.0242 9.16714 9.96346 9.23462L9.72655 9.49729C9.67973 9.32824 9.6402 9.15674 9.60761 8.98322L10.0221 8.63996C10.0918 8.58218 10.1019 8.47825 10.0446 8.40797C9.98721 8.3376 9.88414 8.32746 9.81453 8.38524L9.54814 8.60596C9.52612 8.4307 9.51156 8.2536 9.50402 8.0751L9.96034 7.79119C10.0371 7.74338 10.0611 7.64181 10.0137 7.56436C9.96624 7.48691 9.86559 7.46279 9.78861 7.5106L9.49908 7.69076C9.50203 7.51366 9.51182 7.33787 9.52898 7.16375L10.0235 6.95134C10.1066 6.91568 10.1452 6.81882 10.1099 6.73508C10.0745 6.65134 9.97846 6.61227 9.89541 6.64802L9.5784 6.78421C9.60622 6.61017 9.64116 6.43797 9.6832 6.26813L10.2028 6.12888C10.2901 6.10546 10.342 6.01516 10.3189 5.92723C10.2956 5.8392 10.2058 5.78702 10.1189 5.81027L9.78645 5.89943C9.83889 5.73221 9.89853 5.56761 9.96485 5.40581L10.5021 5.34559C10.5919 5.33554 10.6565 5.25398 10.6466 5.16351C10.6366 5.07304 10.5553 5.00783 10.466 5.01788L10.1201 5.0566C10.1962 4.89926 10.2793 4.74524 10.3687 4.59455L10.9105 4.61194C10.9123 4.61194 10.9141 4.61194 10.9158 4.61194C11.0037 4.61194 11.0763 4.54158 11.0791 4.45233C11.082 4.36133 11.0112 4.2852 10.9209 4.28231L10.5743 4.27121C10.6722 4.12707 10.7763 3.98651 10.8869 3.84997L11.4144 3.94849L11.4143 3.94796Z' fill='%23001448'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-table td ul.point {
list-style-type: none;
margin-left: 2.333vw;
}
.class-table td ul.point li {
text-align: justify;
display: block;
padding-bottom: 2.133vw;
position: relative;
}
.class-table td ul.point li:last-child {
padding-bottom: 0vw;
}
.class-table td ul.point li:before {
content: "";
margin-left: -3.2vw;
margin-right: 1.333vw;
position: absolute;
width: 0.8vw;
height: 0.8vw;
background-color: #007CDA;
top: 2.133vw;
left: 1.333vw;
}
.class-table td ul.point.-navy li::before {
background-color: #001448;
}
.class-table span.fs-md {
font-size: 4.27vw;
padding-right: 3.2vw;
line-height: 6.93vw;
}
.class-table span.fs-md:last-child {
padding-right: 0vw;
}
@media only screen and (min-width: 768px) {
.class-table span.fs-md {
  padding-right: 0;
  font-size: 1.11vw;
  line-height: 1.81vw;
}
}
@media only screen and (min-width: 992px) {
.class-table span.fs-md {
  padding-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.class-table span.fs-md {
  padding-right: 0;
}
}
.class .cmap {
position: relative;
overflow: hidden;
}
.class .cmap:before {
position: absolute;
content: "";
top: 2.867vw;
right: -1.333vw;
background-image: url(../img/class/cmap_ball-sp.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 60.8vw;
height: 186.4vw;
z-index: -2;
}
@media only screen and (min-width: 768px) {
.class .cmap:before {
  content: none;
}
}
.class .cmap::before {
position: absolute;
content: none;
width: 19.933vw;
height: 27.733vw;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
top: 31.2vw;
left: 0;
}
@media only screen and (min-width: 768px) {
.class .cmap::before {
  content: "";
  background-image: url(../img/class/m__bl.png);
  top: 29.083vw;
  width: 18.333vw;
  height: 25.833vw;
  left: -0.903vw;
}
}
/* .class .cmap::after {
position: absolute;
content: "";
width: 18.472vw;
height: 19.097vw;
background-image: url(../img/class/fe_gloves.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
bottom: -30.2vw;
left: 9.867vw;
-webkit-transform: rotate(75deg);
-ms-transform: rotate(75deg);
transform: rotate(75deg);
z-index: -1;
}
@media only screen and (min-width: 768px) {
.class .cmap::after {
  bottom: -17.083vw;
  width: 18.472vw;
  height: 19.097vw;
  left: initial;
  right: 5.278vw;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
}
@media only screen and (min-width: 992px) {
.class .cmap::after {
  bottom: -19.35vw;
}
} */
.class .status__inn {
margin-top: 0;
}

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

span.fs-org {
  font-size: 3.47vw;
  color: #f99600;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  span.fs-org {
    font-size: 0.97vw;
  }
}

span.fs-sm {
  display: block;
  font-size: 2.67vw;
  line-height: 3.2vw;
  padding-top: 3.733vw;
}
@media only screen and (min-width: 768px) {
  span.fs-sm {
    font-size: 0.83vw;
    line-height: 1.39vw;
    padding-top: 1.111vw;
  }
}

span.fs-md {
  font-size: 4.267vw;
}
@media only screen and (min-width: 768px) {
  span.fs-md {
    font-size: 1.111vw;
  }
}

.school .heading__sec {
  font-size: 8vw;
  margin-bottom: 5.333vw;
  line-height: 80%;
}
@media only screen and (min-width: 768px) {
  .school .heading__sec {
    font-size: 4.17vw;
    margin-bottom: 1.667vw;
  }
}
.school .container {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .school .container {
    max-width: 66.667vw;
  }
}
/* .school .container:before, .school .container:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.school .container:before {
  top: -1.067vw;
  right: 0vw;
  background-image: url(../img/class/md_bb.svg);
  width: 19.733vw;
  height: 29.6vw;
}
@media only screen and (min-width: 768px) {
  .school .container:before {
    top: 95%;
    left: -10%;
    background-image: url(../img/class/md_b.svg);
    width: 13.056vw;
    height: 12.778vw;
  }
}
@media only screen and (min-width: 1440px) {
  .school .container:before {
    left: -30%;
  }
} */
.school_desc {
  font-size: 4.27vw;
  font-weight: 700;
  color: #001448;
  padding: 0vw 25.867vw 9.067vw 0vw;
  line-height: 160%;
}
@media only screen and (min-width: 768px) {
  .school_desc {
    font-size: 1.39vw;
    padding-bottom: 3.889vw;
    line-height: 80%;
  }
}
.school__wrap {
  position: relative;
}
.school__wrap:after {
}

@media only screen and (min-width: 768px) {
  .school__wrap:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
    top: 58.1%;
    right: -13.7%;
    background-image: url(../img/class/sm_bl.png);
    width: 2.083vw;
    height: 2.083vw;
  }
}
.school-table {
  border: 0.069vw solid #0068b7;
  border-collapse: collapse;
}
@media only screen and (max-width: 767px) {
  .school-table {
    border: 0.267vw solid #0068b7;
    width: 256vw;
  }
}
.school-table.-wlg {
  width: 256vw;
}
@media only screen and (min-width: 768px) {
  .school-table.-wlg {
    width: 66.667vw;
  }
}
.school-table tr.b-botm {
  border-bottom: 0.533vw solid #0068b7;
}
@media only screen and (min-width: 768px) {
  .school-table tr.b-botm {
    border-bottom: 0.139vw solid #0068b7;
  }
}
.school-table .brn {
  border-right: none !important;
}
.school-table .bfn {
  border-left: none !important;
}
.school-table th {
  width: 14.2857142857%;
}
.school-table th:last-child {
  border-right: none;
}
.school-table th.sblue1 {
  background-color: #001448;
  color: #ffffff;
  font-size: 3.73vw;
  line-height: 1.6;
  font-weight: 700;
  padding: 1.067vw 6.933vw;
}
@media only screen and (min-width: 768px) {
  .school-table th.sblue1 {
    padding: 0.486vw 1.806vw;
    font-size: 1.11vw;
  }
}
.school-table td {
  vertical-align: middle;
}
.school-table td.-bdrtopnone {
  border-top: none;
}
.school-table td.sblue2, .school-table td.sblue3, .school-table td.sblue4 {
  color: #001448;
  font-size: 3.73vw;
  line-height: 140%;
  font-weight: 700;
  padding: 4.267vw 1.6vw;
  border: 0.267vw solid #0068b7;
}
@media only screen and (min-width: 768px) {
  .school-table td.sblue2, .school-table td.sblue3, .school-table td.sblue4 {
    border: 0.069vw solid #0068b7;
    font-size: 1.11vw;
    line-height: 80%;
    padding: 1.771vw 0.417vw;
  }
}
.school-table td.sblue2 {
  background-color: #f3faff;
}
.school-table td.sblue2.-bdrtopnone {
  border-top: none !important;
}
.school-table td.sblue3 {
  background-color: #d9eaff;
}
.school-table td.sblue4 {
  background-color: #a3ccff;
}
.school-table td.s-top {
  text-align: center;
  font-size: 4.27vw;
  line-height: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .school-table td.s-top {
    font-size: 1.11vw;
    line-height: 1.111vw;
  }
}
.school-table td.s-top .ver-txt {
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  text-align: left;
}
.school-table td.snul {
  background-color: #f1f1f1;
}
.school-table td.snul.-brdtoprgt {
  border-top: 0.267vw solid #d9d9d9;
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.snul.-brdtoprgt {
    border-top: 0.069vw solid #d9d9d9;
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.snul.-brdbtmrgt {
  border-bottom: 0.267vw solid #d9d9d9;
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.snul.-brdbtmrgt {
    border-bottom: 0.069vw solid #d9d9d9;
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.snul.-brdbtm {
  border-bottom: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.snul.-brdbtm {
    border-bottom: 0.069vw solid #d9d9d9;
  }
}
.school-table td.snul.-brdrgt {
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.snul.-brdrgt {
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht {
  background-color: #ffffff;
  color: #0068b7;
  font-weight: 700;
  font-size: 4.27vw;
  padding: 2.133vw 2.667vw;
  line-height: 160%;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht {
    font-size: 1.25vw;
    padding: 1.667vw 1.597vw;
    line-height: 2.014vw;
  }
}
.school-table td.swht.-bdrtopnone {
  border-top: none !important;
}
.school-table td.swht.-brdtoprgt {
  border-top: 0.267vw solid #d9d9d9;
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht.-brdtoprgt {
    border-top: 0.069vw solid #d9d9d9;
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht.-brdbtmrgt {
  border-bottom: 0.267vw solid #d9d9d9;
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht.-brdbtmrgt {
    border-bottom: 0.069vw solid #d9d9d9;
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht.-brdbtm {
  border-bottom: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht.-brdbtm {
    border-bottom: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht.-brdrgt {
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht.-brdrgt {
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht.-brdtoprgtbtm {
  border-top: 0.267vw solid #d9d9d9;
  border-bottom: 0.267vw solid #d9d9d9;
  border-right: 0.267vw solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht.-brdtoprgtbtm {
    border-top: 0.069vw solid #d9d9d9;
    border-bottom: 0.069vw solid #d9d9d9;
    border-right: 0.069vw solid #d9d9d9;
  }
}
.school-table td.swht a {
  text-decoration: none;
  display: inline-block;
  color: #0068b7 !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.school-table td.swht a:hover {
  opacity: 0.7;
}
.school-table td.swht p.sdesc {
  padding-bottom: 6.933vw;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht p.sdesc {
    padding-bottom: 1.806vw;
  }
}
.school-table td.swht p.sdesc:last-child {
  padding-bottom: 0;
}
.school-table td.swht p span {
  display: block;
}
.school-table td.swht p span.fs-sm {
  font-size: 4.27vw;
  line-height: 160%;
  color: #001448;
  padding-top: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .school-table td.swht p span.fs-sm {
    font-size: 0.97vw;
    padding-top: 0.556vw;
  }
}
.school__scrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2.133vw;
  padding-top: 3.2vw;
  gap: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .school__scrl {
    display: none;
  }
}
.school__scrl.-mdscrl {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media only screen and (min-width: 1200px) {
  .school__scrl.-mdscrl {
    display: none;
  }
}
.school__scrl-desc {
  font-size: 4.267vw;
  color: #24B4F2;
  font-weight: 700;
}
.school__scrl img {
  width: 8.267vw;
  height: 8.267vw;
}
@media only screen and (min-width: 768px) {
  .school-sp {
    display: none;
  }
}
.school-sp__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 0;
  background-color: #FFFFFF;
}
.school-sp__col {
  width: 100%;
  border-bottom: 0.267vw solid #0068b7;
  border-right: 0;
}
.school-sp__col:nth-child(1), .school-sp__col:nth-child(2), .school-sp__col:nth-child(3) {
  border-top: 0.267vw solid #0068b7;
}
.school-sp__col:nth-child(2), .school-sp__col:nth-child(3) {
  border-top: 0;
}
.school-sp__txt {
  font-size: 5.333vw;
  font-weight: 900;
  line-height: 1.4;
  color: #0068b7;
  text-align: left;
  padding: 7.067vw 4.267vw;
  position: relative;
  cursor: pointer;
}
.school-sp__txt::after {
  position: absolute;
  content: "";
  width: 2vw;
  height: 4vw;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.95825L9 9.45825L1.5 16.9583' stroke='%230068b7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: 4.267vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.map {
  position: relative;
}
.map:before, .map:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.map:before {
  top: 23%;
  right: 0%;
  background-image: url(../img/class/map__bl-sp.svg);
  width: 24.267vw;
  height: 55.467vw;
}
@media only screen and (min-width: 768px) {
  .map .container {
    max-width: 66.667vw;
  }
}
.map_desc {
  font-size: 4.27vw;
  font-weight: 700;
  color: #001448;
  line-height: 160%;
  padding-right: 8vw;
  padding-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .map_desc {
    font-size: 1.39vw;
    padding-top: 1.667vw;
    line-height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .map_desc {
    padding-bottom: 3.889vw;
  }
}

.-wlg {
  width: 256vw;
}
@media only screen and (min-width: 768px) {
  .-wlg {
    width: 66.667vw;
  }
}

.mt10 {
  margin-top: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .mt10 {
    margin-top: 0.694vw;
  }
}

.mt12 {
  margin-top: 3.2vw !important;
}
@media only screen and (min-width: 768px) {
  .mt12 {
    margin-top: 0.833vw !important;
  }
}

.mt30 {
  margin-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .mt30 {
    margin-top: 2.083vw;
  }
}

.mt48 {
  margin-top: 12.8vw;
}
@media only screen and (min-width: 768px) {
  .mt48 {
    margin-top: 3.333vw;
  }
}

.mb5 {
  margin-bottom: 1.333vw;
}
@media only screen and (min-width: 768px) {
  .mb5 {
    margin-top: 0.347vw;
  }
}

.mb10 {
  margin-bottom: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .mb10 {
    margin-bottom: 0.694vw;
  }
}

.mb15 {
  margin-bottom: 4vw;
}
@media only screen and (min-width: 768px) {
  .mb15 {
    margin-bottom: 1.042vw;
  }
}

.mb20 {
  margin-bottom: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .mb20 {
    margin-bottom: 1.389vw;
  }
}

.mb25 {
  margin-bottom: 6.667vw;
}
@media only screen and (min-width: 768px) {
  .mb25 {
    margin-bottom: 1.736vw;
  }
}

.mb30 {
  margin-bottom: 8vw;
}
@media only screen and (min-width: 768px) {
  .mb30 {
    margin-bottom: 2.083vw;
  }
}

.mb40 {
  margin-bottom: 10.667vw;
}
@media only screen and (min-width: 768px) {
  .mb40 {
    margin-bottom: 2.778vw;
  }
}

.mb50 {
  margin-bottom: 13.333vw;
}
@media only screen and (min-width: 768px) {
  .mb50 {
    margin-bottom: 3.472vw;
  }
}

.mb55 {
  margin-bottom: 10.667vw;
}
@media only screen and (min-width: 768px) {
  .mb55 {
    margin-bottom: 3.819vw;
  }
}

.table-scroll {
  position: relative;
  max-width: 256vw;
  margin: auto;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .table-scroll {
    max-width: 66.667vw;
  }
}
.table-scroll:after {
  content: "";
  display: block;
  width: 1px;
  background: #0068b7;
  height: -webkit-calc(100% - 3.6vw);
  height: calc(100% - 3.2vw);
  position: absolute;
  top: 0;
  right: 0;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-y: hidden;
  /* Hide vertical scrollbar */
  padding-bottom: 1.333vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .table-wrap {
    padding-bottom: 0.347vw;
  }
}
.table-wrap::-webkit-scrollbar {
  width: 1.333vw;
  height: 2.133vw;
  background: #e3f5fc;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .table-wrap::-webkit-scrollbar {
    width: 0.347vw;
    height: 0.556vw;
  }
}
.table-wrap::-webkit-scrollbar-thumb {
  background: #001448;
  border-radius: 2.133vw;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .table-wrap::-webkit-scrollbar-thumb {
    border-radius: 0.556vw;
  }
}

.table-scroll table {
  width: 256vw;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .table-scroll table {
    width: 66.667vw;
  }
}

.table-scroll th,
.table-scroll td {
  white-space: nowrap;
  vertical-align: top;
}

.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.clone th,
.clone td {
  visibility: hidden;
  pointer-events: none;
}

.clone tr.b-botm {
  border-bottom: 0.533vw solid #0068b7;
}
@media only screen and (min-width: 768px) {
  .clone tr.b-botm {
    border-bottom: 0.139vw solid #0068b7;
  }
}

.clone td,
.clone th {
  /* 	border-color:transparent */
}

.clone .fixed-side {
  background: #eee;
  visibility: visible;
  pointer-events: none;
}

.status__inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 256vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .status__inn {
    margin-top: 3.889vw;
    margin-bottom: 0.833vw;
    max-width: 66.667vw;
  }
}
.status__scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.2vw;
  color: #0068B7;
}
@media only screen and (min-width: 768px) {
  .status__scroll {
    gap: 0.833vw;
  }
}
.status__scroll p {
  font-size: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .status__scroll p {
    font-size: 1.389vw;
  }
}
.status__scroll img {
  width: 10.667vw;
  height: 10.667vw;
}
@media only screen and (min-width: 768px) {
  .status__scroll img {
    width: 2.778vw;
    height: 2.778vw;
  }
}
.status__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .status__category {
    padding-bottom: 0;
  }
}
.status__category span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.067vw;
  margin-right: 3.2vw;
  font-size: 3.733vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .status__category span {
    margin-right: 2.5vw;
    font-size: 1.528vw;
    gap: 0.278vw;
  }
}
.status__category span.available:before {
  content: "";
  background-image: url(../img/join-us/status-circle.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 3.2vw;
  height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .status__category span.available:before {
    width: 1.389vw;
    height: 1.389vw;
  }
}
.status__category span.few-left:before {
  content: "";
  background-image: url(../img/join-us/status-triangle.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 3.2vw;
  height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .status__category span.few-left:before {
    width: 1.389vw;
    height: 1.389vw;
  }
}
.status__category span.not-available:before {
  content: "";
  background-image: url(../img/class/x.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 3.2vw;
  height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .status__category span.not-available:before {
    width: 1.389vw;
    height: 1.389vw;
  }
}
.status .scroll-button {
  cursor: pointer !important;
  background-color: transparent;
  border: none;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.status .scroll-button:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.members {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .members .container {
    max-width: 66.667vw;
  }
}
.members .heading__ttl {
  font-size: 5.333vw;
  color: #001448;
  line-height: 6.933vw;
  font-weight: 900;
  padding-bottom: 8.533vw;
}
@media only screen and (min-width: 768px) {
  .members .heading__ttl {
    font-size: 2.222vw;
    padding-bottom: 3.889vw;
    line-height: 1.806vw;
  }
}
.members__wrap {
  border-radius: 10.667vw 0px;
}
@media only screen and (min-width: 768px) {
  .members__wrap {
    border-radius: 2.778vw 0px;
  }
}
.members__close {
  position: fixed;
  z-index: 2;
  right: 4.267vw;
  top: 4.267vw;
  width: 8.533vw;
  height: 8.533vw;
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='67' height='67' rx='33.5' stroke='white'/%3E%3Crect x='23' y='43.793' width='29' height='2' rx='1' transform='rotate(-45 23 43.793)' fill='white'/%3E%3Crect x='24.4141' y='22.793' width='29' height='2' rx='1' transform='rotate(45 24.4141 22.793)' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.members__close.isChanged {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='67' height='67' rx='33.5' stroke='%230068B7'/%3E%3Crect x='23' y='43.793' width='29' height='2' rx='1' transform='rotate(-45 23 43.793)' fill='%230068B7'/%3E%3Crect x='24.4142' y='22.793' width='29' height='2' rx='1' transform='rotate(45 24.4142 22.793)' fill='%230068B7'/%3E%3C/svg%3E%0A");
}
.members__close:hover {
  opacity: 0.7;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
@media only screen and (min-width: 768px) {
  .members__close {
    top: 1.111vw;
    right: 1.111vw;
    width: 4.722vw;
    height: 4.722vw;
  }
}
.members__rules {
  padding-bottom: 7.467vw;
}
@media only screen and (min-width: 768px) {
  .members__rules {
    padding-bottom: 2.917vw;
  }
}
.members__rules ul, .members__rules .article, .members__rules .content {
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 700;
  color: #001448;
}
@media only screen and (min-width: 768px) {
  .members__rules ul, .members__rules .article, .members__rules .content {
    font-size: 1.25vw;
    line-height: 2.014vw;
  }
}
.members__rules ul.point {
  list-style-type: none;
  margin-left: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .members__rules ul.point {
    margin-left: 0.833vw;
  }
}
.members__rules ul.point li {
  text-align: justify;
  display: block;
}
.members__rules ul.point li:before {
  content: "・";
  margin-left: -3.2vw;
}
@media only screen and (min-width: 768px) {
  .members__rules ul.point li:before {
    margin-left: -0.833vw;
  }
}
.members__rules ul.point.-diff li:before {
  content: none;
}
.members .application {
  background-color: #FFF7B5;
  padding: 0;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.members .application:before, .members .application:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.members .application:before {
  top: 0;
  left: 0;
  background-image: url(../img/members/appl_ball-sp.svg);
  width: 40.267vw;
  height: 48.267vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .members .application:before {
    top: 0;
    left: 2.028vw;
    background-image: url(../img/members/appl_ball.svg);
    width: 22.361vw;
    height: 10.417vw;
  }
}
.members .application:after {
  top: 36%;
  right: 0%;
  background-image: url(../img/members/appl_glove-sp.svg);
  width: 10.667vw;
  height: 25.067vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .members .application:after {
    top: 49%;
    right: 12%;
    background-image: url(../img/members/appl_glove.svg);
    width: 13.056vw;
    height: 9.583vw;
  }
}
.members .application__fotr {
  padding: 10.667vw 0 10.667vw 0;
}
@media only screen and (min-width: 768px) {
  .members .application__fotr {
    padding: 5.764vw 0 5.694vw 0;
  }
}
.rules__wrapper .container {
  position: relative;
}
.rules__wrapper .application_note-txt {
  font-weight: 700;
  /* font-size: 3.133vw; */
  font-size: 2.833vw;
  line-height: 5.333vw;
  text-align: left;
  /* padding-top: 3.333vw; */
  /* color: #ff0000d9; */
  /* padding-top: 5.333vw; */
}
@media only screen and (min-width: 768px) {
.rules__wrapper .application_note-txt {
  /* font-size: 1.25vw; */
  /* padding-top: 1.389vw; */
  line-height: 2.014vw;
  /* margin-top: -4.889vw; */
  padding-top: 0;
  font-size: 1.05vw;

}


.rules__wrap-link {
  color: #0065C4;
  transition: 0.3s ease all;
}
.rules__wrap-link:hover {
  opacity: 0.8;
  transition: 0.3s ease all;
}
  
}
.rules__wrapper .application_note-txt.-attention li {
  display: flex;
}

.rules__wrap-content {
  position: absolute;
  left: 0;
  z-index: 2;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}

@media only screen and (min-width: 768px) {
  .rules__wrap-content {
    top: 12vw;
  }
}
.members .application .btn__prim.-form {
  max-width: 64vw;
  padding: 2.133vw 0 2.667vw 0;
  font-size: 4.267vw;
  line-height: 6.933vw;
  text-align: center;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  width: 100%;
  display: block;
  margin-inline: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .members .application .btn__prim.-form {
    max-width: 50vw;
    font-size: 1.667vw;
    line-height: 2.014vw;
    padding: 1.111vw 0 1.389vw 0;
  }
}
.members .application .btn__prim.-form span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.members .application .btn__prim.-form span.arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 0.533vw;
}
@media only screen and (min-width: 768px) {
  .members .application .btn__prim.-form span.arr {
    gap: 0.833vw;
  }
}
.members .application .btn__prim.-form span.arr:before {
  content: "";
  background-repeat: no-repeat;
  width: 4vw;
  height: 4vw;
  background-image: url(../img/members/icon_arr-sp.svg);
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .members .application .btn__prim.-form span.arr:before {
    width: 1.389vw;
    height: 1.389vw;
    background-image: url(../img/members/icon_arr.svg);
  }
}

@media only screen and (min-width: 768px) {
  #privacy .class_modal__wpr {
    width: 86.806vw;
  }
}
#privacy .scrl-content {
  padding-bottom: 0;
}

.join-us {
  overflow: hidden;
  /* padding-bottom: 26.667vw; */
}
@media only screen and (min-width: 768px) {
  .join-us {
    /* padding-bottom: 16.875vw; */
  }
}
.join-us .baseball__font {
  letter-spacing: 0.267vw;
}
@media only screen and (min-width: 768px) {
  .join-us .baseball__font {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
section.join-us__top {
 padding-bottom: 21.333vw;
}
}
.join-us__wrapper {
  position: relative;
  max-width: 384vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .join-us__wrapper {
    max-width: 100vw;
  }
}
.join-us__wrapper:before {
  content: "";
  position: absolute;
  background-image: url(../img/join-us/pb_join-us_bg-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 119.453vw;
  height: 121.851vw;
  top: -16.8vw;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .join-us__wrapper:before {
    background-image: url(../img/join-us/pb_join-us_bg-glove.svg);
    background-size: cover;
    max-width: 10.673vw;
    height: 10.111vw;
    left: initial;
    top: 15.028vw;
    right: 3.228vw;
    padding-right: 0.694vw;
  }
}
.join-us__wrapper:after {
  background-image: none;
}
@media only screen and (min-width: 768px) {
  .join-us__wrapper:after {
    content: "";
    position: absolute;
    background-image: url(../img/join-us/pb_join-us_bg-bat.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 9.498vw;
    height: 18.272vw;
    top: -6.1vw;
    left: 0.033vw;
  }
}
@media only screen and (min-width: 768px) {
  .join-us .container {
    max-width: 66.667vw;
  }
}
.join-us .main__ttl {
  margin-top: 13.333vw;
  padding-bottom: 6.967vw;
}
@media only screen and (min-width: 768px) {
  .join-us .main__ttl {
    margin-top: 3.472vw;
    padding-bottom: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .join-us .heading__prim {
    padding-bottom: 3.6vw;
  }
}
.join-us .main__ttl .cm__ttl {
  margin: 0 auto;
}
.join-us .main__ttl img {
  width: 58.933vw;
  height: 40.8vw;
}
@media only screen and (min-width: 768px) {
  .join-us .main__ttl img {
    width: 53.333vw;
    height: 10.764vw;
  }
}
.join-us .membership-rules {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .join-us .membership-rules {
    padding-top: 30vw;
    background-color: #fff7b5;
  }
  .join-us .rules__wrap {
    position: absolute;
    top: -28vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  .rules__wrap-content {
    top: -5vw;
  }
}
.join-us .membership-rules::after {
  position: absolute;
  content: "";
  background-image: url(./../img/join-us/join-us_status-cap-sp.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14.667vw;
  height: 12vw;
  left: -2vw;
  bottom: -18.933vw;
}
@media only screen and (min-width: 768px) {
  .join-us .membership-rules::after {
    content: none;
  }
}
.join-us .rules__wrapper {
  position: relative;
  background-image: url(../img/join-us/pb_rules_bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 27.083vw;
}
@media only screen and (max-width: 767px) {
  .join-us .rules__wrapper {
    background-image: url(../img/join-us/pb_rules_bg__sp.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 54.7vw;
  }
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrapper {
    /* margin-top: -5.556vw; */
  }
}
.join-us .rules__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
  max-width: 261.333vw;
  padding-top: 4.667vw;
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrap {
    justify-content: center;
    gap: 2.778vw;
    flex-direction: row;
    max-width: 68.056vw;
    height: 16.25vw;
    padding-top: 0;
  }
}
.join-us .rules__wrap .btn__prim {
  max-width: 81.867vw;
  padding: 2.667vw 4.8vw;
  font-size: 4.27vw;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrap .btn__prim {
    max-width: 55.556vw;
    padding: 1.667vw 1.597vw;
    font-size: 1.74vw;
  }
}
.join-us .rules__wrap .btn__prim:hover {
  background-color: #001448;
  color: white;
  /* opacity: 0.8; */
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.join-us .rules__wrap .btn__prim:hover .-btn:before {
  right: 1.467vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrap .btn__prim:hover .-btn:before {
    right: -0.5vw;
  }
}
.join-us .rules__wrap .btn__prim span.-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrap .btn__prim span.-btn {
    gap: 0.833vw;
  }
}
.join-us .rules__wrap .btn__prim span.-btn:before {
  content: "";
  background-image: url(../img/join-us/arrow-rgt.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 4vw;
  height: 4vw;
  position: relative;
  top: 0;
  right: 2.067vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .join-us .rules__wrap .btn__prim span.-btn:before {
    width: 1.389vw;
    height: 1.389vw;
    top: 0;
    right: 0;
  }
}
.join-us .rules__wrap .btn__prim.-disable {
  background-color: #ADADAD;
  pointer-events: none;
}
.join-us ul.news--attention,
.class ul.news--attention {
  list-style-type: none;
  font-weight: 700;
  font-size: 3.19vw;
  line-height: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .join-us ul.news--attention,
  .class ul.news--attention {
    font-size: 1.12vw;
    line-height: 1.806vw;
  }
}
.join-us ul.news--attention li,
.class ul.news--attention li {
  text-align: justify;
  display: block;
}
.join-us ul.news--attention li:before,
.class ul.news--attention li:before {
  content: "※";
  color: #001448;
}
.join-us .availability__wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .join-us .availability__wrapper {
    margin-top: -5.556vw;
  }
}
.join-us .availability__wrapper:before {
  content: "";
  position: absolute;
  background-image: url(../img/join-us/join-us_status-ball-sp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 30.4vw;
  height: 30.133vw;
  top: 86.167vw;
  right: -13.733vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .join-us .availability__wrapper:before {
    background-image: url(../img/join-us/join-us_status-ball.svg);
    background-size: 100%;
    max-width: 6.528vw;
    height: 6.528vw;
    top: 30.556vw;
    right: 5.694vw;
  }
}
.join-us .availability__wrapper:after {
  content: "";
  position: absolute;
  background-image: url(../img/join-us/join-us_status-gloves-sp.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 54.133vw;
  height: 54.133vw;
  bottom: -29.6vw;
  left: -25.067vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .join-us .availability__wrapper:after {
    background-image: url(../img/join-us/join-us_status-gloves.svg);
    max-width: 14.792vw;
    height: 16.875vw;
    bottom: 14.583vw;
    left: 5.694vw;
  }
}
.join-us .availability__wrap .school__scrl {
  margin-top: 8vw;
}
@media only screen and (min-width: 768px) {
  .join-us .availability__wrap .school__scrl {
    margin-top: 2.778vw;
  }
}
.join-us .availability .heading__sec {
  margin-bottom: 4.267vw;
  line-height: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .join-us .availability .heading__sec {
    line-height: 5.556vw;
    margin-bottom: 1.667vw;
  }
}

.fs23 {
  font-size: 6.133vw;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .fs23 {
    font-size: 1.597vw;
  }
}

.horizon-tb {
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}

.free-trial {
  color: #001448;
  padding-bottom: 12.5vw;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .free-trial {
    padding-bottom: 9.333vw;
  }
}
.free-trial .btn__prim.-arr {
  margin-top: 0;
  min-width: 21.67vw;
  height: 5.139vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
}
@media only screen and (max-width: 767px) {
  .free-trial .btn__prim.-arr {
    min-width: 64vw;
    height: 11.733vw;
    gap: 1.867vw;
    margin-inline: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10.667vw;
    padding-right: 14.667vw;
  }
}
.free-trial .btn__prim.-arr span{
  position: relative;
}
.free-trial .btn__prim.-arr::after {
  content: none;
}
.free-trial .btn__prim.-arr span::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 1.06738L8.375 8.56738L0.875 16.0674' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.8vw;
  height: 2.8vw;
  right: -4.5vw;
  transition: all 0.3s ease-in-out;
}
.free-trial .btn__prim.-arr:hover span::after {
  right: -5.5vw;
}
@media only screen and (min-width: 768px) {
  .free-trial .btn__prim.-arr span::after {
    width: 1.089vw;
    height: 1.189vw;
    right: -1.6vw;
  }
  .free-trial .btn__prim.-arr:hover span::after {
    right: -2vw;
  }
}
.free-trial .btn__prim.-arr:hover:after {
  right: 9.467vw;
}
@media only screen and (min-width: 768px) {
  .free-trial .btn__prim.-arr:hover:after {
    right: 2.5vw;
  }
}
.free-trial .btn__prim.-empty {
  max-width: 20.834vw;
  min-width: initial;
}
@media only screen and (max-width: 767px) {
  .free-trial .btn__prim.-empty {
    max-width: 63.733vw;
    margin-bottom: 10.667vw;
  }
}
.free-trial__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8.333vw 0 5.556vw 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.free-trial__head::before {
  content: "";
  position: absolute;
  background-image: url(.././img/free-trial/freetrial_ball_top-sp.svg);
  background-size: contain;
  max-width: 50.667vw;
  height: 42.683vw;
  top: -16vw;
  right: 15.608vw;
  background-repeat: no-repeat;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .free-trial__head::before {
    background-image: url(.././img/free-trial/freetrial_ball_top.svg);
    max-width: 16.944vw;
    height: 16.944vw;
    top: 13.889vw;
    right: -6.806vw;
  }
}
.free-trial__head::after {
  content: "";
  position: absolute;
  background-image: url(.././img/free-trial/free-trial__topbg-glove.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 17.888vw;
  height: 30.421vw;
  bottom: 2.569vw;
  left: 5.208vw;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .free-trial__head::after {
    background-image: url(.././img/free-trial/free-trial__topbg-sp.svg);
    width: 100%;
    max-width: 95.739vw;
    height: 70.571vw;
    bottom: -1.907vw;
    left: 0.108vw;
    z-index: -1;
  }
}
@media only screen and (max-width: 767px) {
  .free-trial__head {
    overflow: visible;
    padding: 21.333vw 0 18.667vw  0;
  }
}
.free-trial__head.-empty {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .free-trial__head.-empty::before {
    max-width: 46.021vw;
    height: 42.667vw;
    top: -14.3vw;
    right: 16.608vw;
  }
}
@media only screen and (max-width: 767px) {
  .free-trial__head.-empty::after {
    max-width: 92.739vw;
    height: 74.4vw;
    bottom: 7.093vw;
  }
}
.free-trial__ttl {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .free-trial__ttl {
    padding-top: 3.472vw;
    max-width: 66.667vw;
  }
  .free-trial__head.-empty .free-trial__ttl {
    padding-top: 0;
  }
}
.free-trial__ttl img {
  width: 88vw;
  height: 39.733vw;
}
@media only screen and (min-width: 768px) {
  .free-trial__ttl img {
    width: 66.667vw;
    height: 21.458vw;
  }
}
.free-trial__subheader__one {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 0.8055555556;
  text-align: center;
  margin-top: 5vw;
  margin-bottom: 2.23vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__subheader__one {
    font-size: 8vw;
    margin-top: 10.667vw;
    line-height: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
.free-trial__subheader__one.-empty {
  line-height: 7.333vw;
  font-size: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .free-trial__subheader__one.-empty {
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #001448;
    font-weight: 900;
    line-height: 5.556vw;
    text-align: center;
    margin-top: 5.556vw;
    margin-bottom: 3.889vw;
    font-size: 4.167vw;
  }
}
.free-trial__subheader__two {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.53vw;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .free-trial__subheader__two {
    line-height: 8.533vw;
    text-align: left;
    font-size: 4.79vw;
  }
}
.free-trial__blue {
  color: #0065C4;
}
@media only screen and (max-width: 767px) {
.free-trial__blue {
  padding-bottom: 8.8vw;
}
}
.free-trial__blue .triangle {
  width: 100%;
  height: 8.68vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue .triangle {
    height: 8.533vw;
  }
}
.free-trial__blue .triangle::before {
  content: " ";
  display: block;
  background-color: #FFF7B5;
  height: 100%;
}
.free-trial__blue .triangle:first-of-type::before {
  -webkit-clip-path: polygon(0% 100%, 101% 0%, 100% 101%);
  clip-path: polygon(0% 100%, 101% 0%, 100% 101%);
  margin-bottom: -0.267vw;
  top: 0.267vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .free-trial__blue .triangle:first-of-type::before {
    margin-bottom: -0.069vw;
    top: 0.069vw;
  }
}
.free-trial__blue .triangle:last-of-type::before {
  -webkit-clip-path: polygon(0% 100%, 0% 0%, 104% -1%);
  clip-path: polygon(0% 100%, 0% 0%, 104% -1%);
  top: -0.267vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .free-trial__blue .triangle:last-of-type::before {
    top: -0.069vw;
  }
}
.free-trial__blue__inner {
  background-color: #FFF7B5;
  position: relative;
  padding: 3.889vw 0;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__inner {
    padding: 8.533vw 0;
  }
}
.free-trial__blue__inner::before, .free-trial__blue__inner::after {
  content: " ";
  display: block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.free-trial__blue__inner:before {
  width: 12.698vw;
  height: 13.128vw;
  right: 0vw;
  top: -2.333vw;
  background-image: url(.././img/free-trial/b-glove-yellow.svg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__inner::before {
    background-image: url(.././img/free-trial/b-glove-yellow-sp.svg);
    width: 12.267vw;
    height: 17.6vw;
    left: 0;
    top: 16vw;
  }
}
.free-trial__blue__inner:after{
  background-image: url(.././img/free-trial/b-ball-yellow-sp.svg);
  height: 64.365vw;
  width: 91.2vw;
  right: 0;
  bottom: 49.6vw;
}
@media only screen and (min-width: 768px) {
  .free-trial__blue__inner:after {
    content: "";
    width: 94.097vw;
    height: 40.442vw;
    left: -0.144vw;
    bottom: 0.653vw;
    background-image: url(.././img/free-trial/b-ball-yellow.svg);
  }
}
.free-trial__blue__row {
  position: relative;
  z-index: 2;
  max-width: 75.67vw;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5.56vw;
  margin-bottom: 5.56vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: unset;
    grid-gap: 6.4vw;
    margin-bottom: 17.067vw;
    padding-inline: 4.8vw;
  }
}
@media only screen and (min-width: 768px) {
  .free-trial__blue__row__left {
    min-width: 25vw;
  }
}
.free-trial__blue__row:last-of-type {
  margin-bottom: 0;
}
.free-trial__blue__row__table {
  border: 0.069vw solid #0065C4;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__table {
    border: 0.267vw solid #0065C4;
  }
}
.free-trial__blue__row__table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.035vw solid #0065C4;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__table tr {
    border-bottom: 0.133vw solid #0065C4;
  }
}
.free-trial__blue__row__table tr:last-of-type {
  border-bottom: 0;
}
.free-trial__blue__row__table tr th,
.free-trial__blue__row__table tr td {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 5.278vw;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.6111111111;
  letter-spacing: 0em;
  text-align: left;
  padding: 0.96vw 0;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__table tr th,
  .free-trial__blue__row__table tr td {
    min-height: 13.333vw;
    padding-inline: 1.333vw;
    padding: 3.2vw 0;
    font-size: 4.26vw;
    line-height: 6.933vw;
  }
}
.free-trial__blue__row__table tr th {
  border-right: 0.035vw solid #0065C4;
  background-color: #FFED49;
  min-width: 8.34vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__table tr th {
    min-width: 19.67vw;
    border-right: 0.133vw solid #0065C4;
  }
}
.free-trial__blue__row__table tr td {
  min-width: 30.556vw;
  padding-left: 1.28vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  background-color: #FFF7B5;
  color: #001448;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__table tr td {
    min-width: 70.667vw;
    width: 100%;
    padding-inline: 3.733vw;
  }
}
.free-trial__blue__row__ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.17vw;
  font-weight: 900;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 2.778vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__blue__row__ttl {
    margin-bottom: 4.27vw;
    font-size: 11.2vw;
    line-height: 9.067vw;
    text-align: center;
  }
}
.free-trial__white {
  position: relative;
  padding-top: 5.556vw;
  padding-bottom: 5.556vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__white {
    padding-bottom: 29.867vw;
    padding-inline: 4.8vw;
    padding-top: 21.333vw;
  }
}
.free-trial__white::before, .free-trial__white::after {
  content: " ";
  display: block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .free-trial__white::before, .free-trial__white::after {
    display: none;
  }
}
.free-trial__white::after {
  background-image: url(.././img/free-trial/w-glove-yellow.svg);
  width: 31.609vw;
  height: 41.538vw;
  right: 0;
  bottom: 1.661vw;
}
.free-trial__white__inner {
  max-width: 90.4vw;
}
@media only screen and (min-width: 768px) {
  .free-trial__white__inner {
    max-width: 66.67vw;
    margin-inline: auto;
  }
}
.free-trial__white__row {
  position: relative;
  z-index: 2;
  margin-bottom: 3.89vw;
  padding-bottom: 3.89vw;
  border-bottom: 0.07vw solid #24B4F2;
}
@media only screen and (max-width: 767px) {
  .free-trial__white__row {
    margin-bottom: 8.533vw;
    padding-bottom: 8.533vw;
    border-bottom: 0.267vw solid #24B4F2;
  }
}
.free-trial__white__row:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .free-trial__white__row:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.free-trial__white__ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 0.8055555556;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 2.78vw;
}
@media only screen and (max-width: 767px) {
  .free-trial__white__ttl {
    font-size: 5.33vw;
    line-height: 3.2vw;
    margin-bottom: 4.267vw;
  }
}
.free-trial__white__desc {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.11vw;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: 0em;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .free-trial__white__desc {
    line-height: 6.4vw;
    font-size: 4.27vw;
  }
}

.attention li {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.11vw;
  font-weight: 700;
  line-height: 1.8125;
  letter-spacing: 0em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .attention li {
    line-height: 6.4vw;
    font-size: 4.27vw;
  }
}

.free-trial__white__inner {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .free-trial__white__inner::before {
    content: " ";
    display: block;
    position: absolute;
    top: -17.573vw;
    left: 8.115vw;
    width: 26.667vw;
    height: 12vw;
    background-image: url(.././img/free-trial/free-trial-flake.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.cta {
  margin-top: -4.267vw;
}
@media only screen and (min-width: 768px) {
  .cta {
    margin-top: -10.417vw;
  }
}
.cta .cta__inn {
  position: relative;
}
.cta__bg img {
  width: 100vw;
}
.cta__wrap {
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6.4vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 2.667vw;
  padding-right: 2.667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .cta__wrap {
    padding-left: 0.694vw;
    padding-right: 0.694vw;
    max-width: 68.06vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    gap: 3.889vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cta__wrap .btn__prim.-icon {
  /* margin-bottom: 6.4vw; */
  max-width: 81.867vw;
  padding: 4.146vw 4.8vw;
}

@media only screen and (min-width: 768px) {
  .cta__wrap .btn__prim.-icon {
    /* margin-bottom: 0; */
    max-width: 55.556vw;
    padding: 2.31vw 1.39vw;
  }
  /* .cta__wrap .btn__prim.-icon span.-membr::before {
    left: 18.597vw;
  } */
}

.btn__prim {
  max-width: 100%;
  width: 100%;
  border-radius: 32vw;
  font-weight: 900;
  font-size: 4.8vw;
  line-height: 7.18vw;
  background-color: #0065C4;
  color: #ffffff;
  padding: 4.26vw 4.8vw;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .btn__prim {
    line-height: 1.78vw;
    max-width: 31.39vw;
    padding: 2.71vw 1.39vw;
    font-size: 2.22vw;
  }
}
.btn__prim:hover {
  background-color: #001448;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.btn__prim.-icon {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__prim.-icon span:before {
  content: "";
  position: absolute;
  top: 51%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 32vw;
  background-repeat: no-repeat;
  background-size: cover;
  width: 6.4vw;
  height: 6.4vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-icon span:before {
    left: 8.33vw;
    width: 3.19vw;
    height: 3.19vw;
  }
}
.btn__prim.-icon span.-free {
  margin-left: 9.33vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-icon span.-free {
    margin-left: 2.43vw;
  }
}
.btn__prim.-icon span.-free:before {
  left: -7.5vw;
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.6742 32.4329C27.5625 32.2223 29.5306 32.7548 31.0973 34.0709C32.6639 35.387 33.5219 37.2287 33.6306 39.1168M31.7428 25.2764C31.8514 27.1645 32.7094 29.0062 34.2761 30.3223C35.8427 31.6384 37.8109 32.1709 39.6992 31.9603M17.9565 13.2116C16.0722 13.4557 14.2886 14.4403 13.0828 16.0904C11.8769 17.7406 11.4853 19.7329 11.8325 21.5923M15.0967 9.01593C12.9226 9.65667 10.7287 11.2027 9.06795 13.4754C7.40722 15.7481 6.60528 18.3018 6.66259 20.5579M36.5373 8.29695C37.2937 8.93237 37.3893 10.0578 36.7509 10.8106L28.6703 20.3398C27.3636 21.8807 25.8966 23.2794 24.2937 24.5126L20.1089 27.7321C20.0087 27.8092 19.917 27.8966 19.8354 27.9929L11.7433 37.5355L11.7772 37.5639C12.3636 38.0565 12.4378 38.929 11.9428 39.5127C11.4479 40.0964 10.5713 40.1702 9.98487 39.6775L6.49329 36.7444C5.90688 36.2518 5.83273 35.3793 6.32767 34.7956C6.82261 34.2119 7.69922 34.1381 8.28562 34.6307L8.31948 34.6592L16.4115 25.1166C16.4932 25.0203 16.5643 24.9156 16.6239 24.8044L19.1096 20.1576C20.0617 18.3778 21.2006 16.7034 22.5073 15.1625L30.588 5.63329C31.2264 4.88045 32.3571 4.78526 33.1134 5.42067L36.5373 8.29695ZM38.3094 36.6283C35.7558 39.6397 31.233 40.0204 28.2075 37.4788C25.182 34.9372 24.7994 30.4356 27.353 27.4242C29.9066 24.4128 34.4294 24.0321 37.4549 26.5737C40.4804 29.1154 40.863 33.617 38.3094 36.6283Z' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-icon span.-free:before {
    left: -4vw;
  }
}
.btn__prim.-icon span.-membr {
  margin-left: 9.33vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-icon span.-membr {
    margin-left: 3.17vw;
  }
}
.btn__prim.-icon span.-membr::before {
  left: -7.5vw;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7365 9.6282L20.0523 9.32786C20.6123 8.79533 21.5201 8.79533 22.08 9.32786C22.64 9.8604 22.64 10.7238 22.08 11.2563L21.7643 11.5567M19.7365 9.6282L21.7643 11.5567M19.7365 9.6282L18.9387 10.3869M21.7643 11.5567L20.9665 12.3154M21.7643 11.5567C22.1375 11.9117 22.1375 12.4873 21.7643 12.8423L20.8473 13.7144C20.4202 14.1205 19.8397 14.3466 19.2358 14.3418L18.839 14.3387M18.9387 10.3869L14.5509 14.56L14.0279 16.0859M18.9387 10.3869L20.9665 12.3154M20.9665 12.3154L18.839 14.3387M18.839 14.3387L16.5786 16.4885L15.0643 17.0716M14.0279 16.0859L13.8804 16.5164C13.8104 16.7204 13.8669 16.9445 14.0264 17.0962C14.1966 17.258 14.452 17.3074 14.6751 17.2215L15.0643 17.0716M14.0279 16.0859L15.0643 17.0716M8.36712 15.6363L10.0877 17.2727L12.3818 15.0909M18.8823 16.1818V18.8605C18.8823 19.4898 18.3459 20 17.6842 20H6.69809C6.0364 20 5.5 19.4898 5.5 18.8605V5.13945C5.5 4.51015 6.03641 4 6.69809 4H14.7356C15.064 4 15.378 4.12821 15.6042 4.35466L18.5528 7.30652C18.7643 7.51829 18.8823 7.79923 18.8823 8.09132V10.3636M8.36712 9.09088H15.8229M8.36712 11.2727H15.8229M8.36712 13.4546H12.573M15.2496 5.45452V6.49688C15.2496 7.12619 15.786 7.63634 16.4476 7.63634H18.8819' stroke='white' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-icon span.-membr::before {
    left: -4vw;
  }
}
.btn__prim.-arr {
  max-width: 48.8vw;
  display: inline-block;
  position: relative;
  margin-top: 6.4vw;
  padding: 2.667vw 4.8vw 2.667vw 5.333vw;
  font-size: 4.267vw;
  font-weight: 700;
  text-align: left;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-arr {
    max-width: 20vw;
    padding: 1.667vw 2.222vw;
    margin-top: 2.5vw;
    font-size: 1.667vw;
  }
}
.btn__prim.-arr:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 1.06738L8.375 8.56738L0.875 16.0674' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5.333vw;
  width: 1.6vw;
  height: 4vw;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-arr:after {
    right: 2.222vw;
    width: 0.625vw;
    height: 1.25vw;
  }
}
.btn__prim.-arr:hover:after {
  right: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .btn__prim.-arr:hover:after {
    right: 2vw;
  }
}

.class_modal {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: -1;
}
.class_modal.active {
  position: fixed;
  display: flex;
  align-items: center;
  opacity: 1;
  z-index: 9;
}
.class_modal .m-container {
  background-color: #ffffff;
  padding-bottom: 14.933vw;
}
@media only screen and (min-width: 768px) {
.class_modal .m-container {
  padding-bottom: 8.333vw;
}
}
.class_modal__wpr {
  position: absolute;
  width: 90.4%;
  max-height: 80vh;
  border-radius: 5.867vw;
  overflow: hidden;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .class_modal__wpr {
    border-radius: 2.778vw;
  }
}
.class_modal__inner {
  position: relative;
  max-height: 80vh;
}
.class_modal__close {
  position: fixed;
  z-index: 2;
  right: 4.267vw;
  top: 4.267vw;
  width: 8.533vw;
  height: 8.533vw;
  /* background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='67' height='67' rx='33.5' stroke='white'/%3E%3Crect x='23' y='43.793' width='29' height='2' rx='1' transform='rotate(-45 23 43.793)' fill='white'/%3E%3Crect x='24.4141' y='22.793' width='29' height='2' rx='1' transform='rotate(45 24.4141 22.793)' fill='white'/%3E%3C/svg%3E%0A"); */
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='67' height='67' rx='33.5' stroke='%23004CA6'/%3E%3Crect x='23' y='43.793' width='29' height='2' rx='1' transform='rotate(-45 23 43.793)' fill='%23004CA6'/%3E%3Crect x='24.4141' y='22.793' width='29' height='2' rx='1' transform='rotate(45 24.4141 22.793)' fill='%23004CA6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.class_modal__close.isChanged {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='67' height='67' rx='33.5' stroke='%230068B7'/%3E%3Crect x='23' y='43.793' width='29' height='2' rx='1' transform='rotate(-45 23 43.793)' fill='%230068B7'/%3E%3Crect x='24.4142' y='22.793' width='29' height='2' rx='1' transform='rotate(45 24.4142 22.793)' fill='%230068B7'/%3E%3C/svg%3E%0A");
}
.class_modal__close:hover {
  opacity: 0.7;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
@media only screen and (min-width: 768px) {
  .class_modal__close {
    width: 4.722vw;
    height: 4.722vw;
    right: 1.111vw;
    top: 1.111vw;
  }
}
.class_modal .btn__wrap {
  max-width: 75.467vw;
  margin: 10.667vw auto 0vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 58.889vw;
    gap: 1.667vw;
    margin: 2.778vw auto 0;
  }
}
.class_modal .btn__prim {
  max-width: 109.867vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim {
    max-width: 28.611vw;
    padding: 2.639vw 1.389vw 2.778vw 1.389vw;
    font-size: 2.22vw;
    line-height: 1.81vw;
  }
}
/* .class_modal .btn__prim.-icon span.-membr::before {
  left: 22.667vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-icon span.-membr::before {
    left: 5.903vw;
  }
}
.class_modal .btn__prim.-icon span.-free:before {
  left: 25.067vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-icon span.-free:before {
    left: 7.292vw;
  }
} */
.class_modal .btn__prim:first-child {
  margin-bottom: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim:first-child {
    margin-bottom: 0;
  }
}
.class_modal .btn__prim.-cls {
  max-width: 64vw;
  margin-top: 14.933vw;
  padding: 2.133vw 5.067vw;
  font-size: 4.27vw;
  text-align: center;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  width: 100%;
  display: block;
  margin-inline: auto;
  line-height: 6.93vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-cls {
    max-width: 33.333vw;
    font-size: 1.67vw;
    padding: 1.667vw 2.222vw;
    margin-top: 5.556vw;
    line-height: 1.81vw;
  }
}
.class_modal .btn__prim.-member {
  max-width: 75.467vw;
  margin-top: 10.667vw;
  padding: 3.2vw 8.533vw;
  font-size: 4.8vw;
  line-height: 8.53vw;
  text-align: center;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
  width: 100%;
  display: block;
  margin-inline: auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-member {
    max-width: 58.889vw;
    margin-top: 3.889vw;
    font-size: 2.222vw;
    padding: 2.639vw 2.222vw;
    line-height: 2.22vw;
  }
}
.class_modal .btn__prim.-member span {
  margin-left: 13.333vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-member span {
    margin-left: 3.472vw;
  }
}
.class_modal .btn__prim.-member span:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 32vw;
  background-repeat: no-repeat;
  width: 12.267vw;
  height: 12.267vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-member span:before {
    left: 8.333vw;
    width: 3.194vw;
    height: 3.194vw;
  }
}
.class_modal .btn__prim.-member span.-membr::before {
  top: 50%;
  left: 30%;
  background-image: url(../img/class/icon_sign-sp.svg);
  background-size: contain;
  width: 6.4vw;
  height: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .btn__prim.-member span.-membr::before {
    top: 3.811vw;
    left: 35%;
    background-image: url(../img/top/icon_sign.svg);
    width: 3.194vw;
    height: 3.194vw;
  }
}
.class_modal .btn__prim.-inactive {
  background-color: #ADADAD;
  border: none;
  border: 2px solid #ADADAD;
  pointer-events: none;
}
.class_modal .m-container {
  background-color: #ffffff;
}
.class_modal .m-banner {
  background-color: #FFF7B5;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.class_modal .m-banner:before, .class_modal .m-banner:after, .class_modal .m-banner-extra {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.class_modal .m-banner:before {
  top: 0;
  left: 0;
  background-image: url(../img/class/bac_ball-sp.svg);
  width: 33.067vw;
  height: 27.467vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-banner:before {
    top: 0;
    left: 0;
    background-image: url(../img/class/bac_ball.svg);
    width: 24.375vw;
    height: 38.986vw;
    z-index: -1;
  }
}
.class_modal .m-banner:after {
  top: 44%;
  right: 0%;
  background-image: url(../img/class/bac_glove2.svg);
  width: 11.467vw;
  height: 12.267vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-banner:after {
    top: 44%;
    right: 0%;
    /* background-image: url(../img/class/bac_glove2.png); */
    width: 10.556vw;
    height: 10.556vw;
    z-index: -1;
  }
}
@media only screen and (min-width: 768px) {
  .class_modal .m-banner-extra {
    top: 33.889vw;
    left: 7.778vw;
    background-image: url(../img/class/bac_bals.png);
    width: 4.804vw;
    height: 4.804vw;
    z-index: 999;
    overflow: hidden;
  }
}
.class_modal .m-content {
  margin: 0 4vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-content {
    max-width: 75%;
    margin: 0 auto;
  }
}
.class_modal .m-top {
  text-align: center;
  padding-top: 16vw;
  padding-bottom: 10.667vw;
  padding-left: 4vw;
  padding-right: 4vw;
  color: #0065C4;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-top {
    padding-top: 7.5vw;
    padding-bottom: 5.556vw;
    padding-left: 0;
    padding-right: 0;
  }
}
.class_modal .m-heading {
  font-size: 11.2vw;
  font-weight: 900;
  line-height: 80%;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-heading {
    font-size: 5.56vw;
    /* line-height: 3.98vw; */
  }
}
.class_modal .m-heading span.fs-sm {
  font-size: 4.8vw;
  line-height: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-heading span.fs-sm {
    font-size: 3.89vw;
    line-height: 5vw;
  }
}
.class_modal .m-location {
  padding-top: 6.4vw;
  padding-bottom: 2.133vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-location {
    padding-top: 2.778vw;
    padding-bottom: 0.511vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.208vw;
  }
}
.class_modal .m-location img {
  width: 6.667vw;
  height: 6.667vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-location img {
    width: 1.736vw;
    height: 1.736vw;
    top: 0.556vw;
    position: relative;
  }
}
.class_modal .m-desc {
  font-size: 4.8vw;
  line-height: 7.2vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-desc {
    font-size: 1.67vw;
    line-height: 160%;
  }
}
.class_modal .m-info {
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-info {
    font-size: 1.11vw;
  }
}
.class_modal .m-info a {
  text-decoration: none;
  display: inline-block;
  color: #007CDA !important;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.class_modal .m-info a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-info a {
    line-height: 1.2;
  }
}
.class_modal .m-info span.-txt {
  display: inline-block;
  /* line-height: 165%; */
  padding-bottom: 2.133vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-info span.-txt {
    /* line-height: 200%; */
    padding-bottom: 1.111vw;
  }
}
.class_modal .m-target {
  padding-top: 13.867vw;
  padding-bottom: 5.333vw;
  font-size: 8vw;
  font-weight: 900;
  -webkit-columns: #001448;
  -moz-columns: #001448;
  columns: #001448;
  line-height: 80%;
}
.class_modal .m-target:first-child {
  padding-top: 8.533vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-target {
    position: relative;
    padding-top: 5.556vw;
    padding-bottom: 2.361vw;
    padding-left: 2.569vw;
    font-size: 2.083vw;
    font-weight: 900;
    -webkit-columns: #001448;
    -moz-columns: #001448;
    columns: #001448;
    line-height: 80%;
  }
  .class_modal .m-target::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: 2.014vw;
    left: -0.278vw;
    background-image: url(../img/class/star.svg);
    width: 2.292vw;
    height: 2.292vw;
  }
}
.class_modal .m-attention {
  font-size: 3.2vw;
  line-height: 5.33vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .class_modal .m-attention {
    font-size: 1.11vw;
    line-height: 2.01vw;
  }
}
.class_modal .vacancies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2.667vw;
  margin-top: 5.333vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies {
    margin-top: 2.222vw;
    gap: 2.222vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.class_modal .vacancies-o, .class_modal .vacancies-no, .class_modal .vacancies-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 4.267vw;
  gap: 1.067vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-o, .class_modal .vacancies-no, .class_modal .vacancies-x {
    padding-bottom: 1.111vw;
    gap: 0.556vw;
  }
}
.class_modal .vacancies-o img, .class_modal .vacancies-no img, .class_modal .vacancies-x img {
  width: 3.2vw;
  height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-o img, .class_modal .vacancies-no img, .class_modal .vacancies-x img {
    width: 1.389vw;
    height: 1.389vw;
  }
}
.class_modal .vacancies-desc {
  font-size: 3.73vw;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-desc {
    font-size: 1.53vw;
  }
}
.class_modal .vacancies-table {
  border: 0.267vw solid #0068B7;
  width: 100%;
  position: relative;
}
.class_modal .vacancies-table th {
  border-right: 1px solid #D9D9D9 !important;
}
.class_modal .vacancies-table th:last-child {
  border-right: 1px solid #0065C4 !important;
}
.class_modal .vacancies-table .pad-b {
  padding-bottom: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table {
    border: 0.069vw solid #0068B7;
  }
  .class_modal .vacancies-table .pad-b {
    padding-bottom: 1vw;
  }
}
.class_modal .vacancies-table.w-500 {
  width: 133.333vw;
}
@media only screen and (min-width: 576px) {
  .class_modal .vacancies-table.w-500 {
    width: 100%;
  }
}
.class_modal .vacancies-table.w-600 {
  width: 160vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table.w-600 {
    width: 100%;
  }
}
.class_modal .vacancies-table.w-700 {
  width: 186.667vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table.w-700 {
    width: 100%;
  }
}
.class_modal .vacancies-table.w-900 {
  width: 240vw;
}
@media only screen and (min-width: 992px) {
  .class_modal .vacancies-table.w-900 {
    width: 100%;
  }
}
.class_modal .vacancies-table th {
  vertical-align: middle;
  background-color: #0065C4;
  color: #FFFFFF;
  font-size: 3.73vw;
  border: 0.267vw solid #0065C4;
  padding: 0.8vw 2.667vw;
  line-height: 5.33vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table th {
    border: 0.069vw solid #0065C4;
    font-size: 1.53vw;
    padding: 1.458vw 1.528vw;
    line-height: 1.6;
  }
}
.class_modal .vacancies-table th:first-child {
  width: 22.667vw;
}
.class_modal .vacancies-table th:not(:first-child) {
  width: 102px;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table th:first-child {
    width: 18.056vw;
  }
}
.class_modal .vacancies-table td {
  vertical-align: middle;
  color: #001448;
  font-size: 3.73vw;
  font-weight: 700;
  border: 0.267vw solid #0065C4;
  padding: 3.2vw 1.867vw 3.2vw 1.7vw;
  line-height: 5.33vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table td {
    border: 0.069vw solid #0065C4;
    font-size: 1.53vw;
    padding: 2.292vw 1.115vw;
    line-height: 1.6;
  }
}
.class_modal .vacancies-table td.-fixwtd {
  width: 12.8vw;
  padding: 3.2vw 2.5vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table td.-fixwtd {
    width: 16.667vw;
    padding: 2.292vw 1.115vw;
  }
}
.class_modal .vacancies-table td:first-child {
  background-color: #FFF7B5;
  color: #001448;
}
.class_modal .vacancies-table td.vylw {
  color: #0065C4;
}
.class_modal .vacancies-table td span.vpic {
  padding-top: 3.2vw;
  display: block;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table td span.vpic {
    padding-top: 0.833vw;
  }
}
.class_modal .vacancies-table td span.vpic img {
  width: 5.333vw;
  height: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table td span.vpic img {
    width: 1.944vw;
    height: 1.944vw;
  }
}
.class_modal .vacancies-table td span.fs-sm {
  font-size: 3.2vw;
  line-height: 1.4;
  padding-top: 0px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .class_modal .vacancies-table td span.fs-sm {
    display: inline-block;
    font-size: 1.25vw;
  }
}
.class_modal .vacancies-table .fixed-column {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border: 0.069vw solid #0068B7;
}
.class_modal .stadium-map {
  margin-top: 14.933vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .stadium-map {
    margin-top: 5.556vw;
  }
}
.class_modal .stadium-map__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .class_modal .stadium-map__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.111vw;
  }
}
.class_modal .stadium-map .iframe-wrap {
  width: 100%;
  height: 42.667vw;
  overflow: hidden;
  border: 1px solid #0068B7;
}
@media only screen and (min-width: 768px) {
  .class_modal .stadium-map .iframe-wrap {
    max-width: 32.778vw;
    height: 35.903vw;
  }
}
@media only screen and (min-width: 992px) {
  .class_modal .stadium-map .iframe-wrap {
    max-width: 49%;
  }
}
.class_modal .stadium-map .iframe-wrap:first-child {
  margin-bottom: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .class_modal .stadium-map .iframe-wrap:first-child {
    margin-bottom: 1.389vw;
  }
}
.class_modal .stadium-map .iframe-wrap iframe {
  width: 100%;
  height: 100%;
}
.class_modal .stadium-map .iframe-wrap-lg {
  width: 100%;
  margin: 0 auto;
  height: 41.728vw;
  overflow: hidden;
  border: 1px solid #0068B7;
}
@media only screen and (min-width: 768px) {
  .class_modal .stadium-map .iframe-wrap-lg {
    max-width: 100%;
    height: 35.903vw;
  }
}
.class_modal .stadium-map .iframe-wrap-lg iframe {
  width: 100%;
  height: 100%;
}

.scrl-content {
  /* overflow-y: scroll; */
  height: 100%;
  border-radius: 5.867vw;
  padding-bottom: 14.933vw;
}
@media only screen and (min-width: 768px) {
  .scrl-content {
    padding-bottom: 8.333vw;
    border-radius: 2.778vw;
  }
}

.scrl-content {
  /* overflow-y: scroll; */
  height: 100%;
  border-radius: 5.867vw;
  padding-bottom: 14.933vw;
}
@media only screen and (min-width: 768px) {
  .scrl-content {
    padding-bottom: 8.333vw;
    border-radius: 2.778vw;
  }
}

.scrollbar {
  position: absolute;
  top: 29.333vw;
  right: 0.8vw;
  width: 1.6vw;
  height: 17.333vw;
  border-radius: 13.333vw;
  /* Color of the scrollbar track */
  z-index: 1;
  -webkit-transition: 0.3s ease-in-out width;
  transition: 0.3s ease-in-out width;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .scrollbar {
    top: 7.639vw;
    right: 0.903vw;
    height: 6.944vw;
    width: 0.417vw;
    border-radius: 3.472vw;
  }
}
.scrl-content::-webkit-scrollbar {
  display: none;
}

.scrollbar-thumb {
  position: absolute;
  top: 29.333vw;
  right: 0.8vw;
  width: 1.6vw;
  /* Width of the scrollbar thumb */
  height: 17.333vw;
  background-color: #001448;
  /* Color of the scrollbar thumb */
  border-radius: 13.333vw;
  /* Rounded corners */
  -webkit-transition: 0.3s ease-in-out width;
  transition: 0.3s ease-in-out width;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .scrollbar-thumb {
    right: 0.903vw;
    height: 6.944vw;
    top: 7.639vw;
    width: 0.417vw;
    border-radius: 3.472vw;
  }
}

/* Hover effect for scrollbar thumb */
.scrollbar-thumb:hover {
  background-color: #001448;
  width: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .scrollbar-thumb:hover {
    width: 0.694vw;
  }
}

.scrl-content::-webkit-scrollbar {
  display: none;
}

.table-wrapper {
  position: relative;
}
.table-wrapper:before {
  content: "";
  display: block;
  width: 1px;
  background: #0068b7;
  height: -webkit-calc(100% - 1.3333vw);
  height: calc(100% - 1.3333vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .table-wrapper:before {
    content: none;
  }
}
.table-wrapper:after {
  content: "";
  display: block;
  width: 1px;
  background: #0068b7;
  height: -webkit-calc(100% - 1.3333vw);
  height: calc(100% - 1.3333vw);
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .table-wrapper:after {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .table__scroll {
    overflow: auto;
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: auto;
    padding-bottom: 1.333vw;
  }
}
@media only screen and (max-width: 767px) {
  .table__scroll.-mdscroll {
    overflow: auto;
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: auto;
    padding-bottom: 1.333vw;
  }
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 6;
  width: 100%;
}
.header__logo {
  -webkit-transition: max-width 0.4s ease-in, left 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: max-width 0.4s ease-in, left 0.4s ease-in-out, top 0.4s ease-in-out;
  max-width: 26.133vw;
  margin-right: 4.267vw;
  margin-top: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .header:has(.header__logo.logoFixed) {
    /* width: initial; */
  }
  .header {
    right: initial;
    left: 0;
    /* width: unset; */
  }
  .header__logo {
    max-width: 22.95vw;
    width: 100%;
    margin-right: unset;
    margin-top: 1.389vw;
    margin-left: 1.667vw;
  }
}
.header__logo:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.header__logo img {
  width: 100%;
}
.header__logo.logoFixed {
  -webkit-transition: all 0.4s ease-in, left 0.4s ease-in-out, top 0.4s ease-in-out;
  transition: all 0.4s ease-in, left 0.4s ease-in-out, top 0.4s ease-in-out;
  position: relative;
  max-width: 22.133vw;
}
@media only screen and (min-width: 768px) {
  .header__logo.logoFixed {
    max-width: 9.583vw;
    height: 7.778vw;
  }
}
.header__logo.-sm {
  position: absolute;
  width: 100%;
  right: 0;
  max-width: 17.6vw;
}
@media only screen and (min-width: 768px) {
  .header__logo.-sm {
    position: relative;
    max-width: 9.583vw;
  }
}
.header__wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .header__wpr {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.header__menu-wpr {
  width: 100%;
  max-width: 30.022vw;
  position: fixed;
  right: 1.972vw;
  z-index: 9;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__menu {
  background-color: #FFED49;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2.778vw;
  /* padding: 0 1.011vw 0 2.261vw; */
  margin-top: 0.972vw;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .header__menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    gap: 0.295vw;
    height: 4.514vw;
  }
}
.header__menu.is-opened {
  padding: 0;
  background-color: transparent;
  width: 18.667vw;
  position: fixed;
  right: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .header__menu.is-opened {
    position: static;
    border: 1px solid #0065C4;
    width: 4.861vw;
    right: 0.833vw;
  }
}
.header__menu.is-opened .header__list {
  display: none;
}
@media only screen and (min-width: 768px) {
  .header__menu.-brd {
    border: 1px solid #fff;
  }
}
.header__list {
  /* margin-right: 4.267vw; */
  display: none;
}
@media only screen and (min-width: 768px) {
  .header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-right: 0.728vw; */
    gap: 2.222vw;
    margin-left: 2vw;
  }
}
.header__link {
  font-size: 1.25vw;
  font-weight: 700;
  color: #0065C4;
  text-decoration: none;
  padding: 1.389vw 1.111vw 1.389vw 1.967vw;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media only screen and (min-width: 768px) {
  .header__link {
    padding: 1.389vw 0 1.389vw 1.667vw;
  }
}
.header__link:hover {
  padding-right: 6.667vw;
}
@media only screen and (min-width: 768px) {
  .header__link:hover {
    padding-right: 0.777vw;
  }
}
.header__link::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  left: -0.278vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header__link.-free::before {
  width: 1.667vw;
  height: 1.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2584 16.7821C14.147 16.6799 15.0732 16.9385 15.8105 17.5777C16.5477 18.2168 16.9515 19.1113 17.0026 20.0283M16.1143 13.3065C16.1654 14.2235 16.5691 15.1179 17.3064 15.7571C18.0436 16.3963 18.9698 16.6549 19.8584 16.5526M9.62657 7.44708C8.73987 7.56559 7.90053 8.04377 7.33307 8.84521C6.76561 9.64665 6.5813 10.6142 6.74469 11.5172M8.28079 5.40937C7.25767 5.72056 6.22526 6.47141 5.44374 7.57517C4.66222 8.67893 4.28484 9.91916 4.31181 11.0149M18.3705 5.06019C18.7264 5.36879 18.7714 5.91536 18.471 6.28098L14.6684 10.909C14.0535 11.6573 13.3631 12.3366 12.6088 12.9355L10.6395 14.4991C10.5923 14.5366 10.5492 14.579 10.5108 14.6258L6.70275 19.2603L6.71868 19.2741C6.99464 19.5133 7.02953 19.9371 6.79662 20.2205C6.56371 20.504 6.15119 20.5398 5.87523 20.3006L4.23214 18.8761C3.95618 18.6368 3.92129 18.2131 4.1542 17.9296C4.38711 17.6461 4.79963 17.6103 5.07559 17.8495L5.09152 17.8634L8.89953 13.2289C8.93796 13.1821 8.97146 13.1313 8.99946 13.0773L10.1692 10.8205C10.6173 9.95607 11.1532 9.14288 11.7681 8.39452L15.5708 3.76655C15.8712 3.40092 16.4033 3.35469 16.7593 3.66329L18.3705 5.06019ZM19.2044 18.8197C18.0027 20.2822 15.8744 20.4671 14.4506 19.2327C13.0268 17.9984 12.8468 15.8121 14.0485 14.3496C15.2502 12.8871 17.3785 12.7022 18.8023 13.9365C20.2261 15.1709 20.4061 17.3572 19.2044 18.8197Z' stroke='%230065C4' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.header__link.-member {
  padding-right: 0;
}
.header__link.-member:hover {
  padding-right: 0.5vw;
}
.header__link.-member::before {
  width: 1.667vw;
  height: 1.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2365 10.0872L19.5523 9.78685C20.1123 9.25431 21.0201 9.25431 21.58 9.78685C22.14 10.3194 22.14 11.1828 21.58 11.7153L21.2643 12.0157M19.2365 10.0872L21.2643 12.0157M19.2365 10.0872L18.4387 10.8459M21.2643 12.0157L20.4665 12.7744M21.2643 12.0157C21.6375 12.3707 21.6375 12.9463 21.2643 13.3013L20.3473 14.1734C19.9202 14.5795 19.3397 14.8056 18.7358 14.8008L18.339 14.7977M18.4387 10.8459L14.0509 15.019L13.5279 16.5449M18.4387 10.8459L20.4665 12.7744M20.4665 12.7744L18.339 14.7977M18.339 14.7977L16.0786 16.9475L14.5643 17.5306M13.5279 16.5449L13.3804 16.9754C13.3104 17.1794 13.3669 17.4034 13.5264 17.5552C13.6966 17.717 13.952 17.7663 14.1751 17.6804L14.5643 17.5306M13.5279 16.5449L14.5643 17.5306M7.86712 16.0953L9.58769 17.7317L11.8818 15.5499M18.3823 16.6408V19.3195C18.3823 19.9488 17.8459 20.459 17.1842 20.459H6.19809C5.5364 20.459 5 19.9488 5 19.3195V5.59844C5 4.96914 5.53641 4.45898 6.19809 4.45898H14.2356C14.564 4.45898 14.878 4.5872 15.1042 4.81364L18.0528 7.76551C18.2643 7.97727 18.3823 8.25821 18.3823 8.5503V10.8226M7.86712 9.54987H15.3229M7.86712 11.7317H15.3229M7.86712 13.9135H12.073M14.7496 5.9135V6.95587C14.7496 7.58517 15.286 8.09532 15.9476 8.09532H18.3819' stroke='%230065C4' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.nav {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10000;
  overflow-y: scroll;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(10rem);
  -ms-transform: translateY(10rem);
  transform: translateY(10rem);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s ease 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, visibility 0s ease 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, visibility 0s ease 0.5s;
  transition: opacity 0.5s, transform 0.5s, visibility 0s ease 0.5s, -webkit-transform 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #FFED49;
}
@media only screen and (min-width: 768px) {
  .nav {
    background-image: none;
    background-color: #ffffff;
    -webkit-transform: translateY(-6.944vw);
    -ms-transform: translateY(-6.944vw);
    transform: translateY(-6.944vw);
  }
}
@media only screen and (min-width: 768px) {
  .nav::before {
    content: "";
    position: absolute;
    background-color: #FFED49;
    -webkit-clip-path: polygon(13% 0, 100% 0, 100% 34%, 91% 100%, 0 100%, 0 7%);
    clip-path: polygon(13% 0, 100% 0, 100% 34%, 91% 100%, 0 100%, 0 7%);
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
}
@media only screen and (min-width: 768px) {
  .nav::after {
    position: absolute;
    content: "PLAY BALL SCHOOL";
    font-size: 11.128vw;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: transparent;
    white-space: nowrap;
    line-height: 0.7;
    letter-spacing: 0.6vw;
    -webkit-text-stroke-width: 0.069vw;
    -webkit-text-stroke-color: #ffffff;
    left: 50.5%;
    bottom: 0.133vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.nav__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 10000vw;
}
.nav__wrap .bg::before {
  content: "";
  position: absolute;
  background-image: url(./../img/nav-bg-spt.png?0206);
  background-repeat: no-repeat;
  background-size: contain;
  width: 95.2vw;
  height: 81.067vw;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .nav__wrap .bg::before {
    background-image: url(./../img/nav-bg-left-b.png);
    width: 39.067vw;
    height: 37.7vw;
    bottom: 0;
    top: initial;
  }
}
.nav__wrap .bg::after {
  content: "";
  position: absolute;
  background-image: url(./../img/nav-bg-spb.png?0206);
  background-repeat: no-repeat;
  background-size: contain;
  width: 75.733vw;
  height: 73.867vw;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .nav__wrap .bg::after {
    background-image: url(./../img/nav-bg-right-b.png?0206);
    width: 30.797vw;
    height: 30.65vw;
    left: 69.203vw;
    bottom: 0;
    right: unset;
  }
}
@media only screen and (min-width: 768px) {
  .nav__wrap .bg {
    content: "";
    position: absolute;
    background-image: url(./../img/nav-bg-left.png?0206);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60.347vw;
    height: 100vh;
  }
}
.nav.is-opened {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  .nav.is-opened {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: hidden;
  }
}
.nav__logo {
  text-align: center;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
@media only screen and (max-width: 767px) {
  .nav__logo {
    max-width: 29.867vw;
    margin: 13.033vw auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .nav__logo {
    margin-top: 13.989vw;
    margin-left: 9.783vw;
    text-align: left;
    z-index: 1;
    width: 33.083vw;
  }
}
@media (min-width: 1480px) {
  .nav__logo {
    margin-top: 12.6vw;
    margin-left: 9.3vw;
    width: 27.5vw;
  }
}
.nav__logo:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.nav__logo img {
  width: 26.133vw;
}
@media only screen and (min-width: 768px) {
  .nav__logo img {
    width: 32.223vw;
    height: 26.112vw;
  }
}
@media (min-width: 1480px) {
  .nav__logo img {
    width: 27.5vw;
  }
}
.nav__list {
  margin: 18.8vw 12.667vw 0;
}
@media only screen and (min-width: 768px) {
  .nav__list {
    margin: 0;
    position: absolute;
    top: 15.289vw;
    right: 16.556vw;
    max-width: 19.444vw;
    width: 100%;
  }
}
@media (min-width: 1480px) {
  .nav__list {
    right: 24vw;
    top: 13.089vw;
  }
}
@media (min-width: 1600px) {
  .nav__list {
    right: 22vw;
  }
}
.nav__item {
  margin-bottom: 9.133vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .nav__item {
    margin-bottom: 2.039vw;
  }
}
@media only screen and (max-width: 767px) {
  .nav__item:last-child {
    margin-bottom: 18.8vw;
  }
}
.nav__item.-arw::after {
  position: absolute;
  content: "";
  width: 2.133vw;
  height: 4vw;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.04004L9 8.54004L1.5 16.04' stroke='%230065C4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .nav__item.-arw::after {
    width: 2.55vw;
    height: 1.094vw;
    right: 0;
  }
}
.nav__item.-mb {
  margin-bottom: 3.889vw;
}
.nav__link {
  font-size: 4.8vw;
  line-height: 159.9%;
  font-weight: 700;
  color: #0065C4;
  text-decoration: none;
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .nav__link {
    font-size: 1.25vw;
  }
}
@media (min-width: 1480px) {
  .nav__link {
    font-size: 1.1vw;
  }
}
.nav__link:hover {
  -webkit-transform: translateX(2.667vw);
  -ms-transform: translateX(2.667vw);
  transform: translateX(2.667vw);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.nav__link.-free, .nav__link.-member {
  padding-left: 6.4vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .nav__link:hover {
    -webkit-transform: translateX(0.694vw);
    -ms-transform: translateX(0.694vw);
    transform: translateX(0.694vw);
  }
  .nav__link.-free, .nav__link.-member {
    padding-left: 1.667vw;
  }
}
.nav__link.-free::after, .nav__link.-member::after {
  content: none;
}
.nav__link.-free::before, .nav__link.-member::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav__link.-free::before {
  width: 1.667vw;
  height: 1.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2584 17.0263C14.147 16.924 15.0732 17.1826 15.8105 17.8218C16.5477 18.461 16.9515 19.3554 17.0026 20.2724M16.1143 13.5506C16.1654 14.4676 16.5691 15.362 17.3064 16.0012C18.0436 16.6404 18.9698 16.899 19.8584 16.7968M9.62657 7.69122C8.73987 7.80973 7.90053 8.28791 7.33307 9.08935C6.76561 9.89079 6.5813 10.8583 6.74469 11.7614M8.28079 5.65351C7.25767 5.9647 6.22526 6.71555 5.44374 7.81931C4.66222 8.92307 4.28484 10.1633 4.31181 11.259M18.3705 5.30433C18.7264 5.61293 18.7714 6.1595 18.471 6.52512L14.6684 11.1531C14.0535 11.9015 13.3631 12.5808 12.6088 13.1797L10.6395 14.7433C10.5923 14.7807 10.5492 14.8231 10.5108 14.8699L6.70275 19.5044L6.71868 19.5182C6.99464 19.7575 7.02953 20.1812 6.79662 20.4647C6.56371 20.7481 6.15119 20.784 5.87523 20.5447L4.23214 19.1202C3.95618 18.881 3.92129 18.4572 4.1542 18.1737C4.38711 17.8903 4.79963 17.8544 5.07559 18.0937L5.09152 18.1075L8.89953 13.473C8.93796 13.4262 8.97146 13.3754 8.99946 13.3214L10.1692 11.0646C10.6173 10.2002 11.1532 9.38702 11.7681 8.63867L15.5708 4.01069C15.8712 3.64506 16.4033 3.59883 16.7593 3.90743L18.3705 5.30433ZM19.2044 19.0638C18.0027 20.5263 15.8744 20.7113 14.4506 19.4769C13.0268 18.2425 12.8468 16.0562 14.0485 14.5937C15.2502 13.1312 17.3785 12.9463 18.8023 14.1807C20.2261 15.4151 20.4061 17.6013 19.2044 19.0638Z' stroke='%230065C4' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.nav__link.-member::before {
  width: 1.667vw;
  height: 1.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2365 10.2493L19.5523 9.94896C20.1123 9.41642 21.0201 9.41642 21.58 9.94896C22.14 10.4815 22.14 11.3449 21.58 11.8774L21.2643 12.1778M19.2365 10.2493L21.2643 12.1778M19.2365 10.2493L18.4387 11.008M21.2643 12.1778L20.4665 12.9365M21.2643 12.1778C21.6375 12.5328 21.6375 13.1084 21.2643 13.4634L20.3473 14.3355C19.9202 14.7416 19.3397 14.9677 18.7358 14.9629L18.339 14.9598M18.4387 11.008L14.0509 15.1811L13.5279 16.707M18.4387 11.008L20.4665 12.9365M20.4665 12.9365L18.339 14.9598M18.339 14.9598L16.0786 17.1096L14.5643 17.6927M13.5279 16.707L13.3804 17.1375C13.3104 17.3415 13.3669 17.5656 13.5264 17.7173C13.6966 17.8791 13.952 17.9285 14.1751 17.8426L14.5643 17.6927M13.5279 16.707L14.5643 17.6927M7.86712 16.2574L9.58769 17.8938L11.8818 15.712M18.3823 16.8029V19.4816C18.3823 20.1109 17.8459 20.6211 17.1842 20.6211H6.19809C5.5364 20.6211 5 20.1109 5 19.4816V5.76055C5 5.13124 5.53641 4.62109 6.19809 4.62109H14.2356C14.564 4.62109 14.878 4.74931 15.1042 4.97575L18.0528 7.92761C18.2643 8.13938 18.3823 8.42032 18.3823 8.71241V10.9847M7.86712 9.71198H15.3229M7.86712 11.8938H15.3229M7.86712 14.0757H12.073M14.7496 6.07561V7.11798C14.7496 7.74728 15.286 8.25743 15.9476 8.25743H18.3819' stroke='%230065C4' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.nav__sp-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4.267vw;
  max-width: 82.933vw;
  width: 100%;
  margin: 0 auto;
  /* height: 57.6vw; */
  padding-bottom: 10vw;
}
.nav__sp-btn .btn__prim {
  font-size: 4.8vw;
  padding: 4.533vw 4vw;
}
.nav__sp-btn .btn__prim.-icon::before {
  width: 6.4vw;
  height: 6.4vw;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .nav__sp-btn {
    display: none;
  }
}

.nav-icon {
  position: fixed;
  bottom: 3.2vw;
  right: 3.2vw;
  z-index: 9;
  border-radius: 13.333vw;
  width: 16.133vw;
  height: 16.133vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background-color: #FFED49;
  /* border: 0.267vw solid #ffffff; */
  border: 0.267vw solid #FFED49;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .nav-icon {
    position: relative;
    position: static;
    top: initial;
    right: initial;
    width: 4.722vw;
    height: 4.722vw;
    border-radius: 3.472vw;
    background-color: transparent;
    border: none;
    opacity: 1;
  }
}
.nav-icon.animate__animated.animate__fadeInUp {
  opacity: 1;
}
.nav-icon-ham {
  width: 7.733vw;
  cursor: pointer;
  z-index: 9;
  top: 3.2vw;
  right: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .nav-icon-ham {
    width: 2.014vw;
    top: 0.833vw;
    right: 0.833vw;
  }
}
.nav-icon.is-opened .nav-icon-ham:before, .nav-icon.is-opened .nav-icon-ham:after,
.nav-icon.is-opened .nav-icon-ham &gt; span {
  background-color: #0065C4;
}

.nav-icon-ham:before, .nav-icon-ham:after,
.nav-icon-ham &gt; span {
  content: "";
  display: block;
  background-color: #0065C4;
  border-radius: 8vw;
  display: block;
  height: 0.533vw;
  margin: 2.133vw 0;
}
@media only screen and (min-width: 768px) {
  .nav-icon-ham:before, .nav-icon-ham:after,
  .nav-icon-ham &gt; span {
    height: 0.139vw;
    margin: 0.556vw 0;
    border-radius: 2.083vw;
  }
}
.nav-icon.is-opened {
  background-color: transparent;
  position: relative;
  right: -0.069vw;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .nav-icon.is-opened {
    top: 3.1vw;
    right: -8.6vw;
    -webkit-animation-name: slidergt;
    animation-name: slidergt;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    overflow: visible;
    width: 10.667vw;
    height: 10.667vw;
    border: 0.267vw solid #0065C4;
  }
}
@media only screen and (max-width: 767px) {
  .nav-icon.is-opened .nav-icon-ham {
    width: 5.733vw;
  }
}
@media only screen and (max-width: 767px) {
  .nav-icon.is-opened .nav-icon-ham:before, .nav-icon.is-opened .nav-icon-ham:after,
  .nav-icon.is-opened .nav-icon-ham &gt; span {
    height: 0.233vw;
    margin: 2.433vw 0;
  }
}
.nav-icon.is-opened .nav-icon-ham:before {
  -webkit-transform: translateY(2.667vw) rotate(-45deg);
  -ms-transform: translateY(2.667vw) rotate(-45deg);
  transform: translateY(2.667vw) rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  .nav-icon.is-opened .nav-icon-ham:before {
    -webkit-transform: translateY(0.694vw) rotate(-45deg);
    -ms-transform: translateY(0.694vw) rotate(-45deg);
    transform: translateY(0.694vw) rotate(-45deg);
  }
}
.nav-icon.is-opened .nav-icon-ham:after {
  -webkit-transform: translateY(-2.667vw) rotate(45deg);
  -ms-transform: translateY(-2.667vw) rotate(45deg);
  transform: translateY(-2.667vw) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .nav-icon.is-opened .nav-icon-ham:after {
    -webkit-transform: translateY(-0.694vw) rotate(45deg);
    -ms-transform: translateY(-0.694vw) rotate(45deg);
    transform: translateY(-0.694vw) rotate(45deg);
  }
}
.nav-icon.is-opened .nav-icon-ham &gt; span {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

@-webkit-keyframes slidergt {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slidergt {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.news {
  padding-top: 13.333vw;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-bottom: 0;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media only screen and (min-width: 768px) {
  .news {
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 0;
    padding-bottom: 5.469vw;
  }
}
.news .container {
  max-width: 100%;
  padding: 0;
}
.news__main-title {
  text-align: center;
  padding-bottom: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .news__main-title {
    padding-bottom: 2.222vw;
  }
}
.news__main-title img {
  width: 29.6vw;
}
@media only screen and (min-width: 768px) {
  .news__main-title img {
    width: 7.708vw;
  }
}
.news__list {
  height: 70.8vw;
  overflow-y: scroll;
  padding-right: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .news__list {
    padding-right: 1.667vw;
    height: 13.333vw;
  }
}
.news__item:first-child .news__link {
  border-top: 0.267vw solid #0068B7;
}
@media only screen and (min-width: 768px) {
  .news__item:first-child .news__link {
    border-top: 0.069vw solid #0068B7;
  }
}
.news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 3.333vw 0;
  border-bottom: 0.267vw solid #0068B7;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .news__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.111vw 0;
    border-bottom: 0.069vw solid #0068B7;
  }
}
.news__link:hover {
  background-color: #dddddd;
}
.news__date {
  margin-right: 5.333vw;
  font-size: 3.2vw;
  font-weight: 700;
  color: #4bb1ff;
  padding-bottom: 1.333vw;
}
@media only screen and (min-width: 768px) {
  .news__date {
    margin-right: 1.389vw;
    font-size: 1.11vw;
    padding-bottom: 0;
  }
}
.news__ttl {
  color: #001448;
  font-size: 3.73vw;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .news__ttl {
    font-size: 1.39vw;
    -webkit-line-clamp: 1;
  }
}
.news ::-webkit-scrollbar {
  width: 1.6vw;
  height: 26.667vw;
}
@media only screen and (min-width: 768px) {
  .news ::-webkit-scrollbar {
    width: 0.417vw;
    height: 6.944vw;
  }
}
.news ::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  border-radius: 13.333vw;
}
@media only screen and (min-width: 768px) {
  .news ::-webkit-scrollbar-track {
    border-radius: 3.472vw;
  }
}
.news ::-webkit-scrollbar-thumb {
  /* background: #007CDA; */
  background: #4bb1ff;
  border-radius: 2.667vw;
}
@media only screen and (min-width: 768px) {
  .news ::-webkit-scrollbar-thumb {
    border-radius: 0.694vw;
  }
}
.news ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 124, 218, 0.7);
}

.training {
  overflow: hidden;
  padding: 21.333vw 0 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .training {
    padding: 9.292vw 0 4.256vw;
    overflow: visible;
  }
  .training .container {
    max-width: 90.167vw;
  }
}
@media only screen and (max-width: 767px) {
  .training:before {
    content: "";
    position: absolute;
    background-image: url(./../img/training/training-cap-bg-sp.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14.133vw;
    height: 17.867vw;
    top: 0.533vw;
    left: 0;
    z-index: -1;
  }
  .training:after {
    content: "";
    background-image: url(../img/top/bat_icon-sp.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 27.2vw;
    width: 100%;
    height: 29.067vw;
    bottom: -3.033vw;
    right: 0;
    z-index: -1;
  }
}
.training .training__title {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .training .training__title {
    margin: 0 -7vw 0 -5vw;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .training .training__title::after {
    position: absolute;
    content: "";
    background-image: url(./../img/training/title-banner02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* width: 30.833vw;
    height: 20.694vw;
    top: -9.586vw;
    z-index: -1;
    right: -8.444vw; */
    width: 26.042vw;
    height: 23.194vw;
    top: -9.586vw;
    z-index: -1;
    right: -4.3vw;
  }
}
@media only screen and (min-width: 768px) {
  .training .training__title::before {
    position: absolute;
    content: "";
    width: 12.292vw;
    height: 11.389vw;
    background-image: url(./../img/training/title-banner01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -4.167vw;
    left: -4.167vw;
    z-index: -1;
  }
}
.training .training__title img {
  width: 104.267vw;
}
@media only screen and (min-width: 768px) {
  .training .training__title img {
    width: 70.972vw;
  }
}
.training__inn {
  margin-top: -2.667vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .training__inn {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .training__inn::before {
    position: absolute;
    content: "";
    width: 8.889vw;
    height: 7.361vw;
    background-image: url(./../img/training/training-cap-bg.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 20.333vw;
    bottom: -7vw;
  }
}
.training__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .training__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -4.261vw;
    padding: 0 1.042vw;
  }
}
.training__col-txt {
  margin-top: 10.667vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .training__col-txt {
    width: 36.71%;
    padding: 0 3.821vw;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .training__col-img {
    margin: 0 -10.133vw;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .training__col-img {
    width: 63.28%;
    padding: 0 4.861vw;
    margin: 0;
  }
}
.training__subttl {
  font-size: 5.33vw;
  font-weight: 700;
  line-height: 16px;
  color: #24B4F2;
  margin-top: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .training__subttl {
    font-size: 1.39vw;
    margin-top: 1.5vw;
  }
}
.training__ttl {
  font-size: 8vw;
  line-height: 2vw;
  font-weight: 900;
  margin: 5.6vw 0 6.4vw;
  color: #001448;
}
@media only screen and (min-width: 768px) {
  .training__ttl {
    font-size: 2.5vw;
    margin: 1.46vw 0 2.22vw;
  }
}
.training__desc {
  font-size: 4.267vw;
  font-weight: 700;
  line-height: 2;
  color: #001448;
  min-height: 34.133vw;
}
@media only screen and (min-width: 768px) {
  .training__desc {
    font-size: 1.111vw;
    min-height: 8.889vw;
  }
}
.training .swiper {
  overflow: visible;
}
.training .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 6 !important;
}
@media only screen and (min-width: 768px) {
  .training .swiper-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: -10vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.training .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #24B4F2;
  opacity: 1;
  width: 2.133vw;
  height: 2.133vw;
  margin: 0 1.333vw !important;
}
@media only screen and (min-width: 768px) {
  .training .swiper-pagination .swiper-pagination-bullet {
    width: 0.694vw;
    height: 0.694vw;
    margin: 0.417vw 0 !important;
  }
}
.training .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #24B4F2;
}
.training .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #24B4F2;
}
.training__swiper-img {
  position: relative;
  margin: 0 -10.133vw;
}
@media only screen and (min-width: 768px) {
  .training__swiper-img {
    top: -6.708vw;
    margin: 0;
  }
}
.training__swiper-img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #FFE200;
  right: 0;
  border-radius: unset;
  left: 50%;
  top: 51%;
  -webkit-transform: translate(-50%, -50%) rotate(-6deg);
  -ms-transform: translate(-50%, -50%) rotate(-6deg);
  transform: translate(-50%, -50%) rotate(-6deg);
}
@media only screen and (min-width: 768px) {
  .training__swiper-img::before {
    border-radius: 3.472vw;
  }
}
.training__swiper-img .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .training__img-box {
    width: 100%;
  }
}
.training__img-box img {
  border-radius: 1.736vw;
  display: block;
  width: 51.389vw;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .training__img-box img {
    border-radius: 6.667vw;
    height: 62.4vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .training__img-box img {
    border-radius: 3.472vw;
  }
}
@media only screen and (max-width: 767px) {
  .training__swiper-console {
    position: relative;
    left: -webkit-calc(100% - 35.333vw);
    left: calc(100% - 35.333vw);
    top: 10.333vw;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .training__swiper-console {
    position: relative;
    top: 2.778vw;
    right: -2vw;
  }
}
.training__swiper-img .swiper-wrapper {
  height: 62.4vw !important;
}
@media only screen and (min-width: 768px) {
  .training__swiper-img .swiper-wrapper {
    /* height: 27.778vw !important; */
    height: 29.389vw !important;
  }
}
.training__slider-btns {
  position: absolute;
  left: 1.333vw;
}
@media only screen and (min-width: 576px) {
  .training__slider-btns {
    bottom: 3.333vw;
  }
}
@media only screen and (min-width: 768px) {
  .training__slider-btns {
    left: -1.458vw;
    bottom: 1.389vw;
  }
}
.training__slider-btns .swiper-button-next {
  position: absolute;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 24vw;
  top: -0.533vw;
}
@media only screen and (min-width: 768px) {
  .training__slider-btns .swiper-button-next {
    left: unset;
    top: -3.819vw;
    right: -3.264vw;
  }
}
.training__slider-btns .swiper-button-next::after {
  content: none;
}
.training__slider-btns .swiper-button-prev {
  left: 0.5vw;
}
.training__slider-btns .swiper-button-prev::after {
  content: none;
}
@media only screen and (max-width: 767px) {
  .training__slider-btns .swiper-button-prev {
    left: -13.667vw;
    top: -0.533vw;
  }
}
.training__slider-btns .swiper-button-next,
.training__slider-btns .swiper-button-prev {
  width: 10.667vw;
  height: 10.667vw;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.64209' width='39' height='39' rx='19.5' stroke='%2324B4F2'/%3E%3Cpath d='M23 13.1421L16 20.1421L23 27.1421' stroke='%2324B4F2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 7 !important;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .training__slider-btns .swiper-button-next,
  .training__slider-btns .swiper-button-prev {
    width: 2.778vw;
    height: 2.778vw;
  }
}
.training__slider-btns .swiper-button-next:hover,
.training__slider-btns .swiper-button-prev:hover {
  /* opacity: 0.7; */
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='%23007CDA'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23007CDA'/%3E%3Cpath d='M22 13L15 20L22 27' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 109% 100%;
}
.training .swiper-wrapper {
  height: 88vw;
}
@media only screen and (min-width: 768px) {
  .training .swiper-wrapper {
    height: 26.389vw;
    overflow: hidden;
  }
}
.training-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.training .btn__prim.-arr {
  margin-top: 5.333vw;
  max-width: 48.8vw;
  padding: 2.3vw 4.8vw 2.3vw 5.333vw;
}
@media only screen and (min-width: 768px) {
  .training .btn__prim.-arr {
    font-size: 1.667vw;
    max-width: 20vw;
    padding: 1.667vw 2.222vw;
    margin-top: 2vw;
  }
}

.join {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .join {
    padding-top: 11.806vw;
  }
}
@media only screen and (min-width: 768px) {
  .join .container {
    max-width: 85.417vw;
  }
}
.join__ttl {
  position: relative;
  bottom: -10.667vw;
  z-index: -1;
  max-width: 92vw;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .join__ttl {
    bottom: -11.267vw;
    max-width: 100%;
  }
}
.join__ttl img {
  width: 100%;
}
.join__ttl:before {
  content: "";
  position: absolute;
  background-image: url(../img/top/join_gloves-sp.svg);
  background-repeat: no-repeat;
  top: -15vw;
  right: 14.4vw;
  width: 4.896vw;
  height: 4.896vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .join__ttl:before {
    background-image: url(../img/top/join_gloves.svg);
    background-size: cover;
    background-position: center;
    width: 13.264vw;
    height: 15.069vw;
    top: -24.533vw;
    right: 24.167vw;
  }
}
.join__cont {
  position: absolute;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 9.333vw;
}
@media only screen and (min-width: 768px) {
  .join__cont {
    bottom: 12.5vw;
  }
}
.join__anim {
  position: relative;
  z-index: -1;
  height: 59.6vw;
}
@media only screen and (min-width: 768px) {
  .join__anim {
    height: 33.681vw;
  }
}
.join__anim &gt; img {
  width: 92vw;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .join__anim &gt; img {
    width: 70.833vw;
  }
}
.join__deco {
  position: absolute;
  top: -0.9vw;
  width: 100vw;
  margin: 0 auto;
  left: -5.4vw;
}
@media only screen and (min-width: 768px) {
  .join__deco {
    left: 4.356vw;
    min-width: initial;
    max-width: 77.917vw;
    width: 100%;
    top: 5.972vw;
  }
}
.join__deco img {
  width: 100%;
}
.join .btn__wrap {
  max-width: 100%;
  gap: 6.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 9.6vw auto 12vw;
}
@media only screen and (min-width: 768px) {
  .join .btn__wrap {
    flex-direction: row;
    max-width: 63.958vw;
    gap: 5.656vw;
    margin: 2.5vw auto 6.108vw;
  }
}
.join .btn__prim {
  max-width: 81.867vw;
  font-size: 4.8vw;
  padding: 4.267vw 4.4vw;
}
@media only screen and (min-width: 768px) {
  .join .btn__prim {
    max-width: 31.389vw;
    font-size: 2.22vw;
    padding: 2.708vw 1.389vw;
  }
}
.join .btn__prim.-icon {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.join .btn__prim.-icon span.-member,
.join .btn__prim.-icon span.-free {
  position: relative;
  margin-left: 9.33vw;
}
@media only screen and (min-width: 768px) {
  .join .btn__prim.-icon span.-member,
  .join .btn__prim.-icon span.-free {
    margin-left: 3.472vw;
  }
}
.join .btn__prim.-icon span.-member::before,
.join .btn__prim.-icon span.-free::before {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.8105 18.1155L37.4607 17.4772C38.6135 16.3455 40.4826 16.3455 41.6354 17.4772C42.7882 18.609 42.7882 20.4439 41.6354 21.5757L40.9852 22.214M36.8105 18.1155L40.9852 22.214M36.8105 18.1155L35.168 19.728M40.9852 22.214L39.3427 23.8265M40.9852 22.214C41.7538 22.9685 41.7538 24.1918 40.9852 24.9463L39.0973 26.7997C38.2182 27.6628 37.0228 28.1432 35.7795 28.1331L34.9627 28.1265M35.168 19.728L26.1342 28.5968L25.0574 31.8397M35.168 19.728L39.3427 23.8265M39.3427 23.8265L34.9627 28.1265M34.9627 28.1265L30.3089 32.6952L27.1912 33.9345M25.0574 31.8397L24.7537 32.7546C24.6097 33.1881 24.7259 33.6643 25.0543 33.9867C25.4047 34.3306 25.9307 34.4355 26.39 34.2529L27.1912 33.9345M25.0574 31.8397L27.1912 33.9345M13.4029 30.8842L16.9453 34.3618L21.6684 29.725M35.0517 32.0435V37.7364C35.0517 39.0738 33.9473 40.158 32.585 40.158H9.96666C8.60436 40.158 7.5 39.0738 7.5 37.7364V8.5759C7.5 7.23848 8.60436 6.1543 9.96666 6.1543H26.5144C27.1906 6.1543 27.8371 6.42678 28.3027 6.90802L34.3734 13.1814C34.8089 13.6315 35.0517 14.2285 35.0517 14.8493V19.6785M13.4029 16.9736H28.7531M13.4029 21.6105H28.7531M13.4029 26.2474H22.062M27.5726 9.24549V11.4608C27.5726 12.7982 28.677 13.8824 30.0393 13.8824H35.0509' stroke='white' stroke-width='1.68' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  width: 6.4vw;
  height: 6.4vw;
  left: -7.467vw;
  top: 3.467vw;
}
@media only screen and (min-width: 768px) {
  .join .btn__prim.-icon span.-member::before,
  .join .btn__prim.-icon span.-free::before {
    width: 3.194vw;
    height: 3.194vw;
    left: -3.364vw;
    top: 1.667vw;
  }
}
.join .btn__prim.-icon span.-free::before {
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.1742 32.5872C28.0625 32.3766 30.0306 32.9091 31.5973 34.2252C33.1639 35.5413 34.0219 37.383 34.1306 39.2711M32.2428 25.4307C32.3514 27.3188 33.2094 29.1605 34.7761 30.4766C36.3427 31.7927 38.3109 32.3252 40.1992 32.1146M18.4565 13.3659C16.5722 13.61 14.7886 14.5945 13.5828 16.2447C12.3769 17.8949 11.9853 19.8872 12.3325 21.7465M15.5967 9.17023C13.4226 9.81096 11.2287 11.357 9.56795 13.6297C7.90722 15.9024 7.10528 18.4561 7.16259 20.7122M37.0373 8.45125C37.7937 9.08666 37.8893 10.2121 37.2509 10.9649L29.1703 20.4941C27.8636 22.035 26.3966 23.4337 24.7937 24.6669L20.6089 27.8864C20.5087 27.9634 20.417 28.0509 20.3354 28.1472L12.2433 37.6898L12.2772 37.7182C12.8636 38.2108 12.9378 39.0833 12.4428 39.667C11.9479 40.2507 11.0713 40.3245 10.4849 39.8318L6.99329 36.8987C6.40688 36.4061 6.33273 35.5336 6.82767 34.9499C7.32261 34.3662 8.19922 34.2924 8.78562 34.785L8.81948 34.8135L16.9115 25.2709C16.9932 25.1746 17.0643 25.0699 17.1239 24.9587L19.6096 20.3119C20.5617 18.5321 21.7006 16.8577 23.0073 15.3168L31.088 5.78759C31.7264 5.03475 32.8571 4.93955 33.6134 5.57497L37.0373 8.45125ZM38.8094 36.7826C36.2558 39.794 31.733 40.1747 28.7075 37.6331C25.682 35.0915 25.2994 30.5899 27.853 27.5785C30.4066 24.5671 34.9294 24.1864 37.9549 26.728C40.9804 29.2696 41.363 33.7712 38.8094 36.7826Z' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.cmap__wrap {
  margin-top: 12.533vw;
  margin-bottom: 3.92vw;
  border: 0.267vw solid #007CDA;
  position: relative;
  background-color: #ffffff;
  border-radius: 3.013vw;
  overflow: hidden;
  /* padding-top: 2.667vw;
  padding-left: 2.667vw; */
}
@media only screen and (min-width: 768px) {
  .cmap__wrap {
    border: 0.069vw solid #007CDA;
    margin-top: 2.189vw;
    margin-bottom: 2.083vw;
    border-radius: 2.222vw;
    padding-top: 2.3vw;
    padding-left: 6.25vw;
  }
}
.cmap__wrap svg {
  width: 98.867vw;
  height: 116.8vw;
  margin-bottom: -0.933vw;
}
@media only screen and (min-width: 768px) {
  .cmap__wrap svg {
    max-width: 42.153vw;
    width: 100%;
    height: auto;
    margin-bottom: -0.3vw;
  }
}
.cmap .slocation {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.cmap .slocation:hover {
  cursor: pointer;
  -webkit-transform: scale(1.3722);
  -ms-transform: scale(1.3722);
  transform: scale(1.3722);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.cmap .slocation:hover path {
  fill: #001448;
}
.cmap .slocation.clicked {
  -webkit-transform: scale(1.3722);
  -ms-transform: scale(1.3722);
  transform: scale(1.3722);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.cmap .slocation.clicked path {
  fill: #001448;
}
.cmap .slocation circle {
  pointer-events: none;
}
.cmap .slocation#sloc1 {
  -webkit-transform-origin: 59% 18%;
  -ms-transform-origin: 59% 18%;
  transform-origin: 59% 18%;
}
.cmap .slocation#sloc1:hover {
  -webkit-transform-origin: 59% 18%;
  -ms-transform-origin: 59% 18%;
  transform-origin: 59% 18%;
}
.cmap .slocation#sloc1.clicked {
  -webkit-transform-origin: 59% 18%;
  -ms-transform-origin: 59% 18%;
  transform-origin: 59% 18%;
}
.cmap .slocation#sloc2 {
  -webkit-transform-origin: 38% 27%;
  -ms-transform-origin: 38% 27%;
  transform-origin: 38% 27%;
}
.cmap .slocation#sloc2:hover {
  -webkit-transform-origin: 38% 27%;
  -ms-transform-origin: 38% 27%;
  transform-origin: 38% 27%;
}
.cmap .slocation#sloc2.clicked {
  -webkit-transform-origin: 38% 27%;
  -ms-transform-origin: 38% 27%;
  transform-origin: 38% 27%;
}
.cmap .slocation#sloc3 {
  -webkit-transform-origin: 75% 35%;
  -ms-transform-origin: 75% 35%;
  transform-origin: 75% 35%;
}
.cmap .slocation#sloc3:hover {
  -webkit-transform-origin: 75% 35%;
  -ms-transform-origin: 75% 35%;
  transform-origin: 75% 35%;
}
.cmap .slocation#sloc3.clicked {
  -webkit-transform-origin: 75% 35%;
  -ms-transform-origin: 75% 35%;
  transform-origin: 75% 35%;
}
.cmap .slocation#sloc4 {
  -webkit-transform-origin: 26% 76%;
  -ms-transform-origin: 26% 76%;
  transform-origin: 26% 76%;
}
.cmap .slocation#sloc4:hover {
  -webkit-transform-origin: 26% 76%;
  -ms-transform-origin: 26% 76%;
  transform-origin: 26% 76%;
}
.cmap .slocation#sloc4.clicked {
  -webkit-transform-origin: 26% 76%;
  -ms-transform-origin: 26% 76%;
  transform-origin: 26% 76%;
}
.cmap .slocation#sloc5 {
  -webkit-transform-origin: 55% 72%;
  -ms-transform-origin: 55% 72%;
  transform-origin: 55% 72%;
}
.cmap .slocation#sloc5:hover {
  -webkit-transform-origin: 55% 72%;
  -ms-transform-origin: 55% 72%;
  transform-origin: 55% 72%;
}
.cmap .slocation#sloc5.clicked {
  -webkit-transform-origin: 55% 72%;
  -ms-transform-origin: 55% 72%;
  transform-origin: 55% 72%;
}
.cmap .slocation#sloc6 {
  -webkit-transform-origin: 47% 56%;
  -ms-transform-origin: 47% 56%;
  transform-origin: 47% 56%;
}
.cmap .slocation#sloc6:hover {
  -webkit-transform-origin: 47% 56%;
  -ms-transform-origin: 47% 56%;
  transform-origin: 47% 56%;
}
.cmap .slocation#sloc6.clicked {
  -webkit-transform-origin: 47% 56%;
  -ms-transform-origin: 47% 56%;
  transform-origin: 47% 56%;
}
.cmap .slocation#sloc7 {
  -webkit-transform-origin: 40% 67%;
  -ms-transform-origin: 40% 67%;
  transform-origin: 40% 67%;
}
.cmap .slocation#sloc7:hover {
  -webkit-transform-origin: 40% 67%;
  -ms-transform-origin: 40% 67%;
  transform-origin: 40% 67%;
}
.cmap .slocation#sloc7.clicked {
  -webkit-transform-origin: 40% 67%;
  -ms-transform-origin: 40% 67%;
  transform-origin: 40% 67%;
}
.cmap .slocation#sloc8 {
  -webkit-transform-origin: 25% 40%;
  -ms-transform-origin: 25% 40%;
  transform-origin: 25% 40%;
}
.cmap .slocation#sloc8:hover {
  -webkit-transform-origin: 25% 40%;
  -ms-transform-origin: 25% 40%;
  transform-origin: 25% 40%;
}
.cmap .slocation#sloc8.clicked {
  -webkit-transform-origin: 25% 40%;
  -ms-transform-origin: 25% 40%;
  transform-origin: 25% 40%;
}
.cmap .slocation#sloc9 {
  -webkit-transform-origin: 50% 78%;
  -ms-transform-origin: 50% 78%;
  transform-origin: 50% 78%;
}
.cmap .slocation#sloc9:hover {
  -webkit-transform-origin: 50% 78%;
  -ms-transform-origin: 50% 78%;
  transform-origin: 50% 78%;
}
.cmap .slocation#sloc9.clicked {
  -webkit-transform-origin: 50% 78%;
  -ms-transform-origin: 50% 78%;
  transform-origin: 50% 78%;
}
.cmap .slocation#sloc10 {
  -webkit-transform-origin: 48% 96%;
  -ms-transform-origin: 48% 96%;
  transform-origin: 48% 96%;
}
.cmap .slocation#sloc10:hover {
  -webkit-transform-origin: 48% 96%;
  -ms-transform-origin: 48% 96%;
  transform-origin: 48% 96%;
}
.cmap .slocation#sloc10.clicked {
  -webkit-transform-origin: 48% 96%;
  -ms-transform-origin: 48% 96%;
  transform-origin: 48% 96%;
}
.cmap .slocation#sloc11 {
  -webkit-transform-origin: 48% 65%;
  -ms-transform-origin: 48% 65%;
  transform-origin: 48% 65%;
}
.cmap .slocation#sloc11:hover {
  -webkit-transform-origin: 48% 65%;
  -ms-transform-origin: 48% 65%;
  transform-origin: 48% 65%;
}
.cmap .slocation#sloc11.clicked {
  -webkit-transform-origin: 48% 65%;
  -ms-transform-origin: 48% 65%;
  transform-origin: 48% 65%;
}
.cmap .slocation#sloc12 {
  -webkit-transform-origin: 50% 55%;
  -ms-transform-origin: 50% 55%;
  transform-origin: 50% 55%;
}
.cmap .slocation#sloc12:hover {
  -webkit-transform-origin: 50% 55%;
  -ms-transform-origin: 50% 55%;
  transform-origin: 50% 55%;
}
.cmap .slocation#sloc12.clicked {
  -webkit-transform-origin: 50% 55%;
  -ms-transform-origin: 50% 55%;
  transform-origin: 50% 55%;
}
.cmap .slocation#sloc13 {
  -webkit-transform-origin: 24% 70%;
  -ms-transform-origin: 24% 70%;
  transform-origin: 24% 70%;
}
.cmap .slocation#sloc13:hover {
  -webkit-transform-origin: 24% 70%;
  -ms-transform-origin: 24% 70%;
  transform-origin: 24% 70%;
}
.cmap .slocation#sloc13.clicked {
  -webkit-transform-origin: 24% 70%;
  -ms-transform-origin: 24% 70%;
  transform-origin: 24% 70%;
}
.cmap__inn {
  position: relative;
}
.cmap__inn::after {
  position: absolute;
  content: "";
  left: 0;
  top: 2vw;
  width: 90.037vw;
  height: 114.384vw;
  background-color: #FFE200;
  z-index: -2;
  -webkit-transform: rotate(-7.45deg);
  -ms-transform: rotate(-7.45deg);
  transform: rotate(-7.45deg);
}
@media only screen and (min-width: 768px) {
  .cmap__inn::after {
    left: 0;
    top: 32px;
    width: 66.25vw;
    height: 43.403vw;
    z-index: -2;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
.cmap .mapmodal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 81.067vw;
  width: 100%;
  height: auto;
  border-radius: 5.067vw;
  border: 2px solid #007CDA;
  padding: 5.333vw;
  text-align: center;
  opacity: 0;
  background-color: #ffffff;
  pointer-events: none;
  -webkit-transition: 0.3s ease-in-out opacity;
  transition: 0.3s ease-in-out opacity;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal {
    left: initial;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    max-width: 30.556vw;
    padding: 2.12vw 1vw;
    right: 2.222vw;
    bottom: 2.222vw;
    border-radius: 1.319vw;
    background-color: #FFFFFF;
  }
}
.cmap .mapmodal.open {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: 0.3s ease-in-out opacity;
  transition: 0.3s ease-in-out opacity;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal .heading__sec {
    font-size: 4.167vw;
  }
}
.cmap .mapmodal .btn__prim {
  margin-top: 5.333vw;
  margin-bottom: 5.333vw;
  max-width: 64vw;
  padding: 2.667vw 5.333vw 2.667vw 18.133vw;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal .btn__prim {
    padding: 1.667vw 7.222vw;
    max-width: 25vw;
    margin-top: 1.389vw;
    margin-bottom: 1.389vw;
  }
}
.cmap .mapmodal .btn__prim.-arr:after {
  content: none;
}
.cmap .mapmodal .btn__prim span {
  position: relative;
}
.cmap .mapmodal .btn__prim span:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 1.06738L8.375 8.56738L0.875 16.0674' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -5.333vw;
  width: 1.6vw;
  height: 4vw;
  -webkit-transition: 0.25s ease all;
  transition: 0.25s ease all;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal .btn__prim span:after {
    right: -1.736vw;
    width: 0.625vw;
    height: 1.25vw;
  }
}
.cmap .mapmodal .btn__prim:hover span::after {
  right: -6.667vw;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal .btn__prim:hover span::after {
    right: -2.083vw;
  }
}
.cmap .mapmodal__close {
  font-size: 3.733vw;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal__close {
    font-size: 1.25vw;
  }
}
.cmap .mapmodal__close:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

/* Styles for the modal */
.modal {
  display: none;
  /* Hide modal by default */
  position: fixed;
  /* Position modal fixed to the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent background */
  z-index: 999;
  /* Ensure modal appears on top of other content */
  align-items: center;
  opacity: 1;
}

.modal-content {
  width: 89%;
  margin: 0 auto;
  position: relative;
}

.modal-content__wrapper {
  max-height: 80vh;
  border-radius: 5.867vw;
  overflow: auto;
  background-color: #ffffff;
  
}
@media only screen and (min-width: 768px) {
  .modal-content__wrapper {
      border-radius: 2.778vw;
  }
}

.modal-content .class_modal__close.close {
  position: absolute;
}

.scroll {
  position: absolute;
  top: 15vw;
  right: 0.8vw;
  width: 1.6vw;
  height: 17.333vw;
  border-radius: 13.333vw;
  z-index: 1;
  -webkit-transition: 0.3s ease-in-out width;
  transition: 0.3s ease-in-out width;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .scroll {
      top: 7.639vw;
      right: 0.903vw;
      height: 6.944vw;
      width: 0.417vw;
      border-radius: 3.472vw;
  }
}

.scroll-thumb {
  position: absolute;
  top: 0;
  right: 0.8vw;
  width: 1.6vw;
  height: 17.333vw;
  background-color: #0065C4;
  border-radius: 13.333vw;
  transition: width 0.3s ease-in-out;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .scroll-thumb {
    right: 0.903vw;
    height: 6.944vw;
    top: 0;
    width: 0.417vw;
    border-radius: 3.472vw;
  }
}

.hero {
  overflow: hidden;
}

#slider-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  max-width: 100vw;
  height: 112vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #slider-container {
    height: 59.722dvw;
  }
}

.slider-img {
  height: auto;
  width: 100%;
  position: absolute; /* Position images absolutely within the container */
  opacity: 0;
}
.slider-img img {
  width: 100%;
  height: 100%;
}

/* Display the active, next, and prev images */
.slider-img.active-slide,
.slider-img.next,
.slider-img.prev {
  opacity: 1;
}

.slider-img.next,
.slider-img.prev {
  max-width: 98.667vw;
  height: 55.515vw;
  z-index: 1;
  opacity: 1; /* Start next and prev images as invisible */
}
@media only screen and (min-width: 768px) {
  .slider-img.next,
  .slider-img.prev {
    max-width: 68.75vw;
    height: 38.681vw;
  }
}
.slider-img.next:hover,
.slider-img.prev:hover {
  cursor: pointer;
}
.slider-img.next:after,
.slider-img.prev:after {
  content: "";
  position: absolute;
  /* background: -webkit-radial-gradient(50% 50%, 72.35% 72.35%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.11) 100%), rgba(73, 168, 255, 0.7);
  background: radial-gradient(72.35% 72.35% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 41.67%, rgba(0, 0, 0, 0.11) 100%), rgba(73, 168, 255, 0.7); */
  /* background-blend-mode: color; */
  background: radial-gradient(58.37% 60.3% at 50% 50%, rgba(61, 196, 223, 0) 0%, rgba(61, 196, 223, 0.5) 0%);
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}

.slider-img.next {
  bottom: 8.1vw;
  right: -9.333vw;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  /* opacity: 0.6; */
}
@media only screen and (min-width: 768px) {
  .slider-img.next {
    bottom: 5.656vw;
    right: -33.681vw;
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
  }
}

.slider-img.prev {
  top: -42.567vw;
  left: -9.733vw;
  -webkit-transform: rotate(-9deg) translate(0);
  -ms-transform: rotate(-9deg) translate(0);
  transform: rotate(-9deg) translate(0);
  opacity: 0.6;
}
@media only screen and (min-width: 768px) {
  .slider-img.prev {
    top: initial;
    bottom: 4.514vw;
    left: -16.111vw;
    -webkit-transform: rotate(-8deg) translate(0);
    -ms-transform: rotate(-8deg) translate(0);
    transform: rotate(-8deg) translate(0);
  }
}

/* When an image becomes active, ensure it moves smoothly from its previous position */
.slider-img.active-slide {
  width: 154.133vw;
  height: auto;
  z-index: 2;
  top: -38.667vw;
  left: -54.667vw;
  -webkit-transform: translateY(50%) rotate(14deg);
  -ms-transform: translateY(50%) rotate(14deg);
  transform: translateY(50%) rotate(14deg);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .slider-img.active-slide {
    max-width: 77.639vw;
    width: 100%;
    -webkit-transform: translateX(50%) rotate(6deg);
    -ms-transform: translateX(50%) rotate(6deg);
    transform: translateX(50%) rotate(6deg);
    top: 0.072vw;
    left: -25vw;
  }
}

.baseball-banner {
  position: relative;
  margin-top: 4vw;
  margin-left: -5.867vw;
  /* z-index: 2; */
}
@media only screen and (min-width: 768px) {
  .baseball-banner {
    margin-bottom: 0;
    margin-top: 1.042vw;
    margin-left: -1.528vw;
  }
}
.baseball-banner:after {
  content: "";
  position: absolute;
  background-image: url(../img/top/banner_bg_sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 96vw;
  height: 64.267vw;
  top: -43px;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .baseball-banner:after {
    content: none;
  }
}
.baseball-banner__img {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .baseball-banner__img {
    content: "";
    position: absolute;
    top: -37.8vw;
    left: -0.283vw;
    max-width: 48.264vw;
    width: 100%;
    height: auto;
    z-index: 4;
  }
}
.baseball-banner__img img {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .baseball-banner__img img {
    max-width: 93.867vw;
  }
}

.footer {
  padding-bottom: 23.467vw;
  background-color: #84D8FF;
  text-align: center;
  position: relative;
  font-family: "Roboto" , sans-serif;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding-bottom: 5vw;
  }
}
.footer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 19.2vw;
  top: -18.933vw;
  left: 0;
  background-color: #84D8FF;
  -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}
@media only screen and (min-width: 768px) {
  .footer::before {
    height: 13.194vw;
    top: -13.125vw;
  }
}
.footer__logo {
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-width: 36.3vw;
  width: 100%;
  padding-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .footer__logo {
    max-width: 19.167vw;
    padding-top: 1.597vw;
  }
}
.footer__logo:hover {
  opacity: 0.7;
}
.footer__logo img {
  width: 100%;
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6.133vw;
  margin: 8.533vw 0 6.4vw;
}
@media only screen and (min-width: 768px) {
  .footer__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6.4vw;
    margin: 3.889vw 0 1.667vw;
  }
}
.footer__link {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.2777777778;
  color: #0065C4;
  text-decoration: none;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
@media only screen and (min-width: 768px) {
  .footer__link {
    font-size: 1.25vw;
  }
}
.footer__link:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
.footer__copyright {
  font-family: "Roboto", sans-serif;
  font-size: 2.667vw;
  font-weight: 700;
  line-height: 1.2777777778;
  color: #0065C4;
}
@media only screen and (min-width: 768px) {
  .footer__copyright {
    font-size: 0.972vw;
  }
}
/*# sourceMappingURL=app.css.map */

.cgrade {
  margin-top: 16.533vw;
  margin-bottom: 5.867vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .cgrade {
    margin-top: 6.344vw;
    margin-bottom: 4vw;
  }
}
.cgrade::after,
.cgrade::before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}
.cgrade::before {
  background-image: url(../img/class/c_caphf.png);
  width: 6.667vw;
  height: 10.933vw;
  bottom: -30%;
  left: -5.2%;
}

@media only screen and (min-width: 768px) {
  .class__top::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
    background-image: url(../img/class/cbg_ball.png);
    width: 22.014vw;
    height: 30.556vw;
    top: 22.292vw;
    right: 0;
  }
  .cgrade::before {
    background-image: url(../img/class/c_glovesg.png);
    width: 21.806vw;
    height: 35.486vw;
    bottom: -49%;
    left: -30.2%;
  }
}
.cgrade__box {
  max-width: 90.667vw;
  height: calc(100% + 1vw);
  width: calc(100% + 1vw);
  /* width: 100%;
  height: 100%; */
  rotate: -6.12deg;
  background-color: #84D8FF;
  position: absolute;
  z-index: -1;
  margin: 0 auto;
  top: -1.333vw;
  left: 0vw;
  border-radius: 2.222vw;
  height: calc(100% + 3vw);
  width: calc(100% + 1vw);
}
@media only screen and (min-width: 768px) {
  .cgrade__box {
    max-width: 53.384vw;
    rotate: -6.46deg;
    top: -7px;
    left: -0.328vw;
    min-height: 31.002vw;
    height: calc(100% + 1vw);
    width: calc(100% + 1vw);
  }
}
.cgrade__wrap {
  position: relative;
  max-width: 90.4vw;
  width: 100%;
  margin: 0 auto;
  font-weight: 700;
  font-size: 4.077vw;
  color: #0065C4;
  border: 0.149vw solid #0065C4;
  border-radius: 3.74vw;
  padding: 13.867vw 5.333vw 13.867vw 5.333vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .cgrade__wrap {
    max-width: 52.917vw;
    font-size: 2.393vw;
    border-radius: 3.74vw;
    padding: 8.333vw 2.361vw 8.333vw 3.889vw;
    background-color: #fff;
    /* margin-bottom: 4vw; */
  }
}

.cgrade__wrap ul.ball {
  list-style-type: none;
  margin-left: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .cgrade__wrap ul.ball {
    margin-left: 2.389vw;
  }
}
.cgrade__wrap ul.ball li {
  text-align: justify;
  display: block;
  position: relative;
  padding-bottom: 7.467vw;
}
@media only screen and (min-width: 768px) {
  .cgrade__wrap ul.ball li {
    padding-bottom: 3.333vw;
  }
}
.cgrade__wrap ul.ball li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -webkit-calc((1 - 1.3) * 0.5em);
  margin-top: calc((1 - 1.3) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .cgrade__wrap ul.ball li::after {
    margin-top: 0;
  }
}
.cgrade__wrap ul.ball li:last-child {
  padding-bottom: 0;
}
.cgrade__wrap ul.ball li:before {
  content: "";
  margin-left: -2.033vw;
  margin-right: 0.347vw;
  width: 2.589vw;
  height: 2.689vw;
  background-size: 100%;
  position: absolute;
  top: 1.217vw;
  left: -1.247vw;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.75781' r='6.4' stroke='%230065C4' stroke-width='0.8'/%3E%3Cmask id='mask0_514_14194' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='13'%3E%3Ccircle cx='7' cy='7.75781' r='6' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_514_14194)'%3E%3Cpath d='M5.15197 7.72581L4.66825 7.51016C4.65993 7.31462 4.64311 7.12074 4.61806 6.92896L4.97781 7.03377C4.99298 7.03823 5.00824 7.04032 5.02324 7.04032C5.09415 7.04032 5.15951 6.99338 5.18023 6.92118C5.20528 6.83368 5.15526 6.74234 5.06858 6.71708L4.56068 6.56909C4.52522 6.38028 4.48205 6.19366 4.43038 6.00992L4.79395 6.06018C4.80149 6.06123 4.80895 6.06175 4.8164 6.06175C4.89685 6.06175 4.96698 6.00187 4.97816 5.91927C4.99047 5.82906 4.92788 5.74593 4.83842 5.73352L4.32177 5.6621C4.25848 5.47758 4.18688 5.29629 4.1073 5.11849L4.47988 5.11368C4.57021 5.11255 4.64242 5.03781 4.64129 4.94673C4.64017 4.85643 4.56718 4.78397 4.47789 4.78397C4.4772 4.78397 4.4765 4.78397 4.47572 4.78397L3.94953 4.79079C3.86085 4.61963 3.76402 4.4525 3.65999 4.28931L4.02625 4.23056C4.11545 4.21632 4.17622 4.13179 4.162 4.04184C4.14787 3.9519 4.06413 3.89045 3.97484 3.90496L3.45585 3.98808C3.34688 3.83678 3.23107 3.68957 3.10849 3.54683L3.45949 3.4679C3.54765 3.44806 3.60313 3.35994 3.58345 3.27113C3.56377 3.18224 3.47639 3.12621 3.38832 3.14614L2.90148 3.25566C2.89498 3.26152 2.88839 3.26729 2.88198 3.27323C2.87799 3.2769 2.87417 3.28057 2.87027 3.28425C2.80994 3.33993 2.75082 3.39683 2.69274 3.45487C2.69239 3.45522 2.69196 3.45566 2.69161 3.45601C2.67869 3.46895 2.66586 3.48188 2.65312 3.49491L2.48313 3.9213C2.44949 4.00574 2.49006 4.10181 2.5738 4.13572C2.59383 4.14385 2.61446 4.1477 2.63474 4.1477C2.6995 4.1477 2.76087 4.10863 2.78653 4.04429L2.92124 3.70644C3.03931 3.84377 3.15088 3.98529 3.25568 4.13092L3.0238 4.62217C2.98496 4.70434 3.01963 4.80276 3.10112 4.84192C3.12383 4.85285 3.14776 4.85792 3.17125 4.85792C3.23237 4.85792 3.29097 4.82322 3.31897 4.76386L3.46868 4.44673C3.56264 4.5956 3.65046 4.74787 3.73116 4.90355L3.43192 5.3552C3.38173 5.4309 3.40193 5.53326 3.47708 5.58387C3.505 5.60267 3.53655 5.61167 3.56776 5.61167C3.62055 5.61167 3.6723 5.58597 3.70386 5.53842L3.89604 5.2483C3.96678 5.40826 4.03076 5.57111 4.0878 5.73667L3.72206 6.14208C3.66129 6.20948 3.66624 6.31367 3.73298 6.37495C3.76428 6.40371 3.80364 6.41787 3.84299 6.41787C3.88738 6.41787 3.93176 6.39968 3.96401 6.36393L4.20092 6.10126C4.24773 6.27032 4.28726 6.44182 4.31986 6.61533L3.90541 6.95868C3.83562 7.01646 3.82557 7.12039 3.88287 7.19067C3.9152 7.23036 3.9621 7.2509 4.00926 7.2509C4.04575 7.2509 4.08251 7.23866 4.11294 7.2134L4.37933 6.99269C4.40134 7.16795 4.41591 7.34504 4.42345 7.52354L3.96713 7.80736C3.89032 7.85518 3.8664 7.95675 3.91381 8.0342C3.94468 8.08472 3.99825 8.11252 4.05312 8.11252C4.08242 8.11252 4.11207 8.10456 4.13877 8.08795L4.4283 7.90789C4.42536 8.08498 4.41556 8.26077 4.3984 8.43489L3.90385 8.6473C3.8208 8.68296 3.78214 8.77982 3.81751 8.86356C3.84403 8.92623 3.90445 8.96382 3.96799 8.96382C3.98932 8.96382 4.01108 8.95953 4.03197 8.95062L4.34898 8.81443C4.32116 8.98847 4.28622 9.16067 4.24418 9.33051L3.72458 9.46976C3.63728 9.49318 3.58536 9.58348 3.60859 9.67142C3.62801 9.74519 3.69415 9.79397 3.76653 9.79397C3.7804 9.79397 3.79453 9.79213 3.80866 9.78837L4.14111 9.6993C4.08866 9.86652 4.02902 10.0311 3.96279 10.1928L3.4255 10.2531C3.33578 10.2631 3.27111 10.3447 3.28108 10.4351C3.29036 10.5195 3.36118 10.5818 3.44336 10.5818C3.44943 10.5818 3.4555 10.5815 3.46165 10.5808L3.80745 10.542C3.73134 10.6994 3.64829 10.8534 3.55883 11.0041L3.01703 10.9867C2.92671 10.9843 2.85129 11.0552 2.84843 11.1462C2.84557 11.2372 2.91639 11.3134 3.00663 11.3162L3.35329 11.3273C3.25534 11.4715 3.15131 11.612 3.0407 11.7486L2.51303 11.6501C2.43536 11.6357 2.36064 11.6789 2.33203 11.7496C2.40138 11.8321 2.47281 11.9129 2.54632 11.9917L2.79156 12.0375C2.75905 12.0731 2.72611 12.1083 2.69274 12.1432C2.75082 12.2013 2.80994 12.2582 2.87027 12.3138C2.9124 12.2697 2.95393 12.2252 2.99467 12.1802L3.14715 12.5257C3.17429 12.5871 3.23401 12.6236 3.2966 12.6236C3.31879 12.6236 3.34133 12.619 3.363 12.6093C3.44553 12.5723 3.48263 12.4749 3.44588 12.3917L3.23098 11.9049C3.35269 11.7545 3.46685 11.5994 3.57391 11.4402L3.77468 11.7559C3.80589 11.805 3.85859 11.8319 3.91251 11.8319C3.94268 11.8319 3.97328 11.8234 4.00059 11.8057C4.07661 11.7566 4.09872 11.6546 4.05 11.578L3.76775 11.134C3.86666 10.9675 3.95785 10.797 4.04116 10.6227L4.28388 10.9059C4.31622 10.9436 4.36181 10.963 4.40767 10.963C4.44555 10.963 4.48361 10.9498 4.51447 10.9229C4.58278 10.8634 4.59032 10.7593 4.53129 10.6904L4.18844 10.2903C4.26221 10.1104 4.32818 9.92727 4.38548 9.741L4.66964 9.9868C4.7005 10.0135 4.7383 10.0265 4.77601 10.0265C4.82204 10.0265 4.86781 10.007 4.90014 9.96896C4.95892 9.89982 4.95103 9.7958 4.88255 9.73645L4.48231 9.39021C4.5286 9.20298 4.56683 9.01303 4.59656 8.8209L4.91219 9.02326C4.93941 9.04065 4.96975 9.04904 4.99975 9.04904C5.05384 9.04904 5.10672 9.02203 5.13784 8.97256C5.1863 8.89572 5.16376 8.79389 5.08756 8.74503L4.64233 8.45963C4.66141 8.26592 4.67172 8.07021 4.67389 7.87292L5.01977 8.02712C5.04127 8.03673 5.06372 8.04128 5.08583 8.04128C5.14859 8.04128 5.2084 8.00465 5.23545 7.94302C5.27194 7.85972 5.23458 7.76243 5.15197 7.72554V7.72581Z' fill='%232194EC'/%3E%3Cpath d='M11.4143 3.94796C11.4244 3.9498 11.4345 3.95076 11.4443 3.95076C11.5106 3.95076 11.5702 3.90985 11.5952 3.84823C11.5259 3.7658 11.4546 3.68512 11.3811 3.60653L11.1359 3.56073C11.1684 3.52515 11.2014 3.48993 11.2347 3.45496C11.1767 3.39692 11.1175 3.34001 11.0572 3.28433C11.0151 3.32839 10.9735 3.37288 10.9328 3.4179L10.7803 3.07245C10.7436 2.98923 10.6468 2.95191 10.5645 2.98888C10.4819 3.02586 10.4448 3.12332 10.4816 3.20654L10.6964 3.69342C10.5747 3.84377 10.4605 3.99884 10.3535 4.1581L10.1527 3.84228C10.104 3.76562 10.0028 3.74333 9.92688 3.79246C9.85085 3.84158 9.82875 3.94359 9.87747 4.02025L10.1597 4.4643C10.0608 4.63082 9.96962 4.80136 9.88631 4.97557L9.64359 4.69227C9.58455 4.62339 9.48131 4.61579 9.413 4.67532C9.34469 4.73484 9.33715 4.83895 9.39618 4.90783L9.73894 5.30791C9.66517 5.48781 9.5992 5.67093 9.54181 5.8573L9.25765 5.61141C9.18917 5.55214 9.08601 5.5601 9.02707 5.62915C8.96829 5.69829 8.97618 5.80231 9.04475 5.86167L9.44499 6.2079C9.39869 6.39523 9.36046 6.58509 9.33073 6.77722L9.0151 6.57486C8.93882 6.526 8.83791 6.54872 8.78937 6.62556C8.74091 6.70239 8.76345 6.80431 8.83965 6.85309L9.28487 7.13849C9.2658 7.33219 9.25549 7.52791 9.25332 7.72511L8.90744 7.57091C8.82482 7.53411 8.72834 7.5717 8.69185 7.65509C8.65535 7.73839 8.69271 7.83568 8.77524 7.87257L9.25895 8.08822C9.26728 8.28376 9.28409 8.47764 9.30915 8.6695L8.94939 8.5647C8.86271 8.53935 8.77203 8.58987 8.74698 8.67728C8.72193 8.76478 8.77194 8.85613 8.85863 8.88139L9.36653 9.02938C9.40199 9.21827 9.44524 9.40481 9.49682 9.58864L9.13317 9.53838C9.04397 9.52588 8.96127 9.58908 8.94905 9.67928C8.93682 9.76949 8.99933 9.85262 9.08879 9.86503L9.60536 9.93645C9.66864 10.121 9.74016 10.3023 9.81982 10.48L9.44724 10.4848C9.35691 10.486 9.2847 10.5607 9.28583 10.6517C9.28695 10.742 9.35994 10.8145 9.44932 10.8145H9.45149L9.97768 10.8077C10.0664 10.9788 10.1632 11.146 10.2672 11.3091L9.90087 11.3678C9.81167 11.3821 9.7509 11.4666 9.76512 11.5565C9.77786 11.6377 9.84739 11.6955 9.92636 11.6955C9.93494 11.6955 9.94352 11.6948 9.95219 11.6934L10.4712 11.6102C10.5802 11.7615 10.696 11.9087 10.8185 12.0515L10.4675 12.1304C10.3794 12.1502 10.3239 12.2383 10.3436 12.3272C10.3606 12.4041 10.4281 12.4563 10.503 12.4563C10.5148 12.4563 10.5268 12.455 10.5388 12.4522L11.0256 12.3427C11.0321 12.3368 11.0388 12.331 11.0453 12.325C11.0492 12.3214 11.053 12.3176 11.0569 12.314C11.1173 12.2584 11.1764 12.2015 11.2345 12.1435C11.2348 12.1432 11.2353 12.1427 11.2357 12.1424C11.2486 12.1294 11.2614 12.1165 11.2742 12.1035L11.4443 11.6771C11.478 11.5926 11.4373 11.4966 11.3536 11.4627C11.2698 11.4286 11.1746 11.4696 11.1409 11.5541L11.0062 11.892C10.8882 11.7547 10.7766 11.6131 10.6717 11.4676L10.9036 10.9763C10.9424 10.8941 10.9077 10.7957 10.8263 10.7566C10.7447 10.7175 10.6472 10.7523 10.6084 10.8346L10.4587 11.1517C10.3647 11.0029 10.2769 10.8506 10.1962 10.6949L10.4955 10.2433C10.5457 10.1676 10.5254 10.0652 10.4503 10.0146C10.3752 9.96398 10.2737 9.98444 10.2235 10.0601L10.0313 10.3503C9.9606 10.1903 9.89663 10.0274 9.83959 9.86189L10.2053 9.45647C10.2661 9.38916 10.2612 9.28488 10.1944 9.22361C10.1276 9.16233 10.0242 9.16714 9.96346 9.23462L9.72655 9.49729C9.67973 9.32824 9.6402 9.15674 9.60761 8.98322L10.0221 8.63996C10.0918 8.58218 10.1019 8.47825 10.0446 8.40797C9.98721 8.3376 9.88414 8.32746 9.81453 8.38524L9.54814 8.60596C9.52612 8.4307 9.51156 8.2536 9.50402 8.0751L9.96034 7.79119C10.0371 7.74338 10.0611 7.64181 10.0137 7.56436C9.96624 7.48691 9.86559 7.46279 9.78861 7.5106L9.49908 7.69076C9.50203 7.51366 9.51182 7.33787 9.52898 7.16375L10.0235 6.95134C10.1066 6.91568 10.1452 6.81882 10.1099 6.73508C10.0745 6.65134 9.97846 6.61227 9.89541 6.64802L9.5784 6.78421C9.60622 6.61017 9.64116 6.43797 9.6832 6.26813L10.2028 6.12888C10.2901 6.10546 10.342 6.01516 10.3189 5.92723C10.2956 5.8392 10.2058 5.78702 10.1189 5.81027L9.78645 5.89943C9.83889 5.73221 9.89853 5.56761 9.96485 5.40581L10.5021 5.34559C10.5919 5.33554 10.6565 5.25398 10.6466 5.16351C10.6366 5.07304 10.5553 5.00783 10.466 5.01788L10.1201 5.0566C10.1962 4.89926 10.2793 4.74524 10.3687 4.59455L10.9105 4.61194C10.9123 4.61194 10.9141 4.61194 10.9158 4.61194C11.0037 4.61194 11.0763 4.54158 11.0791 4.45233C11.082 4.36133 11.0112 4.2852 10.9209 4.28231L10.5743 4.27121C10.6722 4.12707 10.7763 3.98651 10.8869 3.84997L11.4144 3.94849L11.4143 3.94796Z' fill='%232194EC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media only screen and (min-width: 768px) {
  .cgrade__wrap ul.ball li:before { 
    width: 1.589vw;
    height: 1.689vw;
    top: 0.717vw;
    left: -0.347vw;
  }
}

.sch__table {
  text-align: center;
  border: 0.267vw solid #004CA6;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .sch__table {
    max-width: 66.667vw;
    border: 0.069vw solid #004CA6;
  }
}
.sch__table th {
  color: #FFFFFF;
  font-size: 4.267vw;
  font-weight: 700;
  background-color: #0065C4;
  padding-top: 3.467vw;
  padding-bottom: 3.467vw;
}

@media only screen and (min-width: 768px) {
  .sch__table th {
    font-size: 1.528vw;
    padding-top: 0.938vw;
    padding-bottom: 0.938vw;
  }
}
.sch__table tr {
  border-bottom: 0.533vw solid #0065C4;
}
@media only screen and (min-width: 768px) {
  .sch__table tr {
    border-bottom: 0.139vw solid #0065C4;
  }
}
.sch__table tr:last-child {
  border-bottom: 0;
}
.sch__table td {
  padding: 6.667vw 2.033vw 6.133vw 2.033vw;
}
/* .sch__table td {
  padding: 6.667vw 5.333vw 6.133vw 4.333vw;
} */
/* .sch__table td .sdec {
  padding: 6.667vw 5.333vw 6.133vw 4.333vw;
} */
.sch__table td span.fs-sm {
  font-weight: 700;
  font-size: 3.733vw;
  padding-top: 2.133vw;
}
@media only screen and (min-width: 768px) {
  .sch__table td {
    padding: 1.771vw 0.431vw 1.597vw 0.431vw;
  }
  /* .sch__table td {
    padding: 1.771vw 1.431vw 1.597vw 1.431vw;
  } */
  /* .sch__table td .sdec {
    padding: 1.771vw 2.431vw 1.597vw 2.431vw;
  } */
  .sch__table td span.fs-sm {
    font-weight: 700;
    font-size: 0.972vw;
    padding-top: 0.556vw;
  }
}
.sch__table th:first-child,
.sch__table td:first-child,
.fees__table th:first-child,
.fees__table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

.sch__table th:first-child,
.sch__table td:first-child {
  width: 37.067vw;
}
.sch__table th:not(:first-child),
.sch__table td:not(:first-child) {
  width: 39.467vw;
}
@media only screen and (min-width: 768px) {
  .sch__table th:first-child,
  .sch__table td:first-child {
    width: 16.597vw;
  }
  .sch__table th:not(:first-child),
  .sch__table td:not(:first-child) {
    width: 12.5vw;
  }
}
/* .sch__table td:first-child,
.sch__table td:last-child {
  border-right: 0.267vw solid #0065C4 !important;
} */
.sch__table th:not(:last-child),
.sch__table td:not(:first-child) {
  border-right: 0.267vw solid #D9D9D9;
}
@media only screen and (min-width: 768px) {
  .sch__table td:first-child,
  .sch__table td:last-child {
    border-right: 0.069vw solid #0065C4 !important;
  }
  .sch__table th:not(:last-child),
  .sch__table td:not(:first-child) {
    border-right: 0.069vw solid #D9D9D9;
  }
}
.sch__table td.-grey {
  background-color: #F1F1F1;
}
.sch__table .sylw1,
.sch__table .sylw2, 
.sch__table .sylw3 {
  font-weight: 700;
  font-size: 4.267vw;
  line-height: 5.413vw;
  padding: 7.2vw 4.267vw;
}
@media only screen and (min-width: 768px) {
  .sch__table .sylw1,
  .sch__table .sylw2, 
  .sch__table .sylw3 {
    font-size: 1.111vw;
    line-height: 1.722vw;
    padding: 1.875vw 1.111vw;
}
}
.sch__table .sylw1 {
  background-color: #FFF7B5;
  color: #001448;
}
.sch__table .sylw2 {
  background-color: #FFED49;
  color: #001448;
}
.sch__table .sylw3 {
  background-color: #FAD100;
  color: #001448;
}
.sch__table td a {
  text-decoration: none;
  display: inline-block;
  color: #0065C4 !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  font-size: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .sch__table td a {
    font-size: 1.25vw;
  }
}
.sch__table td:first-child::after,
.sch__table th:first-child::after,
.fees__table td:first-child::after,
.fees__table th:first-child::after  {
  content: "";
  position: absolute;
  right: 0; /* Position it at the right edge of the first column */
  top: 0;
  bottom: 0;
  width: 0.267vw; /* Width of the sticky border */
}
.sch__table td:first-child::before,
.sch__table th:first-child::before {
  content: "";
  position: absolute;
  left: 0; /* Position it at the right edge of the first column */
  top: 0;
  bottom: 0;
  width: 0.267vw; /* Width of the sticky border */
  background-color: #0065C4
}
.sch__table td:first-child::after,
.fees__table td:first-child::after {
  background-color: #0065C4; /* Border color */
  /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05); */
}
.sch__table th:first-child::after,
.fees__table th:first-child::after {
  background-color: #D9D9D9; /* Border color */
  /* box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);  */
}
@media only screen and (min-width: 768px) {
  .sch__table td:first-child::before,
  .sch__table th:first-child::before,
  .sch__table td:first-child::after,
  .sch__table th:first-child::after,
  .fees__table td:first-child::after,
  .fees__table th:first-child::after  {
    display: none;
  }
}
.tbl__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  .tbl__scroll {
    display: block;
  }

  .sch__table,
  .fees__table {
    width: 100%;
    table-layout: fixed;
  }
  .sch__table {
    min-width: 186.667vw;
  }
  .fees__table {
    min-width: 90.4vw;
  }
}
.school__wrp,
.fees__wrp {
  position: relative;
}
.school__wrp:before,
.fees__wrp:before {
  content: "";
  display: block;
  width: 0.267vw;
  background: #0068b7;
  height: -webkit-calc(100% - 0.2333vw);
  height: calc(100% - 0.2333vw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .school__wrp:before,
  .fees__wrp:before {
    display: none;
  }
}
.school__wrp:after,
.fees__wrp:after {
  content: "";
  display: block;
  width: 0.267vw;
  background: #0068b7;
  height: -webkit-calc(100% - 0.2333vw);
  height: calc(100% - 0.2333vw);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .school__wrp:after,
  .fees__wrp:after {
    display: none;
  }
}


.school {
  position: relative;
}
.school:before,
.school:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
 
}
.school:before {
  background-image: url(../img/class/cbg_ball-sp.png);
  width: 19.733vw;
  height: 30.133vw;
  top: 4%;
  right: 0;
}
.school:after {
  bottom: -5.333vw;
  left: 0;
  background-image: url(../img/class/bat-sp.svg);
  width: 19.2vw;
  height: 30.133vw;
}
@media only screen and (min-width: 768px) {
  .school:before,
  .school:after {
    display: none;
  }
}

.cmap .heading__sec,
.fees .heading__sec {
  font-size: 8vw;
  margin-bottom: 5.333vw;
  font-weight: 900;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cmap .heading__sec {
    font-size: 4.167vw;
    line-height: 5.556vw;
    margin-bottom: 1.667vw;
  }
  .fees .heading__sec {
    font-size: 4.167vw;
    margin-bottom: 3.889vw;
    line-height: 5.556vw;
  }
}
.cmap .mapmodal .heading__sec {
  font-size: 10.667vw;
  margin-bottom: 1.867vw;
}
@media only screen and (min-width: 768px) {
  .cmap .mapmodal .heading__sec {
    font-size: 4.167vw;
    margin-bottom: 0;
  }
}
.fees__wrap {
  position: relative;
}
.fees__wrap::before {
  position: absolute;
  content: "";
  width: 29.067vw;
  height: 55.2vw;
  background-image: url(../img/class/fe_balsp.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -37.8vw;
  right: -5.4vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .fees__wrap::before {
    width: 18.472vw;
    height: 19.097vw;
    background-image: url(../img/class/fe_gloves.png);
    top: -14vw;
    right: -12.4vw;
  }
}
.fees__table {
  text-align: center;
  font-size: 3.433vw;
  border: 0.267vw solid #0065C4;
  font-weight: 700;
  line-height: 5.227vw;
}
.fees__table th:first-child {
  width: 21.333vw;
}
@media only screen and (min-width: 768px) {
  .fees__table {
    border: 0.069vw solid #0065C4;
    font-size: 1.528vw;
    line-height: unset;
  }
  .fees__table th:first-child {
    width: 18.056vw;
  }
}
.fees__table td:first-child {
  background-color: #FFF7B5;
  color: #0065C4;
}
@media only screen and (max-width: 767px) {
  .fees__table th:first-child,
  .fees__table td:first-child {
    border-right: none !important;
  }
}
.fees__table th:not(:first-child),
.fees__table td:not(:first-child) {
  width: 27.379vw;
}
.fees__table th {
  color: #FFFFFF;
  background-color: #0065C4;
  border-right: 0.267vw solid #D9D9D9;
  padding: 0.8vw 2vw;
  vertical-align: middle !important;
}
@media only screen and (min-width: 768px) {
  .fees__table th:not(:first-child),
  .fees__table td:not(:first-child) {
    width: 16.181vw;
  }
  .fees__table th {
    border-right: 0.069vw solid #D9D9D9;
    padding: 1.458vw 2.847vw;
  }
}
.fees__table th:last-child {
  border-right: 0.267vw solid #0065C4;
}
@media only screen and (min-width: 768px) {
  .fees__table th:last-child {
    border-right: 0.067vw solid #0065C4;
  }
}
.fees__table td {
  border: 0.267vw solid #0065C4;
  padding: 2.667vw 1.167vw;
  vertical-align: middle !important;
}
.fees__table td .fsm {
  font-size: 3.2vw;
  margin-left: 0.833vw;
}
@media only screen and (min-width: 768px) {
  .fees__table td {
    border: 0.069vw solid #0065C4;
    padding: 1.458vw 1.547vw;
  }
  .fees__table td .fsm {
    font-size: 1.25vw;
    margin-left: 0.833vw;
  }
}

.fees__table .note {
  font-size: 2.978vw;
}
@media only screen and (min-width: 768px) {
  .fees__table .note {
    font-size: 1.078vw;
  }
}

/*2025-03-07 */

section.membership {
  padding-top: 0;
}

.membership {
  padding-bottom: 2.431vw;
}

.membership__wrapper {
  position: relative;
  /* margin-top: -5.042vw; */
  height: auto;
  padding-bottom: 29.403vw;

}
@media only screen and (min-width: 768px) {
  .membership__wrapper {
    /* height: 80vw; */
    /* margin-top: -1.042vw; */
    padding-bottom: 19.444vw;
  }
}
@media only screen and (min-width: 992px) {
  .membership__wrapper {
    /* height: 69.167vw; */
  }
}
.membership__wrapper:before {
  content: "";
  position: absolute;
  background-image: url(../img/about/membership_bg-sp.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 49.333vw;
  height: 208.533vw;
  top: -8.067vw;
  left: 1.867vw;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .membership__wrapper:before {
    background-image: url(../img/about/membership_bg.svg);
    max-width: 3.403vw;
    width: 100%;
    height: 3.403vw;
    top: 38.472vw;
    left: 4.931vw;
  }
}
.membership__wrapper:after {
  content: "";
  position: absolute;
  background-image: url(../img/about/membership_bg-sp-ball.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 5.867vw;
  height: 5.867vw;
  top: -4vw;
  left: 46.933vw;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .membership__wrapper:after {
    background-image: none;
  }
}
@media only screen and (min-width: 768px) {
  .membership__wrap {
    margin-top: 2.778vw;
  }
}
.membership__content {
  padding: 6.4vw 0;
  border-bottom: 0.267vw solid #0068B7;
}
@media only screen and (min-width: 768px) {
  .membership__content {
    border-bottom: 0.069vw solid #0068B7;
    padding: 2.5vw 0;
  }
}
.membership__ttl {
  position: relative;
  padding-left: 5.867vw;
  font-size: 5.333vw;
  font-weight: 900;
  margin-bottom: 2.4vw;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .membership__ttl {
    font-size: 2.22vw;
    line-height: 1.12;
    padding-left: 2.569vw;
    margin-bottom: 1.528vw;
  }
}
.membership__ttl:before {
  content: " ";
  position: absolute;
  background-image: url(../img/about/membership_star.svg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 1.333vw;
  left: 0;
  width: 4.267vw;
  height: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .membership__ttl:before {
    top: 0.347vw;
    width: 2.292vw;
    height: 2.292vw;
  }
}
@media only screen and (max-width: 767px) {
  .membership__ttl .-sm {
    font-size: 3.733vw;
  }
}
.membership__detail {
  font-weight: 700;
  line-height: 1.4;
  font-size: 4.267vw;
}
@media only screen and (min-width: 768px) {
  .membership__detail {
    line-height: 1.6;
    font-size: 1.111vw;
  }
}
.membership ul.news--attention {
  list-style-type: none;
  font-weight: 700;
  font-size: 3.2vw;
  line-height: 1.4;
  margin-top: 0.533vw;
}
@media only screen and (min-width: 768px) {
  .membership ul.news--attention {
    font-size: 0.833vw;
    line-height: 165%;
    margin-top: 0.694vw;
  }
}
.membership ul.news--attention li {
  text-align: justify;
  display: block;
}
.membership ul.news--attention li:before {
  content: "※";
  color: #001448;
}

</pre></body></html>