@charset "utf-8";
/*
Template: oceanic
Theme Name:akashi
Version:1.0.74
*/
/*-------------------------
 * スマホ・PCの改行について	
-------------------------*/
/*(スマホで改行)HTML:<br class="br_sp" />*/
@media screen and (min-width: 767px){.br_pc { display:block; }.br_sp { display:none; }}
@media screen and (max-width: 767px){.br_pc { display:none; }.br_sp { display:block; }}

/*-------------------------
 * スマホ・PCの限定表示について
-------------------------*/
/*
HTML:<div class="pc_only"></div>
HTML:<div class="sp_only"></div>
*/
/*画像をPCのみで表示させる場合(=スマホでは非表示にする場合)のCSS*/	
@media screen and (max-width: 767px){.pc_only{display:none;}}
/*画像をスマホのみで表示させる場合(=PCでは非表示にする場合)のCSS*/			
@media screen and (min-width: 767px){.sp_only{display:none;}}

/*-------------------------
 * スマホサイズ：コピペ用
-------------------------*/
/*

/*1201px以上で適用*/
@media screen and (min-width:1201px) {
}
/*1200px以下で適用*/
@media screen and (max-width:1200px) {
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
}
/*-------------------------
 * ページ内リンク
-------------------------*/
.anchorlink {
	display:block;
	padding-top:200px !important;
	margin-top:-200px !important;
}
/*-------------------------
 * フォント
-------------------------*/
/*ゴシック体*/
.font-gothic {
	font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif
}

