@charset "utf-8";

/* font */

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../files/font/NotoSansJP-Regular.woff2') format('woff2'),
    url('../files/font/NotoSansJP-Regular.woff') format('woff'),
    url('../files/font/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../files/font/YakuHanJPs-Regular.woff2') format('woff2'),
    url('../files/font/YakuHanJPs-Regular.ttf') format('ttf'),
    url('../files/font/YakuHanJPs-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../files/font/NotoSansJP-Medium.woff2') format('woff2'),
    url('../files/font/NotoSansJP-Medium.woff') format('woff'),
    url('../files/font/NotoSansJP-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../files/font/YakuHanJPs-Medium.woff2') format('woff2'),
    url('../files/font/YakuHanJPs-Medium.ttf') format('ttf'),
    url('../files/font/YakuHanJPs-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../files/font/NotoSansJP-Bold.woff2') format('woff2'),
    url('../files/font/NotoSansJP-Bold.woff') format('woff'),
    url('../files/font/NotoSansJP-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../files/font/YakuHanJPs-Bold.woff2') format('woff2'),
    url('../files/font/YakuHanJPs-Bold.ttf') format('ttf'),
    url('../files/font/YakuHanJPs-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../files/font/NotoSansJP-Black.woff2') format('woff2'),
    url('../files/font/NotoSansJP-Black.woff') format('woff'),
    url('../files/font/NotoSansJP-Black.otf') format('opentype');
}

@font-face {
  font-family: 'YakuHanJP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../files/font/YakuHanJPs-Black.woff2') format('woff2'),
    url('../files/font/YakuHanJPs-Black.ttf') format('ttf'),
    url('../files/font/YakuHanJPs-Black.otf') format('opentype');
}


* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'YakuHanJP', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
}

body p,
body a,
body h3,
body h4 {
  font-size: 1.6rem;
}

/* -------------------- WP部分 -------------------- */

.pc-only {
  display: none;
}

.tablet {
  display: none;
}

main {
  background-color: #ADCFBA;
  display: flex;
  justify-content: center;
}

.wrapper,
.sub-page {
  background-color: #F4F5F7;
  width: 100%;
  max-width: 600px;
  padding-top: 48px;
}

/* header */

header {
  width: 100%;
  height: 48px;
  background-color: #F4F5F7;
  position: fixed;
  z-index: 100;
}

.page-title {
  width: auto;
  height: auto;
}

.page-title img {
  width: auto;
  height: 100%;
  padding: 8px 0 8px 10px;
}

/* ハンバーガーメニュー */

.nav-wrapper {
  position: relative;
  width: 120px;
  float: right;
}

.mapicon {
  display: flex;
  width: 60px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.mapicon::after {
  content: "";
  position: absolute;
  right: 0%;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 50px;
}

.mapicon img {
  width: 30px;
  color: #ffffff
}

.hamburger {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 300;
  padding: 8px 0 12px;
  background-color: #F4F5F7;
  border-radius: 0 0 10px 10px;
}

.hamburger p {
  text-align: center;
  font-size: 10px;
  color: #252525;
  font-weight: 600;
}

.hamburger img {
  width: 30px;
}


.sp-nav {
  position: fixed;
  top: -100%;
  /*ハンバーガーがクリックされる前はWindow上部に隠す*/
  left: 0;
  width: 100%;
  /* 出てくるスライドメニューの幅 */
  height: 80vh;
  min-height: 580px;
  /*高さは任意で調整*/
  background-color: #ADCFBA;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*ハンバーガーがクリックされたら上からスライド*/
.open .sp-nav {
  top: 0;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}

.slide-menu {
  width: 80%;
  height: fit-content;
}

.slide-menu ul li {
  margin-bottom: 12px;
}

.slide-menu a {
  color: #ffffff;
  text-decoration: none;
}

.n2-ss-slider-1.n2_ss__touch_element.n2-ow {
  cursor: default !important;
}

/* frontpage */

.top-image {
  width: 100%;
  position: relative;
}

.top-slider {
  width: 100%;
}

.svg-wave svg {
  display: block;
}

.top-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.up-wave {
  margin-bottom: -1px !important;
}

.text-item {
  width: 100%;
  height: 120px;
  background-color: #ADCFBA;
  color: #ffffff;
}

.banner {
  margin: 20px auto 40px;
}

.event-image {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-top: 40px;
}

.event-image .text {
  position: absolute;
  z-index: 2;
  padding: 20px 0 0 0;
}

.event-image .text p {
  font-size: 22px;
  background-color: #75c393;
  width: fit-content;
  padding: 4px 20px;
  margin: 10px 0;
  border-radius: 0 30px 30px 0;
  color: #ffffff;
  font-weight: 600;
}

.event-image .image {
  width: 86%;
  height: 100%;
  margin-left: auto;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
}

.event-image .image img {
  width: 100%;
  height: auto;
}

.textbox {
  width: 84%;
  margin: 0 auto;
}

.top-event {
  margin-bottom: 50px;
}

.top-event .textbox {
  margin: 30px auto 20px;
}

.top-event .textbox h3 {
  font-size: 1.8rem;
  color: #3c7050;
  margin-bottom: 10px;
  font-weight: 500;
}

.top-event .textbox p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #252525;
}

.button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 250px;
  line-height: 4rem;
  margin: 0 auto 20px;
  text-align: center;
  border: solid 2px #ADCFBA;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
  color: #3c7050;
}

