@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
	/*** main px ***/
	#page_title{
	}
	#page_title:before{
		content:url(grp/title_bg.png);
	}
	
	#prf{
		background:url(grp/image01.jpg) right bottom no-repeat;
		padding:10px 0 0 0;
		}
		#prf dl{
			position:relative;
			margin:0 480px 0 0;
			border-bottom:1px solid #715F35;
			}
			#prf dl dt{
				width:12em;
				float:left;
				padding:0.7em 0 0.5em 0;
				border-top:1px solid #715F35;
			}
			#prf dl dd{
				margin:0 0 0 12em;
				text-align:left;
				padding:0.7em 0 0.5em 0;
				border-top:1px solid #715F35;
			}
		#prf img{
			display:none;
		}
	iframe{
		margin:20px 0 0 0;
		width:100%;
		height:400px;
		}


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

@media screen and (max-width: 1020px) {
	
	#prf{
		background:none;
		padding:0;
		}
		#prf dl{
			margin:0 370px 0 0;
			}
			#prf dl dt{
				width:9em;
			}
			#prf dl dd{
				margin:0 0 0 9em;
			}
		#prf img{
			display:block;
			float:right;
			width:350px;
		}
	
}



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

@media screen and (max-width: 768px) {
	
	#prf{
		}
		#prf dl{
			margin:15px 0 0 0;
			}
			#prf dl dt{
				padding:0.7em 0.5em 0 0.5em;
				color:#68512F;
				font-weight:bold;
			}
			#prf dl dd{
				padding:0 0.5em 0.5em 0.5em;
				border:none;
			}
		#prf img{
			display:block;
			float:none;
			width:auto;
			max-width:100%;
			margin:0 auto;
		}
	
}



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

@media screen and (max-width: 480px) {
	#prf{
		}
		#prf dl{
			}
			#prf dl dt{
				width:auto;
				float:none;
				text-align:left;
			}
			#prf dl dd{
				margin:0;
			}
	
}


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

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

}