@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* 1280 */
/* フルワイド */
/* フルワイド */
/* TOP
*****************************************************************/
div, p, li, h2 {
  transition: all 1.5s ease-out;
}

#visual {
  position: relative;
}
#visual .catch {
  position: absolute;
  top: 2vw;
  left: 8vw;
  text-align: center;
  font-family: "Hina Mincho", serif;
  font-size: 1.7vw;
  letter-spacing: 0.2em;
  line-height: 3vw;
  color: #FFF;
  z-index: 99809;
}
@media all and (max-width: 896px) {
  #visual .catch {
    font-size: 1.5rem;
    line-height: 1.7em;
    text-align: left;
  }
}
#visual .buttons {
  position: absolute;
  bottom: 1.5vw;
  right: 1.5vw;
  text-align: center;
  width: 13vw;
  min-width: 220px;
  z-index: 99810;
}
@media all and (max-width: 896px) {
  #visual .buttons {
    min-width: 170px;
  }
}
@media all and (max-width: 480px) {
  #visual .buttons {
    position: relative;
    bottom: auto;
    right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    padding: 8px;
    background-color: #EDEFB7;
  }
}
#visual .buttons img {
  width: 100%;
  height: auto;
}
#visual .buttons .btn_reserve {
  width: 80%;
  margin: auto;
  position: relative;
}
@media all and (max-width: 480px) {
  #visual .buttons .btn_reserve {
    padding: 8px;
    box-sizing: border-box;
    width: 40%;
  }
}
#visual .buttons .btn_ai {
  width: 100%;
  padding: 1.5vw 0 0;
}
@media all and (max-width: 480px) {
  #visual .buttons .btn_ai {
    padding: 8px;
    box-sizing: border-box;
    width: 60%;
  }
}

.area_visual .block_slider {
  position: relative;
  z-index: 100;
  height: calc(100vh - 120px);
  overflow: hidden;
  line-height: 0em;
}
@media all and (max-width: 896px) {
  .area_visual .block_slider {
    height: auto;
    aspect-ratio: 6/5;
  }
}
.area_visual .block_slider .swiper {
  width: 100%;
  height: 100%;
}
.area_visual .block_slider .swiper-slide {
  width: 100%;
  height: 100%;
}
.area_visual .block_slider .swiper-slide .box_img {
  line-height: 0em;
  overflow: hidden;
  width: 100vw;
  height: 100%;
}
.area_visual .block_slider .swiper-slide .box_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.area_visual .block_slider .swiper-button-prev:after,
.area_visual .block_slider .swiper-button-next:after {
  color: #FFF;
}
.area_visual .block_slider .swiper-horizontal > .swiper-pagination-bullets,
.area_visual .block_slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.area_visual .block_slider .swiper-pagination-custom,
.area_visual .block_slider .swiper-pagination-fraction {
  bottom: 16px;
  left: 0;
  width: 100%;
}
.area_visual .block_slider .swiper-pagination-bullet-active {
  background-color: #FFA73E;
}
.area_visual .pagettl {
  z-index: 99800;
}
.area_visual .pagettl svg {
  max-width: 500px;
  width: 60%;
  height: auto;
}
@media all and (max-width: 1367px) {
  .area_visual .pagettl svg {
    max-width: 400px;
  }
}
.area_visual .welcome {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  z-index: 300;
}
.area_visual .welcome img {
  height: 100%;
  width: auto;
}

.bg_bf, .bg_bf_ex, .bg_bff {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  mix-blend-mode: multiply;
}
.bg_bf img, .bg_bf_ex img, .bg_bff img {
  width: 100%;
  height: auto;
}