.top-event .button {
  margin-bottom: 40px;
}

.top-event .button img {
  width: 2rem;
  margin-right: 1rem;
}

.top-event .textbox.top-video {
  margin-bottom: 50px;
}

.top-event .point p {
  margin-bottom: 16px;
}

.top-department {
  margin-bottom: 80px;
}

.top-department a {
  text-decoration: none;
}

.top-department .department01 {
  position: relative;
  background-color: #ADCFBA;
  margin-bottom: 60px;
}

.top-department .department02 {
  position: relative;
  background-color: #75c393;
}

.top-department .department01::before,
.top-department .department02::before {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 8%;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 52px;
}

.top-department .department01::before {
  content: "Basic";
  color: #3c7050c0;
}

.top-department .department02::before {
  content: "Attend";
  color: #3c7050c0;
}

.top-department .textbox {
  width: 100%;
  max-width: 430px;
  padding: 40px 40px 30px;
  color: #ffffff;
}

.top-department .textbox p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-bottom: 20px;
}

.top-department .textbox h3 {
  font-size: 2.2rem;
}

.arrow {
  position: relative;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  width: 100%;
}

.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 30px);
  margin: auto;
  content: "";
  vertical-align: middle;
}

.arrow::before {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  margin-right: -50px;
}

.arrow::after {
  left: calc(100% - 17px);
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.department01 .arrow::after {
  border-top: 2px solid #ADCFBA;
  border-right: 2px solid #ADCFBA;
}

.department02 .arrow::after {
  border-top: 2px solid #75c393;
  border-right: 2px solid #75c393;
}

.department-image {
  display: block;
  width: 100%;
  height: 230px;
}

.department01 .department-image {
  background-image: url(../files/image/department01.jpg);
  background-size: cover;
  background-position: center;
}

.department02 .department-image {
  background-image: url(../files/image/department02.jpg);
  background-size: cover;
  background-position: center;
}

.top-reason {
  margin-bottom: 80px;
}

.top-reason .textbox h3 {
  font-size: 2.2rem;
  color: #3c7050;
  margin-bottom: 20px;
  font-weight: 500;
}

.top-reason section {
  width: 92%;
  height: 140px;
  margin: 20px auto;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
}

.top-reason section a {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  line-height: 140px;
  background-color: #00000050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
}

.top-reason .reason01 {
  background-image: url(../files/image/reason01.jpg);
}

.top-reason .reason02 {
  background-image: url(../files/image/reason02.jpg);
}

.top-reason .reason03 {
  background-image: url(../files/image/reason03.jpg);
}

.top-reason .reason04 {
  background-image: url(../files/image/reason04.jpg);
}

.top-reason .reason05 {
  background-image: url(../files/image/reason05.jpg);
}

.top-reason .reason06 {
  background-image: url(../files/image/reason06.jpg);
}

.top-reason .campus p img {
  width: 100%;
  margin: 20px auto;
}

.top-document {
  margin-bottom: 80px;
}

.top-document .textbox h3 {
  font-size: 2.2rem;
  color: #3c7050;
  margin-bottom: 20px;
  font-weight: 500;
}

.top-document p {
  margin-bottom: 20px;
}

.top-document .button img {
  width: 20px;
  margin-right: 10px;
}

.campus p img {
  border-radius: 30px;
}

.sns {
  margin-bottom: 50px;
}

.sns section {
  width: 84%;
  margin: 0 auto 16px;
}

.sns section a {
  display: inline-block;
  text-decoration: none;
  line-height: 30px;
  color: #3c7050;
  font-size: 1.4rem;
}

.sns .textbox h3 {
  font-size: 2.2rem;
  color: #3c7050;
  margin-bottom: 20px;
  font-weight: 500;
}

.sns .sns01,
.sns .sns02,
.sns .sns03 .channellink {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.sns img {
  width: auto;
  height: 30px;
  margin-right: 10px;
}

.info {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 60px;
  background-color: #ADCFBA;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.info .data-button,
.info .event-button {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #3c7050;
  line-height: 4rem;
  text-align: center;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}

.info .data-button {
  width: 45%;
}

.info .event-button {
  width: 45%;
}

.info .data-button img,
.info .event-button img {
  width: 2rem;
  margin-right: 1rem;
}

.outbound {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
}

.outbound a {
  margin: 10px 20px;
}

.outbound a img {
  width: 200px;
  height: auto;
}


/* footer */

footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #ADCFBA;
  color: #F4F5F7;
  padding: 40px 30px 80px 30px;
}

.footer_content {
  display: block;
  width: 100%;
  max-width: 1250px;
}

footer a {
  text-decoration: none;
  color: #fff;
}

footer h1 {
  margin-bottom: 20px;
}

footer h1 a {
  font-size: 2.2rem;
}

address {
  margin-bottom: 20px;
  font-weight: 600;
}

address p,
address p a {
  font-size: 1.4rem;
}

address .address {
  margin-bottom: 20px;
}

.foot-nav {
  margin-bottom: 20px;
}

.foot-nav ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.foot-nav ul li a {
  font-size: 1.1rem;
  padding: 0 10px;
  border-right: solid 1px #fff;
}

.foot-nav ul li:first-child a {
  padding: 0 10px 0 0;
}

.foot-nav ul li:last-child a {
  border-right: none;
}

small {
  font-size: 1.2rem;
}


/* 学科ページ */

.department-head {
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin-bottom: 50px;
}

.department-head div {
  width: 100%;
  height: 100%;
}

.department-head .wp-block-image {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  border-radius: 0 !important;
  margin: 0 !important;
}

.department-head .wp-block-image img {
  border-radius: 0 !important;
}

.department-info {
  width: 100%;
  height: fit-content;
  background-color: #ADCFBA;
  color: #fff;
  padding: 40px 30px;
  margin-bottom: 40px;
}

.department-info h2 {
  font-size: 2.8rem;
  margin-bottom: 20px;
}

.department-info ul {
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  background-color: #80AAFF;
  border: solid 2px #fff;
  margin-bottom: 20px;
}

.department-info ul li {
  width: 90px;
  text-align: center;
  padding: 6px;
  font-size: 1.6rem;
}

.department-info ul li.border {
  width: fit-content;
  padding: 6px 0;
}

.department-info p {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.department-info p a {
  font-size: 1.4rem;
  text-decoration: none;
  color: #ffff99;
}

.department-info div {
  background-color: #80AAFF;
  padding: 10px 16px;
  border: solid 2px #fff;
  border-radius: 10px;
}

.sub-page .department-info div h4 {
  font-size: 1.6rem;
  margin-bottom: 6px;

}

.department-info div p {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.sub-page.department .textbox h3 {
  font-size: 1.8rem;
  color: #3c7050;
  margin-bottom: 10px;
  font-weight: 500;
}

.sub-page.department .textbox p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  color: #252525;
}

.sub-page.department .wp-block-image figure {
  width: 100%;
}

.sub-page.department .wp-block-image img {
  width: 100%;
  border-radius: 30px
}

.sub-page.department h4.wp-block-heading {
  font-size: 2.2rem;
  color: #252525;
  font-weight: 500;
  position: relative;
  display: inline-block;
  margin: 40px auto 22px;
}

.sub-page.department h4.wp-block-heading:before {
  content: '';
  position: absolute;
  bottom: -6px;
  display: inline-block;
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ADCFBA;
  border-radius: 2px;
}

.sub-page.department .Pass-rate {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../files/image/pass-rate.jpg);
  background-size: cover;
  background-position: center;
  width: 320px;
  height: 180px;
  margin: 40px auto 20px;
}

.sub-page.department .rate-inner {
  width: 80%;
  background-color: #fff;
  color: #252525;
  padding: 10px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

.sub-page.department .rate-inner h2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-weight: 500;
  background-color: #4e4e4e;
  color: #fff;
  width: fit-content;
  padding: 2px 10px;
  border-radius: 10px;
}

.sub-page.department .rate-inner h3 {
  font-size: 5rem;
  line-height: 7rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #252525;
}

.sub-page.department .rate-inner h3 span {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.sub-page.department .rate-inner h4 {
  font-size: 1.2rem;
  display: block;
  margin: 0;
}

.sub-page.department .rate-inner h4:before {
  display: none;
}

.sub-page.department .rate-inner p {
  font-size: 1rem;
  line-height: 2rem;
}


.department .wp-block-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 30px;
  margin: 20px 0;
}

.sub-page.department .jt01,
.sub-page.department .jt02,
.sub-page.department .jt03,
.sub-page.department .jt04,
.sub-page.department .jt05,
.sub-page.department .jt06,
.sub-page.department .jt07,
.sub-page.department .jt08,
.sub-page.department .jtsc {
  display: block;
  position: relative;
  background-color: #ADCFBA;
  width: 100%;
  height: fit-content;
  color: #fff;
  font-size: 1.8rem;
}

.sub-page.department .jt01::before,
.sub-page.department .jt02::before,
.sub-page.department .jt03::before,
.sub-page.department .jt04::before,
.sub-page.department .jt05::before,
.sub-page.department .jt06::before,
.sub-page.department .jt07::before,
.sub-page.department .jt08::before,
.sub-page.department .jtsc::before {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 8%;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 52px;
}

.sub-page.department .jt01::before {
  content: "01";
  color: #3c7050c0;
}

.sub-page.department .jt02::before {
  content: "02";
  color: #3c7050c0;
}

.sub-page.department .jt03::before {
  content: "03";
  color: #3c7050c0;
}

.sub-page.department .jt04::before {
  content: "04";
  color: #3c7050c0;
}

.sub-page.department .jt05::before {
  content: "05";
  color: #3c7050c0;
}

.sub-page.department .jt06::before {
  content: "06";
  color: #3c7050c0;
}

.sub-page.department .jt07::before {
  content: "07";
  color: #3c7050c0;
}

.sub-page.department .jt08::before {
  content: "08";
  color: #3c7050c0;
}


.sub-page.department .jtsc::before {
  content: "Schooling";
  color: #3c7050c0;
}



.sub-page.department h5.textbox {
  width: 100%;
  max-width: 430px;
  padding: 40px 40px 30px;
  font-size: 1.8rem;
}

.sub-page.department .departmentbox {
  width: 100%;
  padding: 10px 40px;
  margin: 0 auto 40px;
}

.sub-page.department .departmentbox p {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.sub-page.department span.textbox {
  display: block;
  margin: 40px auto;
}

.sub-page.department .kb-button {
  margin-bottom: 50px;
}

.sub-page.department h4.wp-block-heading.title-left {
  margin-left: 8%;
}

.sub-page.department .timetable {
  width: 100%;
  margin: 0 auto;
  padding: 2%;
}

.sub-page.department .timetable table {
  border-collapse: separate;
  border-spacing: 8px;
}

.sub-page.department .timetable td {
  width: calc(100% / 6);
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}

.sub-page.department .timetable td p {
  font-size: 1.2rem;
}

.sub-page.department .timetable table tr:nth-child(1) {
  background-color: #fffd70;
  min-height: 40px;
}

.sub-page.department .timetable table tr:nth-child(4) {
  background-color: #bcfff6;
  min-height: 40px;
}

.sub-page.department .timetable table tr:nth-child(1) td,
.sub-page.department .timetable table tr:nth-child(4) td {
  background-color: #1eff0000;
}

.sub-page.department .timetable table tr:nth-child(2) td:nth-child(1),
.sub-page.department .timetable table tr:nth-child(3) td:nth-child(1),
.sub-page.department .timetable table tr:nth-child(5) td:nth-child(1),
.sub-page.department .timetable table tr:nth-child(6) td:nth-child(1) {
  background-color: #ffc400;
}

.sub-page.department .department-slider {
  margin: 20px auto 50px;
}

.course-list {
  font-size: 1.6rem;
  font-weight: 500;
}

/* 3つのワケ */

.sub-page.reason h1 {
  text-align: center;
}

.sub-page.reason h1 img {
  width: 60%;
  margin: 50px auto 80px;
}

.sub-page.reason .points ul {
  display: flex;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.sub-page.reason .points ul li {
  position: relative;
  width: calc(100% / 3);
}

.sub-page.reason .points ul li::before {
  position: absolute;
  top: -24px;
  bottom: 0;
  left: 8%;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 38px;
  height: 50px;
}

.sub-page.reason .points ul li.point01 {
  background-color: #9f99d1;
}

.sub-page.reason .points ul li.point01::before {
  content: "01";
  color: #676767b0;
}

.sub-page.reason .points ul li.point01 a {
  color: #fff;
}

.sub-page.reason .points ul li.point02 {
  background-color: #86bada;
}

.sub-page.reason .points ul li.point02::before {
  content: "02";
  color: #676767b0;
}

.sub-page.reason .points ul li.point02 a {
  color: #fff;
}

.sub-page.reason .points ul li.point03 {
  background-color: #dbaad7;
}

.sub-page.reason .points ul li.point03::before {
  content: "03";
  color: #676767b0;
}

.sub-page.reason .points ul li.point03 a {
  color: #fff;
}

.sub-page.reason .points ul li.point04 {
  background-color: #f6beb0;
}

.sub-page.reason .points ul li.point04::before {
  content: "04";
  color: #676767b0;
}

.sub-page.reason .points ul li.point04 a {
  color: #fff;
}

.sub-page.reason .points ul li.point05 {
  background-color: #93cfaa;
}

.sub-page.reason .points ul li.point05::before {
  content: "05";
  color: #676767b0;
}

.sub-page.reason .points ul li.point05 a {
  color: #fff;
}

.sub-page.reason .points ul li.point06 {
  background-color: #ffe3b3;
}

.sub-page.reason .points ul li.point06::before {
  content: "06";
  color: #676767b0;
}

.sub-page.reason .points ul li.point06 a {
  color: #5e5e5e;
}

.sub-page.reason .points ul li a {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  padding: 20px 0;
}

.sub-page.reason .points ul li a span {
  font-size: 1.2rem;
}

#reason01,
#reason02,
#reason03,
#reason04,
#reason05,
#reason06 {
  padding-top: 60px;
}

#reason06 {
  margin-bottom: 80px;
}

.sub-page.reason figure.wp-block-image.size-full {
  width: 92%;
  height: 220px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 30px auto;
  border-radius: 20px 0 0 20px;
}

.sub-page.reason #reason02 figure.wp-block-image.size-full,
.sub-page.reason #reason04 figure.wp-block-image.size-full,
.sub-page.reason #reason06 figure.wp-block-image.size-full {
  margin: 0 auto 30px 0;
  border-radius: 0 20px 20px 0;
}

#reason01 p,
#reason02 p,
#reason03 p,
#reason04 p,
#reason05 p,
#reason06 p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-top: 20px;
}


