@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: #da7549;
		border-radius: 8px;
		padding: 2% 0;
		letter-spacing: 10px;
	}







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


ナビゲーション


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



	nav.gnav {
		background: #e8e0cf;
	}


	nav.gnav ul.gnavs {
		width: 1149px;
		margin: -27px auto 0;
	}

	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:hover {
		color: #da7549;
	}












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


001：補助金活用例


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



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


	}


	p.abouttitle {
		font-size: 200%;
		font-weight: bold;
		color: #da7549;
		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: #da7549;
		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: #da7549;
		text-align: center;
		padding: 2%;
		color: #fff;
		font-size: 160%;
		font-weight: bold;
		letter-spacing: 1em;
	}



	ul.comoonlist {
		line-height: 270%;
		border: 1px solid #da7549;
		padding: 5%;
		margin-top: -40px;
		background-color: #fff;
	}



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




	ul.youtube li {
		display: inline-block;
		margin: 50px 10px 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: #d6452f;
		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: #de722b;
		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: #fcce5b;
		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: #de722b;
		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;
	}
}

/*20241210Add CSS*/
.about {
	padding-top: 5%;
}

@media screen and (min-width: 680px) {
	div.aboutbox {
		padding-top: 0;
	}
}

.notice_container {
	background: rgba(255, 255, 255, 0.75);
	width: 1100px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 2.5%;
	letter-spacing: 3px;
	line-height: 220%;
}

.notice_container b {
	color: #C00000;
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 140%;
}

.notice_container .txt_center {
	text-align: center;
}

.notice_container .txt_center span {
	text-decoration: underline;
}