


		.news ul {
			width: 700px;
			margin: 0 auto;
			list-style: none;
			text-align: left;
		}
		.news ul li {
			
		}
		.date {font-size: 20px;}
		
		.article {
			display: flex;
			margin-bottom: 20px;
			padding: 20px;
			border-radius: 5px;
			box-sizing: border-box;
			box-shadow: 0 0 5px #999;
		}
		
		.article figure {
			margin-right: 20px;
			width: 100px;
			height: 100px;
		}
		
		.article figure img {
			min-width: 100px;
			max-width: 100%;
			vertical-align: top;
		}
		
		.news_tx {
			width: 100%;
			padding-left: 20px;
		}
		

	



/*　　お知らせ
-------------------------------------------------------------------------------------------------------*/

.news {
	width: 1200px;
	margin: 0px auto 20px;
	overflow: hidden;
}



.news_col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
}

.news_col_3 > div{
	width: 32%;
	padding: 10px;
	margin-bottom: 20px;
}

.news_col_3 > div img{
	max-width: 100%;
}

@media screen and (max-width: 960px) {
	.news_col_3 > div{
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	.news_col_3 > div{
		width: 100%;
	}
}




/*
.voice::after {
    content:"";
    position:absolute;
    top: -25px; right:0; bottom: -25px; left:0;
	
    box-shadow: inset 0 1px 10px rgba(0,0,0,.5);
	}
*/


.news-tmb {
	width: 100%;
	margin: 0px 0px 15px 0px;
}

.news-tmb img{
	max-width: 100%;
	height: auto;
}

.news-day {
	font-size: 14px;
	text-align: left;
	border-bottom: 1px dotted rgba(102,102,102,1.00);
	margin-bottom: 10px;
	display: inline-block;
	padding: 0px 10px;
	background-color: rgba(80,127,58,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: bold;
}

.news-ttl {
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
}

.news-tx {
	font-size: 14px;
	text-align: left;
}


@media screen and (max-width: 768px){
.news {
	width: 93%;
	margin: 0 auto;
}
	
}






/*---  スライダーの設定　---*/



.news_box .slick-prev
{
    /* デフォルトでは-25px(= スライダーの外側) */
    left: 7px;
}
.news_box .slick-next
{
    /* デフォルトでは-25px(= スライダーの外側) */
    right: 10px;
}
 
.news_box .slick-prev,
.news_box .slick-next
{
    /* スライド画像の後ろに隠れないようにする */
    z-index: 99999;
}
 
.news_box .slick-prev::before,
.news_box .slick-next::before {
    /* フォントと色の設定はbefore内で行う */
     font-size: 28px; 
     color: black; 
}
 



.slide {
	width: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 0;
	
}

.slide img {
	max-width: 100%;
	height: auto;
	padding: 20px 20px 0px;
}

.slide-con {
	width: 100%;
	padding: 15px;
	margin: 0;
	border-radius: 10px;
	background-color: #FFFFFF;
	line-height: 1.5em;
	letter-spacing: 0.07em;
}

/*
.slide-con {
	width: 100%;
	padding: 15px;
	margin: 10px 30px;
	border-radius: 10px;
	background-color: #FFFFFF;
	line-height: 1.5em;
	letter-spacing: 0.07em;
}
*/

.slide-con a{
	display: block;
	text-decoration: none;
}



.slide-con a:hover *{
	 filter: alpha(opacity=60);
	 -moz-opacity:0.6;
	 opacity:0.6;
	 -webkit-transition: all .3s;
	 transition: all .3s;
	 }



@media screen and (max-width: 767px) {

.slide {
	width: 100%;
}
	
.slide img {
	height: auto;
	margin: 0 auto;
	padding: 20px 5px 0px;
} 
	
	
.slide-con {
	width: 100%;
	padding: 10px;
	text-align: justify;
	margin: 10px;
}

}
