@charset "UTF-8";
/****************************************************
* TOP  05 ¥È¥Ã¥×?¥¹¥¿¥¤¥ë  *
*****************************************************/
/**TOPÑaÕý*/

#main{
	background-color: #EDF9F2;
}
#main h2{
	color: #05724B;
	font-size: 1.75em;
	font-family: 'Crimson Pro', serif;
	margin-bottom: 0;
	padding: 0;	
	font-weight: 300;
	
}
#main  header{
	border-bottom: 2px solid #85C19D;
	margin-bottom: 10px;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#homePage #main h3 {
		font-size: 1.1em;
	}
}


/*¥¢¥¤¥­¥ã¥Ã¥Á**************/
@-webkit-keyframes fadeInImg{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes fadeInImg{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

#eyeCatch{
	overflow: hidden;
	margin: 0 auto 40px;
	background-color: #D3EADB;
	-webkit-animation: fadeInImg 2s ease 0s 1 normal;
	        animation: fadeInImg 2s ease 0s 1 normal;	
}
#message{
	margin: 50px auto;
	padding: 5px 25px 5px 5px;
}
#message .detail{
	line-height: 2.2;
}
#message .linkBtn{
	margin-top: 1em;
	text-align: left;
}
#message .linkBtn a{
	color: #05724B ;
	background: transparent;
	border: 1px solid #05724B;
	border-radius:5px;
	padding: .2em 1em .3em;	
}
#message .linkBtn a .title{
	color: #05724B ;
}
#message .linkBtn a::before{
	display: none;
}
#message .linkBtn a:after{
	content: "";
	display: inline-block;vertical-align: middle;
	margin:0 0 .1em .25em;
	width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #05724c;
}

/*Mobile*/
@media screen and (max-width: 767px){
	#message{
		margin: 20px 10px;		
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{		
	#eyeCatch .container{
		display: flex;
	}
	#eyeCatch #meinVisual{
		width: 62.727272727%;
		flex-shrink:0;
		margin: 40px auto;
	}
	#message{
		width: 35%;
	}
	
}

#topBox .container{
	display: flex;
	justify-content: space-between;
}

.bnrLinks{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -10px;
}
#lBnr{
	margin-bottom: 20px;
}
#lBnr img{
	border-radius: 5px;
}
#sBnr li{
	width:48.051948051%;
	margin-bottom: 10px;
	max-height: 65px;
}
#sBnr li a{
	display: block;
}
.bnrLinks a:hover,
.bnrLinks a:active,
.bnrLinks a:focus{
	filter: brightness(1.08);
}
#sBnr li:nth-child(odd){
	margin-right: 3.896103896%;
}

/*¥Ë¥å©`¥¹*/
#newsList{
	padding: 15px;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}
#newsList header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
#newsList header p{
	margin-left: 1em;
}
#newsList header p a:link{
	color: #333;
}
#newsList header p a:hover,
#newsList header p a:focus,
#newsList header p a:active{
	text-decoration: none;
}
#newsList header a:hover .title,
#newsList header a:focus .title,
#newsList header a:active .title{
	text-decoration: underline;
}
#newsList header a:after{
	display:inline-block;
	font-size:1em;
	margin-left:.5em;
	margin-right:.2em;
	font-family: FontAwesome;
	content:"\f105";
	line-height:1.2;
	vertical-align:middle;
	margin-top: -0.3em;
}


/*Mobile*/
@media screen and (max-width: 767px){	
	#topBox .container{
		flex-flow: column;
	}
	.bnrLinks{
		justify-content: center;
	}
	#linkBox{
		margin-top: 10px;
	}
	#newsList{
		padding: 20px 10px;
	}
	#newsList .container{
		display: block;
	}
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	#newsList{
		width: 61.363636363%;
	}
	#newsList header p{
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 80%;
		        flex: 1 1 80%;
	}
	#linkBox{
		width:35%;
	}
}