@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------
----------  17.全文章（PDF・リンク）用---------------
-------------------------------------------------- */

    /*----------------------------------------------- */
    /*    PC時設定                                    */
    /*----------------------------------------------- */

    .hpci-17_ft_entity
    {
        position      : relative;
        margin-bottom : 5px;
    }
    .hpci-17_ft_entity a.hpci-17_anchor
    {
        display : block;
    }
    ul.hpci-17_ft_article
    {
        width     : 100%;
    }
    
    /*-------------     見出し      -------------*/
    
    .hpci-17_ft_article .hpci-17_ft_title_box 
    {
        position      : relative;
        /*margin-bottom : 31px;*//*20220912*/
        margin-bottom: 16px;
    }
    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title_green 
    {
        background    : #08875a;
        height        : 2px;
        margin-bottom : 16px;
    }

    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title 
    {
        display         : flex;
        justify-content : flex-start;
    }
    
    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title_icon
    {
        width        : 14px;
        margin-right : 13px;
    }

    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title_icon::before 
    {
        content      : "";
        position     : absolute;
        margin-right : 11px;
        top          : 27px;
        left         : 0;
        border       : 8px solid transparent;
        border-top   : 12px solid #08875A;
    }
    
    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title span 
    {
        font-size   : 2.0rem;
        font-weight : bold;
        color       : #222222;
    }
    
    /*-------------     見出し ここまで     -------------*/
    
    /*-------------     文章      -------------*/
    
    .hpci-17_ft_article .hpci-17_ft_content 
    {
        display         : flex;
        justify-content : space-between;
        margin-bottom   : 10px;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box 
    {
        width        : 100%;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence 
    {
        font-size      : 1.6rem;
        letter-spacing : 0px;
        color          : #222222;
    }
    /* 中点 */
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li
    {
        padding-left  : 15px;
        position      : relative;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li::before
    {
        position         : absolute;
        content          : "";
        width            : 8px;
        height           : 8px;
        border-radius    : 100%;
        background-color : #08875A;
        top              : 9px;
        left             : 0;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li ul
    {
        margin-left  : 25px;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li ul li
    {
        padding-left  : 15px;
        position      : relative;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li ul li::before
    {
        position         : absolute;
        content          : "";
        width            : 8px;
        height           : 8px;
        border-radius    : 100%;
        background-color : #FA8B00;
        top              : 9px;
        left             : 0;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li.dot_none::before,
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li ul li.dot_none::before
    {
        display : none;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li.list_kome
    {
        position      : relative;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li.list_kome::before
    {
        background      : url(../../themes/hpci/assets/images/kome.png) no-repeat;
        position        : absolute;
        width           : 8px;
        height          : 8px;
        top             : 9px;
        left            : 0;
    }
    
    /* 水平線 */
    .hpci-17_ft_article hr {
      border-width: 1px 0px 0px 0px;
      border-style: dashed;
      height: 1px;
    }
    /* 番号付きリスト */
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ol li
    {
        /* list-style-type: auto; */ /*20220921*/
        list-style-type: decimal;    /*20220921*/
        margin-left: 15px;
    }
    
    /*-------------     文章 ここまで     -------------*/
    
    /*-------------     リンク      -------------*/
    
    .hpci-17_ft_article .hpci-17_ft_link 
    {
        display         : flex;
        position        : relative;
    }
    
    .hpci-17_ft_article .hpci-17_ft_pdf_link span::after,
    .hpci-17_ft_entity .hpci-17_ft_pdf_link span::after /* 20220927  */
    {
        content             : "";
        top                 : auto;
        position            : absolute;
        width               : 16px;
        height              : 18px;
        margin-top          : 4px;
        margin-left         : 5px;
        background-image    : url(../../../theme_hpci/themes/hpci/assets/images/hpci_pdf.png);
        background-repeat   : no-repeat;
        background-position : 50%;
        background-size     : cover;
    }
    
    .hpci-17_ft_article a 
    {
        text-decoration : underline;
        font-size       : 1.6rem;
        letter-spacing  : 0px;
        color           : #004790;
    }

    /*-------------     リンク ここまで     -------------*/

    /*----------------------------------------------- */
    /*    SP時設定                                    */
    /*----------------------------------------------- */
    
@media all and (max-width:767px) {

    ul.hpci-17_ft_article 
    {
        width     : 100%;
        max-width : 100%;
        margin    : 0 0 0 0;
    }
    
    /*-------------     見出し      -------------*/
    
    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title_green 
    {
        background    : #08875a;
        height        : 2px;
        margin-bottom : 16px;
    }

    .hpci-17_ft_article .hpci-17_ft_title_box .hpci-17_ft_title_icon::before 
    {
        top          : 28px;
    }
    
    /*-------------     見出し ここまで     -------------*/
    
    /*-------------     文章      -------------*/
    
    .hpci-17_ft_article .hpci-17_ft_content 
    {
        display       : block;
        margin-bottom : 20px;
    }

    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence,
    .hpci-17_ft_link,
    .hpci-17_ft_article a
    {
        font-size      : 1.4rem;
    }
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li::before,
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li ul li::before,
    .hpci-17_ft_article .hpci-17_ft_content .hpci-17_ft_box .hpci-17_ft_sentence span ul li.list_kome::before
    {
        top              : 7px;
    }
    /*-------------     文章 ここまで     -------------*/

}
/* --------------------------------------------------
---  17.全文章（PDF・リンク）  End              ---
-------------------------------------------------- */