@charset "utf-8";

/* 共通要素 */
html {
  font-family: "游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size:62.5%;
}
body {
  box-sizing: border-box;
  margin:0;
  padding:0;
  /* background-color: #1e2235; */
  background-color: #e4e4e4;
}

@-webkit-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}
@keyframes AnimationName {
    0%{background-position:86% 0%}
    50%{background-position:15% 100%}
    100%{background-position:86% 0%}
}

.container {
  overflow: hidden;
}
.google-font {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

h1 {
  font-size:6rem;
  letter-spacing: 4px;
  margin-bottom:60px;
}

h2 {
  font-size:3rem;
  padding:0;
  margin:0;
  margin-bottom:20px;
}
h3 {
  font-size:2.6rem;
  padding:0;
  margin:0;
  margin-bottom:20px;
}
h4 {
  font-size:1.6rem;
  margin:0;
}

a,a:active,a:hover,a:visited {
  text-decoration: none;
  color:#fff;
}

a img:hover{
  opacity:0.7;
}

.caption {
    font-size: 1.5rem;
    font-weight: bold;
}

.clear {
  clear: both;
}

.tate {
  position: absolute;
  right:40px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


.markerY {
    background: linear-gradient(transparent 0%, #ebff00 0%);
    color: #009a63;
    padding: 4px 8px 4px;
    margin-top: -1.5em!important;
    position: absolute;
}
.markerW {
  background: linear-gradient(transparent 0%, #ffffff 0%);
  padding:5px;
}
.markerG {
  background: linear-gradient(transparent 0%, #eef7f7 0%);
  padding:5px;
}

#loader svg {
  width:100%;
}
.logo-svg {
  stroke: #009100;
  fill: #009100;
  stroke-width: 1;
  fill-opacity: 0;
  -webkit-animation: SVG-anim01 4s 1s ease 1;
          animation: SVG-anim01 4s 1s ease 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
}

@-webkit-keyframes SVG-anim01 {
0% {stroke-dashoffset: 800;}
80% {fill-opacity: 0;stroke-dashoffset: 0;}
100% {fill-opacity: 1;}
}
@keyframes SVG-anim01 {
0% {stroke-dashoffset: 800;}
80% {fill-opacity: 0;stroke-dashoffset: 0;}
100% {fill-opacity: 1;}
}

/* ボタン */
 .btn_box {
   width:700px;
   margin:0 auto;
 }

.btn {
  width:320px;
  margin:0 auto;
  display:block;
  text-align: center;
  font-size: 1.6rem;
  float:left;
  margin-left:10px;
  margin-right:10px;
}
.btn2 {
  float:none;
  width:460px;
  margin:0 auto;
  margin-bottom:20px;
  display:block;
  text-align: center;
  font-size: 1.6rem;
}

.button {
  position: relative;
	display: inline-block;
	width: 320px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
  background-color: #fff;
  color: #009100;
  border: 1px solid #009100;
  overflow: hidden;
  letter-spacing: 1px;
}
 .button a {
 text-decoration: none;
 color:#009100;
 font-size: 1.6rem;
 }

 .button a:hover {
   color: #ffffff;
 }


.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #009100;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0px;
  background: #ffff33;
  height:4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* fade */

.fade {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-delay:1s;
 -ms-animation-delay:1s;
 animation-delay:1s;
 -webkit-animation-name: fade;
 -ms-animation-name: fade;
 animation-name: fade;
 visibility: visible !important;
}


.fadeup {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-delay:2s;
 -ms-animation-delay:2s;
 animation-delay:2s;
 -webkit-animation-name: fadeup;
 -ms-animation-name: fadeup;
 animation-name: fadeup;
 visibility: visible !important;
}

.fadein {
  visibility: visible !important;
    transform : translate(0, 40px);
    transition : all 500ms;
    }

.fadein.scrollin {
  visibility: visible !important;
    transform : translate(0, 0);
    }

    @-webkit-keyframes fade {
     0% { opacity: 0;}
     100% { opacity: 1;}
    }
    @keyframes fade {
     0% { opacity: 0;}
     100% { opacity: 1;ß}
    }

    @-webkit-keyframes fadeup {
     0% { opacity: 0; -webkit-transform: translateY(30px); }
     100% { opacity: 1; -webkit-transform: translateY(0); }
    }
    @keyframes fadeup {
     0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
     100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    }



/* PC用設定 */
  .main {
    width:100%;
    height:400px;
    position:relative;
  }
  .logo {
    position:absolute;
    top:10px;
    left:10px;
    width:120px;
    z-index:10;
  }
.rogo{
    width: 700px;
    display: block;
    margin: 0 auto;
}
  .visual {
    position:absolute;
    left:50%;
    top:30%;
    transform:translateX(-50%);
    z-index:1;
    width: 100%;
  }
  .visual img {
    width:700px;
    transform:translateY(-50%);
  }
  .title {
    position:absolute;
    right:50%;
    transform:translateX(220%);
    top:40px;
    z-index:2;
  }
  .title img{
    width:230px;
  }
  .main_info {
    position:absolute;
    left:65%;
    transform:translateX(-150%);
    top:500px;
    z-index:2;
  }
  .main_info img {
    width:440px;
  }

  .vol {
    position:absolute;
    left:50%;
    transform:translateX(-390%);
    top:200px;
    z-index:1;
  }
  .vol img {
    width:120px;
  }

  .about{
    font-size:2rem;
    line-height:200%;
    font-weight:700;
    letter-spacing:2px;
    color:#009a63;
    margin-top:120px;
    text-align:center;
  }
  .about h1{
    font-size:4rem;
    margin-top:40px;
    line-height: 1.5;
    color: #343434;
  }

  .slide{
    margin-top:80px;
    margin-bottom:120px;
  }
  .concept{
    width: 92%;
    padding: 0 4%;
    margin-bottom:120px;
  }
  .ILL_movie {
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
  }

  .category {
    position:relative;
    top:120px;
    display:block;
  }
  .category h1{
    font-size:6rem;
    color:#009a63;
    z-index:5;
    margin:0;
    padding:0;
    line-height:0em;
    display: flex;
    align-items: center;
    text-align: center;
  }

  .category h1:before,
  .category h1:after {
    border-top: 1px solid #dddddd;
    content: "";
    display: inline;
    flex-grow: 1;
  }
  .category h1:before {
    margin-right: 0.5em;
  }
  .category h1:after {
    margin-left: 0.5em;
  }

  .contents{
    position:relative;
    width:80%;
    left:10%;
    line-height: 1.5;
    font-size: 1.5em;
    letter-spacing:2px;
    color:#009a63;
    margin-top:0px;
  }
  .box{
    position:relative;
    width:100%;
    top:40px;
    height:740px;
    margin-bottom:20px;
    box-sizing: border-box
  }
  .box img{
    width:100%;
    margin-bottom:20px;
  }

  .box2{
    position:relative;
    width:100%;
    top:10px;
    height:440px;
    margin-bottom:20px;
    box-sizing: border-box
  }

  .both {
    position:absolute;
    width:100%;
    left:50%;
    transform:translateX(-50%);
    height:700px !important;
    max-width:960px;
    box-sizing: border-box
  }

  .left {
    position:absolute;
    left:50%;
    transform:translateX(-100%);
    width:50%;
    max-width:480px;
    padding-right:5px;
    box-sizing: border-box
  }
  .left img{
    width:100%;
    margin-bottom:20px;
  }
  .right{
    position:absolute;
    right:50%;
    transform:translateX(100%);
    width:50%;
    max-width:480px;
    padding-left:5px;
    box-sizing: border-box
  }
  .right img{
    width:100%;
    margin-bottom:20px;
  }

  .box p {
      line-height:1.5;
  }

  .flyer {
    width:100%;
    margin-top:0px;
    text-align:center;
    font-size:1.8rem;
  }
  .flyer br {
    display:none;
  }

  .flyer p {
    width: 30%;
    margin: 0 auto;
    padding: 10px;
    background:#009a63;
    border-bottom: 2px solid #144a37;
    color: #1b1e2b;
    font-weight: bold;
  }

  .apply {
    position:relative;
    width:80%;
    left:10%;
    background-color: #ffff00;
    height:280px;
    padding-top:40px;
    padding-bottom:40px;
    color:#009a63;
    margin-top:120px;
    margin-bottom:140px;
  }
  .apply h3 {
    font-size:2.4rem;
    text-align:center;
    margin-top:40px;
    margin-bottom:40px;
    letter-spacing: 2px;
  }

  .info {
    margin-top: -5px;
    border-top: solid 1px #009a63;
    border-bottom: solid 1px #009a63;
    padding-top: 0px;
    padding-bottom: 60px;
    position: relative;
    width: 100%;
    left: 0%;
    text-align: center;
    color: #009a63;
    font-size: 1.5em;
    line-height: 1.8;
  }
  .info h4 {
    margin-top:20px;
    color: #333;
    padding-bottom: 0.4em;
  }
  .info p {
    margin:0;
    line-height:80%;
  }

  .contact {
    position: relative;
    width: 80%;
    left: 10%;
    height: 300px;
    color: #009a63;
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
    border-bottom: solid 1px #009a63;
    box-sizing: border-box;
  }
  .contact h1{
    font-size:6rem;
    margin:0;
    padding:0;
    color:#009a63;
  }

  .contact_txt {
    margin-top:20px;
    color: #009a63;
    font-size:1.4rem;
    line-height: 200%;
  }
  .contact_mail {
    font-weight:bold;
    font-size:2.4rem;
  }
  .contact_mail  a {
    color:#009a63;
    text-decoration: none;
  }

  .cfbnr {
    width:324px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom:60px;
  }

.copyright {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    background: #144a37;
    margin: 0;
}

.bx-wrapper{
    margin-bottom: 20px!important;
}

.round img{
    border-radius: 3px;
    margin: -10px 10px 10px;
}

.botantext{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 40px;
    display: block;
    color: #144a37;
}

.botantext2{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 40px;
    display: block;
    color: #144a37;
}

.map{
    width: 960px!important;
    height: auto;
    display: block;
    margin: 0 auto;
}

.menu ul {
    list-style: none;
    text-align: left;
    padding-left: 0;
}

.menu .about h1 {
    font-size: 3rem;
    margin-bottom: 30px;
    text-align: left;
}

.menu .about h1 span{
    font-size: 2rem;
}

.menulist li{
    margin-bottom:0em;
}

.menulist li span{
    color: #666;
}

.menu dl{
	text-align: left;
	margin-bottom: 4em;
}

.menu dd{
	margin-left: 0px;
}

.menu dt a{
	color: #009a63;
}

.menu dd{
	color: #666;
}

.line{
    background: #c5c5c5;
    height: 1px;
    margin-top: 4em;
    margin-bottom: 4em;
    display: block;
}

.shopimg{
    width: 200px;
    height: 100px;
    overflow: hidden;
    float: right;
    border-radius: 6px;
    margin-left: 1em;
}

.menu .visual img {
    width: inherit;
    transform: initial;
}

.coronamessage{
	font-size: 0.8em;
	color: #696969;
}

.eventmessagebox{
	margin: 3em;
	display: block;
}

.eventmessage{
    color: #fff!important;
    background: #009a63!important;
    padding: 15px 60px;
    font-size: 0.8em;
    text-decoration:underline;
    display: block;
    max-width: 500px;
    margin: 0 auto;
}

.spacetitle{
    text-align: left;
    font-size: 2.4rem;
    background: #019a64;
    padding-left: 0.5em;
    color: #fff;
    margin-bottom: 2em;
    margin-top: 2em;
}

.minitext{
    font-size:0.8em;
}


.PC{
    display: block;
}

.SP{
    display: none;
}


/* タブレット用設定 */
@media (max-width: 940px) {
  .logo {
    width:100px;
  }
  .visual img {
    width:700px;
  }
  .title img{
    width:160px;
  }
  .main_info {
    transform:translateX(-130%);
  }
  .main_info img {
    width:280px;
  }

  .vol {
    transform:translateX(-290%);
  }

  .about{
    font-size:1.7rem;
    letter-spacing:1px;
    margin-top:20px;
  }
  .slide{
    margin-top:60px;
  }

  .category{
    top:80px;
  }

  .category h1{
    font-size:6rem;
  }
  .contents {
    margin-top:120px;
  }
  .box h2{
    font-size:2.4rem !important;
  }
  .box2 h2{
    font-size:2.4rem !important;
  }
  .box{
    height:620px;
  }
  .box2{
    height:400px;
  }
  .right{
    width:50%;
  }

  .apply {
    left:5%;
    width:90%;
    margin-top:80px;
    margin-bottom:120px;
    height:280px;
  }
  .apply h3 {
    margin-top:20px;
    margin-bottom:40px;
    font-size:2.2rem;
  }
  .btn {
    float:none;
    width:460px;
    margin:0 auto;
    margin-bottom:20px;
  }
  .button {
    width:460px;
    height:80px;
    line-height:80px;
  }
  .btn_box {
    width:100%;
  }
  .contact {
    left:5%;
    width:90%;
  }
.map{
    width: 500px!important;
}
}

  /* SP用設定 */
  @media (max-width: 680px) {
.map{
    width: 100%!important;
}
.shopimg {
    width: 100%;
    height: auto;
}
.menu .about br {
   display: block!important;
}

.menu .about h1 {
    line-height: 1.2;
}

.tenpo li , .menulist li{
    margin-bottom:1em;
}

.coronamessage{
	font-size: 1em;
}

.eventmessagebox{
	margin: 0em;
	display: block;
}

.eventmessage{
    color: #009a63!important;
    padding: 1em;
    background: none!important;
    border:#009a63 1px solid;
    font-size: 1em;
    display: block;
    text-decoration:underline!important;
}


.PC{
    display: none;
}

.SP{
    display: block;
}
.rogo{
    width: 90%;
}
.topslide img{
    width: 380px;
}
.botantext {
    width: 80%;
    text-align: left;
    margin: 1em auto 2em;
}
.botantext2 {
    width: 100%;
    text-align: left;
    margin: 1em auto 2em;
}

.bx-wrapper{
    margin-bottom: 10px!important;
}
h2 {
    margin-bottom: 0px;
}

p{
    margin-top: 10px;
}
    .main {
      height:640px;
    }
    .logo {
      width:15%;
    }
    .visual {
    position: relative;
      top: 21%;
      width:100%;
    }
    .visual img {
      width:100%;
    }
    .title {
      transform:none;
      right:5%;
      top:20px;
      z-index:2;
    }
    .title img{
      width:120px;
    }
    .main_info {
      left:5%;
      transform:none;
    }
    .main_info img {
      width:200px;
    }
    .vol {
      right:5%;
      left:auto;
      transform:none;
      top:470px;
    }

    .vol img {
      width:80px;
    }
    .about{
      width:100%;
      margin:0 auto;
      margin-top:40px;
      text-align:left;
      font-size:1.4rem;
    }
    .about br {
      display: none;
    }
    .about h1{
    font-size: 2.2rem;
    letter-spacing: 2px;
      line-height: 150%;
      margin-bottom:20px;
    }
    .concept{
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
      margin-bottom:80px;
    }
    .ILL_movie {
      width:100%;
      overflow: hidden;
      margin-top:40px;
      margin-bottom: 60px;
    }
    .slide{
      margin-top:60px;
      margin-bottom:80px;
    }

    .category{
      top:40px;
    }

    .category h1{
      font-size:3.6rem;
    }
    .contents {
      width:100%;
      left:0;
      margin-top:80px;
    }
    .box{
      width:90%;
      left:5%;
      height:460px;
      top:10px;
    }
    .box2{
      width:90%;
      left:5%;
      height:780px;
    }
    .left {
      left:50%;
      transform:translateX(-50%);
      width:100%;
      height:400px;
      padding-right:0;
    }
    .left img{
      width:100%;
    }
    .right{
      right:50%;
      transform:translateX(50%);
      top:400px;
      width:100%;
      height:400px;
      padding-left:0;
    }
    .right img{
      width:100%;
    }

    .box p {
      line-height:1.5;
    }

    .flyer {
      margin-top:0px;
    }
    .flyer br {
      display:block;
    }

    .apply {
      background-color: #ffff00;
      height:340px;
      padding:20px;
      color:#009a63;
      margin-top:80px;
      margin-bottom:80px;
      box-sizing:border-box;
    }
    .apply h3 {
      margin-top:20px;
      margin-bottom:40px;
      font-size:1.6rem;
    }
    .apply br {
      display:none;
    }

    .btn_box {
      width:240px;
      margin:0 auto;
    }

    .btn {
      float:none;
      width:240px;
      margin:0 auto;
      margin-bottom:20px;
    }
    .btn2 {
      float:none;
      width:240px;
      margin:0 auto;
      margin-bottom:20px;
    }
    .button {
      width:240px;
      height:80px;
      line-height:80px;
      font-size:1.6rem;
    }

    .info {
      width:90%;
      margin:0 auto;
      font-size:1.5rem;
    }
    .info h4 {
      margin-top:0px;
    }

    .contact {
      margin-top:80px;
      height:240px;
    }
    .contact h1{
      top:-20px;
      font-size:3.6rem;
    }

    .contact_txt {
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top:60px;
      margin-top:20px;
      color: #009a63;
      font-size:1.4rem;
      line-height: 200%;
    }

.info{
    padding: 2em 10% 2em;
    width: 80%;
    left: 0%;
    margin-top: -5px;
}
.flyer p {
    width: 80%;
}
.concept {
    width: 100%;
    padding:0 5%;
    margin-bottom: 30px;
}
.contents{
    margin-top: 0px;
}
.contact {
    margin-top: 0px;
}
.toprogo{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.main {
    height: 260px;
}
.bx-viewport{
	height: auto!important;
}
.about {
    margin-top: 0px!important;
}
.slide {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.explanation{
    width: 100%;
}

.markerY {
    margin-top: 0em!important;
    position: relative;
}

.box img {
    margin-bottom: 15px;
}

.left img {
    margin-bottom: 10px;
}

.right img {
    margin-bottom: 10px;
}

.round img{
    width: 100px;
    margin: -10px 10px 10px;
}

}


/*******************************************************************************************************************************************************************************************************************************************************/


/***************************************************

ロゴデータのアニメーション動作

 **************************************************/


/***************************************************
 * Generated by SVG Artista on 3/17/2023, 8:37:15 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 3/17/2023, 8:42:29 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 3/17/2023, 8:44:36 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 3/17/2023, 8:47:47 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 3/17/2023, 8:49:33 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-43 {
  animation: animate-svg-fill-43 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-44 {
  animation: animate-svg-fill-44 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9199999999999999s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-45 {
  animation: animate-svg-fill-45 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.94s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-47 {
  animation: animate-svg-fill-47 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-49 {
  animation: animate-svg-fill-49 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-50 {
  animation: animate-svg-fill-50 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-51 {
  animation: animate-svg-fill-51 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-54 {
  animation: animate-svg-fill-54 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-55 {
  animation: animate-svg-fill-55 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-56 {
  animation: animate-svg-fill-56 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1600000000000001s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-57 {
  animation: animate-svg-fill-57 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1800000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-59 {
  animation: animate-svg-fill-59 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-60 {
  animation: animate-svg-fill-60 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-61 {
  animation: animate-svg-fill-61 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-62 {
  animation: animate-svg-fill-62 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-64 {
  animation: animate-svg-fill-64 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-65 {
  animation: animate-svg-fill-65 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-66 {
  animation: animate-svg-fill-66 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-67 {
  animation: animate-svg-fill-67 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3800000000000001s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-69 {
  animation: animate-svg-fill-69 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4200000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-70 {
  animation: animate-svg-fill-70 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4400000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-71 {
  animation: animate-svg-fill-71 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4600000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-72 {
  animation: animate-svg-fill-72 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-74 {
  animation: animate-svg-fill-74 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-75 {
  animation: animate-svg-fill-75 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.54s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-77 {
  animation: animate-svg-fill-77 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-79 {
  animation: animate-svg-fill-79 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.62s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-80 {
  animation: animate-svg-fill-80 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-81 {
  animation: animate-svg-fill-81 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6600000000000001s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-82 {
  animation: animate-svg-fill-82 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6800000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

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

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-84 {
  animation: animate-svg-fill-84 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7200000000000002s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-85 {
  animation: animate-svg-fill-85 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.74s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-86 {
  animation: animate-svg-fill-86 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s both;
}

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

  100% {
    fill: rgb(22, 138, 59);
  }
}

.svg-elem-87 {
  animation: animate-svg-fill-87 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.78s both;
}


/*******************************************************************************************************************************************************************************************************************************************************/


/* メニュー */

.menu-btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: flex;
    height: 45px;
    width: 45px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #13903b;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


#menu-btn-check {
    display: none;
}

.menu-content ul {
    padding: 15px 15px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 15px;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #144a37;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

html{
    overflow-x: hidden;
}

body{
    display: initial;
}

.menu-content ul li h4{
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
    margin-top: 30px;
}

.pickupmenu{
    font-weight: bold;
    background: #1f7355;
    padding-left: 15px;
}

/* ------------------- */

blockquote {
    position: relative;
    padding-top: 14px;
    margin-top: 1.75428rem;
    border-left: 1px solid #c2c2c2;
    padding-left: 30px;
    margin-left: 0;
}

blockquote:before {
    position: absolute;
    content: "";
    display: block;
    background:url(../radio/quo.png) #e4e4e4 no-repeat 50%;
    background-size: contain;
    width: 14px;
    padding-top: 30.5px;
    top: -2px;
    left: -7px;
}

.menu .visual{
    top:10%;
}

.menu .radiobox dt a {
    background: #fbff00;
    padding: 5px 10px;
    letter-spacing: 0;
    border-radius: 6px;
}

.radiobox img{
    border-radius: 6px;
    width:300px!important;
}

.numbermark{
    position: absolute;
    margin-top: -145px;
    font-size: 50pt;
    margin-left: -19px;
    color: #fff;
    opacity: 0.9;
}

.mapbox{
    height: auto;
    padding-bottom: 45px;
}