/*========================================================
ファイル名    ：footer.css
管理番号　　：No.017
内容　　　　：Footer共通CSS
バージョン　：Ver1
作成日　　　：2026-07-17
更新日　　　：2026-07-17

【変更履歴】
Ver0 初期登録
Ver1 style.cssからFooter部分を分離
========================================================*/

/*********************************************************************
/ Footer
/*********************************************************************/
/*============================
/ Section
============================*/
.footer{

    background:linear-gradient(
        180deg,
        #2f80ed 0%,
        #2b74d8 55%,
        #245fb5 100%
    );    
    
    color:#ffffff;

    padding:80px 0 30px;

}

/*============================
/ Logo
============================*/
.footer-logo{

    width:280px;

    margin-bottom:35px;

}

.footer-catch{

    font-size:2rem;

    font-weight:700;

    line-height:1.5;

    color:#ffffff;

    margin-bottom:30px;

}

.footer-catch span{
    display:block;
}

.footer-text{

    font-size:1.05rem;

    line-height:2.1;
    
    color:#dfe9f7;

}

.footer-text__gap{
    display:block;
    margin-top:22px;
}

/*============================
/ Heading
============================*/
.footer-heading{

    color:#ffffff;

    font-size:1.6rem;

    font-weight:700;

    margin-bottom:30px;

}


/*============================
/ Company Info
============================*/

.footer-info p{

    color:#dfe9f7;

    line-height:2.3;

    margin-bottom:22px;

}
/*============================
/ Menu
============================*/

.footer-menu{

    padding:0;

    margin:0;

    list-style:none;

}

.footer-menu li{

    margin-bottom:18px;

}

.footer-menu a{

   color:#e6f2ff;
    
    text-decoration:none;

    transition:.25s;

}

.footer-menu a:hover{

    color:#ffd54f;

    padding-left:8px;

}

/*============================
/ Line
============================*/
.footer-line{

    margin:55px 0 25px;

    border-color:rgba(255,255,255,.55);

}

.footer-line-small{
    width:70%;
    margin:20px 0;
    border-top:1px solid rgba(255,255,255,.35);
}

/*============================
/ Copy
============================*/
.footer-copy{

    margin-top:20px;

    color:rgba(255,255,255,.85);

    font-size:.95rem;

}

@media (max-width: 576px){
    .footer{
        padding:52px 18px 24px;
    }

    .footer-logo{
        width:min(280px, 78vw);
        margin-bottom:28px;
    }

    .footer-catch{
        font-size:1.55rem;
        line-height:1.5;
    }

    .footer-catch span,
    .footer-text span{
        display:block;
    }

    .footer-text{
        font-size:1rem;
        line-height:1.8;
    }

    .footer-text__gap{
        margin-top:22px;
    }
}