/* オープンキャンパス */

.sub-page.opencampus .event-date h2 {
  font-size: 16px;
  color: #fff;
  background-color: #ADCFBA;
  width: 94%;
  margin: 20px auto;
  text-align: center;
  padding: 8px;
}

.sub-page.opencampus .event-date .kb-table-container {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}

.sub-page.opencampus .event-date .kb-table-container table {
  width: 100%;
  margin: 0 auto 40px;
}

.sub-page.opencampus .event-date .kb-table-container table td {
  width: 50%;
  border-right: solid 1px #252525;
}

.sub-page.opencampus .event-date .kb-table-container table td:nth-child(2) {
  border-right: none;
}

.sub-page.opencampus .event-date .kb-table-container table th h3 {
  padding-left: 8px;
}

.sub-page.opencampus .event-date .kb-table-container table td p {
  padding-left: 16px;
  font-size: 13px;
  font-weight: 600;
}

.sub-page.opencampus .event-date .event-button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 250px;
  line-height: 4rem;
  margin: 0 auto 50px;
  text-align: center;
  background-color: #ADCFBA;
  border-radius: 30px;
}

.sub-page.opencampus .event-date .event-button a {
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}

.sub-page.opencampus .four-points {
  margin-bottom: 60px;
}

.sub-page.opencampus .four-points .points-title img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.sub-page.opencampus .four-points .textbox h3 {
  font-size: 2.2rem;
  color: #252525;
  font-weight: 500;
  position: relative;
  display: inline-block;
  margin: 40px auto 12px;
}

