@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 メディアクエリによる切り替え：SP～タブレット
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (max-width:768px){
.hide-sp:not(.layout-1000){
    display: none;
}
}
@media only screen and (max-width:999px){
.hide-sp.layout-1000{
    display: none;
}
/*==================================================
**Header
* ==================================================*/
.hblock{
	width:100%;
	/*height:55px;*/
	position:absolute;
	top:0;
	z-index:50;
}
	.header_logo{
		top:0;
		left:0;
		width:60%;
		max-width:220px;
		padding-right:75px;
		padding-left: 20px;
		padding-top:0px;
	}
	.header_logo a{
		display:table-cell;
		vertical-align:middle;
		height:55px;
		line-height:1.0;
	}
.header_menu{
	width:35px;
	height: 35px;
	right:20px;
	top:10px;
	background-color: rgba(52, 94, 31, .6);
	position: fixed;
	transition:top .4s;
}
.header_menu.on{
	background-color: #4D7952;
}
.language_btn{
	position: absolute;
	top: 25px;
	right: 66px;
}
.language_btn .l-white{
	color:#FFF;
	text-shadow: 0 0 15px rgba(19, 34, 28, .65), 0 0 5px rgba(19, 34, 28, .6);
}
.language_btn .l-black{
	text-shadow: none;
	color: #000;
}
#header_btn span{
	height: 2px;
    width: 20px;
    position: absolute;
    left: 8px;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    background-color: #fff;
}
	#header_btn span:nth-of-type(1){
		top:10px;
	}
	#header_btn span:nth-of-type(2){
		top:17px;
	}
	#header_btn span:nth-of-type(3){
		top:24px;
	}
	
	#header_btn.on span:nth-of-type(1){
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	#header_btn.on span:nth-of-type(2){
		opacity:0;
	}
	#header_btn.on span:nth-of-type(3){
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}
	/* #header_btn.changed{
		top:5px;
	} */
/* #side------------------------------------*/
.hblock.l-side{
	position: static;
	background: #4D7952;
}
.hblock.l-side .header_menu{
	position: absolute;
	background: #4D7952;
}
.side_control.on .side_gray{
	position:fixed;
	top:55px;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.6);
	z-index:9999;
}
#side {
	z-index: 10000;
	width: 100%;
	right: -100%;
	transition: right 0.5s;
	position: fixed !important;
	overflow: scroll;
	height : 100%;
}
	#side.on {
		z-index: 10000;
		right: 0;
	}
