@charset "UTF-8";
/* philosophy.css */

.title_flex.pc_blk { display:flex !important; }
.title_flex.sp_blk { display:none !important; }

/* ----- 組織理念 カード ----- */
.philo_card .flex_box {
	flex-wrap: nowrap;
	justify-content: flex-start;
}
/* 左 */
.philo_card .left_cont {
	width: 30%;
	max-width: 220px;
	margin-right: min(4vw,40px);
}
.philo_card .left_cont .img_wrap {
	height: 100%;
}
.philo_card .left_cont img {
	height: 100%;
	object-fit: contain;
	object-position: center;
}
/* 右 */
.philo_card .right_cont {
	width: 70%;
	width: calc(100% - min(30%,220px));
}
.philo_card .title_flex {
	display:   flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: min(4vw,40px) !important;
}
.philo_card .title_flex .img_wrap {
	max-height: 55px;
	margin-right: min(6vw,60px);
}
.philo_card .title_flex img {
	height: 100%;
	max-height: 55px;
	object-fit: contain;
}
/* ul */
.philo_list li {
	width: 100%;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.philo_list li:before {
	content: "";
	width:      7.5px;
	min-width:  7.5px;
	height: 1.8em;
	display: block;
	background-image:  url(../../img/philosophy/before_dot.svg);
	background-size:   contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;;
}
.philo_list li:not(:first-of-type) {
	margin-top: 5px;
}



@media screen and (max-width:768px) {
	.title_flex.pc_blk { display:none !important; }
	.title_flex.sp_blk { display:flex !important; }
	
	/* ----- 組織理念 カード ----- */
	.philo_card .flex_box {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.philo_card .left_cont,
	.philo_card .right_cont {
		width: 100%;
		max-width: inherit;
	}
	/* 上(左) */
	.philo_card .left_cont {
		display: flex;
		flex-wrap:   nowrap;
		align-items: center;
		justify-content: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.philo_card .left_cont > .img_wrap   {
		width: auto;
		max-height: 150px;
		margin-right: 20px;
	}
	.philo_card .left_cont .title_flex {
		width: auto;
	}
	.philo_card .title_flex {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin-bottom:0;
	}
	.philo_card .title_flex .img_wrap {
		width: auto;
		margin-right: 0;
	}
	.philo_card .title_flex img {
		object-position: left;
	}
	.philo_card .title_flex h3 {
		margin-top: 20px;
	}
	/* 下(右) */
	.philo_list li:before {
		margin-right: 7.5px;
	}
}