@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 768px) {
}



:root {
    --header_main_nav_font_size: 1.8rem;
    @media print, screen and (max-width: 1920px) {
        --header_main_nav_font_size: calc( 100vw * 18 / 1920 );
    }
    @media print, screen and (max-width: 1000px) {
        --header_main_nav_font_size: calc( 100vw * 13 / 1000 );
    }
    @media print, screen and (max-width: 768px) {
        --header_main_nav_font_size: calc( 100vw * 16 / 768 );
    }
}



/***************************************************************************
#wrapper ( base_layout.css line 16 )
****************************************************************************/
#wrapper {
	max-width: none;
    width: 100%;
}


/***************************************************************************
#header ( header.css line 16 )
****************************************************************************/
#header {
    position: static;
    left: auto;
    top: auto;
}
@media print, screen and (max-width: 768px) {
    #wrapper.navy #header {
        background: none;
        background-color: #fff;
    }
    #header {
        position: fixed;
        left: 0;
        top: 0;
    }
}


/***************************************************************************
#header_nav_wrap
****************************************************************************/
#header_nav_wrap {
    background: none;
}



/***************************************************************************
#header_logo ( header.css line 370 )
****************************************************************************/
#header_logo {
	margin-left: 0;
}
@media print, screen and (max-width: 768px) {
    #header_logo {
        margin: 0 auto;
    }
}


/***************************************************************************
#header_sub_nav li.btn a ( header.css line 241 )
****************************************************************************/
#header #header_sub_nav li.btn a {
    @media print, screen and (max-width: 1000px) {
        width: auto;
        max-width: 160px;
    }
}



/***************************************************************************
#header_sub_nav a ( header.css line 450 )
****************************************************************************/
#header_sub_nav a {
    @media print, screen and (max-width: 1000px) {
    	font-size: calc( 100vw * 15 / 1000 );
    }
}



/***************************************************************************
#header_sub_nav li:nth-child(n).btn a ( header.css line 450 )
****************************************************************************/
#header_sub_nav li:nth-child(3).btn a,
#header_sub_nav li:nth-child(4).btn a,
#header_sub_nav li:nth-child(5).btn a {
    @media print, screen and (max-width: 1000px) {
    	font-size: calc( 100vw * 18 / 1000 );
    }
}



/***************************************************************************
#header #header_sub_nav li.link_map a ( header.css line 231 )
****************************************************************************/
#header #header_sub_nav li.link_map a {
    @media print, screen and (max-width: 1000px) {
        width: auto;
        max-width: 110px;
    }
}



/***************************************************************************
#header #header_sub_nav li.link_map a ( header.css line 236 )
****************************************************************************/
#header #header_sub_nav li.link_outline a {
    @media print, screen and (max-width: 1000px) {
        width: auto;
        max-width: 100px;
    }
}



/***************************************************************************
#header_main_nav ( header.css line 579 )
****************************************************************************/
#header_main_nav {
	max-width: none;
/*
    border-right: none;
*/
    @media print, screen and (max-width: 1000px) {
        flex-wrap: wrap;
        width: 100%;
    }
}



/***************************************************************************
#header_main_nav li ( header.css line 592 )
****************************************************************************/
#header_main_nav li {
	max-height: calc( var(--header_main_nav_font_size) * 1.6 );
    @media print, screen and (max-width: 1000px) {
        width: 20%;
        margin-bottom: 0.2rem;
    }
}



/***************************************************************************
#header_main_nav li ( header.css line 91 )
****************************************************************************/
#header #header_main_nav li a{
	padding: 0.3em 0.5em;
}



/***************************************************************************
#header_main_nav li ( header.css line 592 )
****************************************************************************/
#header_main_nav li:first-child {
/*
    border-left: none;
*/
}



/***************************************************************************
#header_main_nav a ( header.css line 458 )
****************************************************************************/
#header #header_main_nav a {
	font-size: var(--header_main_nav_font_size);
}



/***************************************************************************
#header #header_main_nav li a ( header.css line 458 )
****************************************************************************/
#header #header_main_nav li.link_top a {
    width: calc( ( var(--header_main_nav_font_size) * ( 3 + 1 ) ) + ( var(--header_main_nav_font_size) * 2 ) );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_access a {
    width: calc( ( var(--header_main_nav_font_size) * 5 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_location a {
    width: calc( ( var(--header_main_nav_font_size) * 8 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_development a {
    width: calc( ( var(--header_main_nav_font_size) * 11 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_plan a {
    width: calc( ( var(--header_main_nav_font_size) * 4 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_design a {
    width: calc( ( var(--header_main_nav_font_size) * 6 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_commonspace a {
    width: calc( ( var(--header_main_nav_font_size) * 11 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_equipment a {
    width: calc( ( var(--header_main_nav_font_size) * 7 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_quality a {
    width: calc( ( var(--header_main_nav_font_size) * ( 6 + 1 ) ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}
#header #header_main_nav li.link_premium a {
    width: calc( ( var(--header_main_nav_font_size) * 13 ) + ( var(--header_main_nav_font_size) * 2 )  );
    @media print, screen and (max-width: 1000px) {
        width: 100%;
    }
}