@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
	/*** main px ***/
	#page_title{
	}
	#page_title:before{
		content:url(grp/title_bg.png);
	}
	
	#daiippo{
		font-size:30px;
		font-weight:bold;
		color:#432C1D;
		margin:30px 0 20px 0;
	}
	
	#juutaku_top{
		width:80%;
		margin:0 auto 30px auto;
	}
	
	#jshi{
		width:55%;
		float:left;
		color:#628642;
		}
		#jshi > div{
			border:3px solid #A6B039;
			padding:15px;
			background:#EEF2C3;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			line-height:1.75em;
			}
			#jshi div p{
				font-weight:bold;
				text-align:left;
			}
			#jshi div aside{
				text-align:right;
				}
				#jshi div aside p{
					display:inline-block;
					position:relative;
					padding:10px 0 0 0;
					line-height:1.3em;
					min-height:50px
				}
				#jshi div aside p span{
					font-weight:bold;
				}
				#jshi div aside img{
					width:60px;
					position:absolute;
					left:-65px;
					top:0;
				}
	#taishou{
		width:43%;
		float:left;
		margin:0 0 0 2%;
		color:#4570B6;
		}
		#taishou > div{
			border:3px solid #21B9CE;
			padding:15px;
			background:#DCF0F2;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			}
			#taishou > div h3{
				font-weight:bold;
				font-size:1.2em;
			}
			#taishou > div dl{
				line-height:1.5em;
				margin:10px 0;
				border-bottom:1px solid #21B9CE;
				}
				#taishou > div dl dt{
					width:6em;
					float:left;
					padding:0.5em 0 0.3em 0;
					border-top:1px solid #21B9CE;
				}
				#taishou > div dl dd{
					margin:0 0 0 6em;
					text-align:left;
					padding:0.5em 0 0.3em 0;
					border-top:1px solid #21B9CE;
				}
	
	#minasama{
		border:3px solid #E19A38;
		background:white;
		margin:30px 0;
		padding:0 15px 0 0;
		}
		#minasama img{
			float:left;
			margin:0 15px 0 0;
		}
		#minasama h3{
			line-height:1.3em;
			font-size:17px;
			font-weight:bold;
			padding:70px 0 0 0;
			color:#4D3822;
		}
		#minasama p{
			padding:10px 0 0 0;
			text-align:left;
			color:#4D3822;
			font-weight:bold;
		}
	
	#sindan{
		}
		#sindan ul{
			}
			#sindan ul li{
				width:32%;
				float:left;
				margin:0 0 15px 0;
				}
				#sindan ul li:nth-child(3n+2){
					margin:0 2% 15px 2%;
				}
				#sindan ul li:nth-child(3n+1){
					clear:both;
				}
				#sindan ul li p{
					padding:8px 0 0 0;
					line-height:1.3em;
					color:#F30;
				}


/*-----------------------------------------------------	*/
/*	 769-1020		*/    /*パソコン*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1020px) {
	
}



/*-----------------------------------------------------	*/
/*	 481-768	 */    /*タブレット*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {
	
	#daiippo{
		font-size:25px;
		line-height:1.3em;
	}
	
	#juutaku_top{
		width:auto;
		max-width:100%;
	}
	
	#jshi{
		width:auto;
		float:none;
		}
		#jshi > div{
			}
			#jshi div p{
			}
			#jshi div aside{
				padding:0;
				}
				#jshi div aside img{
					
				}
	#taishou{
		width:auto;
		float:none;
		margin:20px 0 0 0;
		}
		#taishou > div{
			}
			#taishou > div h3{
			}
			#taishou > div dl{
				}
				#taishou > div dl dt{
				}
				#taishou > div dl dd{
				}
	
	#minasama{
		margin:20px 0;
		padding:0;
		}
		#minasama img{
			float:none;
			margin:0 auto;
		}
		#minasama h3{
			text-align:left;
			padding:15px 15px 0 15px;
		}
		#minasama p{
			padding:10px 15px 15px 15px;
			line-height:1.5em;
		}
	
	#sindan{
		}
		#sindan ul{
			}
			#sindan ul li{
				}
				#sindan ul li:nth-child(3n+2){
				}
				#sindan ul li:nth-child(3n+1){
				}
				#sindan ul li p{
				}
	
}



/*-----------------------------------------------------	*/
/*	 320-480	 */   /*大きいスマホ*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {
	
	#daiippo{
		font-size:18px;
	}
	
	#juutaku_top{
	}
	
	#jshi{
		}
		#jshi > div{
			}
			#jshi div p{
			}
			#jshi div aside{
				}
				#jshi div aside p{
					min-height:1px;
				}
				#jshi div aside p span{
					display:block;
					padding:5px 0 0 0;
				}
				#jshi div aside img{
					position:relative;
					top:auto;
					left:auto;
				}
	#taishou{
		}
		#taishou > div{
			}
			#taishou > div h3{
			}
			#taishou > div dl{
				}
				#taishou > div dl dt{
				}
				#taishou > div dl dd{
				}
	
	#minasama{
		}
		#minasama img{
		}
		#minasama h3{
		}
		#minasama p{
		}
	
	#sindan{
		}
		#sindan ul{
			}
			#sindan ul li{
				width:49%;
				float:left;
				margin:10px 0 0 0;
				}
				#sindan ul li:nth-child(3n+2){
					margin:10px 0 0 0;
				}
				#sindan ul li:nth-child(3n+1){
					clear:none;
				}
				#sindan ul li:nth-child(odd){
					margin:10px 2% 0 0;
					clear:both;
				}
				#sindan ul li p{
				}
	
}


/*-----------------------------------------------------	*/
/*	 319px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 319px) {
	
	#daiippo{
	}
	
	#juutaku_top{
	}
	
	#jshi{
		}
		#jshi > div{
			}
			#jshi div p{
			}
			#jshi div aside{
				}
				#jshi div aside p{
				}
				#jshi div aside p span{
				}
				#jshi div aside img{
				}
	#taishou{
		}
		#taishou > div{
			}
			#taishou > div h3{
			}
			#taishou > div dl{
				border-bottom:none;
				}
				#taishou > div dl dt{
					float:none;
					width:auto;
					text-align:left;
					border-top:none;
					padding:0.5em 0 0 0;
					font-weight:bold;
				}
				#taishou > div dl dd{
					margin:0 0 0 0;
					border-top:none;
					padding:0 0 0.5em 0;
				}
	
	#minasama{
		}
		#minasama img{
		}
		#minasama h3{
		}
		#minasama p{
		}
	
	#sindan{
		}
		#sindan ul{
			}
			#sindan ul li{
				width:auto;
				float:none;
				}
				#sindan ul li:nth-child(odd){
					margin:10px 0 0 0;
				}
				#sindan ul li p{
				}

}