/*
  $Id: data3min-contents.css,v1.0 $
*/
/*===========================================================================
-----------------------------------------------------------------------------
  アニメパネル #レイアウト設定　ここから
-----------------------------------------------------------------------------
===========================================================================*/
#background #anime-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#background #anime-wrapper .anime-set {
  display: flex;
  flex-direction: column;
  margin: 0 auto 40px;
  border-radius: 40px;
  background: #fff;
  color: #231815;
  padding: 30px;
}
#background #anime-wrapper .anime-set h4 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.1em;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#background #anime-wrapper .anime-set h4 small {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}
#background #anime-wrapper .anime-set .text-box {
  margin: auto 0;
  letter-spacing: 0;
}
#background #anime-wrapper .anime-set b {
  font-family: "futura-pt-bold", sans-serif;
  letter-spacing: 0;
}


/** 小さい画面用分岐 **/
@media screen and (max-width: 1000px) {
  #background #anime-wrapper .anime-set {
    margin-bottom: 4vw;
    border-radius: 4vw;
    padding: 3vw;
  }
  #background #anime-wrapper .anime-set h4 {
    font-size: 2vw;
    margin-bottom: 2vw;
  }
  #background #anime-wrapper .anime-set h4 small {
    font-size: 1.6vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime-set {
    margin-bottom: 5vw;
    border-radius: 7vw;
    padding: 5.5vw;
  }
  #background #anime-wrapper .anime-set h4 {
    font-size: 3.6vw;
    margin-bottom: 5vw;
  }
  #background #anime-wrapper .anime-set h4 small {
    font-size: 2.8vw;
  }
}

/*------------------------------------
  バリエーション 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime-set.anime01 ,
#background #anime-wrapper .anime-set.anime11 ,
#background #anime-wrapper .anime-set.anime21 ,
#background #anime-wrapper .anime-set.anime31 ,
#background #anime-wrapper .anime-set.anime41 {
  margin-left: 0;
}
#background #anime-wrapper .anime-set.anime02 ,
#background #anime-wrapper .anime-set.anime13 ,
#background #anime-wrapper .anime-set.anime23 ,
#background #anime-wrapper .anime-set.anime33 ,
#background #anime-wrapper .anime-set.anime42 {
  margin-right: 0;
}
#background #anime-wrapper .anime-set.anime01 {width: 510px} /* 1行目 */
#background #anime-wrapper .anime-set.anime02 {width: 450px}
#background #anime-wrapper .anime-set.anime11 {width: 210px} /* 2行目 */
#background #anime-wrapper .anime-set.anime12 {width: 450px}
#background #anime-wrapper .anime-set.anime13 {width: 260px}
#background #anime-wrapper .anime-set.anime21 {width: 260px} /* 3行目 */
#background #anime-wrapper .anime-set.anime22 {width: 460px}
#background #anime-wrapper .anime-set.anime23 {width: 210px}
#background #anime-wrapper .anime-set.anime31 {width: 420px} /* 4行目 */
#background #anime-wrapper .anime-set.anime32 {width: 280px}
#background #anime-wrapper .anime-set.anime33 {width: 230px}
#background #anime-wrapper .anime-set.anime41 {width: 370px} /* 5行目 */
#background #anime-wrapper .anime-set.anime42 {width: 590px}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime-set.anime01 {width: 51%} /* 1行目 */
  #background #anime-wrapper .anime-set.anime02 {width: 45%}
  #background #anime-wrapper .anime-set.anime11 {width: 21%} /* 2行目 */
  #background #anime-wrapper .anime-set.anime12 {width: 45%}
  #background #anime-wrapper .anime-set.anime13 {width: 26%}
  #background #anime-wrapper .anime-set.anime21 {width: 26%} /* 3行目 */
  #background #anime-wrapper .anime-set.anime22 {width: 46%}
  #background #anime-wrapper .anime-set.anime23 {width: 21%}
  #background #anime-wrapper .anime-set.anime31 {width: 42%} /* 4行目 */
  #background #anime-wrapper .anime-set.anime32 {width: 28%}
  #background #anime-wrapper .anime-set.anime33 {width: 23%}
  #background #anime-wrapper .anime-set.anime41 {width: 37%} /* 5行目 */
  #background #anime-wrapper .anime-set.anime42 {width: 59%}
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime-set.anime01 ,
  #background #anime-wrapper .anime-set.anime11 ,
  #background #anime-wrapper .anime-set.anime21 ,
  #background #anime-wrapper .anime-set.anime31 ,
  #background #anime-wrapper .anime-set.anime41 ,
  #background #anime-wrapper .anime-set.anime02 ,
  #background #anime-wrapper .anime-set.anime13 ,
  #background #anime-wrapper .anime-set.anime23 ,
  #background #anime-wrapper .anime-set.anime33 ,
  #background #anime-wrapper .anime-set.anime42 {
    margin-right: 0;
    margin-left: 0;
  }
  #background #anime-wrapper .anime-set.anime01 ,
  #background #anime-wrapper .anime-set.anime02 ,
  #background #anime-wrapper .anime-set.anime11 ,
  #background #anime-wrapper .anime-set.anime12 ,
  #background #anime-wrapper .anime-set.anime13 ,
  #background #anime-wrapper .anime-set.anime21 ,
  #background #anime-wrapper .anime-set.anime22 ,
  #background #anime-wrapper .anime-set.anime23 ,
  #background #anime-wrapper .anime-set.anime31 ,
  #background #anime-wrapper .anime-set.anime32 ,
  #background #anime-wrapper .anime-set.anime33 ,
  #background #anime-wrapper .anime-set.anime41 ,
  #background #anime-wrapper .anime-set.anime42 {
    width: 100%
  }
}
/*------------------------------------
  パララックス用基本 設定　ここから
-------------------------------------*/
#background #anime-wrapper .parallax {
  display: block;
  filter: Alpha(opacity=100);
  opacity: 1;
}

