#navi-category{
	border-bottom:1px solid #CCC;
}


#contents{
	
}
	#contents .content-wrap{
		background:#FFF;
	}


/* #section01
-----------------------*/
#section01{
	padding:50px 0 0;
	position:relative;
	
	width:100%;
	text-align:center;
	max-width:1024px;
	margin:0 auto;
}
@media screen and (max-width: 640px) {
#section01{
	padding:32px 0 0;
}
}
	#section01 .inner-wrap{
	}
		#section01 .inner-wrap h1{
			position:absolute;
			bottom:20px;
			left:20px;
			
			font-size:28px;
			font-weight:bold;
			z-index:10;
			
			text-align:left;
			
			text-shadow:2px 2px 1px #FFF; 
		}
		@media screen and (max-width: 840px) {
		#section01 .inner-wrap h1{
			font-size:26px;
		}
		}
		@media screen and (max-width: 795px) {
		#section01 .inner-wrap h1{
			font-size:22px;
		}
		}
		@media screen and (max-width: 640px) {
		#section01 .inner-wrap h1{
			bottom:10px;
			left:10px;
			
			font-size:20px;
		}
		}
		
		#section01 .inner-wrap .icon{
			position:absolute;
			bottom:30px;
			right:20px;
			
			width:21.97265625%;/* 225/1024 */
			max-width:225px;
		}
		#section01 .inner-wrap .icon img{
			width:100%;
		}
		
		@media screen and (max-width: 640px) {
		
		#section01 .inner-wrap .icon{
			top:50px;
			right:auto;
			left:10px;
			
			width:93.75%; /* 600/640 */
			max-width:600px;
		}
			
		}
		
		#section01 .pic-bg{
			width:100%;
			overflow:hidden;
		}
			#section01 .pic-bg img{
				width:100%;
			}
	


	
#main{
}
	/* 共通 */
	#main .main-inner{
		font-size:16px;
		line-height:1.6;
	}
		
	@media screen and (max-width: 1000px) {
	#main .main-inner{
		padding: 20px 20px 10px;
	}
	}
		#main .main-inner .section-box{
			border-bottom:1px solid #CCC;
			padding:0 0 30px;
			margin:0 0 30px;
		}
	
		#main .main-inner .title{
			padding:0 0 15px;
			font-size:22px;
			font-weight:bold;
			line-height:1.3;
		}
		#main .main-inner .caution{
			font-size:12px;
			padding:10px 0 0;
		}
		
		

/* #section02
-----------------------*/
#section02{
}

/* #section03
-----------------------*/
#section03{
}
	#section03 img{
		width:100%;
	}
		#section03 .boxL{
			width:50%;/* 490/980 */
			float:left;
		}
		#section03 .boxR{
			width:46.93877551020408%;/* 460/980 */
			float:right;
		}
		@media screen and (max-width: 640px) {
		#section03 .boxR{
			padding:0 0 10px;
		}
		}

/* #section04
-----------------------*/
#section04{
}
	#section04 img{
		width:100%;
	}
		#section04 .boxL{
			width:46.93877551020408%;/* 460/980 */
			float:left;
		}
		#section04 .boxR{
			width:48.97959183673469%;/* 480/980 */
			float:right;
		}


/* #section05
-----------------------*/
#section05{
}
	#section05 img{
		width:100%;
	}
		#section05 .boxL{
			width:50%;/* 490/980 */
			float:left;
		}
		#section05 .boxR{
			width:46.93877551020408%;/* 460/980 */
			float:right;
		}



/* #section06
-----------------------*/
#section06{
}
	#section06 .boxL{
		width:220px;
		float:left;
		margin:0 -255px 0 0;
		position:relative;
		top:30px;
	}
	#section06 .boxR{
		float:right;
		width:100%;
	}
		#section06 .boxR .inner-wrap{
			margin:0 0 0 255px;
		}
		@media screen and (max-width: 640px) {
		#section06 .boxR .inner-wrap{
			margin:0;
		}
			#section06 .boxR .inner-wrap .title{
				padding:0 0 15px;
			}
			#section06 .boxR .inner-wrap .title .pic{
				width:31.25%;/* 200/640 */
				display:block;
				float:left;
			}
			#section06 .boxR .inner-wrap .title .txt{
				width:57.65625%;/* 369/640 */
				display:block;
				float:right;
			}
		}
	
	
/* #section07
-----------------------*/
#section07{
}
	#section07 img{
		width:100%;
	}
		#section07 .boxL{
			width:47.95918367346939%;/* 470/980 */
			float:left;
		}
		#section07 .boxR{
			width:48.97959183673469%;/* 480/980 */
			float:right;
			
			position:relative;
			top:60px;
		}
		@media screen and (max-width: 640px) {
		#section07 .boxR{
			position:static;
		}
		}

/* #section08
-----------------------*/
#section08{
}
	#section08 img{
		width:100%;
	}
		#section08 .boxL{
			width:40.81632653061224%;/* 400/980 */
			float:left;
		}
		#section08 .boxR{
			width:55.10204081632653%;/* 540/980 */
			float:right;
		}

/* #section09
-----------------------*/
#section09{
}
	#section09 img{
		width:100%;
	}
		#section09 .boxL{
			width:50%;/* 490/980 */
			float:left;
		}
		#section09 .boxR{
			width:46.93877551020408%;/* 460/980 */
			float:right;
		}

/* #section10
-----------------------*/
#section10{
	border-bottom:none !important;
	margin:0 !important;
}
	#section10 li{
		text-indent:-1.5em;
		margin:0 0 0 1.5em;
		padding:0 0 8px;
	}
	
	/* 共通 */
	@media screen and (max-width: 640px) {
	#main .main-inner .boxL,
	#main .main-inner .boxR{
		float:none;
		width:100%;
	}
	#main .main-inner .title{
		padding:15px 0 10px;
		font-size:22px;
		font-weight:bold;
		line-height:1.3;
	}
	}