/*
 * Phase 2C Employee Voice compatibility styles.
 * Source: systemadvance/style.css lines 327-330, 387-396, 431-432,
 * 445-454, 750-758, 829-830, 1131-1141, and 1183-1184.
 */
.page-template-page_empvoice .bgtop_base {
	margin-top: 0;
	background: linear-gradient(107deg, rgba(232, 235, 237, 1) 25%, rgba(249, 249, 249, 1) 25%);
}

.page-template-page_empvoice .topsec {
	box-sizing: content-box;
	width: 1000px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}

.page-template-page_empvoice .empvoice {
	clear: both;
	padding: 3%;
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 20px;
}

.page-template-page_empvoice .empvoice .emppic-thum {
	display: block;
	max-width: 90%;
	height: auto;
	margin: 0;
}

.page-template-page_empvoice .empvoice .empname {
	padding: 10px 30px 10px 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: -80px;
	clear: both;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.43rem;
	font-weight: 700;
	line-height: 40px;
	background-color: #2a6684;
	border-left: 5px solid #2a6684;
}

.page-template-page_empvoice .left-clm,
.page-template-page_empvoice .right-clm {
	float: left;
	width: 50%;
}

.page-template-page_empvoice .empvoice .faq-button {
	padding: 15px;
	color: #373737;
	font-weight: 600;
	background: #efefef;
	border-radius: 6px;
}

.page-template-page_empvoice .empvoice .faq-button:hover {
	cursor: pointer;
}

.page-template-page_empvoice .empvoice .faq-button::before {
	content: 'Ｑ：';
}

.page-template-page_empvoice .empvoice .faq-button::after {
	position: relative;
	right: 0;
	content: '▼';
}

.page-template-page_empvoice .empvoice .faq-content {
	margin: 20px auto;
	border: 1px solid #efefef;
	border-radius: 6px;
}

.page-template-page_empvoice .empvoice .faq-detail {
	padding: 20px;
}

.page-template-page_empvoice .empvoice .faq-detail::before {
	content: 'Ａ：';
}

@media only screen and (max-width: 1024px) {
	.page-template-page_empvoice .empvoice .emppic-thum {
		max-width: 95%;
	}

	.page-template-page_empvoice .empvoice .empname {
		padding: 10px 10px 10px 40px;
		margin-left: -60px;
	}
}

@media only screen and (max-width: 756px) {
	.page-template-page_empvoice .topsec {
		box-sizing: border-box;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.page-template-page_empvoice .left-clm,
	.page-template-page_empvoice .right-clm {
		float: none;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}

	.page-template-page_empvoice .empvoice .emppic-thum {
		max-width: 100%;
		margin-bottom: 0;
	}

	.page-template-page_empvoice .empvoice .empname {
		padding: 10px;
		margin-top: 0;
		margin-left: 0;
	}
}