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


/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px){
	

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

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



/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/

html{
overflow-x : hidden;
overflow-y : auto;
}
	

body{
	 animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	letter-spacing: 0;
	font-family: "Noto Sans JP"; 
	height: auto;
	background-color: #fff;
	letter-spacing: 2px;
	}
	

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}	

	
#pageTop {
 position: fixed;
 bottom: 30px;
 right: 30px;
 }


	
	
p.flootbnr{
	 position: fixed;
 top: 30px;
 right: 0;
	
	}	


p.flootbnr002{
		position: fixed;
	top:360px;
	right: 0;
	   
	   }	
	
	


	

/*///////////////////////////////////////////////


タイトル


///////////////////////////////////////////////*/	
	

h1 img{
	margin-top: -30px;	
	}	
	
	
	
	
	
	
	
h2{
	text-align: center;
	font-size: 200%;
	color: #fff;
	margin: 3% 0;
	background-color: #6db961;
	border-radius: 8px;
	padding: 2% 0;
	letter-spacing: 10px;
	}
	
	


	
	

/*///////////////////////////////////////////////


ナビゲーション


///////////////////////////////////////////////*/



nav.gnav{
	background: #e8e0cf;
	}
	
	
nav.gnav ul.gnavs{
	width: 85%;
	margin: -27px auto 0;
	}	

@media screen and (max-width:880px) {
    nav.gnav ul.gnavs {
        width: 95%;
    }
}

	
nav.gnav ul.gnavs li{
	display: inline-block;	
	border-right:1px solid #9fa0a0;
	margin: 4.3% 0;
	padding:0 3%;
	font-size: 130%;
	}	

	
nav.gnav ul.gnavs li.lastchild{
	border-right: none;	
	}	

nav.gnav ul.gnavs li a{
	font-size:0.9vw;
	}		
	

	
nav.gnav ul.gnavs li a:hover{
	color: #068710;
	}		
	
	
	
	
	
	
	
	
	
	

	
/*///////////////////////////////////////////////


001：補助金活用例


///////////////////////////////////////////////*/	
	
	
	
section.about{
	background:url("../images/bg.jpg") no-repeat;
	background-size: contain;


	}	
	
	
p.abouttitle{
	font-size: 200%;
	font-weight: bold;
	color: #6db961;
	text-align: center;
	letter-spacing: 10px;
	}
	
p.abouttxt{
letter-spacing: 3px;
	text-align: center;
	line-height: 200%;
	}	
	

	
div.aboutbox{
	width: 1100px;
	margin: 0 auto;
	padding: 5% 0;
	}	
	
	
.v_line_fix {
  width: 1px;
  height: 100px;
  background-color: #6db961;
	text-align: center;
	margin: 3% auto;
}	
	
	
	
	
	
dl.casestudy,dt,dd{
	width: 520px;
	padding: 0;
	margin: 0;
	}	
	
	
dt.casephoto{
	margin-bottom: 3%;
	}	
	
	
dl.casestudy dd.casetitle{
	background: #efefef;
    width: 520px;
	}	
	
	
dl.casestudy dd.casetxt{
	margin: 3% 0;
	line-height: 200%;
	height: 230px;
	}
	

	
.contentsitem_three_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	
.contentsitem_box_three{
	margin-bottom: 3rem;
	padding: 1% 2% 1% 2%;
	width: 28%;
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 5px;
	position: relative;
	height: auto;
}
	

p.pdfbtn{
	width: 400px;
	height: auto;
	margin: 0 auto 10%;
	}		

	
	
p.commontitle{
	background: #8fc31f;
	text-align: center;
	padding: 2%;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 1em;
	}	
	
	
	
ul.comoonlist{
	line-height: 270%;
	border: 1px solid #8fc31f;
	padding: 5%;
	margin-top: -40px;
	}	
	
	
	
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}	
	
	
	
	
	
	
/*///////////////////////////////////////////////


002：利用者インタビュー


///////////////////////////////////////////////*/		
	
	
	
	
section.inter{
	background: url("../images/bg_wood.jpg") repeat;
	background-size: cover;
	}
	
	
	
	
div.interbox{
	width: 1250px;
	margin: 0 auto;
	padding: 8% 0 5%;
	}	
	
	
	
p.titleinter{
	text-align: center;
	}	
	
	


div.youtube{
	margin: 0 auto;
	text-align: center;
}
	

ul.youtube{
	margin: 5% 0; 
	padding: 0;
}
	
