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

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000000;
	background:#ffffff;
}

.wrapper{
	width:100%;
}

.logo img{
	max-width: 100%;
	width: 168px;
}

@media screen and (min-width:641px){

.sp{
	display:none;
}

.inner{
	width:980px;
	margin:0 auto;
}

.header_inner{
	width:980px;
	margin:0 auto;
	position: relative;
}

.logo{
	text-align:center;
	padding-top:15px;
}



.logo a{
	display:block;
	position: relative;
	z-index: 1000;
}


/***** header *****/

#g_nav{
	float: right;
}

#g_nav li{
	margin-top:10px;
}

#g_nav li:nth-child(1){
	margin-top:-15px;
}

#g_nav .nav_ul li{
	margin-top:7px;
	margin-left:13px;
}

#g_nav li a{
	display:block;
}

.second_nav{
	border-top:5px solid #f39700;
	background:#fabe00;
}

.second_nav li a{
	display:block;
	padding:37px 25px 32px;
}

.second_nav .blog_nav{
	margin:0 42px;
	float:left;
	width: 100%;
}
	
.cfb_ttl{
	text-align: center;
	color: #fff;
	padding-top: 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.cfb_ttl span{
	border-bottom: solid 1px #fff;
	padding-bottom: 5px;
}
	.blog_nav li{
	float:left;
}

.blog_nav li:last-child{
	margin-right:0;
}

.second_nav{
	position:relative;
	z-index: 1000;
}

.nav_child_care {
    margin-left: 115px;
}

/*.seminar_hover,.event_hover,.item_hover,.agriculture_hover,.recruit_hover,.bean_hover,.notice_hover*/.li_hover{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
/*	top: 92px;*/
	/*transition:0.3s all;*/
}

/*.seminar_hover li,.event_hover li,.item_hover li,.agriculture_hover li,.recruit_hover li,.bean_hover li,.notice_hover li*/.blog_elements li{
	float:left;
	margin-right:20px;
	padding:20px 0;
	width:180px;
}

/*.seminar_hover li a,.event_hover li a,.item_hover li a,.agriculture_hover li a,.recruit_hover li a,.bean_hover li a,.notice_hover li a*/.blog_elements li a{
	padding:0!important;
}

.blog_elements a p/*.seminar_hover a p,.event_hover a p,.item_hover a p,.agriculture_hover a p,.recruit_hover a p,.bean_hover a p,.notice_hover a p*/{
	color:#fff;
	font-size:0.75rem;
	margin-top:10px;
	letter-spacing: 0.2em;
	line-height: 1.5;
}

.seminar_hover li:last-child,.event_hover li:last-child,.item_hover li:last-child,.agriculture_hover li:last-child,.recruit_hover li:last-child,.bean_hover li:last-child,.notice_hover li:last-child{
	margin-right:0;
}

/*.seminar_hover,.event_hover,.item_hover,.agriculture_hover,.recruit_hover,.bean_hover,.notice_hover*/.li_hover{
	background:#333;
}

/*******footer*******/

#footer{
	color:#fff;
	background:#f39700;
	margin-top:50px;
	min-width: 980px;
}

#footer a{
	color:#fff;
}

#footer ul{
	float:left;
	margin:45px 0 0 100px;
	width:190px;
}

#footer ul:nth-child(2){
	width:185px;
	margin-left:5px;
}

#footer li{
	font-size:0.9375rem;
	margin-top:0.6rem;
	letter-spacing:0.04rem;
}

.footer_img1 img{
	max-width:58px;
	height:auto;
}

.footer_img2 img{
	max-width:87px;
	height:auto;
}

.footer_logo img{
	max-width: 189px;
	height: auto;
}

.footer_address{
	font-size:0.875rem;
	float:left;
	margin-top:76px;
	padding:16px 0 16px 30px;
	border-left:solid #fff 2px;
	letter-spacing:0.04rem;
}

.footer_tell{
	margin-top:15px;
}

.copy{
	text-align:center;
	margin-top:50px;
	padding-bottom:40px;
	font-size:0.875rem;
}

.footer_logo{
	margin-bottom:27px;
}

/******page-top******/

#page-top{
	display:block;
}

#page-top a {
	position: fixed;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	display: block;
	bottom: 0;
	width:32px;
	height:32px;
	background:url(../img/common/scroll.png) no-repeat;
	background-size:contain;
	margin-left:980px;
	margin-bottom:200px;
}

#page-top a:hover{
	opacity:0.5;
}

}

@media screen and (max-width:1054px){
	#page-top a {
		position: fixed;
		margin-left: 93.7%;
	}

}

@media screen and (max-width:640px){
	.pc{
		display:none;
	}
	
	.header_inner{
		width:90%;
		margin:0 auto;
	}
	
	img{
		width:100%;
		height:auto;
	}
	
	.inner{
		width:93.75%;
		margin:0 auto;
	}

	.logo{
		margin: 0 auto;
		padding-top:15px;
		width:40%;
	}

/*******nav******/

	.drawer-menu li a{
		padding:5px 0;
		text-align:center;
	}
	
	.drawer-menu2{
		width:100%;
		
	}
	
	.nav_ul li{
		font-size:1.2rem;
	}
	
	.drawer-menu a{
		display:block;
		color:#FFFFFF;
	}
	
	.yellow{
		background: rgba(250,190,0,0.80)
	}

/*******footer*******/
	
	#footer{
		color:#fff;
		background:#f39700;
		margin-top:50px;
	}
	
	#footer a{
		color:#fff;
	}
		
	#footer ul{
		float:left;
		margin-top:10%;
		width:40%;
		margin-left:10%;
	}
	
	#footer ul:nth-child(2){
		width:40%;
	}
	
	#footer li{
		font-size: 1.7rem;
		margin-top:0.6rem;
		letter-spacing:0.04rem;
		padding:0.5rem 0 0.5rem 0;
	}
	
	#footer li a{
		display:inline-block;
	}
	
	.footer_address{
		font-size: 1.5rem;
		float:left;
		border-top:solid #fff 2px;
		letter-spacing:0.04rem;
		margin-top: 10%;
		padding-top: 8%;
		width: 100%;
	}
	
	.footer_logo{
		text-align:center;
	}
	
	.footer_tell{
		margin-top:15px;
	}
	
	.copy{
		text-align:center;
		margin-top:8%;
		padding-bottom:5%;
		font-size:1.25rem;
	}
	
	.footer_img1{
		width:36%;
	}
	
	.footer_img2{
		width:55%;
	}
	
	.footer_logo{
		margin: 0 auto 27px;
		width: 53%;
		text-align: center;
	}

	#page-top a {
		position: fixed;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
		display: block;
		bottom: 0;
		right:0;
		width:40px;
		height:40px;
		background:url(../img/common/scroll.png) no-repeat;
		background-size:contain;
		margin-right: 3%;
		margin-bottom:3%;
	}
	
	#sp_page-top a:hover{
		opacity:1;
	}
	
	.img-opacity:hover{
		opacity:1;
	}
	

}

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

	html{
		font-size:.5rem;
	}
	
	.drawer-menu li a{
		font-size:2rem;
	}
	.pc{
		display:none;
	}
	.img-opacity:hover{
		opacity:1;
	}

	
}