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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 40px;
}

#site-navigation:not(.slideout-navigation) .site-logo {
	padding-top: 2.08vw;
}

.home #site-navigation .site-logo a {
	position: relative;
}

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

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

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

/*メインナビゲーション*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	position: relative;
	font-size: 2.0rem;
	padding-left: 30px;
	padding-right: 30px;
	z-index: 1;
}

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a {
	padding-top: 2.34vw;
}

#sticky-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a {
	padding-top: 20px;
	padding-bottom: 20px;
}

.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	color: #fff;
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children > a {
	padding-right: 30px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a::after {
	width: calc(100% - 60px);
	left: 29px;
	bottom: 20px;
	transform: scaleX(0) translateZ(0);
	transform-origin: right;
}


/*	ホバー・カレント　*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li[class*='current-menu'] > a::after,
body[class*="works"] .main-navigation:not(.slideout-navigation) .main-nav ul li a[href*="works"]::after{
	transform: scale(1, 1);
}
	
body[class*="works"] .main-navigation:not(.slideout-navigation) .main-nav ul li a[href*="works"]{
	color:var(--main);
}

/*お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	padding: 5px 50px;
	margin-left: 20px;
	margin-right: 40px;
}

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	margin-top: 1.56vw;
}

.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li.contact:hover > a {
	background: var(--accent);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
	background: var(--accent);
	opacity: 1;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	content: none;
}

/*個人情報保護方針*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.privacy {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	font-size: 2.4rem;
}

#footer-widgets .sub-menu {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	/*コピーライト*/
	.site-info {
		/* left: 8.5%; */
	}
	
	/*下層 > プロモ*/
	.note_page_promo {
		min-height: 250px !important;
	}
	
	.fuchi {
		-webkit-text-stroke: 2px #ddd;
	}
	
}
	
}/*メディアクエリ終了*/