@charset "utf-8";
/* 業務案内 */
/* ------------------------------------------------------- */
#service-seal {
  background-image: url(../img/cate-txt-seal.png?1);
}

#service-display {
  background-image: url(../img/cate-txt-display.png?1);
}

#service-advertisement {
  background-image: url(../img/cate-txt-advertisement.png?1);
}

#service-design {
  background-image: url(../img/cate-txt-design.png?1);
}

#service-secondhand {
	background-image: url(../img/cate-txt-secondhand.png?1);
  }

.service-cont {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 0 40px;
}


.service-cont .s-cate {
  float: right;
  padding: 5% 0 0;
  text-align: center;
  width: 21%;
}

.bg .service-cont .s-cate {
  float: left;
}

.service-cont .s-cate div {
  margin: 0 0 10px;
}

.service-cont .s-cate p {
  color: #0081cd;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
}

.bg .service-cont .s-cate p {
  color: #fff;
}

.service-cont .s-detail {
  float: left;
  padding: 9% 0 0;
  width: 76.5%;
}

.bg .service-cont .s-detail {
  float: right;
}

.service-cont .s-detail .service-box {
  background: #dfeaf8;
  float: right;
  margin: 0 0 2% 2%;
  padding: 1.5em;
  width: 32%;
}

.bg .service-cont .s-detail .service-box {
  background: #fff;
  margin: 0 2% 2% 0;
  float: left;
}

.bg .service-cont .s-detail .service-box:nth-child(3n){
  margin-right: 0;
}

.service-cont .s-detail .service-box:nth-child(3n){
  margin-left: 0;
}

.service-cont .s-detail .service-box:nth-child(3n+1){
  clear: both;
}

#service-seal.service-cont .s-detail .service-box:nth-child(1){
  width: 66%;
}

#service-seal.service-cont .s-detail .service-box:nth-child(2){
  margin-right: 0;
}

#service-seal.service-cont .s-detail .service-box:nth-child(3){
  margin-right: 2%;
}



.service-cont .s-detail .service-box div {
  margin: 0 0 10px;
}

.service-cont .s-detail .service-box dl{
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  margin: 0;
  width: 100%;
}

.service-cont .s-detail .service-box dl dt,
.service-cont .s-detail .service-box dl dd{
  display:table-cell;
  vertical-align:middle;
}

.service-cont .s-detail .service-box dl dt {
  padding: 0;
  text-align: center;
  width: 80px;
}

.service-cont .s-detail .service-box dl dd{
  line-height: 150%;
  padding: 0 1em;
}

.service-cont .s-detail .service-box dl dd span {
  font-size: 130%;
  font-weight: bold;
}

/* ------------------------------------------------------- */


@media (max-width: 1217px){
	.service-cont .cont {
	  padding: 0;
	}
	
	.service-cont .s-detail {
	  padding: 8.5% 0 0;
	}
	
	.service-cont .s-detail .service-box {
	  padding: 1em;
	}
}

@media (max-width: 1117px){
	.service-cont .s-detail .service-box {
	  width: 49%;
	}
	
	.service-cont .s-detail .service-box:nth-child(3n){
	  margin-left: 2%;
	}

	.service-cont .s-detail .service-box:nth-child(3n+1){
	  clear: none;
	}
	
	.service-cont .s-detail .service-box:nth-child(2n){
	  margin-left: 0;
	}

	.service-cont .s-detail .service-box:nth-child(2n+1){
	  clear: both;
	}
	
	.bg .service-cont .s-detail .service-box:nth-child(3n){
	  margin-left: 0;
	  margin-right: 2%;
	}
	
	.bg .service-cont .s-detail .service-box:nth-child(2n){
	  margin-right: 0;
	}
	
	
	#service-seal.service-cont .s-detail .service-box:nth-child(1){
	  width: 100%;
	}

	#service-seal.service-cont .s-detail .service-box:nth-child(2){
	  margin-right: 2%;
	}

	#service-seal.service-cont .s-detail .service-box:nth-child(3){
	  clear: none;
	  margin-right: 0;
	}

}

@media (max-width: 780px){
	.service-cont .s-cate {
	  float: none;
	  padding: 12% 0 0;
	  width: 100%;
	}
	
	.service-cont .s-cate p br {
	  display: none;
	}
	
	.service-cont .s-detail {
	  float: none;
	  padding: 15px 0 0;
	  width: 100%;
	}
	
	.service-cont .s-detail .service-box {
	  float: left;
	  margin: 0 2% 2% 0;
	}
	
	.service-cont .s-detail .service-box:nth-child(3n){
	  margin-left: 0;
	}
	
	.service-cont .s-detail .service-box:nth-child(2n) {
	  margin-right: 0;
	}
	
	.service-cont .s-detail .service-box:nth-child(2n) {
	  margin-right: 0;
	}
	

}

@media (max-width: 640px){
	.service-about {
	  font-size: 120%;
	}
	
	.service-cont {
	  padding-bottom: 20px;
	}
	
	.service-cont .s-cate div img {
	  max-height: 80px;
	}
	
	
	.service-cont .s-detail .service-box dl dt {
	  width: 40px;
	}

}

/* ------------------------------------------------------- */