/* -----------------------------------------------------------
setting
----------------------------------------------------------- */
/* ===================================================================
COMPANY--PHILOSOPHY
=================================================================== */
#main-vis {
	background: url(/assets/company/philosophy/img/bg-third-main-pc.jpg) 50% bottom no-repeat;
	background-size: cover;
	/*height: 360px;*/
}

@media screen and (max-width: 768px) {
	#main-vis {
		background: url(/assets/company/philosophy/img/bg-third-main-sp.jpg) 50% bottom no-repeat;
		background-size: cover;
		height: 45.3125vw;
	}
}

/* #tpl-topicpath */
#tpl-topicpath {
  margin-bottom: 105px;
}
@media screen and (max-width: 768px) {
  #tpl-topicpath {
    margin-bottom: 0;
  }
  #tpl-topicpath + .tpl-inner-wrap {
    margin-bottom: 16.40625vw;
  }
}

/* lists */
.lists {
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
}
.lists > li {
	display: flex;
	align-items: center;
}
.lists h3 {
	width: 180px;
	font-size: 14px;
	text-align: center;
}
.lists > li > ul > li {
	padding: 15px 0;
	display: flex;
	align-items: center;
	min-height: 74px;
}
.lists > li > ul > li:not(:last-child) {
	border-bottom: 1px solid #c4c4c4;
}
.lists > li > ul h4 {
	width: 250px;
	margin-right: 10px;
	font-size: 14px;
}
.lists > li > ul p {
	width: calc(100% - 260px);
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.lists {
		border: none;
	}
	.lists > li {
		display: block;
		border-bottom: none;
	}
	.lists h3 {
		width: 100%;
		font-size: 3.4375vw;
		margin-bottom: .5em;
	}
	.lists > li > ul > li {
		padding: 2.604vw 0;
		display: block;
		min-height: auto;
		border-bottom: 1px solid #c4c4c4;
	}
	.lists > li > ul h4 {
		width: 100%;
		font-size: 3.4375vw;
		margin-bottom: .3em;
	}
	.lists > li > ul p {
		font-size: 3.4375vw;
		width: 100%;
	}
}