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

/* --------------------------------------------------
---------- 03.フッター共通（SNS）     ---------------
-------------------------------------------------- */

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

    .hpci-03_sns_entity
    {
        display         : flex;
        justify-content : flex-end;
        margin-bottom   : 30px;
    }

    .hpci-03_sns_entity .hpci-03_sns_box
    {
        display         : flex;
        justify-content : space-between;
    }

    /*    タイトル部分       */
    
    .hpci-03_sns_entity .hpci-03_sns_title
    {
        text-align     : left;
        font-weight    : bold;
        font-size      : 1.4rem;
        letter-spacing : 0px;
        color          : #3B4043;
        opacity        : 1;
        padding        : 11px 5px 12px 5px;
        margin-right   : 29px;
    }
    
    /*    アイコン部分       */
    
    .hpci-03_sns_entity .hpci-03_sns 
    {
        margin-right  : 23px;
    }
    
    .hpci-03_sns_entity .hpci-03_sns:last-of-type
    {
        margin-right  : 0px;
    }

    .hpci-03_sns_entity .hpci-03_sns .hpci-03_sns_icon
    {
        width   : 44px;
        height  : 44px;
    }
    
    .hpci-03_sns_entity .hpci-03_sns .hpci-03_sns_icon:hover
    {
        opacity : 0.8;
    }

    .hpci-03_sns_entity .hpci-03_sns .hpci-03_sns_icon img
    {
        width      : 100%;
        height     : 100%;
        object-fit : cover;
    }

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

    .hpci-03_sns_entity
    {
        flex-direction : column;
        flex-wrap      : wrap;
        align-content  : flex-end;
        margin-bottom  : 0px;
    }

    .hpci-03_sns_entity .hpci-03_sns_box
    {
        display         : flex;
        justify-content : center;
        flex-wrap       : wrap;
        margin-left     : 23px;
    }

    /*    タイトル部分       */
    
    .hpci-03_sns_entity .hpci-03_sns_title
    {
        margin-right   : 0px;
        text-align     : center;
        padding        : 0px 5px 12px 5px;
    }
    
    .hpci-03_sns_entity .hpci-03_sns,
    .hpci-03_sns_entity .hpci-03_sns:last-of-type
    {
        margin-right  : 23px;
        margin-bottom : 12px;
    }
}
/* --------------------------------------------------
---  03.フッター共通（SNS）  End                  ---
-------------------------------------------------- */