@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: #da7549;
		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: 90%;
		font-weight: bold;
		color: #da7549;
		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: 20px 0;
	}







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


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: #de722b;
		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: #de722b;
		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%;
	}
}

/*20241210Add CSS*/

@media screen and (max-width: 680px) {
	.notice_container {
		width: 90%;
		margin: 0 auto;
		font-size: 80%;
		letter-spacing: 3px;
		line-height: 220%;
	}

	.notice_container b {font-size:100%;}

}