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


#head_kaso{
	background:url(../images/back_kaso.jpg) left top repeat-x;
}

.mainphoto_kaso{
	width:920px;
	max-width:90%;
	margin:0 auto 20px;
	padding:5px 0 23px;
}

.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}
.brown{
	color:#7a5c02;
}

/* コンセプト */

.box{
	margin-bottom:50px;
}
.box h2,h3{
	margin-bottom:15px;
}
.boxin{
	width:663px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
h4{
	color:#7a5c02;
	font-size:16px;
	font-weight:normal;
	line-height:1.7em;
	margin-bottom:10px;
}
ul.eat li{
	width:30%;
	float:left;
	margin:10px 1.5%;
}
.boxin .left{
	width:53%;
	float:left;
}
.boxin .right{
	width:43%;
	float:right;
}
ul.rec{
	margin-bottom:20px;
}
ul.rec li{
	width:50%;
	float:left;
}

/* 入居までの流れ */

.flow{
	padding:0 0 30px;
	border-bottom:dotted 1px #666;
}
.flow .left{
	width:30%;
	margin-right:3%;
	float:left;
}
.flow_in{
	width:67%;
	max-width:100%;
	float:left;
}
.flow h3,.flow p{
	margin-bottom:10px;
}
.yaji{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

/* ウェルコート美原 */

.dam{
	margin-bottom:20px;
}
table.gaiyo{
	width:100%;
}
table.gaiyo th{
	width:26%;
	text-align:left;
	padding:2px 2%;
}
table.gaiyo td{
	width:66%;
	padding:2px 2%;
}
table.gaiyo tr:nth-child(odd){
	background-color:#f7f4f2;
}

/* よくあるご質問 */

ul.qa img{
	float:left;
	margin:0 15px 10px 0;
}
ul.qa li:nth-child(odd){
	color:#7a5c02;
	font-weight:bold;
	margin-bottom:10px;
}
ul.qa li:nth-child(even){
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:dotted 1px #999;
}

/* リクルート */

.recruit h3{
	color:#fff;
	background-color:#b4aa77;
	font-weight:normal;
	padding:3px 5px;
}
.recruit table{
	width:100%;
}
.recruit table th{
	width:26%;
	padding:5px 2%;
	background-color:#ebe1c8;
	text-align:center;
}
.recruit table td{
	width:66%;
	padding:5px 2%;
	border-bottom:dotted 1px #CCC;
}

/* プライバシーポリシー */

h3.pri{
	color:#7a5c02;
	font-size:16px;
	font-weight:normal;
	line-height:1.7em;
	margin-bottom:10px;
	border-bottom:dotted 1px #CCC;
}


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


}

@media screen and (max-width: 480px){
	
.flow .left{
	width:100%;
	text-align:center;
	float:none;
	margin-bottom:10px;
}
.flow_in{
	width:100%;
	float:none;
}

	
}