.area_babyfirst {
  padding: 0 12vw;
  position: relative;
}
@media all and (max-width: 896px) {
  .area_babyfirst {
    padding: 0 20px;
  }
}
.area_babyfirst .block_babyfirst {
  width: 100%;
  padding: 60px 0;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst {
    padding: 10px 0 0;
  }
}
.area_babyfirst .block_babyfirst .column_top {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  position: relative;
}
.area_babyfirst .block_babyfirst .column_top .side_txt {
  width: 55%;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_top .side_txt {
    width: 100%;
    padding: 0 0px 0 0;
  }
}
.area_babyfirst .block_babyfirst .column_top .side_txt h2 {
  font-size: 3vw;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0.5em;
  transition: all 1.5s ease-out;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_top .side_txt h2 {
    font-size: 2.7rem;
    text-align: center;
  }
}
.area_babyfirst .block_babyfirst .column_top .side_txt h2 .asta {
  margin-left: -0.5em;
}
.area_babyfirst .block_babyfirst .column_top .side_txt h2 .asta img {
  width: 2vw;
  height: auto;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_top .side_txt h2 .asta img {
    width: 0.6em;
  }
}
.area_babyfirst .block_babyfirst .column_top .side_txt p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 20px 0 0;
  transition: all 1.5s ease-out;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_top .side_txt p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_babyfirst .block_babyfirst .column_top .side_img {
  width: 45%;
  padding-top: 100px;
  transition: all 1.5s ease-out;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_top .side_img {
    width: 100%;
    padding: 12px 0 0;
  }
}
.area_babyfirst .block_babyfirst .column_top .side_img img {
  width: 100%;
  height: auto;
}
.area_babyfirst .block_babyfirst .column_mid {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 -15px;
  padding: 30px 0 80px;
  position: relative;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid {
    padding: 0px 0 0;
  }
}
.area_babyfirst .block_babyfirst .column_mid img {
  width: 100%;
  height: auto;
}
.area_babyfirst .block_babyfirst .column_mid .side_img, .area_babyfirst .block_babyfirst .column_mid .side_txt {
  width: 50%;
  padding: 15px;
  position: relative;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid .side_img, .area_babyfirst .block_babyfirst .column_mid .side_txt {
    width: 100%;
  }
}
.area_babyfirst .block_babyfirst .column_mid .side_txt .box_img {
  width: 126%;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid .side_txt .box_img {
    width: 100%;
  }
}
.area_babyfirst .block_babyfirst .column_mid .side_txt .lead {
  padding: 40px 0 0;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid .side_txt .lead {
    padding: 15px 0 0;
  }
}
.area_babyfirst .block_babyfirst .column_mid .side_txt p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 20px 0 0;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid .side_txt p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_babyfirst .block_babyfirst .column_mid .side_img {
  text-align: right;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_mid .side_img {
    display: none;
  }
}
.area_babyfirst .block_babyfirst .column_mid .side_img .box_img01 {
  width: 70%;
  display: inline-block;
  line-height: 0em;
  padding: 40px 0 0;
}
.area_babyfirst .block_babyfirst .column_mid .side_img .box_img02 {
  width: 90%;
  display: inline-block;
  line-height: 0em;
  padding: 40px 0 0;
}
.area_babyfirst .block_babyfirst .column_news {
  background-image: url(../../common/images/bg_tec01.jpg);
  background-size: 90% auto;
  padding: 14px;
  position: relative;
}
.area_babyfirst .block_babyfirst .column_news .inner {
  border: #888 solid 1px;
  position: relative;
  text-align: center;
}
.area_babyfirst .block_babyfirst .column_news .inner::before {
  content: "";
  display: block;
  width: 80px;
  border-top: #888 solid 1px;
  position: absolute;
  rotate: 45deg;
  right: -30px;
  top: 10px;
}
.area_babyfirst .block_babyfirst .column_news .inner::after {
  content: "";
  display: block;
  width: 80px;
  border-top: #888 solid 1px;
  position: absolute;
  rotate: 45deg;
  left: -30px;
  bottom: 10px;
}
.area_babyfirst .block_babyfirst .column_news .inner .box_ttl {
  padding: 36px 20px 16px;
  display: inline-block;
  border-bottom: #FFF solid 8px;
}
.area_babyfirst .block_babyfirst .column_news .inner .box_ttl h2 {
  font-size: 3vw;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0.5em;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_news .inner .box_ttl h2 {
    font-size: 2.7rem;
    text-align: center;
  }
}
.area_babyfirst .block_babyfirst .column_news .inner .box_ttl p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 16px 0 0;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_news .inner .box_ttl p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_babyfirst .block_babyfirst .column_news .inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_news .inner ul {
    padding: 10px;
  }
}
.area_babyfirst .block_babyfirst .column_news .inner ul li {
  padding: 20px;
  box-sizing: border-box;
  width: 33.3333%;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_news .inner ul li {
    padding: 10px;
  }
}
@media all and (max-width: 480px) {
  .area_babyfirst .block_babyfirst .column_news .inner ul li {
    width: 100%;
  }
}
.area_babyfirst .block_babyfirst .column_news .inner ul li .box_thumb {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.area_babyfirst .block_babyfirst .column_news .inner ul li .box_thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.area_babyfirst .block_babyfirst .column_news .inner ul li .box_txt {
  text-align: left;
  padding: 10px 0 0;
}
.area_babyfirst .block_babyfirst .column_news .inner ul li .box_txt p {
  font-size: 1.5rem;
  line-height: 1.4em;
}
.area_babyfirst .block_babyfirst .column_sns {
  position: relative;
}
.area_babyfirst .block_babyfirst .column_sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_sns ul {
    padding: 8px;
  }
}
.area_babyfirst .block_babyfirst .column_sns ul li {
  padding: 15px;
}
@media all and (max-width: 896px) {
  .area_babyfirst .block_babyfirst .column_sns ul li {
    padding: 8px;
  }
}
.area_babyfirst .block_babyfirst .column_sns ul li img {
  width: 50px;
  height: auto;
}
.area_babyfirst .block_babyfirst .column_sns ul li.ttl img {
  width: 120px;
}

