/*  */
.Span01
{
	text-align: center;
	padding: 0px 20px;
}
	.Span01 h2
	{
		font-size: 60px;
		color: green;
	}
	.Span01 p
	{
		padding: 10px 60px;
		text-align: left;
		font-size: 18px;
		color: black;
	}
	
/* タブ領域の設定 */
.Span02
{
	width: 98%;
	margin: 10px auto;
}
	.Span02 img
	{
		border-radius: 8px; 
		 -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
	}

	.Span02 a,p,h3,dt,dd
	{
		font-family: "メイリオ", "Meiryo","MS UI Gothic","MS PGothic","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro";
	}
	
	/* タブの題名設定 */
	.Span02 a
	{
		font-size: 18px;
		font-weight: bold;
	}
	
	/* アコーディオンタイトル */
	.Span02 h3.title
	{
		font-size:20px;
		font-weight: bold;
	}

	/*　画像３つ横並び設定 */
	.Span02 ul li.Image03
	{
		float: left;
		width: 32%;
		margin: 0px 5px;
	}
	
	/* 横長画像１枚設定 */
	.Span02 ul li.Image01
	{
		text-align: center;
		width: 100%;
	}	
	
	/* 通常画像１枚中央設定 */
	.Span02 div.Image01small
	{
		margin: 0 auto;
		width: 40%;
	}

	/* 通常画像右寄せ設定 */
	.Span02 div.Image01smallRight
	{
		float: right;
		width: 30%;
		margin-left: 25px;
		overflow: hidden;
	}		
	
	/* 右寄せ画像用　左文字項目 */
		.Span02 dl
		{
		}
		
		/* 段落タイトル */
		.Span02 dl dt
		{
			display: block;
			background: silver;
			font-size: 25px;
			font-weight: bold;
			margin-bottom: 10px;
			color: green;
			padding: 9px 0px 5px 15px;
			border-radius: 8px; 
			 -webkit-border-radius: 8px;
			 -moz-border-radius: 8px;			
		}
		
		/* 段落説明 */
		.Span02 dl dd
		{
			font-size: 16px;
			margin-top: 10px;
			margin-left: 25px;
		}
	
	/* タブ内説明用 */
	.Span02 p.explain
	{
		clear: both;
		font-size: 16px;
		color: black;
		padding: 10px;
	}
	
	/* タブ内大見出し用 */
	.Span02 h2.spanTitle
	{
		font-size: 35px;
		text-align: center;
		background-color: var(--brand-navy);
		color: white;
		margin-bottom: 10px;
		padding: 9px 0px 5px 15px;
		border-radius: 8px; 
		 -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
	}
	
	.Span02 div.expTitle
	{
		width: 90%;
		margin: 15px auto;
	}
	
	.Span02 div.expTitle h4
	{
		display: block;
		font-size: 20px;
		color: green;
		border-bottom: 2px solid green;
		margin-bottom: 5px;
		padding-left: 10px;
	}
	
	.Span02 div.expTitle ul
	{
		margin-left: 10px;
	}
	
	.Span02 ul.nagare
	{
		list-style-type: decimal;
		width: 80%;
		margin: 10px auto;
		text-align: left;
	}
	
	.Span02 ul.nagare li
	{
		margin: 5px 0px;
		font-size: 1.2em;
	}
	
	.Span02 div.formArea
	{
		margin: 20px 0px;
		text-align: center;
	}
	
	.Span02 button.assistBtn
	{
		font-size: 24px;
		font-weight: bold;
		color: rgb(84, 97, 130);
		padding: 0px 0px 5px 0px;
	}

	.Span02 hr
	{
		margin: 20px 0px;	
	}

	.formArea div.faxDownload
	{
		width: 40%;
		margin: 10px auto;
	}

.colorSample
{
	width: 95%;
	margin: 15px auto;	
	font-size:12px;
	text-align: left;
}

.colorSample > table
{
	width: 100%;
	margin: 10px 0px;
	border: 1px solid gray;
}

.colorSample > table tr th
{
	padding: 5px 5px 4px 5px;
	border: 1px solid gray;
	text-align: center;
	width:16%;
}

.colorSample >  table tr td.colorName
{
	padding: 5px 5px 4px 5px;
	border: 1px solid gray;
	text-align: center;
	width:16%;
}

.colorSample td.colorCell
{
	text-align: left;
	vertical-align: top;
	padding: 8px;
	font-size:12px;
}

.colorSample td.caution
{
	text-align: left;
	padding: 10px 20px;
}

.textWhite
{
	color: white;
}

.textBlack
{
	color: black;
}

	.Span02 div.komeArea
	{
		width:80%;
		margin: 10px auto;
		padding:10px;
	}
	
	.Span02 div.telephone
	{
		width: 75%;
		margin: 10px auto;
	}
	
		.Span02 div.telephone h4
		{
			width: 100%;
			display: inline-block;
			padding: 17px 0 10px 0;
			font-size: 50px;
			color: white;
			text-align: center;
			background: rgb(8, 85, 8);
			border-radius: 8px; 
			 -webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
			margin-bottom: 15px;
		}
		
		.Span02 div.telephone dl
		{
			margin-left: 20px;
		}
		
		.Span02 div.telephone dd
		{
			font-size: 18px;
			margin-top: 5px;
			margin-left: 10px;
			
		}

		.Span02 div.telephone dt
		{
			display: inline-block;
			padding: 3px 20px 0px  20px;
			font-size: 18px;
			color: white;
			text-align: center;
			background: rgb(90, 130, 78);
			border-radius: 5px; 
			 -webkit-border-radius: 5px;
			 -moz-border-radius: 5px;
			margin-bottom: 5px;
		}
		
		
	.Span02 .sampleButton
	{
		width: 90%;
		text-align: center;
		margin: 10px auto;
	}
		.Span02 .sampleButton button
		{
			font-size: 24px;
			font-weight: bold;
			color:  rgb(84, 97, 130);
			padding: 3px 5px 5px 5px;
		}
