/* CSS Document */
/* /government/comm/article/column/011.asp */
.column011_flex{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 16px;
} 
.column011_flex > * {
    width: 100%;
}
.column011_flex > figure.imgBox {
    margin: 16px 0 0 0;
} 
.column011_flex > div.data > div + div {
    margin-top: 1.5em;
} 
.column011_flex > div.data .data_title {
    margin-bottom: .5em;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0;
    font-feature-settings: "palt";
} 
.column011_flex > div.data ul > li {
    font-size: 14px;
    line-height: 1.2;
} 
.column011_flex > div.data ul > li + li {
    margin-top: .5em;
}   
.data_note > p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.2;
    text-indent: -3.5em;
    padding-left: 3.5em;
}  
.data_note > p + p {
    margin-top: 0;
}  
@media (min-width: 450px) and (max-width: 1023.99px) { 
    .column011_flex > div.data {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
    } 
    .column011_flex > div.data > div + div {
        margin-top: 0;
    } 
}   
@media (min-width: 1024px) { 
    .column011_flex > figure {
        flex: 1; 
    }
    .column011_flex > figure.imgBox {
        margin-top: 0;
    } 
    .column011_flex > div.data {
        width: 200px;
    }
    .column011_flex > div.data .data_title {
        font-size: 15px;
    } 
    .column011_flex > div.data ul > li {
        font-size: 15px;
     } 
    .data_note {
        order: 3
    } 
    .data_note > p {
       font-size: 15px;
    }
}
.secArticleDetail p.note { 
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
}