@charset "utf-8";

/* journal */
.journal .row {
	margin: 0 auto;
}

.journal .journal-inner {
	display: flex;
	max-width: 1920px;
	margin: 150px auto 10rem auto;
}

.journal .journal-inner .journal-contents {
	font-size: 1.4rem;
	width: 100%;
}

.journal .journal-inner .journal-contents.contents-left {
	display: none;
	margin-bottom: 36px;
}

.journal .journal-inner .journal-contents.contents-right {
	max-width: 1920px;
}

.journal .ttlCmn01_sp {
	display: none;
}

.journal .ttlCmn01_pc {
	font-size: 18px;
	padding: 4px 0 56px 0;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.journal .journal-list {
	margin-bottom: 10rem;
	display: flex;
	flex-wrap: wrap;
}

.journal .journal-list .journal-item {
	margin-bottom: 3vw;
	align-self: stretch;
}

.journal .journal-info {
	padding: 1.5rem 1.5rem 1.5rem 0;
}

.journal .journal-info .journal-info-title {
	font-size: 1.3rem;
	margin-bottom: 1rem;
	font-weight: bold;
}

.journal .journal-info .journal-info-text {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.journal .journal-info .journal-info-data {
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}

.journal .journal-info .journal-info-data.journal-info-data span.journal-info-archive-new-label {
	color: #ea4630;
}

@media only screen and (min-width: 768px) {
	.journal .journal-list {
		margin-bottom: 10rem;
		display: flex;
		flex-direction: column;
		align-content: center;
		/* flex-wrap: wrap; */
	}

	.journal .journal-list .journal-item {
		margin-bottom: 3vw;
		align-self: stretch;
		width: 50%;
		display: flex;
		flex-wrap: wrap;
	}

	.journal .journal-list .journal-item .journal-thumbnail {
		width: 40%;
	}

	.journal .journal-list .journal-item .journal-info {
		width: 60%;
		padding: 0 5%;
	}

	.journal .journal-info .journal-info-link {
		text-align: right;
		margin-top: 10%;
	}

	.journal .journal-info .journal-info-link .journal-info-link-text {
		text-decoration: underline;
	}

	.journal .journal-info .journal-info-link .journal-info-link-text:hover {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 767px) {
	.journal .journal-inner {
		display: block;
		margin: 9.375vw auto 15.625vw;
	}

	.journal .journal-inner .journal-contents {
		font-size: 2.34375vw;
	}

	.journal .journal-inner .journal-contents.contents-left {
		display: block;
	}

	.journal .journal-inner .journal-contents.contents-left,
	.journal .journal-inner .journal-contents.contents-right {
		padding: 0;
		max-width: 100%;
	}

	.journal .ttlCmn01_sp {
		text-align: center;
		font-weight: bold;
		margin: 18px 0;
		font-size: 14px;
		letter-spacing: 1px;
		display: block;
	}

	.journal .ttlCmn01_pc {
		display: none;
	}

	.journal .journal-list {
		margin-bottom: 12.5vw;
	}

	.journal .journal-list .journal-item {
		margin-bottom: 6.25vw;
		display: flex;
		flex-direction: row;
	}

	.journal .journal-list .journal-item .journal-thumbnail {
		width: 40%;
	}

	.journal .journal-list .journal-item .journal-info {
		padding: 0 3.125vw;
		width: 60%;
	}

	.journal .journal-info .journal-info-title {
		font-size: 3.28125vw;
		line-height: 4.6875vw;
		margin-bottom: 1.5625vw;
	}

	.journal .journal-info .journal-info-text {
		font-size: 2.34375vw;
		line-height: 4.6875vw;
	}

	.journal .journal-info .journal-info-link {
		margin-top: 10%;
	}

	.journal .journal-info .journal-info-data {
		line-height: 4.6875vw;
	}
}