@charset "UTF-8";
/* CSS Document */

.pageTopics {

}

.topicsDate {
	font-size: 1.4rem;
	text-align: right;
}

.titleTopicsEntry {
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 1.4;
}

.topicsImage {
	text-align: center;
	margin-bottom: 20px;
}

.topicsImage .caption {
	text-align: left;
	font-size: 1.4rem;
}

.topicsText {
	line-height: 1.8;
}

.topicsText p {
	margin: 30px 0;
}

@media (min-width:768px) {
	.topicsText {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.topicsText h2 {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	margin: 40px 0 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid currentColor;
}

.topicsText h2::before {
	content: "■";
	margin-right: 8px;
}

.blockPhotoText {
	margin-bottom: 20px;
}

.blockPhotoText__photo {
	margin-bottom: 20px;
}

.blockPhotoText__photo img {
	width: 100%;
	display: block;
}

.blockPhotoText__text p {
	margin: 0;
}

@media (min-width: 768px) {
	.blockPhotoText {
		display: flex;
		align-items: flex-start;
		gap: 30px;
	}
	.blockPhotoText__photo {
		width: 40%;
		flex-shrink: 0;
		margin-bottom: 0;
		order: 2;
	}
	.blockPhotoText__text {
		flex: 1;
		order: 1;
	}
}

.blockPhotoRow {
	margin-top: 30px;
	margin-bottom: 20px;
}

.blockPhotoRow__item {
	margin-bottom: 20px;
}

.blockPhotoRow__item:last-child {
	margin-bottom: 0;
}

.blockPhotoRow__item img {
	width: 100%;
	display: block;
}

@media (min-width: 768px) {
	.blockPhotoRow {
		display: flex;
		flex-direction: row-reverse;
		gap: 30px;
	}
	.blockPhotoRow__item {
		flex: 1;
		margin-bottom: 0;
	}
}

.blockButtonLink {
	text-align: center;
}

.blockButtonLink .button006--wide {
	text-align: center;
}

@media (min-width: 768px) {
	.blockButtonLink .button006--wide {
		width: 70%;
	}
}