@charset "UTF-8";
/*
    Template: swell
    Theme Name: 大府交通事故サイトテーマ
    Theme URI: 
    Description: 子テーマ対応
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*===============================================
リストスタイル マークを大きくする
===============================================*/
.cps-post-main ul{
padding-left: 0px; /*左に寄せる*/
}

.cps-post-main ol{
padding-left: 0px; /*左に寄せる*/
}
.cps-post-main ul li {
margin-bottom: 1.2em; /*リストの行間*/
padding: 0em 0px 0em 35px; /*マークと文字のスペース*/
}

.cps-post-main ul:not([class]) li:before, .cps-post-main table ul:not([class]) li:before {
width: 10px; /*マークの大きさ 横*/
height: 10px; /*マークの大きさ 縦*/
}

/* ハンバーガーメニュースクロール*/
@media screen and (max-width: 767px){
.sp-menu-box  {
    overflow: scroll;
}
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #8BC34A; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:8px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
}

.acbox label:hover{
  background: #8BC34A; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #F3F4F5; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #8BC34A; /* クリック後のラベルの背景色 */
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #555555; /* 開いた部分の文字色 */
}
/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0 !important;
padding:0 !important;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0 !important;
padding:0 !important;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:65% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
#sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #f6a068;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#f6a068;/* アイコン色 */
}
}

/* YES・NO チャート */
.yn-chart{
	margin:0 auto 2rem;
	padding: 2em;
	max-width: 600px;
	background:#fff8e3;
	box-shadow: 0 3px 5px rgba(0,0,0,.07);
	font-size:0.9rem;
}
.yn-chart__add{
	background: #fdc44f;
	color:#fff;
	padding: 0.2em 0.9em !important;
	margin:0 !important;
	text-align:center;
	display:inline-block;
	line-height: 1.5 !important;
}
.yn-chart__title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 0.5em 0 0.3em!important;
	margin: 0 auto !important;
	font-size:1.35em !important;
	font-weight: 600 !important;
	color:#fdc44f;
	letter-spacing: 1px !important;
	line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
	content: "";
	flex: 1;
	height: 1px;
	background: #fdc44f;
	display: block;
}
.yn-chart__title:before {
	margin-right: 0.7em;
}
.yn-chart__title:after {
	margin-left: 0.7em;
}
.yn-chart__ex{
	text-align:center;
	margin: 0 !important;
	padding: 0 !important;
}
.yn-chart > div{
	display:none;
	padding-top: 100px;
	margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
	display:block;
}
.yn-chart > div > figure{
	margin:1em 0 2em;
}
.yn-chart > div > figure img{
	display:block;
}
.yn-chart > div > p{
	margin:2em 0 0 !important;
	padding: 0.8em 1em 0.8em 4.3em !important;
	background:#fff;
	position:relative;
}
.yn-chart > div > p:before{
	content: "Q";
	background: #fdc44f;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
	min-width: 48px;
}
.yn-chart > div ul{
	margin:2em 0 0 !important;
	padding:0 !important;
	list-style:none !important;
	border:none;
}
.yn-chart > div ul li {
	margin: 0 0 1em 1em!important;
	padding: 0 !important;
}
.yn-chart > div ul li:last-child{
	margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
	background: #fff;
	display: block;
	padding: 0.8em !important;
	text-decoration: none;
	color: #333;
	box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
	box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;
	transition: 0.1s ease-in-out;
	opacity:1;
}
.yn-chart > div ul li:before{
	content:unset !important;
}
.yn-chart__result{
	background:#fff;
	padding:1em;
}
.yn-chart__result-title{
	color: #fdc44f;
	font-size: 1.1em !important;
	font-weight:600 !important;
	padding: 0 !important;
	margin: 0 0 1em !important;
	border-bottom: 1px dashed #fdc44f;
}

@media screen and (max-width: 560px) {
	.yn-chart{
		padding:1.8em 1.3em;
	}
	.yn-chart > div > figure {
		margin: 0.5em 0;
	}
	.yn-chart > div > p {
		margin: 1em 0 0 !important;
		padding: 0.8em 1em 0.8em 3.3em !important;
	}
	.yn-chart > div ul {
		margin: 1em 0 0 !important;
	}
	.yn-chart__title{
		font-size:1em !important;
	}
	.yn-chart__title:before {
		margin-right:0.3em;
	}
	.yn-chart__title:after {
		margin-left:0.3em;
	}
	.yn-chart__ex,.yn-chart__add{
		font-size:0.9em !important;
	}
	.yn-chart > div > p:before{
		min-width: 30px;
	}
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
	text-align:center;
	margin:1.5em 5em !important;
	padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
	display:block;
	box-shadow: 0 3px 5px rgba(0,0,0,.15);
	color:#fff !important;
	font-weight:600 !important;
	text-decoration:none !important;
	padding:0.5em 0;
	border-radius:30px;
}
.p-tw-btn a{
	background:	#00acee;
}
.p-check-btn a{
	background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
	transform: translateY(3px);
	box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
	background: none !important;
	padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
	content:unset !important;
}
@media screen and (max-width: 800px) {
	.p-tw-btn,.p-check-btn{
		margin:1.5em 3em !important;
	}
}
@media screen and (max-width: 560px) {
	.p-tw-btn,.p-check-btn{
		margin:1.5em 1em !important;
	}
	.yn-chart > div > p.p-check-btn{
		padding: 0 3em !important;
	}
}

