@charset "utf-8";
/* =========================================================== */
/* Contents of /sustainability/social/human_capital/voice/voice_01/css/style.css
/* =========================================================== */
.p-voice-article-content {
	margin-top: 30px;
}
.p-voice-article-bold {
	font-weight: bold;
	margin-top: 30px;
}
.p-voice-article-name {
	font-weight: bold;
}
.p-voice-article-notes {
	border: 1px solid #d2d2d2;
	padding: 15px 20px;
	font-size: 1.2rem;
}
.p-voice-article-flex {
	display: flex;
	margin-bottom: 20px;
}
.p-voice-article-flex img {
	width: 110px;
	height: 110px;
	margin-right: 20px;
}
.list_indent {
	list-style-type: none;
	padding: 0;
}
.list_indent > li {
	text-indent: -3em;
	padding-left: 3em;
	line-height: 1.57;
}
.p-cmn-column4_item {
	width: 49%;
	position: relative;
}
.p-cmn-column4_item:nth-child(-n+2) {
	margin-bottom: 20px;
}
.p-cmn-column4_text {
	color: #fff;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}
.mt30_sp20 {
    margin-top: 30px;
}
.mt30_sp10 {
	margin-top: 30px;
}
.flexbox3_1 > *:nth-child(1) {
    flex-basis: 73%;
}
.w235 {
	width: 235px;
	margin-left: auto;
	margin-right: auto;
}
.w80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.small_txt {
	font-size: 1.2rem;
	text-align: center;
}
.flexbox4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
}
.flexbox4 > *:nth-child(1) {
	flex-basis: 58%;
}
.flexbox4 > *:nth-child(2) {
	flex-basis: 39%;
}
@media screen and (max-width: 767px) {
	.p-voice-article-notes {
		padding: 10px 15px;
	}
	.p-voice-article-flex img {
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}
	.p-cmn-column2 {
		display: block;
	}
	.p-cmn-column4_item {
		width: 100%;
	}
	.p-cmn-column4_item:nth-child(-n+3) {
		margin-bottom: 15px;
	}
	.p-cmn-column4_text {
		font-size: 100%;
	}
	.mt30_sp20 {
		margin-top: 20px;
	}
	.mt30_sp10 {
		margin-top: 10px;
	}
	.flexbox2, .flexbox1_2, .flexbox2_1, .flexbox3, .flexbox3_1, .flexbox4 {
		display: block;
	}
	.sp_dis_n {
		display: none;
	}
}
