@CHARSET "UTF-8";

/**
 * style.css にフォルダ内共通スタイルを記述してください。
 */
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(32,82,137,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}
.f16 {
	font-size: 16px;
}
.f08 {
	font-size: .8rem;
}
.lh16 {
	line-height: 1.6rem;
}
.red {
	color: #dc3545;
}

@media screen and (max-width:767px) {
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgba(32,82,137,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}

	
}




@media screen and (max-width:575px) {
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 78%;
	background: rgba(32,82,137,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}

	
}	




@media screen and (max-width:425px) {
.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 78%;
	background: rgba(32,82,137,.9);
	mix-blend-mode: multiply;
	z-index: 2;
}

	
}