@charset "utf-8";

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
main image
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#mainImage {
height: 100%;
margin: 80px 0 0;
padding: 0;
position: relative;
}
#mainImage ul.slides {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#mainImage ul.slides li {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
#mainImage ul.slides li img {
width: 100%;
height: auto;
}

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
施工事例
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#ourWorks {
margin: 0;
padding: 30px 10px;
background-color: #d4dad8;
}
#ourWorks h2 {
margin: 0 0 20px;
padding: 0;
font-size: 20px;
font-weight: normal;
line-height: 1;
text-align: center;
}
#ourWorks h2 img {
margin: 0 10px 0 0;
}
#ourWorks h2 span {
margin: 2px 0 0;
padding: 0;
}
#ourWorks p.intro {
margin: 0;
padding: 0;
}
#ourWorks ul {
margin: 0;
padding: 0;
list-style: none;
}
#ourWorks ul li {
margin: 15px 0 0;
padding: 15px 0 0;
border-top: #FFF solid 1px;
}
#ourWorks ul li div.title {
margin: 0;
padding: 0;
}
#ourWorks ul li div.title span.image {
margin: 0 10px 0 0;
display: inline-block;
float: left;
position: relative;
}
#ourWorks ul li div.title span.image img.badge {
position: absolute;
top: -2px;
left: 5px;
}
#ourWorks ul li div.title span.title {
margin: 25px 0 0;
padding: 0 26px 0 0;
color: #22ac38;
font-size: 16px;
line-height: 1;
float: left;
background-image: url(../img/common/mkr01.png);
background-position: right;
background-repeat: no-repeat;
background-size: 16px 16px;
}
#ourWorks ul li p.text {
margin: 0;
padding: 10px 0 0;
clear: both;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
bottomWrapper
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#bottomWrapper {
margin: 0;
padding: 0 10px;
background-image: url(../img/common/orn02.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 145px 78px;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
最新のお知らせ
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#latestNews {
margin: 0;
padding: 30px 0 0;
}
#latestNews h3 {
margin: 0 0 20px;
padding: 0;
font-size: 20px;
font-weight: normal;
line-height: 1;
text-align: center;
}
#latestNews h3 img {
margin: 0 10px 0 0;
}
#latestNews h3 span {
margin: 2px 0 0;
padding: 0;
}
#latestNews ul {
margin: 0;
padding: 0;
list-style: none;
}
#latestNews ul li {
overflow: hidden;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: #d4dad8 solid 1px;
position: relative;
}
#latestNews ul li p.date {
margin: 0;
color: #22ac38;
font-weight: bold;
line-height: 1.3;
}
#latestNews ul li h4 {
margin: 5px 0 0;
padding: 0;
font-weight: normal;
}
#latestNews ul li h4 a {
color: #333;
}
#latestNews ul li img.new,
#latestNews ul li img.pdf {
margin: 0 0 0 10px;
vertical-align: middle;
}
#latestNews p.btn {
width: 225px;
height: 44px;
margin: 15px auto 0;
}
#latestNews p.btn a {
height: 44px;
padding: 14px 0 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
バナー
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#banners {
margin: 0;
padding: 20px 0 0;
text-align: center;
list-style: none;
}
#banners li {
margin: 20px 10px 0;
padding: 0;
display: inline-block;
}