/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2024 | 07:24:22 */
/* animation */
@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* css */
.passing .passing-box {
	display: block;
	text-align: center;
}
.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #AA0100;
}
.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
	font-weight: bold;
	line-height: 1;
	color:#AA0100;
	    font-family: "Helvetica", Sans-serif;
	        letter-spacing: -3.9px;
		font-size: 6rem;
}
@media screen and (max-width: 1200px) {
	.passing .passing-txt {
	        letter-spacing: -3.3px;
		font-size: 4rem;
}
	
}
@media screen and (max-width: 767px) {
.passing .passing-txt {
	        letter-spacing: -3.3px;
		font-size: 3rem;
	}	}
	





.passing .passing-txt2 {
	line-height: 1.5;
	color:#000;
	    font-family: "Noto sans JP", Sans-serif;
	        letter-spacing: -3.9px;
		font-size: 3rem;
	font-weight: bold;
	text-align: left;
}
@media screen and (max-width: 1200px) {
	
.passing .passing-txt2 {
	line-height: 1.5;
	letter-spacing: -3.9px;
		font-size: 3rem;
}
	
}
@media screen and (max-width: 767px) {

.passing .passing-txt2 {
	line-height: 1.5;
		        letter-spacing: -2px;
		font-size: 1.5rem;
	
}	}


.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}
.helt {
    font-family: "Helvetica","Noto Sans JP" !important;
}