@charset "utf-8";
@media (max-width: 768px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ用エディタ（クラシックエディタ）のカスタマイズ（2024-01-15mk）
※クラシックエディタではグローバルスタイルが読み込めないため、「ブログ専用」クラスを別に用意することとした
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-h_large_a::before {
    width: 70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation.sticky-navigation-transition .site-logo img{
    height: 22px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ピックアップナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pickup_navi {
    background-color: #f1f1f6;
    border: none;
}
	
.pickup_navi li a {
    position: relative;
    padding-left: 35px;
}

.pickup_navi li a::before {
    content: '';
    width: 28px;
    height: 28px;
    background: url("images/pickup_icon01.svg") no-repeat 50% / contain;
    position: absolute;
    left: 40px;
	top: 50%;
	transform: translateY(-50%);
}
	
.pickup_navi li.kojin a::before {
    background: url("images/pickup_icon02.svg") no-repeat 50% / contain;
}
	
.pickup_navi li[class*="current-menu"].hojin a {
    color: var(--main);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*導入実績カレント*/
body[class*="works"] .main-navigation .main-nav ul li a[href*="works"] {
	color: var(--main);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .inner {
    background: var(--main);
}

div#tel_lb .btn a {
    color: var(--main)!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP > プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo h2.ttl {
    background: url("images/promo_ttl_bg.jpg") no-repeat 60% 90% / auto 66%, 
     			url("images/promo_ttl_bg.jpg") no-repeat -12% -20% / auto 55% #000;
	 background-clip: text;
}
}/*メディアクエリ終了*/