@charset "utf-8";

/* mainvisual */
#mainvisual{
	position: relative;
	margin: 0 auto;
	width: 100%;
	font-weight: bold;
}
#mainvisual .video {
	width: 100%;
	margin: auto;
}
#mainvisual .title{
	position: relative;
	margin-top: 0;
	text-align: left;
	background-color: rgba(173,203,112,.9);
	padding: 15px;
	color: #ffffff;
}
#mainvisual h2{font-size: .20rem;}
#mainvisual p{font-size: .12rem;}




/* ニュース */
#news{
	position: relative;
	margin: 0 auto;
	background-color: #f2f2cc;
	box-shadow:0px 12px 16px -10px rgba(0,0,0,0.3) inset;
}
#news .contents-inner{
	margin: 2% auto;
	border-top: solid 1px #accb70;
	border-bottom: solid 1px #accb70;
}
#news h2{
	position: relative;
	margin: 4% auto;
	width: 100%;
	height:0;
	padding-top: 18%;
	background-image: url("../img/common/ttl_news.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
/*#news ul.newsList{
	position: relative;
	margin: 0 auto;
	width: 96%;

}
#news ul.newsList li{border-bottom: solid 1px #d9d9d9; padding: .5em 0; text-align: left;}
#news ul.newsList li:last-child{border-bottom: none;}
#news ul.newsList li span{display: inline-block;padding-right: 2%;}
#news ul.newsList li a{ display: block; text-decoration: none; color: #4187c7;}*/



/* about */
#about{
	position: relative;
	padding: 40px 0 20px 0;
	background-color: #f2f2cc;
	box-shadow:0px 12px 16px -10px rgba(0,0,0,0.3) inset;
}
#about ul{
	position: relative;
	margin: 40px auto 0 auto;
	width: calc(100% - 30px);
	max-width: 1050px;
}
#about ul li{
	position: relative;
	margin: 0 auto 50px auto;
}
#about ul li p{line-height: 2em; color: #759458;padding-bottom: 20px;}
#about ul li .photo{
	position: relative;
	margin: 0 auto;
	max-width: 480px;
}
#about ul li .txt{
	position: relative;
	margin: 0 auto;
	max-width: 480px;
}
#about ul li .ttl{
	position: relative;
	margin: 20px auto 10px auto;
	width: calc(100% - 80px);
	max-width: 350px;
}
#about ul li .button{
	position: relative;
	margin: 0 auto;
	width: 8em;
	color: #ffffff;
	font-weight:500;
	border-radius: 16px;
	padding: 10px;
	display: block;
	border: solid 1px #759458;
	background-color: #759458;
}
#about ul li .button:hover{background-color: #accb70;
color:#759458;}
#about ul li .button img{
	width: 6em;
	height: auto;
	margin: 0 auto;
	transform: translateX(3px);
}




/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* 共通 */
	.leftBox, .rightBox{
		position: relative;
		width: 49%;
		display: inline-block;
		vertical-align: middle;
	}
	
	/* mainvisual */
	#mainvisual .title{
		position: absolute;
		bottom: 20px;
		left: 4%;
		margin-top: 0;
		border-radius: 10px;
	}
	#mainvisual h2{margin-bottom: 10px;}
	

	
	/* ニュース */
	#news{
		margin: -1% auto 0 auto;
		padding: 30px 0;
	}
	#news h2{
		margin: 0 40px 0 20px;
		width: 140px;
		padding-top: 72px;
		display: inline-block;
		vertical-align: middle;
	}
	#news .contents-inner{
	margin: 20px auto;
}
	/*#news ul.newsList{
		position: relative;
		margin: 0 auto;
		width: 740px;
		display: inline-block;
		vertical-align: middle;

	}
	#news ul.newsList li{border-bottom: solid 1px #d9d9d9; padding: .5em 0 .5em .8em; text-align: left;}
	#news ul.newsList li:last-child{border-bottom: none;}
	#news ul.newsList li span{display: inline-block; padding-right: 20px;}
	#news ul.newsList li a{ display: inline-block; text-decoration: none; color: #4187c7;}
	#news .newsall{margin: 20px auto 0 auto;font-size: .18rem;}
	#news .newsWrap{
		margin: 0 auto;
		max-width: 940px;
		gap:0 50px;
	}
	#news .newsInner{
		position: relative;
		margin: 0;
		width: 730px;
	}*/
	

	/* about */
	#about{padding: 60px 0 100px 0;}
	#about ul li{margin: 70px auto 0 auto;
		/*gap:0 50px;*/
	}
	#about ul li p{line-height: 2.2em;font-size: .20rem;}
	#about ul li .photo{margin: 0;width: calc(100% - 25px);}
	#about ul li .txt{margin: 0;width: calc(100% - 25px);}
	#about ul li .ttl{margin: 0 auto 25px auto;}
	#about ul li.intro02, #about ul li.intro04 {flex-direction:row-reverse;}
	
	

}