#side .menu_list {
	background-color:#fff;
}
	#side .menu_list li>div,#side .menu_list li>a{
		padding: 17px 6% 15px;
		display: block;
		border-bottom: solid 1px #ccc;
	}
	#side .menu_list .menu_ttl{
		padding: 17px 6% 17px 9%;
		background: url(../img/common/arrow_r1.png) no-repeat 4% center #fff;
		background-size: 8px 15px;
		font-size: 16px;
		text-decoration: none;
	}
	#side .menu_list .nav-business .menu_ttl{
		background: #fff;
		position: relative;
	}
	#side .menu_list .nav-business .menu_ttl:before{
		content: "";
		display: block;
		position: absolute;
		width: 13px;
		height: 1px;
		background-color: #000;
		top: calc(50% - 1px);
		left: 2.8%;
	}
	#side .menu_list .nav-business .menu_ttl:after{
		content: "";
		display: block;
		position: absolute;
		width: 13px;
		height: 1px;
		background-color: #000;
		transform: rotate(90deg);
		top: calc(50% - 1px);
		left: 2.8%;
		transition:.5s;
	}
	#side .menu_list .nav-business .menu_ttl.on:after{
		transform: rotate(180deg);
	}
	#side .menu_list .menu_child {
		background: #fff;
		display: none;
		border-bottom: solid 1px #ccc;
		background-color: rgba(52, 94, 31, .3);
	}
		#side .menu_list .menu_child a{
			display:block;
			padding: 17px 6% 15px 9%;
			background: url(../img/common/arrow_r1.png) no-repeat 4% center;
			background-size: 8px 15px;
			font-size: 14px;
			border-bottom:1px dotted rgba(52, 94, 31);
		}
		#side .menu_list .menu_child dd:last-child a{
			border-bottom:none;
		}
		/* @media screen and (max-width:480px){
		#side .menu_list .menu_child a{
			font-size: 14px;
		}
		}
		@media screen and (max-width:400px){
		#side .menu_list .menu_child a{
			font-size: 11px;
		}
		} */

}
@media only screen and (max-width:768px){
/*==================================================
**Footer
* ==================================================*/
.fblock1{
	border-top:10px solid #4D7952;
}
/*フッターナビ*/
.footer_nav{
	width:100%;
}
.col1 .footer_nav:nth-of-type(1){
	border-top: solid 1px #ccc;
}
.footer_nav li{
	float:left;
	box-sizing:border-box;
	width:50%;
}
.footer_nav li>div,.footer_nav li>a{
	box-sizing:border-box;
	display: block;
	border-bottom: solid 1px #ccc;
}
	.fblock .menu_top {
		width:100%;
	}
	.fblock .menu_ttl_top{
		padding: 17px 6% 17px 8%;
		background: url(../img/common/arrow_r1.png) no-repeat 3.5% center #fff;
		background-size: 8px 15px;
		font-size: 13px;
		text-decoration: none;
	}
	.fblock .menu_ttl{
		padding: 17px 6% 17px 16%;
		background: url(../img/common/arrow_r1.png) no-repeat 7.5% center #fff;
		background-size: 8px 15px;
		font-size: 16px;
		text-decoration: none;
	}
	.brn{
		border-right:none !important;
	}
	.fblock .menu_ttl.nav-top{
		background-position: 3.75% center;
		display: block;
		text-align: center;
		padding: 17px 6% 15px;		
	}
	.footer_nav li:nth-child(odd) .menu_ttl{
		border-right:1px solid #ccc;
	}
	/* @media screen and (max-width:480px){
		.fblock .menu_ttl{
			font-size: 14px;
		}
		}
		@media screen and (max-width:400px){
		.fblock .menu_ttl{
			font-size: 11px;
		}
	} */
	.fblock .nav-business .menu_ttl{
		background: #fff;
		position: relative;
	}
	.fblock .nav-business .menu_ttl:before{
		content: "";
		display: block;
		position: absolute;
		width: 13px;
		height: 1px;
		background-color: #000;
		top: calc(50% - 1px);
		left: 5.6%;
	}
	.fblock .nav-business .menu_ttl:after{
		content: "";
		display: block;
		position: absolute;
		width: 13px;
		height: 1px;
		background-color: #000;
		transform: rotate(90deg);
		top: calc(50% - 1px);
		left: 5.6%;
		transition:.5s;
	}
	.fblock .nav-business .menu_ttl.on:after{
		transform: rotate(180deg);
	}
.footer_nav dl{
	display:none;
	width:200%;
	background-color:#E8E0D7;
}
.footer_nav li:nth-child(even) dl{
	margin-left:-100%;
}
.footer_nav dd a{
	z-index:10;
	display:block;
}
.footer_nav .menu_child {
	background: #fff;
	display: none;
	border-bottom: solid 1px #ccc;
	background-color: rgba(52, 94, 31, .3);
}
	.footer_nav .menu_child a{
		display:block;
		padding: 17px 6% 17px 8%;
		background: url(../img/common/arrow_r1.png) no-repeat 3.5% center;
		background-size: 8px 15px;
		font-size: 16px;
		border-bottom:1px dotted rgba(52, 94, 31);
	}
	.footer_nav .menu_child dd:last-child a{
		border-bottom:none;
	}
.fblock3{
	padding: 17px 20px 15px;
	background-color: #F0F0F0;
	font-size: 13px;
}
	.fblock3>span,.fblock3>a{
		display: inline-block;
	}
.footer_company{
	margin-right: 5px;
}
.fcopy{
	display: table;
	width: 100%;
}
.fcopy .td{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	text-align: center;
}
.fcopy .td1{
	background-color: #4D7952;
	font-size: 10px;
	color: #fff;
}
.fcopy .td2{
	width: 50px;
	position: relative;
}
.fcopy .td2:before{
	position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #122009;
    transform: rotate(-45deg);
    top: 24px;
    left: 13px;
}
.fcopy .td2:after{
	position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: #122009;
    transform: rotate(45deg);
    right: 11px;
    top: 24px;
}
}
@media screen and (max-width:480px){
	#side .menu_list .menu_ttl{
		font-size: 14px;
	}
	}
@media screen and (max-width:400px){
	#side .menu_list .menu_ttl{
		font-size: 11px;
	}
}
@media screen and (max-width:480px){
	.fblock .menu_ttl{
		font-size: 14px;
	}
}
@media screen and (max-width:400px){
	.fblock .menu_ttl{
		font-size: 11px;
	}
}
@media screen and (max-width:480px){
	.footer_nav .menu_child a{
		font-size: 14px;
	}
}
@media screen and (max-width:400px){
	.footer_nav .menu_child a{
		font-size: 11px;
	}
}