@charset "UTF-8";

/* モニュメントスクエア */
#peace * {
	box-sizing: border-box;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	font-family: 'Noto Sans JP', sans-serif;
}

#peace h2 {
	padding: 2px 7px 4px;
	margin: 2em 0 0.5em;
	font-size: 120%;
	letter-spacing: 0.07em;
	line-height: 1.6;
	font-weight: bold;
	background-color: rgba(205, 0, 10, 1.00);
	color: #fff;
}

#peace h3 {
	padding: 1.0em 0 0.5em;
	color: #ed1c24;
	font-size: 120%;
	line-height: 1.7;
	font-weight: bold;
}

.flex2,
.flex3 {
	display: flex;
	flex-wrap: wrap;
	margin: 5px -2px;
}

.flex1>img {
	width: 100%;
}

.flex2>img,
.flex2>div {
	width: calc(50% - 4px);
	margin: 2px;
}

.flex3>img,
.flex3>div {
	width: calc((100% / 3) - 4px);
	margin: 2px;
}

.ob-list {
	border: 1px #999 solid;
	padding: 15px;
}

@media screen and (max-width: 768px) {

	.flex2,
	.flex3 {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}

	.flex2>img,
	.flex3>img,
	.flex2>div,
	.flex3>div {
		width: 100%;
		margin: 5px 0;
	}
}