@charset "UTF-8";

/* ----------------------------------------------------------------
 * event-report
 * ---------------------------------------------------------------- */

 .r-article {
	 margin-bottom: 80px;
	 @media only screen and (width > 768px) {
		 margin-bottom: 120px;
		}
		.r-mainvisual {
			max-width: 1240px;
			margin: 0 auto 40px;
			@media only screen and (width > 768px) {
				margin-bottom: 80px;
			}
			.r-mainvisual__img {
				width: 100%;
			}
		}
	}

	.r-section {
		padding-top: 40px;
		margin-top: 40px;
		border-top: 2px solid #00b438;
		& > .r-photo {
			margin-bottom: 40px;
			@media only screen and (width > 768px) {
				margin-bottom: 60px;
			}
		}
	}

	.r-title {
		margin-bottom: 24px;
		font-size: 22px;
		font-weight: 700;
		@media only screen and (width > 768px) {
			font-size: 28px;
		}
	}

	.r-txt {
		margin-bottom: 16px;
		font-size: 16px;
		font-weight: 500;
		line-height: 2;

		& + .r-column ,
		& + .r-photo{
			margin-top: 40px;
			@media only screen and (width > 768px) {
				margin-top: 60px;
			}
		}
	}

	.r-photo {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		.r-photo__img {
			width: 100%;
		}

		.r-photo__caption {
			width: 100%;
			font-size: 14px;
			font-weight: 500;
			line-height: 1.5;
		}

		&.r-photo--primary {
			
		}

		&.r-photo--secondary {
			@media only screen and (width > 768px) {
				.r-photo__img {
					width: calc((100% - 16px) / 2);
				}
			}
		}

		&.r-photo--tertiary {
			.r-photo__img {
				width: calc((100% - 16px) / 2);
				@media only screen and (width > 768px) {
					width: calc((100% - 48px) / 4);
				}
			}

		}
	}

	.r-column {
		display: flex;
		flex-wrap: wrap;
		gap: 24px 40px;
		margin-bottom: 40px;

		.r-column__item {
			width: 100%;
			@media only screen and (width > 768px) {
				width: calc(50% - 20px);
			}
		}
		
		@media only screen and (width > 768px) {
			margin-bottom: 60px;
			&.r-column--reverse {
				flex-direction: row-reverse;
			}
		}
	}
	
 }