.article {
	width: 1220px;
	height: auto;
	margin: 2% auto;
}

.article-title {
	text-align: center;
}

.article-title h1 {
	font-size: 28px;
	color: #003151;
}

.article-title h2 {
	font-size: 28px;
	color: #003151;
}

.article-title h3 {
	font-size: 20px;
}

.article-title hr {
	background-color: #000000;
}

.article-text {}

.article-text p {
	font-size: 24.3px;
}

.article-adout {}

.article-adout h2 {
	text-align: center;
}

.article-adout-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}

.article-adout-card {
	width: 33%;
	height: auto;
	margin: 0 auto;
	background-color: #f0f0f0;
}

.article-adout-card img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.article-adout-text{
	width: 92%;
	height: auto;
	margin: 5% auto;
}
.article-adout-text h3 {
	font-size: 26px;
}

.article-adout-text a {
	text-decoration: none;
	color: black;
}

.article-adout-text p {
	font-size: 22px;
}

.article-adout-link {
	font-size: 20px;
}

.article-adout-link img {
	width: 24px;
	height: 24px;
}

.article-return {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding: 0.5%;
}

.article-return a {
	text-decoration: none;
	color: #000000;
}

.article-return p {
	font-size: 20px;
}

.article-return-img p {
	width: 60px;
	height: auto;
	border: 1px black solid;
	padding: 2% 12%;
	border-radius: 6px;
}

.news-text-bommon-left {
	display: flex;
	justify-content: center;
	align-content: center;
}

.news-text p {
	font-size: 22.2px;
}

.news-text-bommon {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 1680px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #ddd3c9;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 1440px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 1280px) {
	.article {
		width: 1220px;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 1220px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
		padding: 1%;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 1024px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
		padding: 1%;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 28px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 20px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 24.3px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-adout-card {
		width: 33%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 28px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 24px;
	}
	.article-adout-link {
		font-size: 20px;
	}
	.article-adout-link img {
		width: 24px;
		height: 24px;
	}
	.article-return {
		display: flex;
		flex-flow: row wrap;
		align-content: center;
		padding: 0.5%;
	}
	.article-return a {
		text-decoration: none;
		color: #000000;
	}
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 50%;
	}
	.article-return-right img {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 820px) {
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 40%;
	}
}

@media screen and (max-width: 600px) {
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
	}
	.article-title {
		text-align: center;
	}
	.article-title h1 {
		font-size: 16px;
		color: #003151;
	}
	.article-title h2 {
		font-size: 16px;
		color: #003151;
	}
	.article-title h3 {
		font-size: 10px;
	}
	.article-title hr {
		background-color: #000000;
	}
	.article-text {}
	.article-text p {
		font-size: 12px;
	}
	.article-adout {}
	.article-adout h2 {
		text-align: center;
	}
	.article-adout-box {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 1%;
	}
	.article-adout-card {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-card img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.article-adout-text h3 {
		font-size: 16px;
	}
	.article-adout-text a {
		text-decoration: none;
		color: black;
	}
	.article-adout-text p {
		font-size: 14px;
	}
	.article-adout-link {
		font-size: 12px;
	}
	.article-adout-link img {
		width: 10px;
		height: 10px;
	}
	.article-return-right {
		display: flex;
		justify-content: space-between;
		align-content: center;
		padding: 0.3%;
		font-size: 16px;
		border: 1px black solid;
		height: 30px;
		border-radius: 5px;
		margin-left: 0%;
	}
}