@charset "utf-8";
/* Copyright 2023 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

アフターメンテナンス・保証

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

.warranty_container{
	max-width: 1200px;
	margin: 0 auto;
}

.war_lead{
	border: 1px solid #CDD3CD;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto 60px;
	padding: 23px;
}

.warranty:not(:last-of-type){margin-bottom: 60px;}

.warranty h2{
	display: flex;
	position: relative;
	padding: 0 0 5px 18px;
	border-bottom: 4px solid #193661;
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 0.2em;
	line-height: 1.6;
	margin-bottom: 40px;
}

.warranty h2::before{
	content: "";
	display: block;
	background: #193661;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 14px;
	left: 0;
}

.warranty .txt01{margin-top: -20px;}

.warranty p{
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 2;
}

.warranty .note01{margin-top: 10px;}

.warranty .note02{margin-top: 14px;}

.warranty .note01 p{
	margin-bottom: 7px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height: 1.6;
	text-indent: -1em;
	padding-left: 1em;
}

.warranty .note02 p{
	margin-bottom: 7px;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-indent: -1em;
	padding-left: 1em;
}

.warranty .note01 p:last-of-type,
.warranty .note02 p:last-of-type{margin-bottom: 0;}

.warranty .image01{margin-top: 40px;}

.warranty .image01 img{
	width: 100%;
	height: auto;
}

.warranty .image01 img.sp{display: none;}

/* .inner01
---------------------------------------------- */
.warranty .inner01{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -30px;
}

.warranty .inner01 .item{
	width: calc((100% - 60px)/3);
	margin: 0 30px 30px 0;
}

.warranty .inner01 .item:nth-of-type(3n){margin-right: 0;}

.warranty .inner01 .item .image{margin-bottom: 15px;}

.warranty .inner01 .item .image img{
	width: 100%;
	height: auto;
}

.warranty .inner01 .item h3{
	color: #18345F;
	font-size: 1.8rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	list-style: 1.4;
	margin-bottom: 10px;
}

/* .inner02
---------------------------------------------- */
.warranty .inner02{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -40px;
}

.warranty .inner02 .item{
	width: calc(50% - 15px);
	margin-bottom: 40px;
}

