@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 1081px){
#h1{
	width: 100vw;
	max-width: 1920px;
	height: auto;
	background: #00a0e6;
}
.h1_wrap{
	width: 100%;
	max-width: 1080px;
	height: auto;
	padding: .25em 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;

}
	.h1_wrap p{
		color: white;
	}
}
@media screen and (min-width: 751px) and (max-width: 1080px){
#h1{
	width: 100vw;
	height: auto;
	background: #00a0e6;
}
.h1_wrap{
	width: 92vw;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: left;
    color: white;
    font-size: .8rem;
}
	.h1_wrap p{
		color: white;
	}
}
@media screen and (max-width: 750px){
#h1{
	width: 100vw;
	height: auto;
	background: #00a0e6;
}

.h1_wrap{
	width: 100%;
	height: 3vw;
	padding: .25em 0 .25em 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
	.h1_wrap p{
		color: white;
		font-size: 3vw;
	}
	.marquee p {
	margin:0; padding-left:33em; display:inline-block; white-space:nowrap;
	animation-name:marquee; animation-timing-function:linear;
	animation-duration:15s; animation-iteration-count:infinite;
	}
@keyframes marquee {
	from   { transform: translate(0%);} 
	99%,to { transform: translate(-100%);}
	}
}