html, body {
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ,'游ゴシック  Medium', 'MS PGothic', arial, helvetica, sans-serif;

}

@font-face {
	font-family: 'BERNIERRegular-Regular_pickup';
	font-style: normal;
	font-weight: 100;
	src: url('./../font/BERNIERRegular-Regular_pickup.woff') format('woff'),
		url('./../font/BERNIERRegular-Regular_pickup.eot')  format('eot');
}

a{
	text-decoration: none;
}

.kaigyo{
	display: inline-block;
}

#container{
	width:100%;
	display: flex;
}

#content{
	width:100%;
}

.float{
	float:left;
}

.clearfix {
	display:block;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.indent{
	text-indent:-1em;
	padding-left:1em;
}

/* 空間調整用 */
.m-t10{
margin-top:10px;
}

.m-t20{
margin-top:20px;
}

.m-t30{
margin-top:30px;
}

.m-t40{
margin-top:40px;
}

.m-t50{
margin-top:50px;
}

.m-t60{
margin-top:60px;
}

.m-t70{
margin-top:70px;
}

.m-t80{
margin-top:80px;
}

.m-t90{
margin-top:90px;
}

.m-t100{
margin-top:100px;
}

.m-b10{
margin-bottom:10px;
}

.m-b20{
margin-bottom:20px;
}

.m-b30{
margin-bottom:30px;
}

.m-b40{
margin-bottom:40px;
}

.m-b50{
margin-bottom:50px;
}

.m-b60{
margin-bottom:60px;
}

.m-b70{
margin-bottom:70px;
}

.m-b80{
margin-bottom:80px;
}

.m-b90{
margin-bottom:90px;
}

.m-b100{
margin-bottom:100px;
}

.p-t10{
padding-top:10px;
}

.p-t20{
padding-top:20px;
}

.p-t30{
padding-top:30px;
}

.p-t40{
padding-top:40px;
}

.p-t50{
padding-top:50px;
}

.p-t60{
padding-top:60px;
}

.p-t70{
padding-top:70px;
}

.p-t80{
padding-top:80px;
}

.p-t90{
padding-top:90px;
}

.p-t100{
padding-top:100px;
}

.p-b10{
padding-bottom:10px;
}

.p-b20{
padding-bottom:20px;
}

.p-b30{
padding-bottom:30px;
}

.p-b40{
padding-bottom:40px;
}

.p-b50{
padding-bottom:50px;
}

.p-b60{
padding-bottom:60px;
}
.p-b70{
padding-bottom:70px;
}

.p-b80{
padding-bottom:80px;
}

.p-b90{
padding-bottom:90px;
}

.p-b100{
padding-bottom:100px;
}


/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	right : 13px;
	top   : 12px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
.hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left	: 6px;
	background : #0AA73F;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition		: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 20px;
}
.hamburger span:nth-child(3) {
	top: 30px;
}



/* ナビ開いてる時のボタン */
.hamburger.active {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition	 : all 0.3s ease-in-out;
	transition		: all 0.3s ease-in-out;
	-webkit-transition-delay: 0.6s;
	-o-transition-delay	 : 0.6s;
	transition-delay		: 0.6s;
	-webkit-transform: rotate(45deg);
	-ms-transform	: rotate(45deg);
	-o-transform	 : rotate(45deg);
	transform		: rotate(45deg);
}
.hamburger.active span:nth-child(2){
	width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
	-webkit-transform: translateY(4px);
	-ms-transform	: translateY(4px);
	-o-transform	 : translateY(4px);
	transform		: translateY(4px);
}

.hamburger.active span:nth-child(3){
	-webkit-transform: translateY(-16px) rotate(90deg);
	-ms-transform: translateY(-16px) rotate(90deg);
	-o-transform : translateY(-16px) rotate(90deg);
	transform	: translateY(-16px) rotate(90deg);
}

nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	background: #fff;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.9s;
	width: 100%;
}
nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
nav.globalMenuSp ul li:hover{
	background :#ddd;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #000;
	padding: 1em 0;
	text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}

.mobile_logo{
	text-align:center;
	background-color:#075E05;
}

.mobile_logo img{
	width:200px;
	margin:30px 0;
}

#sidebar{
	flex: 0 0 240px;
	position: relative;
}

#sticked{
	flex: 0 0 240px;
	position: static;
	top: 0px;
	width: 240px;
	text-align:center;;
}

.side_logo_img{
	max-width:150px;
	padding:42px 0 20px;
}

.side_text1{
	padding-bottom:20px;
}

.side_text1 a{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration: none;
}

.side_text1 a:hover{
	color:#35BB1F;
	border-bottom: solid 2px #35BB1F;
}

.side_text1 .active{
	color:#35BB1F;
	border-bottom: solid 2px #35BB1F;
}

.side_mail_block{
	padding:15px 0;
	background-color:#79DC00;
	margin-bottom:20px;
}

.side_mail_block:hover{
	opacity: 0.5 ;
}

.side_mail_block img{
	margin-right:10px;
	vertical-align: middle;
}

.side_mail_block span{
	vertical-align: middle;
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	color:white;
}

.side_mail_block a{
	text-decoration: none;
}

.footer{
	background-color:#075E05;
	height:352px;
	text-align:center;
}

.footer_text1{
	font-size:13px;
	font-weight:bold;
	color:white;
	letter-spacing:1px;
	padding:65px 30px 25px;
}

.footer_img{
	width:216px;
	padding-bottom:15px;
}

.footer_text2{
	font-size:12px;
	font-weight:bold;
	color:white;
	letter-spacing:1px;
	padding-bottom:18px;
}
.footer_text3{
	font-size:10px;
	font-weight:bold;
	color:white;
	letter-spacing:1px;
}

.footer_text3 span{
	/* 標準のCSSプロパティ */
	user-select: none;

	/* Webkitベースのブラウザ（Safari、Chromeなど） */
	-webkit-user-select: none;

	/* Mozillaベースのブラウザ（Firefoxなど） */
	-moz-user-select: none;

	/* Microsoftベースのブラウザ（Internet Explorer、Edgeなど） */
	-ms-user-select: none;

}

.side_product_img{
	padding-bottom:21px;
	max-width:200px;
}

.side_product_img:hover{
	opacity: 0.5 ;
}

