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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
nav#mobile-header .site-logo a img {
    padding: 0 10px;
}
	
/*冒頭に固定ページ一覧が表示されてしまう不具合に対する対応*/
.body_inner .menu {
    display: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
#generate-slideout-menu li.menu-item a {
    font-size: 18px;
}
	
#generate-slideout-menu li.menu-item .sub-menu a {
    font-size: 16px;
}
	
/*自社研修ページのカレント*/
body.page-company-training .main-nav ul:not(.sub-menu) > li.training > a {
	color:var(--main);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.h_child_navi ul.child_navi {
    column-gap: 10px;
}

.h_child_navi ul.child_navi li a {
     border-radius: 50px!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
/* カラム式リスト(2024-10-04fuji) */
:is(ul,ol).cmn_col02 > li,
:is(ul,ol).cmn_col03 > li,
:is(ul,ol).cmn_col04 > li{
    width: calc((100% - var(--list_col_gap)) / 1);
	margin-bottom: 5px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブルの横スクロール
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */		
.tbl_scroll_sp table {
    width: 600px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次デザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container ul.toc_list li {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
終身サポート
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
/*動画*/
body.page-watchful .wp-block-cover {
    min-height: 194px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
/*サイドナビ*/
#right-sidebar.widget-area .widget {
    padding: 20px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
/*ポップアップ時、ヘッダーの上に表示されるように修正*/
	.pswp--ui-visible {
    z-index: 100002;
}
	
}/*メディアクエリ終了*/