@charset "utf-8";

#sec01 .img_area{
	width: 50%;
}
#sec01 .txt_area{
	width: 44%;
}
#sec02 li{
	width: calc(100% / 4);
}

#sec03 .img_area{
	width: 45%;
}
#sec03 .txt_area{
	width: 55%;
	max-width: 700px;
}
#sec03 .box01 .txt_area{
	padding: 0 4vw 0 6vw;
}
#sec03 .box02 .txt_area{
	padding: 0 4vw 0 6vw;
}


#sec03 .policy_wrap { max-width: 1400px; margin: auto; padding: clamp( 1em, 6vw, 60px );}
#sec03 .policy_wrap > .flex:nth-of-type(odd) { flex-direction: row-reverse;}
#sec03 .policy_wrap .txt_area { width: calc( 55% - 4vw ); max-width: unset; padding: 0;}
#sec03 .policy_wrap .narrow_img .txt_area { width: calc( 70% - 4vw ); max-width: unset; padding: 0;}
#sec03 .policy_wrap .img_area { width: 45%;}
#sec03 .policy_wrap .narrow_img .img_area { width: 30%;}



@media (max-width: 899px){
	#sec01 .img_area{ width: 70%; margin: 0 auto 30px; order: 1;}
	#sec01 .txt_area{ width: 100%; order: 2;}
	#sec03 .img_area{ width: 70%; margin: auto;}
	#sec03 .txt_area{ width: 100%; max-width: unset;}
	#sec03 .box01 .txt_area,#sec03 .box02 .txt_area{ padding: 0 4vw 2vw;}
	#sec03 .box01 .txt_area{order: 1;}
	#sec03 .box01 .img_area{order: 2;}
	#sec03 .policy_wrap .txt_area, #sec03 .policy_wrap .narrow_img .txt_area { width: 100%; margin-bottom: 2em;}
	#sec03 .policy_wrap .img_area { width: 70%; margin: auto;}
	#sec03 .policy_wrap .narrow_img .img_area { width: 40%; margin: auto;}
}

@media (max-width: 599px){
	#sec02 li{ width: calc(100% / 2);}
}