/************************************
** スマホで見やすい比較表
************************************/
.comparison-table-wrap{
  width:100%;
  max-width:600px;
  margin: 0 auto 2em;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.comparison-table-title{
  background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
  text-align: center;
   color: #fff;
   font-weight: bold;
   padding: 1em;
   letter-spacing: 1px;
  margin: 0;
  font-size:14px;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
}
.comparison-table{
  background:#f8f9fb;
  margin:0;
  padding:0.3em 1em;
}
.comparison-table table{
  border-collapse: separate;
  border-spacing:5px 10px;
  border:none;
  margin-bottom: 0;
}
.comparison-table table th,.comparison-table table td {
  width:50%;
}
.comparison-table table thead th{
  background : #d1d1d1;
  border:none;
  color:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  padding: 0.8em 0.5em;
  line-height: 1.5;
  border-radius: 3px;
  font-size: 14px;
}
.comparison-table table tbody th{
  background : linear-gradient(90deg, rgba(71, 206, 255, 1) 0%, rgba(56, 224, 248, 1) 100%);
  text-align: center;
  color:#fff;
  border:none;
  border-radius:30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 0.4em 1em;
  font-size: 14px;
  line-height: 1.3;
}
.comparison-table table tbody td{
  background:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  border-radius:3px;
  border:none;
  padding:1.2em;
  color: #555;
  line-height: 1.8;
  text-align:justify;
  vertical-align:top;
}
.comparison-table table tbody td p{
  margin:0;
  padding:0;
  margin-bottom:1em;
  font-size: 14px;
}
.comparison-table table tbody td .td-h{
  text-align:center;
  font-weight:bold;
  color:#33ccff;
  font-size: 16px;
  margin-bottom:7px;
}
@media screen and (max-width: 768px){
  .comparison-table{
    padding:7px;
  }
  .comparison-table table{
    border-spacing:3px 10px;
  }
  .comparison-table table thead th{
    position: -webkit-sticky;
    position: sticky;
    top:0px;
    z-index:100;
  }
}
/************************************
** スマホ特化比較表(ピンク)
************************************/
/* 大見出し背景 */
.comparison-table-pink .comparison-table-title{
  background:#f7bcbc!important;
}
/* 中見出し背景 */
.comparison-table-pink .comparison-table table tbody th{
  background:#f7bcbc!important;
  text-align:center
}
/* 強調文字 */
.comparison-table-pink .comparison-table table tbody td .td-h{
  color:#f7bcbc!important;
}
/* 全体背景 */
.comparison-table-pink .comparison-table{
background:#fdf1f1!important;
}
/* 比較名背景 */
.comparison-table-pink .comparison-table table thead th{
  background:#d1baba!important;
}
/************************************
** スマホで見やすい比較表(イエロー)
************************************/
/* 大見出し背景 */
.comparison-table-yellow .comparison-table-title{
  background:#fdc44f !important;
}
/* 中見出し背景 */
.comparison-table-yellow .comparison-table table tbody th{
  background:#fdc44f !important;
}
/* 強調文字 */
.comparison-table-yellow .comparison-table table tbody td .td-h{
  color:#fdc44f !important;
}
/* 全体背景 */
.comparison-table-yellow .comparison-table{
background:#fef9ed!important;
}
/* 比較名背景 */
.comparison-table-yellow .comparison-table table thead th{
  background:#d4c096 !important;
}
/************************************
** スマホで見やすい比較表(グリーン)
************************************/
/* 大見出し背景 */
.comparison-table-green .comparison-table-title{
  background:#2fcdb4 !important;
}
/* 中見出し背景 */
.comparison-table-green .comparison-table table tbody th{
  background:#2fcdb4 !important;
}
/* 強調文字 */
.comparison-table-green .comparison-table table tbody td .td-h{
  color:#2fcdb4 !important;
}
/* 全体背景 */
.comparison-table-green .comparison-table{
background:#eafaf7 !important;
}
/* 比較名背景 */
.comparison-table-green .comparison-table table thead th{
  background:#97c7bf !important;
}
/************************************
** スマホで見やすい比較表(シンプル)
************************************/
/* 大見出し背景 */
.comparison-table-simple .comparison-table-title{
  box-shadow:none !important;
}
/* 中見出し背景 */
.comparison-table-simple .comparison-table table tbody th{
  box-shadow:none !important;
}
/* 全体背景 */
.comparison-table-simple .comparison-table{
  background:none !important;
}
/* 比較名背景 */
.comparison-table-simple .comparison-table table thead th{
  box-shadow:none !important;
}
/* コンテンツ背景 */
.comparison-table-simple .comparison-table table tbody td{
  box-shadow:none !important;
  padding: 0.5em 1em;
}
/************************************
** スマホで見やすい比較表(画像比較)
************************************/
/* 比較名背景 */
.comparison-table-img .comparison-table table thead th{
  box-shadow:none !important;
  padding:0;
  margin:0;
  text-align:center
}
.comparison-table-img .comparison-table table thead tr{
  background:none !important;
}
.comparison-table-img .comparison-table table thead th img{
  display:block;
}
.comparison-table table thead th p{
  margin:0;
}
/* 画像タイトル */
.comparison-table-img .comparison-table table thead th .th-h{
  color:#fff;
  padding-top:10px;
  margin-bottom:10px;
  font-size:14px;
}
/************************************
** スマホで見やすい比較表(固定追尾なし)
************************************/
@media screen and (max-width: 768px){
  .no-sticky .comparison-table table thead th{
    position:static;
  }
}
/************************************
** スマホフッター
************************************/
#footspbt {
   position: fixed;
   bottom: 0px;
   opacity: 1;
   z-index: 2000;
   display: flex;
}

