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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#site-navigation {
	position: relative;
	background-color: transparent;
	z-index: 2;
}

/*ロゴ*/
.main-navigation .navigation-branding {
	margin-right: 10px;
}

#site-navigation .site-logo {
	padding-left: 1.56vw;
}

#sticky-navigation .site-logo {
	padding-left: 20px;
}

.main-navigation .navigation-branding img {
	width: 18.33vw;
}

/*ロゴ横*/
.main-navigation .logo_side_txt {
	order: 1;
}

/*メインナビ*/
.main-navigation .main-nav {
	order: 2;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	font-size: clamp(14px, 0.27vw + 10.6px, 16px);
	padding: 0.78vw clamp(10px, -13.684px + 1.754vw, 20px);
}

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

/*メルマガナビ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.mail-magazine > a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	line-height: 1;
	color: #fff;
	background: var(--accent)!important;
	width: clamp(120px, 72.632px + 3.509vw, 140px);
	height: clamp(70px, 46.316px + 1.754vw, 80px);
	padding-bottom: 1.04vw;
	margin-left: clamp(10px, -13.684px + 1.754vw, 20px);
	transition: .3s;
}
#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.mail-magazine > a {
	margin-top: clamp(5px, -18.684px + 1.754vw, 15px);
	margin-right: clamp(5px, -18.684px + 1.754vw, 15px);
	margin-bottom: clamp(5px, -18.684px + 1.754vw, 15px);
	border-radius: 6px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.mail-magazine > a:hover {
	opacity: .8;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.mail-magazine > a::before {
	content: '';
	position: absolute;
	top: 20px;
	background: url("./images/mail-magazine_icon.svg") no-repeat 50% / contain;
	width: 21px;
	height: 15px;
}

/*お問い合わせナビ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	line-height: 1;
	background: var(--main)!important;
	width: clamp(120px, 72.632px + 3.509vw, 140px);
	height: clamp(70px, 46.316px + 1.754vw, 80px);
	padding-bottom: 1.04vw;
}

#site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	margin-top: clamp(5px, -18.684px + 1.754vw, 15px);
	margin-right: clamp(5px, -18.684px + 1.754vw, 15px);
	margin-bottom: clamp(5px, -18.684px + 1.754vw, 15px);
	border-radius: 6px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	content: '';
	position: absolute;
	top: 17px;
	background: url("./images/contact_icon.svg") no-repeat 50% / contain;
	width: 28px;
	height: 21px;
	margin-right: 0;
}

/* よくある質問 */
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.faq {
    display: none;
}
	
/*hover時の下線*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a::after {
	content: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > service
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service .cmn_btn03::after {
	width: 68px;
	height: 68px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1366px){
/*top > promo*/
#home_promo h2.ttl::after {
	right: 90px;
}
}/*メディアクエリ終了*/

@media (min-width: 1024px) and ( max-width: 1440px){
/*下層プロモ*/
.note_page_promo {
	min-height: 350px!important;
}

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