@charset "UTF-8";


/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:680px )
{



.noneSP {display:none !important;}

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



img{
	width:100%;
	height: auto
	}

	

	


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


ベース・共通項目


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

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;
	}


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



/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 50px;
 right: -25px;
 z-index: 10000;
}


#pageTop img{
	width:50%;
}

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


タイトル


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

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

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


ナビゲーション


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



nav.gnav{
	background: #e8e0cf;
	overflow: hidden;
	padding: 0;
	margin-top: -27px;
	}
	
	
nav.gnav ul.gnavs{
	padding: 0;
	margin: 0;
	}	
	
nav.gnav ul.gnavs li{
	padding:4% 3%;
	font-size:90%;
	border-bottom: 1px solid #c4bdb1;
	width: 43%;
	display: inline-block;
	letter-spacing: 3px;
	background: url("../images/arrow.svg") no-repeat;
	background-size: 15px;
	background-position:right center;
	text-align: center;
	}	
	

nav.gnav ul.gnavs li a{
	display: block;	
	}	

	
	
	
	
	
	
	

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


001：補助金活用例


///////////////////////////////////////////////*/	
	
	
	
section.about{
	background:url("../images/bg.jpg") no-repeat;
	background-size: contain;
	}	
	
	
p.abouttitle{
	font-size: 100%;
	font-weight: bold;
	color: #6db961;
	text-align: center;
	letter-spacing: 4px;
	}
	
p.abouttxt{
letter-spacing: 3px;
	text-align: center;
	line-height: 220%;
	font-size: 80%;
	margin: 3% 5%;
	}	
	

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

	
	
dl.casestudy dd.casetxt{
	margin: 5% 0;
	line-height: 200%;
	font-size: 83%;
	}
	

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

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

p.pdfbtn{
	height: auto;
	margin: 5% auto 10%;
	width: 90%;
	}		

	
	
p.commontitle{
	background: #8fc31f;
	text-align: center;
	padding:3% 2%;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1em;
	margin: 3%;
	}	
	
	

	
ul.comoonlist{
	line-height: 200%;
	border: 1px solid #8fc31f;
	padding:5% 3%;
	margin-top: -10px !important;
	margin:0 3% 6%;
	font-size: 80%;
	}	
	
	
	
	
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
	
	
	
	
	
	
/*///////////////////////////////////////////////


002：利用者インタビュー


///////////////////////////////////////////////*/		
	
	
	
	
section.inter{
	background: url("../images/bg_wood.jpg") repeat;
	background-size: cover;
	}
	
	
	
	
div.interbox{
	margin: 0 5%;
	padding: 5% 0 5%;
	}	
	
	
ul.youtube{
	margin: 0;
	padding: 0;
	}	

	
ul.youtube li{
	display: inline-block;
	margin:0 0 20px;
	}	
	
	

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


003：申請内容


///////////////////////////////////////////////*/		
	
	
section.contents{
	margin: 7% 5%;	
	}	
	
	
div.contentsbox{
	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{
	padding:3% 5%;
	margin: 3%;
	background-color: #fff;
	border-radius: 10px;
	}	
	
	
p.conditionstitle{
	background-color: #006934;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	padding:4% 3%;
	font-size: 120%;
	letter-spacing: 0.5em;
	font-weight: bold;
	}	
	
	
ul.conditionslist{
	line-height: 200%;
	padding:1% 0;
	margin: 0;
	font-size: 83%;
	}
	
	
ul.conditionslist li{
	margin-bottom: 4%;	
	}
	
	
p.center{
	text-align: center;	
	}	
	
	
.plusicon{
	width: 40px;
	height: auto;
	margin: 0 auto;
	}
	
	
	
div.condbox{
	padding: 2% 0;	
	}	
	
p.condtitle{
	color: #BC0003;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 2px;
	text-align: center;
	}	
	
	
p.condtxt{
	font-size: 80%;
	line-height: 220%;
	}	
	
	
	p.condtxt a{
		color:#006934;
		text-decoration:underline;
		font-weight: bold;
		}		
		
	
	
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


004：申請方法


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

	
	
	
p.dwtxt{
	padding: 2% 0;
	font-size: 90%;
	line-height: 210%;
	}
	
	
	
span.coution{
	color: #B90003;
	}	
	
	
	
	
	
table.download{
	border: 1px solid #ddd;
	}
	
	
table.download th{
	background-color: #f2f7f1;
	padding:3% 1%; 
	border: 1px solid #ddd;
	font-size: 75%;
	letter-spacing: 2px;
	}
	
table.download th.titlefile{
	width: 40%;	
	}
	
	
table.download td{
	border: 1px solid #ddd;
	padding: 3%; 
	font-size: 80%;
	line-height: 180%;
	}	
	
td.centericon{
	text-align: center;	
	}	
	
	
	
.scroll table{
width:100%;
}

	
	
td.centericon img{
	width: 40px;
	}	
	
	

	
	
	
div.adbox{
	margin: 0 auto;
	padding: 0.5% 0 2%;
	text-align: center;
	}	
	
	
p.adboxname{
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.2em;
	}	
	
p.adboxad{
	font-size: 80%;
	margin: 2% 0;
	letter-spacing: 2px;
	}	
	

	
ul.adsend{
	padding: 0;
	margin: 0;
	}
	
	
ul.adsend li{
	margin: 5% 0;
	}	
	
	
	
p.stepfllow{
	padding: 0 0;	
	text-align: center;
	margin:0 5%;
	}	
	
	
	
.spfontl{
	font-size: 150% !important;	
	}	
	
	
	
div.btnbox{
	margin: 6% 0 10%;	
	}	
	
	
p.campnyname{
	font-weight: bold;
	font-size: 130%;
	letter-spacing: 0.3em;
	margin-bottom: 5%;
	}	
	
	
p.campnyad{
	text-align: center;
	font-size: 90%;
	letter-spacing: 1px;
	margin:0 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% 4% 20%;
	margin-top: 10%;
	letter-spacing: 3px;
	font-size: 80%;
	}	
	
	
	
	
.mt30sp{
	margin-top: 30px !important;	
	}	
	
	
	
	
	
	
	
	
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin: 0 auto;
	text-align: center;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


フッター固定ボタン


///////////////////////////////////////////////*/
	
	
	
	
	
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 100;
	text-align: center;
	padding: 17% 0 0;
}

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


固定メニュー


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



ul.headbtn{
	position: fixed;
	bottom: -10px;
	right: 0;
	padding: 0 2%;
}


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

	
	
	
	
	

}
	
	




/*20240510Add CSS*/
@media screen and ( max-width:680px )
{
	.kidukai_bnr {width:90%;
		margin:0 auto;}
		
		.kidukai_bnr img {width:100%;}
}