@charset "UTF-8";

/***************************************************/
/* !Diff */
/***************************************************/

#Diff {
	margin-bottom: 100px;
}
	#Diff > .hn {
		background: url(../images/diff/hn_diff_pc.png) 0 0 no-repeat scroll;
		height: 85px;
		margin-bottom: 30px;
		overflow: hidden;
		text-indent: -9999px;
	}
	#Diff > .text {
		line-height: 1.75;
		margin-bottom: 100px;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	#Diff .intro {
		margin-bottom: 50px;
	}
		#Diff .intro > .hn {
			background: url(../images/diff/hn_diff_intro_pc.png) 0 0 no-repeat scroll;
			height: 35px;
			margin-bottom: 20px;
			overflow: hidden;
			text-indent: -9999px;
		}

		#Diff .intro > .tableWrapper {
			margin-top: -144px;
			position: relative;
		}
			#Diff .intro > .tableWrapper .table {
				border-bottom: 1px solid #999;
				width: 100%;
			}
				#Diff .intro > .tableWrapper .table th,
				#Diff .intro > .tableWrapper .table td {
					border-top: 1px solid #999;
					border-left: 1px solid #999;
					font-size: 18px;
					line-height: 1.25;
					padding: 5px 20px;
					text-align: center;
					vertical-align: middle;
				}
				#Diff .intro > .tableWrapper .table .js {
					background: #DFEDF9;
					border-left: 2px solid #BF0008;
					border-right: 2px solid #BF0008;
					color: #008CD6;
					font-weight: bold;
					padding: 5px;
				}
				#Diff .intro > .tableWrapper > .table thead .js {
					border-top: 2px solid #BF0008;
				}
				#Diff .intro > .tableWrapper > .table tbody tr:last-child .js {
					border-bottom: 2px solid #BF0008;
				}
				#Diff .intro > .tableWrapper > .table .fukidashi th {
					border-top: 0;
					border-left: 0;
					padding: 0;
					text-align: right;
				}
					#Diff .intro > .tableWrapper > .table .fukidashi th img {
						margin-bottom: 10px;
						margin-right: -10px;
					}

	#Diff .sec {
		margin-bottom: 50px;
	}
		#Diff .sec > .hn {
			background: url(../images/diff/hn_diff01_pc.png) 0 0 no-repeat scroll;
			height: 44px;
			overflow: hidden;
			margin-bottom: 20px;
			text-indent: -9999px;
		}
		#Diff #Sec02 > .hn {
			background-image: url(../images/diff/hn_diff02_pc.png);
		}
		#Diff #Sec03 > .hn {
			background-image: url(../images/diff/hn_diff03_pc.png);
		}
		#Diff #Sec04 > .hn {
			background-image: url(../images/diff/hn_diff04_pc.png);
		}

		#Diff .sec .text {
			line-height: 1.75;
			margin-bottom: 15px;
			text-align: justify;
			text-justify: inter-ideograph;
		}
		#Diff .sec .text.isStrong {
			font-size: 18px;
			font-weight: bold;
			line-height: 1.5;
		}


@media only screen and (max-width: 640px) {

	#Diff {
		margin-bottom: 50px;
	}
		#Diff > .hn {
			background: #008BD7 url(../images/diff/hn_diff_sp.png) 0 0 no-repeat scroll;
			background-size: 320px auto;
			height: 37px;
			margin: 0 -15px 25px -15px;
		}
		#Diff > .text {
			margin-bottom: 25px;
		}
	
		#Diff .intro {
			margin-bottom: 25px;
		}
			#Diff .intro > .hn {
				background: url(../images/diff/hn_diff_intro_sp.png) 0 0 no-repeat scroll;
				background-size: 89px auto;
				height: 15px;
				margin-bottom: 10px;
			}
	
			#Diff .intro > .tableWrapper {
				margin-top: 0;
				padding-bottom: 10px;
				overflow: auto;
				position: relative;
				white-space: nowrap;
			}
			#Diff .intro > .tableWrapper::-webkit-scrollbar{
				height: 5px;
			}
			#Diff .intro > .tableWrapper::-webkit-scrollbar-track{
				background: #F1F1F1;
				border-radius: 5px;
			}
			#Diff .intro > .tableWrapper::-webkit-scrollbar-thumb {
				background: #BCBCBC;
				border-radius: 5px;
			}

				#Diff .intro > .tableWrapper .table {}
					#Diff .intro > .tableWrapper .table th,
					#Diff .intro > .tableWrapper .table td {
						font-size: 10px;
						padding: 5px 7px;
					}
					#Diff .intro > .tableWrapper .table .js {
						padding: 5px;
					}
					#Diff .intro > .tableWrapper > .table .fukidashi th {}
						#Diff .intro > .tableWrapper > .table .fukidashi th img {
							height: auto;
							margin-bottom: 5px;
							margin-right: -5px;
							width: 177px;
						}
	
		#Diff .sec {
			margin-bottom: 25px;
		}
			#Diff .sec > .hn {
				background: url(../images/diff/hn_diff01_sp.png) 0 2px no-repeat scroll;
				background-size: 305px auto;
				border-bottom: 1px solid #ccc;
				height: 41px;
				margin: 0 -15px 15px 0;
				overflow: visible;
				position: relative;
			}
				#Diff .sec > .hn:after {
					background: #fff;
					bottom: -1px;
					content: '';
					display: block;
					height: 1px;
					left: 0;
					position: absolute;
					width: 32px;
					z-index: 10;
				}
			#Diff #Sec02 > .hn {
				background-image: url(../images/diff/hn_diff02_sp.png);
			}
			#Diff #Sec03 > .hn {
				background-image: url(../images/diff/hn_diff03_sp.png);
			}
			#Diff #Sec04 > .hn {
				background-image: url(../images/diff/hn_diff04_sp.png);
			}
	
			#Diff .sec .text {
				margin-bottom: 10px;
			}
			#Diff .sec .text.isStrong {
				font-size: 12px;
			}

}