/*
Theme Name: yamate-kisetsu
Theme URI: http://wordpress.org/
Description: yamate-kisetsu
Author: replf
Version: 1.0
*/

/*===============================================

 *	common

===============================================*/

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

 *	全体

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


/*-----------------------------------------------
 *	gnav
-----------------------------------------------*/

.head-nav{
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
}

.head-nav .gnav{
	display: flex;
	justify-content: flex-end;
	gap: 3vw;
	height: 100%;
}

.head-nav .gnav > li{
	position: relative;
	white-space: nowrap;
}

.head-nav .gnav > li a,
.head-nav .gnav > li span{
	align-items: center;
	color: #333;
	display: flex;
	font-size: 1.8rem;
	height: 100%;
	position: relative;
}

.p-sp-menu-item{
	padding: 15px 0;
}
.headPhoneBtn{
	background-color: #61adc9;
	border: none;
	margin-left: 2vw;
}
.headPhoneBtn a{
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 2.2rem;
	letter-spacing: 0.05em;
	padding: 30px 2vw;
}

@media screen and ( min-width:768px ){
	.p-burger-icon , .p-header-contact{
		display: none;
	}
}
@media screen and ( max-width:767px ){
	.head-nav , .headPhoneBtn{
		display: none;
	}
}

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

 *	トップページ

-----------------------------------------------*/
.l-home .p-home-gallery-article{
	display: block;
}
.l-home .p-home-gallery-text{
	padding: 0;
	width: 100%;
}
.l-home .p-home-gallery .textB{
	max-width: 100%;
}
.topService{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
.topService li{
	width: calc( (100% - 60px) / 4 );
}
.topService span{
	display: block;
	text-align: center;
}
.topService img{
	height: auto;
	width: 100%;
}

@media screen and ( max-width:767px ){
	.topService li{
		width: calc( (100% - 20px) / 2 );
	}
}

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

 *	空調設備工事

-----------------------------------------------*/
#worksWrap{
	align-items: flex-start;
}
@media screen and ( min-width:768px ){
	#worksWrap .image{
		padding-top: 80px;
	}
}

.worksList{
	border-top: 1px solid #ddd;
}
.worksList li{
	border-bottom: 1px solid #ddd;
	padding: 1.2em 0;
}

@media screen and ( max-width:767px ){
	#worksArea{
		margin-top: 60px;
	}
	.worksList li{
		padding: 1.0em 0;
	}
}

/**/