@charset "utf-8";

#first {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
	background-size:cover;
  z-index: 100;
  height: 1300px;
}

#greeting {
  background-color: #ffe4ef;
  position: relative;
  padding: 0 0 40px;
  color: #555;
  text-align: center;
}

#greeting h1 {
  padding: 50px 0;
  background-color: #333;
  color: #fff;
}


#greeting small {
  color: #ccc;
}

#greeting p {
  line-height: 3;
}

#banner {
  margin-top: 80px;
}

#banner h1 {
  margin-bottom: 50px;
}

#banner a {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 10px;
}

#banner .business a {
  background-image: url(../images/index/bg-bnr01.jpg);
}

#banner .strength a {
  background-image: url(../images/index/bg-bnr02.jpg);
}

#banner .contact a {
  background-image: url(../images/index/bg-bnr03.jpg);
}

.aircon .photo {
  background-image: url(../images/index/aircon.jpg);
  background-position: center -100px;
}

.kitchen .photo {
  background-image: url(../images/index/kitchen.jpg);
  background-position: center center;
}

.office .photo {
  background-image: url(../images/index/office.jpg);
  background-position: center center;
}

.refresh .photo {
  background-image: url(../images/index/refresh.jpg);
  background-position: center center;
}



#support-area {
  margin: 120px 0 0;
}

#support-area p {
  line-height: 2.2;
}

#support-area h2 {
  border-bottom: solid 1px #999;
  font-size: 130%;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

#map-canvas {
  height: 400px;
  border: solid 1px #2599cc;
  padding: 0;
}

#news {
  margin: 120px 0 150px;
}

#news ul {
  width: 100%;
  max-width: 700px;
  font-size: 120%;
  padding: 30px 30px 0;
  border: solid 1px #ccc;
}

#news li {
  margin: 0 0 30px;
}


@media (max-width: 1200px){
  #first {
    background-size: auto 100%;
  }
	#greeting p {
		text-align:left;
		padding: 0 15px;
	}
}

@media (max-width: 991px){

}

@media (max-width: 767px){
  #campaign h1 {
    font-size: 110%;
  }
  .aircon .photo {
    background-position: center center;
  }
  #service h2 {
    margin: 0 0 10px;
    font-size: 110%;
    line-height: 1.3;
    padding: 5px 10px;
  }
  #service p {
    line-height: 1.9;
  }
}

@media (max-width: 500px){
  
}

@media (max-width: 370px){
  #campaign h1 {
    font-size: 100%;
  }
  #campaign p {
    font-size: 90%;
  }
  #campaign .price {
    font-size: 190%;
    margin-top: 20px;
  }
}