@charset "UTF-8";

/***************************************************/
/* !Reason */
/***************************************************/

#Reason {
	margin-bottom: 100px;
}
	#Reason > .hn {
		background: url(../images/reason/hn_reason_pc.png) 0 0 no-repeat scroll;
		height: 85px;
		margin-bottom: 30px;
		overflow: hidden;
		text-indent: -9999px;
	}

	#Reason .menu {
		margin-bottom: 100px;
		position: relative;
	}
		#Reason .menu > .list {
			position: relative;
			z-index: 2;
		}
			#Reason .menu > .list > .li > a {
				background: url(../images/reason/txt_reason01_pc.png) 0 0 no-repeat scroll;
				display: block;
				height: 57px;
				overflow: hidden;
				text-indent: -9999px;
			}
			#Reason .menu > .list > .li:nth-child(2) > a {
				background-image: url(../images/reason/txt_reason02_pc.png);
			}
			#Reason .menu > .list > .li:nth-child(3) > a {
				background-image: url(../images/reason/txt_reason03_pc.png);
			}
			#Reason .menu > .list > .li:nth-child(4) > a {
				background-image: url(../images/reason/txt_reason04_pc.png);
			}
			#Reason .menu > .list > .li:nth-child(5) > a {
				background-image: url(../images/reason/txt_reason05_pc.png);
			}
			#Reason .menu > .list > .li:nth-child(6) > a {
				background-image: url(../images/reason/txt_reason06_pc.png);
			}
			#Reason .menu > .list > .li:nth-child(7) > a {
				background-image: url(../images/reason/txt_reason07_pc.png);
			}
			#Reason .menu > .list > .li + .li {
				margin-top: 10px;
			}
		#Reason .menu > .image {
			bottom: 0;
			position: absolute;
			right: 0;
		}
			#Reason .menu > .image img {
				height: 314px;
				width: auto;
			}

	#Reason .sec {
		margin-bottom: 50px;
	}
		#Reason .sec > .hn {
			background: url(../images/reason/hn_reason01_pc.png) 0 0 no-repeat scroll;
			height: 77px;
			margin-bottom: 20px;
			overflow: hidden;
			text-indent: -9999px;
		}
		#Reason #Sec02 > .hn {
			background-image: url(../images/reason/hn_reason02_pc.png);
		}
		#Reason #Sec03 > .hn {
			background-image: url(../images/reason/hn_reason03_pc.png);
		}
		#Reason #Sec04 > .hn {
			background-image: url(../images/reason/hn_reason04_pc.png);
		}
		#Reason #Sec05 > .hn {
			background-image: url(../images/reason/hn_reason05_pc.png);
		}
		#Reason #Sec06 > .hn {
			background-image: url(../images/reason/hn_reason06_pc.png);
		}
		#Reason #Sec07 > .hn {
			background-image: url(../images/reason/hn_reason07_pc.png);
		}

		#Reason .sec .text {
			line-height: 1.75;
			margin-bottom: 15px;
			text-align: justify;
			text-justify: inter-ideograph;
		}


		#Reason .sec .cols {
			*zoom: 1;
		}
		#Reason .sec .cols:after {
			clear: both;
			content: '';
			display: block;
			height: 0;
			line-height: 0;
		}
			#Reason .sec .cols > .col-l {
				float: left;
				width: 610px;
			}
			#Reason .sec .cols > .col-r {
				float: right;
				width: 330px;
			}

		#Reason .sec .fig {
			margin-top: -97px;
			height: 208px !important;
			overflow: hidden;
		}
			#Reason .sec .fig > img {
				height: auto;
				width: 330px;
			}

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

	#Reason {
		margin-bottom: 50px;
	}
		#Reason > .hn {
			background: #008BD7 url(../images/reason/hn_reason_sp.png) 0 0 no-repeat scroll;
			background-size: 320px auto;
			height: 37px;
			margin: 0 -15px 25px -15px;
		}
	
		#Reason .menu {
			margin-bottom: 25px;
		}
			#Reason .menu > .list {
				margin-bottom: 15px;
			}
				#Reason .menu > .list > .li > a {
					background: url(../images/reason/txt_reason01_sp.png) 0 0 no-repeat scroll;
					background-size: 290px auto;
					height: 29px;
				}
				#Reason .menu > .list > .li:nth-child(2) > a {
					background-image: url(../images/reason/txt_reason02_sp.png);
				}
				#Reason .menu > .list > .li:nth-child(3) > a {
					background-image: url(../images/reason/txt_reason03_sp.png);
				}
				#Reason .menu > .list > .li:nth-child(4) > a {
					background-image: url(../images/reason/txt_reason04_sp.png);
				}
				#Reason .menu > .list > .li:nth-child(5) > a {
					background-image: url(../images/reason/txt_reason05_sp.png);
				}
				#Reason .menu > .list > .li:nth-child(6) > a {
					background-image: url(../images/reason/txt_reason06_sp.png);
				}
				#Reason .menu > .list > .li:nth-child(7) > a {
					background-image: url(../images/reason/txt_reason07_sp.png);
				}
				#Reason .menu > .list > .li + .li {
					margin-top: 10px;
				}
			#Reason .menu > .image {
				bottom: auto;
				position: relative;
				right: auto;
			}
				#Reason .menu > .image img {
					height: auto;
					width: 100%;
				}
	
		#Reason .sec {
			margin-bottom: 15px;
		}
			#Reason .sec > .hn {
				background-image: url(../images/reason/hn_reason01_sp.png);
				background-size: 290px auto;
				height: 39px;
				margin-bottom: 10px;
			}
			#Reason #Sec02 > .hn {
				background-image: url(../images/reason/hn_reason02_sp.png);
			}
			#Reason #Sec03 > .hn {
				background-image: url(../images/reason/hn_reason03_sp.png);
			}
			#Reason #Sec04 > .hn {
				background-image: url(../images/reason/hn_reason04_sp.png);
			}
			#Reason #Sec05 > .hn {
				background-image: url(../images/reason/hn_reason05_sp.png);
			}
			#Reason #Sec06 > .hn {
				background-image: url(../images/reason/hn_reason06_sp.png);
			}
			#Reason #Sec07 > .hn {
				background-image: url(../images/reason/hn_reason07_sp.png);
			}

			#Reason .sec .text {
				margin-bottom: 10px;
			}

			#Reason .sec .cols {}
				#Reason .sec .cols > .col-l,
				#Reason .sec .cols > .col-r {
					float: none;
					width: 100%;
				}
	
			#Reason .sec .fig {
				margin: 0 10px;
				height: auto !important;
				text-align: center;
			}
				#Reason .sec .fig > img {
					height: auto;
					width: 100%;
				}



}