.area_room .block_large {
  position: relative;
}
.area_room .block_large .box_img {
  line-height: 0em;
  position: relative;
}
@media all and (max-width: 480px) {
  .area_room .block_large .box_img {
    aspect-ratio: 4/3;
    overflow: hidden;
  }
}
.area_room .block_large .box_img img {
  width: 100%;
}
@media all and (max-width: 480px) {
  .area_room .block_large .box_img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.area_room .block_large .box_txt {
  position: absolute;
  width: 100%;
  padding: 8vw 12vw 0;
  top: 0px;
  left: 0px;
  text-align: right;
}
.area_room .block_large .box_txt .inner {
  display: inline-block;
  text-align: left;
  color: #FFF;
}
.area_room .block_large .box_txt .inner h2 {
  font-size: 3vw;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0.5em;
}
@media all and (max-width: 896px) {
  .area_room .block_large .box_txt .inner h2 {
    font-size: 2.7rem;
    text-align: center;
  }
}
.area_room .block_large .box_txt .inner p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 20px 0 0;
}
@media all and (max-width: 896px) {
  .area_room .block_large .box_txt .inner p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_room .block_thumb {
  padding: 1vw 0 0;
}
.area_room .block_thumb ul {
  display: flex;
  flex-wrap: wrap;
}
.area_room .block_thumb ul li {
  width: 25%;
  line-height: 0em;
}
@media all and (max-width: 480px) {
  .area_room .block_thumb ul li {
    width: 50%;
  }
}
.area_room .block_thumb ul li img {
  width: 100%;
  height: auto;
}

.area_onsen {
  padding: 12vw 0 0;
  position: relative;
}
.area_onsen .block_large {
  position: relative;
}
.area_onsen .block_large .box_img {
  line-height: 0em;
  position: relative;
}
@media all and (max-width: 480px) {
  .area_onsen .block_large .box_img {
    aspect-ratio: 4/3;
    overflow: hidden;
  }
}
.area_onsen .block_large .box_img img {
  width: 100%;
}
@media all and (max-width: 480px) {
  .area_onsen .block_large .box_img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.area_onsen .block_large .box_txt {
  position: absolute;
  width: 100%;
  padding: 0 12vw 8vw;
  bottom: 0px;
  left: 0px;
  text-align: left;
  z-index: 40;
}
.area_onsen .block_large .box_txt .inner {
  display: inline-block;
  text-align: left;
  color: #FFF;
}
.area_onsen .block_large .box_txt .inner h2 {
  font-size: 3vw;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0.5em;
}
@media all and (max-width: 896px) {
  .area_onsen .block_large .box_txt .inner h2 {
    font-size: 2.7rem;
    text-align: center;
  }
}
.area_onsen .block_large .box_txt .inner p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 20px 0 0;
}
@media all and (max-width: 896px) {
  .area_onsen .block_large .box_txt .inner p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_onsen .bg_bf {
  z-index: 30;
  top: 10px;
}

.area_food {
  padding: 12vw 0 0;
  position: relative;
}
.area_food .block_food {
  width: 100%;
  padding: 0 12vw;
  position: relative;
}
@media all and (max-width: 896px) {
  .area_food .block_food {
    padding: 0 20px;
  }
}
.area_food .block_food .column_top {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 20;
}
.area_food .block_food .column_top .side_txt {
  width: 55%;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_top .side_txt {
    width: 100%;
    padding: 0 0px 0 0;
  }
}
.area_food .block_food .column_top .side_txt h2 {
  font-size: 3vw;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0.5em;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_top .side_txt h2 {
    font-size: 2.7rem;
    text-align: center;
  }
}
.area_food .block_food .column_top .side_txt p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 20px 0 0;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_top .side_txt p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_food .block_food .column_top .side_img {
  width: 45%;
  line-height: 0em;
  position: relative;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_top .side_img {
    width: 70%;
    padding: 12px 0 0;
    margin: 0 0 0 auto;
  }
}
.area_food .block_food .column_top .side_img .yummy {
  position: relative;
}
.area_food .block_food .column_top .side_img .hasen {
  position: absolute;
  width: 20vw;
  top: -5.2vw;
  left: -20vw;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_top .side_img .hasen {
    top: 4vw;
  }
}
.area_food .block_food .column_top .side_img img {
  width: 100%;
  height: auto;
}
.area_food .block_food .column_bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  position: relative;
  z-index: 20;
}
.area_food .block_food .column_bottom .side_txt {
  width: 35%;
  box-sizing: border-box;
  text-align: right;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_bottom .side_txt {
    width: 100%;
    padding: 0 0px 0 0;
  }
}
.area_food .block_food .column_bottom .side_txt p {
  font-size: 1.4rem;
  line-height: 2em;
  padding: 5vw 0 0;
  display: inline-block;
  text-align: left;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_bottom .side_txt p {
    padding: 12px 0 0;
    text-align: justify;
  }
}
.area_food .block_food .column_bottom .side_img {
  width: 65%;
  line-height: 0em;
  margin-top: -6vw;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_bottom .side_img {
    width: 100%;
    padding: 12px 0 0;
    margin: 0 0 0 auto;
  }
}
.area_food .block_food .column_bottom .side_img img {
  width: 100%;
  height: auto;
}
.area_food .block_food .column_bottom .side_img .yummy {
  position: relative;
}
.area_food .block_food .column_bottom .side_img .hasen {
  position: absolute;
  width: 20vw;
  bottom: 5vw;
  right: 7vw;
}
@media all and (max-width: 896px) {
  .area_food .block_food .column_bottom .side_img .hasen {
    display: none;
  }
}
.area_food .column_mid {
  line-height: 0em;
  position: relative;
  margin: -8vw 0 0;
  z-index: 10;
}
@media all and (max-width: 480px) {
  .area_food .column_mid {
    aspect-ratio: 4/3;
    overflow: hidden;
  }
}
.area_food .column_mid img {
  width: 100%;
}
@media all and (max-width: 480px) {
  .area_food .column_mid img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

.area_bnr ul {
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 896px) {
  .area_bnr ul {
    padding: 15px;
  }
}
.area_bnr ul li {
  padding: 15px;
  box-sizing: border-box;
  width: 20%;
}
@media all and (max-width: 896px) {
  .area_bnr ul li {
    padding: 5px;
  }
}
@media all and (max-width: 480px) {
  .area_bnr ul li {
    width: 50%;
  }
}
.area_bnr ul li img {
  width: 100%;
  height: auto;
}

/***************************************************
 * Generated by SVG Artista on 6/19/2023, 11:31:11 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1120.5833740234px;
    stroke-dasharray: 1120.5833740234px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1120.5833740234px;
  }
}
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1120.5833740234px;
    stroke-dasharray: 1120.5833740234px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1120.5833740234px;
  }
}
@-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 1s 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 1s 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: 553.5299072266px;
    stroke-dasharray: 553.5299072266px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 553.5299072266px;
  }
}
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 553.5299072266px;
    stroke-dasharray: 553.5299072266px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 553.5299072266px;
  }
}
@-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 1s 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 1s 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: 485.8444519043px;
    stroke-dasharray: 485.8444519043px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.8444519043px;
  }
}
@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 485.8444519043px;
    stroke-dasharray: 485.8444519043px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.8444519043px;
  }
}
@-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 1s 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 1s 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: 308.1869506836px;
    stroke-dasharray: 308.1869506836px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 308.1869506836px;
  }
}
@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 308.1869506836px;
    stroke-dasharray: 308.1869506836px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 308.1869506836px;
  }
}
@-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 1s 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 1s 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: 173.3610076904px;
    stroke-dasharray: 173.3610076904px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.3610076904px;
  }
}
@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 173.3610076904px;
    stroke-dasharray: 173.3610076904px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.3610076904px;
  }
}
@-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 1s 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.2s both;
  animation: animate-svg-stroke-5 1s 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.2s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 148.8624572754px;
    stroke-dasharray: 148.8624572754px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 148.8624572754px;
  }
}
@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 148.8624572754px;
    stroke-dasharray: 148.8624572754px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 148.8624572754px;
  }
}
@-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 1s 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 1s 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: 173.3568115234px;
    stroke-dasharray: 173.3568115234px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.3568115234px;
  }
}
@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 173.3568115234px;
    stroke-dasharray: 173.3568115234px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.3568115234px;
  }
}
@-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 1s 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.4s both;
  animation: animate-svg-stroke-7 1s 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.4s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 109.4192733765px;
    stroke-dasharray: 109.4192733765px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.4192733765px;
  }
}
@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 109.4192733765px;
    stroke-dasharray: 109.4192733765px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.4192733765px;
  }
}
@-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 1s 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 1s 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: 170.7958679199px;
    stroke-dasharray: 170.7958679199px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.7958679199px;
  }
}
@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 170.7958679199px;
    stroke-dasharray: 170.7958679199px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 170.7958679199px;
  }
}
@-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 1s 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 1s 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: 119.4959106445px;
    stroke-dasharray: 119.4959106445px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 119.4959106445px;
  }
}
@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 119.4959106445px;
    stroke-dasharray: 119.4959106445px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 119.4959106445px;
  }
}
@-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 1s 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.7s both;
  animation: animate-svg-stroke-10 1s 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.7s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 69.9440002441px;
    stroke-dasharray: 69.9440002441px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 69.9440002441px;
  }
}
@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 69.9440002441px;
    stroke-dasharray: 69.9440002441px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 69.9440002441px;
  }
}
@-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 1s 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 1s 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: 173.990524292px;
    stroke-dasharray: 173.990524292px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.990524292px;
  }
}
@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 173.990524292px;
    stroke-dasharray: 173.990524292px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.990524292px;
  }
}
@-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 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s both, animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
  animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s both, animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 130.3463897705px;
    stroke-dasharray: 130.3463897705px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.3463897705px;
  }
}
@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 130.3463897705px;
    stroke-dasharray: 130.3463897705px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.3463897705px;
  }
}
@-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 1s 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 1s 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: 97.616027832px;
    stroke-dasharray: 97.616027832px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97.616027832px;
  }
}
@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 97.616027832px;
    stroke-dasharray: 97.616027832px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97.616027832px;
  }
}
@-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 1s 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 1s 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: 128.0804443359px;
    stroke-dasharray: 128.0804443359px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.0804443359px;
  }
}
@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 128.0804443359px;
    stroke-dasharray: 128.0804443359px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.0804443359px;
  }
}
@-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 1s 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 1s 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: 44.702003479px;
    stroke-dasharray: 44.702003479px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.702003479px;
  }
}
@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 44.702003479px;
    stroke-dasharray: 44.702003479px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.702003479px;
  }
}
@-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 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both, animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
  animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s 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: 103.0663070679px;
    stroke-dasharray: 103.0663070679px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 103.0663070679px;
  }
}
@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 103.0663070679px;
    stroke-dasharray: 103.0663070679px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 103.0663070679px;
  }
}
@-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 1s 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.4s both;
  animation: animate-svg-stroke-17 1s 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.4s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 84.3561935425px;
    stroke-dasharray: 84.3561935425px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 84.3561935425px;
  }
}
@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 84.3561935425px;
    stroke-dasharray: 84.3561935425px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 84.3561935425px;
  }
}
@-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 1s 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 1s 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: 128.0827255249px;
    stroke-dasharray: 128.0827255249px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.0827255249px;
  }
}
@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 128.0827255249px;
    stroke-dasharray: 128.0827255249px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.0827255249px;
  }
}
@-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 1s 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 1s 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: 44.7000007629px;
    stroke-dasharray: 44.7000007629px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.7000007629px;
  }
}
@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 44.7000007629px;
    stroke-dasharray: 44.7000007629px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.7000007629px;
  }
}
@-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 1s 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 1s 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: 85.0863800049px;
    stroke-dasharray: 85.0863800049px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 85.0863800049px;
  }
}
@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 85.0863800049px;
    stroke-dasharray: 85.0863800049px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 85.0863800049px;
  }
}
@-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 1s 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 1s 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: 98.9718780518px;
    stroke-dasharray: 98.9718780518px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 98.9718780518px;
  }
}
@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 98.9718780518px;
    stroke-dasharray: 98.9718780518px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 98.9718780518px;
  }
}
@-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 1s 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.9s both;
  animation: animate-svg-stroke-22 1s 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.9s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 74.9868240356px;
    stroke-dasharray: 74.9868240356px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 74.9868240356px;
  }
}
@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 74.9868240356px;
    stroke-dasharray: 74.9868240356px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 74.9868240356px;
  }
}
@-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 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s both, animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s 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: 98.9685897827px;
    stroke-dasharray: 98.9685897827px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 98.9685897827px;
  }
}
@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 98.9685897827px;
    stroke-dasharray: 98.9685897827px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 98.9685897827px;
  }
}
@-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 1s 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.1s both;
  animation: animate-svg-stroke-24 1s 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.1s both;
}

.box_comics {
  text-align: center;
  margin: auto;
  position: relative;
  padding-bottom: 50px;
  line-height: 0em;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.box_comics a {
  display: block;
}
.box_comics img {
  max-width: 1100px;
  width: 100%;
  height: auto;
}

.bn_large {
  padding-top: 10px;
  position: relative;
  padding-bottom: 80px;
  display: grid;
  row-gap: 16px;
}
@media (width < 896px) {
  .bn_large {
    padding-bottom: 40px;
  }
}
.bn_large img {
  width: 100%;
  height: auto;
}
.bn_large a {
  display: block;
}