.side_product_wrap1{
	width:200px;
	height:55px;
	border:1px solid #E6E6E6;
	margin:0 auto 21px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.side_product_wrap1:hover{
	opacity:0.5;
}


.side_product_wrap2{
	position:relative;
	display:block;
	width:200px;
	height:80px;
	border:1px solid #E6E6E6;
	margin:0 auto 21px;
	font-size:15px;
	font-weight:bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.side_product_wrap2:hover{
	opacity:0.5;
}

.side_product_wrap2_img{
	position: absolute;
	top: 5px;
	left: 5px;
	width:30px;
}

.footer1_in1-1{
	background-color:#74D41F;
	width:49%;
	height:390px;
	margin-right:1%;
	text-align:center;
	color:white;
}

.footer1_in1-2{
	background-color:#35BB1F;
	width:49%;
	height:390px;
	margin-left:1%;
	text-align:center;
	color:white;
}

.footer1_mail_img{
	width:68px;
	padding:52px 0 49px;

}

.footer1_tel_img{
	width:70px;
	padding:44px 0 36px;
}

.footer1_in1-1_text1{
	font-size:20px;
	padding-bottom:30px;
	font-weight:bold;

}
.footer1_in1-1_text2{
	font-size:14px;
	padding-bottom:30px;
	font-weight:bold;

}
.footer1_in1-1_text3_waku{
	border: 2px solid #ffffff;
	width: 247px;
	height: 41px;
	border-radius: 10px; /* ボックスの四つ角を丸くする */
	margin:0 auto;
}

.footer1_in1-1_text3_waku a{
	color:white;
}

.footer1_in1-1_text3_waku:hover{
	opacity: 0.5 ;
}

.footer1_in1-1_text3{
	padding-top:8px;
	font-size:16px;
	font-weight:bold;
}

.footer1_in1-2_text1{
	font-size:20px;
	padding-bottom:10px;
	font-weight:bold;
}

.footer1_in1-2_text2{
	font-size:47px;
	padding-bottom:6px;
	font-family: 'BERNIERRegular-Regular_pickup';

}

.footer1_in1-2_text2 a{
	color:white;
	text-decoration: none;
}

.footer1_in1-2_text3{
	font-size:30px;
	padding-bottom:18px;
	font-family: 'BERNIERRegular-Regular_pickup';
}

.footer1_in1-2_text4{
	font-size:14px;
	font-weight:bold;
}

.footer2{
	max-width:960px;
	margin:110px auto 100px;
}

.footer2_in1-1{
	width:50%;
	text-align:center;
}
.footer2_in1-2{
	width:50%;
	text-align:center;
}

.footer2_img{
	max-width:320px;
	width:100%;
}

.footer2_img:hover{
	opacity: 0.5 ;
}

.footer3{
	display:none;
}

.sub_title{
	font-size:30px;
	font-weight:bold;
	margin:100px auto 20px;
	text-align:center;
}

.title_line {
	height: 5px;
	background-color: #79DC00;
	max-width:460px;
	border: none;
	margin:0 auto 75px;
}





/* 画面幅1024px以下　タブレット縦*/
@media screen and (max-width: 1024px) {




}


/* 画面幅896px以下　スマホ横*/
@media screen and (max-width: 896px) {

	#sidebar{
		display:none;
	}

	.footer1_in1-1 {
		width: 100%;
		margin-right: 0;
		margin-bottom:50px;
	}

	.footer1_in1-2 {
		width: 100%;
		text-align:center;
		margin-left:0;
	}

	.footer2{
		margin-bottom:0px;
	}

	.footer2_in1-1{
		width:100%;
		padding-right:0;
		margin-bottom:45px;
		text-align:center;
	}
	.footer2_in1-2{
		width:100%;
		padding-right:0;
		text-align:center;
	}

	.footer2{
		margin:50px auto 50px;

	}

	.footer3{
		display:block;
		margin-bottom:100px;
	}

	.footer3_product_img{
		padding-bottom:21px;
		width:90%;
		max-width:300px;
	}

	.footer3_product_wrap1{
		width:90%;
		max-width:300px;
		height:55px;
		border:1px solid #E6E6E6;
		margin:0 auto 21px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footer3_product_wrap2{
		position:relative;
		display:block;
		width:90%;
		max-width:300px;
		height:80px;
		border:1px solid #E6E6E6;
		margin:0 auto 21px;
		font-size:15px;
		font-weight:bold;
		display: flex;
		justify-content: center;
		align-items: center;

		color: inherit;
		text-decoration: none;

	}

	.footer3_product_wrap2_img{
		position: absolute;
		top: 5px;
		left: 5px;
		width:30px;
	}

	.footer3_product_wrap3{
		width:100%;
		max-width:300px;
		display:block;
		margin:0 auto;
	}

	.footer3_product_wrap3 img{
		width:100%;
	}














}


/* 画面幅480px以下　スマホ縦*/
@media screen and (max-width: 480px) {




}



/* 画面高さ850px以下*/
@media screen and (max-height: 850px) {

	.side_mail_block{
		padding:10px 0;
	}

	.product_img{
		padding-bottom:10px;
		max-width:150px;
	}

	.footer{
		height:400px;
	}

	.title_line {
		width:48%;
	}




}

/* 画面幅896px以上*/
@media screen and (min-width: 896px) {


	.top-sp-nav {
		display:none;
	}

	.mobile{
		display:none;
	}

}