/*===========================================================================

  アニメパネル #01 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime01 .text-box {
  display: flex;
  justify-content: center;
}
#background #anime-wrapper .anime01 figure {
  margin: auto auto auto 0;
  width: 12vw;
  max-width: 120px;
}
#background #anime-wrapper .anime01 dl {
  display: flex;
  flex-wrap: wrap;
  margin: auto 0 auto auto;
  width: calc(100% - 13vw);
  min-width: calc(100% - 140px);
}
#background #anime-wrapper .anime01 dl dt {
  margin: auto 0;
  width: 4em;
  font-size: 29px;
  font-weight: 900;
  color: #0075c2;
  text-align: center;
}
#background #anime-wrapper .anime01 dl dd {
  margin: auto 0;
  width: calc(100% - 4em);
  text-align: right;
  font-size: 37px;
  font-weight: 900;
}
#background #anime-wrapper .anime01 dl dd b ,
#background #anime-wrapper .anime01 dl dd b:after {
  font-size: 60px;
  font-weight: 700;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime01 dl dt {
    font-size: 2.6vw;
  }
  #background #anime-wrapper .anime01 dl dd {
    font-size: 3.3vw;
  }
  #background #anime-wrapper .anime01 dl dd b ,
  #background #anime-wrapper .anime01 dl dd b:after {
    font-size: 5.45vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime01 figure {
    width: 20vw;
  }
  #background #anime-wrapper .anime01 dl {
    width: calc(100% - 23vw);
  }
  #background #anime-wrapper .anime01 dl dt {
    font-size: 4.3vw;
  }
  #background #anime-wrapper .anime01 dl dd {
    font-size: 5.5vw;
  }
  #background #anime-wrapper .anime01 dl dd b ,
  #background #anime-wrapper .anime01 dl dd b:after {
    font-size: 9vw;
  }
}

/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count01d1 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime01.paraOn dl dd b.day1 {
  counter-set: anime01day1 var(--count01d1);
  animation: anime01d1 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime01.paraOn dl dd b.day1:after {
  content: counter(anime01day1);
}
@keyframes anime01d1 {
  100% {
    --count01d1: 120;
  }
}
/*-----------------------------------*/

