/* =========================
   YouTube埋め込み + 紹介文
   ========================= */
.c-section__content .p-classNKchannel a {
	position: relative;
	display: block;
	padding: 2px 0 12px 0;
	font-size: 24px;
	line-height: 2.0em;
	color: #fff;
	text-align: center;
	
	text-decoration: none;
	padding-left: 2.0em;
}
.c-section__content .p-classNKchannel a::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 45px;
	height: 36px;
	
	background-image: url("/hp/common_image/header/youtubeLogo_30x24.svg");
	background-size: 36px 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 8px;
	left: 8px;
}
.c-section__content .p-classNKchannel a::after {
	content: "→";
	display: inline-block;
	padding-left: 1.0em;
}
.c-section__content .p-classNKchannel {
	width: 320px;
	background-color: #0065B4; /* 青い背景 */
	padding: 25px 35px 5px 35px;
	border-radius: 8px;
	color: white;
	
	margin-bottom: 22px;
}

.c-youtubeWrap {
	margin: 2rem 0;
}

@media screen and (min-width:900px) {
	.c-youtubeWrap {
		display: flex;
		align-items: center;
		gap: 1rem;
	}
	.l-container .c-youtubeWrap .c-youtubeWrap__text {
		margin-left:2rem;
	}
}
@media screen and (max-width:900px) {
	.c-youtubeWrap {
		display: block;
		text-align: center;
	}
	.c-youtubeWrap .c-heading {
		font-size: 1.8em;
		margin-top: 1rem;
	}
	.c-youtubeWrap .p-classNKchannel {
		margin: 0 auto;
	}
	.c-youtubeWrap .p-classNKchannel iframe {
		display: block;
		margin: 0 auto;
	}
}

/* =========================
   aboutnkintro画像、グラフ画像を横並びで縮小表示させるための共通クラス
   ========================= */
.p-ac-introduction .c-image-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.5em 0;
}
.p-ac-introduction .c-image-group img {
	width: 100%;
	height: auto;
	object-fit: cover;
	flex: 1 0 auto;
}
@media screen and (min-width:400px) {
	.p-ac-introduction .c-image-group img {
		width: auto;
	}
}

/* =========================
   A) ClassNKスローガン見出し + 画像
   ========================= */
.c-sloganBlock {
	display: flex;
	justify-content: space-between; /* 見出し左、画像右端 */
	align-items: center;           /* 縦方向の中央揃え */
}
.c-sloganBlock__image {
	max-height: 80px;
}
@media screen and (max-width:1200px) {
	.c-sloganBlock {
		display: block;  /* flex解除 */
		text-align: left;
	}
	.c-sloganBlock__image {
		display: block;
		margin: 1rem 0 0 auto;
	}
}