@charset "utf-8";

/* ----------------------------------------------------------------------------
	business
---------------------------------------------------------------------------- */
.unit{
	width: 1280px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 90px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.unit figure{
	width: 628px;
	order: 1;
}
.unit .txt_area{
	width: 380px;
	position: relative;
	text-align: left;
	padding: 0 180px 0 0;
	order: 2;
}

.unit:nth-child(odd) figure{
	order: 2;
}
.unit:nth-child(odd) .txt_area{
	order: 1;
	padding: 0 0 0 180px;
}


.unit .txt_area h3{
	width: 100%;
	position: relative;
	font-size: 1.625rem;
	letter-spacing: 0.03em;
	padding: 0 0 0.9em 0;
}
.unit .txt_area h4{
	width: 100%;
	position: relative;
	font-size: 0.813rem;
	letter-spacing: 0.03em;
	padding: 0 0 3em 0;
}
.unit .txt_area p{
	width: 100%;
	position: relative;
	font-size: 0.875rem;
}


#zenkoku{
	width: 100%;
	background: #141418;
	padding: 130px 0 160px 0;
}
#zenkoku .map{
	width: 944px;
	position: relative;
	margin: 0 auto;
}
#zenkoku .map figure{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#zenkoku .map .ex{
	width: 516px;
	position: absolute;
	bottom: 0;
	right: 10px;
}
#zenkoku .map .txt_area{
	width: 600px;
	position: absolute;
	top: 0;
	left: 10px;
	text-align: left;
}
#zenkoku .map .txt_area h3{
	width: 100%;
	font-size: 1.625rem;
	letter-spacing: 0.03em;
	padding: 0 0 0.9em 0;
}
#zenkoku .map .txt_area p{
	width: 100%;
	text-align: left;
	position: relative;
	font-size: 0.875rem;
}
@media only screen and (max-width: 1280px) {
	.unit{
		width: 100%;
		padding: 0 0 90px 0;
	}
	.unit figure{
		width: 49.0625%;
		order: 1;
	}
	.unit .txt_area{
		width: 29.6875%;
		padding: 0 14.0625% 0 0;
		order: 2;
	}

	.unit:nth-child(odd) figure{
		order: 2;
	}
	.unit:nth-child(odd) .txt_area{
		order: 1;
		padding: 0 0 0 14.0625%;
	}


	.unit .txt_area h3{
		font-size: 1.625rem;
	}
	.unit .txt_area h4{
		font-size: 0.813rem;
	}
	.unit .txt_area p{
		font-size: 0.875rem;
	}
}
@media only screen and (max-width: 944px) {
	#zenkoku{
		padding: 130px 0 160px 0;
	}
	#zenkoku .map{
		width: 90%;
	}
	#zenkoku .map .ex{
		width: 54.661016%;
		right: 10px;
	}
	#zenkoku .map .txt_area{
		width: 63.5593%;
		left: 10px;
		text-align: left;
	}
	#zenkoku .map .txt_area h3{
		font-size: 1.625rem;
	}
	#zenkoku .map .txt_area p{
		font-size: 0.875rem;
	}
}
@media only screen and (max-width: 919px) {
	.unit{
		padding: 0 0 80px 0;
	}
	.unit figure{
		width: 49.0625%;
		order: 1;
	}
	.unit .txt_area{
		width: 29.6875%;
		padding: 0 14.0625% 0 0;
		order: 2;
	}

	.unit:nth-child(odd) figure{
		order: 2;
	}
	.unit:nth-child(odd) .txt_area{
		order: 1;
		padding: 0 0 0 14.0625%;
	}


	.unit .txt_area h3{
		font-size: 1.500rem;
	}
	.unit .txt_area h4{
		font-size: 0.750rem;
	}
	.unit .txt_area p{
		font-size: 0.813rem;
	}
	
	#zenkoku{
		padding: 120px 0 140px 0;
	}
	#zenkoku .map{
		width: 90%;
	}
	#zenkoku .map .ex{
		width: 54.661016%;
		right: 10px;
	}
	#zenkoku .map .txt_area{
		width: 63.5593%;
		left: 10px;
		text-align: left;
	}
	#zenkoku .map .txt_area h3{
		font-size: 1.500rem;
	}
	#zenkoku .map .txt_area p{
		font-size: 0.813rem;
	}
}
@media only screen and (max-width: 768px) {
	.unit{
		padding: 0 0 30px 0;
	}
	.unit figure{
		width: 100%;
		order: 1;

	}
	.unit .txt_area{
		width: 80%;
		padding: 50px 0 70px 0;
		margin: 0 auto;
		order: 2;
	}

	.unit:nth-child(odd) figure{
		order: 1;
	}
	.unit:nth-child(odd) .txt_area{
		order: 2;
		padding: 60px 0 80px 0;
	}


	.unit .txt_area h3{
		font-size: 1.375rem;
	}
	.unit .txt_area h4{
		font-size: 0.750rem;
	}
	.unit .txt_area p{
		font-size: 0.813rem;
	}
	
	#zenkoku{
		padding: 70px 0 90px 0;
	}
	#zenkoku .map{
		width: 80%;
	}
	#zenkoku .map .ex{
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		padding: 30px 0 0 0;
	}
	#zenkoku .map .txt_area{
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		text-align: left;
		padding: 0 0 30px 0;
	}
	#zenkoku .map .txt_area h3{
		font-size: 1.375rem;
	}
	#zenkoku .map .txt_area p{
		font-size: 0.813rem;
	}
}
@media only screen and (max-width: 480px) {
	
}