main .faq{
	justify-content:center;
}

main .faq-list{
	margin-bottom:4em;
}

main .faq dl {
	border: 1px solid #ddd; /* dl要素全体の境界線 */
	padding: 0.5em;
    position: relative;	border-radius: 5px; /* 角の丸み */
}
main .faq dt {
    border-radius: 0.25rem;
    font-weight: bold;
	margin:0;	
	padding:0.5em 0 1em 2.5em;
	border-bottom: 1px solid #ddd; /* dt要素の下部境界線 */
}
main .faq dd {
	margin:0.5em 0 0 0;
	padding:0.5em 0 0.5em 2.5em;
    color: black;
    position: relative;
}
main .faq dt::before{
	content: attr(data-label); 
	width: 1.25em;
    height: 1.25em;
	line-height: 1.33em; /* テキストを垂直方向に中央揃えにする */
	border-radius: 50%; /* 円形にする */
	background-color: #2288cc; /* 背景色 */
	color: white; /* テキスト色 */
	text-align: center; /* テキストを水平方向に中央揃えにする */
    position: absolute;
    left: 1em;
    top: 1.2em;
}
main .faq dd::before {
	content: attr(data-label); 
	width: 1.25em;
    height: 1.25em;
	line-height: 1.33em; /* テキストを垂直方向に中央揃えにする */
	border-radius: 50%; /* 円形にする */
	background-color: #ff9900; /* 背景色 */
	color: white; /* テキスト色 */
	text-align: center; /* テキストを水平方向に中央揃えにする */
    position: absolute;
    left:0.5em;
    top: 0.6em;
}

main #secret{
	padding-bottom:3em;
}

main #secret .BT{
	cursor: pointer;
    padding: .5em .7em;
    border: 2px solid #2288cc;
    box-shadow: 5px 5px #2288cc;
    color: #2288cc;
	text-decoration: none;
}

main .faq.secret{
	display:none;
	margin-bottom:3em;
}


.director-left{
	text-align:center;
	margin-bottom:2em;
}
.director-left img{
	max-width:400px;
}


@media screen and (min-width: 768px) {
	.director-profile-inner{
		display: flex;
	}
	.director-left {
		flex: 0 0 30%;
		text-align: center;
	}

	.director-right {
		flex: 0 0 70%;
		padding-left:2em;
	}
}