.contents-head01{
	width:100%;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}







.top-head{
	background-image: url("../img/top-head01.jpg");    
    background-position:center bottom 10%;
	background-repeat: no-repeat;
	background-size:cover;
	border-bottom: 10px solid #008B4C;
}

.top-head-text{
	max-width: 890px;
	margin: 0 auto;
}

.top-head-text img{
	width: 408px;
	padding: 0 0 0 50px;
}

@media screen and (max-width: 750px) {
.top-head-text img{
	width: 40%;
	padding: 0 0 0 50px;
}
}


.contents01{}
.contents02{
	background: #D0E8DD;
}

.contents-box01{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
	max-width: 890px;
	margin: 0 auto;
}


.contents-box02{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
	max-width: 890px;
	margin: 30px auto 0 auto;
}


.contents-box03{
    width : -webkit-calc( 100% - 100px );
    width : calc( 100% - 100px );
	max-width: 850px;
	margin:0 auto;
	padding: 30px 20px;
}


.contents-box04{
    width : -webkit-calc( 100% - 100px );
    width : calc( 100% - 100px );
	max-width: 850px;
	margin:0 auto;
	padding:0 20px;
}





.top-text01{
    width: 80%;
    margin: 0 auto;
	text-align: center;
	padding: 50px 0 10px 0;
	
	/*font-size: 34px;
	border-bottom: #008B4C solid 2px;*/
}
.top-text01 img{
    width: 80%;
	
	/*font-size: 34px;
	border-bottom: #008B4C solid 2px;*/
}
.top-text02{
	text-align: center;	
	padding: 10px 0 0 0;
	font-size: 24px;
}





.news-box{
	width: 100%;
	margin:30px 0 30px 0;
}

.news-title01{
	width: 100%;
	padding:0 0 10px 0;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #008B4C;
	border-bottom:1px dotted #008B4C;
}

.news-link{
    width : 100%;
	margin:0 0 0 0;
	padding: 20px 0;
	display:table;
	border-bottom:1px dotted #008B4C;
}

.news-link li{
	float:left;
	font-size:16px;
}

.news-link li:nth-child(odd){
    width : 250px;
	padding:0 0;
	margin:0 0 0 0;
	text-align:left;
}


.news-link li:nth-child(odd) .news-cate{
	width:100px;
  padding: 2px 0;
	margin: -1px 10px 0 0;
  border-radius: 25px;
	border: solid 1px  #008B4C;
	float: left;
	font-size:14px;
	color: #008B4C;
	text-align: center;
}


.news-link li:nth-child(even){
    width : -webkit-calc( 100% - 250px );
    width : calc( 100% - 250px );
	padding:0 0 0 0;
	margin:0;
	text-align:left;
}



@media screen and (max-width: 750px) {
.news-link li:nth-child(odd){
    width : 100%;
	margin: 2px 0 10px 0;
    font-weight: lighter;
}



.news-link li:nth-child(odd) .news-cate{
	margin: -2px 10px 0 0;
    font-weight: 600;
}
    
.news-link li:nth-child(even){
    width : 100%;
    font-weight: lighter;
}
}



.news-link li a{
	text-decoration:none;
	margin:0 0 0 0;
}
.news-link li a:hover{
	color:#004098;
	border-bottom:1px #004098 solid;
}





.list-box{
	width: 100%;
	margin:30px 0 30px 0;
}


.list-img{
	width: 100%;
	margin:30px 0 30px 0;
	float: left;
}


.list-img li{
	float: left;
	margin:0 30px 0 0;
	width: 270px;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*.list-img li:hover{
	opacity: 0.7;
}*/

.list-img li:nth-child(2n){
	float: left;
	margin:0 30px 0 0;
	width: 270px;
}

.list-img li:nth-child(3n){
	float: left;
	margin:0 0 0 0;
	width: 270px;
}

.list-img li a img{
	width: 100%;
}

.top-img01{
    background: url("../img/top-img01.jpg") no-repeat center;
    background-size: 100%;
}

.top-img02{
    background: url("../img/top-img02.jpg") no-repeat center;
    background-size: 100%;
}

.top-img03{
    background: url("../img/top-img03.jpg") no-repeat center;
    background-size: 100%;
}

.top-img01:hover,.top-img02:hover,.top-img03:hover{
    background-size: 110%;
}





@media screen and (max-width: 949px) {	
.list-img li{
	float: left;
	margin:0 60px 30px 0;
    width : -webkit-calc( 50% - 30px );
    width : calc( 50% - 30px );
}

.list-img li:nth-child(2n){
	float: left;
	margin:0 0 30px 0;
    width : -webkit-calc( 50% - 30px );
    width : calc( 50% - 30px );
}

.list-img li:nth-child(3n){
	float: left;
	margin:0 25%;
    width : 50%;
}
}




@media screen and (max-width: 750px) {	
.list-img li{
	float: left;
	margin:0 0 30px 0;
    width : 100%;
}

.list-img li:nth-child(2n){
	float: left;
	margin:0 0 30px 0;
    width : 100%;
}

.list-img li:nth-child(3n){
	float: left;
	margin:0 0 30px 0;
    width : 100%;
}


.top-img01,.top-img02,.top-img03{
    background: none;
}
}