/* CSS Document */
/* /government/comm/article/dx_issues/028.asp */
/*吹き出し h3*/
.secArticleDetail .commentBox * {
	box-sizing: border-box;
}
.secArticleDetail .commentBox > div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}	
.secArticleDetail .commentBox > div + div {
	margin-top: 24px;
}																						
.secArticleDetail .commentBox .commentImg {
	margin-right: 24px;
}
.secArticleDetail .commentBox h3 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    line-height: 1.5;
}								
.secArticleDetail .commentBox .commentImg img {
	width: 56px; 
	height: auto;
}
.secArticleDetail .commentBox .commentText {
	position: relative;
	padding: 16px;
	background: #ddf0f7;
	border-radius: 12px;
}	
.secArticleDetail .commentBox .commentText::after {
	left: -24px;
	border-right: 16px solid #ddf0f7;
}	
@media (min-width: 1024px) {
	.secArticleDetail .commentBox .commentText {
		padding: 18px 32px;
	}
}	
.secArticleDetail .commentText::after {
	content: "";
	position: absolute;
	top: 16px;
	border: 8px solid transparent;
}

.dx_issues028_flame {
	padding: 16px;
	background-color: #EAF1DE;
}
@media (min-width: 768px) {
	.dx_issues028_flame {
		padding: 24px;
	}
}
.dx_issues028_flame h3 {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
    line-height: 1.5;
}

.dx_issues028_flex {
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin: 24px auto 0;
}
.dx_issues028_flex > figure {
	width: 256px;
}
.dx_issues028_flex > figure.imgBox {
	margin: 0;
}
.dx_issues028_flex > .text p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: .05em;
}
.dx_issues028_flex > .text p em {
	font-style: italic;
}
@media (min-width: 500px) {
	.dx_issues028_flex {
		flex-flow: row;
	}
	.dx_issues028_flex > .text {
		margin: 0 0 0 48px;
	}
	.dx_issues028_flex > .text p {
		font-size: 18px;
	}	
}
@media (min-width: 1024px) {
	.dx_issues028_flex > .text p {
		font-size: 20px;
	}	
}
.dx_issues028_h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}
.dx_issues028_h3 > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.dx_issues028_h3 > ul.service img {
	width: 80px;
}
.dx_issues028_h3 > ul li a:hover {
	opacity: .6;
}
@media (min-width: 768px) {
.dx_issues028_h3 > ul.service img {
	width: 90px;
}	
}