@charset "UTF-8";

#nhk {
	position: relative;
}

#nhk .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/nhk_2022_02.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#nhk2 {
	position: relative;
}

#nhk2 p{
position: relative;
	z-index: 2;
}

#nhk2 .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/nhk_2022_08.png);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
	
}

.module-yellow {
	background-color: #FEF9CA;
}

.pg_b-10px {
	position: relative;
	bottom:-10px;
	z-index: 2;
}

.marker.yellow.pg_b-10px{
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
}


.pg_l-10px {
	position: relative;
	left:-10px;
	z-index: 2;
}

.kagu_btn {
	height: 200px;
    background-image: url(../images/nhk_2022_12.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kagu_btn:hover {
	background-image: url("../images/nhk_2022_12_over.png");
}

@media (max-width: 768px){
#content.hero {
    margin-top: 60vh;
}
.onepage-hero .bg-hero {
    height: 60vh;
}
}




.SideBySide {
display: flex;
}

.SideBySide p {
 display:inline-block;
 vertical-align: middle; /*縦方向の揃え位置を指定*/
 margin-bottom: 0;
 margin-right: 5px;
}

.SideBySide p img {
 min-width: 100px;
 display: block;
}

@media (max-width: 768px){
.SideBySide {
display: inline-block;
}
}

img.w150 {
	width: 150px;
}

img.w100 {
	width: 100px;
}