article{
	padding: -1%;
}
#t-h-01{
	margin-left: 20px;
	margin-bottom: 30px;
	color: black;
}
#t-h-01 a{
	text-decoration: none;
	color: rgb(6, 136, 13);
	text-transform: uppercase;
	font-family: Quicksand;
}
#t-h-01 a:hover{
	text-decoration-line: underline;
}
aside{
	width: 25%;
	float: right;
	border: 1px solid transparent;

}	
aside h1{
	text-transform: uppercase;
	color: darkgreen;

}			
#aside-id-ul{
	margin-top: 30px;
}
#aside-id-ul li{
	list-style-type: none;
	margin-bottom: 12px;
	margin-top: 7px;
	margin-left: 5px;
}
#aside-id-ul li a{
	text-decoration: none;

	text-transform: uppercase;
	color: black;
	font-family: Adobe Ming Std L;
	font-size: 110%;

}
#aside-id-ul li a .a-active{
	color: green;
}
#aside-id-ul li a:hover{
	color: green;
	cursor: pointer;
	text-decoration-line: underline;
}
.de-active-001{
	display: none;
}
.whole-article-1{
	width: 70%;
	float: left;
	border: 1px solid transparent;
}
#header-section{
	margin-top: 20px;
}
#header-section h1{
	font-size: 220%;
	text-transform: uppercase;
	color: black;
	font-family: Quicksand;
	margin-bottom: 20px;
	margin-left: 10px;
   
}

#header-section p{
	color: #666e66;
	font-size: 110%;
	text-align: justify;
}
.first-item-section-001{
	border: 1px solid transparent;
	margin-top: 10px;
	padding: 1%;
	height: 300px;
}
.first-item-section-001 img{
	width: 60%;
	float: left;
	margin-right: 10px;
}
.first-item-section-001 h1{
	font-size: 0.8125rem;
    font-family: Cabin-semi-bold, sans-serif;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 1rem;
    content: attr(data-tag);
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: rgb(65, 138, 62);
    margin-top: 15px;
}
.first-item-section-001 h3{
	
}
.first-item-section-001 h3 a{
	text-decoration: none;
	color: rgb(25, 25, 25);
	font-size: 180%;
	-webkit-font-smoothing: antialiased;
	font-family: SourceSansPro, sans-serif;
	font-weight: 400;
	line-height: 120%;
	-webkit-box-direction: normal;
	box-sizing: border-box;
	cursor: pointer;
}
.first-item-section-001 h3 a:hover{
	color: rgb(65, 138, 62);
}
.first-item-section-001 p{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgb(68, 68, 68);
    font-family: SourceSansPro, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: justify;

}
.first-item-section-002{
	margin-top: 20px;
	border: 1px solid transparent;
	padding: 1%;
}
.first-item-section-002 li{
	list-style-type: none;
	display: inline-block;
	width: 30%;
	height: 300px;
	border: 1px solid transparent;
	margin-left: 2%;
}
.first-item-section-002 li img{
	width: 100%;
	height: 150px;
}

.first-item-section-002 li h1{
	font-size: 0.8125rem;
    font-family: Cabin-semi-bold, sans-serif;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 1rem;
    max-height: 1rem;
    content: attr(data-tag);
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: rgb(65, 138, 62);

}
.first-item-section-002 li h3{
		height: 120px;
	max-height: 120px;
	overflow-y: auto;
}
.first-item-section-002 li h3 a{
    text-decoration: none;
	color: rgb(25, 25, 25);
	font-size: 130%;
	-webkit-font-smoothing: antialiased;
	font-family: SourceSansPro, sans-serif;
	font-weight: 400;
	line-height: 120%;

	-webkit-box-direction: normal;
	box-sizing: border-box;
	cursor: pointer;
}
.first-item-section-002 li h3 a:hover{
	color: rgb(65, 138, 62);
}



.whole-article-2{
	width: 101.5%;
	background-color: ;
	margin-top: 100px;
	float: left;
	border: 1px solid transparent;
	background-color: #fff;
	margin-left: -2.8%;
	padding: 2%;
	overflow-x: hidden;
}

.whole-article-2 ul li{
	width: 23%;
	height: 300px;
	background-color: #fbf9f9;
	list-style-type: none;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}

.whole-article-2 ul li img{
	width: 100%;
	height: 170px;
}
.whole-article-2 ul li h1{
	font-size: 0.8125rem;
    font-family: Cabin-semi-bold, sans-serif;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 1rem;
    max-height: 1rem;
    content: attr(data-tag);
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: rgb(65, 138, 62);
    margin-left: 1%;
}
.whole-article-2 ul li h3{
	margin-left: 1%;
	height: 100px;
	max-height: 100px;
	overflow-y: auto;
}
.whole-article-2 ul li h3 a{
	text-decoration: none;
	color: rgb(25, 25, 25);
	font-size: 130%;
	-webkit-font-smoothing: antialiased;
	font-family: SourceSansPro, sans-serif;
	font-weight: 400;
	line-height: 120%;
	-webkit-box-direction: normal;
	box-sizing: border-box;
	cursor: pointer;
}
.whole-article-2 ul li h3 a:hover{ color: rgb(65, 138, 62);}


























