/* ---------------------------------------------------------------
	ページ：NEWS一覧
------------------------------------------------------------------*/
.common__header-switch-logo.news {
	width: 8.5%;
	max-width: 230px;
}
@media only screen and (max-width: 750px) {
	.common__header-switch-logo.news {
        	width: 21.5%;
	}
}

.news__list-title-image {
	width: 57%;
	margin: auto;
}
@media only screen and (max-width: 750px) {
	.news__list-title-image {
		width: 85%;
	}
}
.news__list-container {
	padding-bottom: 7%;
}
@media only screen and (max-width: 750px) {
	.news__list-container {
		padding-top: 5%;
		padding-bottom: 7%;
	}
}

.news__list-area {
	background: #ffffffbd;
	width: 62.5%;
	margin: 0 auto 6%;
	padding: 3% 5%;
}
@media only screen and (max-width: 750px) {
	.news__list-area {
		width: 91%;
		margin: 0 auto 10%;
		padding: 7% 2%;
	}
}

.news__list-box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	font-size: calc(32 * 100vw / 1920);
	font-weight: 600;
	line-height: 1.8;
	border-bottom: 2px solid #fff;
	padding-top: 1%;
	padding-bottom: 1%;
}
@media only screen and (max-width: 750px) {
	.news__list-box {
		flex-direction: column;
		font-size: calc(22 * 100vw / 750);
		line-height: 1.6;
		border-bottom: 1px solid #fff;
		padding-top: 2%;
		padding-bottom: 2%;
	}
}

.news__list-box:first-child {
	padding-top: unset;
}
.news__list-box:last-child {
	border-bottom: unset;
}

.news__list-date {
	width: 20%;
	padding-left: 1.5%;
	color: #0072fd;
}
@media only screen and (max-width: 750px) {
	.news__list-date {
		width: 100%;
		padding-left: 1%;
	}
}

.news__list-txt {
	width: 78%;
	padding-right: 3%;
}
@media only screen and (max-width: 750px) {
	.news__list-txt {
		width: 100%;
		padding-left: 1%;
		padding-right: unset;
	}
}

.news__list-txt a {
	color: #1c1e21;
	text-decoration: underline;
}

.news__list-txt a:hover {
	color: #00ffff;
}



/* ---------------------------------------------------------------
	ページ：NEWS記事
------------------------------------------------------------------*/
.common__header-switch-logo.news {
	width: 12%;
	max-width: 230px;
}
@media only screen and (max-width: 750px) {
	.common__header-switch-logo.news {
		width: 12%;
	}
}

.news__article-title-image {
	width: 44%;
	margin: auto;
}
@media only screen and (max-width: 750px) {
	.news__article-title-image {
		width: 63%;
	}
}

.news__article-container {
	padding-bottom: 7%;
}
@media only screen and (max-width: 750px) {
	.news__article-container {
		padding-top: 1%;
		padding-bottom: 7%;
	}
}

.news__article-date {
	width: 62.5%;
	font-size: calc(52 * 100vw / 1920);
	font-weight: 600;
	margin: -2% auto 1%;
	color: #fff;
}
@media only screen and (max-width: 750px) {
	.news__article-date {
		width: 91%;
		font-size: calc(33 * 100vw / 750);
		margin: -2% auto 1%;
	}
}

.news__article-area {
	background: #ffffffbd;
	width: 62.5%;
	margin: 0 auto 6%;
	padding: 3% 3%;
}
@media only screen and (max-width: 750px) {
	.news__article-area {
		width: 91%;
		margin: 0 auto 10%;
		padding: 3% 2%;
	}
}

.news__article-title {
	width: 92%;
	margin: 0 auto;
	font-size: calc(52 * 100vw / 1920);
	font-weight: 600;
}
@media only screen and (max-width: 750px) {
	.news__article-title {
		width: 89%;
		font-size: calc(33 * 100vw / 750);
	}

}

.news__article-line {
	margin: 3% auto 8%;
}
@media only screen and (max-width: 750px) {
	.news__article-line {
		margin: 3% auto 8%;
	}
}

.news__article-image {
	width: 56%;
	margin: 0 auto 6%;
}
@media only screen and (max-width: 750px) {
	.news__article-image {
		width: 63%;
		margin: 0 auto 10%;
	}
}

.news__article-text {
	width: 80%;
	margin: 0 auto;
	font-size: calc(30 * 100vw / 1920);
	line-height: 1.8;
}
@media only screen and (max-width: 750px) {
	.news__article-text {
		width: 94%;
		font-size: calc(20 * 100vw / 750);
		line-height: 1.5;
	}
}