@property --count01d2 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime01.paraOn dl dd b.day2 {
  counter-set: anime01day2 var(--count01d2);
  animation: anime01d2 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime01.paraOn dl dd b.day2:after {
  content: counter(anime01day2);
}
@keyframes anime01d2 {
  100% {
    --count01d2: 106;
  }
}


/*===========================================================================

  アニメパネル #02 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime02 .text-box {
  display: flex;
  justify-content: center;
}
#background #anime-wrapper .anime02 figure {
  margin: auto auto auto 0;
  width: 12vw;
  max-width: 120px;
}
#background #anime-wrapper .anime02 p {
  display: flex;
  justify-content: center;
  margin: auto 0 auto auto;
  width: calc(100% - 13vw);
  min-width: calc(100% - 140px);
}
#background #anime-wrapper .anime02 p b ,
#background #anime-wrapper .anime02 p b:after {
  margin: auto 0;
  font-size: 92px;
  font-weight: 700;
  line-height: 1em;
}
#background #anime-wrapper .anime02 p em {
  display: block;
  margin: auto 0 auto 0.5em;
  writing-mode: vertical-lr;
  font-size: 33px;
  font-weight: 900;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime02 p b ,
  #background #anime-wrapper .anime02 p b:after {
    font-size: 8.36vw;
  }
  #background #anime-wrapper .anime02 p em {
    font-size: 3vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime02 figure {
    width: 20vw;
  }
  #background #anime-wrapper .anime02 p {
    width: calc(100% - 23vw);
  }
  #background #anime-wrapper .anime02 p b ,
  #background #anime-wrapper .anime02 p b:after {
    font-size: 16vw;
  }
  #background #anime-wrapper .anime02 p em {
    font-size: 5.7vw;
  }
}

/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count02 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime02.paraOn p b {
  counter-set: anime02 var(--count02);
  animation: anime02 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime02.paraOn p b:after {
  content: counter(anime02);
}
@keyframes anime02 {
  100% {
    --count02: 328;
  }
}




/*===========================================================================

  アニメパネル #11 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime11 figure {
  width: 12vw;
  max-width: 120px;
  margin: auto;
}
#background #anime-wrapper .anime11 p {
  text-align: center;
  margin-top: 20px;
  line-height: 50px;
}
#background #anime-wrapper .anime11 p b ,
#background #anime-wrapper .anime11 p b:after {
  font-size: 50px;
}
#background #anime-wrapper .anime11 p em {
  font-size: 37px;
  font-weight: 900;
  padding-left: 0.2em;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime11 p {
    margin-top: 1.8vw;
    line-height: 4.5vw;
  }
  #background #anime-wrapper .anime11 p b ,
  #background #anime-wrapper .anime11 p b:after {
    font-size: 4.5vw;
  }
  #background #anime-wrapper .anime11 p em {
    font-size: 3.3vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime11 .text-box {
    display: flex;
    justify-content: center;
  }
  #background #anime-wrapper .anime11 figure {
    margin: auto auto auto 0;
    width: 20vw;
  }
  #background #anime-wrapper .anime11 p {
    margin: auto 0 auto auto;
    width: calc(100% - 23vw);
    line-height: 6.4vw;
  }
  #background #anime-wrapper .anime11 p b ,
  #background #anime-wrapper .anime11 p b:after {
    font-size: 16vw;
  }
  #background #anime-wrapper .anime11 p em {
    font-size: 6.4vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count11 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime11.paraOn p b {
  counter-set: anime11 var(--count11);
  animation: anime11 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime11.paraOn p b:after {
  content: counter(anime11);
}
@keyframes anime11 {
  100% {
    --count11: 222;
  }
}



/*===========================================================================

  アニメパネル #12 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime12 .text-box {
  display: flex;
}
#background #anime-wrapper .anime12 figure {
  width: 50%;
  margin: auto 0;
  z-index: 10;
}
#background #anime-wrapper .anime12 figure:before {
  content: "";
  display: block;
  width: 99%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#background #anime-wrapper .anime12 ul {
  width: 25%;
  margin: auto 0;
  z-index: 20;
}
#background #anime-wrapper .anime12 ul li {
  font-family: "futura-pt-bold", "Noto Sans JP", sans-serif;
  margin: auto 0;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.95em;
  text-align: center;
  position: static;
}
#background #anime-wrapper .anime12 ul li em.attention {
  display: block;
  font-size: 11px;
  line-height: 0;
  text-align: center;
}
#background #anime-wrapper .anime12 ul li span small {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-size: 50%;
}
#background #anime-wrapper .anime12 ul li span.jene20 ,
#background #anime-wrapper .anime12 ul li span.jene30 ,
#background #anime-wrapper .anime12 ul li span.jene40 ,
#background #anime-wrapper .anime12 ul li span.jene50 ,
#background #anime-wrapper .anime12 ul li span.jene60 {
  position: absolute;
  left: 60%;
  top: calc(0% + 0.2em);
  font-size: 32px;
  line-height: 1em;
}
#background #anime-wrapper .anime12 ul li span.jene30 {
  left: 65%;
  top: calc(20% + 0.2em);
}
#background #anime-wrapper .anime12 ul li span.jene40 {
  left: 78%;
  top: calc(40% - 0.1em);
  font-size: 47px;
}
#background #anime-wrapper .anime12 ul li span.jene50 {
  left: 67%;
  top: calc(60% + 0.2em);
}
#background #anime-wrapper .anime12 ul li span.jene60 {
  left: 52%;
  top: calc(80% + 0.2em);
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime12 ul li {
    font-size: 1.9vw;
  }
  #background #anime-wrapper .anime12 ul li em.attention {
    font-size: 1vw;
  }
  #background #anime-wrapper .anime12 ul li span.jene20 ,
  #background #anime-wrapper .anime12 ul li span.jene30 ,
  #background #anime-wrapper .anime12 ul li span.jene50 ,
  #background #anime-wrapper .anime12 ul li span.jene60 {
    font-size: 2.9vw;
  }
  #background #anime-wrapper .anime12 ul li span.jene40 {
    font-size: 4.2vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime12 ul li {
    font-size: 3.7vw;
  }
  #background #anime-wrapper .anime12 ul li em.attention {
    display: none;
  }
  #background #anime-wrapper .anime12 ul li span.jene20 ,
  #background #anime-wrapper .anime12 ul li span.jene30 ,
  #background #anime-wrapper .anime12 ul li span.jene50 ,
  #background #anime-wrapper .anime12 ul li span.jene60 {
    font-size: 5.6vw;
  }
  #background #anime-wrapper .anime12 ul li span.jene40 {
    font-size: 8.2vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count12j20 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene20 b {
  counter-set: anime12j20 var(--count12j20);
  animation: anime12j20 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene20 b:after {
  content: counter(anime12j20);
}
@keyframes anime12j20 {
  100% {
    --count12j20: 16;
  }
}
/*-----------------------------------*/
@property --count12j30 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene30 b {
  counter-set: anime12j30 var(--count12j30);
  animation: anime12j30 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene30 b:after {
  content: counter(anime12j30);
}
@keyframes anime12j30 {
  100% {
    --count12j30: 21;
  }
}
/*-----------------------------------*/
@property --count12j40 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene40 b {
  counter-set: anime12j40 var(--count12j40);
  animation: anime12j40 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene40 b:after {
  content: counter(anime12j40);
}
@keyframes anime12j40 {
  100% {
    --count12j40: 32;
  }
}
/*-----------------------------------*/
@property --count12j50 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene50 b {
  counter-set: anime12j50 var(--count12j50);
  animation: anime12j50 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene50 b:after {
  content: counter(anime12j50);
}
@keyframes anime12j50 {
  100% {
    --count12j50: 22;
  }
}
/*-----------------------------------*/
@property --count12j60 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene60 b {
  counter-set: anime12j60 var(--count12j60);
  animation: anime12j60 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime12.paraOn ul li span.jene60 b:after {
  content: counter(anime12j60);
}
@keyframes anime12j60 {
  100% {
    --count12j60: 9;
  }
}
/*------------------------------------
  アニメ グラフ表示 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime12.paraOn figure:before {
  animation: anime12graph 0.9s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime12graph {
  100% {
    width: 0.1%;
  }
}


/*===========================================================================

  アニメパネル #13 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime13 figure {
  max-width: 35vw;
  margin: 0 auto;
}
#background #anime-wrapper .anime13 figure span.graph {
  display: block;
  max-width: 35vw;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
#background #anime-wrapper .anime13 figure span.graph:before ,
#background #anime-wrapper .anime13 figure span.graph:after {
  content: "";
  display: block;
  max-width: 35vw;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: -moz-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 50.01%);
  background: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 50.01%);
  background: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 50.01%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transform-origin: center center;
}
#background #anime-wrapper .anime13 figure span.graph:after {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  z-index: 20;
}
#background #anime-wrapper .anime13 p {
  display: block;
  position: absolute;
  text-align: center;
  color: #fff;
  z-index: 30;
}
#background #anime-wrapper .anime13 p em {
  display: block;
  text-align: center;
  font-weight: 900;
  line-height: 1.4em;
}
#background #anime-wrapper .anime13 p small {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
}
#background #anime-wrapper .anime13 p.bunkei {
  right: 55%;
  bottom: 50%;
}
#background #anime-wrapper .anime13 p.bunkei em {
  font-size: 16px;
}
#background #anime-wrapper .anime13 p.bunkei b ,
#background #anime-wrapper .anime13 p.bunkei b:after {
  font-size: 34px;
}
#background #anime-wrapper .anime13 p.bunkei small {
  font-size: 17px;
}
#background #anime-wrapper .anime13 p.rikei {
  left: 50%;
  top: 44%;
}
#background #anime-wrapper .anime13 p.rikei em {
  font-size: 18px;
}
#background #anime-wrapper .anime13 p.rikei b ,
#background #anime-wrapper .anime13 p.rikei b:after {
  font-size: 40px;
}
#background #anime-wrapper .anime13 p.rikei small {
  font-size: 20px;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime13 p.bunkei em {
    font-size: 1.45vw;
  }
  #background #anime-wrapper .anime13 p.bunkei b ,
  #background #anime-wrapper .anime13 p.bunkei b:after {
    font-size: 3vw;
  }
  #background #anime-wrapper .anime13 p.bunkei small {
    font-size: 1.5vw;
  }
  #background #anime-wrapper .anime13 p.rikei em {
    font-size: 1.6vw;
  }
  #background #anime-wrapper .anime13 p.rikei b ,
  #background #anime-wrapper .anime13 p.rikei b:after {
    font-size: 3.6vw;
  }
  #background #anime-wrapper .anime13 p.rikei small {
    font-size: 1.8vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime13 p.bunkei {
    right: 53%;
  }
  #background #anime-wrapper .anime13 p.bunkei em {
    font-size:2.9vw;
  }
  #background #anime-wrapper .anime13 p.bunkei b ,
  #background #anime-wrapper .anime13 p.bunkei b:after {
    font-size: 5.8vw;
  }
  #background #anime-wrapper .anime13 p.bunkei small {
    font-size: 2.9vw;
  }
  #background #anime-wrapper .anime13 p.rikei em {
    font-size: 3.6vw;
  }
  #background #anime-wrapper .anime13 p.rikei b ,
  #background #anime-wrapper .anime13 p.rikei b:after {
    font-size: 7vw;
  }
  #background #anime-wrapper .anime13 p.rikei small {
    font-size: 3.5vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count13bunkei {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime13.paraOn p.bunkei b {
  counter-set: anime13bunkei var(--count13bunkei);
  animation: anime13bunkei 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime13.paraOn p.bunkei b:after {
  content: counter(anime13bunkei);
}
@keyframes anime13bunkei {
  100% {
    --count13bunkei: 30;
  }
}
/*-----------------------------------*/
@property --count13rikei {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime13.paraOn p.rikei b {
  counter-set: anime13rikei var(--count13rikei);
  animation: anime13rikei 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime13.paraOn p.rikei b:after {
  content: counter(anime13rikei);
}
@keyframes anime13rikei {
  100% {
    --count13rikei: 70;
  }
}
/*------------------------------------
  アニメ グラフ表示 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime13.paraOn figure span.graph:after {
  animation: anime13graph1 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime13graph1 {
  0% {
    transform: rotate(0deg);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  }
  50% {
    transform: rotate(180deg);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #fff 50.01%);
  }
  50.01% {
    transform: rotate(0deg);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
  }
  50.01% {
    transform: rotate(0deg);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
  }
  99.99% {
    transform: rotate(0deg);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #0075c2 50.01%);
  }
  100% {
    transform: rotate(0deg);
    background: transparent;
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime13.paraOn figure span.graph:before {
  animation: anime13graph2 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime13graph2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  99.99% {
    background: -moz-linear-gradient(left, #fff 49%, rgba(255, 255, 255, 0) 49.01%);
    background: -webkit-linear-gradient(left, #fff 49%, rgba(255, 255, 255, 0) 49.01%);
    background: linear-gradient(to right, #fff 49%, rgba(255, 255, 255, 0) 49.01%);
  }
  100% {
    transform: rotate(180deg);
    background: transparent;
  }
}
/*===========================================================================

  アニメパネル #21 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime21 figure {
  width: 12vw;
  max-width: 120px;
  margin: auto;
}
#background #anime-wrapper .anime21 p {
  margin-top: 20px;
  font-size: 38px;
  line-height: 38px;
  text-align: center;
}
#background #anime-wrapper .anime21 b.yukyu1 ,
#background #anime-wrapper .anime21 b.yukyu1:after {
  font-size: 64px;
  font-weight: 700;
}
#background #anime-wrapper .anime21 b.yukyu2 ,
#background #anime-wrapper .anime21 b.yukyu2:after {
  font-size: 38px;
  font-weight: 700;
}
#background #anime-wrapper .anime21 em {
  font-size: 21px;
  font-weight: 900;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime21 p {
    margin-top: 1.8vw;
    font-size: 3.45vw;
    line-height: 3.45vw;
  }
  #background #anime-wrapper .anime21 b.yukyu1 ,
  #background #anime-wrapper .anime21 b.yukyu1:after {
    font-size: 5.8vw;
  }
  #background #anime-wrapper .anime21 b.yukyu2 ,
  #background #anime-wrapper .anime21 b.yukyu2:after {
    font-size: 3.45vw;
  }
  #background #anime-wrapper .anime21 em {
    font-size: 1.9vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime21 .text-box {
    display: flex;
    justify-content: center;
  }
  #background #anime-wrapper .anime21 figure {
    margin: auto auto auto 0;
    width: 20vw;
  }
  #background #anime-wrapper .anime21 p {
    margin: auto 0 auto auto;
    width: calc(100% - 23vw);
    font-size: 9vw;
    line-height: 9vw;
  }
  #background #anime-wrapper .anime21 p em {
    font-size: 5vw;
  }
  #background #anime-wrapper .anime21 b.yukyu1 ,
  #background #anime-wrapper .anime21 b.yukyu1:after {
    font-size: 14vw;
  }
  #background #anime-wrapper .anime21 b.yukyu2 ,
  #background #anime-wrapper .anime21 b.yukyu2:after {
    font-size: 9vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count21yukyu1 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime21.paraOn b.yukyu1 {
  counter-set: anime21yukyu1 var(--count21yukyu1);
  animation: anime21yukyu1 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime21.paraOn b.yukyu1:after {
  content: counter(anime21yukyu1);
}
@keyframes anime21yukyu1 {
  100% {
    --count21yukyu1: 15;
  }
}
/*-----------------------------------*/
@property --count21yukyu2 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime21.paraOn b.yukyu2 {
  counter-set: anime21yukyu2 var(--count21yukyu2);
  animation: anime21yukyu2 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime21.paraOn b.yukyu2:after {
  content: counter(anime21yukyu2);
}
@keyframes anime21yukyu2 {
  100% {
    --count21yukyu2: 0;
  }
}
/*===========================================================================

  アニメパネル #22 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime22 .text-box {
  display: flex;
  margin: auto 0 0;
}
#background #anime-wrapper .anime22 .text-box + .text-box {
  border-top: 1px solid #8a8a8a;
  padding-top: 20px;
  margin: 0 0 auto;
}
#background #anime-wrapper .anime22 h5 {
  width: 4em;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.4em;
  color: #0075c2;
}
#background #anime-wrapper .anime22 .data-box {
  width: calc(100% - 4.5em);
}
#background #anime-wrapper .anime22 dl {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
#background #anime-wrapper .anime22 dl dt {
  margin: auto auto auto 0;
  width: 6.4em;
  background: #0075c2;
  border-radius: 0.8em;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 0;
  padding: 0.3em 0 0.5em;
  text-align: center;
}
#background #anime-wrapper .anime22 dl dd {
  margin: auto 0 auto auto;
  font-size: 25px;
  font-weight: 900;
  line-height: 1em;
  text-align: right;
}
#background #anime-wrapper .anime22 dl dd b ,
#background #anime-wrapper .anime22 dl dd b:before {
  font-size: 33px;
  font-weight: 700;
}

#background #anime-wrapper .anime22 dl:nth-of-type(2n) dt ,
#background #anime-wrapper .anime22 .data-box:nth-of-type(2n) dl dt {
  background: #3390ce;
}
/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime22 .text-box + .text-box {
    padding-top: 1.8vw;
  }
  #background #anime-wrapper .anime22 h5 {
    font-size: 1.8vw;
  }
  #background #anime-wrapper .anime22 dl {
    margin-bottom: 1.8vw;
  }
  #background #anime-wrapper .anime22 dl dt {
    font-size: 1.3vw;
  }
  #background #anime-wrapper .anime22 dl dd {
    font-size: 2.27vw;
  }
  #background #anime-wrapper .anime22 dl dd b ,
  #background #anime-wrapper .anime22 dl dd b:before {
    font-size: 3vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime22 .text-box + .text-box {
    padding-top: 3.5vw;
  }
  #background #anime-wrapper .anime22 h5 {
    font-size:  3.5vw;
  }
  #background #anime-wrapper .anime22 dl {
    margin-bottom: 3.5vw;
  }
  #background #anime-wrapper .anime22 dl dt {
    font-size: 2.7vw;
  }
  #background #anime-wrapper .anime22 dl dd {
    font-size: 4.4vw;
  }
  #background #anime-wrapper .anime22 dl dd b ,
  #background #anime-wrapper .anime22 dl dd b:before {
    font-size: 5.7vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count22kosensotsu {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime22.paraOn dl dd b.kosensotsu {
  counter-set: anime22kosensotsu var(--count22kosensotsu);
  animation: anime22kosensotsu 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime22.paraOn dl dd b.kosensotsu:before {
  content: counter(anime22kosensotsu);
}
@keyframes anime22kosensotsu {
  100% {
    --count22kosensotsu: 230;
  }
}
/*-----------------------------------*/
@property --count22daisotsu {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime22.paraOn dl dd b.daisotsu {
  counter-set: anime22daisotsu var(--count22daisotsu);
  animation: anime22daisotsu 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime22.paraOn dl dd b.daisotsu:before {
  content: counter(anime22daisotsu);
}
@keyframes anime22daisotsu {
  100% {
    --count22daisotsu: 250;
  }
}
/*-----------------------------------*/
@property --count22insotsu {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime22.paraOn dl dd b.insotsu {
  counter-set: anime22insotsu var(--count22insotsu);
  animation: anime22insotsu 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime22.paraOn dl dd b.insotsu:before {
  content: counter(anime22insotsu);
}
@keyframes anime22insotsu {
  100% {
    --count22insotsu: 260;
  }
}
/*-----------------------------------*/
@property --count22kosotsu {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime22.paraOn dl dd b.kosotsu {
  counter-set: anime22kosotsu var(--count22kosotsu);
  animation: anime22kosotsu 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime22.paraOn dl dd b.kosotsu:before {
  content: counter(anime22kosotsu);
}
@keyframes anime22kosotsu {
  100% {
    --count22kosotsu: 200;
  }
}
/*===========================================================================

  アニメパネル #23 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime23 figure {
  width: 12vw;
  max-width: 120px;
  margin: auto;
}
#background #anime-wrapper .anime23 p {
  margin-top: 20px;
  font-size: 38px;
  line-height: 38px;
  text-align: center;
}
#background #anime-wrapper .anime23 b.kinzoku1 ,
#background #anime-wrapper .anime23 b.kinzoku1:after {
  font-size: 64px;
  font-weight: 700;
}
#background #anime-wrapper .anime23 b.kinzoku2 ,
#background #anime-wrapper .anime23 b.kinzoku2:after {
  font-size: 38px;
  font-weight: 700;
}
#background #anime-wrapper .anime23 em {
  font-size: 21px;
  font-weight: 900;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime23 p {
    margin-top: 1.8vw;
    font-size: 3.45vw;
    line-height: 3.45vw;
  }
  #background #anime-wrapper .anime23 b.kinzoku1 ,
  #background #anime-wrapper .anime23 b.kinzoku1:after {
    font-size: 5.8vw;
  }
  #background #anime-wrapper .anime23 b.kinzoku2 ,
  #background #anime-wrapper .anime23 b.kinzoku2:after {
    font-size: 3.45vw;
  }
  #background #anime-wrapper .anime23 em {
    font-size: 1.9vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime23 .text-box {
    display: flex;
    justify-content: center;
  }
  #background #anime-wrapper .anime23 figure {
    margin: auto auto auto 0;
    width: 20vw;
  }
  #background #anime-wrapper .anime23 p {
    margin: auto 0 auto auto;
    width: calc(100% - 23vw);
    font-size: 9vw;
    line-height: 9vw;
  }
  #background #anime-wrapper .anime23 p em {
    font-size: 5vw;
  }
  #background #anime-wrapper .anime23 b.kinzoku1 ,
  #background #anime-wrapper .anime23 b.kinzoku1:after {
    font-size: 14vw;
  }
  #background #anime-wrapper .anime23 b.kinzoku2 ,
  #background #anime-wrapper .anime23 b.kinzoku2:after {
    font-size: 9vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count23kinzoku1 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime23.paraOn b.kinzoku1 {
  counter-set: anime23kinzoku1 var(--count23kinzoku1);
  animation: anime23kinzoku1 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime23.paraOn b.kinzoku1:before {
  content: counter(anime23kinzoku1);
}
@keyframes anime23kinzoku1 {
  100% {
    --count23kinzoku1: 21;
  }
}
/*-----------------------------------*/
@property --count23kinzoku2 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime23.paraOn b.kinzoku2 {
  counter-set: anime23kinzoku2 var(--count23kinzoku2);
  animation: anime23kinzoku2 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime23.paraOn b.kinzoku2:before {
  content: counter(anime23kinzoku2);
}
@keyframes anime23kinzoku2 {
  100% {
    --count23kinzoku2: 1;
  }
}
/*===========================================================================

  アニメパネル #31 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime31 .text-box {
  display: flex;
}
#background #anime-wrapper .anime31 .text-box:before {
  content: "";
  display: block;
  width: 12vw;
  max-width: 120px;
  height: 100%;
  background: url(./images/recruit/3min/panel-icon31-background.svg) no-repeat 50% 80%;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}
#background #anime-wrapper .anime31 figure {
  width: 40%;
  margin: auto 0;
  z-index: 10;
}
#background #anime-wrapper .anime31 figure:before {
  content: "";
  display: block;
  width: 99%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#background #anime-wrapper .anime31 ul {
  width: 30%;
  margin: auto 0;
  z-index: 30;
}
#background #anime-wrapper .anime31 ul li {
  font-family: "futura-pt-bold", "Noto Sans JP", sans-serif;
  margin: auto 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 2.2em;
  text-align: right;
  padding-right: 0.5em;
  position: static;
}
#background #anime-wrapper .anime31 ul li span small {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-size: 50%;
}
#background #anime-wrapper .anime31 ul li span.chuou ,
#background #anime-wrapper .anime31 ul li span.matsuyama ,
#background #anime-wrapper .anime31 ul li span.niihama ,
#background #anime-wrapper .anime31 ul li span.other ,
#background #anime-wrapper .anime31 ul li span.kengai {
  position: absolute;
  left: 72%;
  font-size: 32px;
  line-height: 1em;
}
#background #anime-wrapper .anime31 ul li span.chuou {
  top: calc(0% - 0.1em);
  font-size: 42px;
}
#background #anime-wrapper .anime31 ul li span.matsuyama {
  left: 45%;
  top: calc(20% + 0.2em);
}
#background #anime-wrapper .anime31 ul li span.niihama {
  left: 43%;
  top: calc(40% + 0.2em);
}
#background #anime-wrapper .anime31 ul li span.other {
  left: 45%;
  top: calc(60% + 0.2em);
}
#background #anime-wrapper .anime31 ul li span.kengai {
  left: 53%;
  top: calc(80% + 0.2em);
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime31 ul li {
    font-size: 1.6vw;
  }
  #background #anime-wrapper .anime31 ul li span.matsuyama ,
  #background #anime-wrapper .anime31 ul li span.niihama ,
  #background #anime-wrapper .anime31 ul li span.other ,
  #background #anime-wrapper .anime31 ul li span.kengai {
    font-size: 2.9vw;
  }
  #background #anime-wrapper .anime31 ul li span.chuou {
    font-size: 3.8vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime31 .text-box:before {
    width: 20vw;
  }
  #background #anime-wrapper .anime31 ul li {
    font-size: 3.1vw;
    line-height: 2.5em;
  }
  #background #anime-wrapper .anime31 ul li span.matsuyama ,
  #background #anime-wrapper .anime31 ul li span.niihama ,
  #background #anime-wrapper .anime31 ul li span.other ,
  #background #anime-wrapper .anime31 ul li span.kengai {
    font-size: 5.6vw;
  }
  #background #anime-wrapper .anime31 ul li span.chuou {
    font-size: 8.2vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count31chuou {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime31.paraOn ul li span.chuou b {
  counter-set: anime31chuou var(--count31chuou);
  animation: anime31chuou 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime31.paraOn ul li span.chuou b:before {
  content: counter(anime31chuou);
}
@keyframes anime31chuou {
  100% {
    --count31chuou: 43;
  }
}
/*-----------------------------------*/
@property --count31matsuyama {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime31.paraOn ul li span.matsuyama b {
  counter-set: anime31matsuyama var(--count31matsuyama);
  animation: anime31matsuyama 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime31.paraOn ul li span.matsuyama b:before {
  content: counter(anime31matsuyama);
}
@keyframes anime31matsuyama {
  100% {
    --count31matsuyama: 14;
  }
}
/*-----------------------------------*/
@property --count31niihama {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime31.paraOn ul li span.niihama b {
  counter-set: anime31niihama var(--count31niihama);
  animation: anime31niihama 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime31.paraOn ul li span.niihama b:before {
  content: counter(anime31niihama);
}
@keyframes anime31niihama {
  100% {
    --count31niihama: 9;
  }
}
/*-----------------------------------*/
@property --count31other {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime31.paraOn ul li span.other b {
  counter-set: anime31other var(--count31other);
  animation: anime31other 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime31.paraOn ul li span.other b:before {
  content: counter(anime31other);
}
@keyframes anime31other {
  100% {
    --count31other: 13;
  }
}
/*-----------------------------------*/
@property --count31kengai {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime31.paraOn ul li span.kengai b {
  counter-set: anime31kengai var(--count31kengai);
  animation: anime31kengai 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime31.paraOn ul li span.kengai b:before {
  content: counter(anime31kengai);
}
@keyframes anime31kengai {
  100% {
    --count31kengai: 21;
  }
}
/*------------------------------------
  アニメ グラフ表示 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime31.paraOn figure:before {
  animation: anime31graph 0.9s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime31graph {
  100% {
    width: 0.1%;
  }
}
/*===========================================================================

  アニメパネル #32 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime32 figure {
  width: 15vw;
  max-width: 150px;
  margin: 0 auto;
}
#background #anime-wrapper .anime32 p {
  margin-top: 20px;
  text-align: center;
  font-size: 38px;
  line-height: 38px;
}
#background #anime-wrapper .anime32 p b.zangyo1 ,
#background #anime-wrapper .anime32 p b.zangyo1:after {
  font-size: 70px;
}
#background #anime-wrapper .anime32 p b.zangyo2 ,
#background #anime-wrapper .anime32 p b.zangyo2:after {
  font-size: 38px;
}
#background #anime-wrapper .anime32 p em {
  font-size: 20px;
  font-weight: 900;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime32 p {
    margin-top: 1.8vw;
    font-size: 3.45vw;
    line-height: 3.45vw;
  }
  #background #anime-wrapper .anime32 p b.zangyo1 ,
  #background #anime-wrapper .anime32 p b.zangyo1:after {
    font-size: 6.34vw;
  }
  #background #anime-wrapper .anime32 p b.zangyo2 ,
  #background #anime-wrapper .anime32 p b.zangyo2:after {
    font-size: 3.45vw
  }
  #background #anime-wrapper .anime32 p em {
    font-size: 1.8vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime32 figure {
    width: 25vw;
  }
  #background #anime-wrapper .anime32 p {
    margin-top: 4vw;
    font-size: 7.5vw;
    line-height: 7.5vw;
  }
  #background #anime-wrapper .anime32 p b.zangyo1 ,
  #background #anime-wrapper .anime32 p b.zangyo1:after {
    font-size: 14.7vw;
  }
  #background #anime-wrapper .anime32 p b.zangyo2 ,
  #background #anime-wrapper .anime32 p b.zangyo2:after {
    font-size: 7.5vw
  }
  #background #anime-wrapper .anime32 p em {
    font-size: 5vw;
  }
}
/*------------------------------------
  アニメ 数字ドラムロール 設定　ここから
-------------------------------------*/
@property --count32zangyo1 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime32.paraOn p b.zangyo1 {
  counter-set: anime32zangyo1 var(--count32zangyo1);
  animation: anime32zangyo1 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime32.paraOn p b.zangyo1:before {
  content: counter(anime32zangyo1);
}
@keyframes anime32zangyo1 {
  100% {
    --count32zangyo1: 6;
  }
}
/*-----------------------------------*/
@property --count32zangyo2 {
  syntax: "<integer>";
  inherits: false;
  initial-value: 0;
}
#background #anime-wrapper .anime32.paraOn p b.zangyo2 {
  counter-set: anime32zangyo2 var(--count32zangyo2);
  animation: anime32zangyo2 1.6s 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.4, 0.2, 1);
  font-variant-numeric: tabular-nums;
}
#background #anime-wrapper .anime32.paraOn p b.zangyo2:before {
  content: counter(anime32zangyo2);
}
@keyframes anime32zangyo2 {
  100% {
    --count32zangyo2: 72;
  }
}
/*===========================================================================

  アニメパネル #33 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime33 figure {
  display: flex;
  width: 15vw;
  max-width: 150px;
  margin: 0 auto;
}
#background #anime-wrapper .anime33 figure img.wari-shin {
  width: 80%;
  margin: 0;
}
#background #anime-wrapper .anime33 figure img.wari-chu {
  width: 40%;
  margin: 0 0 0 -20%;
}
#background #anime-wrapper .anime33 p.wariai {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  font-size: 70px;
  line-height: 1em;
}
#background #anime-wrapper .anime33 p.percent {
  text-align: right;
  font-size: 16px;
  line-height: 1em;
  margin-right: -5px;
}
#background #anime-wrapper .anime33 p.percent small {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-size: 16px;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime33 p.wariai {
    margin-bottom: 0.9vw;
    font-size: 6.36vw;
  }
  #background #anime-wrapper .anime33 p.percent {
    font-size: 1.45vw;
    margin-right: -0.9vw;
  }
  #background #anime-wrapper .anime33 p.percent small {
    font-size: 1.45vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime33 figure {
    display: block;
    position: static;
    width: auto;
  }
  #background #anime-wrapper .anime33 figure img.wari-shin {
    width: 16vw;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #background #anime-wrapper .anime33 figure img.wari-chu {
    width: 8vw;
    margin-right: 8vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #background #anime-wrapper .anime33 p.wariai ,
  #background #anime-wrapper .anime33 p.percent {
    margin: auto;
    padding: 0 16vw 0 16vw;
    text-align: center;
  }
  #background #anime-wrapper .anime33 p.wariai {
    font-size: 12vw;
  }
  #background #anime-wrapper .anime33 p.percent {
    font-size: 2.6vw;
  }
  #background #anime-wrapper .anime33 p.percent small {
    font-size: 2.6vw;
  }
}

/*------------------------------------
  アニメ 数字大きくなる 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime33.paraOn p.wariai b.wariai1 {
  animation: anime33wariai1 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime33wariai1 {
  0% {
    font-size: 0em;
  }
  25% {
    font-size: 1.2em;
    margin: -0.1em 0;
  }
  50% {
    font-size: 1em;
  }
  100% {
    font-size: 1em;
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime33.paraOn p.wariai b.wariai2 {
  animation: anime33wariai2 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime33wariai2 {
  0% {
    font-size: 0em;
  }
  50% {
    font-size: 0em;
  }
  75% {
    font-size: 1.2em;
    margin: -0.1em 0;
  }
  100% {
    font-size: 1em;
  }
}
/*===========================================================================

  アニメパネル #41 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime41 .text-box {
  display: flex;
}
#background #anime-wrapper .anime41 figure {
  width: 32%;
  margin: auto auto auto 0;
}
#background #anime-wrapper .anime41 ul {
  width: 65%;
  margin: auto 0 auto auto;
}
#background #anime-wrapper .anime41 ul li {
  text-align: center;
  margin: 5px 0;
}
#background #anime-wrapper .anime41 ul li small {
  font-family: "futura-pt-bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0075c2;
}
#background #anime-wrapper .anime41 ul li small em {
  font-size: 14px;
  font-weight: 900;
}
#background #anime-wrapper .anime41 ul li b {
  font-size: 45px;
  line-height: 45px;
  padding: 0 0.2em;
}
#background #anime-wrapper .anime41 ul li b + em {
  font-size: 27px;
  font-weight: 900;
}

/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime41 ul li {
    margin: 0.45vw 0;
  }
  #background #anime-wrapper .anime41 ul li small {
    font-size: 1.6vw;
  }
  #background #anime-wrapper .anime41 ul li small em {
    font-size: 1.27vw;
  }
  #background #anime-wrapper .anime41 ul li b {
    font-size: 4vw;
    line-height: 4vw;
  }
  #background #anime-wrapper .anime41 ul li b + em {
    font-size: 2.45vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime41 .text-box {
    align-items: center;
  }
  #background #anime-wrapper .anime41 figure {
    width: 15vw;
    margin: auto 1.5vw auto auto;
  }
  #background #anime-wrapper .anime41 ul {
    width: auto;
    margin: auto auto auto 1.5vw;
  }
  #background #anime-wrapper .anime41 ul li {
    text-align: center;
    margin: 0.5vw 0;
    font-size: 2.6vw;
    line-height: 2.6vw;
  }
  #background #anime-wrapper .anime41 ul li small {
    font-size: 3.3vw;
  }
  #background #anime-wrapper .anime41 ul li small em {
    font-size: 2.6vw;
  }
  #background #anime-wrapper .anime41 ul li b {
    font-size: 7.8vw;
    line-height: 7.8vw;
  }
  #background #anime-wrapper .anime41 ul li b + em {
    font-size: 4.8vw;
  }
}
/*------------------------------------
  アニメ 数字スライド 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime41 ul li {
  top: 1em;
  filter: Alpha(opacity=0);
  opacity: 0;
  -webkit-transform: skew(-40deg, 0);
  -moz-transform: skew(-40deg, 0);
  transform: skew(-40deg, 0);
}
#background #anime-wrapper .anime41.paraOn ul li.slide-in1 {
  animation: anime41-slide1 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime41-slide1 {
  0% {
    top: 1em;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  33% {
    top: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
  100% {
    top: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime41.paraOn ul li.slide-in2 {
  animation: anime41-slide2 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime41-slide2 {
  0% {
    top: 1em;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  33% {
    top: 1em;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  66% {
    top: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
  100% {
    top: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime41.paraOn ul li.slide-in3 {
  animation: anime41-slide3 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime41-slide3 {
  0% {
    top: 1em;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  66% {
    top: 1em;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  100% {
    top: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}

/*===========================================================================

  アニメパネル #42 設定　ここから

===========================================================================*/
#background #anime-wrapper .anime42 .text-box {
  display: flex;
}
#background #anime-wrapper .anime42 figure {
  width: 26%;
  margin: auto auto auto 0;
}
#background #anime-wrapper .anime42 ul {
  width: 70%;
  margin: auto 0 auto auto;
}
#background #anime-wrapper .anime42 ul li {
  text-align: left;
  margin: 5px 0;
}
#background #anime-wrapper .anime42 ul li small {
  font-family: "futura-pt-bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0075c2;
}
#background #anime-wrapper .anime42 ul li small em {
  font-size: 14px;
  font-weight: 900;
  padding: 0;
}
#background #anime-wrapper .anime42 ul li em {
  font-size: 24px;
  font-weight: 900;
  padding: 0 0.2em;
}
#background #anime-wrapper .anime42 ul li b {
  font-size: 40px;
  line-height: 40px;
  padding: 0 0.2em;
}


/** 小さい画面用分岐 **/
@media screen and (max-width: 1111px) {
  #background #anime-wrapper .anime42 ul li {
    margin: 0.45vw 0;
  }
  #background #anime-wrapper .anime42 ul li small {
    font-size: 1.6vw;
  }
  #background #anime-wrapper .anime42 ul li small em {
    font-size: 1.27vw;
  }
  #background #anime-wrapper .anime42 ul li em {
    font-size: 2.1vw;
  }
  #background #anime-wrapper .anime42 ul li b {
    font-size: 3.6vw;
    line-height: 3.6vw;
  }
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
  #background #anime-wrapper .anime42 .text-box {
    display: block;
  }
  #background #anime-wrapper .anime42 figure {
    width: 18vw;
    margin: auto auto 3vw;
  }
  #background #anime-wrapper .anime42 ul {
    width: 80%;
    margin: 0 auto;
  }
  #background #anime-wrapper .anime42 ul li {
    margin: 0.5vw 0;
    line-height: 2.7vw;
  }
  #background #anime-wrapper .anime42 ul li small {
    font-size: 3.4vw;
  }
  #background #anime-wrapper .anime42 ul li small em {
    font-size: 2.7vw;
  }
  #background #anime-wrapper .anime42 ul li em {
    font-size: 4.3vw;
  }
  #background #anime-wrapper .anime42 ul li b {
    font-size: 7.2vw;
    line-height: 7.2vw;
    padding: 0;
  }
}
/*------------------------------------
  アニメ 数字スライド院 設定　ここから
-------------------------------------*/
#background #anime-wrapper .anime42 ul li {
  left: 8vw;
  filter: Alpha(opacity=0);
  opacity: 0;
  -webkit-transform: skew(-40deg, 0);
  -moz-transform: skew(-40deg, 0);
  transform: skew(-40deg, 0);
}
#background #anime-wrapper .anime42.paraOn ul li.slide-in1 {
  animation: anime42-slide1 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime42-slide1 {
  0% {
    left: 8vw;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  33% {
    left: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
  100% {
    left: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime42.paraOn ul li.slide-in2 {
  animation: anime42-slide2 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime42-slide2 {
  0% {
    left: 8vw;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  33% {
    left: 8vw;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  66% {
    left: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
  100% {
    left: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}
/*-----------------------------------*/
#background #anime-wrapper .anime42.paraOn ul li.slide-in3 {
  animation: anime42-slide3 0.8s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes anime42-slide3 {
  0% {
    left: 8vw;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  66% {
    left: 8vw;
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: skew(-40deg, 0);
    -moz-transform: skew(-40deg, 0);
    transform: skew(-40deg, 0);
  }
  100% {
    left: 0;
    filter: Alpha(opacity=100);
    opacity: 1;
    -webkit-transform: skew(0,0);
    -moz-transform: skew(0,0);
    transform: skew(0,0);
  }
}


/*===========================================================================

  設定　ここから

===========================================================================*/

/*------------------------------------
  設定　ここから
-------------------------------------*/

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

/** 小さい画面用分岐 **/
@media screen and (max-width: 1200px) {
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
}