@charset "utf-8";
/* CSS Document */


/*------------グローバルナビ再編集用-----------------*/
@media print, screen and (min-width: 768px) {
  .gnavi li {
    width: 25%
  }
}

/*---------キャラクター追加用---------*/
/*TOP*/
#mainimg .service-list {
	margin: 0 auto;
}

#mainimg .mv_character_1 {
	position: absolute;
	bottom: 50px;
	left: 0;
	z-index: 99;
}

#mainimg .mv_character_1 img {
	width: 210px;
}

#mainimg .mv_character_2 {
	position: absolute;
	bottom: 50px;
	right: 0;
	z-index: 99;
}

#mainimg .mv_character_2 img {
	width: 180px;
}

@media screen and (max-width: 767px) {
	#mainimg .mv_character_1 {
		bottom: inherit;
		left: 15px;
		top: 240px;
	}

	#mainimg .mv_character_1 img {
		width: 120px;
	}

	#mainimg .mv_character_2 {
		bottom: -35px;
		right: 15px;
	}

	#mainimg .mv_character_2 img {
		width: 100px;
	}
}

/*TOP サービス案内*/
#service .inner {
	position: relative;
}

#service .inner .service_character {
	position: absolute;
	left: 340px;
	top: 15px;
	z-index: 99;
}

#service .service_character img {
	width: 120px;
}

@media screen and (max-width: 767px) {
	#service .service_character {
		left: inherit;
		right: 15px;
		top: 10px;
	}

	#service .service_character img {
		width: 90px;
	}
}

/*TOP 工事の流れ*/
#flow .blc_body .inner {
	position: relative;
}

#flow .blc_body .inner .flow_character { 
	position: absolute;
	bottom: 0;
	right: 240px;
}

#flow .flow_character img {
	width: 180px;
}

@media screen and (max-width: 767px) {
	#flow .blc_body .inner .flow_character { 
		bottom: 0;
		right: inherit;
		left: 8px;
	}

	#flow .flow_character img {
		width: 90px;
	}
	
}

/*service*/
.construction__remodel {
	position: relative;
}

.construction__remodel .construction_character {
	position: absolute;
	right: 20px;
	bottom: 25px;
}

.construction__remodel .construction_character img {
	width: 260px;
}

@media screen and (max-width: 767px) {
	.construction__remodel dd {
		overflow: visible;
	}
	
	.construction__remodel .construction_character {
		right: -20px;
		bottom: -10px;
	}

	.construction__remodel .construction_character img {
		width: 120px;
	}
}

/*会社案内*/
#greeting .inner {
	position: relative;
}

#greeting .inner .greeting_character {
	position: absolute;
	top: 30px;
	right: 50px;
}

#greeting .inner .greeting_character img {
	width: 260px;
}

@media screen and (max-width: 767px) {
	#greeting .inner .greeting_character {
		top: 5px;
		right: 20px;
	}

	#greeting .inner .greeting_character img {
		width: 140px;
	}
}

/*インテリア*/
.before-after {
	position: relative;
}

.before-after .interior_character_1 {
	position: absolute;
	right: 20px;
	bottom: 5px;
}

.before-after .interior_character_1 img {
	width: 160px;
}

.interior .library_img {
	position: relative;
}

.interior .library_img .interior_character_2 {
	position: absolute;
	bottom: -60px;
	left: 0;
}

.interior .library_img .interior_character_2 img {
	width: 170px;
}

@media screen and (max-width: 767px) {
	.before-after .interior_character_1 {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}

	.before-after .interior_character_1 img {
		width: 90px;
	}
	

	.interior .library_img .interior_character_2 img {
		width: 90px;
	}
}

/*エクステリア*/
.exterior .sign_1 {
  overflow: visible;
	position: relative;
}

.exterior .sign_1 .sign_1_character {
	position: absolute;
	bottom: -20px;
	right: -80px;
}

.exterior .sign_1 .sign_1_character img {
	width: 140px;
}

.exterior .sign_3 {
  overflow: visible;
	position: relative;
}

.exterior .sign_3 .sign_3_character {
	position: absolute;
	bottom: -20px;
	left: 300px;
}

.exterior .sign_3 .sign_3_character img {
	width: 140px;
}

@media screen and (max-width: 767px) {
	.exterior .sign_1 .sign_1_character {
		bottom: -20px;
		right: -5px;
	}

	.exterior .sign_1 .sign_1_character img {
		width: 80px;
	}
	
	.exterior .sign_3 .sign_3_character {
		bottom: -60px;
		left: inherit;
		right: 0;
	}

	.exterior .sign_3 .sign_3_character img {
		width: 70px;
	}

}

/*防水工事*/
.waterproof .waterproof_character {
	position: relative;
}

.waterproof .waterproof_character .waterproof_character_1 {
	position: absolute;
	bottom: 15px;
	left: 0;
}

.waterproof .waterproof_character .waterproof_character_1 img {
	width: 150px;
}

.waterproof .process_character {
	position: relative;
	overflow: visible;
}

.waterproof .process_character .process_character_1 {
	position: absolute;
	bottom: -90px;
	right: 0;
}

.waterproof .process_character .process_character_1 img {
	width: 120px;
}

@media screen and (max-width: 767px) {
	.waterproof .waterproof_character .waterproof_character_1 {
		bottom: 25px;
		left: inherit;
		right: 20px;
	}

	.waterproof .waterproof_character .waterproof_character_1 img {
		width: 100px;
		transform: scale(-1, 1)
	}
	
	.waterproof .process_character .process_character_1 {
		position: absolute;
		bottom: -60px;
		right: 0;
	}

	.waterproof .process_character .process_character_1 img {
		width: 80px;
	}
	
}
	
/*塗装工事*/
.iron_character {
	position: relative
}

.iron_character .iron_character_1 {
	position: absolute;
	bottom: 100px;
	right: 140px;
}

.iron_character_1 img {
	width: 160px;
}

.other_character {
	position: relative
}

.other_character .other_character_1 {
	position: absolute;
	bottom: 140px;
	right: 240px;
}

.other_character_1 img {
	width: 160px;
}

@media screen and (max-width: 767px) {
	.iron_character .iron_character_1 {
		bottom: 30px;
		right: 20px;
	}

	.iron_character_1 img {
		width: 110px;
	}
	
	.other_character .other_character_1 {
		bottom: -40px;
		right: 15px;
	}

	.other_character_1 img {
		width: 90px;
	}
}

/*その他設備*/
.facility_character {
	position: relative;
}

.facility_character .facility_character_1 {
	position: absolute;
	top: -80px;
	right: 50px;
}

.facility_character .facility_character_1 img {
	width: 130px;
}

@media screen and (max-width: 767px) {
	.facility_character .facility_character_1 {
		top: -30px;
		right: 3px;
	}

	.facility_character .facility_character_1 img {
		width: 90px;
	}
}