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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > トップへ戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.home a.generate-back-to-top {
	right: clamp(76px, 1.000px + 5.208vw, 101px);
}

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

.navigation-branding img {
	width: clamp(282px, -180.000px + 32.083vw, 436px);
    /*width: clamp(306px, 19.4vw + 72.6px, 446px);*/
}

/*グロナビ上 電話番号 > スティッキー時*/
#sticky-navigation .header_tel {
	display: none;
}

/*グロナビ*/
.main-navigation:not(.slideout-navigation) .main-nav {
	padding-right: 1.56vw;
}

#site-navigation:not(.slideout-navigation) .main-nav > ul {
	align-items: flex-end;
}

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

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	padding-top: clamp(10px, -5.000px + 1.042vw, 15px);
	padding-bottom: clamp(10px, -5.000px + 1.042vw, 15px);
}

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

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

/*グロナビ > お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 0.78vw;
	min-height: clamp(90px, 30.000px + 4.167vw, 110px);
	line-height: 1;
	padding: 0 15px;
	margin-top: clamp(15px, 0.000px + 1.042vw, 20px);
	margin-left: 10px;
	margin-bottom: clamp(15px, 0.000px + 1.042vw, 20px);
	border: 2px solid var(--main);
	border-radius: 10px;
}

#sticky-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	min-height: clamp(70px, 10.000px + 4.167vw, 90px);
	margin-top: clamp(10px, -5.000px + 1.042vw, 15px);
	margin-bottom: clamp(10px, -5.000px + 1.042vw, 15px);
}

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

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

/*子ナビ*/
.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
	color: var(--text);
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li:not(:last-child) a {
	border-bottom: 1px dashed #d2ccc2;
}
}/*メディアクエリ終了*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	/*top > case*/
	:root {
		--slide-width: 1930px;
	}
	
	#home_case::before {
		width: 1930px;
		height: 350px;
	}
	
	#home_case::after {
		width: 1930px;
		height: 180px;
	}
	
	/*下層 > プロモ*/
	.note_page_promo {
		min-height: 340px!important;
	}
}