@charset "UTF-8";

/*
 * 新TOP作業ページ専用スタイル
 *
 * 対象ページ:
 * - top-renewal
 * - en
 * - ko
 *
 * functions.phpで追加する .top-renewal-page の内側だけに適用する。
 */

.top-renewal-page .top-news {
	width: min(calc(100% - 40px), 1300px);
	margin-inline: auto;
	padding-block: 80px;
}

.top-renewal-page .top-news__heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 40px;
}

.top-renewal-page .top-news__heading h2,
.top-renewal-page .top-news__heading p {
	margin: 0;
}

.top-renewal-page .top-breweries {
	width: min(calc(100% - 40px), 1300px);
	margin-inline: auto;
	padding-block: 80px;
}

.top-renewal-page .top-breweries > h2 {
	margin: 0 0 48px;
}

.top-renewal-page .top-breweries .wp-block-columns {
	gap: 32px;
}

.top-renewal-page .top-breweries .wp-block-image {
	margin: 0 0 20px;
}

.top-renewal-page .top-breweries .wp-block-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.top-renewal-page .top-breweries h3 {
	margin: 0;
	text-align: center;
}

@media (max-width: 699px) {
	.top-renewal-page .top-news,
	.top-renewal-page .top-breweries {
		width: calc(100% - 32px);
		padding-block: 56px;
	}

	.top-renewal-page .top-news__heading {
		margin-bottom: 28px;
	}

	.top-renewal-page .top-breweries > h2 {
		margin-bottom: 32px;
	}

	.top-renewal-page .top-breweries .wp-block-columns {
		gap: 40px;
	}
}