@media only screen and (max-width: 900px){
	.de-active-001{display: block;}
	aside{display: none;}
	.whole-article-1{width: 90%;margin-left: 5%;}
	.first-item-section-002 li img{ height: 160px; }
	.whole-article-2 ul{ margin-left: 10px; }
	.whole-article-2 ul li h1{ font-size: 80%; }
	.whole-article-2 ul li h3 a{ font-size: 100%; }

}
@media only screen and (max-width: 1506px){
	.whole-article-2 ul li{ margin-right: 10px; }
}

@media only screen and (max-width: 1500px){
	.first-item-section-001 h3 a{ font-size: 140%;  }
	.first-item-section-001 h3 { margin-bottom: 5px; }
	.first-item-section-001 img{ width: 56%; }
}
@media only screen and (max-width: 1455px){
	.first-item-section-001 h3 a{ font-size: 135%;  }
	.first-item-section-001 p{ font-size: 1rem; line-height: 1rem; margin-top: 10px;}
	.first-item-section-001 h1{ margin-top: 0px; }
	.first-item-section-002 li h3 a{ font-size: 100%; }
	.first-item-section-002 li h3{ max-height: 120px; }
	.first-item-section-002 li{ height: 270px; }
	.first-item-section-002 li h1{ font-size: 70%; margin-bottom: -5px; }
	.first-item-section-002 { margin-top: 0px; }
}
@media only screen and (max-width: 1160px){
	.first-item-section-001 h3 a{ font-size: 160%; line-height: 140%; }
	.first-item-section-001 h1{ margin-top: 15px; }
	.first-item-section-001 img{ width: 60%; }
	.whole-article-2 ul li{ height: 250px; }
	.whole-article-2 ul li img{ height: 120px; }
}
@media only screen and (max-width: 1100px){
	.first-item-section-001 h3 a{ font-size: 150%;}
}
@media only screen and (max-width: 1024px){
	.first-item-section-001 h1{ margin-top: 1px; }
}
@media only screen and (max-width: 950px){
	.first-item-section-001 h3 a{ font-size: 130%;}
}
@media only screen and (max-width: 900px){
	.first-item-section-001 h3 a{ font-size: 150%;}
	.first-item-section-001 h1{ margin-top: 15px; }
	.first-item-section-001 p{ line-height: 1.3rem; }
}
@media only screen and (max-width: 810px){
	.first-item-section-001 h3 a{ font-size: 130%;}
	.first-item-section-001 h1{ margin-top: 5px; }
	.first-item-section-001 p{ line-height: 1.1rem; }
	.first-item-section-002 li img { height: 140px; }
	.whole-article-2 ul li h1{ font-size: 60%; }
	.whole-article-2 ul li h3{ font-size: 100%; }
	.whole-article-2 ul li {height: 200px;}

}
@media only screen and (max-width: 750px){
	.first-item-section-001 h3 a{ font-size: 170%; margin-bottom: 10px;}
	.first-item-section-001 h1{ margin-top: 20px; }
	.first-item-section-001 p{ line-height: 1.3rem; }
}
@media only screen and (max-width: 700px){
	.first-item-section-001 h3 a{ font-size: 160%; }
	.first-item-section-001 h1{ margin-top: 15px; }
	.first-item-section-002 li img{ height: 110px; }
	.whole-article-2 ul li { width: 30%; height: 250px;}
	.whole-article-2 ul li img{ height: 140px; }
	.whole-article-2 ul li 

}
@media only screen and (max-width: 620px){
	.first-item-section-001 h3 a{ font-size: 140%; }
	.first-item-section-001 h1{ margin-top: 13px; }
	.whole-article-2 ul li img{ height: 110px; }
}
@media only screen and (max-width: 550px){
	.first-item-section-001 h3 a{ font-size: 170%;}
	.first-item-section-001 h1{ margin-top: 15px; }
	.first-item-section-001 img{ width: 100%; }
	.first-item-section-001 {  height: 450px; }
	.first-item-section-002 li { display: block; width: 95%; height: 150px; margin-bottom: 10px;}
	.first-item-section-002 li img{ width: 50%; float: left; margin-right: 10px; height: 150px;}
	.whole-article-2 ul li img{ height: 150px; }
	.whole-article-2 ul li{ height: 250px; width: 46%; }
	.whole-article-2 ul li h1{  }

}
@media only screen and (max-width: 400px){
	.first-item-section-001 h3 a{ font-size: 140%; }
	.first-item-section-001 p{ font-size: 90%; }
	.first-item-section-002 li img{ height: 110px; }
	.first-item-section-002 li h1 { font-size: 60%; }
	.first-item-section-002 li h3 a{ font-size: 80%; line-height: 30%; }
	.first-item-section-002 li h3 { max-height: 90px; }
	.whole-article-2 ul li img{ height: 100px; }
	.whole-article-2 ul li{ height: 200px; }
}
@media only screen and (max-width: 350px){
	.first-item-section-001 h3 a{ font-size: 120%; }
	.first-item-section-001 p{ font-size: 80%; }
	.first-item-section-002 li{ height: 200px; }
	.first-item-section-002 li img{ height: 110px; }
	.first-item-section-002 li h1 { font-size: 60%; }
	.first-item-section-002 li h3 a{ font-size: 80%; line-height: 30%; }
	.first-item-section-002 li h3 {  max-height: 90px; }
	.whole-article-2 ul li{ width: 45%;}
}