.sub-page.opencampus .four-points .textbox h3::before {
  content: '';
  position: absolute;
  bottom: -6px;
  display: inline-block;
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ADCFBA;
  border-radius: 2px;
}

.sub-page.opencampus .four-points .textbox figure.wp-block-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 20px 0 30px;
}

.sub-page.opencampus .four-points .textbox p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #252525;
}

.sub-page.opencampus .time-schedule {
  padding: 40px 0;
  background-color: #ADCFBA;
  color: #fff;
}

.sub-page.opencampus .time-schedule h2 {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 20px;
}

.sub-page.opencampus .time-schedule .schedule-inner {
  width: 92%;
  border-left: solid 2px #fff;
  margin: 0 0 0 auto;
  padding: 0 8%;
}

.sub-page.opencampus .time-schedule .schedule-inner h3 {
  font-size: 1.8rem;
  color: #3c7050;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
}

.sub-page.opencampus .time-schedule .schedule-inner h4 {
  font-size: 1.6rem;
  width: 90%;
  margin: 20px auto 10px;
}

.sub-page.opencampus .time-schedule .schedule-inner p {
  font-size: 1.4rem;
  width: 90%;
  margin: 0 auto 10px;
}

.sub-page.opencampus .time-schedule .schedule-inner figure.wp-block-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 20px 0 30px;
}

