@charset "UTF-8";
/* CSS Document */

#ks_clogo {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgba(255,255,255,0.95);
	position: absolute;
	top: 100px;
	left: calc(50% - 100px);
}
#kslogo {
	position: relative;
}
#kslogo_ie {
	display: none;
}
#kslogo_fire {
	width: 55px;
	height: 88px;
	position: absolute;
	top: 30px;
	left: calc(50% - 27.5px);
}
#kslogo_word {
	width: 136px;
	height: 38px;
	position: absolute;
	top:120px;
	left: calc(50% - 68px);
}
.cls-1 {
	fill: none;
	stroke: #f6ad3a; /*線の色を指定する*/
	stroke-dasharray: 2000;/*線の間隔を指定する*/
	stroke-dashoffset: 0;/*線の位置を指定する(IEは効かない属性)*/
	stroke-width: 2;/*線の太さを指定する*/
	-webkit-animation: kslogo_fire 4s ease-in forwards;
	animation: kslogo_fire 4s ease-in forwards;
}
.cls-2 {
	fill: none;
	stroke: #40220f; /*線の色を指定する*/
	stroke-dasharray: 2000;/*線の間隔を指定する*/
	stroke-dashoffset: 0;/*線の位置を指定する(IEは効かない属性)*/
	stroke-width: 2;/*線の太さを指定する*/
	-webkit-animation: kslogo_word 4s ease-in forwards;
	animation: kslogo_word 4s ease-in forwards;
}
@-webkit-keyframes kslogo_fire {
	 0% {
	 stroke-dashoffset: 2000;
	 fill:transparent; /*透過*/
	}
	 50% {
	 fill:transparent; /*透過*/
	}
	 100% {
	 stroke-dashoffset: 0;
	 fill:#f6ad3a;
	 stroke-width: 0;/*線の太さを指定する*/
	}
}
@keyframes kslogo_fire {
	 0% {
	 stroke-dashoffset: 2000;
	 fill:transparent; /*透過*/
	}
	 50% {
	 fill:transparent; /*透過*/
	}
	 100% {
	 stroke-dashoffset: 0;
	 fill:#f6ad3a;
	 stroke-width: 0;/*線の太さを指定する*/
	}
}
 @-webkit-keyframes kslogo_word {
	 0% {
	 stroke-dashoffset: 2000;
	 fill:transparent; /*透過*/
	}
	 50% {
	 fill:transparent; /*透過*/
	}
	 100% {
	 stroke-dashoffset: 0;
	 fill:#40220f;
	 stroke-width: 0;/*線の太さを指定する*/
	}
}
@keyframes kslogo_word {
	 0% {
	 stroke-dashoffset: 2000;
	 fill:transparent; /*透過*/
	}
	 50% {
	 fill:transparent; /*透過*/
	}
	 100% {
	 stroke-dashoffset: 0;
	 fill:#40220f;
	 stroke-width: 0;/*線の太さを指定する*/
	}
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #kslogo { display: none; } /* IE11 */
	*::-ms-backdrop, #kslogo_ie {display: block;}
}
@media all and (-ms-high-contrast:none){
	#kslogo { display: none; }
	#kslogo_ie {
		display: block;
		width:140px;
		position: absolute;
		left: calc(50% - 70px);
		top: 25px;
		
	} /* IE10 */
	
}

/*!----------------------------------------------------*\
   64em 1024px以上
\*!----------------------------------------------------*/
@media (min-width: 64em) {
	#ks_clogo {
			top: 180px;
		}
}