@charset "utf-8";
@media (min-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー > 共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: clamp(30px, -75.000px + 7.292vw, 65px);
}

.navigation-branding img {
	width: 330px;
}

/*メインナビ*/
.main-navigation:not(.slideout-navigation) .main-nav {
	padding-right: 2.34vw;
}

.main-navigation:not(.slideout-navigation) .main-nav > ul > li > a {
	font-size: 17px;
	padding-left: clamp(15px, 0.000px + 1.042vw, 20px);
	padding-right: clamp(15px, 0.000px + 1.042vw, 20px);
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children > a {
	padding-right: clamp(15px, 0.000px + 1.042vw, 20px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a::after {
	height: 2px;
	background: var(--accent);
}

/*メインナビ > カスタム投稿 > カレント*/
body[class*="works"] .main-nav ul:not(.sub-menu) > li.works > a::after {
	transform: scale(1,1);
}

/*子ナビ*/
.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a, 
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a,
.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a::after, 
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a::after {
	color: var(--accent);
}

/*お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact {
	margin-left: clamp(15px, 0.000px + 1.042vw, 20px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	background: var(--accent)!important;
    color: #fff!important;
	padding: 5px 30px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
	background: #3729e9!important;
	opacity: 1;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	font-size: 12px;
	margin-right: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー > スクロール前
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#site-navigation .inside-navigation {
	padding-top: 1.82vw;
}

/*ロゴ*/
#site-navigation .site-logo a {
	position: relative;
}

#site-navigation .site-logo a::before {
	content: '';
	position: absolute;
	width: 330px;
	height: 49px;
	background: url("./images/logo_w.svg") no-repeat 50% / contain;
	top: 0;
	left: 0;
}

#site-navigation .navigation-branding img {
	opacity: 0;
}

/*メインナビ*/
#site-navigation .main-nav > ul > li > a {
	color: #fff;
}

#site-navigation ul:not(.sub-menu) > li:not(.contact) > a::after {
	bottom: 10px;
}

#site-navigation ul:not(.sub-menu) > li:not(.contact) > a::after {
	background: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー > スティッキー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*メインナビ*/
#sticky-navigation .main-nav > ul > li > a:hover {
	color: var(--accent);
}

/*メインナビ > カスタム投稿 > カレント*/
body[class*="works"] .main-nav ul:not(.sub-menu) > li.works > a {
	color: var(--accent);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .trapezoid_news {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets .area_a img {
	margin-bottom: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	/*top > about > 台形*/
	#home_about .trapezoid {
		clip-path: polygon(0 0, 69% 0, 100% 100%, 0% 100%);
	}
	
	/*フッター*/
	#footer-widgets .area_b ul.menu {
		font-size: 15px;
	}
	
	/*下層 > プロモ*/
	.note_page_promo {
		min-height: 350px!important;
	}
	
	/*下層 > プロモ > 台形*/
	.note_page_promo .trapezoid {
		width: 55%;
	}
}

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