@charset "UTF-8";
@media screen and (max-width: 639px) {
.g-text-center {
background:#fff;
}
#img-container {
width: 100%;
}
img {
max-width:100%;
height:auto;
}
.cont {
background:none;
}
.box {
float:none;
width:100%;
margin:1px;
padding:0px;
border:#CCC solid 1px;
line-height:0px;
}
.box img {
float:none;
max-width:100%;
height:auto;
}
.box .box-normal {
background:#E8FDFF;
}
}
@media screen and (min-width: 640px) {
.g-text-center {
background:#e9e9e9;
overflow:hidden;
}
#img-container {
width: 1000px;
margin: 0 auto;
}
.cont {
background:url(../img/index/cover.jpg) top center no-repeat;
height:340px;
width:1000px;
}
p.img {
display:none;
text-align:center;
margin:0;
padding:0;
line-height:100%;
}
.box {
float:left;
margin:2px 1px 0 2px;
padding:0px;
border:#CCC solid 1px;
overflow:hidden;
line-height: 0px;
}

.box img {
max-width:100%;
height:auto;
margin:0;
padding:0;
}

}
/* --------------------------------
 * 構造
 * -------------------------------- */
.contents {
position:relative;
width:100%;
}


/* --------------------------------
 * お知らせ・新着案件
 * -------------------------------- */
.info {
background:#FFF;
overflow:hidden;
}
.info ul {
margin:20px 50px;
padding:0;
list-style:none;
}

.info li {
text-align:left;
margin:20px 0;
padding:0;
font-size:0.85rem;
color:#999;
}
.info li a {
color:#666;
}
.info li a:hover {
color:#ccc;
}

/* PC用 */
@media only screen and (min-width:961px){
.info {
width:1000px;
margin:5px auto;
padding:20px 30px;
  }
}


@media only screen and (max-width:960px){
.info {
width:100%;
padding:0;
margin:5px auto;
}


}


@media only screen and (max-width:640px){
.info {
width:100%;
}
}


@media only screen and (max-width:480px){
.info {
width:100%;
}
.info ul {
margin:0 10px;
padding:0;
}
}


/* 新着案件
-----------------------------------------------------------------------*/
.pj table.standard {
	width:95%;
	margin:10px auto;
}
.pj table.standard th {
	text-align:center;
}
.pj table.standard td.name {
	width:50%;
	text-align:left;
	overflow:hidden;
}
.b-detail {
display:inline-block;
width:100%;
margin:2px auto;
padding:10px;
text-align:center;
border-radius:4px;
color:#fff;
font-size:0.8rem;
text-decoration:none;
letter-spacing:1px;
border:1px solid #fff;
background-color:#6C3;
}
.b-detail a {
display:block;
width:100%;
color:#FFF;
}
.b-detail:hover {
opacity:0.9;
}

.icon-box {
float:right;
position:relative;
margin:4px 0px;
}
.icon-box ul {
margin:0;
padding:0;
list-style:none;
}
.icon-box li {
float:left;
margin:0 2px;
padding:2px 5px;
font-size:0.75rem;
}
.icon-box li a {
color:#FFF;
}
.icon-box li.icon-shinchaku {
background:#F00;
color:#FFF;
}
.icon-box li.icon-kyuubo {
background:#F36;
color:#FFF;
}
.icon-box li.icon-chumoku {
background:#F60;
color:#FFF;
}
.icon-box li.icon-ninki {
background:#FC0;
color:#FFF;
}
.sp {
	display:none;
}
@media only screen and (max-width:480px){
.pj table.standard {
	width:100%;
margin: 0 ;
}
.pj table.standard th {
width: 100%;
display:none;
border-top: none;
}
.pj table.standard td {
width: 100%;
display: block;
border-top: none;
}
.pj table.standard tr:first-child th {
border-top: 1px solid #ddd;
}
.pj table.standard td.name {
	width:100%;
	border-top:#999 double 4px;
}
.pj table.standard tr:first-child td.name {
border-top: 1px solid #ddd;
}

.b-detail {
	width:40%;
}
.sp {
	display:block;
	float:left;
}
}