@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;
}
}
@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%;
}
}
/* --------------------------------
 * 構造
 * -------------------------------- */
.contents {
position:relative;
width:100%;
}
.box {
float:left;
width:24.6%;
margin:2px;
padding:1px 1px 1px 1px;
border:#CCC solid 1px;
overflow:hidden;
}
.box .box-normal {
padding:20px 0;
background:url(../img/index/box-bg.jpg) no-repeat 0 0;
}
.box .box-orange {
padding:20px 0;
background:#FF8B00;
}

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

.box h2.title {
font-size:1.0rem;
font-weight:normal;
margin:0 0 20px 0;
padding:0;
line-height:100%;
}
.box h2.title a {
color:#fff;
}
.box .box-orange h2.title a {
color:#fff;
}
.box h2.title a:hover {
color:#ccc;
}
.box .box-orange h2.title a:hover {
color:#ccc;
}


@media only screen and (max-width:640px){
.box {
float:none;
width:100%;
margin:2px;
padding:1px;
border:#CCC solid 1px;
}
.box img {
float:none;
max-width:30%;
height:auto;
}
.box .box-normal {
background:#E8FDFF;
}
}

/* --------------------------------
 * お知らせ・新着案件
 * -------------------------------- */
.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;
}
}