.sub-page.opencampus .oc-if {
  padding: 50px 0;
}

.sub-page.opencampus .oc-if p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-bottom: 20px;
}

.sub-page.opencampus .oc-if .event-button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 250px;
  line-height: 4rem;
  margin: 30px auto 20px;
  text-align: center;
  background-color: #ADCFBA;
  border-radius: 30px;
}

.sub-page.opencampus .oc-if .event-button a {
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}

.sub-page.other h2 {
  width: 80%;
  color: #ffffff;
  background-color: #ADCFBA;
  font-size: 2.8rem;
  font-weight: 500;
  margin: 50px 0;
  padding: 6px 0;
  padding-left: 8%;
}

.sub-page.other h3 {
  position: relative;
  padding: .7em 0 .2em 1.4em;
  border-bottom: 3px solid #5c866c;
  color: #252525;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.sub-page.other h3::before {
  position: absolute;
  top: 0.6rem;
  left: .3em;
  transform: rotate(55deg);
  height: 11px;
  width: 12px;
  background: #5c866c;
  content: '';
}

.sub-page.other h3::after {
  position: absolute;
  transform: rotate(15deg);
  top: 1.1em;
  left: 0;
  height: 8px;
  width: 8px;
  background: #5c866c;
  content: '';
}

.sub-page.other h4 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 6px;
  color: #252525;
}

.sub-page.other p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
  margin-bottom: 10px;
  color: #252525;
}

.sub-page.other a {
  font-size: 1.4rem;
  text-decoration: none;
  color: #3c7050;
}

.sub-page.other ol {
  font-size: 1.4rem;
  list-style: auto;
}

.sub-page.other .history tr td:nth-child(1) {
  width: 82px;
  text-align: right;
  padding-left: 0;
  padding-right: 14px;
  border-right: solid 1px #585858;
}

.sub-page.other .history tr td:nth-child(2) {
  padding-left: 14px;
}

.sub-page.other .history tr td p {
  margin-bottom: 4px;
}

.sub-page.other iframe {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

.sub-page.other .event-button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 250px;
  line-height: 4rem;
  margin: 30px auto 20px;
  text-align: center;
  background-color: #ADCFBA;
  border-radius: 30px;
}

.sub-page.other .event-button a {
  color: #fff;
  font-weight: 600;
}

.sub-page.other .wp-block-image img {
  width: 100%;
  border-radius: 30px;
}

.sub-page.other .certificate tr:nth-child(1) {
  background-color: #ADCFBA;
  color: #fff;
}

.sub-page.other .certificate tr td {
  border: solid 1px #8ac8ff;
}

.sub-page.other .certificate tr td a {
  font-size: 1rem;
}

.sub-page.other .recruitment tr:nth-child(1) {
  background-color: #ADCFBA;
  color: #fff;
}

.sub-page.other .recruitment tr td {
  border: solid 1px #8ac8ff;
}

.sub-page.other .recruitment tr td a {
  font-size: 1rem;
}

.sub-page.other .general tr td {
  border: none;
  font-size: 1.4rem;
  vertical-align: top;
}

.sub-page.other .general tr td:nth-child(1) {
  width: 120px;
}

.sub-page.other .date table tr:nth-child(1) {
  background-color: #ADCFBA;
  color: #fff;
}

.sub-page.other .date table tr td {
  border: solid 1px #8ac8ff;
}

.sub-page.other .date table tr td a {
  font-size: 1rem;
}

.sub-page.other .date table tr td:nth-child(1) {
  width: 42px;
}

.sub-page.other .date .details {
  font-size: 1rem;
  line-height: 2rem;
}

.sub-page.other .qualification ol {
  padding-left: 20px;
}

.sub-page.other .qualification ol li {
  margin-bottom: 10px
}

.sub-page.other .active hr.wp-block-separator {
  background-color: #F4F5F7;
  border-top: 2px dashed #8c8b8b;
  margin: 20px 0;
}

