.box-carousel {
	background-image: url(../../img/v3.1/article/top_bg3.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* .box-content > .container { max-width: 1600px; padding: 0; } */

.box-article-row {
	--min-margin-top: 36;
	--max-margin-top: 100;
	--margin-top: calc(
		(var(--min-margin-top) * 1px) + 
		(var(--max-margin-top) - var(--min-margin-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-top: clamp(var(--min-margin-top) * 1px, var(--margin-top), var(--max-margin-top) * 1px);
	
	display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    justify-content: center;
}

.box-article-row > .box-article-left, .box-article-row > .box-article-right { max-width: 767px; }

.box-article-left > div:nth-child(1),
.box-article-right > div:nth-child(1) { 
	--min-size: 23.551020;
	--max-size: 30.734694;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
	
	color: #68B261;
	
	--min-padding-bottom: 19.820408;
	--max-padding-bottom: 22.215898;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
}

.box-article-left > div:nth-child(2) img { width: 100%; max-width: 714px; margin: 0 auto; }
	
.box-article-left > div:nth-child(3) { 
	--min-size: 19.371428;
	--max-size: 29.428571;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
	
	color: #333;
	
	--min-padding-top: 19.820408;
	--max-padding-top: 22.215898;
	--padding-top: calc(
		(var(--min-padding-top) * 1px) + 
		(var(--max-padding-top) - var(--min-padding-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-top: clamp(var(--min-padding-top) * 1px, var(--padding-top), var(--max-padding-top) * 1px);
	
	--min-padding-bottom: 11.820408;
	--max-padding-bottom: 14.215898;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
}

.box-article-left > div:nth-child(3) > a { color: #333; text-decoration: none; }
.box-article-left > div:nth-child(3) > a:hover { color: #7BC074; }

.box-article-left > div:nth-child(4) { 
	--min-size: 15.640816;
	--max-size: 21.387755;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 400;
	
	color: #333;	
	
	--min-padding-bottom: 36;
	--max-padding-bottom: 48;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
	border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.box-article-left > div:nth-child(4) > a { color: #333; text-decoration: none; }
.box-article-left > div:nth-child(4) > a:hover { color: #7BC074; }

.box-article-right > div:nth-child(1) { 
	--min-padding-top: 36;
	--max-padding-top: 100;
	--padding-top: calc(
		(var(--min-padding-top) * 1px) + 
		(var(--max-padding-top) - var(--min-padding-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-top: clamp(var(--min-padding-top) * 1px, var(--padding-top), var(--max-padding-top) * 1px);
}
.box-article-right .row { margin: 0 0 1.5rem; }
.box-article-right .row > div:nth-child(1) { 
	width: 95px; 
	padding-left: 0; 
	padding-right: 0; 
}
.box-article-right .row > div:nth-child(2) { 
	width: calc(100% - 95px); 
	font-size: 16px;
	font-weight: 600;
	
	--min-padding-left: 15.640816;
	--max-padding-left: 21.387755;
	--padding-left: calc(
		(var(--min-padding-left) * 1px) + 
		(var(--max-padding-left) - var(--min-padding-left)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-left: clamp(var(--min-padding-left) * 1px, var(--padding-left), var(--max-padding-left) * 1px);
	padding-right: 0; 
}

.box-article-right .row > div:nth-child(2) > a { color: #333; text-decoration: none; }
.box-article-right .row > div:nth-child(2) > a:hover { color: #7BC074; }

.box-article-row:nth-child(2) { 
	--min-margin-top: 36;
	--max-margin-top: 48;
	--margin-top: calc(
		(var(--min-margin-top) * 1px) + 
		(var(--max-margin-top) - var(--min-margin-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-top: clamp(var(--min-margin-top) * 1px, var(--margin-top), var(--max-margin-top) * 1px);
}
.box-article-row:nth-child(2) > .box-article-left > div:nth-child(1) { line-height: 48px; }
.box-article-row:nth-child(2) > .box-article-left > div.row { 
	margin-left: 0; 
	margin-right: 0; 
	border-bottom: 0; 
	font-size: medium;
	padding-bottom: 0;
	padding-top: 0;
	
	--min-margin-bottom: 20;
	--max-margin-bottom: 60;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
	
}

.box-article-row:nth-child(2) > .box-article-left > div.row > div > a { padding-left: 0; padding-right: 0; }
.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(1) > a > img { max-width: 767px; }

.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) > div:nth-child(1) > a {
	font-size: 20px;
	font-weight: 600;
	margin-top: 16px;
	margin-bottom: 12px;
	color: #333;
	text-decoration: none;
}
.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) > div:nth-child(2) > a {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 12px;
	color: #333;
	text-decoration: none;
}
    .box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) > div:nth-child(1) > a:hover { color: #7BC074; }
    .box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) > div:nth-child(2) > a:hover { color: #7BC074; }

.box-form { width: 100% !important; }
.box-form-top > div.row { justify-content: center; align-items: center; }
.box-form-top > div.row > div:nth-child(1) {
	--min-size: 56;
	--max-size: 80;
	--width: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	width: clamp(var(--min-size) * 1px, var(--width), var(--max-size) * 1px);	
}
.box-form-top > div.row > div:nth-child(2) {
	--min-size: 240;
	--max-size: 380;
	--width: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	width: clamp(var(--min-size) * 1px, var(--width), var(--max-size) * 1px);
}
.box-form-top > div.row > div:nth-child(2) > div {
	--min-size: 20;
	--max-size: 32;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
	
}

.popX > div:nth-child(2) > div:nth-child(5) { background: none !important; }
.popX > div:nth-child(2) > div:nth-child(6) { display: none !important; }
.popX > div:nth-child(2) > div:nth-child(7) { display: none !important; }

@media screen and (max-width: 374px) {
	.box-article-right .row > div:nth-child(2) { font-size: 15px; }
	.box-form-top > div.row > div:nth-child(1) { width: 56px; }
	.box-form-top > div.row > div:nth-child(2) { width: 200px; }
	.box-form-top > div.row > div:nth-child(2) > div { font-size: 16px; }
}

@media screen and (min-width: 414px) {

}

@media screen and (min-width: 576px) {
		
}

@media screen and (min-width: 640px) {

}

@media screen and (min-width: 768px) {
	.box-carousel { background-image: url(../../img/v3.1/article/top_bg2.png); }
	.box-article-right .row > div:nth-child(2) { font-size: 17px; }
	
	.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(1) { width: 45%; }
	.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) { width: 55%; }
	
	.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) { padding-left: 12px; padding-right: 0; }
	.box-article-row:nth-child(2) > .box-article-left > div.row > div:nth-child(2) > div:nth-child(1) > a { margin-top: 0; }
	
	.popX > div:nth-child(2) { height: 240px !important; }
}

@media screen and (min-width: 992px) {
	.box-article-right .row > div:nth-child(2) { font-size: 18px; }
}

@media screen and (min-width: 1200px) {
	.box-carousel { background-image: url(../../img/v3.1/article/top_bg1.png); background-size: auto; }
	
	.box-article-left { width: 60%; padding-right: 1.5rem; }
	.box-article-left > div:nth-child(2) img { width: 80%; margin: 0 auto 0 0; }
	.box-article-left > div:nth-child(1),
	.box-article-right > div:nth-child(1) { font-size: 30.734694px; padding-bottom: 22.215898px; }
	.box-article-left > div:nth-child(3) { font-size: 29.428571px; padding-top: 22.215898px; }
	.box-article-left > div:nth-child(4) { font-size: 21.387755px; }
	
	.box-article-right { width: 40%; padding-left: 1.5rem; }
	
	.box-article-right > div:nth-child(1) { padding-top: 0; }
	.box-article-right .row { margin: 0 0 1.5rem; }
	.box-article-right .row > div:nth-child(1) { width: 120px; padding-left: 0; padding-right: 0; }
	.box-article-right .row > div:nth-child(2) { width: calc(100% - 120px); font-size: 19px; padding-left: 21.387755px; padding-right: 0; }
	
	.box-article-row:nth-child(2) { justify-content: flex-start; }
	
	.box-form-top > div.row > div:nth-child(1) { width: 80px; }
	.box-form-top > div.row > div:nth-child(2) { width: 380px; }
	.box-form-top > div.row > div:nth-child(2) > div { font-size: 32px; }
}