@charset "UTF-8";
@import url( 'https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap' );

/*-------------------------------------------------------------------
	タグを初期化（余白などの削除）
---------------------------------------------------------------------*/
	html,body{
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		box-sizing: border-box;
	}
	
	/*-------------------------------------------------------------------
		イメージ画像【 img 】
	---------------------------------------------------------------------*/
		img {
			max-width: 100%;
			vertical-align: top;
			height: auto;
		}

	/*-------------------------------------------------------------------
		タグを初期化（表示形式）
	---------------------------------------------------------------------*/
		article,aside,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section { 
			display:block;
		}

	/*-------------------------------------------------------------------
		タグを初期化（リスト）
	---------------------------------------------------------------------*/
		ul {
			list-style:none;
		}

		ol {
			list-style: decimal outside;
			margin-left: 20px;
		}
			ol li {
				margin-left: 10px;
			}
		

	/*-------------------------------------------------------------------
		タグを初期化（テーブル）
	---------------------------------------------------------------------*/
		table {
			border-collapse:collapse;
			border-spacing:0;
		}

	/*-------------------------------------------------------------------
		タグを初期化（段落）
	---------------------------------------------------------------------*/
		p {
			padding-bottom: 3em;
		}
		
	/*-------------------------------------------------------------------
		リンク【 a 】
	---------------------------------------------------------------------*/
		a:link      { color: #000000; text-decoration:none; }
		a:visited   { color: #000000; text-decoration:none; }
		a:hover     { color: #CC3427; text-decoration:none; }
		a:focus     { color: #CC3427; /* text-decoration:none; */ }
		a:active    { color: #CC3427; /* text-decoration:none; */ }


/*-------------------------------------------------------------------
	html【 html 】
---------------------------------------------------------------------*/
	html {
		font-size: 62.5%;
		font-weight: 400;
	}

/*-------------------------------------------------------------------
	body【 body 】
---------------------------------------------------------------------*/
	body {
		font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
		font-size: 2.0em;
		line-height: 1.8em;
		color: #000000;
		
		text-align: left;
		background-color: #FFFFFF;
	}

/*-------------------------------------------------------------------
	ＳＰメニュー
---------------------------------------------------------------------*/
	#spMenu {
		display: none;
	}
	@media (max-width: 1000px) {
		#spMenu {
			display: block;
		}
	}
	
	#spMenu a {
		color: #FFFFFF;
	}
	
	#spMenu .menu-btn {
		position: fixed;
		top: 0px;
		right: 10px;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent;
		z-index: 1200;
	}
	
	#spMenu .menu-btn .hbg {
		height: 10px;
	}
	
	#spMenu .menu-btn .hbg-open {
		color: #E8560A;
		font-size: 3.0rem;
	}

	#spMenu .menu-btn .hbg-close {
		color: #FFFFFF;
		font-size: 2.5rem;
	}

	#spMenu .menu-btn .hbg.hbg-hide {
		display: none;
	}

	#spMenu .menu {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1100;
		width: 100vw;
		height: 100%;
		padding: 84px 20px 20px;
		background: linear-gradient(to right, #CC3427, #FF4444);
		font-size: 1.4rem;
		line-height:1.6em;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transform: translateX(-100vw);
		transition: transform .3s linear;
		overflow: auto;
	}
	@media (max-width: 1000px) {
		#spMenu .menu {
			padding-top: 30px;
		}
	}
	
	#spMenu .menu-item {
		width: 100%;
		height: auto;
		text-align: left;
		color: #FFFFFF;
		box-sizing: border-box;
		
		border-bottom: 1px #EEE9E2 dashed;
	}

	#spMenu .menu-item img {
		width: 40px;
		height: 40px;
	}

	#spMenu .menu.is-active {
		transform: translateX(0);
	}
	
	#spMenu .fa {
		font-size: 24px;
	}
	
	#spMenu .fa.fa-times {
		color: #fff;
	}
	
	#spMenu a {
		padding: .5em 0;
		display: block;
		color: #fff;
	}
	#spMenu a.current {
		font-weight: 700;
	}
	
	#spMenu ul {
		font-size: 11px;
		padding: 0;
		list-style: none !important;
	}

	#spMenu #head-menu-sns {
		font-size: 4.0rem;
		line-height: 1.0em;
		
		width: 100px;
		margin: 0 auto;
		
		display: flex;
		justify-content: space-between;
	}
	