.sub-page.other .houai {
  padding: 30px 20px;
  background-color: #fff;
}

.sub-page.other .houai .wp-block-image img {
  width: 100%;
  border-radius: 0;
}

.sub-page.other summary {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #3c7050;
}

.sub-page.other .sitemap h3 {
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #ADCFBA;
  /*左線*/
  border-bottom: none;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.sub-page.other .sitemap h3::before {
  display: none;
}

.sub-page.other .sitemap h3::after {
  display: none;
}

.sub-page.other .course h4 {
  width: fit-content;
  border-top: solid 1px #00b96c;
  border-bottom: solid 1px #00b96c;
  padding: 10px 30px;
  margin: 0 auto;
}

.sub-page.other .course p {
  text-align: center;
  margin-top: 10px;
  font-size: 1.6rem;
}

/* 問い合わせ */

.wp-block-columns.steps {
  gap: 0;
}

.wp-block-columns.steps div p {
  padding: 8px 20px;
  margin-bottom: 0;
  border: 1px solid #FF7272;
}

.wp-block-columns.steps div:nth-child(2) p {
  border: none;
  border-top: 1px solid #FF7272;
  border-bottom: 1px solid #FF7272;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  font-size: 1.4rem;
  padding: 4px;
  max-width: 280px;
  border: solid 1px #999;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
  width: 100%;
  padding: 4px;
  border: solid 1px #999;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background-color: #ADCFBA;
  color: #fff;
  border: none;
  padding: 6px 18px;
  font-size: 1.4rem;
  border-radius: 6px;
  font-family: 'YakuHanJP', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

input.wpcf7-form-control.wpcf7-previous {
  background-color: #959595;
  color: #fff;
  border: none;
  padding: 6px 18px;
  font-size: 1.4rem;
  border-radius: 6px;
  font-family: 'YakuHanJP', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

input.wpcf7-form-control.wpcf7-text.p-postal-code {
  font-size: 1.4rem;
  padding: 4px;
  max-width: 280px;
  border: solid 1px #999;
}

input.wpcf7-form-control.wpcf7-text.p-extended-address {
  font-size: 1.4rem;
  padding: 4px;
  max-width: 280px;
  border: solid 1px #999;
}

select.wpcf7-form-control.wpcf7-select {
  font-size: 1.4rem;
  padding: 4px;
  max-width: 280px;
  border: solid 1px #999;
}

.recaptcha {
  margin-top: 50px;
}

/* tablet */

@media screen and (min-width:800px) {

  .tablet {
    display: block;
  }

  .nav-wrapper {
    display: none;
  }

  main {
    justify-content: right;
  }

  .wrapper,
  .sub-page {
    width: 55%;
    height: auto;
  }

  .right-back {
    width: 45%;
    height: fit-content;
    min-height: 100vh;
    max-width: 400px;
    position: sticky;
    top: 0;
    padding: 48px 0;
    background-color: #ADCFBA;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .right-back ul li {
    margin-bottom: 12px;
  }

  .right-back ul li a {
    font-size: 1.4rem;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
  }

  .info {
    display: none;
  }

  .pc-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

.inner {
    max-width: 250px;
}

  .pc-info .data-button,
.pc-info .inquiry-button,
.pc-info .event-button {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #3c7050;
  line-height: 4rem;
  text-align: center;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}

.pc-info .data-button {
    width: 80%;
    margin-bottom: 20px;
  }

.pc-info .inquiry-button {
    width: 80%;
    margin-bottom: 20px;
  }

  .pc-info .event-button {
    width: 80%;
  }

  .pc-info .data-button img,
  .pc-info .inquiry-button img,
  .pc-info .event-button img {
    width: 2rem;
    margin-right: 1rem;
  }

  footer {
    background-color: #69c48c;
    color: #F4F5F7;
    padding: 60px 30px;
  }

}


/* pc */

@media screen and (min-width:1300px) {

  .pc-only {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    background: #ADCFBA;
    width: calc(100% - 1000px);
    height: 100vh;
  }

  .sns-button {
    display: block;
    width: 100%;
    margin-top: 40px;
    animation-name: fadeIn1s;
    animation-delay: 3s;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
	
	.left-back svg {
		width: 80%;
		max-width:400px;
	}

  .sub-page.reason .points ul li a {
    font-size: 2rem;
  }

  @keyframes fadeIn1s {
    0% {}

    100% {
      opacity: 1;
    }
  }

  .sns-button ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .sns-button ul li {
    margin: 20px;
    border-radius: 8px;
    background: #ADCFBA;
    box-shadow: 5px 5px 16px #00437d, -5px -5px 16px #007ce7;
  }

  .sns-button ul li:hover {
    background: #007ae6;
    transition: .3s;
  }

  .sns-button ul li img {
    width: 18px;
    margin: 7px;
  }

  .sub-left svg {
    opacity: 1!important;
  }

  .sub-left .sns-button {
    opacity: 1;
  }
	
	
/***************************************************
 ロゴアニメーション
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 54.291873931884766px;
    stroke-dasharray: 54.291873931884766px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.291873931884766px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 54.291873931884766px;
    stroke-dasharray: 54.291873931884766px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.291873931884766px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 54.595489501953125px;
    stroke-dasharray: 54.595489501953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.595489501953125px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 54.595489501953125px;
    stroke-dasharray: 54.595489501953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.595489501953125px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 97.03018188476562px;
    stroke-dasharray: 97.03018188476562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97.03018188476562px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 97.03018188476562px;
    stroke-dasharray: 97.03018188476562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97.03018188476562px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 35.73643493652344px;
    stroke-dasharray: 35.73643493652344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.73643493652344px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 35.73643493652344px;
    stroke-dasharray: 35.73643493652344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 35.73643493652344px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 644.0538940429688px;
    stroke-dasharray: 644.0538940429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 644.0538940429688px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 644.0538940429688px;
    stroke-dasharray: 644.0538940429688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 644.0538940429688px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 43.45695877075195px;
    stroke-dasharray: 43.45695877075195px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 43.45695877075195px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 43.45695877075195px;
    stroke-dasharray: 43.45695877075195px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 43.45695877075195px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 38.34418487548828px;
    stroke-dasharray: 38.34418487548828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 38.34418487548828px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 38.34418487548828px;
    stroke-dasharray: 38.34418487548828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 38.34418487548828px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 38.257469177246094px;
    stroke-dasharray: 38.257469177246094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 38.257469177246094px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 38.257469177246094px;
    stroke-dasharray: 38.257469177246094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 38.257469177246094px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 132.92250061035156px;
    stroke-dasharray: 132.92250061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.92250061035156px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 132.92250061035156px;
    stroke-dasharray: 132.92250061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.92250061035156px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 42.28655242919922px;
    stroke-dasharray: 42.28655242919922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.28655242919922px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 42.28655242919922px;
    stroke-dasharray: 42.28655242919922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.28655242919922px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 42.01123809814453px;
    stroke-dasharray: 42.01123809814453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.01123809814453px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 42.01123809814453px;
    stroke-dasharray: 42.01123809814453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 42.01123809814453px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 112.08484649658203px;
    stroke-dasharray: 112.08484649658203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.08484649658203px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 112.08484649658203px;
    stroke-dasharray: 112.08484649658203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.08484649658203px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 507.8249206542969px;
    stroke-dasharray: 507.8249206542969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 507.8249206542969px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 507.8249206542969px;
    stroke-dasharray: 507.8249206542969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 507.8249206542969px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 54.85000228881836px;
    stroke-dasharray: 54.85000228881836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.85000228881836px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 54.85000228881836px;
    stroke-dasharray: 54.85000228881836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.85000228881836px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 91.90284729003906px;
    stroke-dasharray: 91.90284729003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.90284729003906px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 91.90284729003906px;
    stroke-dasharray: 91.90284729003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.90284729003906px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 133.2502899169922px;
    stroke-dasharray: 133.2502899169922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.2502899169922px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 133.2502899169922px;
    stroke-dasharray: 133.2502899169922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.2502899169922px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 315.0211181640625px;
    stroke-dasharray: 315.0211181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 315.0211181640625px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 315.0211181640625px;
    stroke-dasharray: 315.0211181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 315.0211181640625px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 331.00811767578125px;
    stroke-dasharray: 331.00811767578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 331.00811767578125px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 331.00811767578125px;
    stroke-dasharray: 331.00811767578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 331.00811767578125px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 170.57752990722656px;
    stroke-dasharray: 170.57752990722656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.57752990722656px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 170.57752990722656px;
    stroke-dasharray: 170.57752990722656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.57752990722656px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 142.73699951171875px;
    stroke-dasharray: 142.73699951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 142.73699951171875px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 142.73699951171875px;
    stroke-dasharray: 142.73699951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 142.73699951171875px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 152.92837524414062px;
    stroke-dasharray: 152.92837524414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.92837524414062px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 152.92837524414062px;
    stroke-dasharray: 152.92837524414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.92837524414062px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 246.7584991455078px;
    stroke-dasharray: 246.7584991455078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.7584991455078px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 246.7584991455078px;
    stroke-dasharray: 246.7584991455078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 246.7584991455078px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-stroke-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 196.78778076171875px;
    stroke-dasharray: 196.78778076171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.78778076171875px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 196.78778076171875px;
    stroke-dasharray: 196.78778076171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.78778076171875px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 114.86863708496094px;
    stroke-dasharray: 114.86863708496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 114.86863708496094px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 114.86863708496094px;
    stroke-dasharray: 114.86863708496094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 114.86863708496094px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-stroke-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 268.7537536621094px;
    stroke-dasharray: 268.7537536621094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 268.7537536621094px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 268.7537536621094px;
    stroke-dasharray: 268.7537536621094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 268.7537536621094px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-stroke-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 37.08485794067383px;
    stroke-dasharray: 37.08485794067383px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.08485794067383px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 37.08485794067383px;
    stroke-dasharray: 37.08485794067383px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 37.08485794067383px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-stroke-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 116.56436157226562px;
    stroke-dasharray: 116.56436157226562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 116.56436157226562px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 116.56436157226562px;
    stroke-dasharray: 116.56436157226562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 116.56436157226562px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-stroke-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 31.452621459960938px;
    stroke-dasharray: 31.452621459960938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.452621459960938px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 31.452621459960938px;
    stroke-dasharray: 31.452621459960938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.452621459960938px;
  }
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-stroke-28 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 29.785167694091797px;
    stroke-dasharray: 29.785167694091797px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 29.785167694091797px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 29.785167694091797px;
    stroke-dasharray: 29.785167694091797px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 29.785167694091797px;
  }
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-stroke-29 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 207.3568115234375px;
    stroke-dasharray: 207.3568115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 207.3568115234375px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 207.3568115234375px;
    stroke-dasharray: 207.3568115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 207.3568115234375px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-stroke-30 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 318.0082702636719px;
    stroke-dasharray: 318.0082702636719px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 318.0082702636719px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 318.0082702636719px;
    stroke-dasharray: 318.0082702636719px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 318.0082702636719px;
  }
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
          animation: animate-svg-stroke-31 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

@-webkit-keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 48.41138458251953px;
    stroke-dasharray: 48.41138458251953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.41138458251953px;
  }
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 48.41138458251953px;
    stroke-dasharray: 48.41138458251953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.41138458251953px;
  }
}

@-webkit-keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-32 {
  -webkit-animation: animate-svg-stroke-32 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-stroke-32 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 46.790016174316406px;
    stroke-dasharray: 46.790016174316406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 46.790016174316406px;
  }
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 46.790016174316406px;
    stroke-dasharray: 46.790016174316406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 46.790016174316406px;
  }
}

@-webkit-keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-33 {
  -webkit-animation: animate-svg-stroke-33 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-stroke-33 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@-webkit-keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 114.59229278564453px;
    stroke-dasharray: 114.59229278564453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 114.59229278564453px;
  }
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 114.59229278564453px;
    stroke-dasharray: 114.59229278564453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 114.59229278564453px;
  }
}

@-webkit-keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-34 {
  -webkit-animation: animate-svg-stroke-34 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
          animation: animate-svg-stroke-34 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 272.881103515625px;
    stroke-dasharray: 272.881103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 272.881103515625px;
  }
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 272.881103515625px;
    stroke-dasharray: 272.881103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 272.881103515625px;
  }
}

@-webkit-keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-35 {
  -webkit-animation: animate-svg-stroke-35 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
          animation: animate-svg-stroke-35 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

@-webkit-keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 188.19552612304688px;
    stroke-dasharray: 188.19552612304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 188.19552612304688px;
  }
}

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 188.19552612304688px;
    stroke-dasharray: 188.19552612304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 188.19552612304688px;
  }
}

@-webkit-keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-36 {
  -webkit-animation: animate-svg-stroke-36 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
          animation: animate-svg-stroke-36 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

@-webkit-keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 77.26945495605469px;
    stroke-dasharray: 77.26945495605469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.26945495605469px;
  }
}

@keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 77.26945495605469px;
    stroke-dasharray: 77.26945495605469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.26945495605469px;
  }
}

@-webkit-keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-37 {
  -webkit-animation: animate-svg-stroke-37 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
          animation: animate-svg-stroke-37 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}

@-webkit-keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 79.11400604248047px;
    stroke-dasharray: 79.11400604248047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 79.11400604248047px;
  }
}

@keyframes animate-svg-stroke-38 {
  0% {
    stroke-dashoffset: 79.11400604248047px;
    stroke-dasharray: 79.11400604248047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 79.11400604248047px;
  }
}

@-webkit-keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-38 {
  -webkit-animation: animate-svg-stroke-38 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
                       animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
          animation: animate-svg-stroke-38 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
               animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

@-webkit-keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 77.11223602294922px;
    stroke-dasharray: 77.11223602294922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.11223602294922px;
  }
}

@keyframes animate-svg-stroke-39 {
  0% {
    stroke-dashoffset: 77.11223602294922px;
    stroke-dasharray: 77.11223602294922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.11223602294922px;
  }
}

@-webkit-keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-39 {
  -webkit-animation: animate-svg-stroke-39 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
                       animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
          animation: animate-svg-stroke-39 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
               animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-40 {
  0% {
    stroke-dashoffset: 65.72284698486328px;
    stroke-dasharray: 65.72284698486328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 65.72284698486328px;
  }
}

@keyframes animate-svg-stroke-40 {
  0% {
    stroke-dashoffset: 65.72284698486328px;
    stroke-dasharray: 65.72284698486328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 65.72284698486328px;
  }
}

@-webkit-keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-40 {
  -webkit-animation: animate-svg-stroke-40 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
                       animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both;
          animation: animate-svg-stroke-40 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
               animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both;
}

@-webkit-keyframes animate-svg-stroke-41 {
  0% {
    stroke-dashoffset: 77.26970672607422px;
    stroke-dasharray: 77.26970672607422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.26970672607422px;
  }
}

@keyframes animate-svg-stroke-41 {
  0% {
    stroke-dashoffset: 77.26970672607422px;
    stroke-dasharray: 77.26970672607422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.26970672607422px;
  }
}

@-webkit-keyframes animate-svg-fill-41 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-41 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-41 {
  -webkit-animation: animate-svg-stroke-41 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
                       animate-svg-fill-41 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both;
          animation: animate-svg-stroke-41 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
               animate-svg-fill-41 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both;
}

@-webkit-keyframes animate-svg-stroke-42 {
  0% {
    stroke-dashoffset: 2593.798583984375px;
    stroke-dasharray: 2593.798583984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2593.798583984375px;
  }
}

@keyframes animate-svg-stroke-42 {
  0% {
    stroke-dashoffset: 2593.798583984375px;
    stroke-dasharray: 2593.798583984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2593.798583984375px;
  }
}

@-webkit-keyframes animate-svg-fill-42 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-42 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-42 {
  -webkit-animation: animate-svg-stroke-42 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
                       animate-svg-fill-42 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s both;
          animation: animate-svg-stroke-42 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
               animate-svg-fill-42 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s both;
}


}