@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap');

/*html,bsody {
	height: 100%;
}*/

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	display: none;
	position: absolute;
	margin:auto;
	right:0;
	left: 0;
	top:15%;
	width:992px;
	/*text-align: center;*/
	z-index: 2000;
	/*background:url("../images/pop_bg.jpg");*/
	padding:10px 20px;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:2px solid #000;*/
	behavior: url(ie_css3/PIE.htc);
}
.btn_close {
	font-size:36px;
	float:right;
}
.btn_close a {
	color: #f69b43;
}
.btn_close a:hover {
	color: #00478d;
}
/*.layer_board .card {
	background: none;
	border: 4px solid #000;
	border-radius: 0;
}*/
.layer_board h1,
.layer_board h2,
.layer_board h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	color: #000;
	line-height: 1.4;
}
.layer_board h4 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color: #000;
	line-height: 1.4;
}
.layer_board h1.h1red {
	font-size: 56px;
	color: #f00;
}
.layer_board h3 span {
	margin-left: 2rem;
}
.layer_board p {
	line-height: 1.1;
}
@media (max-width: 991.98px) {
	.layer_board {
		width:100%;
		padding:10px 5px;
	}
}
@media (max-width: 575.98px) {
	.layer_board h1,
	.layer_board h2,
	.layer_board h3 {
		line-height: 1.2;
	}
	.layer_board h1 {
		font-size: 24px;
	}
	.layer_board h1.h1red {
		font-size: 28px;
	}
	.layer_board h2 {
		font-size: 18px;
	}
	.layer_board h3 {
		font-size: 16px;
	}
	.layer_board h3 span {
		display: block;
	}
    .layer_board p small {
        font-size: 10px;
    }
}