/* フェード */
.fadeIn {
	opacity: 0;
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn.run {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	-webkit-transition: .5s;
}
.fadeIn_up.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.innovation_add_image.fadeIn_up{
	opacity: 0;
	transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transition: .6s;
	-webkit-transition: .6s;
	transition-delay: 0.6s;
}
.innovation_add_image.fadeIn_up.run{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.fadeIn_down {
	opacity: 0;
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_down.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(20px, 0px);
	-webkit-transform: translate(20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-20px, 0px);
	-webkit-transform: translate(-20px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_left.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.dotted_circle_text.dotted_circle_text_awarads.fadeIn_left{
	opacity: 0;
	transition-delay: 0.3s;
	transform: translate(calc(-50% + 20px), -50%);
	-webkit-transform: translate(calc(-50% + 20px), -50%);
	transition: .8s;
	-webkit-transition: .8s;
}
.dotted_circle_text.dotted_circle_text_awarads.fadeIn_left.run{
	transform: translate(calc(-50%), -50%);
	-webkit-transform: translate(calc(-50%), -50%);
	opacity: 1;
}
.dotted_circle_text.fadeIn_left{
	opacity: 0;
	transition-delay: 0.3s;
	transform: translate(calc(-50% + 20px), -50%);
	-webkit-transform: translate(calc(-50% + 20px), -50%);
	transition: .8s;
	-webkit-transition: .8s;
}
.dotted_circle_text.fadeIn_left.run{
	transform: translate(calc(-50%), -50%);
	-webkit-transform: translate(calc(-50%), -50%);
	opacity: 1;
}
.dotted_circle_text.dotted_circle_text_network.fadeIn_right{
	opacity: 0;
	transition-delay: 0.3s;
	transform: translate(calc(0% - 20px), -50%);
	-webkit-transform: translate(calc(0% - 20px), -50%);
	transition: .8s;
	-webkit-transition: .8s;
}
.dotted_circle_text.dotted_circle_text_network.fadeIn_right.run{
	transform: translate(calc(0%), -50%);
	-webkit-transform: translate(calc(0%), -50%);
	opacity: 1;
}

/* ディレイ */
.delay01{
	transition-delay: .1s;
}
.delay02{
	transition-delay: .2s;
}
.delay03{
	transition-delay: .3s;
}
.delay04{
	transition-delay: .4s;
}
.delay05{
	transition-delay: .5s;
}
.delay06{
	transition-delay: .6s;
}
.delay07{
	transition-delay: .7s;
}
.delay08{
	transition-delay: .8s;
}
.delay09{
	transition-delay: .9s;
}
.delay10{
	transition-delay: 1s;
}

/* サークル */
.cls-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: .75px;
}
.cls-1 {
	fill: none;
	stroke: #b11021;
	stroke-dasharray: 4 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: .75px;
  }
.dotted_circle_title .cls-1{
	stroke: #b11021;
    stroke-dasharray: 10 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 0.01px;
	opacity: 0;
	transition: 0.3s;
  }
 
svg {
transform: rotate(-90deg);
}
.dotted_circle_title svg{
	transform: rotate(0);
}
.dotted_circle_title_network svg{
	transform: rotate(180deg) scaleY(-1);
}
circle {
	fill: transparent;
	stroke: #0999ac;
	opacity: 0;
	}
circle.run {
fill: transparent;
stroke: #fff;
stroke-width: 1;
animation: circle .5s forwards; 
opacity: 1;
}

@keyframes circle {
0% { stroke-dasharray: 0 455; }
99.9%,to { stroke-dasharray: 455 455; }
}

/* ドットサークル */
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:.8s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	position: relative;
	overflow: hidden;
	opacity:0;
	width: 100%;
  }
  .bgextend_2{
	animation-name:bgextendAnimeBase;
	animation-duration:.8s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	position: relative;
	overflow: hidden;
	opacity:0;
	display: block;
	width: 100%;
  }
  .bgextend_3{
	animation-name:bgextendAnimeBase;
	animation-duration:.8s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	position: relative;
	overflow: hidden;
	opacity:0;
	width: 100%;
  }
  @keyframes bgextendAnimeBase{
	from {
	  opacity:0;
	}
  
	to {
	  opacity:1;  
  }
  }
  
  /*中の要素*/
  .bgappearTrigger{
	opacity: 0;
  }
  .bgappearTrigger_2{
	opacity: 0;
	display: block;
  }
  .bgappearTrigger_3{
	opacity: 0;
	display: inline-block;
  }
  .bgappearTrigger.run{
	animation-name:bgextendAnimeSecond;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
  }
  .bgappearTrigger_2.run{
	animation-name: bgextendAnimeSecond;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
  }
  .bgappearTrigger_3.run{
	animation-name:bgextendAnimeSecond;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
  }
  @keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	50% {
	opacity: 0;
	}
	50.001% {
	opacity: 1;
	}
	100% {
	opacity: 1;
	}
  }
  .bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  padding: 2% 0;
	  top: 0;
	  left: 0;
	  background-color: #fff;
	  z-index: 2;
	  /* display: block; */
  }
  .bgLRextend_2::before{
	animation-name:bgLRextendAnime;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 2% 0;
	top: 0;
	left: 0;
	background-color: #b11021;
	opacity: 0;
	z-index: 2;
	display: block;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
  }
  .bgLRextend_3::before{
	animation-name:bgLRextendAnime;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	animation-timing-function: ease;
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background-color: #b11021;
	  z-index: 2;
	  display: block;
  }
  @keyframes bgLRextendAnime{
	0% {
	  transform-origin:left;
	  transform:scaleX(0);
	  -webkit-transform: scaleX(0);
	  opacity: 1;
	}
	50% {
	  transform-origin:left;
	  transform:scaleX(1);
	  -webkit-transform: scaleX(1);
	}
	50.001% {
	  transform-origin:right;
	}
	100% {
	  transform-origin:right;
	  transform:scaleX(0);
	  -webkit-transform: scaleX(0);
	  opacity: 1;
	}
  }