/************************************
**svgアニメーションサイズ
 * ************************************//***************************************************
 * Generated by SVG Artista on 6/30/2023, 12:45:27 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 2s ease 0s both, animate-svg-fill-1 5s ease 0.8s both;
          animation: animate-svg-stroke-1 2s ease 0s both, animate-svg-fill-1 5s ease 0.8s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 2s ease 0.12s both, animate-svg-fill-2 5s ease 0.9s both;
          animation: animate-svg-stroke-2 2s ease 0.12s both, animate-svg-fill-2 5s ease 0.9s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 2s ease 0.24s both, animate-svg-fill-3 5s ease 1s both;
          animation: animate-svg-stroke-3 2s ease 0.24s both, animate-svg-fill-3 5s ease 1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 2s ease 0.36s both, animate-svg-fill-4 5s ease 1.1s both;
          animation: animate-svg-stroke-4 2s ease 0.36s both, animate-svg-fill-4 5s ease 1.1s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 2s ease 0.48s both,
                       animate-svg-fill-5 5s ease 1.2000000000000002s both;
          animation: animate-svg-stroke-5 2s ease 0.48s both,
               animate-svg-fill-5 5s ease 1.2000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 2s ease 0.6s both, animate-svg-fill-6 5s ease 1.3s both;
          animation: animate-svg-stroke-6 2s ease 0.6s both, animate-svg-fill-6 5s ease 1.3s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 2s ease 0.72s both,
                       animate-svg-fill-7 5s ease 1.4000000000000001s both;
          animation: animate-svg-stroke-7 2s ease 0.72s both,
               animate-svg-fill-7 5s ease 1.4000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 2s ease 0.84s both, animate-svg-fill-8 5s ease 1.5s both;
          animation: animate-svg-stroke-8 2s ease 0.84s both, animate-svg-fill-8 5s ease 1.5s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 2s ease 0.96s both, animate-svg-fill-9 5s ease 1.6s both;
          animation: animate-svg-stroke-9 2s ease 0.96s both, animate-svg-fill-9 5s ease 1.6s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 2s ease 1.08s both,
                       animate-svg-fill-10 5s ease 1.7000000000000002s both;
          animation: animate-svg-stroke-10 2s ease 1.08s both,
               animate-svg-fill-10 5s ease 1.7000000000000002s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 2s ease 1.2s both, animate-svg-fill-11 5s ease 1.8s both;
          animation: animate-svg-stroke-11 2s ease 1.2s both, animate-svg-fill-11 5s ease 1.8s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 2s ease 1.3199999999999998s both,
                       animate-svg-fill-12 5s ease 1.9000000000000001s both;
          animation: animate-svg-stroke-12 2s ease 1.3199999999999998s both,
               animate-svg-fill-12 5s ease 1.9000000000000001s both;
}

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

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

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

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

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

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

  100% {
    fill: rgb(91, 21, 44);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 2s ease 1.44s both, animate-svg-fill-13 5s ease 2s both;
          animation: animate-svg-stroke-13 2s ease 1.44s both, animate-svg-fill-13 5s ease 2s both;
}