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



/*------------------------------------------------------------------------
	PC
------------------------------------------------------------------------*/



@media screen and (min-width:768px){
	
	
	body#service section{
		padding-top: 0px;
	}
	
	body#service .sec_container section:last-of-type{
		padding-bottom: 100px;
	}
	
	body#service section.sec_1 h2{
		margin: 0 0 70px 150px;
		text-indent: -1em;
    margin-left: calc(150px + 1em);
	}
	
/*--------------------------------------
	総合設備工事
--------------------------------------*/
	body#service section.sec_3{
		padding-top: 0px;
	}
	
	body#service .sticky_item{
		margin-top: 230px;
	}
	
	body#service .sec_container h2+p{
		width: 619px;
		margin-bottom: 60px;
	}
	
	body#service .sec_container ul.photo_list{
		display: flex;
		margin-bottom: 80px;
	}
	
	body#service .sec_container ul.photo_list li:first-of-type{
		margin-right: 10px;
	}
	
	body#service .sec_container ul.photo_list li,
	body#service .sec_container ul.photo_list li .img_wrap{
		width: 433px;
		height: auto;
		aspect-ratio: 1/1;
	}
	
	body#service .sec_container ul.photo_list li img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	body#service .sec_container .text{
		border-bottom: 1px solid rgba(206,206,206,0.35);
	}
	
	body#service .sec_container .text dl{
		border: none;
	}
	
	body#service .sec_container .text dt,
	body#service .sec_container .text dd{
		padding: 0;
	}	
	
	body#service .sec_container .text dt{
		background-color: #2ABCA2;
		color: #fff;
		width: 194px;
		height: 50px;
		line-height: 50px;
		border-radius: 14px;
		align-self: flex-start;
		text-align: center;
	}
	
	body#service .sec_container .text dd{
    padding: 16px 30px 0;
  }
	
	body#service .sec_container .text dd{
		width: 530px;
		margin-bottom: 115px;
	}
	
	
	
	
}






/*------------------------------------------------------------------------
	SP
------------------------------------------------------------------------*/



@media screen and (max-width:767px){
	
	
	
	
	body#service section.sec_1::before{
    top: 39%;
  }
	
	body#service section:not(.sec_1){
		padding-top: 80px;
	}
	
	body#service .sec_container section:last-of-type{
		padding-bottom: 50px;
	}
	
	body#service section.sec_1 h2{
		margin: 0 0 70px 10px;
		text-indent: -1em;
    margin-left: calc(10px + 1em);
	}
	
/*--------------------------------------
	総合設備工事
--------------------------------------*/
	body#service section.sec_3{
	}
	
	body#service .sec_container h2+p{
		margin-bottom: 30px;
		letter-spacing: 2px;
	}
	
	body#service .sec_container ul.photo_list{
		display: flex;
		margin-bottom: 40px;
	}
	
	body#service .sec_container ul.photo_list li{
		width: 48%;
		height: auto;
		margin: auto;
	}
	
	body#service .sec_container ul.photo_list li .img_wrap{
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
	
	body#service .sec_container ul.photo_list li img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	body#service .sec_container .text{
		border-bottom: 1px solid rgba(206,206,206,0.35);
	}
	
	body#service .sec_container .text dl{
		border: none;
	}
	
	body#service .sec_container .text dt,
	body#service .sec_container .text dd{
		padding: 0;
	}	
	
	body#service .sec_container .text dt{
		background-color: #2ABCA2;
		color: #fff;
		width: 194px;
		height: 50px;
		line-height: 50px;
		border-radius: 14px;
		align-self: flex-start;
		text-align: center;
		margin: 0 0 20px 10px;
	}
	
	body#service .sec_container .text dd{
		padding-left: 10px;
	}
	
	body#service .sec_container .text dd{
		margin-bottom: 40px;
		letter-spacing: 2px;
	}
	
	
	
	
	
	
	
}