/* ------------------------------------------------
                   お知らせ詳細
--------------------------------------------------- */

.news-detail__inner {
  margin: 0 auto;
  padding: 0 20px;
}

.news-detail__label {
  color: #00836a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  margin-bottom: 12px;
}

.news-detail__title {
  font-size: 36px;
  line-height: 1.4;
  margin: 0 0 12px;
  color: var(--color-dark-green);
}

.news-detail__date {
  color: #666;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dcdcdc;
}

.news-detail__body {
  line-height: 2;
}

.news-detail__body p {
  margin: 0 0 24px;
}




/*---------- メディア掲載情報 ----------*/
.sec-media {
	width: 100%;
	padding: 80px 0;
	position: relative;
}


/* リスト */
.media-list-wrap {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.media-list-wrap li {
	width: 100%;
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--color-light-gray);
	text-align: left;
}
.media-list-wrap li:last-child {
	margin-bottom: 0;
}
.media-list-wrap li a {
	width: 100%;
	display: flex;
	align-items: flex-start;
}
.media-list-date {
	width: 110px;
	color: var(--color-gray);
}
.media-list-tag {
	width: 116px;
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-dark-green);
	border-radius: 7px;
	color: var(--color-white);
	text-align: center;
}

.media-list-ttl {
	width: calc(100% - 110px - 136px);
	position: relative;
}


@media (max-width: 768px) {
	.sec-media {
		width: 100%;
		padding: 16vw 0;
		position: relative;
	}

	/* リスト */
	.media-list-wrap {
		width: 100%;
		max-width: initial;
		margin: 0 auto;
	}
	.media-list-wrap li {
		width: 100%;
		margin-bottom: 4vw;
		padding: 0 0 4vw;
	}
	
	.media-list-wrap li a {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.media-list-date {
		width: 25vw;
	}
	.media-list-tag {
		width: 30vw;
		margin-right: 0;
		border-radius: 1.5vw;
	}

	.media-list-ttl {
		width: 100%;
		margin-top: 2vw;
	}
}
