@charset "utf-8";
@media (min-width: 768px) {
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 1vw;
}
    
.main-navigation:not(.slideout-navigation) .site-logo a img {
	width: clamp(250px, 6.9vw + 166.6px, 300px);
}

/*ロゴ（白抜き）*/
.home #site-navigation:not(.slideout-navigation) .site-logo {
	background: url("./images/logo-2.svg")no-repeat 50% / contain;
    width: clamp(250px, 6.9vw + 166.6px, 300px);
	height: clamp(87px, 2vw + 62px, 102px);
	margin-left: 1vw;
}

.home #site-navigation:not(.slideout-navigation) .site-logo a img {
	opacity: 0;
}    

/*ロゴ横テキスト*/
.home #site-navigation:not(.slideout-navigation) p {
    color: #fff;
}
    
/*ナビ*/
.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
    color: #fff;
}
    
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
    font-weight: 500;
    font-size: clamp(16px, 0.5vw + 9.3px, 20px);
    padding: 2vw 0.8vw!important;
}
    
/* ナビ上カゲ */
.header-wrap #site-navigation:not(.toggled) {
    background: linear-gradient(rgba(0, 0, 0, 0.4), #00000000);
}
    
/* 子ナビ */
.main-navigation:not(.slideout-navigation) .main-nav ul ul {
	border-radius: 0;
}

/*お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	margin-left: 0.5vw;
	margin-right: 1vw;
    line-height: 1;
	padding: 20px 1.4vw 20px 42px!important;
	background: var(--main)!important;
}
    
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
    position: absolute;
    content: "";
    background: url("./images/icon_contact.svg") no-repeat 50%/contain;
    width: 18px;
    height: 17px;
    margin-right: 5px;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
}
    
/*hover時の下線*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a::after{
	height: 2px;
    bottom: clamp(15px, 2vw + -10px, 30px);
}
    
/* works下線 */
body[class*="works"] .main-navigation:not(.slideout-navigation) .main-nav ul li a[href*="works"]::after {
	transform: scale(1, 1)
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*フッターナビ*/
#footer-widgets ul.menu {
    gap: 5vw;
}
    
/*子ナビ*/
#footer-widgets .sub-menu {
    padding-left: 2em;
}
    
#footer-widgets .sub-menu > li a {
	position: relative;
}

#footer-widgets .sub-menu > li a::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 1px;
	background: var(--text);
	top: 50%;
	left: -25px;
}
    
#footer-widgets .sub-menu > li a:hover::before {
	background: var(--main);
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP > 施工事例（新築）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_shinchiku .slick-dots {
    width: 65%;
}

#home_shinchiku.cmn_carousel_2col .slick-next{
	right: 35%;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP > お知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ホバー時ボタン*/
#home_news .bl:hover .news_btn {
    background-color: var(--main);
    border: var(--main);
    color: #ffffff;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1366px){
.navigation-branding p.logo_txt {
	display: none;
}



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