@charset "utf-8";

#sec_p_head {
    margin: 3vw 0 3vw;
}
.p_title {
    padding-bottom: calc(683 / 1298 * 50%);
}
.intro_read {
	background: linear-gradient(90deg, rgba(34,43,55,0) 0%, rgb(0 0 0 / 60%) 20%, rgb(0 0 0 / 60%) 80%, rgba(34,43,55,0) 100%);
}
.page_title {
	font-size: 28px;
	color: #d0dadc;
	margin-bottom: 30px;
	line-height: 1.2;
    border: solid 2px;
    padding: 15px 20px;
	display: inline-block;
}
.intro_read dl {
	font-size: 22px;
	font-weight: 400;
	text-align: left;
    text-shadow: 0 1px 0.2em #000, 0 1px 0.2em #000, 0 1px 0.2em #000;
}
.intro_read dt,
.intro_read dd {
	position: relative;
	padding: 0 1em 15px 2em;
	letter-spacing: 1px;
}
.intro_read dd {
	margin-bottom: 30px;
    border-bottom: solid 1px #808c90;
}
.intro_read dd:last-child {
	border: 0;
}
.intro_read dt::before,
.intro_read dd::before {
	position: absolute;
	width: 1em;
	margin-left: -2em;
}
.intro_read dt::before {
	content: 'Q.';
}
.intro_read dd::before {
	content: 'A.';
}
.intro_read a {
	color: #fff;
	word-break: break-all;
	text-decoration: underline !important;
}
.intro_read small {
	font-size: 85%;
	line-height: 1.3;
	margin-top: 8px;
    display: inline-block;
}
@media screen and (max-width: 767px) {
	.page_title {
		font-size: 22px;
	}
	.intro_read dl {
		font-size: 18px;
	}
}
@media screen and (max-width: 479px) {
	.page_title {
		font-size: 18px;
		padding: 8px 16px;
	}
}