@charset "utf-8";
/*  style　[ トップページ ]
=================================================================== */
/*----------------------------------------------
   header
---------------------------------------------*/
header {
  background: none;
  height: auto;
}

.areaImg {
  position: relative;
   background: none;
   /*background: url(../images/town.png) center bottom repeat-x;*/
}
/*----------------------------------------------
   slider
---------------------------------------------*/
.slider {
  width: 100%;
  overflow: hidden;
/*height: 500px;*/
z-index: -1;
position: absolute;
top: 0;
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
.slider img {
  width: 100%;
  overflow: hidden;
}


.inner {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: -1px;
 /* margin-bottom: -10px;*/
}


/*----------------------------------------------
   枠線
---------------------------------------------*/
.line-B {
  border: #2874B9 1px solid;
  border-radius: 10px;
  padding: 10px;
}

/*----------------------------------------------
   お知らせ
---------------------------------------------*/
.news-list {
  list-style: none;
  margin: 0;
  padding: 1em 2em;
  background-color: #7CCCF3;
  border-radius: 10px;
}

.news-list li {
  margin: 0 0 5px 0;
  padding: 5px 10px;
 /* border-bottom: #469AD7 1px dashed;*/
}
.news-list li span {
  display: inline-block;
  margin: 0 1em 0 0;
}
/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
  .news-list li span {
  display: block;
  margin: 0 0 0 0;
}
}
/*.news-list li:before {
  content: "▷";
  padding: 0 10px 0 0;
}
.news-list li:last-child {
  border-bottom: none;
}*/
.linkbtn {
  display: inline-block;
  text-align: right;
  background-color: #fff;
  border-radius: 10px;
  float: right;
}


/*----------------------------------------------
   施工実績ボタン
---------------------------------------------*/
#menu {
  margin: 2em 0;
}
.works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
/* -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;*/
  -ms-flex-pack: distribute;
justify-content: space-around;
list-style: none;
  
}

.works li{
  /*width: 33%;*/
}

.works li a:hover img {
  opacity: 0.8;
}




/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
  .works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.works li {
  width: 98%;
  text-align: center;
  margin: 1em auto;
}
.works li img {
  margin: 0 auto;
  display: block;
}
  
  
}

/*----------------------------------------------
   会社概要
---------------------------------------------*/

.gaiyou th {
  padding: 5px;
}
.gaiyou td {
  padding: 5px;
}


/*----------------------------------------------
   お問い合わせ
---------------------------------------------*/
.inq {
  display: table;
  margin: 2em auto;
  padding: 1em 1.5em;
  width: auto;
  background-color: #f9f9f9;
  border: #EFEFEF 2px solid;
  font-size: 1.2em;
}
.inq ul {
  font-size: 2em;
}

.blue {color: #2278B5;}
.mail {color:#2F7A25;}

/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
  .inq ul {
  font-size: 1.2em;
}
}

/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
}