/*-------------------------------------------------------------------
	ページコンテンツ全体
---------------------------------------------------------------------*/
	#container {
		display: block;
		overflow: hidden;
	}
	
/*-------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------*/
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 10;
		background-color: #FFFFFF;
	}
	@media (max-width: 820px) {
		header {
			display: none;
		}
	}
	/*-------------------------------------------------------------------
		ヘッダー メニュー
	---------------------------------------------------------------------*/
		header ul#gNav {
			max-width: 900px;
			height: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			
			list-style: none;
			align-items: center;
		}
			header ul#gNav li {
				
			}
			/*-------------------------------------------------------------------
				ヘッダー メニュー リンク
			---------------------------------------------------------------------*/
				header ul#gNav li a {
					color: #000000;
					position: relative;
					z-index: 1;
					transition: all 0.4s;			/*アニメーション速度*/
				}
				header ul#gNav li a:after {
					content: '';
					position: absolute;
					left: 0;
					bottom: -2px;				/*テキストからの距離*/
					width: 0%;					/*初期状態では下線非表示*/
					height: 2px;					/*下線の高さ*/
					background: #E95504;		/*下線の色*/
					z-index: -1;
					transition: all 0.4s;			/*アニメーション速度*/
				}
				header ul#gNav li a:hover ,
				header ul#gNav li:hover a {
					color: #CCCCCC;			/*hover時に表示*/
				}
				header ul#gNav li a:hover:after ,
				header ul#gNav li:hover a:after {
					width: 100%;				/*hover時に表示*/
				}

/*-------------------------------------------------------------------
	フッター
---------------------------------------------------------------------*/
	footer {
		padding: 10px 0px;
		background-color: #292929;
		color: #FFFFFF;
	}
		.copyright {
			font-size: 1.4rem;
			line-height: 1.2em;
			text-align: center;
		}

