@charset "utf-8";

/*slider
/------------------------------------------------------------*/
.wideslider {
    width: 100%;
    height: 649px;
    text-align: left;
    position: relative;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
}
.slider_prev {background: #000 url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #000 url(../img/next.jpg) no-repeat left center;}

.smp_topimg {
  display: none;
}

/*top_works
/------------------------------------------------------------*/
.top_works {
  margin-top: 28px;
  padding-bottom: 28px;
}

.top_works ul li {
  max-width: 245px;
  float: left;
}

.top_works ul li img {
  width: 100%;
  height: auto;
}

.top_works ul li.sam_r {
  margin-right: 10px;
}

/*お知らせ
/------------------------------------------------------------*/
.news_bg {
  background-image: url(../img/top/news_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news_bg .news_bg02 {
  background-image: url(../img/top/news_bg02.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 439px;
}

.news_bg .news_bg02 .top_news {
  padding-top: 10px;
}

.news_bg .news_bg02 .top_news h3 {
  background-color: #9b8979;
  max-width: 500px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #fff;
  /* box-shadow */
  box-shadow:0px 1px 2px 2px #c6b7aa;
  -moz-box-shadow:0px 1px 2px 2px #c6b7aa;
  -webkit-box-shadow:0px 1px 2px 2px #c6b7aa;
}

.news_bg .news_bg02 .top_news .news_date {
  max-width: 500px;
  overflow: hidden;
  height: 343px;
  margin-top: 17px;
}

.news_bg .news_bg02 .top_news .news_date ul li.date {
  display: inline-block;
  width: 140px;
}

.news_bg .news_bg02 .top_news .news_date ul li.title {
  display: inline-block;
  width: 350px;
  float: right;
}


/*最新の事例紹介
/------------------------------------------------------------*/
.sample_bg {
  background-image: url(../img/top/sample_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  padding-top: 35px;
  padding-bottom: 35px;
}

.sample_bg .top_sample dl{
  max-width: 240px;
  display: inline-block;
  background-color: #fff;
}

.sample_bg .top_sample h3 {
  margin-bottom: 20px;
  text-align: center;
}

.sample_bg .top_sample p.text {
  margin-bottom: 25px;
  text-align: center;
}


.sample_bg .top_sample .sample_date {
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: left;
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.sample_bg .top_sample .sample_date ul {
  background-color: #fff;
  margin: 5px;
  height: 410px;
  width: 24%;
}

.sample_bg .top_sample .sample_date ul li.sam_image {
  width: 100%;
}

.sample_bg .top_sample .sample_date ul li.sam_image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.sample_bg .top_sample .sample_date ul li.title {
  margin-left: 1px;
  display: inline-block;
}

.sample_bg .top_sample .sample_date ul li.comment {
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  font-size: 17px;
  line-height: 19px;
  width: 100%;
  overflow: scroll;
  margin-bottom: 10px;
  margin-top: 5px;
  height: 145px;
}

.sample_bg .top_sample .sample_date .sam_i {
  background-image: url(../img/top/sam_icon.jpg);
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  margin-top: 14px;
}