@charset "utf-8";
/* ===================================================================
CSS
 file name  :  .management.css
=================================================================== */
/* =====================================
賃貸管理
======================================== */
@media screen and (min-width: 769px) {
	.management_box{
		display: flex;
	}
	.management_box.box_r{
		margin-top: 100px;
	}
	.management_box.box_l{
		margin-top: 80px;
		flex-direction: row-reverse;
	}
	.management_box .image,
	.management_box .text{
		width: 50%;
	}
	.management_box.box_r .image,
	.management_box.box_l .text{
		padding-left: 40px;
	}
	.management_box.box_l .image,
	.management_box.box_r .text{
		padding-right: 40px;
	}
	.management_box p{
		margin-top: 2em;
	}
	.management_box.box_l .text p:first-child{
		margin-top: 0;
	}
}
.management_box .text .number span{
	font-size: 50px;
	font-size: 5.0rem;
	margin-left: 0.2em;
}
.management_box h3{
	margin-top: 2em;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.management_box.box_r{
		border-top: 1px solid #EAEAEA;
		margin-top: 40px;
		padding-top: 30px
	}
	.management_box .text .number span{
		font-size: 34px;
		font-size: 3.4rem;
		margin-left: 0.2em;
	}
	.management_box h3{
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 500;
	}
	.management_box .image{
		margin-top: 20px;
	}
	.management_box p{
		margin-top: 1em;
	}
}