@charset "utf-8";
/*------------------------------------------------------------
	jaf
------------------------------------------------------------*/
#main .mainImg {
	margin-bottom: 97px;
}
#main .car .carUl {
	margin: 0 7px 48px 64px;
}
#main .car .carUl li {
	width: 328px;
	text-align: center;
}
#main .car .carUl li p {
	margin-top: 39px;
	font-size: 3.245rem;
	line-height: 1.218;
	font-weight: 700;
}
#main .car .btmTxt {
	color: #e30000;
	font-size: 5.263rem;
	font-weight: 700;
	text-align: center;
}
#main .car {
	margin-bottom: 141px;
}
#main .note {
	margin-bottom: 514px;
	text-align: center;
	position: relative;
	z-index: 10;
}
#main .note p {
	margin-bottom: 27px;
	font-size: 4.4rem;
	font-weight: 700;
}
#main .note .img {
	margin: 0 auto;
	width: 703px;
}
#main .note .img img {
	width: 100%;
}
#main .bgBox {
	padding-bottom: 146px;
	position: relative;
	background: #0072d9 url("../../img/other_service/jaf/bg02.png") no-repeat bottom right / auto 242px;
}
#main .bgBox::before {
	width: 100%;
	height: 648px;
	position: absolute;
	left: 0;
	top: -648px;
	background: url("../../img/other_service/jaf/bg01.png") no-repeat left top / 100% 100%;
	content: '';
}
#main .bgBox h4 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #fff;
}
#main .bgBox .h4Ttl {
	margin-bottom: -60px;
	transform: translateY(-126px);
}
#main .bgBox h5 {
	margin-bottom: 25px;
	color: #fff;
	font-size: 3.9rem;
	transform: translateY(-10px);
}
#main .bgBox .imgBox {
	margin-bottom: 146px;
}
#main .bgBox .imgBox .photo {
	margin-top: 12px;
	width: 532px;
}
#main .bgBox .imgBox .textBox {
	margin-right: 20px;
	flex: 1;
}
#main .bgBox p {
	color: #fff;
	font-size: 2.238rem;
	line-height: 1.74;
	letter-spacing: -0.05em;
}
#main .bgBox .imgBox + h4 {
	margin-bottom: 51px;
}
@media all and (max-width: 896px) {
	#main .mainImg {
		margin-bottom: 75px;
	}
	#main .car .carUl {
		margin: 0 auto 83px;
		display: block;
	}
	#main .car .carUl li {
		margin-bottom: 37px;
		width: auto;
	}
	#main .car .carUl li img {
		max-width: 250px;
		width: 100%;
	}
	#main .car .carUl li p {
		margin-top: 3px;
	}
	#main .car .carUl li:nth-child(2) {
		margin-bottom: 73px;
	}
	#main .car .carUl li:nth-child(2) img {
		max-width: 272px;
	}
	#main .car .carUl li:nth-child(3) img {
		max-width: 329px;
	}
	#main .car .btmTxt {
		margin: 0 30px;
		font-size: 4.4rem;
		line-height: 1.25;
	}
	#main .note p {
		font-size: 4.1rem;
	}
	#main .car {
		margin-bottom: 29px;
	}
	#main .note .img {
		width: auto;
		max-width: 534px;
	}
	#main .bgBox::before {
		height: 238px;
		top: -238px;
	}
	#main .note {
		margin-bottom: 229px;
	}
	#main .bgBox h4 {
		text-indent: -1em;
		padding-left: 1em;
		font-size: 3.958rem;
		line-height: 1.21;
	}
	#main .bgBox .h4Ttl {
		margin-bottom: -45px;
		transform: translateY(-76px);
	}
	#main .bgBox h5 {
		margin-bottom: 7px;
		font-size: 3rem;
		line-height: 1.5;
	}
	#main .bgBox p {
		font-size: 2.2rem;
		line-height: 1.63;
		text-align: justify;
	}
	#main .bgBox .imgBox {
		margin-bottom: 57px;
		display: block;
	}
	#main .bgBox .imgBox .photo {
		margin: 35px auto 0;
		width: auto;
		max-width: 531px;
	}
	#main .bgBox .imgBox + h4 {
		margin-bottom: 28px;
		font-size: 4.55rem;
		letter-spacing: -0.01em;
	}
	#main .bgBox p:last-child {
		line-height: 1.68;
		letter-spacing: -0.08em;
	}
	#main .bgBox {
		padding-bottom: 64px;
		background-size: auto 67px;
	}
	#main .bgBox .imgBox .textBox {
		margin-right: 0;
	}
}
@media all and (min-width: 897px) and (max-width: 1400px) {
	.content {
		max-width: 1180px !important;
	}
}
@media all and (max-width: 575px) {
	#main .bgBox h4 {
		font-size: 3.5rem !important;
	}
}