@charset "UTF-8"; @import url("../css/custom.css"); @media (min-width: 751px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	header.fixed_clone {
		position: fixed !important;
		top: -110px;
		left: 0;
		background-color: #fff;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		z-index: 1001;
	}
	
	header.fixed_clone.on{
		top: 0;
	}
    header {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    header .h_inner {
        padding: 20px 40px;
        min-height: 100px;
        gap: 10px 20px;
    }
    
    header .h_inner:has(.fixed) {
        padding-right: 240px;
    }

    header .h_inner .logo {
        width: 308px;
    }

    header ul.nav_menu {
        margin-right: 45px;
    }

    header ul.nav_menu > li {
    }

    header ul.nav_menu > li a {
        letter-spacing: .06em;
        font-size: 18px;
    }
    
    header ul.nav_menu > li a:hover{
        color: #c70e17;
    }

    header .fixed {
        position: fixed;
        top: 0;
        right: 0;
        width: 240px;
    }

    header p.contact a {
        border-radius: 0 0 0 30px;
        background: #c70e17;
        min-height: 110px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        border-bottom: 2px solid #c70e17;
        border-left: 2px solid #c70e17;
    }
    
    header p.contact a:hover{
        background: #fff;
    }

    header p.contact a > * {
        display: block;
        color: #fff;
    }
    
    header p.contact a:hover > * {
        color: #c70e17;
    }

    header p.contact a .ja {
        font-size: 14px;
        letter-spacing: .1em;
        font-weight: 600;
    }

    header p.contact a .en {
        font-family: "Open Sans", serif;
        font-size: 26px;
        letter-spacing: .06em;
        position: relative;
        padding-left: 20px;
        font-weight: 600;
    }

    header p.contact a .en::before {
        position: absolute;
        content: "";
        background: url("../images/common/mail_w.svg") no-repeat 50% / contain;
        width: 24px;
        height: 16px;
        top: 50%;
        transform: translateY(-50%);
        left: -10px;
    }
    
    header p.contact a:hover .en::before {
        background-image: url("../images/common/mail_r.svg");
    }

    .logged-in {
        & header {
            & .fixed {
                top: 32px;
                /*width: 240px;*/
            }
        }
    }
}

@media (min-width: 751px) and (max-width: 1400px) {
	header.fixed_clone .h_inner{
		min-height: 90px;	
	}
	
    header .h_inner .logo {
        width: 248px;
    }

    header .h_inner:has(.fixed) {
        padding-right: 180px;
    }

    header ul.nav_menu > li a {
        font-size: 16px;
    }

    header .fixed {
        width: 200px;
    }

    header p.contact a {
        padding: 10px 20px;
        min-height: 90px;
    }

    header p.contact a .ja {
        font-size: 12px;
    }

    header p.contact a .en {
        font-size: 22px;
    }

    header p.contact a .en::before {
        width: 20px;
        height: 12px;
    }

}



/*FINISH*/