/* ********** */
/* ヘッダー開始 */



.header_margin {
    position:relative;
    display:block;
    height:16vw;
}
.header_01 {
    position:fixed;
    top:0;
    left:0;
    width :100vw;
    height: 16vw;
    background:#FFF;
    z-index:10;
}
.header_body_01 {
    position:relative;
    height:16vw;
    width:auto;
}
.header_logo_brand_01_white {
    display:none;
}
.header_logo_brand_01 {
    z-index: 12;
}
.header_logo_brand_01 a{
    position:absolute;
    z-index: 12;
    top:2.67vw;
    left:4vw;
}
.header_logo_brand_01 img{
    height:10.67vw;
}

.header_nav_pc {
    display:none;
}
.header_nav_bar {
    position:fixed;
    z-index: 12;
    top:5.33vw;
    right:4vw;
}
.nav_bar__item {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:6.67vw;
    height:0.67vw;
    background: #000;
    transition: all .5s;
}
.nav_bar__item:nth-child(2) {
    top:1.73vw;
}
.nav_bar__item:nth-child(3) {
    top:3.46vw;
    /* margin-top:1.73vw; */
}
.header_nav_bar.active .nav_bar__item {
    /* background:#FFF; */
}
.header_nav_bar.active .nav_bar__item:nth-child(1) {
    transform:rotate(45deg);
    top:1.73vw;
}
.header_nav_bar.active .nav_bar__item:nth-child(2) {
    opacity: 0;
}
.header_nav_bar.active .nav_bar__item:nth-child(3) {
    top:1.73vw;
    transform:rotate(-45deg);
}

.header_overlay {
    /* display:none; */
    z-index:11;
    position:fixed;
    background: rgba(255,255,255,1);
    width:100vw;
    height:100vh;
    transition:all .5s ease-in-out;
    margin-top:-100vh;
}
.header_overlay.active {margin-top:0;}
.header_menu_01 {
    position: relative;
    display: block;
    margin-top:26.67vw;
    padding-left:6.67vw;
    padding-right:6.67vw;
}
.header_menu_01_title {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:700;
    color:#C00D23;
    text-align: left;
    font-size: 9.33vw;
    line-height:1em;
    margin-bottom: 9.33vw;
}
.header_menu_btn_link_01 {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    background: #C00D23;
    border-radius: 1.33vw;
    color:#FFF;
    line-height:12vw;
    text-align: center;
    font-size: 5.33vw;
    text-decoration: none;
    letter-spacing: .667vw;
}
.header_menu_btn_link_01 i {
    font-size: 6.33vw;
    margin-right: 6vw;
}
.header_menu_list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom:10vw;
}
.header_menu_list li {
    margin-bottom: 6.67vw;
}
.header_menu_list li a {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    height:6.67vw;
    color:#000;
    font-size: 3.87vw;
    text-decoration: none;
    line-height:6.67vw;
    border-left: 1.33vw solid #C00D23;
    padding-left: 3.73vw;
}
/* ヘッダー終了 */
/* ********** */

@media (min-width: 768px) {
    /* 
    ** メモ
    1900px想定
    24px = 3.2vw
    50px = 6.67vw
    100px = 12vw
    150px = 18vw
    100px = 5.26vw


    */

    /* ********** */
    /* ヘッダー開始 */

    .header_margin {
        height:6.25vw;
    }
    .header_01 {
        height: 6.25vw;
    }
    .header_body_01 {
        height:6.25vw;
    }
    .header_logo_brand_01 a{
        top:1.25vw;
        left:3.13vw;
    }
    .header_logo_brand_01 img{
        height:3.13vw;
    }

    .header_nav_bar {
        display: none;
    }
    .header_nav_pc {
        display: flex;
        position:absolute;
        align-items: center;
        top:1.5vw;
        right:3.13vw;
    }
    .header_nav_pc .round_btn__01 {
        text-align: center;
        background:#BA8748;
        margin-left:3.68vw;
    }
    .header_nav_pc .round_btn__03 {
        text-align: center;
        margin-left:2.5vw;
        height:3.13vw;
        width: 12.5vw;
        border-radius: 1.56vw;
        line-height:3.13vw;
        letter-spacing:.25vw;
        font-weight: 500;
    }
    .header_nav_pc .round_btn__01 img{
        height:1.16vw;
        margin-right:0.89vw;
        vertical-align: middle;
        margin-bottom:.2vw;
    }
    .header_nav_links__01 {display: flex;}
    .header_nav_links__01 ul {
        list-style-type: none;
        display: flex;
        padding-left:0;
        margin:0;
    }
    .header_nav_links__01 ul a {
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: bold;
        font-size:1vw;
        color:#000;
        text-decoration: none;
        padding-left: 1vw;
        padding-right: 2.75vw;
    }
    .header_nav_links__01 ul a:after {
        content: "";
        display: block;
        margin-top: .2vw;
        width: 100%;
        height: 1px;
        background-color: #000;
        transform: scaleX(0);
        transition: transform .5s cubic-bezier(.25,.58,.44,.98);
        transform-origin: right;
    }
    .header_nav_links__01 ul a:hover:after {
        transform-origin: left;
        transform: scaleX(1);
        transition: transform .3s cubic-bezier(.25,.58,.44,.98);
    }
    .header_nav_links__01 ul >li:last-child a {
        padding-right:0;
    }
    .header_overlay {display: none;}
    
    /* ヘッダー終了 */
    /* ********** */

}