.network_sub_title {
	opacity: 0;
	transform: translate(0, 20px);
	transition: .6s;
	transition-delay: .35s;
}
.run .network_sub_title {
	opacity: 1;
	transform: translate(0, 0);
}
.network_detail {
	opacity: 0;
	transform: translate(0, 20px);
	transition: .6s;
	transition-delay: .5s;
}
.run .network_detail {
	opacity: 1;
	transform: translate(0, 0);
}

.innovation_detail_btn_area {
	opacity: 0;
	margin-bottom: -15px;
	transition: .6s;
	transition-delay: .6s;
}
.run .innovation_detail_btn_area {
	opacity: 1;
	margin-bottom: 0px;
}

.footer_title {
	filter: blur(10px);
	opacity: 0;
	transition: 1.2s;
}
.run.footer_title {
	filter: blur(0px);
	opacity: 1;
}


/* PC ================================================== */
@media all and (min-width:1025px){

}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){

}

/* SP ================================================== */
@media all and (max-width:599px){
.awarads_detail_subtitle.fadeIn_right{
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	-webkit-transition: .5s;
}
.awarads_detail_subtitle.fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.awarads_name.fadeIn_right{
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	-webkit-transition: .5s;
	transition-delay: 0.2s;
}
.awarads_name.fadeIn_right.run{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.awarads_detail.fadeIn_right{
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	-webkit-transition: .5s;
	transition-delay: 0.4s;
}
.awarads_detail.fadeIn_right.run {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.awards_add_image.fadeIn_right{
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transition: .5s;
	-webkit-transition: .5s;
	transition-delay: 0.6s;
}
.awards_add_image.fadeIn_right.run{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
}