/*明朝体*/
.font-mincho {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/*丸文字*/
.font-maru {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	* {font-size:16px;}
}

/*-------------------------
 * ページビルダー
-------------------------*/
/*ページビルダー：余白*/
.p-entry__body {margin-bottom:0;}
.p-entry__body p {margin-bottom:10px;}
#panel-200-0-0-2> .panel-widget-style {	padding:0 !important;}

/*-------------------------
 * 共通
-------------------------*/
/*カーソル*/
a {cursor:pointer;/*カーソルの種類*/}
/*テキスト揃え*/
.text_c {text-align:center !important;}/*中央*/
.text_r {text-align:right !important;}/*右*/
.text_l {text-align:left !important;}/*左*/
/*赤文字*/
span.text_red {color:#dc3545;}
/*リンク画像に色を重ねる*/
.link_img a{
	position:relative;
	top:0;
}
.link_img a:hover {
	top:-5px;
	transition:0.3s;
}
/*ページタイトル：非表示*/
header.entry-header {
	display:none;
}
/*コンテンツ枠*/
.content_area {
	background:#FFF;
	border:2px #693905 solid;
	border-radius:5px;
	padding:0 20px 50px;
}
/*---------------------------------------------------
 　body
---------------------------------------------------*/
body {
	background:#FEF8EF;
}
.site-container {
	max-width: 1068px;
}
/*---------------------------------------------------
 　余白
---------------------------------------------------*/
.page-content img, .entry-content img, .entry-summary img {
	margin-bottom:0;
}
/*---------------------------------------------------
 　ヘッダー
---------------------------------------------------*/
/*■ロゴ*/
.oceanic-header-layout-standard .site-header-left img {
	margin:0;
}
/*■ヘッダータイトル*/
.site-header-title {
	font-size:12px;
}
/*■電話*/
.site-header-tel img {
	width:90%;
}

/*---------------------------------------------------
 　フッター
---------------------------------------------------*/
/*フッターカラー*/
.site-footer-border-type01 {
	background:#dc3545;
	height:16px;
}
.site-footer-border-type02 {
	background:#ef7b8c;
	height:10px;
}
.site-footer-border-type03 {
	background:#ffeef2;
	height:6px;
}
/*フッターメニュー（ナビゲーション）*/
.site-footer {
	background:#edd6da;
}
.site-footer-widgets {
	background:url(/wp-content/uploads/footer_bk-01.png) no-repeat;
	background-position:90% 95%;
	padding:20px 0px 100px;
}
.site-footer-widgets ul li:last-child {
	width:100%;
}
.site-footer-widgets .widget ul li {
	margin:0 0 5px;
}
.site-footer-widgets .widget ul li a {
	font-weight:500;
}
.site-footer-widgets .widget ul li i {
	margin-right: 5px;
}
/*■明石校・西宮校・姫路校*/
.site-footer-bottom-bar {
	background:#fef8ef;
}
.site-footer-school p {
	text-align: center;
    margin-bottom: 2px;
}
.site-footer-copyright {
	margin-top:2em;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.site-footer-widgets {
		width:100%;
		background-size:60%;
	}
}

/*---------------------------------------------------
 　メニュー（ナビゲーション）
---------------------------------------------------*/
/*■下線カスタマイズ*/
/*★を削除すれば白ベースのデザインに戻ります*/
.main-navigation {
	display:grid;
	height:auto !important;
	background-color:#dc3545;/*★*/
}
.main-navigation ul ul {
	top:64px;
}
.main-navigation a {
	color:#FFF;/*★*/
	font-weight:400;
	border-bottom:#dc3545 8px solid;
}
.main-navigation a:hover {
	background: #F5F5F5 !important;/*★*/
    color: #dc3545 !important;/*★*/
    border-bottom: #eec64a 8px solid;
}
.main-navigation li a[aria-current="page"] {
	/*color:#FFF !important;*/
}
.main-navigation li a[aria-current="page"]:hover {
	/*color:#dc3545 !important;*/
}
.main-navigation li.current-menu-parent > a,
.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a {
	/*background:none;*/
	/*color:#4F4F4F;*/
	border-bottom:#eec64a 8px solid;/*★*/
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.fa-bars:before, .fa-navicon:before {
		content: "\f0c9 MENU";
		letter-spacing:5px;
	}
	.header-menu-button .fa.fa-bars {
		color:#FFF;
	}
	i.fa.fa-angle-left {
		display:none;
	}
	#main-menu.oceanic-mobile-menu-dark-color-scheme {
		background-color: #dc3545;
	}
	.main-navigation a:hover {
		color:#dc3545 !important;
		border-bottom:#eec64a 4px solid;
	}
	.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a {
		color:#FFF;
		border-bottom:#eec64a 4px solid;
	}
	.sub-menu li a {
		color:#FFF !important;
	}
}

/*---------------------------------------------------
 　右側の固定ボタン
---------------------------------------------------*/
/* 右側追従ボタンの全体エリア */
.fixed-side-buttons {
	position: fixed;
	top: 30%; /* 画面上部からの位置 */
	right: 0;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
/* ボタン共通スタイル */
.side-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 56px;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
	border-radius: 4px 0 0 4px; /* 左側角丸 */
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s ease;
}
.side-btn:hover {
	opacity: 0.85;
}
/* 来校予約ボタンの色 */
.btn-yoyaku {
	background-color: #27a25d; /* 緑色 */
}
/* 資料請求ボタンの色 */
.btn-siryou {
	background-color: #27a25d; /* 緑色（必要に応じて変更してください） */
}
/* スマホ表示時に小さく・または非表示にする場合の設定 */
@media (max-width: 767px) {
	.fixed-side-buttons {
		display:none;
	}
}

/*---------------------------------------------------
 　右サイド（ウェジェット）
---------------------------------------------------*/
/*■サイドメニューデザイン*/
.top_side_menu {
    background: #FFF;
    border-radius :5px;
    border:solid 2px #dc3545;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.top_side_menu .box-title {
    font-size: 16px;
    background: #dc3545;
    border-radius :3px 3px 0 0;
    padding: 4px 10px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.top_side_menu ul {
	padding:15px 20px 5px !important;
}
.top_side_menu ul li {
	margin:0 0 10px !important;
    font-weight:bold;
}
.top_side_menu ul li a {
	color:#dc3545 !important;
}
.top_side_menu ul li i {
	margin-right: 5px;
}

/*---------------------------------------
 　共通：タイトル【A】
-----------------------------------------*/
/*タイトルA*/
.com_titA_area {
	margin-top: 40px;
}
.com_titA_h3 {
	margin-bottom:10px;
    font-size: 21px;
	font-weight:400;
}
/*タイトルA：メインカラー*/
.com_titA_h3--color-main {
    color: #dc3545;
    border-bottom: 3px #dc3545 solid;	
}
/*タイトルA：薄緑色（準中型）*/
.com_titA_h3--color-jyun_tyugata {
    color: #62cc89;
    border-bottom: 3px #62cc89 solid;	
}
/*タイトルA：青色（中型）*/
.com_titA_h3--color-tyugata {
    color: #036eb7;
    border-bottom: 3px #036eb7 solid;	
}
/*タイトルA：水色（AT限定解除）*/
.com_titA_h3--color-atmt {
    color: #26afc6;
    border-bottom: 3px #26afc6 solid;	
}
/*タイトルA：ピンク色（安心パック）*/
.com_titA_h3--color-ansin {
    color: #e26689;
    border-bottom: 3px #e26689 solid;	
}
/*タイトルA：緑色（オーダーメイドコース）*/
.com_titA_h3--color-ordermade {
    color: #198946;
    border-bottom: 3px #198946 solid;	
}
/*黄緑色（オンライン学科）*/
.com_titA_h3--color-online_gakka {
    color: #64a525;
    border-bottom: 3px #64a525 solid;	
}
/*タイトルA：オレンジ（ペーパードライバー）*/
.com_titA_h3--color-paper {
    color: #ff4e00;
    border-bottom: 3px #ff4e00 solid;	
}
/*タイトルA：紫（初心者講習・高齢者・企業）*/
.com_titA_h3--color-kousyu {
    color: #8655c6;
    border-bottom: 3px #8655c6 solid;	
}
/*---------------------------------------
 　共通：タイトル【B】
-----------------------------------------*/
.com_titB_area {
	padding: 6px 5px;
	margin-top:2em;
}
h3.com_titB_h3 {	
    padding-left: 8px;
    margin-bottom: 0;
	font-size: 23px;
    font-weight: 500;
    line-height: 1.5;
}
/*薄緑色（準中型）*/
.com_titB_area--color-jyun_tyugata{
	border: 2px #62cc89 solid;
    box-shadow: 2px 2px 0 #62cc89;}
.com_titB_h3--color-jyun_tyugata{
    color: #62cc89;
    border-left: 6px #62cc89 solid;
}
/*青色（中型）*/
.com_titB_area--color-tyugata{
	border: 2px #036eb7 solid;
    box-shadow: 2px 2px 0 #036eb7;}
.com_titB_h3--color-tyugata{
    color: #036eb7;
    border-left: 6px #036eb7 solid;
}
/*---------------------------------------
 　共通：アイコン＋見出し
-----------------------------------------*/
/*トップぺージのみ*/
.top-site-icon-box {
	display:flex;
}
.top-site-icon {
	max-width:57px;
	max-height:57px;
	margin-right:10px;
	margin-bottom:0px !important;
}
h2.top-site-icon-h2 {
	clear:none;
}
.top_site-icon-box {
    padding: 5px 10px 0px;
	display:flex;
	align-items: flex-end;
	border-bottom:3px solid #dc3545;
}
.top_site-icon-box .site-icon {
	width:47px;
	height:auto;
	margin-right:10px;
	margin-bottom:-8px !important;
}
.top_site-icon-box h2.site-icon-h2 {
	clear:none;
    margin-bottom: 2px;
	color:#db3545;
}
/*全ページ共通*/
.site-icon-box {
    padding: 5px 10px 0px;
	margin:0 -20px;
	display:flex;
	align-items: flex-end;
	border-bottom:3px solid #dc3545;
}
.site-icon-box .site-icon {
	width:47px;
	height:auto;
	margin-right:10px;
	margin-bottom:-8px !important;
}
.site-icon-box h2.site-icon-h2 {
	clear:none;
    margin-bottom: 2px;
	color:#db3545;
}
.site-icon-box span.midashi_en { font-size:16px;} 
/*薄緑色（準中型）*/
.site-icon-box.site-icon-box--color-jyun_tyugata{border-bottom:3px solid #62cc89;}
.site-icon-box h2.site-icon-h2--color-jyun_tyugata{color:#62cc89;}
/*青色（中型）*/
.site-icon-box.site-icon-box--color-tyugata{border-bottom:3px solid #036eb7;}
.site-icon-box h2.site-icon-h2--color-tyugata{color:#036eb7;}
/*水色（AT限定解除）*/
.site-icon-box.site-icon-box--color-atmt{border-bottom:3px solid #26afc6;}
.site-icon-box h2.site-icon-h2--color-atmt{color:#26afc6;}
/*ピンク色（安心パック）*/
.site-icon-box.site-icon-box--color-ansin{border-bottom:3px solid #e26689;}
.site-icon-box h2.site-icon-h2--color-ansin{color:#e26689;}
/*緑色（オーダーメイドコース）*/
.site-icon-box.site-icon-box--color-ordermade{border-bottom:3px solid #198946;}
.site-icon-box h2.site-icon-h2--color-ordermade{color:#198946;}
/*黄緑色（オンライン学科）*/
.site-icon-box.site-icon-box--color-online_gakka{border-bottom:3px solid #64a525;}
.site-icon-box h2.site-icon-h2--color-online_gakka{color:#64a525;}
/*オレンジ（ペーパードライバー）*/
.site-icon-box.site-icon-box--color-paper{border-bottom:3px solid #ff4e00;}
.site-icon-box h2.site-icon-h2--color-paper{color:#ff4e00;}
/*紫（初心者講習・高齢者・企業）*/
.site-icon-box.site-icon-box--color-kousyu{border-bottom:3px solid #8655c6;}
.site-icon-box h2.site-icon-h2--color-kousyu{color:#8655c6;}
/*緑（対面学科配布問題ぺージ）*/
.site-icon-box.site-icon-box--color-mondai{border-bottom:3px solid #28a745;}
.site-icon-box h2.site-icon-h2--color-mondai{color:#28a745;}
/*青（学科試験対策問題ぺージ）*/
.site-icon-box.site-icon-box--color-taisaku{border-bottom:3px solid #0d6efd;}
.site-icon-box h2.site-icon-h2--color-taisaku{color:#0d6efd;}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.site-icon-box h2.site-icon-h2 {
		font-size:24px;
	}
	.site-icon-box span.midashi_en {
		display:none;
	}
}
/*---------------------------------------
 　共通：表【A】カラー＋グレー
-----------------------------------------*/
table.com_tableA {
	margin:0 0 5px;
}
table.com_tableA th,table.com_tableA td {
	border-bottom:2px #FFF solid;
	border-right:2px #FFF solid;
}
table.com_tableA td {
	background: #f1f1f1;
    padding: 10px 1em;
	vertical-align:middle;
}
table.com_tableA th {
	padding:10px 1em;
	vertical-align:middle;
}
/*幅（th）調節*/
table.table_width th.th_width-18 {
	width:18%;
}
/*メインカラー*/
table.com_tableA .th--color-main {
	background: #dc3545;
    color: #FFF;
}
/*薄緑色（準中型）*/
table.com_tableA .th--color-jyun_tyugata {
	background: #62cc89;
    color: #FFF;
}
/*青色（中型）*/
table.com_tableA .th--color-tyugata {
	background: #036eb7;
    color: #FFF;
}
/*水色（AT限定解除）*/
table.com_tableA .th--color-atmt {
	background: #26afc6;
    color: #FFF;
}
/*ピンク色（安心パック）*/
table.com_tableA .th--color-ansin {
	background: #e26689;
    color: #FFF;
}
/*緑色（オーダーメイドコース）*/
table.com_tableA .th--color-ordermade {
	background: #198946;
    color: #FFF;
}
/*オレンジ（ペーパードライバー）*/
table.com_tableA .th--color-paper {
	background: #f26336;
    color: #FFF;
}
/*紫（初心者講習・高齢者・企業）*/
table.com_tableA .th--color-kousyu {
	background: #ab92d3;
    color: #FFF;
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	/*スマホ（レスポンシブ）*/
	table.table_spsize th, table.table_spsize td {
		display:block;
	}
	table.table_width th.th_width-18 {
		width:100%;
	}
	/*パソコンサイズのまま*/
	.com_tableA_area, .com_tableB_area {
		width:100%;
		overflow-x:auto;
	}
	.table_pcsize {
		width: max-content;
		white-space: nowrap;
	}
}
/*---------------------------------------
 　共通：表【B】カラー＋白
-----------------------------------------*/
table.com_tableB {
	margin:0 0 5px;
	border-left:1px #f1f1f1 solid;
}
table.com_tableB th,table.com_tableB td {
	border-bottom:1px #f1f1f1 solid;
	border-right:1px #f1f1f1 solid;
	text-align:center;
}
table.com_tableB td {
    padding: 10px 1em;
	vertical-align: middle;
}
table.com_tableB th {
	padding:10px 1em;
	vertical-align:middle;
}
/*オレンジ（ペーパードライバー）*/
table.com_tableB .th--color-paper {
	background: #f26336;
    color: #FFF;
}
/*紫（初心者講習・高齢者・企業）*/
table.com_tableB .th--color-kousyu {
	background: #ab92d3;
    color: #FFF;
}

/*---------------------------------------
 　共通：ボックスデザイン【点線】
-----------------------------------------*/
.com_frame_box {
    padding: 1em 2em;
}
.com_frame_box  .com_frame_tit {
	font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.com_frame_box  .com_frame_text {
    margin-bottom: 5px;
}
/*オレンジ（ペーパードライバー）*/
.com_frame_box--color-paper {
	border: dashed 2px #ff4e00;	
}
/*紫（初心者講習・高齢者・企業）*/
.com_frame_box--color-kousyu {
	border: dashed 2px #8655c6;	
}
/*---------------------------------------
 　共通：リストデザイン
-----------------------------------------*/
/*番号：リストデザイン（①）*/
.com_number_list {
	margin:0 0 1.5em 1.5em;
	list-style: none;
	counter-reset: custom-counter; /* カウンター名を「custom-counter」として初期化 */
}
.com_number_list li {
	counter-increment: custom-counter; /* カウンター名「custom-counter」 */
	position: relative;
	padding-left: 2em; /* 円の幅＋余白 */
	margin-bottom: 5px;
	line-height: 1.5;
	font-size:14px;
}
.com_number_list li::before {
	content: counter(custom-counter);/*①から連番で表示*/
	position: absolute;
	left: 0;
	top: 20%;
	width: 1.3em;/* 正円のサイズ */
	height: 1.3em;
	border-radius: 50%;
	border: 1px solid #999; 
	display: flex;/* 数字を中央寄せ */
	align-items: center;
	justify-content: center;
	font-size: 11px; /* 数字のサイズ */
	line-height: 2;
}
/*黒点：リストデザイン（・）*/
.com_disc_list{
	margin:0 0 0.5em 3em;
}
.com_disc_list li {
	list-style:disc;
}
.com_disc_list--big li{
	font-size:14px;/*大きいフォントバージョン*/
	margin-bottom:4px;
}
.com_disc_list--big li span {
	color: #333;
    padding-left: 2em;
}
/*メインカラー*/
.com_disc_list--colot-main li { color:#dc3545;}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.com_disc_list {
		margin:0 0 0.5em 2em;
	}
}
/*---------------------------------------
 　共通：注意文
-----------------------------------------*/
.com_notice_area {
	border-radius: 5px;
    padding: 16px;
	margin-bottom:20px;
}
.com_notice_area .com_notice_tit p {
	font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}
.com_notice_area .com_notice_margin {
	padding:0 1em;
}
.com_notice_area .com_notice_text p {
	margin-bottom:2px;
	text-indent: -1em;
    padding-left: 1em;
}
.com_notice_area .com_notice_text ul {
	margin:0 0 0 2em;
}
.com_notice_area .com_notice_text li {
	margin-bottom:4px;
}
/*メインカラー*/
.com_notice--color-main {
	background: #fdecee;
}
/*薄緑色（準中型）*/
.com_notice--color-jyun_tyugata {
	background: #e7f7ea;
}
/*青色（中型）*/
.com_notice--color-tyugata {
	background: #e1edf4;
}
/* 水色（AT限定解除）*/
.com_notice--color-atmt {
	background: #e7f2f2;	
}
/*ピンク色（安心パック）*/
.com_notice--color-ansin {
	background: #fcedf2;
}
/*緑色（オーダーメイドコース）*/
.com_notice--color-ordermade {
	background:#e4f2e9;
}
/* （オンライン学科教習ガイド）*/
.com_notice--color-guide {
	background: #eef9f3;	
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.com_notice_area .com_notice_margin {
		padding:0;
	}
}
/*---------------------------------------
 　共通：教習ボタンマウスオーバー（ぺージ上部）
-----------------------------------------*/
.menu_btn img {
	width:100%;
}
/*---------------------------------------
 　共通：注意・禁止事項（※サングラス禁止）
-----------------------------------------*/
.com_kinshi_area {
	padding: 2em;
	margin-top:40px;
}
.com_kinshi_area p {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-bottom:0;
}
/*メインカラー*/
.com_kinshi--color-main {
	background: #dc3545;
}
/*---------------------------------------
 　共通：○○免許とは？（左カラム：画像＋右カラム：テキスト）
-----------------------------------------*/
.com_about_area {}
.com_about_area .com_about_h4{
	margin-bottom:0.5em;
	font-size:22px;
	font-weight:500;
	line-height:1.4;
}
.com_about_area .com_about_note {
    padding: 1em;
	margin-bottom:1.5em;
	background: #fdecee;
    border-radius: 5px;
}
.com_about_area .com_about_note p {
	margin-bottom:2px;
}
.com_about_list ul {
	margin: 0;
}
.com_about_list li {
	list-style: none;
}
.com_about_list li h3 {
	margin-bottom:0.5em;
	font-size: 17px;
    font-weight: bold;
}
.com_about_list li h3:before {
	content:"●";
	margin-right:0.5em;
}
.com_about_list li .com_about_text {
	margin: 0 0 1em 2em;
}
/*メインカラー*/
.com_about_h4--color-main,.com_about_title--color-main {
	color: #dc3545;
}
/*薄緑色（準中型）*/
.com_about_h4--color-jyun_tyugata,.com_about_title--color-jyun_tyugata {
	color: #62cc89;
}
/*青色（中型）*/
.com_about_h4--color-tyugata,.com_about_title--color-tyugata {
	color: #036eb7;
}
/* 水色（AT限定解除）*/
.com_about_h4--color-atmt,.com_about_title--color-atmt {
	color: #26afc6;
}
/*ピンク色（安心パック）*/
.com_about_h4--color-ansin,.com_about_title--color-ansin {
	color: #e26689;
}
/*緑色（オーダーメイドコース）*/
.com_about_h4--color-ordermade,.com_about_title--color-ordermade {
	color:#198946;
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.com_about_area .com_about_h4 {
		font-size:20px;
	}
}
/*---------------------------------------
 　共通：○○教習の特徴（01～03）
-----------------------------------------*/
h4.com_point_3box_tit {
	margin-bottom:0;
	font-size: 16px;
    font-weight: bold;
}
span.com_point_3box_number {
    display: inline-block;
    padding: 16px 20px;
    margin-right: 14px;
	color: #FFF;
    font-size: 25px;
    font-weight: 500;
}
/*水色（AT限定解除）*/
.com_point_3box_tit--color-atmt {	
    border: 2px solid #26afc6;
}
.com_point_3box_tit--color-atmt span.com_point_3box_number {
	background: #26afc6;
}
/*ピンク色（安心パック）*/
.com_point_3box_tit--color-ansin {	
    border: 2px solid #e26689;
}
.com_point_3box_tit--color-ansin span.com_point_3box_number {
	background: #e26689;
}
/*緑色（オーダーメイドコース）*/
.com_point_3box_tit--color-ordermade {	
    border: 2px solid #198946;
}
.com_point_3box_tit--color-ordermade span.com_point_3box_number {
	background: #198946;
}
/*---------------------------------------
 　共通：こんな方におすすめ
-----------------------------------------*/
.com_target_box {
    padding: 1.5em;
	border-radius: 5px;
}
h4.com_target_box_tit {
	font-size: 17px;
    font-weight: bold;
    margin-bottom: 0.5em;
}
h4.com_target_box_tit:before {
	content: "●";
    margin-right: 0.5em;
}
p.com_target_box_text {
	margin: 0 0 0 2em;
}
/*水色（AT限定解除）*/
.com_target_box--color-atmt {
	border:1px #afdce0 solid;
}
.com_target_box_tit--color-atmt:before {	
    color: #26afc6;
}
/*ピンク色（安心パック）*/
.com_target_box--color-ansin {
	border:1px #fcedf2 solid;
}
.com_target_box_tit--color-ansin:before {	
    color: #e26689;
}
/*緑色（オーダーメイドコース）*/
.com_target_box--color-ordermade {
	border:1px #cfe5d8 solid;
}
.com_target_box_tit--color-ordermade:before {	
    color: #198946;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.com_target_box {
		padding:1em;
	}
	h4.com_target_box_tit {
		font-size:16px;
	}
}
/*---------------------------------------
 　共通：フロー
-----------------------------------------*/
/* フロー全体のベース設定 */
.com_step_flow {
  position: relative;
  list-style: none;
  padding: 0 0 0 28px;
  margin: 0 0 0 20px;
}
/* 左側の縦線 */
.com_step_flow::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 50px;
  left: 6px;
  width: 2px;
}
/* 各ステップのブロック */
.com_step_item {
  position: relative;
  padding-bottom: 20px;
}
.com_step_item:last-child {
  padding-bottom: 0;
}
/* 青丸ドット */
.com_step_item::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -28px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 1;
}
/* STEPラベル（STEP 1, STEP 2...） */
.com_step_label {
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
/* タイトル */
.com_step_title {
  margin: 4px 0 0 0;
  font-size: 15px;
  font-weight: bold;
  color: #222;
  line-height: 1.4;
}
/* 説明テキスト */
.com_step_text {
  margin: 0;
  font-size: 13px;
  color: #666666;
  line-height: 1.6;
}
/*メインカラー*/
.com_step_flow--color-main::before { background-color: #dc3545;}
.com_step_item--color-main::before { background-color: #dc3545;}
.com_step_label--color-main { color: #dc3545;}
/*水色（AT限定解除）*/
.com_step_flow--color-atmt::before { background-color: #26afc6;}
.com_step_item--color-atmt::before { background-color: #26afc6;}
.com_step_label--color-atmt { color: #26afc6;}
/*緑色（オーダーメイドコース）*/
.com_step_flow--color-ordermade::before { background-color: #198946;}
.com_step_item--color-ordermade::before { background-color:#198946;}
.com_step_label--color-ordermade { color: #198946;}
/*黄緑色（オンライン学科）*/
.com_step_flow--color-online_gakka::before { background-color: #64a525;}
.com_step_item--color-online_gakka::before { background-color:#64a525;}
.com_step_label--color-online_gakka { color: #64a525;}

/*---------------------------------------
 　共通：お問い合わせボタン（ぺージ下部）
-----------------------------------------*/
p.info_btn_text{
	margin-bottom:4px;
}
/*電話番号*/
.info_btn_area {
	display:flex;
	gap:20px;
}
.info_btn_phone img {
	margin-top:5px;
}
/*ボタンレイアウト（黒）*/
.info_btn_group{
	display: flex;
    align-items: center;
    gap: 12px;
}
a.info_btn {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px;
    background: #333;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 50px;
}
a.info_btn:hover {
	background: #dc3545;
    color: #FFF;
}
span.info_btn_icon {
	display: inline-flex;
    width: 18px;
    height: 18px;
}
span.info_btn_a {
	display: inline-flex;
}
/*電話*/
span.info_btn--tel {
	content: "";
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_04.png) no-repeat;
    background-position: center;
}
/*WEB予約*/
span.info_btn--web {
	content: "";
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_02.png) no-repeat;
    background-position: center;
}
/*資料請求*/
span.info_btn--shiryou {
	content: "";
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_03.png) no-repeat;
    background-position: center;
}
/*オーダーメイドコース*/
span.info_btn--ordermade {
	content: "";
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_07.png) no-repeat;
    background-position: center;
	width:22px;
}
/*矢印*/
span.info_btn_arrow {
	width: 16px;
    height: 16px;
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_05.png) no-repeat;
}
/*ボタンレイアウト（白）*/
a.info_dl_btn {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px;
    background: #fdfdfd;
    color: #333;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 50px;
    border: 1px #333 solid;
}
a.info_dl_btn:hover {
	background: #e5e5e5;
    color: #333;
}
span.info_dl_btn_icon {
	display: inline-flex;
    width: 18px;
    height: 18px;
}
span.info_dl_btn_a {
	display: inline-flex;
}
/*ダウンロードPDF*/
span.info_dl_btn--pdf {
	content: "";
    background: url(https://hyogoken.info/wp-content/uploads/gakka_icon_04.png) no-repeat;
    background-position: center;
}
/*矢印*/
span.info_dl_btn_arrow {
	width: 16px;
    height: 16px;
    background: url(https://hyogoken.info/wp-content/uploads/info_btn_icon_06.png) no-repeat;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.info_btn_area {
		flex-direction: column;
		gap: 6px;
	}
	.info_btn_group {
		align-items:normal;
		flex-direction:column;
	}
	a.info_btn {
		letter-spacing:0;
	}
	a.info_dl_btn {
		letter-spacing:0;		
	}
}
/*---------------------------------------
 　トップぺージ：お知らせ
-----------------------------------------*/
/*バックナンバーはコチラ*/
.top_backnumber {
	clear:both;
	text-align:right;
}
table.oshirase_list tr { border:none; }
table.oshirase_list th { width:100px }
table.oshirase_list th,
table.oshirase_list td {
	border:none;
	border-bottom:solid 1px #ccc;
	padding:10px 0px;
}

span.list_new {
    background: #ff4500;
    padding: 1px 6px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
}
@media screen and (max-width: 479px) {
	table.oshirase_list th { width:56px }
}
/*---------------------------------------
 　トップぺージ：カレンダー
-----------------------------------------*/
.top_calendar { clear:both; }
.top_calendar .top_calendar_tit {text-align:center;}
.top_calendar p { margin-bottom:0; }
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
	.calendar_sp {
		 display:none;
	}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
	.calendar_sp {
		display:none;
	}
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
	.calendar_pc {
		display:none;
	}
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	.calendar_pc {
		display:none;
	}
}
/*---------------------------------------
 　トップぺージ：教習プラン
-----------------------------------------*/
.top_content_area {
	max-width:720px;
	border: solid 2px #693905;
    border-radius: 5px;
    padding: 5px 0px;
	margin:auto;
    background: #FFF;
}
/*---------------------------------------
 　トップぺージ：ボタン（青・赤）
-----------------------------------------*/
.top_btn_area {
	max-width:720px;
	margin:auto;	
}
/*---------------------------------------
 　施設のご紹介ぺージ
-----------------------------------------*/
.schoolmap_room_btn a {
    display: block;
	background:#dc3545;
	padding: 10px 0px;
	color:#FFF;
	font-size: 20px;
    font-weight: bold;
    text-align: center;
	letter-spacing:2px;
    border-radius: 5px;
}
.schoolmap_room_btn a:hover {
	background: #FFF;
	color:#dc3545;
    border: 1px #dc3545 solid;
	margin:-1px;
}

/*---------------------------------------
 　オンライン学科ぺージ
-----------------------------------------*/
.online_gakka_box .online_gakka_tit {
	color: #64a525;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
.online_gakka_box .online_gakka_tit:before {
	content: "●";
    margin-right: 5px;
}
/*---------------------------------------------------
 　ペーパードライバー
---------------------------------------------------*/
.paper_cartype_box {
	display: flex;
    gap: 20px;
    align-items: center;
	margin-bottom: 10px;
}
.paper_cartype_name {
    display: table;
	min-width:190px;
    padding: 10px 20px;
	background: #f26336;
    border-radius: 5px;
}
.paper_cartype_name p{
	margin-bottom:0;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
	text-align:center;
}
.paper_cartype_text p {
	margin-bottom:0;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.paper_cartype_box {
		align-items: normal;
		flex-direction: column;
	}
}
/*---------------------------------------------------
 　企業講習
---------------------------------------------------*/
.business_setsubi_box p.business_setsubi_tit {
    margin-bottom: 8px;
    color: #8655c6;
	font-size: 16px;
    font-weight: 700;
}
.business_setsubi_box p.business_setsubi_text {
    text-align: justify;
}
/*STEP*/
p.business_step {
    margin: 0;
    padding: 5px 20px;
    display: table;
    color: #FFF;
	background: #ab92d3;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
}
/*---------------------------------------
 　教習カリキュラム
-----------------------------------------*/
.curriculum_notes {
	background: #dc3545;
    padding: 2em;
    margin-top: 20px;
}
.curriculum_notes p {
	color: #FFF;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}
/*---------------------------------------
 　無料送迎バス
-----------------------------------------*/
.bus_text_area ul {
	margin:0 0 1.5em 2em;
}
.bus_text_area li {
	list-style:decimal;
}
/*ルート名*/
.timetable-title {
	font-size:20px;
}
/*日曜日チェック*/
label.sunday-check-label {
	background: #eeeeee;
    display: table;
    float: left;
    line-height: 4;
    padding: 0 2em;
    margin-right: 1em;
}
span.timetable-note {
    line-height: 4;	
}

/* テーブルスタイル */
.table-wrapper {
	margin-top:20px;
}
.timetable{
	border-top: 1px #cfcfcf solid;
    border-left: 1px #cfcfcf solid;
}
.timetable tr.highlight-row {
	background: #dc3545;
    color: #FFF;
}
.timetable th,.timetable td {
	padding: 8px 4px;
	border-right: 1px #cfcfcf solid;
    border-bottom: 1px #cfcfcf solid;
}
.timetable th {
	background-color: #9e9e9e;
	color: #fff;
	text-align:center;
}
.timetable td.number {
	background-color: #9e9e9e;
	color: #fff;
	text-align:center;
	font-weight:bold;
} 
.timetable td.station-name {
	text-align:center;
}
.bus_notice {
	margin-bottom:20px;
}
.bus_notice p {
	margin-bottom:2px;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	/*日曜日チェック*/
	label.sunday-check-label {
		float:none;
		margin-bottom:10px;
	}
	span.timetable-note {
		line-height:1.8;
	}
}
/*---------------------------------------
 　よくある質問
-----------------------------------------*/
/*質問Q*/
.su-spoiler-title:focus {
	outline:none !important;
}
.su-spoiler-style-fancy {
	border: 1px solid #efe5af !important;
    border-radius: 5px !important;
}
.su-spoiler-style-fancy>.su-spoiler-title {
	border-bottom:1px solid #efe5af !important;
}
.su-spoiler-style-fancy.qa_box .su-spoiler-title {
	background:#fff8d5 no-repeat right;
	background-image:url(https://hyogoken.info/wp-content/uploads/qa_bk_01.png);
	font-size:15px;
    border-radius: 5px;
}
/*回答A*/
.su-spoiler-content .qa_list li {
	list-style: none;
    font-size: 14px;
	text-indent: -1.5em;
    padding-left: 1.5em;
}
.su-spoiler-content .qa_list li span {
    margin-right: 4px;
	color: #dc3545;
    font-size: 16px;
    font-weight: bold;
}
.su-spoiler-content .qa_list li a {
	border-bottom: 1px #dc3545 solid;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.su-spoiler-style-fancy.qa_box .su-spoiler-title {
		background-image:none;
	}
}
/*---------------------------------------
 　求人情報ぺージ
-----------------------------------------*/
.recruit_text p {
	font-size:16px;
}
.recruit_3box {
	padding:20px;
	background:#FFF;
}
.recruit_3box img {
	margin-bottom:6px;
}
.recruit_3box h3 {
	font-size: 16px;
    font-weight: bold;
	margin-bottom:8px;
}
.recruit_3box p {
	margin-bottom:0;
}
/*表*/
table.recruit_table {
	margin:0 0 5px;
	border:2px #dc3545 solid;
}
table.recruit_table th,.recruit_table td {
	border-bottom:1px #ddd solid;
}
table.recruit_table tr:last-child th {
	border-bottom:none;
}
table.recruit_table td {
	height:80px;
    padding: 10px 1em;
	vertical-align: middle;
}
table.recruit_table th {
	padding: 10px 1em;
    background: #dc3545;
    color: #fff;
    vertical-align: middle;
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	/*表*/
	table.recruit_table td {
		height:auto;
	}
}
/*---------------------------------------
 　オンライン学科教習ガイド（生徒専用ページ）
-----------------------------------------*/
/*注意事項*/
.guide_notes {
	background: #dc3545;
    padding: 2em;
    margin-top: 20px;
}
.guide_notes p {
	color: #FFF;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}
/*STEP*/
.guide_area {
	padding:10px 30px;
	margin-bottom:20px;
	border-top:2px #2cc96e solid;
	border-bottom:1px #e3e3e3 solid;
	border-right:1px #e3e3e3 solid;
	border-left:1px #e3e3e3 solid;
}
h3.guide_tit {
	font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
	line-height: 3;
	border-bottom: 2px #e3e3e3 dotted;
}
h3.guide_tit span {
	color: #2dcc70;
    margin-right: 1em;
}
a.guide_btn {
	display:inline-block;
	padding: 10px 20px;
    border: 2px #dc3545 solid;
    border-radius: 50px;
	font-weight:bold;
}
a.guide_btn:hover {
	background: #dc3545;
    color: #FFF;
}
.guide_text p {}
/*STEP2*/
.guide_app_box {
	margin-bottom:10px;
}
p.guide_app_tit {
	font-size: 16px;
    margin-bottom: 0;
}
/*STEP3：ログイン方法*/
.guide_setting_area {
	margin-bottom:40px;
}
.guide_setting_area h4 {
    color: #2dcb70;
	font-size: 16px;
    font-weight: bold;
}
.guide_setting_login {
	margin: 0 0 2em 2em;
}
.guide_setting_login p {
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: 1px
}
.guide_setting_photo_area {
	display: flex;
    padding: 0 20px;
    gap: 100px;
}
.guide_setting_photo_box {
	width: 50%;
}
.guide_setting_photo_box p {
	font-size:16px;
}
p.guide_setting_photo_tit {
    padding: 5px;
	background: #27c76a;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}
.guide_text_b {
	font-weight: bold;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	/*STEP*/
	.guide_area {
		padding:10px;
	}
	h3.guide_tit {
		font-size:18px;
	}
	h3.guide_tit span {
		margin-right: 0.4em;
		font-size:15px;
	}
	a.guide_btn {
		font-size:15px;
	}
	/*STEP3：ログイン方法*/
	.guide_setting_photo_area {
		display:grid;
		gap: 10px;
	}
	.guide_setting_photo_box{
		width:100%;
	}
}
/*---------------------------------------
 　MUSASIログインぺージ（生徒専用ページ）
-----------------------------------------*/
.com_tableA .musasi_th {
	width:40%;
}
.com_tableA .musasi_td {
	font-size: 19px;
    font-weight: bold;
}
.musasi_box .musasi_tit {
	color: #dc3545;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
.musasi_box .musasi_tit:before {
	content: "●";
    margin-right: 5px;
}
/*---------------------------------------
 　学科配当表＋LINE用（生徒専用ページ）
-----------------------------------------*/
/*学科配当表*/
.gakka_pdf_area {
    overflow: hidden;
	margin-bottom:20px;
	border-bottom: 1px #999 dotted;
}
.gakka_pdf_box {
	float:left;
}
a#gakka_btn {
	border: none;
    font-weight: bold;
}
/*その他資料*/
.gakka_file_area {
	padding: 0 20px;
}
.gakka_file_box {
	position:relative;
	height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
	border-bottom: 1px #e9e9e9 solid;
}
.gakka_file_box img {
	margin-right:2em;
}
.gakka_file_box h4 {
    font-size: 16px;
    font-weight: bold;
    color: #dc3545;
	margin:0 2em 0 0;
}
.gakka_file_box p,.gakka_file_box a {
	margin:0;
}
.gakka_file_box p.gakka_file_text {
}
.gakka_file_box a.gakka_file_btn {
	position:absolute;
	right:0;
    padding: 8px 20px;
	color: #dc3545;
    font-weight: bold;
    border: 1px #dc3545 solid;
    border-radius: 50px;
}
.gakka_file_box a.gakka_file_btn:hover {
	background: #dc3545;
    color: #FFF;
}
/*オンライン学科のご案内*/
.online_annai_area {
	background: #fff7d7;
    border-radius: 5px;
	margin-top:50px;
    padding: 20px;
    color: #333;
}
.online_annai_tit {
	width:400px;
	margin:auto;
}
.online_annai_tit p {
	display: inline-flex;
    align-items: center;
	margin-bottom:0.5em;
	text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.online_annai_tit p:before{
	content: "";
	background-image:url(https://hyogoken.info/wp-content/uploads/gakka_icon_02.png);
	width: 35px;
    height: 30px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	margin-right:5px;
}
p.online_annai_text {
	text-align:center;
	letter-spacing:1px;
	font-size:15px;
	font-weight:500;
}
.online_annai_box {
    width: 800px;
    margin: auto;
	padding: 20px;
	background: #FFF;
    border-radius: 5px;
}
.online_annai_box ul {
	display:flex;
	justify-content: center;
}
.online_annai_box li {
	list-style: none;
	margin-right: 30px;
    font-size: 14px;
}
.online_annai_box li:before {
	content:url(https://hyogoken.info/wp-content/uploads/gakka_icon_03.png);
	margin-right: 0.5em;
}
.online_annai_btn {
	clear: both;
}
.online_annai_btn a {
    display: table;
    margin: auto;
    padding: 20px 50px;
	background: #f7d95c;
    color: #333;
    font-size: 17px;
    font-weight: 500;
    border-radius: 50px;
}
.online_annai_btn a:hover {
	color: #333;
    background: #f9ce1c;
}

/*767px以下で適用*/
@media screen and (max-width: 767px) {
	/*その他資料*/
	.gakka_file_box {
		display: block;
		height: auto;
	}
	.gakka_file_box img {
		margin-right:1em;
		float:left;
	}
	.gakka_file_box h4 {
		display: inline;
		margin:0;
		line-height: 1.8;
	}
	.gakka_file_box p {
		margin-top:10px;
	}
	.gakka_file_box a.gakka_file_btn {
		position:relative;
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	/*オンライン学科のご案内*/
	.online_annai_area {
		margin-top:20px;
		padding:14px;
	}
	.online_annai_tit {
		width:100%;
	}
	.online_annai_tit p {
		font-size: 20px;
	}
	.online_annai_tit p:before {
		width:25px;
	}
	.online_annai_box {
		width:100%;
		padding:14px;
	}
	.online_annai_box ul {
		display:block;
		margin:0;
	}
	.online_annai_box li {
		margin:0 0 5px 0;
	}
	.online_annai_btn a {
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 20px;
		font-size: 14px;
        text-align: center;
	}
}
/*---------------------------------------
 　対面学科配布問題ぺージ（生徒専用ページ）
 　学科試験対策問題ぺージ（生徒専用ページ）
-----------------------------------------*/
.section-title {
	font-size: 25px;
	font-weight: bold;
	margin: 1em 0 12px;
	color: #333;
}
/*▼対面学科配布問題ぺージ（生徒専用ページ）▼*/
/*タブボタンエリア*/
.tab-group {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}
.tab-btn {
	width: 300px;
    height: 100px;
	background-color: #FFF;
	color: #333;
	font-size:25px;
	font-weight: 500;
	border: 2px solid #ccc;
	border-radius: 6px;
}
.tab-btn--colorG.is-active {
	background-color: #28a745;
	color: #fff;
	border-color: #28a745;
}
.tab-btn--colorG:hover {
	background-color: #28a745;
	color: #fff;
	border-color: #28a745;
}
/* コンテンツ表示エリア */
.stage-content-area {
	margin-top: 80px;
}
.stage-content-area h2 {
	font-size: 25px;
	font-weight: bold;
	margin: 1em 0 12px;
	color: #333;	
}
.course-list {
	list-style: none;
	margin: 0;
}
.course-list li {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.course-num {
	font-size:16px;
	color: #28a745;
	margin-right: 15px;
}
.course-line {
	width: 30px;
    height: 1px;
    background: #28a745;
    margin-right: 15px
}
.course-title {
	flex: 1;
	font-size:18px;
	font-weight: 500;
	color: #333;
}
/*問題・回答*/
.btn-group {
	display: flex;
	gap: 8px;
}
.btn-question, .btn-answer {
	display: inline-block;
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.btn-question {
	background-color: #28a745;
	color: #fff;
	border: 1px solid #fff;
}
.btn-question:hover {
	background: #dc3545;
	color: #fff;
}
.btn-answer {
	background-color: #fff;
	color: #28a745;
	border: 1px solid #28a745;
}
.btn-answer:hover {
  background-color: #dc3545;
  color: #fff;
	border: 1px solid #dc3545;
}
/*▼学科試験対策問題ぺージ（生徒専用ページ）▼*/
/*言語ボタンエリア*/
.mondai_gengo {
	display: flex;
    gap: 12px;
    margin-bottom: 20px;
}
/*タブボタンエリア*/
.tab-btn--colorB.is-active {
	background-color: #0d6efd;
	color: #fff;
	border-color: #0d6efd;
}
.tab-btn--colorB:hover {
	background-color: #0d6efd;
	color: #fff;
	border-color: #0d6efd;
}
/*767px以下で適用*/
@media screen and (max-width: 767px) {
	.section-title {
		font-size:20px;
	}
	/*▼対面学科配布問題ぺージ（生徒専用ページ）▼*/
	/*タブボタンエリア*/
	.tab-group {
		display: grid;
	}
	/* コンテンツ表示エリア */
	.stage-content-area {
		margin-top:30px;
	}
	.stage-content-area h2 {
		font-size: 20px;
	}
	.course-list li {
		display:block;
	}
	.course-line {
		display:none;
	}
	/*問題・回答*/
	.btn-group {
		margin-top:10px;
	}
}