@charset "utf-8";
/* CSS Document */
#keyVisualArea{
	background-image: url("/seihin/technology/theme/accident/img/keyVisual.jpg");
}
footer{
	margin-top: 0;
}

.anker-sec .lead-txt{
	font-weight: 400;
	margin-bottom: 40px;
}

.ankerBtn li a br{
	display: none;
}

/*  #anker-sec01
/* -------------------------------------- */
#anker-sec01 .container01{
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: solid 1px #707070;
}
#anker-sec01 .container01 .flexBox{
	align-items: flex-start;
}
#anker-sec01 .container01 .flexBox li,
#anker-sec01 .container02 figure{
	width: 48%;
}
#anker-sec01 .container01 .flexBox h4{
	background: #fff;
	padding: 5px 12px;
	margin-bottom: 10px;
}

/*  #anker-sec02
/* -------------------------------------- */
#anker-sec02 .flexBox{
	align-items: flex-start;
}
#anker-sec02 .flexBox .txtBox{
	text-align: left;
	width: 49%;
}
#anker-sec02 .flexBox figure{
	max-width: 452px;
	width: 48%;
}

/*  #anker-sec03
/* -------------------------------------- */
#anker-sec03 .flexBox{
	background: #fff;
	align-items: flex-start;
	padding: 30px 15px;
}
#anker-sec03 .flexBox figure:first-child{
	margin-right: 20px;
}


@media screen and (max-width: 900px){
	.ankerBtn li a br{
		display: inherit;
	}
}
@media screen and (max-width: 768px){
	#anker-sec02 .flexBox{
		display: block;
	}
	#anker-sec02 .flexBox .txtBox,
	#anker-sec02 .flexBox figure{
		width: 100%;
	}
	#anker-sec02 .flexBox figure{
		margin: 20px auto 0;
	}
}
@media screen and (max-width: 500px){
	#anker-sec01 .container01{
		padding-bottom: 20px;
		margin-bottom: 0;
	}
	#anker-sec01 .container01 .flexBox{
		display: block;
	}
	#anker-sec01 .container01 .flexBox li + li{
		margin-top: 20px;
	}
	#anker-sec01 .container02.flexBox{
		flex-direction: column;
	}
	#anker-sec01 .container01 .flexBox li,
	#anker-sec01 .container02 figure{
		width: 100%;
	}
	#anker-sec01 .container02 figure + figure{
		margin-top: 20px;
	}
	#anker-sec03 .flexBox{
		padding: 10px 15px 0;
	}

}