@charset "utf-8";
@media (min-width: 768px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home #site-navigation .inside-navigation {
    height: 120px;
}
	
.navigation-branding img {
    width: clamp(225px, -24.868px + 18.509vw, 330.5px);
    object-fit: contain;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a{
	padding-left: 1vw;
	padding-right: 1vw;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
    background: #000;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 28px;
    margin: 0 1.56vw 0 1vw;
    display: flex;
    align-items: center;
}
	
#sticky-navigation ul:not(.sub-menu) > li.contact > a {
    margin-right: 15px;
}
	

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
    margin-right: 0.8vw;
    font-size: 12px;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact:hover a {
    background: #313131 !important;
}
	
/*導入実績カレント*/
body[class*="works"] .main-navigation:not(.slideout-navigation) .main-nav ul li a[href*="works"] {
	color: var(--main);
}

body[class*="works"] .main-navigation:not(.slideout-navigation) .main-nav ul li a[href*="works"]::after {
	transform: scale(1, 1)
}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ノートPC時のCSS
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	@media (min-width: 1024px) and ( max-width: 1366px){

		body.home #site-navigation .inside-navigation {
			height: 80px;
			}

		}

}/*メディアクエリ終了*/