@charset "UTF-8";

/* ====================================
	共通スタイル
===================================== */

.energy_box {
	display: flow-root; 
	max-width: 750px;
	width: 90%;
	padding: 1.5rem 3rem;
	margin-inline: auto;
	margin-block-start: 8rem;
	border: 1px solid var(--color-gray);
}

.energy_box .link_txt {
	margin-block-end: 0;
}

.energy_box img {
	float: left;
	width: 175px;
	margin-inline-end: 1em;
}

.second_contents_table table th:nth-of-type(1) {
	width: 45%;
}

/* 受賞 */

.second_contents_award .grid_2col_box {
	grid-template-columns: auto 1fr;
}

.grid_2col_box img {
	max-width: 260px;
	margin-inline: 0 3rem;
}

.second_contents_award .grid_2col_box h4 {
	font-weight: 700;
}

.grid_2col_box div em {
	display: block;
	margin-block: 2em .5em;
	font-weight: 500;
}

.grid_2col_box div .list_caption_kome {
	margin-block-start: 1.5em;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {

}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
	@media screen and (width <768px) {
		.energy_box {
			width: 100%;
			padding: 1.5rem 5%;
			margin-block-start: 3rem;
		}
		
		.energy_box img {
			width: 47.5%;
			margin-inline-end: 5%;
			margin-block-end: 0;
		}

		.energy_box p {
			margin-block-end: 1em;
		}

}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {

}

/* ====================================
	タブレット専用スタイル（768px～1024px）
===================================== */
@media screen and (768px <=width < 1024px) {

}

/* ====================================
	PC専用スタイル（1024px～）
===================================== */
@media print,
screen and (1024px <=width) {}