ul.youtube li{
	display: inline-block;
	margin:0px 10px;
	}	
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


003：申請内容


///////////////////////////////////////////////*/		
	
	
section.contents{
	margin: 7% 0;	
	}	
	
	
div.contentsbox{
	width: 1100px;
	margin: 0 auto;
	}
	
	
p.shimekiri{
	text-align: center;
	margin: 5% 0;
	}	
	
p.plantable{
	text-align: center;
	margin: 4% 0;
	}	
	
	
	
	
	

	
/*///////////////////////////////////////////////


003：支払い条件


///////////////////////////////////////////////*/	
	
	
	
section.conditions{
	background-color: #f8f4ec;	
	padding: 3% 0;
	}	
	
	
	
div.whitebox{
	width: 1000px;
	padding: 50px;
	margin: 5% auto;
	background-color: #fff;
	border-radius: 10px;
	}	
	
	
p.conditionstitle{
	background-color: #006934;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 3%;
	font-size: 170%;
	letter-spacing: 0.5em;
	font-weight: bold;
	}	
	
	
ul.conditionslist{
	line-height: 300%;
	padding:1% 0;
	margin: 0;
	font-size: 95%;
	}	
	
	
p.center{
	text-align: center;	
	}	
	
	
	
div.condbox{
	padding: 2% 0;	
	}	
	
p.condtitle{
	color: #BC0003;
	font-weight: bold;
	}	
	
	
p.condtxt{
	font-size: 90%;
	line-height: 220%;
	}	
	
	
	p.condtxt a{
		color:#006934;
		text-decoration:underline;
		font-weight: bold;
		}	
	
	
	
	
	
/*///////////////////////////////////////////////


004：申請方法


///////////////////////////////////////////////*/	

	
	
	
p.dwtxt{
	padding: 2% 0;	
	}
	
span.coution{
	color: #B90003;
	}	
	
	
	
	
	
table.download{
	width: 1100px;
	border: 1px solid #ddd;
	}
	
	
table.download th{
	background-color: #f2f7f1;
	padding: 3% 0; 
	border: 1px solid #ddd;
	}
	
table.download td{
	border: 1px solid #ddd;
	padding: 3%; 
	}	
	
td.centericon{
	text-align: center;	
	}	
	
	
	
	
	
	
div.adbox{
	margin: 0 auto;
	padding: 0.5% 0 2%;
	text-align: center;
	}	
	
	
p.adboxname{
	font-size: 160%;
	font-weight: bold;
	letter-spacing: 0.5em;
	}	
	
p.adboxad{
	font-size: 110%;
	margin: 2% 0;
	}	
	

	
ul.adsend{
	padding: 0 0 3%;
	margin: 0;
	}
	
	
ul.adsend li{
	width: 325px;
	display: inline-block;
	}	
	
	
	
	
	
p.stepfllow{
	padding: 5% 0;	
	text-align: center;
	}	
	
	
div.btnbox{
	margin: 6% 0 10%;	
	}	
	
	

p.campnyname{
	font-weight: bold;
	font-size: 160%;
	letter-spacing: 0.3em;
	margin-bottom: 5%;
	}	
	
p.campnyad{
	text-align: center;
	font-size: 120%;
	letter-spacing: 0.2em;
	margin:-50px 0 5%;
	line-height: 240%;
	
	}
	

div.footbox{
	margin: 3% auto;
	padding: 3% 0;
	text-align: center;
	}	
	
	
	
ul.footlink{
	padding: 0;
	margin: 0;
	}	
	
ul.footlink li{
	margin-bottom: 3%;	
	}	
	
	
	
	
	
	
	
	
	
section.footer{
	background: #006934;
	text-align: center;
	color: #fff;
	padding: 4%;
	margin-top: 10%;
	letter-spacing: 3px;
	}	
	
	
	
	
	
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
		
	
	
	
	




/*///////////////////////////////////////////////


固定メニュー


///////////////////////////////////////////////*/	



ul.headbtn{
	position: fixed;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
}


	
ul.headbtn li{
	display:inline-block;
	width: 300px;
	padding: 0;
	margin: 0;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
}	
	
	
	
	
	
	
	
	
	

	


}
	

/*20240510Add CSS*/
.kidukai_bnr {width:700px;
	margin:0 auto;}
	
	.kidukai_bnr img {width:100%;}

@media screen and ( min-width:680px )
.gnavs {display:flex;}
}