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

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

/*************************************************
 Header
*************************************************/

.site-header{

    background:#ffffff;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

    position:sticky;

    top:0;

    left:0;

    width:100%;

    z-index:1000;

}

.navbar{

    min-height:100px;

    padding:0;

}

.navbar .container{

    display:flex;

    align-items:center;

}

.navbar-brand{

    padding:0;

    margin-right:40px;

}

.navbar-brand img{

    width:260px;

    height:auto;

    display:block;

}

.navbar-nav{

    margin-left:auto;

    align-items:center;

}

.nav-link{

    color:#333;

    font-size:18px;

    font-weight:600;

    margin-left:25px;

    transition:.3s;

}

.nav-link:hover{

    color:#0B6FD3;

}

.navbar .btn{

    padding:12px 24px;

    border-radius:8px;

    font-size:17px;

    font-weight:600;

}

/*************************************************
 Header Responsive
*************************************************/

@media(max-width:991px){

    .navbar{

        min-height:80px;

    }

    .navbar-brand img{

        width:190px;

    }

    .navbar .container{
        flex-wrap:wrap;
        padding-top:10px;
        padding-bottom:10px;
    }

    .navbar-toggler{
        width:54px;
        height:54px;
        padding:8px;
        border:3px solid #5f6368;
        border-radius:10px;
        box-shadow:none;
    }

    .navbar-toggler:focus{
        box-shadow:0 0 0 3px rgba(11,111,211,.18);
    }

    .navbar-collapse{
        flex-basis:100%;
        width:100%;
        margin-top:12px;
        padding:0 0 12px;
        border-top:1px solid #d8e0e8;
        background:#fff;
        text-align:left;

    }

    .navbar-nav{
        width:100%;
        margin:0;
        align-items:stretch;
    }

    .navbar-nav .nav-item{
        width:100%;
    }

    .nav-link{
        display:block;
        margin:0;
        padding:17px 6px;
        border-bottom:1px solid #d8e0e8;
        font-size:17px;

    }

    .navbar .btn{
        display:block;
        width:100%;
        margin:12px 0 0;
        padding:14px 18px;
        text-align:center;

    }

}

@media(max-width:575px){
    .navbar-brand img{
        width:min(190px,55vw);
    }
}

html{
    scroll-padding-top:120px;
}

section[id],
div[id]{
    scroll-margin-top:120px;
}

@media(max-width:991px){
    html{
        scroll-padding-top:100px;
    }

    section[id],
    div[id]{
        scroll-margin-top:100px;
    }
}