@charset "UTF-8";

/*---------------------------------------
	mv
---------------------------------------*/
.lower #mv {
	background: url("/assets/aboutus/img/bg_mv.png") no-repeat top center;
	background-size: 100%;
}

/*---------------------------------------
	pros
---------------------------------------*/
#pros .ttl_green04 {
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	line-height: 1.5;
}
#pros .ttl_green04 .pros_ttl_l {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#pros .ttl_green04 .pros_ttl_l .pros_ttl_rubi {
	font-size: 1.4rem;
	font-weight: normal;
}
.pros_block {
	padding: 30px 10px;
	/* margin: 0 -10px 30px; */
}
.pros_box {
	position: relative;
	margin-bottom: 140px;
}
.pros_box:last-child {
	margin-bottom: 110px;
}
.pros_img {
	text-align: center;
}
.pros_txt_box {
	position: absolute;
	background: #fff;
	width: calc(100% - 40px);
	padding: 20px;
}

@media (max-width:767px){
	.pros_txt_box {
		bottom: -115px;
		left: 20px;
	}
}

@media (min-width:768px){
	.pros_block {
		padding: 60px 15px;
		/* margin: 0 -15px 60px; */
	}
	.pros_box {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 860px;
		margin: 0 auto 60px;
	}
	.pros_box:last-child {
		margin-bottom: 0;
	}
	.pros_img {
		width: 50%;
	}
	.pros_box:nth-child(2n) .pros_img {
		margin-left: auto;
	}
	.pros_txt_box {
		width: 60%;
		padding: 40px 30px;
	}
	.pros_box:nth-child(2n) .pros_txt_box{
		left: 0;
	}
	.pros_box:nth-child(2n+1) .pros_txt_box{
		right: 0;
	}
}

@media (min-width:1200px){
	#pros .inner {
		width: 100%;
	}
}

@media all and (-ms-high-contrast:none){
	.pros_txt_box {
		height: 255px;
		top: 82.5px;
	}
}

/*---------------------------------------
	staff
---------------------------------------*/
#staff {
	position: relative;
}
#staff .inner {
	padding-bottom: 35px;
}
.staff_img {
	text-align: center;
}
.staff_txt {
	position: relative;
	width: 95%;
	padding: 20px;
	margin: -30px auto 20px;
}

@media (max-width:767px){
	#staff .ttl_green {
		margin-bottom: 0;
	}
}

@media (min-width:768px){
	#staff .inner {
		padding-bottom: 60px;
	}
	.staff_txt {
		padding: 30px 20px 45px;
		margin: -40px auto 30px;
	}
}

@media (min-width:1200px){
	.staff_block {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.staff_img {
		width: 900px;
	}
	.staff_box {
		width: 300px;
	}
	.staff_txt {
		width: 400px;
		margin: 0 0 30px -100px;
	}
	.staff_btn {
		margin-left: -100px;
	}
}

/*---------------------------------------
	buttom
---------------------------------------*/
.button_list {
	padding-bottom: 50px;
}