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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes cmn-slider {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -700px 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .inner {
    border-radius: 0;
	background: var(--main);
}	
	
div#tel_lb .num {
    font-family: Barlow, sans-serif;
    letter-spacing: 0.05em;
}
	
div#tel_lb .btn a {
    color: var(--main)!important;
    border-radius: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
#mobile-header:not(.is_stuck) .site-logo a {
	position: relative;
}

#mobile-header:not(.is_stuck) .site-logo a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 29px;
	background: url("./images/logo_w.svg") no-repeat 50% / contain;
	top: 0;
	left: 0;
}

#mobile-header .site-logo a img {
	padding: 0 10px;
}

#mobile-header:not(.is_stuck) .site-logo a img {
	opacity: 0;
}

/*ハンバーガーメニュー*/
#mobile-header:not(.is_stuck) .openbtn span {
	background: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*メインナビ*/
#generate-slideout-menu, 
#generate-slideout-menu ul ul, 
#generate-slideout-menu ul.sub-menu li {
	background-color: #000;
}

#generate-slideout-menu .main-nav ul li a {
	position: relative;
	color: #fff;
	padding-left: 40px;
}

#generate-slideout-menu li.menu-item a {
	border-color: #fff;
}

/*子ナビ*/
#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu li > a {
	padding-left: 40px;
}

#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu li > a::before {
	content: none;
}

/*カレント（メインナビ）*/
#generate-slideout-menu .main-nav ul li:not(.service, .sub-menu)[class*="current-menu-"] > a::before, 
body.single-post .inside-navigation ul:not(.sub-menu) li[class*="current"] > a::before, 
body.category .inside-navigation ul:not(.sub-menu) li[class*="current"] > a::before, 
body[class*="works"] .main-nav ul:not(.sub-menu) > li.works > a::before, 
#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu li[class*="current"] > a::before {
	content: '\e904'!important;
	position: absolute;
	font-size: 1.3em;
	font-family: "icomoon";
	top: 50%;
	left: 10px;
	color: var(--accent)!important;
	transform: translate3d(0px, -50%, 0px);
}

/*個人情報保護方針*/
#generate-slideout-menu .other_link2 a {
	color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*台形*/
#home_promo .trapezoid_img {
	clip-path: polygon(0 35%, 100% 0, 100% 100%, 0 100%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > service
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*平行四辺形*/
#home_service .parallelogram {
	clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
}
	
#home_service .parallelogram:first-child {
    clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
}

#home_service .parallelogram:last-child {
    clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > works
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*SP時は2行*/
#home_works .cmn_limit_txt01 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*2行*/
	white-space: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*台形*/
.note_page_promo .trapezoid {
	clip-path: polygon(0 35%, 100% 0, 100% 100%, 0 100%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > 施工事例（All）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post-type-archive-works #content {
	padding: 0;
}
    
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　チャイルドナビ（プロモ下）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
.h_child_navi ul.child_navi {
    background-color: #fff;
    gap: 7px;
}

.h_child_navi ul.child_navi a {
    padding: 7px 15px;
	font-size: 14px;
	background: #e5e5e5;
}
	
.h_child_navi ul.child_navi li:first-child a,
.h_child_navi ul.child_navi li:last-child a {
    border-radius: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul:not(.sub-menu) > li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #4f4f4f;
}

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