@charset "UTF-8";
.sections {
  opacity: 0; /* 初期状態で非表示 */
}

.section01 {
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-image: url(../img/top/top_img.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}

/* タイトル アニメーション */
.section01 .animate_titleBox {
	position: absolute;
	top: 34%;
	left: 50%;
	z-index: 2;
	width: 270px;
	height: 100px;
	transform: translate(-50%);
	overflow: hidden;
	display: block;
}
.animate_titleBox svg {
	width: 270px;
}
.animate_titleBox text {
	font-size: 50px !important;
}



.section01 .animated_textBox {
}
/* ボックスアニメーション 左から右に開く */
/* ボックスの初期スタイル */
.animated_textBox {
	position: absolute;
	top: 50%;
	left: 5%;
	z-index: 2;
	padding: 0px;
	overflow: hidden; 
}

.section01 .animate_border {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	z-index: 2;
	overflow: hidden;
	transform: translate(-50%);
}
.section01 .animate_text_box01 {
	position: absolute;
	top: 53%;
	left: 50%;
	width: 300px;
	z-index: 2;
	overflow: hidden;
	transform: translate(-50%);
}
.sp_text01 {
	color: #FFFFFF;
	line-height: 1.5;
	animation: 3s ease-in-out 7s 1 normal forwards running sp_text01 ;
	opacity: 0; 
}
@keyframes sp_text01 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* ==================
セクション02
*/
.section02 {
	position: relative; 
	height: 650px;
	margin-top: 100px;
	background-color: #FAFAFA;
	background-image: url(../img/top/sec02_background_img.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100vw;
	overflow: hidden;
}
.section02 section {
	position: relative;
	width: 100%;
	max-width: 1300px;
}
.section02 section h1 {
	position: absolute;
	top: 0;
	left: 50vw;
	transform: translate(-45vw, -26%);
}
.sec02_title_box {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translate(0%, 168px);
	width: 77vw;
	max-width: 500px;
	height: 50vh;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.5);
}
.section02 .sec02_title {
	display: block;
	position: relative;
	height: 60px;
	overflow: hidden;
}
.section02 .text_box {
	position: absolute;
	top: 10vw;
	z-index: 1;
	left: 0;
	transform: translate(-45vw, 50%);
	left: 50vw;
	width: 65vw;
	max-width: 450px;
	opacity: 0;
}
.section02 .text_box svg {
	width: 100% !important;
	max-width: 500px !important;
}
.section02 .text_box h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
}
.section02 .text_box span {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
	display: block;
}
@keyframes sec02_text_box {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.section02 .sec02_img_box {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0%;
	width: 100%; /* 親要素の幅を100%に */
	max-width: 550px; /* 必要なら最大幅を設定 */
    transform: translate(0%, 10%);
}
.section02 .sec02_img_box svg {
	display: block; /* 不要なスペースを防ぐ */
	width: 100%; /* 親要素に合わせる */
	height: auto; /* 比率を維持 */
}
.section02 .view-more {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-40%, 350px);
	animation: view_more 4s ease-in-out 1 forwards;
}
@keyframes view_more {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
} 


.section03_04 {
	position: relative;
	padding: 150px 20px 50px 20px;
	background-color: #FAFAFA;
	background-image: url(../img/top/sec03_04_background_image.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
/*		overflow: hidden;*/

}


.sec03_box {
	position: relative;
/*	height: 500px;*/
	padding: 50px 0px;
}
.sec03_title_box {
	position: relative;
}
.sec03_box h1 {
	display: block;
	position: absolute;
	width: 150px;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -100%);
	overflow: hidden;
}

.news_box {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}
.news_box ul {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.news_box ul li {
  opacity: 0;
  transform: translateY(20px); /* 初期状態で下にずらす */
  transition: opacity 0.8s ease, transform 0.8s ease;
  animation-fill-mode: both; /* アニメーション終了後に状態を保持 */
}

.news_box ul li.fade-in {
  opacity: 1;
  transform: translateY(0);
}

.news_box ul li {
	
}
.news_box ul li a {
	position: relative;
	color: #000000;
	text-decoration: none;
	border: 1px solid transparent; /* 外枠なし */
	display: block;
	transition: all 0.5s ease;
	overflow: hidden;
	background-color: #F5F5F5;
}
.news_box ul li .post_img {
	position: relative;
	height: 243px;
	display: block;
	overflow: hidden;
}
.news_box ul li .post_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -200px;
	transform: scale(1.1);
	transition: all 0.5s ease;
	z-index: 1;
	opacity: 0.8;
}
.news_box ul li a:hover img,
.news_box ul li .post_img img:hover {
	transform: scale(1.2); 
}
.news_box ul li .tag_time {
	font-size: 14px;
	display: flex;
	align-items: center; 
}
.news_box ul li .tag_time .time {
	padding: 10px;
}
.news_box ul li .tag_time .tag {
	padding: 10px;
}
.news_box ul li .tag_time .tag span {
	color: #FFFFFF;
	padding: 5px;
	background-color: #1E6D64;
	display: inline-block;
}
.news_box ul li .post_title {
	font-size: 18px;
	padding: 10px;
	display: block;
}
.news_box ul li .post_detail {
	font-size: 16px;
	line-height: 1.3;
	padding: 10px;
	display: block;
}

