@charset "utf-8";
/*
 * page.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

#product #gNavi li:nth-child(2) a::before{
	position: absolute;
	left: 0;
	bottom: -28px;
	width: 100px;
	height: 4px;
	background: linear-gradient(-138deg,#1776d8,#122ec0);
	content: "";
}
#product #teaser {
	background: url(../img/product/teaser_product.jpg) center center no-repeat;
	background-size: cover;
}
.productTxt01{
	font-size: 4.8rem;
	font-weight: bold;
	color: #000000;
}
.productTxt02{
	font-size: 3rem;
	font-weight: bold;
	color: #000000;
}
.productTxt03{
	font-size: 2.8rem;
	color: #000000;
}
.productTit01{
	background: url(../img/product/bg_product01.jpg) calc((100vw - 1200px) / 2 - 8.5px ) center no-repeat;
	margin-bottom: 120px;
}
.productTit01 .productTitBox{
	padding-left: 88px;
}

.productTit01 .inner{
	display: flex;
	height: 430px;
	align-items: center;
}


.productTit02{
	background: url(../img/product/bg_product02.jpg) right calc((100vw - 1200px) / 2 - 8.5px ) center no-repeat;
	margin-bottom: 120px;
}
.productTit02 .productTitBox{
	padding-right: 100px;
}

.productTit02 .inner{
	display: flex;
	height: 430px;
	justify-content: flex-end;
	align-items: center;
}


.productTit03{
	background: url(../img/product/bg_product03.jpg) calc((100vw - 1200px) / 2 - 8.5px ) center no-repeat;
	margin-bottom: 120px;
}
.productTit03 .productTitBox{
	padding-left: 88px;
}

.productTit03 .inner{
	display: flex;
	height: 430px;
	align-items: center;
}


.productTit04{
	background: url(../img/product/bg_product04.jpg) right calc((100vw - 1200px) / 2 - 8.5px ) center no-repeat;
	margin-bottom: 120px;
}
.productTit04 .productTitBox{
	padding-right: 100px;
}

.productTit04 .inner{
	display: flex;
	height: 430px;
	justify-content: flex-end;
	align-items: center;
}

.productList{
	display: flex;
	margin-bottom: 80px;
}

.productListItem{
	width: 280px;
}

.productListItem + .productListItem{
	margin-left: 26px;
}

.productListTxt{
	margin: 20px 0 0 40px;
	padding-left: 25px;
	background: url(../img/product/ico_product.png) left center no-repeat;
	font-size: 1.6rem;
	color: #333333;
}



/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px) {}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
	#product #gNavi li:nth-child(2) a::before{
		width: 0;
	}
	
	
	.productTxt01{
		font-size: 4rem;
		font-weight: bold;
		color: #000000;
	}
	.productTxt02{
		font-size: 2.8rem;
		font-weight: bold;
		color: #000000;
	}
	.productTxt03{
		font-size: 2.6rem;
		color: #000000;
	}
	.productTit01{
		background: url(../img/product/bg_product01.jpg) left center no-repeat;
		margin-bottom: 60px;
	}
	.productTit01 .productTitBox{
		padding-left: 0;
	}
	
	.productTit01 .inner{
		display: flex;
		height: 430px;
		align-items: center;
	}
	
	
	.productTit02{
		background: url(../img/product/bg_product02.jpg) right center no-repeat;
		margin-bottom: 60px;
	}
	.productTit02 .productTitBox{
		padding-right: 0;
	}
	
	.productTit02 .inner{
		display: flex;
		height: 430px;
		justify-content: flex-end;
		align-items: center;
	}
	
	
	.productTit03{
		background: url(../img/product/bg_product03.jpg) left center no-repeat;
		margin-bottom: 60px;
	}
	.productTit03 .productTitBox{
		padding-left: 0;
	}
	
	.productTit03 .inner{
		display: flex;
		height: 430px;
		align-items: center;
	}
	
	
	.productTit04{
		background: url(../img/product/bg_product04.jpg) right center no-repeat;
		margin-bottom: 60px;
	}
	.productTit04 .productTitBox{
		padding-right: 0;
	}
	
	.productTit04 .inner{
		display: flex;
		height: 430px;
		justify-content: flex-end;
		align-items: center;
	}
	
	.productList{
		display: block;
		margin-bottom: 40px;
	}
	
	.productListItem{
		width: 100%;
	}
	.productListItem img{
		width: 100%;
	}
	
	.productListItem + .productListItem{
		margin-left: 0;
		margin-top: 25px;
	}
	
	.productListTxt{
		margin: 10px 0 0 20px;
		padding-left: 25px;
		background: url(../img/product/ico_product.png) left center no-repeat;
		font-size: 1.4rem;
		color: #333333;
	}
	
	
}