@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------ */

/*mainVisual

/* ------------------------------------------------------------------------ */

.company .mainVisual{
	background: url("/company/img/img_mainvisual_company.jpg") no-repeat center / cover;
}

/* ------------------------------------------------------------------------ */

/*sec01

/* ------------------------------------------------------------------------ */

.sec01 .contents > p{
	margin-top: 5px;
}

.sec01	.bg_gray{
	margin-top: 56px;
}

.sec01	.bg_gray .flex{
	justify-content: space-between;
}

.sec01	.bg_gray .imgBox{
	display: flex;
    align-items: flex-end;
	width: 31%;
    text-align: center;
}

.sec01	.bg_gray .textBox{
	width: 62.5%;
	margin: 0 0 64px;
}

.sec01	.bg_gray .textBox{
	background-color: #fff;
	border-radius: 24px;
	padding: 36px;
}

.sec01	.bg_gray .textBox p{
	text-align: left;
}

@media screen and (max-width: 940px){
	.sec01 .contents > p{
		text-align: left;
	}
}

@media screen and (max-width: 767px){
	.sec01 .bg_gray{
		margin-top: 32px;
	}
	
	.sec01 .bg_gray .imgBox{
		width: 20%;
	}
	
	.sec01 .bg_gray .textBox{
		padding: 16px;
		width: 79%;
		margin: 0 0 16px;
		border-radius: 16px;
	}
	
}

/* ------------------------------------------------------------------------ */

/*sec02

/* ------------------------------------------------------------------------ */

.management_flow{
	margin: 48px auto 0;
}

.management_flow > ol{
	display: flex;
	justify-content: space-between;
}

.management_flow > ol > li{
	width: calc(100% / 3);
	text-align: left;
	border-left: 1px solid #c8d9e4;
	padding: 0 32px;
}

.management_flow > ol > li:last-of-type{
	border-right: 1px solid #c8d9e4;
}

.management_flow > ol > li > span{
	font-size: 3.2rem;
	color: #3689b3;
	line-height: 1.0;
}

.management_flow > ol > li > p{
	text-align: left;
}

@media screen and (max-width: 767px){
	.management_flow > ol{
		flex-direction: column;
	}
	
	.management_flow > ol > li{
		width: 100%;
		padding:16px;
		border-top: 1px solid #c8d9e4;
		border-left:none;
	}
	
	.management_flow > ol > li:last-of-type{
		border-bottom: 1px solid #c8d9e4;
		border-right: none;
	}
	
	.management_flow > ol > li > span{
		font-size: 2.8rem;
	}
	
}