.sec04_box {
	position: relative;
/*	height: 500px;*/
	padding: 50px 20px;
	background-color: #FAFAFA;
}
.sec04_title_box {
	position: absolute;
	top: 0;
	right: 10%;
	transform: translate(0%);
}



.sec03_04_box_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	overflow: hidden;
	transform: translate(0%,-37%);
}
.sec03_04_box_back svg {
/*	width: 100%;*/
/*	height: 100vh;*/
	position: absolute;
	top: 0;
/*	transform: translate(0%,-50%);*/
}
.sec04_box01 .text_title_box {
	width: 325px;
	margin-top: 120px;
	margin-left: auto;
}
.sec04_box01 .text_title_box svg {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
}
.sec04_box01 .text_box {
	width: 100%;
	max-width: 1015px;
	margin-top: 70px;
	margin-left: auto;
}
.sec04_box01 .text_box svg {
	width: 100%;
	height: 165px;
	box-sizing: border-box;
}
.sec04_box01 .sec04_img {
/*	width: 1000px;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
}
.sec04_box01 .sec04_img img {
	width: 100%;
}
.sec04_text {
	font-size: 16px;
	font-family: "Noto Sans JP",sans-serif;
	line-height: 1.5;
	margin: 20px 0px;
	opacity: 0;
}
@keyframes sec04_text {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/***************************************************
 * Generated by SVG Artista on 12/15/2024, 8:20:03 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
/* .animated-sec03back-svg {*/
/*   opacity: 0;*/
/*   transform: translateY(20px);*/
/*   transition: opacity 0.8s ease, transform 0.8s ease;*/
/* }*/

/* .animated-sec03back-svg.active {*/
/*   opacity: 1;*/
/*   transform: translateY(0);*/
/* }*/
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 2225.52392578125px;
    stroke-dasharray: 2225.52392578125px;
  }

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

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

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

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s both,
                       animate-svg-fill-1 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8s both;
          animation: animate-svg-stroke-1 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s both,
               animate-svg-fill-1 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8s both;
}

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

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

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

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

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s both,
                       animate-svg-fill-2 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8500000000000001s both;
          animation: animate-svg-stroke-2 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.2s both,
               animate-svg-fill-2 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.8500000000000001s both;
}

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

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

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

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

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s both,
                       animate-svg-fill-3 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9s both;
          animation: animate-svg-stroke-3 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s both,
               animate-svg-fill-3 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9s both;
}

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

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

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

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

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.6000000000000001s both,
                       animate-svg-fill-4 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9500000000000001s both;
          animation: animate-svg-stroke-4 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.6000000000000001s both,
               animate-svg-fill-4 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.9500000000000001s both;
}

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

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

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

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

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.8s both,
                       animate-svg-fill-5 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
          animation: animate-svg-stroke-5 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.8s both,
               animate-svg-fill-5 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(185, 211, 148);
  }
}

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

  100% {
    fill: rgb(185, 211, 148);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s both,
                       animate-svg-fill-6 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.05s both;
          animation: animate-svg-stroke-6 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s both,
               animate-svg-fill-6 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.05s both;
}

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

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

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

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

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

  100% {
    fill: rgb(144, 185, 128);
  }
}

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

  100% {
    fill: rgb(144, 185, 128);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2000000000000002s both,
                       animate-svg-fill-7 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1s both;
          animation: animate-svg-stroke-7 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.2000000000000002s both,
               animate-svg-fill-7 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1s both;
}

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

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

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

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

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

  100% {
    fill: url("#_名称未設定グラデーション_15");
  }
}

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

  100% {
    fill: url("#_名称未設定グラデーション_15");
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.4000000000000001s both,
                       animate-svg-fill-8 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1500000000000001s both;
          animation: animate-svg-stroke-8 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.4000000000000001s both,
               animate-svg-fill-8 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.1500000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(157, 192, 135);
  }
}

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

  100% {
    fill: rgb(157, 192, 135);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both,
                       animate-svg-fill-9 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.2000000000000002s both;
          animation: animate-svg-stroke-9 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.6s both,
               animate-svg-fill-9 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.2000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: url("#_名称未設定グラデーション_25");
  }
}

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

  100% {
    fill: url("#_名称未設定グラデーション_25");
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8s both,
                       animate-svg-fill-10 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.25s both;
          animation: animate-svg-stroke-10 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8s both,
               animate-svg-fill-10 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.25s both;
}

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

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

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

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

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

  100% {
    fill: rgb(180, 205, 146);
  }
}

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

  100% {
    fill: rgb(180, 205, 146);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2s both,
                       animate-svg-fill-11 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.3s both;
          animation: animate-svg-stroke-11 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2s both,
               animate-svg-fill-11 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(180, 205, 146);
  }
}

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

  100% {
    fill: rgb(180, 205, 146);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s both,
                       animate-svg-fill-12 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.35s both;
          animation: animate-svg-stroke-12 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s both,
               animate-svg-fill-12 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 1.35s both;
}