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


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


ベース・共通項目


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

	body {
		letter-spacing: 0.05em;
		margin: 0;
		padding: 0;
		line-height: 160%;
		font-family: "Noto Sans JP";
		font-size: 1em;
		background-color: #E9F1E8;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	@keyframes fadeIn {
		0% {
			opacity: 0
		}

		100% {
			opacity: 1
		}
	}

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

		100% {
			opacity: 1
		}
	}

	a {
		color: #FFF;
	}

	/* ページトップへ戻る */
	#pageTop {
		position: fixed;
		bottom: 30px;
		right: 30px;
	}

	#pageTop img {
		width: 60px;
	}



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


ヘッダ


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

	header {
		width: 100%;
		height: 100px;
		background-color: #fff;
		margin: -17px auto 0 auto;

	}

	header h1 {
		float: left;
		margin: 18px 20px 0 15px;
	}


	div.headtitle {
		width: 1200px;
		margin: 0 auto;
	}


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


フッター


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

	footer {
		clear: both;
		margin: 0% auto 0 auto;
		padding: 2% 0;
		text-align: center;
		font-size: 80%;
		color: #FFF;
		background: #00A53C;
		color: #FFF
	}


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


メインビジュアル


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


	section.main {
		text-align: center;
		margin: 0 auto 60px;
		overflow: hidden;
	}

	div.visual img {
		width: 100%;
		overflow: hidden;

	}




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


コンテンツボックス


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


	section.contentsbox {
		width: 800px;
		margin-inline: auto;
		padding-bottom: 100px;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}


	div.bnr_long img {
		width: 800px;
	}

	a:hover {
		opacity: 0.8;
	}



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

CSSアニメーションボタン

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



	div.container {
		text-align: center;
	}

	.c-button {
		outline: none;
		display: inline-block;
		width: inherit;
		min-width: 640px;
		text-align: center;
		background-color: #F2A324;
		color: #fff !important;
		text-decoration: none;
		position: relative;
		transition: all 0.3s;
		padding: 20px 0;
		font-weight: 700;
		font-size: 0.8em;
		opacity: 1 !important;
		border: 1px solid #F2A324;
		margin: 0 auto 200px;
		border-radius: 100px;
		letter-spacing: 7px;
	}

	.c-button span {
		position: relative;
		z-index: 99;
		letter-spacing: 0.1em;
	}

	.c-button:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: #fff;
		border-radius: 80px;
	}

	.c-button svg {
		width: 35px;
		position: absolute;
		right: 24px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99;
		transition: all 0.1s;
	}

	.c-button:hover {
		color: #F2A324 !important;
		border: 1px solid #F2A324;

	}

	.c-button:hover:after {
		width: 100%;
	}

	.c-button:hover svg path {
		stroke: #F2A324;
	}







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


下層：コンテンツボックス ホワイト


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


	section.contents {
		width: 1100px;
		background-color: #FFF;
		margin-inline: auto;
		padding: 50px;
		margin-bottom: 150px;
		/* border-radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box-shadow */
		border-radius: 20px;
	}


	section.contents_no {
		width: 1200px;
		margin-inline: auto;
		padding: 30px 50px;
		margin-bottom: 150px;
		/* border-radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box-shadow */
		border-radius: 20px;
	}





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


パンくず
	
	
///////////////////////////////////////////////*/


	.homeicon {
		width: 15px;
		height: auto;
		margin-right: 8px;
	}

	div.BreadcrumbListbox {
		margin: -10px 0 40px -40px;
		font-size: 1em;
		letter-spacing: 0px;
		font-family: "Zen Kaku Gothic New", sans-serif !important;
		font-weight: 500;
	}

	.Breadcrumbbox {
		background-color: #fff !important;
		margin: 0px auto 50px !important;
		border-radius: 30px;
		padding: 1px 0;
		width: 1200px;
	}

	.List-Item {
		display: inline;
	}

	.List-Item::after {
		content: '＞';
		padding: 0 16px;
	}

	.List-Item:last-child::after {
		content: '';
	}

	.List-Item-Link {
		display: inline-block;
		text-decoration: none;
		color: inherit;
		padding: 0;
		margin: 0;
	}


	.List-Item a {
		color: #00a53c !important;
	}

	.List-Item a:hover {
		color: #4cb06f !important;
	}

	section.contents-index {
		width: 1130px;
		background-color: #FFF;
		margin: 0 auto 100px;
		padding: 4% 2.5% 2%;
		/* border-radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box-shadow */
		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
	}



	/* --------------------------------------------

 * フェードナビゲーション
 
 * -------------------------------------------- */


	#header2 {
		position: fixed;
		width: 100% !important;
		top: 0 !important;
		z-index: 1000;
	}


	p.logogiburi_side img {
		width: 200px;
		padding-top: 10px;
		margin-bottom: -10px;
	}















}