@charset "utf-8";
@media (max-width: 768px) {
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　クラシックテーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table02.change01 th {
    border: 0;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
nav#mobile-header .site-logo a img {
    height: 46px;
}
    
.home #mobile-header:not(.is_stuck) .site-logo {
	background: url("./images/logo-2.svg") no-repeat 50% / contain;
	width: 158px;
	height: 46px;
	margin-left: 15px;
}
	
.home #mobile-header:not(.is_stuck) .site-logo a img {
	opacity: 0;
}
    
/* ナビ上カゲ */
#site-navigation:not(.toggled),
.header-wrap #mobile-header:not(.toggled):not(.navigation-stick) {
    background: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　>　ハンバーガーメニュー中身　（スマホ用）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu li > a::before {
	font-weight: normal;
}    

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .inner {
    background: var(--main);
    border-radius: 0px;
}

div#tel_lb .btn a {
    color: var(--main)!important;
    border-radius: 0px;
}

div#tel_lb .num {
    font-family: barlow;
    font-weight: 500;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP > 施工事例（新築）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*2カラムカルーセル > ドット*/
#home_shinchiku.cmn_carousel_2col ul.slick-dots {
	bottom: -40px;
}

    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > リフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*全画面カルーセル > 矢印*/
#home_reform.cmn_carousel_full :is(.slick-prev,.slick-next) {
    top: calc(100% + 30px);
}
    
/*全画面カルーセル > ドット*/
#home_reform.cmn_carousel_full ul.slick-dots {
	bottom: -40px;
}
    
#home_reform.cmn_carousel_full .slick-prev{
	left: 0;
}

#home_reform.cmn_carousel_full .slick-next {
	right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
チャイルドナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.h_child_navi ul.child_navi {
    background-color: var(--base-2);
    gap: 10px;
}  
    
.h_child_navi ul.child_navi li:first-child a {
    border-radius: 0;
}

.h_child_navi ul.child_navi li:last-child a {
    border-radius: 0;
}  

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