@charset "utf-8";
@media (min-width: 768px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*スクロール前・スティッキー共通*/
.navigation-branding img {
    width: clamp(270px, 8.33vw + 170px, 330px);
}
	
.main-navigation:not(.slideout-navigation) .site-logo {
    padding-left: 1.5vw;
}
	
.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
    padding-right: 1vw;
}

.main-navigation .main-nav ul li a {
    padding-left: 1vw;
    padding-right: 1vw;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
    min-height: 80px;
    min-width: 140px;
    padding: 0 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.nyukai > a {
    background: var(--accent);
}
	
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.nyukai > a::before {
    content: '';
    background: url("images/nyukai_icon.svg") no-repeat 50% / contain;
    width: 22px;
    height: 17px;
}

/*スクロール前ヘッダーのみ*/
#site-navigation .navigation-branding {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
	
#site-navigation .inside-navigation {
    flex-direction: column-reverse;
    align-items: flex-end;
}

#site-navigation .main-nav ul:not(.sub-menu) > li.contact {
	display: none;
}

/*スティッキーのみ*/
#sticky-navigation:not(.slideout-navigation) .menu-item-home {
    display: block;
}
	
#sticky-navigation .navigation-branding{
	display: none;
}
	
#sticky-navigation .header_contact {
	display: none;
}
	
/* 子ナビ */
.main-navigation:not(.slideout-navigation) .main-nav ul ul::before{
	display: none;
}

#site-navigation .main-nav ul > li:nth-last-child(3) ul {
    transform: translate(-80%, 0%)!important;
}
	
/* 子ナビ位置 */
.main-navigation:not(.slideout-navigation) .main-nav ul ul {
    top: 110px!important;
    transition: top .5s;
}
	
.main-navigation:not(.slideout-navigation) .main-nav ul li:hover ul {
    top: 80px!important;
}

/*hover時の下線*/
body[class*='seminar'] .inside-navigation ul:not(.sub-menu) li.seminar a::after{
	transform: scale(1,1);
}

	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 1366px){
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
		font-size: 1.5rem;
	}
	
	#sticky-navigation ul:not(.sub-menu) > li.contact > a {
		min-width: 120px;
	}
}/*ノートPC時のCSSブレイクポイント終了*/
	
}/*メディアクエリ終了*/