@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {
	
	
	
	
/* trouble
--------------------- */
#trouble {
	width: 100%;
	padding: 100px 0 0 0;
	background: #fff url(../img/bg01.jpg) no-repeat center -150px;
	background-size: 100%;
}
	#trouble h2 {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 25px;
		text-align: center;
	}
	
	
	#trouble ul {
		width: 500px;
		margin: auto;
	}
		#trouble ul li {
			background: url(../img/icon_check.png) no-repeat left center;
			font-size: 129%;
			padding-left: 35px;
			margin-bottom: 10px;
		}
	
	
	
	
/* what
--------------------- */
#what {
	width: 100%;
	padding: 90px 0 0 0;
}
	#what h2 {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 25px;
		text-align: center;
	}
	
	#what p {
		margin-bottom: 20px;
	}
	
	
	
	
/* concept
--------------------- */
#concept {
	width: 100%;
	padding: 100px 0 0 0;
}
	#concept h2 {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 25px;
		text-align: center;
	}


	#concept .box {
		padding-top: 30px;
	}
		#concept .box .pht {
			width: 350px;
		}
			#concept .box .pht img {
				width: 100%;
				height: auto;
			}

		#concept .box .text {
			width: 710px;
		}
			#concept .box .text h3 {
				font-size: 18px;
				font-weight: 500;
				color: #004F9A;
				margin-bottom: 10px;
			}
	
	
	
	
/* introduction
--------------------- */
#introduction {
	width: 100%;
	padding: 100px 0 0 0;
}
	#introduction h2 {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 25px;
		text-align: center;
	}
	
	
	#introduction .text {
		width: 810px;
	}
		#introduction .text h3 {
			font-size: 18px;
			font-weight: 500;
			color: #004F9A;
			margin-bottom: 10px;
		}
	
		#introduction .text table {
			width: 100%;
			border-collapse: collapse;
			border-top: solid 1px #ddd;
			margin-bottom: 20px;
		}
			#introduction .text table th {
				border-bottom: solid 1px #ddd;
				padding: 10px 0;
			}
			#introduction .text table td {
				border-bottom: solid 1px #ddd;
				padding: 10px 0;
			}
	
		#introduction .text .name {
			text-align: right;
			padding-top: 10px;
		}
	
	
	#introduction .pht {
		width: 250px;
		padding-top: 40px;
	}
		#introduction .pht img {
			width: 100%;
			height: auto;
		}




}








/* max 800px */
@media only screen and (max-width: 800px) {
	
	
	
	
/* trouble
--------------------- */
#trouble {
	width: 100%;
	padding: 50px 0 0 0;
	background: #fff url(../img/bg01.jpg) no-repeat center -150px;
	background-size: 100%;
}
	#trouble h2 {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	
	#trouble ul {
	}
		#trouble ul li {
			background: url(../img/icon_check.png) no-repeat left center;
			font-size: 100%;
			padding-left: 35px;
			margin-bottom: 10px;
		}
	
	
	
	
/* what
--------------------- */
#what {
	width: 100%;
	padding: 50px 0 0 0;
}
	#what h2 {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#what p {
		margin-bottom: 20px;
	}
	
	#what .pht img {
		width: 100%;
		height: auto;
	}
	
	
	
	
/* concept
--------------------- */
#concept {
	width: 100%;
	padding: 50px 0 0 0;
}
	#concept h2 {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 15px;
		text-align: center;
	}


	#concept .box {
		padding-top: 30px;
	}
		#concept .box .pht {
		}
			#concept .box .pht img {
				width: 100%;
				height: auto;
			}

		#concept .box .text {
			padding-top: 15px;
		}
			#concept .box .text h3 {
				font-size: 18px;
				font-weight: 500;
				color: #004F9A;
				margin-bottom: 7px;
			}
	
	
	
	
/* introduction
--------------------- */
#introduction {
	width: 100%;
	padding: 50px 0 0 0;
}
	#introduction h2 {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 5px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	
	#introduction .text {
	}
		#introduction .text h3 {
			font-size: 18px;
			font-weight: 500;
			color: #004F9A;
			margin-bottom: 10px;
		}
	
		#introduction .text table {
			width: 100%;
			border-collapse: collapse;
			border-top: solid 1px #ddd;
			margin-bottom: 20px;
		}
			#introduction .text table th {
				width: 80px;
				border-bottom: solid 1px #ddd;
				padding: 10px 0;
			}
			#introduction .text table td {
				border-bottom: solid 1px #ddd;
				padding: 10px 0;
			}
	
		#introduction .text .name {
			text-align: right;
			padding-top: 10px;
		}
	
	
	#introduction .pht {
		padding-top: 20px;
	}
		#introduction .pht img {
			width: 100%;
			height: auto;
		}









}