.warranty .inner02 .item .ttl{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.warranty .inner02 .item .ttl .icon{width: 40px;}

.warranty .inner02 .item .ttl .icon img{
	width: 100%;
	height: auto;
}

.warranty .inner02 .item .ttl h3{
	width: calc(100% - 40px);
	padding-left: 10px;
	color: #18345F;
	font-size: 1.8rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	list-style: 1.4;;
}

/* .inner03
---------------------------------------------- */
.warranty .inner03{
	display: flex;
	align-items: center;
}

.warranty .inner03 .image{width: 50%;}

.warranty .inner03 .image img{
	width: 100%;
	height: auto;
}

.warranty .inner03 .content{
	width: 50%;
	padding-left: 40px;
}

.warranty .inner03 .content ul{margin-bottom: 20px;}

.warranty .inner03 .content ul li{
	color: #19345F;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 10px;
}

.warranty .inner03 .content ul li:last-of-type{margin-bottom: 0;}

/* .inner04
---------------------------------------------- */
.warranty .inner04{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.warranty .inner04 .image{width: 50%;}

.warranty .inner04 .image img{
	width: 100%;
	height: auto;
}

.warranty .inner04 .content{
	width: 50%;
	padding-right: 40px;
}

.warranty .inner04 .content .logo{
	width: 344px;
	margin-bottom: 25px;
}

.warranty .inner04 .content .logo img{
	width: 100%;
	height: auto;
}

/* .inner05
---------------------------------------------- */
.warranty .inner05{
	background:#F0F0F0;
	padding: 40px; 
}

.warranty .inner05 h3{
	color: #18345F;
	font-weight: 900;
	font-size: 2.4rem;
	list-style: 1.2;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CDD3CD;
}

.warranty .inner05 .inner{
	display: flex;
	justify-content: space-between;
}

.warranty .inner05 .inner .item{width: calc((100% - 120px)/4);}

.warranty .inner05 .inner .item h4{
	background: #31A6B7;
	text-align: center;
	color: #FFF;
	line-height: 1;
	padding: 13px 0;
	font-size: 1.8rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

.warranty .inner05 .note{
	max-width: 1000px;
	margin: 35px auto 0;
	padding: 30px;
	background: #FFF;
	border: 1px solid #CDD3CD;
	display: flex;
	justify-content: center;
}

.warranty .inner05 .note p{
	line-height: 1.6;
	text-indent: -1em;
	padding-left: 1em;
}

/* .inner06
---------------------------------------------- */
.warranty .inner06{
	display: flex;
	align-items: center;
}

.warranty .inner06 .image{width: 380px;}

.warranty .inner06 .image img{
	width: 100%;
	height: auto;
}

.warranty .inner06 .content{
	width: calc(100% - 380px);
	padding-left: 20px;
}

.warranty .inner06 .content p:not(:last-of-type){margin-bottom: 25px;}


@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	アフターメンテナンス・保証

	------------------------------------------------------------ */
	
	/* .inner05
	---------------------------------------------- */
	.warranty .inner05 .inner .item{width: calc((100% - 60px)/4);}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	アフターメンテナンス・保証

	------------------------------------------------------------ */
	
	.war_lead{
		margin-bottom: 30px;
		padding: 15px;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
	}

	.warranty:not(:last-of-type){margin-bottom: 40px;}
	
	.warranty h2{
		display: flex;
		position: relative;
		padding: 0 0 5px 16px;
		border-bottom: 3px solid #193661;
		font-size: 1.7rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}
	
	.warranty h2::before{
		content: "";
		display: block;
		background: #193661;
		width: 10px;
		height: 10px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	.warranty .txt01{margin-top: 0;}

	.warranty p{font-size: 1.2rem;}

	.warranty .note01{margin-top: 7px;}

	.warranty .note02{margin-top: 10px;}

	.warranty .note01 p{font-size: 1.1rem;}

	.warranty .note02 p{font-size: 1.2rem;}
	
	.warranty .image01{margin-top: 30px;}
	
	.warranty .image01 img.pc{display: none;}
	.warranty .image01 img.sp{display: block;}

	/* .inner01
	---------------------------------------------- */
	.warranty .inner01{
		justify-content: space-between;
		margin-bottom: -30px;
	}
	
	.warranty .inner01 .item{
		width: calc(50% - 12.5px);
		margin: 0 0 30px 0;
	}
	
	.warranty .inner01 .item .image{margin-bottom: 15px;}
	
	.warranty .inner01 .item h3{
		font-size: 1.3rem;
		margin-bottom: 5px;
	}
	
	/* .inner02
	---------------------------------------------- */
	.warranty .inner02{
		display: block;
		margin-bottom: 0;
	}
	
	.warranty .inner02 .item{
		width: 100%;
		margin-bottom: 25px;
	}

	.warranty .inner02 .item:last-of-type{margin-bottom: 0;}
	
	.warranty .inner02 .item .ttl{margin-bottom: 3px;}
	
	.warranty .inner02 .item .ttl .icon{width: 20px;}
	
	.warranty .inner02 .item .ttl h3{
		width: calc(100% - 20px);
		padding-left: 5px;
		font-size: 1.4rem;
	}

	/* .inner03
	---------------------------------------------- */
	.warranty .inner03{display: block;}

	.warranty .inner03 .image{width: 100%;}

	.warranty .inner03 .content{
		width: 100%;
		padding: 25px 0 0;
	}
	
	.warranty .inner03 .content ul{margin-bottom: 15px;}

	.warranty .inner03 .content ul li{font-size: 1.2rem;}
	
	/* .inner04
	---------------------------------------------- */
	.warranty .inner04{
		display: block;
		margin-bottom: 30px;
	}

	.warranty .inner04 .image{width: 100%;}

	.warranty .inner04 .content{
		width: 100%;
		padding: 0 0 20px;
	}

	.warranty .inner04 .content .logo{
		width: 172px;
		margin-bottom: 10px;
	}

	/* .inner05
	---------------------------------------------- */
	.warranty .inner05{padding: 30px 15px; }

	.warranty .inner05 h3{
		font-size: 1.5rem;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.warranty .inner05 .inner{
		flex-wrap: wrap;
		margin-bottom: -20px;
	}

	.warranty .inner05 .inner .item{
		width: calc(50% - 12.5px);
		margin-bottom: 20px;
	}

	.warranty .inner05 .inner .item h4{
		padding: 9px 0;
		font-size: 1rem;
		font-weight: 700;
		letter-spacing: 0.2em;
	}

	.warranty .inner05 .note{
		margin-top: 20px;
		padding: 15px;
	}

	.warranty .inner05 .note p{
		font-size: 1.2rem;
		letter-spacing: 0.1em;
	}

	/* .inner06
	---------------------------------------------- */
	.warranty .inner06{display: block;}

	.warranty .inner06 .image{width: 100%;}

	.warranty .inner06 .content{
		width: 100%;
		padding: 20px 0 0;
	}

	.warranty .inner06 .content p:not(:last-of-type){margin-bottom: 20px;}


}/*--@media--*/