/*-------------------------------------------------------------------
	ページコンテンツ
---------------------------------------------------------------------*/
	/*-------------------------------------------------------------------
		ファーストビュー
	---------------------------------------------------------------------*/
		section#firstview {
			position: relative;
			margin: 0 auto;
			margin-top: 60px;
			height: calc( 100vh - 60px );
			background: #E3B033 url( ../images/img-firstview-bac.png ) no-repeat center center;
			overflow: hidden;
		}
		@media (max-width: 820px) {
			section#firstview {
				margin-top: 0px;
				height: 100svh;
			}
		}
		@media (max-width: 430px) {
			section#firstview {
				display: none;
			}
		}
			section#firstview .firstview-shishi01 {
				position: absolute;
				right: 50%;
				top: 50%;
				transform: translate( 150% , -85% );
			}
			@media (max-width: 820px) {
				section#firstview .firstview-shishi01 {
					width: 260px;
					transform: translate( 150% , -155% );
				}
			}
			@media (max-width: 430px) {
				section#firstview .firstview-shishi01 {
					display: none;
				}
			}
			section#firstview .firstview-shishi02 {
				position: absolute;
				left: 50%;
				bottom: 0;
				transform: translate( -87% , 0 );
			}
			@media (max-width: 820px) {
				section#firstview .firstview-shishi02 {
					transform: translate( -95% , 0 );
				}
			}
			@media (max-width: 430px) {
				section#firstview .firstview-shishi02 {
					display: none;
				}
			}
			section#firstview .firstview-img01{
				position: absolute;
				right: 20px;
				bottom: 20px;
			}
			@media (max-width: 430px) {
				section#firstview .firstview-img01{
					display: none;
				}
			}
	/*-------------------------------------------------------------------
		ファーストビュー（スマホ用）
	---------------------------------------------------------------------*/
		section#firstview-sp {
			height: 100svh;
			background-color: #E3B033;
			display: none;
		}
		@media (max-width: 430px) {
			section#firstview-sp {
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

	/*-------------------------------------------------------------------
		吉村百耕
	---------------------------------------------------------------------*/
		.page-content001 {
			padding: 100px 0;
			background-color: #000000;
		}
			.page-content001-con {
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
				color: #FFFFFF;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			@media (max-width: 820px) {
				.page-content001-con {
					justify-content: center;
				}
			}
				.page-content001-con-001 {
					width: 43.82%;
				}
				@media (max-width: 820px) {
					.page-content001-con-001 {
						width: 100%;
						order: 3;
					}
				}
					.page-content001-con-001-name {
						font-size: 6.0rem;
						line-height: 1.0em;
						font-weight: bold;
						margin-bottom: 34px;
						text-align: right;
					}
					@media (max-width: 430px) {
						.page-content001-con-001-name {
							font-size: 4.5rem;
						}
					}
					.page-content001-con-001-en {
						font-size: 1.5rem;
						line-height: 1.0em;
						margin-bottom: 34px;
						text-align: right;
						position: relative;
					}
					.page-content001-con-001-en:after {
						content: '';
						position: absolute;
						left: 0;
						top: 50%;
						bottom: -2px;				/*テキストからの距離*/
						width: 100%;				
						height: 1px;					/*下線の高さ*/
						background: #FFFFFF;		/*下線の色*/
						transition: all 0.4s;			/*アニメーション速度*/
					}
						.page-content001-con-001-en span {
							display: inline-block;
							padding-left: 1.0em;
							background-color: #000000;
							position: relative;
							z-index: 1;
						}
					.page-content001-con-001-text {
						line-height: 2.0em;
					}
					@media (max-width: 430px) {
						.page-content001-con-001-text {
							font-size: 1.8rem;
							line-height: 2.0em;
						}
					}

				.page-content001-con-002 {
					width: 31.81%;
				}
				@media (max-width: 820px) {
					.page-content001-con-002 {
						width: 31.81%;
						margin-right: 20px;
						margin-bottom: 30px;
					}
				}
				@media (max-width: 430px) {
					.page-content001-con-002 {
						width: 60%;
					}
				}
				.page-content001-con-003 {
					width: 16.27%;
				}
				@media (max-width: 430px) {
					.page-content001-con-003 {
						width: 19%;
					}
				}

	/*-------------------------------------------------------------------
		絵馬とは
	---------------------------------------------------------------------*/
		.page-content002 {
			padding: 100px 0;
			background: url( ../images/imge-ema-bac.png ) no-repeat left center;
			background-size: cover;
		}
			.page-content002-con {
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			@media (max-width: 820px) {
				.page-content002-con {
					justify-content: center;
				}
			}
				.page-content002-con-001 {
					width: 7.54%;
				}
				@media (max-width: 820px) {
					.page-content002-con-001 {
						width: 7.54%;
						margin-right: 20px;
						margin-bottom: 50px;
					}
				}
				@media (max-width: 430px) {
					.page-content002-con-001 {
						width: 10%;
						margin-right: 25px;
					}
				}
				.page-content002-con-002 {
					width: 42.18%;
					padding-top: 70px;
				}
				@media (max-width: 820px) {
					.page-content002-con-002 {
						width: 42.18%;
						padding-top: 30px;
					}
				}
				@media (max-width: 430px) {
					.page-content002-con-002 {
						width: 60%;
						padding-top: 0;
					}
				}
				
				.page-content002-con-003 {
					width: 43.90%;
				}
				@media (max-width: 820px) {
					.page-content002-con-003 {
						width: 100%;
					}
				}

					.page-content002-con-003-name {
						font-size: 6.0rem;
						line-height: 1.0em;
						font-weight: bold;
						margin-bottom: 34px;
					}
					@media (max-width: 430px) {
						.page-content002-con-003-name {
							font-size: 4.5rem;
							line-height: 1.0em;
						}
					}
					.page-content002-con-003-en {
						font-size: 1.5rem;
						line-height: 1.0em;
						margin-bottom: 34px;
						position: relative;
					}
					.page-content002-con-003-en:after {
						content: '';
						position: absolute;
						right: 0;
						top: 50%;
						width: calc( 100% - 9em );
						height: 1px;					/*下線の高さ*/
						background: #000000;		/*下線の色*/
						transition: all 0.4s;			/*アニメーション速度*/
					}
						.page-content002-con-003-en span {
							display: inline-block;
							padding-right: 1.0em;
							position: relative;
							z-index: 1;
						}
					.page-content002-con-003-text {
						line-height: 2.0em;
					}
					@media (max-width: 430px) {
						.page-content002-con-003-text {
							font-size: 1.8rem;
							line-height: 2.0em;
						}
					}
	/*-------------------------------------------------------------------
		百耕の孫
	---------------------------------------------------------------------*/
		.page-content003 {
			padding: 100px 0;
		}
			.page-content003-con {
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			@media (max-width: 820px) {
				.page-content003-con {
					justify-content: center;
				}
			}
				.page-content003-con-001 {
					width: 44.54%;
				}
				@media (max-width: 820px) {
					.page-content003-con-001 {
						width: 100%;
						order: 3;
					}
				}
					.page-content003-con-001-name {
						font-size: 6.0rem;
						line-height: 1.0em;
						font-weight: bold;
						margin-bottom: 34px;
						text-align: right;
					}
					@media (max-width: 430px) {
						.page-content003-con-001-name {
							font-size: 4.5rem;
							line-height: 1.0em;
						}
					}
					.page-content003-con-001-en {
						font-size: 1.5rem;
						line-height: 1.0em;
						margin-bottom: 34px;
						text-align: right;
						position: relative;
					}
					.page-content003-con-001-en:after {
						content: '';
						position: absolute;
						left: 0;
						top: 50%;
						bottom: -2px;				/*テキストからの距離*/
						width: 100%;				
						height: 1px;					/*下線の高さ*/
						background: #000000;		/*下線の色*/
						transition: all 0.4s;			/*アニメーション速度*/
					}
						.page-content003-con-001-en span {
							display: inline-block;
							padding-left: 1.0em;
							background-color: #FFFFFF;
							position: relative;
							z-index: 1;
						}
					.page-content003-con-001-text {
						line-height: 2.0em;
					}
					@media (max-width: 430px) {
						.page-content003-con-001-text {
							font-size: 1.8rem;
							line-height: 2.0em;
						}
					}

				.page-content003-con-002 {
					width: 40.90%;
				}
				@media (max-width: 820px) {
					.page-content003-con-002 {
						margin-right: 20px;
						margin-bottom: 30px;
					}
				}
				@media (max-width: 430px) {
					.page-content003-con-002 {
						width: 60%;
					}
				}
				.page-content003-con-003 {
					width: 7.54%;
				}
				@media (max-width: 430px) {
					.page-content003-con-003 {
						width: 8%;
					}
				}

	/*-------------------------------------------------------------------
		講演会
	---------------------------------------------------------------------*/
		.page-content004 {
			background: linear-gradient(to bottom, #7FC9B9, #FFFFFF 50%, #FFFAB5);
		}
		.page-content004-inner {
			padding: 100px 0;
			background: url( ../images/img-page-content004-bac.png ) repeat center center;
		}
			.page-content004-shishi-inner {
				position: relative;
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
			}
			.page-content004-shishi {
				position: absolute;
				top: 0;
				right: 0;
				transform: translate( 55% , -35% );
				width: 360px;
			}
			@media (max-width: 820px) {
				.page-content004-shishi {
					top: 0;
					left: 0;
					transform: translate( -10% , -70% );
					width: 220px;
				}
			}
			@media (max-width: 430px) {
				.page-content004-shishi {
					top: 0;
					left: 0;
					transform: translate( -10% , -100% );
					width: 150px;
				}
			}
	
			.page-content004-title {
				text-align: center;
			}
				.page-content004-title span {
					display: inline-block;
					font-size: 3.0rem;
					line-height: 1.0em;
					margin-bottom: 80px;
					position: relative;
				}
				.page-content004-title span:after {
					content: '';
					position: absolute;
					left: 50%;
					bottom: -20px;
					transform: translateX( -50% );
					width: 70%;
					height: 2px;					/*下線の高さ*/
					background: #000000;		/*下線の色*/
				}
			.page-content004-text {
				text-align: center;
				width: 90%;
				margin: 0 auto;
				margin-bottom: 120px;
				
			}
			@media (max-width: 820px) {
				.page-content004-text {
					font-size: 1.8rem;
					line-height: 1.8em;
					margin-bottom: 80px;
				}
			}
			@media (max-width: 430px) {
				.page-content004-text {
					text-align: left;
				}
			}
			.page-content004-title02 {
				font-size: 5.0rem;
				line-height: 1.0em;
				margin-bottom: 120px;
				text-align: center;
			}
			@media (max-width: 820px) {
				.page-content004-title02 {
					font-size: 4.5rem;
					line-height: 1.0em;
					margin-bottom: 80px;
				}
			}
			@media (max-width: 430px) {
				.page-content004-title02 {
					display: none;
				}
			}
			.page-content004-title02-sp {
				display: none;
			}
			@media (max-width: 430px) {
				.page-content004-title02-sp {
					font-size: 3.5rem;
					line-height: 1.6em;
					display: block;
					margin-bottom: 80px;
					text-align: center;
				}
			}
				.page-content004-title02-con01 {
					margin-bottom: 0.5em;
				}
				.page-content004-title02-con02 {
					position: relative;
					padding: 0.15em 0.5em 0;
					width: 90%;
					margin: 0 auto;
					line-height: 1.2em;

				}
				.page-content004-title02-con02:before , .page-content004-title02-con02:after {
					position: absolute;
					content: '';
					width: 20px;
					height: 30px;
					display: inline-block;
				}
				.page-content004-title02-con02:before {
					border-left: solid 2px black;
					border-top: solid 2px black;
					/* border-bottom: solid 4px black; */
					top: 0;
					left: 0;
				}
				.page-content004-title02-con02:after {
					/* border-top: solid 4px black; */
					border-right: solid 2px black;
					border-bottom: solid 2px black;
					bottom: 0;
					right: 0;
				}
			
			.page-content004-con01 {
				width: 90%;
				max-width: 840px;
				margin: 0 auto;
				margin-bottom: 140px;
				font-size: 2.2rem;
				line-height: 1.8em;
				border-top: 1px #717071 dashed;
			}
			@media (max-width: 820px) {
				.page-content004-con01 {
					margin-bottom: 70px;
				}
			}
			@media (max-width: 430px) {
				.page-content004-con01 {
					font-size: 1.8rem;
					line-height: 1.8em;
				}
			}
				.page-content004-con01-list01 {
					padding: 20px 0;
					border-bottom: 1px #717071 dashed;
					
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}
					.page-content004-con01-list01-title {
						width: 4.5em;
						text-align: center;
					}
					@media (max-width: 820px) {
						.page-content004-con01-list01-title {
							width: 100%;
							text-align: left;
							font-weight: bold;
						}
					}
					.page-content004-con01-list01-text {
						width: calc( 100% - 6.5em );
					}
					@media (max-width: 820px) {
						.page-content004-con01-list01-text {
							width: 100%;
						}
					}
			.page-content004-con02 {
				margin-bottom: 120px;
				border: 1px #000000 solid;
				
				font-size: 2.2rem;
				line-height: 1.8em;

				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			@media (max-width: 430px) {
				.page-content004-con02 {
					font-size: 1.6rem;
					line-height: 1.8em;
				}
			}
				.page-content004-con02-outer {
					position: relative;
					width: 90%;
					max-width: 1100px;
					margin: 0 auto;
				}
				.page-content004-con02-shishi {
					position: absolute;
					top: 0;
					left: 0;
					transform: translate( -40% , -100% );
					width: 560px;
				}
				@media (max-width: 820px) {
					.page-content004-con02-shishi {
						top: 0;
						left: auto;
						right: 0;
						transform: translate( 0 , -100% );
						width: 330px;
					}
				}
				@media (max-width: 430px) {
					.page-content004-con02-shishi {
						top: 0;
						left: auto;
						right: 0;
						transform: translate( 0 , -100% );
						width: 230px;
					}
				}
				
				.page-content004-con02-title {
					width: 2.5em;
					color: #FFFFFF;
					background-color: #000000;
					display: flex;
					justify-content: center;
					align-items: center;
					
					writing-mode: vertical-rl;
				}
				@media (max-width: 820px) {
					.page-content004-con02-title {
						width: 100%;
						writing-mode: horizontal-tb;
					}
				}

				.page-content004-con02-list {
					width: calc( 100% - 2.5em );
					padding: 15px 55px;
				}
				@media (max-width: 820px) {
					.page-content004-con02-list {
						width: 100%;
					}
				}
				@media (max-width: 430px) {
					.page-content004-con02-list {
						padding: 15px 15px 5px;
					}
				}
					.page-content004-con02-list-con {
						display: flex;
						justify-content: space-between;
						align-items: center;
						flex-wrap: wrap;
					}
					.page-content004-con02-list-con:first-child {
						border-bottom: 1px #717071 dashed;
					}
						.page-content004-con02-list-con-title {
							width: 3em;
						}
						@media (max-width: 430px) {
							.page-content004-con02-list-con-title {
								width: 100%;
								text-align: center;
								font-weight: bold;
								
								border: 1px #717071 solid;
								background-color: #FFFFFF;
								line-height: 1.0em;
								padding: 6px 0 4px 0;
							}
							
							.page-content004-con02-list-con:nth-of-type(2) .page-content004-con02-list-con-title {
								margin-top: 30px;
							}
							
						}
						.page-content004-con02-list-con-outer {
							width: calc( 100% - 6em );
						}
						@media (max-width: 430px) {
							.page-content004-con02-list-con-outer {
								width: 100%;
							}
						}
						.page-content004-con02-list-con-con {
							width: calc( 100% - 6em );
							display: flex;
							justify-content: space-between;
							flex-wrap: wrap;
							padding: 30px 0;
						}
						@media (max-width: 430px) {
							.page-content004-con02-list-con-con {
								width: 100%;
								padding: 15px 0;
							}
						}

						.page-content004-con02-list-con-outer > .page-content004-con02-list-con-con {
							width: 100%;
						}
						.page-content004-con02-list-con-outer > .page-content004-con02-list-con-con:first-child {
							border-bottom: 1px #717071 dashed;
						}
						.page-content004-con02-list-con-con-name {
							width: 20em;
						}
						@media (max-width: 820px) {
							.page-content004-con02-list-con-con-name {
								width: 100%;
							}
						}
							.page-content004-con02-list-con-con-name span {
								font-size: 1.5rem;
							}
							@media (max-width: 430px) {
								.page-content004-con02-list-con-con-name span {
									font-size: 1.2rem;
								}
							}
						.page-content004-con02-list-con-con-text {
							width: calc( 100% - 21em );
						}
						@media (max-width: 820px) {
							.page-content004-con02-list-con-con-text {
								width: 100%;
							}
						}
			.page-content004-con03 {
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
				margin-bottom: 70px;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			@media (max-width: 820px) {
				.page-content004-con03 {
					margin-bottom: 0px;
				}
			}
				.page-content004-con03-con {
					width: 44.54%;
				}
				@media (max-width: 820px) {
					.page-content004-con03-con {
						width: 100%;
						margin-bottom: 80px;
					}
				}
					.page-content004-con03-con-phname {
						display: flex;
						align-items: center;
						flex-wrap: wrap;
						margin-bottom: 35px;
					}
					@media (max-width: 820px) {
						.page-content004-con03-con-phname {
							justify-content: center;
						}
					}
						.page-content004-con03-con-phname-ph {
							width: 49.78%;
							margin-right: 9.78%;
						}
						@media (max-width: 820px) {
							.page-content004-con03-con-phname-ph {
								width: 232px;
								margin-right: 28px;
							}
						}
						@media (max-width: 430px) {
							.page-content004-con03-con-phname-ph {
								width: 100%;
								text-align: center;
								margin-right: 0;
								margin-bottom: 12px;
							}
						}
						.page-content004-con03-con-phname-name {
						
						}
							.page-content004-con03-con-phname-name01 {
								font-size: 3.0rem;
								line-height: 1.6em;
								margin-bottom: 10px;
							}
							.page-content004-con03-con-phname-name02 {
								font-size: 1.2rem;
								line-height: 1.6em;
								padding-bottom: 15px;
								margin-bottom: 15px;
								border-bottom: 1px #000000 solid;
							}
							.page-content004-con03-con-phname-name03 {
								font-size: 1.3rem;
								line-height: 1.6em;
							}
					.page-content004-con03-con-text {
						font-size: 1.6rem;
						line-height: 1.8em;
						margin-bottom: 25px;
					}
					.page-content004-con03-con-link {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						margin-bottom: 25px;
					}
						.page-content004-con03-con-link a {
							position: relative;
							display: flex;
							justify-content: center;
							align-items: center;
							
							font-size: 1.4rem;
							line-height: 1.4em;
							color: #FFFFFF;
							
							background-color: #7F9742;
							text-align: center;
							
							padding: 7px 10px;
							transition: all 0.4s;
						}
						.page-content004-con03-con-link a::before {
							position: absolute;
							right: 10px;
							font-family: "Font Awesome 5 Free";
							font-weight: 900;
							content: '\f105';
							color: #FFFFFF;
							transition: all .4s ease;
						}

						.page-content004-con03-con-link a:hover {
							background-color: #516809;
						}
						.page-content004-con03-con-link a:hover::before {
							right: 5px;
						}

						.page-content004-con03-con-link01 {
							width: 36.73%;
						}
						@media (max-width: 430px) {
							.page-content004-con03-con-link01 {
								width: 100%;
								margin-bottom: 10px;
							}
						}
						.page-content004-con03-con-link02 {
							width: 61.22%;
						}
						@media (max-width: 430px) {
							.page-content004-con03-con-link02 {
								width: 100%;
							}
						}
					.page-content004-con03-con-book {
						border: 1px #000000 solid;
						display: flex;
						justify-content: space-between;
					}
						.page-content004-con03-con-book-title {
							width: 2.5em;
							color: #FFFFFF;
							background-color: #000000;
							display: flex;
							justify-content: center;
							align-items: center;
							
							font-size: 1.5rem;
							
							writing-mode: vertical-rl;
						}
						.page-content004-con03-con-book-text {
							width: calc( 100% - 2.5em );
							padding: 15px 20px;

							font-size: 1.6rem;
							line-height: 1.8em;
						}
			.page-content004-con04 {
				text-align: center;
				font-size: 2.2rem;
				line-height: 1.6em;
				display: none;
			}
			@media (max-width: 820px) {
				.page-content004-con04 {
					font-size: 1.9rem;
					line-height: 1.6em;
				}
			}
			@media (max-width: 430px) {
				.page-content004-con04 {
					display: none;
				}
			}
			.page-content004-con04-sp {
				font-size: 2.2rem;
				line-height: 1.6em;
				width: 90%;
				margin: 0 auto;
				text-align: center;
				display: none;
				display: block;
			}
				.page-content004-con04-sp div.page-content004-con04-sp-con {
					display: inline-block;
					text-align: left;
				}
			@media (max-width: 820px) {
				.page-content004-con04-sp {
					font-size: 1.9rem;
					line-height: 1.6em;
				}
			}
			@media (max-width: 430px) {
				.page-content004-con04-sp {
					font-size: 1.4rem;
					line-height: 1.4em;
				}
			}
	
	/*-------------------------------------------------------------------
		書籍販売のご案内
	---------------------------------------------------------------------*/
		.page-content005 {
			padding: 100px 0 40px;
		}
			.page-content005-con {
				width: 90%;
				max-width: 1100px;
				margin: 0 auto;
				margin-bottom: 60px;
				
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
				.page-content005-con-ph {
					width: 45.45%;
				}
				@media (max-width: 430px) {
					.page-content005-con-ph {
						width: 100%;
						margin-bottom: 12px;
					}
				}
				.page-content005-con-text {
					width: 47.85%;
				}
				@media (max-width: 430px) {
					.page-content005-con-text {
						width: 100%;
						text-align: center;
					}
				}
					.page-content005-con-text01 {
						display: inline-block;
						font-size: 3.0rem;
						line-height: 1.4em;
						border-bottom: 2px #000000 solid;
						padding-bottom: 8px;
						margin-bottom: 26px;
					}
					.page-content005-con-text02 {
						font-size: 1.6rem;
						line-height: 1.8em;
						margin-bottom: 26px;
					}
					@media (max-width: 430px) {
						.page-content005-con-text02 {
							text-align: left;
						}
					}
					.page-content005-con-text03 {
						font-size: 3.0rem;
						line-height: 1.4em;
						margin-bottom: 26px;
					}
					@media (max-width: 430px) {
						.page-content005-con-text03 {
							font-size: 2.7rem;
							line-height: 1.4em;
							margin-bottom: 18px;
						}
					}
					.page-content005-con-text04 {
						font-size: 1.6rem;
						line-height: 1.8em;
					}
	
	/*-------------------------------------------------------------------
		リンクボタン
	---------------------------------------------------------------------*/
		.page-content-link-btn {
			text-align: center;
			margin-bottom: 60px;
		}
			.page-content-link-btn a {
				position: relative;
				display: inline-block;
				box-sizing: border-box;
				
				font-size: 3.0rem;
				line-height: 1.0em;
				color: #FFFFFF;
				border: 3px #FFFFFF solid;
				border-radius: 10px;
				
				background-color: #7F9742;
				text-align: center;
				
				padding: 20px  3em;
				transition: all 0.4s;
			}
			@media (max-width: 430px) {
				.page-content-link-btn a {
					width: 330px;
					padding: 20px  30px;
					font-size: 2.0rem;
					line-height: 1.0em;
				}
			}
			.page-content-link-btn a::before {
				position: absolute;
				right: 20px;
				top: 50%;
				transform: translateY( -50% );
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				content: '\f105';
				color: #FFFFFF;
				transition: all .4s ease;
			}
			.page-content-link-btn a:hover {
				background-color: #FFFFFF;
				color: #7F9742;
				border: 3px #7F9742 solid;
			}
			.page-content-link-btn a:hover::before {
				color: #7F9742;
				right: 10px;
			}
			
/*-------------------------------------------------------------------
	TOPへ戻るボタン
---------------------------------------------------------------------*/
	.btn-goto-top {
		display: inline-block;
		position: fixed;
		right: 5px;
		bottom: 50px;
		z-index: 999;
		transition: .4s;
	}
	@media (max-width: 430px) {
		.btn-goto-top {
			width: 45px;
		}
	}

/*-------------------------------------------------------------------
	PC・タブレット時のみ表示・非表示
---------------------------------------------------------------------*/
	.pc-disp {
	}
	@media (max-width: 430px) {
		.pc-disp {
			display: none;
		}
	}
/*-------------------------------------------------------------------
	スマホの時のみ表示・非表示
---------------------------------------------------------------------*/
	.sp-disp {
		display: none;
	}
	@media (max-width: 430px) {
		.sp-disp {
			display: initial;
		}
	}