@charset "UTF-8";
/* CSS Document */

/*==========================================
共通
============================================*/
body{
	font-size: 18px;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho',sans-serif;
	line-height:1.4;
	color:#333;
	background:#fff;
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#333;
	text-decoration:underline;
}

/*headerの設定*/
header{
	width: 100%;
	border-top: 5px solid #4b7447;
	padding: 20px 0;
	margin: 0 auto;
}

#header_wrapper{
	width: 92.5%;
	margin: 0 auto 0 7.5%;
	overflow: hidden;
}

#logo{
	float: left;
	margin-right: 30px;
}

.pc{
	display: block !important;
}
.sp{
	display: none !important;
}

header .info{
	float: left;
}

header .info p{
	margin-bottom: 2px;
}

header .info p:first-child{
	font-size: 48px;
	color: #4b7447;
	line-height: 0.9em;
}

header .info p a{
	color: #4b7447;
}
	header .info p a:active{
	text-decoration: none;
}

header .info p:nth-child(2){
	color: #333333;
	font-size: 22px;
}

header .info p:nth-child(3),
header .info p:last-child{
	color: #8c6e5b;
	margin: 0 10px 0 0;
}

/*grobalnavの設定*/
nav{
	width: 100%;
	margin: 0 auto;
	clear: both;
	height: 450px;
	background: #4b7447;
	background: url(../img/mainv.png) center repeat-x;
}

#nav_wrraper{
	width: 100%;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.9);
	line-height: 3;
}

nav ul{
	margin-left: 6.2%;
	font-size: 0;
}

nav li a{
	padding: 0 20px 8px;
	display: block;
}

nav li a:hover{
	text-decoration: none;
	background-color: rgba(195,220,146,0.5);
}

nav li{
	display: inline-block;
  position: relative;
	font-size: 18px;
	text-align: center;
}

/*toPageTop*/
.toPagetop{
	float: right;
	margin: 20px 0 0;
}

.toPagetop a{
	color: #4b7447;
	text-decoration: underline;
}

.toPagetop a:hover{
	letter-spacing: 4px;
}

/*footerの設定*/
footer{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 5px solid #d9be9b;
}

footer .info{
	float: left;
}

footer p{
	font-size: 22px;
}

#description{
	float: right;
}

footer .info p:first-child{
	color: #4b7447;
	font-size: 48px;
	line-height: 1;
}

footer .info p:nth-child(n+2){
	display: inline;
}

#description p{
	text-align: right;
	color: #8c6e5b;
	font-size: 18px;
}

/*copyrightの設定*/
#copyright{
	clear: both;
	text-align: center;
	width: 100%;
	background: #4b7447;
	color: #fff;
	line-height: 4.5em;
	padding: 10px 0;
}

#copyright small{
	display: block;
	line-height: normal;
}


/*======レスポンシブ："960px"以下の設定======*/
/*header*/
@media screen and ( max-width:960px ){
	#header_wrapper{
		width: 574px;
		margin: 0 auto;
	}
	#logo{
		width: 240px;
		margin-right: 20px;
	}
	#logo img{
		width: 100%;
		height: auto;
	}
	header .info p{
		line-height: 1.1;
	}
	header .info p a{
		color: #4b7447;
	}
	header .info p a:active{
		text-decoration: none;
	}
	header .info p:first-child{
		font-size: 40px;
	}
	header .info p:nth-child(2){
		font-size: 20px;
	}
	header .info p:nth-child(3),
	header .info p:last-child{
		line-height: 1.3em;
		font-size: 16px;
		display: block;
	}
}

/*grobalnav*/
@media screen and ( max-width:960px ){
	nav{
		height: 281px;
		background: url(../img/mainv2.png) center repeat-x;
	}
	nav li{
		font-size: 16px;
	}
	nav ul{
		margin: 0 auto;
		width: 679px;
	}
	nav li a{
		padding: 0 15px 8px;
	}
}

/*toPageTop*/
@media screen and ( max-width:959px){
	.toPagetop{
		margin: 65px 0 0;	
	}
}

/*footer*/
@media screen and ( max-width:959px ){
	footer{
		width: 95%;
	}
	footer .info p:first-child{
		line-height: 0.9;
		font-size: 40px;
		margin-bottom: 10px;
	}
	footer .info p:nth-child(n+2){
		line-height: 0.9;
		font-size: 18px;
		margin-bottom: 5px;
	}
	#description{
		margin: 0;
	}
	#description p{
		color: #8c6e5b;
		font-size: 16px;
	}
}

/*copyright*/
@media screen and ( max-width:960px ){
	#copyright small{
		font-size: 16px;
	}
}

/*======レスポンシブ："700px"以下の設定======*/
/*grobalnav*/
@media screen and ( max-width:700px ){
	nav li{
		font-size: 16px;
	}
	nav ul{
		width: 589px;
		margin: 0 auto;
	}
	nav li a{
		padding: 0 10px 8px;
	}
}

/*======レスポンシブ："599px"以下の設定======*/
/*header*/
@media screen and ( max-width:599px ){
	header{
		padding: 10px 0;
	}
	#header_wrapper{
		width: 100%;
		margin: auto;
	}
	#logo{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.pc{
		display: none !important;
	}
	.sp{
		display: block !important;
		margin: 0 auto;
	}
	header .info{
		margin: 0;
		width: 100%;
	}
	header .info p{
		text-align: center;
		margin: 10px 0;
	}
	header .info p a{
	color: #4b7447;
	}
	header .info p a:active{
		text-decoration: none;
	}
	header .info p:first-child{
		line-height: 0.9em;
		font-size: 40px;
		width: 100%;
		margin: 0 auto;
	}
	header .info p:nth-child(2){
		line-height: normal;
		font-size: 18px;
		width: 100%;
		margin: 0 auto;
	}
	header .info p:nth-child(3),
	header .info p:last-child{
		display: block;
		font-size: 16px;
		width: 100%;
		margin: 0 auto;
	}
}

/*grobalnav*/
@media screen and ( max-width:599px ){
	nav{
		height: auto;
		line-height: normal;
		background: url(../img/nav_bg_sp.png) center repeat-x;
	}
	#nav_wrraper{
		box-shadow: 0 -3px 5px rgba(0,0,0,0.15);
		background-color: rgba(255,255,255,0.9);
	}
	nav ul{
		width: 100%;
		margin: 0;
	}
	nav ul li{
		width: 50%;
		height: 31px;
		font-size: 14px;
	}
	nav li a{
		line-height: 23px;
		padding: 4px 0;
	}
}

/*toPageTop*/
@media screen and ( max-width:599px){
	.toPagetop{
		float: none;
		text-align: center;
		font-size: 16px;
		margin: 40px 0 0 !important;
		width: 100% !important;
	}
}

/*footer*/
@media screen and ( max-width:599px ){
	footer{
		width: 90%;
		margin: 0 auto 10px;
		padding: 20px 0 0;
		text-align: center;
	}
	footer .info{
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	footer .info p{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	footer .info p:first-child{
		line-height: 0.9;
		font-size: 40px;
		margin-bottom: 10px;
	}
	footer .info p:nth-child(n+2){
		line-height: 0.9;
		font-size: 18px;
		margin-bottom: 5px;
		display: block;
	}
	#description{
		width: 100%;
		margin: 10px auto;
		padding: 0;
		float: none;
	}
	#description p{
		line-height: normal;
		font-size: 16px;
		text-align: center;
		color: #8c6e5b;
	}
}

/*copyright*/
@media screen and ( max-width:599px ){
	#copyright{
		padding: 10px 0;
	}
	#copyright small{
		font-size: 12px;
	}
}