/* CSS Document */
/* /government/comm/article/dx_issues/006.asp */
.secArticleDetail .issueBox h4,  
.secArticleDetail .issueBox div {
    display: flex;
    flex-flow: row;}
.secArticleDetail .issueBox .issuetag {
    width: 60px;}
@media screen and (min-width: 48em) {
.secArticleDetail .issueBox .issuetag {
        width: 70px;}
}
.secArticleDetail .issueBox .issuetext {
    flex: 1;
    line-height: 1.5;
    text-indent: -1.75em;
    padding-left: 2em;}
.secArticleDetail .issueBox h4 .issuetag span {
    padding: 1px 8px 2px;
    background-color: #152768;
    color: #fff;} 

/* DXニーズ */                            
.secArticleDetail .dxneeds {
    margin: 1.5rem auto 0;}
.secArticleDetail .dxneedsBox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;}
.secArticleDetail .dxneeds .dxneedsBox div + div {
    margin-left: .5rem;}
.secArticleDetail .dxneedsBox div p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .05em;}
.secArticleDetail .dxneedsBox div p .font_small {
    font-size: 14px;
    letter-spacing: 0;}
     @-moz-document url-prefix() {
     .secArticleDetail .dxneedsBox div p span.font_small {
         vertical-align: top;}
     }
.secArticleDetail .dxneedsBox div p .text_combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;}
.secArticleDetail .dxneedsBox .arrow_triangle {
    margin: 2rem 0 0 0;
    background: #333;
    height: 8px;
    width: 8px;}
    @media screen and (min-width: 64em) {
    .secArticleDetail .dxneeds .dxneedsBox div + div {
        margin-left: 1rem;}
    .secArticleDetail .dxneedsBox div p {
        font-size: 18px;} 
    .secArticleDetail .dxneedsBox .arrow_triangle {
        height: 16px;
        width: 16px;}
    }