@CHARSET "UTF-8";

/* -------------------------------------- */
/* トップ画像コンテナ (tpimg-box) */
/* -------------------------------------- */
.tpimg-box{
	width:100%;
	margin:-5px auto 0;
}
.tpimg-box img{
	width:100%;
}

/* ====================================== */
/* 共通ユーティリティースタイル */
/* ====================================== */
.tx_c{
	/* 中央揃え */
	text-align:center;
}
.margin-top-2em{
	/* 上部マージン（会社情報などで使用） */
	margin-top:2.0em;
}

/* -------------------------------------- */
/* ページタイトル/コンテナ (cttl01-box) */
/* -------------------------------------- */
.cttl01-box{
	width:90%;
	margin:0 auto;
	position:relative;
}
.cttl01-box.first{
	margin-top:70px;
}
.cttl01-box > div{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	margin:2.0em auto 0;
	padding:0.5em;
	border-radius:20px 20px 0 0;
	color:#fff;
}
.cttl01{
	font-size:1.3em;
}

/* -------------------------------------- */
/* 講座セクション (sbb01) */
/* -------------------------------------- */
.sbb01{
	margin-top:0;
	padding:2.5em 0 1.5em;
}
.sbb01 img{
	border-radius:10px;
}
.sbb01 > article{
	width:95%;
	margin:0 auto;
	position:relative;
}
.sbb01 > article > span{
	position:absolute;
	left:0;
	top:-3.0em;
	color:#fff;
	border-radius:40px;
	padding:0.3em 1.0em;
	font-size:1.3em;
}
.sbb01 > article > div{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	margin:0 auto 2.0em;
	padding:1.0em;
	background-color:#fff;
	border-radius:20px;
}
.sbb01 > article > div > div:nth-child(1), .sbb01 > article > div > div:nth-child(2){
	padding:1.0em 0.5em;
	width:100%;
}
.sbb01 > article > div > div:nth-child(2) > table{
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
}
.sbb01 > article > div > div:nth-child(2) > table th{
	color:#fff;
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding:0.2em 0;
}
.sbb01 > article > div > div:nth-child(2) > table td{
	vertical-align:middle;
	font-weight:300;
	width:80%;
	font-size:0.8em;
}

/* -------------------------------------- */
/* 講座の説明部分 (sbb01-box / sbb01-txt) */
/* -------------------------------------- */
.sbb01-box{
	width:95%;
	margin:0 auto;
}
.sbb01-txt{
	width:95%;
	margin:0.5em auto;
	font-weight:300;
}
.sbb01-txt2{
	background-color:#fff;
	border-radius:10px;
	padding:1.0em 1.2em;
	margin-bottom:20px;
	font-weight:normal;
}

/* -------------------------------------- */
/* 講座のチラシ紹介部分 (sbb02) */
/* -------------------------------------- */
.sbb02{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:95%;
	margin:0 auto;
	padding:1.0em 0;
}
.sbb02 div{
	margin-top:2.0em;
}
.sbb02 div.w100, .sbb02 div.w75, .sbb02 div.w50{
	width:100%;
}
.sbb02 table{
	table-layout:
	fixed;width:100%;
}
.sbb02 table td{
	padding:0.2em;
	text-align:center;
}
.sbb02 table caption{
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto 1.0em;
	color:#FFFFFF;
	border-radius:45px;
	padding:0.3em 0;
	font-size:1.0em;
}
.sbb02 table caption.request{background-color:#87C15C;}
.sbb02 table caption.inquiry{background-color:#FFC014;}
.sbb02 table caption.infant{border-color:#FF536F;}
.sbb02 table caption.elem{background-color:#FC8328;}
.sbb02 table caption.junior{background-color:#2A9BE6;}
.sbb02 table caption.high{background-color:#009944;}
.sbb02 table caption.kousotsu{background-color:#1134A9;}
.sbb02 table caption.moss-green{background-color:#317550;}
.sbb02 table caption.close{background-color:#999999;}

/* -------------------------------------- */
/* 背景色/ヘッダー色 (講座ごと) */
/* -------------------------------------- */
.ebg01{
	background-color:#FFF0DB;
}
.ebg02{
	background-color:#FC8328;
}
.jbg01{
	background-color:#DEF2F6;
}
.jbg02{
	background-color:#2A9BE6;
}
.hbg01{
	background-color:#E8FFE2;
}
.hbg02{
	background-color:#009944;
}
.kbg01{
	background-color:#ECF4FE;
}
.kbg02{
	background-color:#1134A9;
}
.nbg01{
	background-color:#4FB878;
}

/* -------------------------------------- */
/* 見出しスタイル (smkttl01など) */
/* -------------------------------------- */
.smkttl01{
	font-weight:bold;
	font-size:1.2em;
	margin:1.8em 0 1.0em;
	text-align:center;
	padding:0.5em;
	border-radius:15px 15px 0 0;
	background-color:#419361;
}
.smkttl01 span{
	color:#fff;
}
.smkttl01-2{
	font-weight:bold;
	font-size:1.3em;
	margin:2.0em 0 1.0em;
	text-align:center;
	padding:0.5em;
	border-radius:20px 20px 0 0;
}
.smkttl01-2 span{
	color:#fff;
}
.smkttl01.nggc{
	background-color:#4FB878;
}
.smkttl01-2.nggc{
	background-color:#4FB878;
}
.smkttl01.elem{
	background-color:#FC8328;
}
.smkttl01-2.elem{
	background-color:#FC8328;
}
.smkttl01.junior{
	background-color:#2A9BE6;
}
.smkttl01-2.junior{
	background-color:#2A9BE6;
}
.smkttl01.high{
	background-color:#009944;
}
.smkttl01-2.high{
	background-color:#009944;
}
.smkttl01.kousotsu{
	background-color:#1134A9;
}
.smkttl01-2.kousotsu{
	background-color:#1134A9;
}
.smk02ttl02{
	font-size:1.3em;
	margin:1.0em 0 0.3em 0;
	color:#4FB878;
}
.smk02ttl02.nggc{
	color:#4FB878;
}
.smk02ttl02.elem{
	color:#FC8328;
}
.smk02ttl02.junior{
	color:#2A9BE6;
}
.smk02ttl02.high{
	color:#009944;
}
.smk02ttl02.kousotsu{
	color:#1134A9;
}
.smk02tbbtn{
	background-color:#ea3f25;
	display:inline-block;
	color:#FFFFFF;
	border-radius:5px;
	margin-bottom:20px;
	padding:0.4em 1.0em;
	margin:5px 0;
}
.smk02ttl03{
	text-align:center;
	display:inline-block;
	font-size:1.5em;
	background-color:#374034;
	color:#FFFFFF;
	border-radius:45px;
	padding:0.2em 2.0em;
	margin:0 auto 1.0em;
}
.smk02ttl03-cntbox{
	text-align:center;
}
.smk02ttl04{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:100%;
	background-color:#4FB878;/*#009245;/*#419361;*/
	color:#fff;
	padding:1.0em 0.5em;
	margin:0 auto;
}
.smk02ttl04 div:nth-child(1){
	border:2px solid #fff;
	padding:0.3em 0.5em;
}
.smk02ttl04 div:nth-child(2){
	font-size:1.5em;
	padding-left:1.0em;
}
.smk02ttl04 div:nth-child(3){
	background-color:#FF0000;
	color:#FFFF38;
	padding:0.3em 0.5em;
	margin-left:auto;
}
.smk02ttl04.nggc{
	background-color:#4FB878;
}
.smk02ttl04.infant{
	background-color:#FF536F;
}
.smk02ttl04.elem{
	background-color:#FC8328;
}
.smk02ttl04.junior{
	background-color:#2A9BE6;
}
.smk02ttl04.high{
	background-color:#009944;
}
.smk02ttl04.kousotsu{
	background-color:#1134A9;
}

/* -------------------------------------- */
/* テーブルスタイル (tbl01) */
/* -------------------------------------- */
.tbl01, .tbl02{
	width:100%;
	border-spacing:0;
	margin:0 auto 15px;
	font-size:0.8em;
}
.tbl01 th{
	border:1px solid #444;
	padding:0.5em 0.2em;
	vertical-align:middle;
	color:#fff;
}
.tbl01 td{
	border:1px solid #444;
	padding:0.5em 0.6em;
	background-color:#fff;
	vertical-align:middle;
}
.tbl01 th.bd-none, .tbl01 td.bd-none{
	border:none;
}
.tbl01 span, .tbl02 span{
	color:#4FB878;
	font-weight:bold;
}
.tbl02{
	border-collapse:separate;/*セル同士を分離させる（デフォルト設定）*/
	border-spacing:0.3em;/*隙間の大きさを指定（上下左右）*/
}
.tbl02 th, .tbl02 td{
	padding:0.3em 0.1em;
	vertical-align:middle;
	color:#fff;
}
.tbl02 td{
	color:initial;
	background-color:#fff;
}
.tbl01 th.tx_c, .tbl01 td.tx_c, .tbl02 th.tx_c, .tbl02 td.tx_c{
	text-align:center;
}
.tbl01 th.fw-n, .tbl01 td.fw-n, .tbl02 th.fw-n, .tbl02 td.fw-n{
	font-weight:normal;
}
.tbl01 th.fw-b, .tbl01 td.fw-b, .tbl02 th.fw-b, .tbl02 td.fw-b{
	font-weight:bold;
}
.tbl01 .nowrap, .tbl02 .nowrap{
	white-space:nowrap;
}
.sp{
	display:block;
}
/* テーブル内のリンクボタン */
.detail{
	font-size:0.75em;
	font-weight:bold;
	color:#4FB878;
	letter-spacing:-0.07em;
	padding:1px 7px;
	background-color:#fff;
	border:2px solid #4FB878;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;
	float:right;
}

/* -------------------------------------- */
/* 特典ボックス */
/* -------------------------------------- */
.tokuten_box01{
	margin-top:2.0em;
}
.tokuten_ttl01{
	padding:0.5em;
	font-size:1.2em;
	background-color:#ea3f25;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.tokuten_ttl01.c-yellow{
	color:#fff100;
}
.tokuten_box01.u-border{
	border-bottom:3px solid #ea3f25;
	padding-bottom:1.0em;
}
.tokuten_box02{
	border:3px solid #ea3f25;
	padding:1.0em;
	border-top:none;
	font-weight:normal;
	background-color:#fff;
}
.tokuten_box02.bgc-yellow{
	background-color:#FFFBC3;
}
.tokuten_box01 .fw-n, .tokuten_box02 .fw-n{
	font-weight:normal;
}
.tokuten_box01 .fw-b, .tokuten_box02 .fw-b{
	font-weight:bold;
}

/* -------------------------------------- */
/* 講座紹介ボックス */
/* -------------------------------------- */
.course-box01{
	margin-top:2.0em;
}
.course-ttl01{
	padding:0.5em;
	font-size:1.2em;
	background-color:#009245;/*#419361;*/
	color:#fff;
	font-weight:bold;
}
.course-ttl01.infant{background-color:#FF536F;}
.course-ttl01.elem{background-color:#FC8328;}
.course-ttl01.junior{background-color:#2A9BE6;}
.course-ttl01.high{background-color:#009944;}
.course-ttl01.kousotsu{background-color:#1134A9;}

.course-box01.u-border{
	border-bottom:3px solid #009245;/*#419361;*/
	padding-bottom:1.0em;
}
.course-box01.u-border.elem{border-color:#FC8328;}
.course-box01.u-border.junior{border-color:#2A9BE6;}
.course-box01.u-border.high{border-color:#009944;}
.course-box01.u-border.kousotsu{border-color:#1134A9;}

.course-box02{
	border:3px solid #009245;/*#419361;*/
	padding:1.0em;
	border-top:none;
	font-weight:normal;
	background-color:#fff;
}
.course-box02.bgc-white{background-color:#fff;}
.course-box02.bdc-white{border-color:#fff;}
.course-box02.elem{border-color:#FC8328;}
.course-box02.junior{border-color:#2A9BE6;}
.course-box02.high{border-color:#009944;}
.course-box02.kousotsu{border-color:#1134A9;}

.course-box01 .fw-n, .course-box02 .fw-n{
	font-weight:normal;
}
.course-box01 .fw-b, .course-box02 .fw-b{
	font-weight:bold;
}

/* -------------------------------------- */
/* 特徴ボックス */
/* -------------------------------------- */
.features-box02{
	margin:0 auto 1.0em;
	background-color:#FFF;
	border:2px solid #009245;/*#419361;*/
	padding:1.0em 1.0em 0em;
}
.features-box02.infant{border-color:#FF536F;}
.features-box02.elem{border-color:#FC8328;}
.features-box02.junior{border-color:#2A9BE6;}
.features-box02.high{border-color:#009944;}
.features-box02.kousotsu{border-color:#1134A9;}

.features-box02 h3{
	color:#009245;/*#419361;*/
	font-size:1.2em;
	margin-bottom:0.5em;
	font-weight:bold;
}
.features-box02 h3.infant{color:#FF536F;}
.features-box02 h3.elem{color:#FC8328;}
.features-box02 h3.junior{color:#2A9BE6;}
.features-box02 h3.high{color:#009944;}
.features-box02 h3.kousotsu{color:#1134A9;}

.features-box02 p{
	margin-bottom:1.2em;
}
.features-box02 p.fw-n{font-weight:normal;}
.features-box02 p.fw-b{font-weight:bold;}

/* -------------------------------------- */
/* その他テキスト・パーツ・非表示要素など */
/* -------------------------------------- */
.linkbtn01{
	display:block;
	margin:10px auto 0;
	text-align:center;
	color:#fff;
	border-radius:20px;
	width:90%;
	padding:0.3em;
}
#elem, #junior, #high{
	display:block;
	position:relative;
	top:-120px;
	visibility:hidden;
}
.end0805b{
	position:absolute;
	top:0;
	left:2.5%;
	width:95%;
	height:100%;
	background-color:white;
	opacity:0.6;
	z-index:1;
	border-radius:20px;
}
.end0805s{
	position:absolute;
	z-index:2;
	color:#fff;
	padding:1.0em 3.0em;
	border-radius:20px;
	font-size:1.3em;
	text-align:center;
}
/* TELの時間帯表記 */
.time-text{
	background-color:#59B972; 
	color:#fff; 
	padding:5px 20px; 
	border-radius:50px; 
	line-height:2.6; 
	font-size:80%;
}
.smk02tel01{
	display:inline-block;
	width:40%;
	margin:0.2em 0.5em;
	font-size:0.8em;
	border:2px solid #009944;
	border-radius:10px;
	text-align:center;
	padding:0.3em 0;
	font-weight:600;
}
.smk02tel01 span{
	color:#009944;
	font-size:0.8em;
}

/* -------------------------------------- */
/* 連絡先 (contact_box) */
/* -------------------------------------- */
.contact_btnbox{
	text-align:center;
	margin:0 0 4.0em 0;
}
.contact_box{
	text-align:center;
	display:inline-block;
	margin:1.0em;
	vertical-align:top;
}
.contact_box p{
	color:#009944;
}
.contact_box a, .contact_box span, .contact_box label{
	background-color:#87C15C;
	display:inline-block;
	color:#FFFFFF;
	border-radius:9999px;
	padding:0.8em 0.3em;
	min-width:280px;
}
.contact_box a.inquiry, .contact_box span.inquiry, .contact_box label.inquiry{background-color:#FFC014;}
.contact_box a.infant, .contact_box span.infant{background-color:#FF536F;}
.contact_box a.elem, .contact_box span.elem{background-color:#FC8328;}
.contact_box a.junior, .contact_box span.junior{background-color:#2A9BE6;}
.contact_box a.high, .contact_box span.high{background-color:#009944;}
.contact_box a.kousotsu, .contact_box span.kousotsu{background-color:#1134A9;}
.contact_box p.close{
	color:#999999;
}
.contact_box span{
	background-color:#999999;
}
.contact_box label{
	cursor:pointer;
}
.contact_txt{
	margin-bottom:10px;
	color:#009944;
}
.contact_txt.inquiry{color:#FFC014;}
.contact_txt.infant{color:#FF536F;}
.contact_txt.elem{color:#FC8328;}
.contact_txt.junior{color:#2A9BE6;}
.contact_txt.high{color:#009944;}
.contact_txt.kousotsu{color:#1134A9;}

/* -------------------------------------- */
/* 連絡先その２ (contact_box02) */
/* -------------------------------------- */
.call-txt{
	margin-bottom:10px;
	color:#009245;/*#419361;*/
	text-align:center;
}
.call-txt.red01{color:#C63127;}
.call-txt.red02{color:#F84D4D;}
.call-txt.request{color:#87C15C;}
.call-txt.inquiry{color:#FFC014;}
.call-txt.infant{color:#FF536F;}
.call-txt.elem{color:#FC8328;}
.call-txt.junior{color:#2A9BE6;}
.call-txt.high{color:#009944;}
.call-txt.kousotsu{color:#1134A9;}

.contact_box02{
	text-align:center;
	display:block;
	font-size:1.2em;
	margin:0 auto 30px;
}
.contact_box02 a{
	background-color:#F84D4D;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
	position:relative;
}
.contact_box02 span{
	background-color:#999;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
}
.contact_box02 label{
	background-color:#F84D4D;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
	position:relative;
	cursor:pointer;
}
.contact_box02 span.attention{
	padding:initial;
	margin:initial;
	font-size:0.6em;
	background-color:initial;
	border:none;
	box-shadow:initial;
	padding-top:10px;
}
/* アイコンのスタイル */
.contact_box02 a::before, .contact_box02 label::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	width:30px;
	height:30px;
	margin:auto;
	border-radius:20px;
	background-color:#fff;
}
.contact_box02 a::after, .contact_box02 label::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:0;
	height:0;
	margin:auto;
	border-top:9px solid transparent;
	border-right:0 solid transparent;
	border-left:15px solid #F84D4D;
	border-bottom:9px solid transparent;
	box-sizing:border-box;
}

/* ==================================================
	1. モーダル基本構造
	================================================== */
/* チェックボックス（非表示） */
.modal-toggle{
	display:none;
}
/* チェック時にモーダルを表示 */
/*.modal-toggle:checked ~ .modal-wrapper{*/
.modal-toggle:checked + .modal-wrapper{
	visibility:visible;
	opacity:1;
}
/* モーダル外側（背景） */
.modal-wrapper{
	visibility:hidden;
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(0, 0, 0, 0.85);
	transition:opacity 0.3s, visibility 0.3s;
	z-index:999;
	padding-top:80px;
}
/* モーダルコンテンツ（白枠） */
.modal-content{
	background:#fff;
	padding:1.2em;
	padding-bottom:1.4em;
	border-radius:8px;
	width:95%;
	max-height:450px;
	overflow-y:scroll;
	margin:0 auto;
}
/* 閉じるボタン */
.close-button{
	position:absolute;
	top:100px;
	right:30px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}

/* ==================================================
	2. 申込リンク・ボタン共通
	================================================== */
.modal-apply-list_ttl{font-size:1.2em;}
.modal-apply-list_wrapper p{
	font-size:initial;
	padding-top:15px;
}
.modal-apply-list{
	padding:0;
	margin:30px 0 0;
	list-style:none;
	display:flex;
	flex-direction:column; /* スマホ:縦並び */
	gap:20px;
}
.modal-apply-item{width:100%;}

/* ボタン本体（aとspan共通） */
.modal-apply-item a, 
.modal-apply-item span{
	position:relative;
	display:block;
	width:100%;
	padding:0.6em 0.2em;
	border-radius:5px;
	color:#fff;
	font-size:1.0em;
	text-decoration:none;
	text-align:center;
	box-sizing:border-box;
	background-color:#4FB878; /* デフォルト色 */
}

/* --- カラーバリエーション --- */
.modal-apply-item span{background-color:#999999;} /* 無効状態 */
.modal-apply-item .inquiry{background-color:#FFC014;}
.modal-apply-item .infant{background-color:#FF536F;}
.modal-apply-item .elem{background-color:#FC8328;}
.modal-apply-item .junior{background-color:#2A9BE6;}
.modal-apply-item .high{background-color:#009944;}
.modal-apply-item .kousotsu{background-color:#1134A9;}

/* ==================================================
	3. ボタン内アイコン（矢印）
	================================================== */
/* 白い丸背景 */
.modal-apply-item a::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	width:25px;
	height:25px;
	margin:auto;
	border-radius:999px;
	background-color:#fff;
}
/* 矢印（三角形）共通 */
.modal-apply-item a::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:0;
	height:0;
	margin:auto;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:11px solid #4FB878; /* デフォルト矢印色 */
	box-sizing:border-box;
}

/* 各色に合わせた矢印カラーの適用 */
.modal-apply-item a.inquiry::after{border-left-color:#FFC014;}
.modal-apply-item a.infant::after{border-left-color:#FF536F;}
.modal-apply-item a.elem::after{border-left-color:#FC8328;}
.modal-apply-item a.junior::after{border-left-color:#2A9BE6;}
.modal-apply-item a.high::after{border-left-color:#009944;}
.modal-apply-item a.kousotsu::after{border-left-color:#1134A9;}

/* -------------------------------------- */
/* 過去の的中例 (prediction) */
/* -------------------------------------- */
.prediction{width:100%;margin:2.0em 0;}
.prediction .pc{display:none;}
.prediction .sp{display:block;}
.prediction p{
	font:normal normal normal 19px/20px Hiragino Kaku Gothic ProN;
	font-weight:bold;
	text-align:center;
	color:#D90505;
	opacity:1;
	margin-bottom:3px;
}

/* -------------------------------------- */
/* ナビゲーション (course_nav) */
/* -------------------------------------- */
.course_nav-box{
	width:95%;
	margin:3.0em auto 0;
	overflow:hidden;
}
.course_nav ul, .course_nav2 ul, .course_nav4 ul{
	display:flex;
	justify-content:start;
	flex-wrap:wrap;
	align-items:flex-end;
	margin:0 -2px;
}
.course_nav ul li, .course_nav2 ul li, .course_nav4 ul li{
	width:50%;
	padding:0 2px;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:15px;
}
.course_nav.sp-w100 ul li, .course_nav2 ul li, .course_nav4 ul li.sp-w100{
	width:100%;
}
.course_nav4 ul li{
	width:50%;
}
.course_nav ul li a, .course_nav2 ul li a, .course_nav4 ul li a{
	position:relative;
	background-color:#419361;
	border-radius:5px;
	color:#FFFFEE;
	border:2px solid #419361;
	padding:0.5em 0;
	display:block;
	width:100%;
	font-size:0.8em;
	line-height:1.0em;
	height:40px;
	text-decoration:none;
}
.course_nav2 ul li a,.course_nav4 ul li a{
	height:auto;
	line-height:1.4em;
	font-size:0.9em;
}
.course_nav.crl ul li a, .course_nav2.crl ul li a, .course_nav4.crl ul li a{
	border-radius:999px;
}
.course_nav ul li a p{
	text-align:center;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	line-height:1.2em;
	margin:0;
}
.course_nav_txt-box{
	margin-bottom:20px;
}
.course_nav_txt-box p{
	font-size:initial;
	font-weight:normal;
}
.nav_txt{
	padding-bottom:7px;
	display:block;
	text-align:center;
	font-size:0.7em;
	line-height:1.2;
}
.nav_txt span{
	color:#419361;
}
.course_nav_arrow{
	font-size:1.3em;
	text-align:center;
	color:#419361;
	margin-top:-8px;
	line-height:1.0;
	position:relative;
	z-index:-1;
	transform:scale(2.0, 0.8);
}
.course_nav ul li a.infant, .course_nav2 ul li a.infant, .course_nav4 ul li a.infant{
	background-color:#fffdfc;
	color:#FF536F;
	border:2px solid #FF536F;
}
.course_nav ul li a.infant.inv, .course_nav2 ul li a.infant.inv, .course_nav4 ul li a.infant.inv{
	background-color:#FF536F;
	color:#FFF;
}
.course_nav_arrow.infant{
	color:#FF536F;
}
.course_nav ul li a.elem, .course_nav2 ul li a.elem, .course_nav4 ul li a.elem{
	background-color:#FEFBE0;
	color:#FC8328;
	border:2px solid #FC8328;
}
.course_nav ul li a.elem.inv, .course_nav2 ul li a.elem.inv, .course_nav4 ul li a.elem.inv{
	background-color:#FC8328;
	color:#FFF;
}
.course_nav_arrow.elem{
	color:#FC8328;
}
.course_nav ul li a.junior, .course_nav2 ul li a.junior, .course_nav4 ul li a.junior{
	background-color:#EBFAFF;
	color:#2A9BE6;
	border:2px solid #2A9BE6;
}
.course_nav ul li a.junior.inv, .course_nav2 ul li a.junior.inv, .course_nav4 ul li a.junior.inv{
	background-color:#2A9BE6;
	color:#FFF;
}
.course_nav_arrow.junior{
	color:#2A9BE6;
}
.course_nav ul li a.high, .course_nav2 ul li a.high, .course_nav4 ul li a.high{
	background-color:#F9FFE0;
	color:#009944;
	border:2px solid #009944;
}
.course_nav ul li a.high.inv, .course_nav2 ul li a.high.inv, .course_nav4 ul li a.high.inv{
	background-color:#009944;
	color:#FFF;
}
.course_nav_arrow.high{
	color:#009944;
}
.course_nav ul li a.kousotsu, .course_nav2 ul li a.kousotsu, .course_nav4 ul li a.kousotsu{
	background-color:#f3f6ff;
	color:#1134A9;
	border:2px solid #1134A9;
}
.course_nav ul li a.kousotsu.inv, .course_nav2 ul li a.kousotsu.inv, .course_nav4 ul li a.kousotsu.inv{
	background-color:#1134A9;
	color:#FFF;
}
.course_nav_arrow.kousotsu{
	color:#1134A9;
}

/* -------------------------------------- */
/* メニュー (menu) */
/* -------------------------------------- */
.menu{
	text-align:center;
	margin:2.0em 0;
}
.menu_box{
	text-align:center;
	display:inline-block;
	margin:1.0em 0.1em;
	vertical-align:top;
	font-size:1.0em;
}
.menu_box p{color:#009245;/*#419361;*/}
.menu_box p.close{color:#999999;}
.menu_box p.nggc{color:#4FB878;}
.menu_box p.infant{color:#FF536F;}
.menu_box p.elem{color:#FC8328;}
.menu_box p.junior{color:#2A9BE6;}
.menu_box p.high{color:#009944;}
.menu_box p.kousotsu{color:#1134A9;}
.menu_box p.close{color:#999999;}

.menu_box a, .menu_box span{
	display:inline-block;
	color:#FFFFFF;
	background-color:#009245;/*#419361;*/
	border-radius:10px;
	padding:1.0em;
}
.menu_box a.nggc, .menu_box span.nggc{background-color:#4FB878;}
.menu_box a.infant, .menu_box span.infant{background-color:#FF536F;}
.menu_box a.elem, .menu_box span.elem{background-color:#FC8328;}
.menu_box a.junior, .menu_box span.junior{background-color:#2A9BE6;}
.menu_box a.high, .menu_box span.high{background-color:#009944;}
.menu_box a.kousotsu, .menu_box span.kousotsu{background-color:#1134A9;}
.menu_box a.close, .menu_box span.close{background-color:#999999;}

.menu_box_arrow{
	font-size:1.3em;
	transform:scale(1.8, 0.8);
}

/* -------------------------------------- */
/* アコーディオン (courseaccbox) */
/* -------------------------------------- */
.courseaccboxttl{
	background-color:#4FB878;
	color:#fff;
	padding:0.5em 1.0em;
	font-size:1.0em;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto 0.7em;
	cursor:pointer;
}
.courseaccboxttl br.pc{
	display:block;
}
.courseaccboxttl br.sp{
	display:none;
}
.courseaccboxttl.elem{
	background-color:#FC8328;
}
.courseaccboxttl.junior{
	background-color:#2A9BE6;
}
.courseaccboxttl.high{
	background-color:#009944;
}
.courseaccboxttl.kousotsu{
	background-color:#1134A9;
}
.courseaccboxtd01{
	margin-left:1.0em;
	transform:rotate(90deg) scale(1,2);
}
.courseaccbox{
	padding-bottom:1.0em;
}

/* -------------------------------------- */
/* キーポイントセクション (kpt01) */
/* -------------------------------------- */
.kpt01{
	background-color:#E3F5D9;
	border-radius:20px;
	margin:0 auto 20px;
	padding:20px;
}
.kpt01 img{
	display:block;
	border-radius:5px;
	margin:0 auto;
	width:100%;
}
.kpt01 p{
	text-align:justify;
	font-size:0.9em;
	padding-top:20px;
}
.kpt01 p.fw-n{
	font-weight:normal;
}
.kpt01-whtbox{
	padding:20px;
	background-color:#FFF;
	border-radius:12px;
}

/* -------------------------------------- */
/* 学年ボタン (achv-box01, gakunen-btn) */
/* -------------------------------------- */
.achv-box01{
	width:100%;
	padding:2.0em 0 1.0em;
	margin:0;
}
.achv-box01 div{
	width:90%;
	margin:0 auto;
	text-align:center;
}
.achv-box01 div > p{
	font-weight:300;
	text-align:left;
}
.achv-linkbtn01, .achv-linkbtn02{
	font-size:1.2em;
	padding:0.2em 1.0em;
	border-radius:40px;
	display:inline-block;
	margin:1.0em 0.5em;
	box-shadow:0px 0px 2px 0px rgba(136, 136, 136, 1);
}
.achv-linkbtn01{
	color:#FFFFFF;
	background-color:#009944;
}
.achv-linkbtn02{
	color:#009944;
	background-color:#FFFFFF;
}
.gakunen-btn span{
	margin:-4.0em 0 1.0em 0;
	display:inline-block;
	color:#fff;
	border-radius:5px;
	padding:0.2em 1.2em 0.2em 1.2em;
	font-size:1.3em;
	font-weight:bold;
}
.gakunen-btn.elem span{
	background-color:#FC8328;
}
.gakunen-btn.junior span{
	background-color:#2A9BE6;
}
.gakunen-btn.high span{
	background-color:#009944;
}
.gakunen-btn.kousotsu span{
	background-color:#1134A9;
}

/* ========================================= */
/* 入塾の流れ 基本スタイル（スマホ・共通） */
/* ========================================= */

/* 教場への連絡先 */
.flw-access{
	display:block;
	text-align:center;
	text-decoration:underline;
}

/* --- 資料請求へのリンク --- */
.flw-box01{
	width:100%;
	background-color:#E7F3D1;
}
.flw-box01 div{
	width:95%;/*90%;*/
	margin:0 auto;
	padding:2.0em 0;
	font-weight:300;
}
.flw-box01 p{
	width:20.0em;
	margin:1.0em auto 0;
}

/* --- 校舎へお問合せ --- */
.flw-box02{
	width:100%;
	margin:2.5em 0 1.0em;
}
.flw-box02 div{
	width:90%;
	margin:0 auto;
}
.flw-box03{
	padding:2.0em 0 2.0em;
	background-color:#fff;
	box-shadow:0px 0px 5px 0px rgba(136, 136, 136, 0.5);
	border-radius:20px;
}
.flw-ttlno01{
	font-size:1.3em;
	color:#fff;
	background-color:#009944;
	border-radius:0 10px 10px 0;
	padding:0.2em 0.5em 0.2em 1.0em;
	margin:0 1.5em 0 0;
}
.flw-ttl01{
	font-size:1.2em;
}
.flw-txt01{
	padding:1.5em 2.5em 0;
	font-weight:300;
}
.flw-flex01{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:1.0em 2.0em 0;
}
.flw-flex01 div{
	width:100%;
}

/* --- 面談・カウンセリング／体験授業 --- */
.flw-flex02{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:1.0em 2.0em;
	font-weight:300;
}
.flw-flex02 div:nth-child(1){
	order:2;
	width:100%;
}
.flw-flex02 div:nth-child(2){
	order:1;
	width:100%;
	padding:0 1.0em 1.0em 1.0em;
}
.flw-txt02{
	width:95%;
	margin:0 auto;
	padding:0.5em 1.0em;
	background-color:#FFF2F2;
	border-radius:10px;
	color:#FF9797;
}

/* --- 入塾の緑の帯 --- */
.flw-box04{
	width:100%;
	margin:2.5em 0 0;
	background-color:#009944;
}
.flw-box04 div{
	width:90%;
	margin:0 auto;
	padding:2.5em 0;
	text-align:center;
	color:#fff;
}
.flw-txt03{
	text-align:center;
	margin:1.5em 0 4.0em;
}

/* ====================================== */
/* サンクスページ（.thanks-box）関連スタイル */
/* ====================================== */
.thanks-box{
	width:95%;
	margin:2.0em auto;
	font-weight:300;
}
.thanks-txt-box{
	margin:0 auto;
	background-color:#FFF;
	border:3px solid #374034;
	padding:1.5em 1.0em 0.5em; /* SP padding */
}
.thanks-txt-box h3{
	color:#009944;
	font-size:1.3em;
	margin-bottom:1.2em;
	font-weight:bold;
}
.thanks-txt-box p{
	margin-bottom:1.2em;
}

/* ====================================== */
/* プライバシーポリシー（.privacybox01）関連スタイル */
/* ====================================== */
.privacybox01{
	width:95%;
	margin:2.0em auto 0; /* margin-topが.thanks-boxと重複しているため共通化可能だが、今回はそのまま残す */
	background-color:#FFF;
	border:3px solid #374034;
	padding:2.0em 2.0em; /* SP/PC共通のpadding開始 */
}
.privacybox01 h3{
	color:#009944;
	font-size:1.2em;
}
.privacybox01 p{
	margin-bottom:1.2em;
}

/* ====================================== */
/* 会社情報（.company_sec01）関連スタイル */
/* ====================================== */
.company_sec01{
	width:90%; /* 他のブロックと幅が異なる */
	margin:0 auto;
	margin-top:2.0em;
}
.index_h2{
	width:100%;
	margin:0;
	background-color:#FEFFCF;
	border:3px solid #374034;
	text-align:center;
	padding:1.0em 0;
	font-size:1.0em;
	border-radius:20px;
}
.company_tbl01{
	width:100%;
	border-collapse:separate;
	border-spacing:0 0.3em;
}
.company_tbl01 th{
	padding:1.0em 0;
	width:30%;
	text-align:center;
	vertical-align:middle;
	background-color:#E1FFCF;
	border:2px solid #374034;
	border-right:none;
}
.company_tbl01 td{
	padding:1.0em 0;
	padding-left:1.5em;
	width:70%;
	text-align:left;
	vertical-align:middle;
	background-color:#FFF;
	border:2px solid #374034;
	font-size:0.7em;
}

/* =========================================================================
   1. 校舎一覧の基本・共通設定 (Utility)
   ========================================================================= */

/* スクロール対象アンカーの調整 */
#acc01, #acc02, #acc03, #acc04, #acc05, #acc06, #acc07, #acc08, #acc09, #acc10, #acc11, #acc12, #acc13, #acc14, #acc15, #acc16, #acc17, #acc18, #acc19, #acc20, #acc21, #acc22, #acc23, #acc24{
	display:block;
	position:relative;
	top:-120px;
	visibility:hidden;
}
/* 学年別カラーコード共通設定 */
.access-gakunen.elem, .access-kouza.elem{
	background-color:#FC8328; /* 小学生 */
}
.access-gakunen.junior, .access-kouza.junior{
	background-color:#2A9BE6; /* 中学生 */
}
.access-gakunen.high, .access-kouza.high{
	background-color:#009944; /* 高校生 */
}
.access-gakunen.kousotsu, .access-kouza.kousotu{
	background-color:#1134A9; /* 高卒・医系 */
}
.disabled{
	opacity:0.2; /* 対象外 */
}

/* =========================================================================
   2. 校舎一覧のパーツ別設定 (Parts)
   ========================================================================= */

/* --- 校舎ボタンリスト --- */
.axs-flex01{
	display:flex;
	flex-wrap:wrap;
	background-color:rgba(255, 151, 151, 0.32);
	border-radius:20px;
	padding:1.0em 0.5em;
	font-size:0.9em;
}
.axs-flex01 li{
	position:relative;
	width:50%; /* SP:2列 */
	padding:0.5em;
	box-sizing:border-box;
}
.axs-flex01 li a{
	display:block;
	width:100%;
	padding:0.7em 0;
	border:2px solid #FF9797;
	border-radius:15px;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
}
.triangle{
	display:block;
	width:0; height:0;
	position:absolute;
	bottom:16px; right:16px;
	border-left:15px solid transparent;
	border-bottom:15px solid #FF9797;
}

/* --- 校舎名ヘッダー --- */
.access-col_kousyamei{
	width:100%;
	border-bottom:3px solid #FF9797;
	color:#374034;
	margin:0 auto;
}
.access-col_kousyamei span{
	font-size:1.5em;
	position:relative;
	padding-left:2.1em;
}
.access-col_kousyamei span::before{
	content:"";
	position:absolute;
	top:50%; left:0;
	width:1.7em; height:1.7em;
	transform:translateY(-50%);
	background:url(/images/icon/access_ico01.webp?v5) no-repeat center / contain;
}

/* --- 学年情報ラベル --- */
.access-col_gakunen-icon{
	width:100%;
	text-align:center;
	padding:0.8em 0 1.5em;
	font-size:0.9em;
}
.access-gakunen{
	padding:0.3em 0.8em;
	color:#fff;
	border-radius:15px;
	margin:0 3px;
	display:inline-block;
}

/* --- 校舎詳細・画像・地図 --- */
.access-school_two_columns{
	padding-top:2.5em;
}
.access-school_item{
	margin-bottom:4.0em;
}
.access-kousya_wrapper{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.access-kousya_wrapper.next{
	margin-top:2.0em;
}

.access-kousya_detail{
	width:56%;
	color:#374034;
	line-height:1.6em;
	box-sizing:border-box;
}
.access-kousya_detail span{
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:0.7em;
}
.access-kousya_detail span.access{
	color:#fff;
	background-color:#FF9797;
	padding:0.4em 1.0em;
	display:inline-block;
}
.access-kousya_detail span.map{
	color:#fff;
	background-color:#313133;
	border-radius:999px;
	display:block;
	text-align:center;
	padding:0.6em 1.2em;
}
.access-kousya_detail span.tel{
	color:#fff;
	background-color:#FF9797;
	border-radius:999px;
	padding:0.4em 1.1em;
	display:inline-block;
	margin-top:2px;
}

.access-kousya_img{
	width:40%;
}
.access-kousya_img img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

/* --- 開設講座セクション --- */
.access-kouza_ttl{
	border-bottom:3px solid #374034;
	color:#374034;
	margin:1.5em 0 0.5em;
	font-size:1.3em;
}
.access-kouza_flexbox{
	display:flex;
	flex-wrap:wrap;
}
.access-kouza{
	width:calc(33.333% - 6px);
	height:4.0em;
	margin:3px;
	color:#fff;
	font-size:0.8em;
	border-radius:5px;
	overflow:hidden;
	text-align:center;
}
.access-kouza a{
	display:flex;
	width:100%; height:100%;
	align-items:center;
	justify-content:center;
	color:inherit;
	text-decoration:none;
}

/* --- 特殊リンク・ボタン --- */
.access-ikei-btn{
	color:#FFFFFF;
	display:block;
	border-radius:5px;
	background-color:#1134A9;
	text-align:center;
	padding:0.7em 1.5em;
	font-size:1.2em;
	line-height:1.5em;
	margin-top:1.0em;
	text-decoration:none;
}
.access-next-kousya{
	border:1px solid #374034;
	padding:0.2em 0.5em;
	display:inline;
}

/* --- 電話リンク (tellink) --- */
.tellink{margin:1.3em 0 0;}
.tellink a{
	display:block;
	width:280px;
	margin:0 auto;
	padding:0.4em 0;
	color:#009944;
	border:3px solid #009944;
	border-radius:999px;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
}
.tellink span{
	position:relative;
	padding-left:2.1em;
	font-size:1.0em;
}
.tellink span::before{
	content:"";
	position:absolute;
	top:50%; left:0;
	width:1.7em; height:1.7em;
	transform:translateY(-50%);
	background:url(/images/icon/access_ico02.webp) no-repeat center / contain;
}

/* ========================================= */
/* PC用スタイル（900px以上）
/* ========================================= */

/* 769px以上 */
@media only screen and (min-width:769px){
	/* ページタイトル/コンテナ */
	.cttl01-box > div{
		width:95%;
	}
	/* 講座セクション */
	.sbb01 > article > div{
		width:95%;
	}
	.sbb01 > article > div > div:nth-child(1){
		width:40%;
	}
	.sbb01 > article > div > div:nth-child(2){
		width:60%;
	}
	.sbb01 > article > div > div:nth-child(2) > table th{
		width:15%;
	}
	.sbb01 > article > div > div:nth-child(2) > table td{
		font-size:1.0em;
	}
	/* 連絡先 */
	.contact_box{
		margin:0;
	}
	/* 連絡先 (contact_box02) */
	.contact_box02{
		font-size:1.5em;
	}
	.contact_box02 a, .contact_box02 span, .contact_box02 label{
		padding:0.6em 4.0em;
		margin-bottom:30px;
		width:initial;
	}
	contact_box02 span.attention{
		font-size:0.6em;
		margin-bottom:0 !important;
		padding-top:10px;
	}
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスの見出し/コンテナ (h5m-box01, h5m-box02) */
/* --------------------------------------------------------------- */
.h5m-box01{
	width:100%;
	padding:2.0em 0 1.0em;
	margin:4.0em 0 0;
}
.h5m-box01 div{
	width:90%;
	margin:0 auto;
	text-align:center;
}
.h5m-box01 p{
	color:#202020;
	text-align:center;
	font-size:1.5em;
	border-bottom:3px solid #202020;
	line-height:2.5em;
}
.h5m-box02{
	width:100%;
	margin:2.0em 0;
}
.h5m-box02 > div{
	width:90%;
	margin:0 auto 0;
	text-align:center;
}
.h5m-box03{
	margin:0.5em 0 0;
	font-size:1.3em;
}
.h5m-box02_txt{
	text-align:left;
	font-weight:300;
	margin:0 0 1.5em;
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスのタイトル・テキストスタイル */
/* --------------------------------------------------------------- */
.h5m-ttl01{
	color:#FFFFFF;
	background-color:#009944;
	border-radius:5px;
	padding:0.3em 0;
	font-size:1.2em;
}
.h5m-ttl02{
	color:#FFFFFF;
	background-color:#9DC513;
	padding:0.3em 0;
	font-size:1.2em;
	width:95%;
	margin:0 auto;
}
.h5m-ttl03{
	border:2px solid #009944;
	border-radius:10px;
	color:#009944;
	font-size:1.4em;
	padding:0.4em 0 0.2em;
}
.h5m-box03 span{
	font-size:1.5em;
	color:#009944;
}
.h5m-txt01{
	margin:2.0em 0;
}
.back_yellow{
	background:linear-gradient(transparent 30%, #FFF951 30%);
	padding:0 1.0em;
}
.h5m-txt02{
	width:95%;
	margin:2.0em auto;
	padding:1.5em 1.0em;
	background-color:rgba(194, 241, 31, 0.23);
	text-align:left;
}

.h5m-ttl01 span{
	font-size:1.5em;
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスの画像・動画要素 */
/* --------------------------------------------------------------- */
.h5m-img01{
	width:90%;
	margin:1.0em 0;
}
.h5m-box05 video{
	width:100%;
}
.h5m-img02{
	margin:3.0em 0;
}
.h5m-img02 img{
	width:10%;
}
.h5m-img03{
	background-color:rgba(194, 241, 31, 0.23);
	padding:1.0em 1.0em;
}
.h5m-box06-ttl-img{
	width:90%;
	display:block;
	margin:0 auto -1.0em;
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスのFlex/グリッドレイアウト */
/* --------------------------------------------------------------- */
.h5m-flex01, .h5m-flex02{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:95%;
	margin:1.5em auto;
	text-align:left;
	font-weight:300;
}
.h5m-flex01 div:nth-child(1){
	padding:0 1.0em 0 0;
	order:2;
}
.h5m-flex01 div:nth-child(2){
	order:1;
}
.h5m-flex02 div:nth-child(1){
	padding:0 0 0 1.0em;
	width:50%;
	order:2;
}
.h5m-flex02 div:nth-child(2){
	width:50%;
	order:1;
}
.h5m-flex03{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:95%;
	margin:1.5em auto;
}
.h5m-flex03 div{
	width:50%;
	padding:1.0em;
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスのアコーディオン (acd-box) */
/* --------------------------------------------------------------- */
.acd-box{
	width:80%;
	margin:0.5em auto;
	border:2px solid #009944;
	border-radius:40px;
	background-color:#FFF;
	box-shadow:3px 4px 0 #009944;
}
.acd-check{
	display:none;
}
.acd-label{
	display:block;
	padding:1.0em 0 0;
	position:relative;
	cursor:pointer;
}
.acd-label span{
	color:#009944;
	background-color:#fff;
	padding:0.3em 1.2em 0.1em;
	border-radius:40px;
	font-size:3.5vw;
}
.acd-label:after{
	box-sizing:border-box;
	content:'\f055';
	display:block;
	color:#009944;
	transition:.5s;
	font-family:"Font Awesome 5 Free";
	height:100%;
	position:absolute;
	right:1.0em;
	top:1.0em;
	font-size:1.2em;
}
.acd-content{
	border-radius:40px;
	background-color:#fff;
	display:block;
	height:0;
	opacity:0;
	padding:0.5em;
	transition:.5s;
	visibility:hidden;
}
.acd-content p{
	width:60%;
	margin:0 auto;
}
.acd-content div{
	font-size:2.5vw;
	font-weight:300;
}
.acd-check:checked + .acd-label span{
	color:#FFF;
	background-color:#009944;
}
.acd-check:checked + .acd-label:after{
	content:'\f057';
}
.acd-check:checked + .acd-label + .acd-content{
	height:100%;
	opacity:1;
	margin:0 0 1.0em;
	padding:10px;
	visibility:visible;
}

/* --------------------------------------------------------------- */
/* 5分でわかる長井ゼミハンスのリンク・アンカー */
/* --------------------------------------------------------------- */
.h5m-box03 a{
	border-bottom:3px dotted #202020;
	line-height:2.5em;
	display:inline-block;
	width:12.0em;
	text-align:left;
	position:relative;
}
.h5m-box03 a:after{
	font-family:"Font Awesome 5 Free";
	content:'\f150';
	position:absolute;
	right:0;
	top:0;
	font-size:1.2em;
	color:#009944;
}
.h5m-link01{
	border:1px solid #374034;
	border-radius:40px;
	color:#374034;
	padding:0.3em 1.5em;
	display:block;
	margin:1.0em auto 0;
	width:18.0em;
	text-align:center;
}
#point01, #point02, #point03{
	display:block;
	position:relative;
	top:-80px;
	visibility:hidden;
}

/* -------------------------------------- */
/* h5m-box05 (動画/画像グリッド) */
/* -------------------------------------- */
.h5m-box05{
	margin:2.0em auto;
	padding:2.0em 0 5.0em;
	background-color:rgba(249, 241, 0, 0.23);
	border-top:3px dotted #9DC513;
	border-bottom:3px dotted #9DC513;
}
.h5m-box05 p{
	width:80%;
	margin:1.0em auto 0;
	padding:0.2em 0;
	background-color:#FFFFFF;
	text-align:center;
	box-shadow:0px 0px 5px 0px rgba(136, 136, 136, 0.5);
}
.h5m-box05 > div:nth-child(1){
	width:95%;
	margin:0 auto;
}
.h5m-box05 > div:nth-child(1) > div:nth-child(1) > img{
	width:60%;
}
.h5m-box05 > div:nth-child(1) > div:nth-child(2){
	display:flex;
	justify-content:stat;
	flex-wrap:wrap;
}
.h5m-box05 > div:nth-child(1) > div:nth-child(2) > div{
	width:50%;
	padding:5px;
}

/* -------------------------------------- */
/* h5m-box06 (キーポイント/画像) */
/* -------------------------------------- */
.h5m-box06{
	width:95%;
	margin:0 auto;
}
.h5m-box06 > div:nth-child(1){
	text-align:left;
	padding:1.0em 2.0em;
	font-weight:300;
}
.h5m-box06 > div:nth-child(1) > span{
	font-weight:600;
	color:#9DC513;
}
.h5m-box06 > div:nth-child(2){
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.h5m-box06 > div:nth-child(2) > div{
	width:100%;
	margin:10px 1%;
	padding:1.0em 0.5em;
	background-color:#EDF5C6;
	border-radius:20px;
}
.h5m-box06 > div:nth-child(2) > div > img{
	width:100%;
	vertical-align:top;
}
.h5m-box06 > div:nth-child(2) > div > p{
	background-color:#fff;
	border-radius:0 0 10px 10px;
	padding:0.5em;
	font-weight:300;
	text-align:left;
}
.h5m-box06 > div:nth-child(2) > div > p > span{
	font-weight:600;
	margin:0 0 0.5em 0;
	display:block;
	text-align:center;
}
.h5m-box06 > div:nth-child(3){
	margin:2.0em 0;
	padding:0;
}
.h5m-box06 > div:nth-child(3) > div{
	border:2px solid #9DC513;
	border-radius:10px;
	padding:2.0em 1.5em;
	text-align:left;
}
.h5m-box06 > div:nth-child(3) > div > p{
	border-radius:10px;
	background-color:#EDF5C6;
	padding:0.5em;
	margin:10px 0;
	font-weight:300;
}
.h5m-box06 > div:nth-child(3) > div > p > span{
	font-weight:600;
}

/* -------------------------------------- */
/* 合格実績 */
/* -------------------------------------- */
.sbb01 > article > span.jisseki{
	border-radius:5px;
	padding:0.2em 1.2em 0.2em 1.2em;
}
.achv-tbl01{
	width:95%;
	table-layout:fixed;
	margin:0 auto;
}
.achv-tbl01 td{
	padding:0 0.5em;
}
.jisseki_area-box01{
	margin-top:1.0em;
}
/* 実績エリアのフレックス設定（スマホは縦並び） */
.jisseki_area01{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.jisseki_area01 .jisseki_list{
	width:100%;
}
.jisseki_area01 .jisseki_list + .jisseki_list{
	margin-left:0;
}
.jisseki_area02 p{
	background-color:#fff;
	padding:10px 15px;
	text-align:justify;
}
/* 実績リストの見出し */
.jisseki_ttl01{
	margin:0.5em 0;
	font-size:1.1em;
}
/* 学年・カテゴリ別の色分け */
.jisseki_ttl01.infant{color:#FF536F;}
.jisseki_ttl01.elem  {color:#FC8328;}
.jisseki_ttl01.junior{color:#2A9BE6;}
.jisseki_ttl01.high  {color:#009944;}

/* 実績リストのテーブル構造 */
.jisseki_list table{
	width:100%;
	border-collapse:collapse;
}
.jisseki_list table tr{
	border-bottom:5px solid #fff;
}
.jisseki_list table th{
	background-color:#fff;
	padding:5px 0 5px 15px;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
	box-sizing:border-box;
}
.jisseki_list table td{
	background-color:#E60000;
	text-align:center;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 0;
	width:100px;
}
.jisseki_list table td span{
	font-size:0.7em;
	margin-left:2px;
}
/* テーブル行（tr）のボーダー色設定 */
.jisseki_list table tr.ebg01{border-color:#FFF0DB;}
.jisseki_list table tr.ebg02{border-color:#FC8328;}
.jisseki_list table tr.jbg01{border-color:#DEF2F6;}
.jisseki_list table tr.jbg02{border-color:#2A9BE6;}
.jisseki_list table tr.hbg01{border-color:#E8FFE2}
.jisseki_list table tr.kbg01{border-color:#ECF4FE;}
.jisseki_list table tr.kbg02{border-color:#1134A9;}
.jisseki_list table tr.hbg02{border-color:#009944;}
.jisseki_list table tr.nbg01{border-color:#4FB878;}

/* -------------------------------------- */
/* 各学年のクラス紹介 */
/* -------------------------------------- */
.class-tpimg-box img{
	width:100%;
}
.top-classlist{
	margin:3.0em 0;
}

/* =========================================
	学年ラベル（elem, junior, high）
	========================================= */
.col_class-gakunen{
	height:2.0em;
	width:100%;
	border-bottom:none;
	text-align:center;
	font-size:1.0em;
	margin-bottom:6px;
}
.class-gakunen{
	padding:0.2em 0.8em;
	color:#fff;
	border-radius:15px;
	font-weight:bold;
}

/* 学年ごとの背景色 */
.class-gakunen.elem{background-color:#FC8328;}
.class-gakunen.junior{background-color:#2A9BE6;}
.class-gakunen.high{background-color:#009944;}

/* 無効状態 */
.class-gakunen.elem.disabled,
.class-gakunen.junior.disabled,
.class-gakunen.high.disabled{
	opacity:0.2;
}

/* =========================================
	クラスエリア（index_class_area）
	========================================= */
.index_class_area{
	width:70%;
	margin:5.0em auto 0;
}

/* 背景パターン */
.index_class_area.elem{
	background:repeating-linear-gradient(-45deg, rgba(252, 131, 40, 0.24), rgba(252, 131, 40, 0.24) 6px, #ffffee 6px, #ffffee 10px);
}
.index_class_area.junior{
	background:repeating-linear-gradient(-45deg, #cce7ec, #cce7ec 6px, #ffffee 6px, #ffffee 10px);
}
.index_class_area.high{
	background:repeating-linear-gradient(-45deg, #c1e8cb, #c1e8cb 6px, #ffffee 6px, #ffffee 10px);
}
.index_class_area.kousotsu{
	background:repeating-linear-gradient(-45deg, #c6cedd, #c6cedd 6px, #ffffee 6px, #ffffee 10px);
}

/* フレックスボックス設定 */
.index_class_area > .flex_box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	width:calc(100% + 20%);
	margin:0 -10% 0 -10%;
	transform:translate(0, -10vw);
}

.index_class_area > .flex_box > .col_ttl{
	width:55%;
}
.index_class_area > .flex_box > .col_ttl img{
	width:100%;
}

.index_class_area > .flex_box > .col_image{
	width:45%;
	padding:0 0 0 1.0em;
}
.index_class_area > .flex_box > .col_image img{
	width:100%;
	border:5px solid #fff;
}

.index_class_area > .flex_box > .col_list{
	width:100%;
	margin:1.5em 0 0;
}
.index_class_area > .flex_box > .col_list img{
	width:100%;
	margin:0 0 0.4em 0;
}

.index_class_area > .flex_box > .col_list2{
	width:100%;
	margin:1.5em 0 0;
}

/* =========================================
	クラスボタン（class-btn）
	========================================= */
.class-btn{
	border:3px solid #FC8328;
	color:#FC8328;
	display:block;
	width:100%;
	text-align:left;
	margin:0 auto 0.5em;
	border-radius:15px;
	background-color:#FFF;
	padding:1.0em;
	font-size:0.8em;
	font-weight:300;
	position:relative;
}

/* ボタン色分け */
.class-btn.elem{border:3px solid #FC8328;color:#FC8328;}
.class-btn.junior{border:3px solid #2A9BE6;color:#2A9BE6;}
.class-btn.high{border:3px solid #009944;color:#009944;}
.class-btn.kousotsu{border:3px solid #1134A9;color:#1134A9;}

/* ボタンタイトル */
.class-btn-ttl{
	color:#374034;
	border-bottom:5px solid #fedfc8;
	display:inline-block;
	position:relative;
	top:-4px;
	left:50%;
	transform:translateX(-50%);
	font-size:1.5em;
	font-weight:600;
	text-underline-offset:-15px;
	padding:0 0.3em;
	line-height:1;
}

.class-btn-ttl.elem{border-bottom:5px solid #fedfc8;}
.class-btn-ttl.junior{border-bottom:5px solid #cce7ec;}
.class-btn-ttl.high{border-bottom:5px solid #c1e8cb;}
.class-btn-ttl.kousotsu{border-bottom:5px solid #c2cbe9;}

/* 三角形アイコン */
.class-triangle{
	display:block;
	height:0;
	width:0;
	position:absolute;
	bottom:8px;
	right:8px;
	border-left:15px solid transparent;
}

.class-triangle.elem{border-bottom:15px solid #FC8328;}
.class-triangle.junior{border-bottom:15px solid #2A9BE6;}
.class-triangle.high{border-bottom:15px solid #009944;}
.class-triangle.kousotsu{border-bottom:15px solid #1134A9;}

/* =========================================
	その他コンテンツ（医系・合格実績など）
	========================================= */
.ikei{
	width:80%;
	margin:1.5em auto 0;
}
.list-gokaku{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}

.gokaku-box{
	width:48%;
	background:url(/cmn/img/success/gokaku_box_header.jpg) no-repeat top left, url(/cmn/img/success/gokaku_box_footer.jpg) repeat-x bottom left;
	background-color:#fff;
	border:5px solid #EEEEEF;
	margin:0 0 1.0em 0;
}
.gokaku-box ul{
	margin:0px 0px 4px;
	padding-top:60px;
	padding-left:10px;
	height:6.5em;
	overflow:hidden;
}
.gokaku-box ul li{
	font-size:clamp(0.5em, 0.9vw, 0.6em);
	color:#D83282;
	list-style-type:none;
	text-indent:-1em;
	padding-left:1em;
}
.gokaku-box h2{
	font-size:clamp(0.5em, 1vw, 0.6em);
	color:#666;
	background-image:none;
	margin-bottom:3px;
	padding-left:4px;
	border-left:4px solid #AB1A28;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:0px;
}
.gb-comment{
	margin:0 0 10px 0;
	background-color:#D83282;
	padding:3px;
}
.gb-comment p{
	font-size:clamp(0.8em, 1vw, 0.9em);
	line-height:1.2;
	color:#FFF;
	margin:0px;
	padding:5px;
	border:1px solid #FFF;
	height:6.5em;
	overflow:hidden;
	font-weight:300;
}
.gb-btn{
	text-align:center;
}
.trip-btn{
	text-align:center;
	margin-top:3.0em;
}
.trip-btn a{
	color:#fff;
	padding:0.8em 4.0em;
	border-radius:40px;
}

/* =========================================
	タブ・エリア切り替え
	========================================= */
.tab{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	border-bottom:4px solid #1134A9;
}
.tab li{
	width:30%;
	border:4px solid #1134A9;
	border-radius:15px 15px 0 0;
	margin:0 1%;
	background:#1134A9;
	color:#fff;
	text-align:center;
}
.tab li a{
	display:block;
	margin:0 2px;
	padding:10px 20px;
}

/* アクティブ時のタブ形状 */
.tab li.active{
	background:#FFFFEE;
	color:#1134A9;
	border-bottom:4px solid #FFFFEE;
	margin-bottom:-4px;
}

/* コンテンツエリア */
.area{
	display:none;
	opacity:0;
}
.area.is-active{
	display:block;
	animation-name:displayAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
}

@keyframes displayAnime{
	from{opacity:0;}
	to{opacity:1;}
}

.kousotubox02{
	width:95%;
	margin:0 auto;
	padding:2.0em 0;
}

/* 各クラスごとの紹介ページの設定 */
.main_content img{width:100%;vertical-align:top;}
.main_content .target{background-color:#374034;border-radius:10px;padding:0.5em 1.0em;color:#FEFFCF;}
.main_info{padding:1.0em;}
.main_info p{padding:1.0em 0 0;}
.main_info.elem{background-color:#FFA460;}
.main_info.junior{background-color:#65B7E8;}
.main_info.high{background-color:#47B985;}
.main_info.kousotsu{background-color:#9FADD2;}
.main_info.dvd{background-color:#94D4A7;}
.main_info.select{background-color:#A6B69C;}
.achievement{width:100%;margin:15px auto 0;background-color:#FFFFEE;border-radius:10px;color:#FF4242;padding:1.0em;}
.achievement_ttl{color:#FFFFEE;background-color:#FF4242;border-radius:15px;padding:0.4em 0.7em;}
.colw20{width:100%;text-align:center;}
.colw80{width:100%;margin-top:1.0em;}
.colw80 p:first-child{padding-top:0;}

/* 各クラスごとの紹介ページ版「3つのポイント」の設定 */
.col3-ttl01 p{font-size:1.4em;}
.col3-ttl01 p > span{color:#FFFFFF;padding:0.4em 1.0em;border-radius:5px;}
.col3-ttl01 p > span.elem{background-color:#FC8328;}
.col3-ttl01 p > span.high{background-color:#009944;}
.col3-box{width:100%;margin:0 auto;}
.col3-ttl01, .intro{padding:1.0em 0 0.5em;}
.intro span.elem{color:#FC8328;}
.intro span.high{color:#009944;}
.col3-box{display:flex;justify-content:center;flex-wrap:wrap;}
.col3-box > div{width:100%;padding:1.0em 0 0.5em;}
.col3-box > div > img,.col3-box > div > .bnrfree img{width:44%;float:left;margin-right:1.0em;}
/*.col3-box > div > img{width:100%;vertical-align:top;}*/
.col3-box > div > p{font-weight:normal;}
.col3-box > div > p > span{margin:0 0 0.5em 0;display:block;text-align:center;}
.col3-box-ttl{font-weight:bold;padding:0;text-align:center;display:block;padding:0.5em 0;font-size:1.2em;margin:0 0 0.5em;}
.col3-box-ttl.elem{border-bottom:2px solid #FC8328;}
.col3-box-ttl.high{border-bottom:2px solid #009944;}

/* 各クラスごとの紹介ページ版「教場リンクボタン」の設定 */
.class_title01{padding:0.3em 1.0em;background-color:#374034;border-radius:12px;color:#FFFFEE;position:absolute;top:-0.8em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.class_box02.class-intro{text-align:center;position:relative;}
.class-subject-box01{padding:2.0em 1.0em;text-align:left;}
.class-subject-box02{padding:2.0em 1.0em 1.0em;text-align:left;}
.class-subject-box03{padding:1.0em;text-align:left;}
.class-subject-box01 p, .class-subject-box01 table, .class-subject-box02 p, .class-subject-box02 table, .class-subject-box03 p, .class-subject-box03 table{margin-top:0.5em;}
.class_box03{width:100%;border:3px solid #374034;background-color:#fff;}
.col3to2{width:50%;padding:0.5em;position:relative;font-size:0.6em;}
.col3to2.elem{color:#FFA460;}
.col3to2.junior{color:#5cafe6;}
.col3to2.high{color:#41bf8b;}
.col3to2.kousotsu{color:#4058A9;}
.col3to2 a{border-radius:5px;color:#FFFFEE;padding:0.5em 0;display:block;width:100%;font-size:1.4em;}
.col3to2 a.elem{background-color:#FFA460;}
.col3to2 a.junior{background-color:#5cafe6;}
.col3to2 a.high{background-color:#41bf8b;}
.col3to2 a.kousotsu{background-color:#4058A9;}
.class-place-triangle{display:block;height:0;width:0;position:absolute;bottom:11px;right:11px;border-left:10px solid transparent;border-bottom:10px solid #FFFFEE;}
.flexbox01.class-place{padding:2.0em 1.0em 1.0em;}
.class-place_txt{text-align:right;padding-bottom:1.0em;padding-right:1.0em;font-size:0.9em;}
.class-place-subject-ttl01{margin:10px 0;background-color:#374034;padding:8px 12px;color:white;display:inline-block;}
.class-place-subject-ttl02{margin:10px 0;border:2px solid #374034;padding:8px 12px;display:inline-block;}
.class-place-subject-bg01{margin:10px 0 20px;padding:5px 15px 15px;border-radius:5px;display:block;line-height:1.6em;}
.class-place-subject-bg01.junior{background-color:#e9f5fc;}
.class-place-subject-bg01.high{background-color:#eaf6f2;}
.tyuki{font-weight:400;font-size:80%;}
.teiki-box01{background-color:#fce7da;border:dotted 2px #FC8328;}
.underline-space{border-bottom:1.5px solid black;padding-bottom:8px;margin-bottom:20px;}

/* 各クラスごとの紹介ページ版「最寄り学校情報付きの教場リンクボタン」の設定 */
.place_area ul{display:flex;justify-content:start;flex-wrap:wrap;padding:2.0em 0 1.0em;align-items:flex-end;}
.place_area ul li{width:50%;padding:0.5em;}
.place_area ul li a{position:relative;border-radius:5px;color:#FFFFEE;padding:0.5em 0;display:block;width:100%;font-size:0.8em;text-align:center;line-height:1.0em;height:30px;}
.place_area ul li a.high{background-color:#259F6D;}
.place_area ul li a span{display:block;height:0;width:0;position:absolute;bottom:7px;right:7px;border-left:8px solid transparent;border-bottom:8px solid #FFFFEE;}
.place_area ul br.sp{display:block;}
.place_area ul li a p{text-align:center;position:relative;top:50%;transform:translateY(-50%);line-height:1.2em;}
.place_area p{text-align:center;}
.kayoi{padding-bottom:5px;display:block;text-align:center;font-size:0.7em;}
.kayoi span{color:initial;}

/* 各クラスごとの紹介ページ版「授業料金表」の設定 */
.class-tuition_area{padding-top:0.5em;}
.class-tuition_tax{width:85%;margin:1.0em auto 0;}
.class-tuition_area table{width:95%;margin:0 auto 1.0em;table-layout: auto;}
.class-tuition_area table td, .class-tuition_area table th {font-size:1.1em;padding:1.0em 0;height:3.0em;}
.class-tuition_area table th{background-color:#4F90CF;color:#fff;border-bottom:2px solid #fff;border-right:none;}
.class-tuition_area table td{background-color:#FFF7C3;color:#3181C7;border-bottom:2px solid #fff;border-right:none;}
.class-tuition_area table th.c-elem, .class-tuition_area table td.c-elem{color:#FC8328;}
.class-tuition_area table th.elem, .class-tuition_area table td.elem{background-color:#FC8328;}
.class-tuition_area table th.c-junior, .class-tuition_area table td.c-junior{color:#2A9BE6;}
.class-tuition_area table th.junior, .class-tuition_area table td.junior{background-color:#2A9BE6;}
.class-tuition_area table th.c-high, .class-tuition_area table td.c-high{color:#009944;}
.class-tuition_area table th.high, .class-tuition_area table td.high{background-color:#009944;}
.class-tuition_area table th.c-kousotsu, .class-tuition_area table td.c-kousotsu{color:#1134A9;}
.class-tuition_area table th.kousotsu, .class-tuition_area table td.kousotsu{background-color:#1134A9;}
.class-tuition_area table th:last-child, .class-tuition_area table td:last-child{border:none;}
.class-tuition_area table th span, .class-tuition_area table td span{font-size:0.7em;}
.class-tuition_area table td span{color:#374034;}
/* TH, TDをそれぞれスマホで縦にするCSS---------------------------------------------------------- */
.class-tuition_area table tr {display:block;float:left;}
.class-tuition_area table tr td, .class-tuition_area table tr th {display:block;}
.class-tuition_area table thead {display: block;float:left;width:50%;}
.class-tuition_area table thead tr {width:100%;}
.class-tuition_area table tbody {display: block;float:left;width:50%;}
.class-tuition_area table tbody tr {width:100%;}
/* TH, TDをそれぞれスマホで縦にするCSS---------------------------------------------------------- */
.class-tuition_area_info{width:95%;margin:0 auto 2.0em;font-size:0.7em;}
.class-tuition_area_info p{padding-left:3em;text-indent:-3em;}

/* =========================================
   レコメンドボックス (.recommend-box01)
   ========================================= */
.recommend-box01{
	padding:2.0em 0;
}
.recommend-box01 .point-crl{
	padding:0.5em 2.0em;
	display:block;
	margin:0 auto 0.5em;
	text-align:center;
	max-width:500px;
	border-radius:999px;
}

/* --- カラーパターン 01 (背景色のみ) --- */
.recommend-box01 .point-crl.infant01{background-color:#FF536F;}
.recommend-box01 .point-crl.elem01{background-color:#FFF0DB;}
.recommend-box01 .point-crl.junior01{background-color:#DEF2F6;}
.recommend-box01 .point-crl.high01{background-color:#E8FFE2;}
.recommend-box01 .point-crl.kousotsu01{background-color:#ECF4FE;}

/* --- カラーパターン 02 (濃い背景色 + 白文字) --- */
.recommend-box01 .point-crl.infant02{background-color:#FF536F;color:#fff;}
.recommend-box01 .point-crl.elem02{background-color:#FC8328;color:#fff;}
.recommend-box01 .point-crl.junior02{background-color:#2A9BE6;color:#fff;}
.recommend-box01 .point-crl.high02{background-color:#009944;color:#fff;}
.recommend-box01 .point-crl.kousotsu02{background-color:#1134A9;color:#fff;}

/* =========================================
   セミナー背景エリア (.seminer-cbg)
   ========================================= */
.seminer-cbg01{
	padding:1.5em 0 1.0em;
}
.seminer-cbg02{
	padding:2.0em 1.0em 1.0em;
}
.seminer-cbg02.crl{
	border-radius:15px;
}

/* --- 背景色設定 (共通) --- */
.seminer-cbg01.hns01, .seminer-cbg02.hns01{background-color:#4FB878;}
.seminer-cbg01.hns02, .seminer-cbg02.hns02{background-color:#D5EF98;}
.seminer-cbg01.infant, .seminer-cbg02.infant{background-color:#FF536F;}
.seminer-cbg01.elem, .seminer-cbg02.elem{background-color:#FFF0DB;}
.seminer-cbg01.junior, .seminer-cbg02.junior{background-color:#DEF2F6;}
.seminer-cbg01.high, .seminer-cbg02.high{background-color:#E8FFE2;}
.seminer-cbg01.kousotsu, .seminer-cbg02.kousotsu{background-color:#ECF4FE;}
.seminer-cbg01.white, .seminer-cbg02.white{background-color:#fff;}

/* --- 枠線設定 (cbg02のみ) --- */
.seminer-cbg02.infant.border{border:3px solid #FF536F;}
.seminer-cbg02.elem.border{border:3px solid #FC8328;}
.seminer-cbg02.junior.border{border:3px solid #2A9BE6;}
.seminer-cbg02.high.border{border:3px solid #019F5E;}
.seminer-cbg02.kousotsu.border{border:3px solid #1134A9;}


/* =========================================
   セミナー・クラスリスト (.seminer-classlist)
   ========================================= */
.seminer-classlist{
	padding:2.0em 0;
}

.seminer-classlist-area{
	width:100%;
}

/* 学年ラベル */
.seminer-col_gakunen{
	height:2.0em;
	width:100%;
	border-bottom:none;
	text-align:center;
	font-size:1.0em;
	margin-bottom:12px;
}

/* --- クラスボタン本体 --- */
.seminer-class-btn{
	display:block;
	width:100%;
	text-align:left;
	margin:0 auto 0.5em;
	border-radius:15px;
	background-color:#FFF;
	padding:1.0em;
	font-size:0.9em;
	position:relative;
}

/* ボタン枠線色 */
.seminer-class-btn.infant{border:3px solid #FF536F;}
.seminer-class-btn.elem{border:3px solid #FC8328;}
.seminer-class-btn.junior{border:3px solid #2A9BE6;}
.seminer-class-btn.high{border:3px solid #019F5E;}
.seminer-class-btn.kousotsu{border:3px solid #1134A9;}

/* --- ボタン内タイトル --- */
.seminer-class-btn-ttl{
	display:inline-block;
	position:relative;
	top:-4px;
	left:50%;
	transform:translateX(-50%);
	color:#374034;
	font-size:1.5em;
	font-weight:600;
	text-underline-offset:-15px;
	padding:0 0.3em;
	line-height:1;
	margin-bottom:0.2em;
}

/* タイトル下線・文字色 */
.seminer-class-btn-ttl.infant{border-bottom:5px solid #ffcfd7;color:#FF536F;}
.seminer-class-btn-ttl.elem{border-bottom:5px solid #fedfc8;color:#FC8328;}
.seminer-class-btn-ttl.junior{border-bottom:5px solid #cce7ec;color:#2A9BE6;}
.seminer-class-btn-ttl.high{border-bottom:5px solid #ccecdf;color:#019F5E;}
.seminer-class-btn-ttl.kousotsu{border-bottom:5px solid #c2cbe9;color:#1134A9;}

/* --- 三角アイコン --- */
.triangle-seminer-classlist{
	display:block;
	height:0;
	width:0;
	position:absolute;
	bottom:8px;
	right:8px;
	border-left:15px solid transparent;
}

/* 三角アイコン色 */
.triangle-seminer-classlist.infant{border-bottom:15px solid #FF536F;}
.triangle-seminer-classlist.elem{border-bottom:15px solid #FC8328;}
.triangle-seminer-classlist.junior{border-bottom:15px solid #2A9BE6;}
.triangle-seminer-classlist.high{border-bottom:15px solid #019F5E;}
.triangle-seminer-classlist.kousotsu{border-bottom:15px solid #1134A9;}


/* ====================================== */
/* PC (Media Queries - min-width:900px) */
/* ====================================== */
@media only screen and (min-width:900px){
	/* 講座の説明部分 見出し */
	.sbb01-box{
		width:95%;
	}
	.smkttl01, .smkttl01.elem, .smkttl01.junior, .smkttl01.high, .smkttl01.kousotsu{
		font-size:1.3em;
		text-align:left;
		background-color:initial;
		padding:initial;
	}
	.smkttl01{
		border-bottom:8px solid #419361;
	}
	.smkttl01 span{
		padding:10px 40px 0;
		background-color:#419361;
		border-radius:15px 15px 0 0;
		min-width:200px;
		display:inline-block;
		text-align:center;
	}
	.smkttl01.elem{
		border-bottom:8px solid #FC8328;
	}
	.smkttl01.elem span{
		background-color:#FC8328;
	}
	.smkttl01.junior{
		border-bottom:8px solid #2A9BE6;
	}
	.smkttl01.junior span{
		background-color:#2A9BE6;
	}
	.smkttl01.high{
		border-bottom:8px solid #009944;
	}
	.smkttl01.high span{
		background-color:#009944;
	}
	.smkttl01.kousotsu{
		border-bottom:8px solid #1134A9;
	}
	.smkttl01.kousotsu span{
		background-color:#1134A9;
	}
	.smk02ttl03{
		font-size:2.0em;
	}
	.smk02ttl04{
		width:860px;
	}

	/* 講座のチラシ紹介部分 */
	.sbb02 div{margin-top:0;}
	.sbb02 table caption{font-size:1.0em;width:90%;}
	.sbb02 div.w100{width:100%;}
	.sbb02 div.w75{width:75%;}
	.sbb02 div.w50{width:50%;}

	/* 特徴ボックス */
	.features-box02 h3{
		font-size:1.3em;
	}

	/* テーブルスタイル */
	.tbl01, .tbl02{
		width:100%;
		border-spacing:0;
		font-size:initial;
		margin:0 auto 20px;
	}
	.tbl02{
		border-collapse:separate;/*セル同士を分離させる（デフォルト設定）*/
		border-spacing:0.5em;/*隙間の大きさを指定（上下左右）*/
	}
	.sp{
		display:none;
	}

	/* テーブル内のリンクボタン */
	.detail{
		letter-spacing:0;
	}

	/* ナビゲーション */
	.course_nav ul li,.course_nav.sp-w100 ul li, .course_nav2 ul li, .course_nav4 ul li, .course_nav4.sp-w100 ul li{
		width:33%;
		padding:0 5px;
	}
	.course_nav2 ul li{
		width:50%;
	}
	.course_nav4 ul li{
		width:25%;
	}
	.course_nav ul li a, .course_nav2 ul li a, .course_nav4 ul li a{
		font-size:1.1em;
		height:auto;
	}
	.course_nav p{
		text-align:right;
	}
	.nav_txt{
		font-size:0.9em;
	}
	.course_nav ul li a p, .course_nav2 ul li a p, .course_nav4 ul li a p{
		position:initial;
		top:initial;
		transform:initial;
	}

	/* メニュー */
	.menu{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.menu_box{
		margin:1.0em 0.2em;
		font-size:1.0em;
	}
	.menu_box a, .menu_box span{
		padding:1.5em 4.0em;
		border-radius:15px;
	}

	/* アコーディオン */
	.courseaccboxttl{
		width:100%;
		font-size:1.2em;
	}
	.courseaccboxttl br.pc{
		display:none;
	}
	.courseaccboxttl br.sp{
		display:block;
	}

	/* キーポイント */
	.kpt01{
		width:600px;
	}
	.kpt01 p{
		font-size:1.0em;
	}

	/* 達成度・学年ボタン */
	.achv-box01{
		padding:1.0em 0 1.0em;
		margin:0;
	}
	.achv-box01 div{
		width:700px;
	}

	/* 電話番号のテキスト */
	.smk02tel01{
		font-size:1.1em;
	}
	.smk02tel01 span{
		font-size:1.1em;
	}

	/* モーダル表示調整 */
	.modal-content{
		width:800px;
		padding:1.5em 1.0em;
	}
	.close-button{
		top:130px;
		right:70px;
	}
	/* 申込リンクレイアウト（横並び・多段表示） */
	.modal-apply-list_ttl{font-size:1.5em;}
	.modal-apply-list{
		flex-direction:row;
		justify-content:flex-start;
		flex-wrap:wrap;
		gap:15px;
	}
	/* 列数指定（クラス付与で制御可能） */
	.modal-apply-list.col2 .modal-apply-item{flex:0 0 calc(50% - 8px);}
	.modal-apply-list.col3 .modal-apply-item{flex:0 0 calc(33.333% - 20px);}
	.modal-apply-list.col4 .modal-apply-item{flex:0 0 calc(25% - 15px);}
	.modal-apply-item a{
		padding-right:20px;
		font-size:1.2em;
		margin:0;
	}

	/* 過去の的中例 (prediction) */
	.prediction{margin:3.0em auto;width:600px;}
	.prediction p{font:normal normal normal 25px/26px Hiragino Kaku Gothic ProN;font-weight:bold;}
	.prediction .pc{display:block;}
	.prediction .sp{display:none;}

	/* ---下記から「入塾の流れ」--- */
	/* 資料請求 */
	.flw-box01 div{
		width:720px;/*700px;*/
	}

	/* 校舎へお問合せ */
	.flw-box02 div{
		width:760px;/*700px;*/
	}
	.flw-flex01 div{
		width:50%;
	}

	/* 面談・カウンセリング／体験授業 */
	.flw-flex02 div:nth-child(1){
		width:60%;
		order:1;
	}
	.flw-flex02 div:nth-child(2){
		width:40%;
		order:2;
	}

	/* ---下記から「サンクスページ」--- */
	.thanks-box{
		width:800px;
	}
	.thanks-txt-box{
		padding:2.0em 2.0em 1.0em;
	}
	.thanks-txt-box h3{
		font-size:1.4em;
	}

	/* ---下記から「プライバシーポリシー」--- */
	.privacybox01{
		width:800px;
		padding:2.0em 3.0em;
	}

	/* ---下記から「会社情報」--- */
	.company_sec01{
		width:800px;
	}
	.index_h2{
		font-size:1.3em;
	}

	/* ---下記から「校舎一覧」--- */
	.axs-flex01{padding:1.0em 2.5em;}
	.axs-flex01 li{width:33.333%;} /* 3列表示 */

	.access-kousya_detail span.access, .access-kousya_detail span.map, .access-kousya_detail span.tel{
		display:inline-block;
	}
	.access-kouza_ttl{margin:1.2em 0 0.5em;}

	/* 校舎一覧の2カラム化 */
	.access-school_two_columns{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		flex-wrap:wrap;
		padding-top:3.5em;
	}
	.access-school_item{
		width:48%;
		margin-bottom:5.0em;
	}
	.access-kousya_wrapper .access-kousya_detail{
		width:54%;
	}
	.access-kousya_wrapper .access-kousya_img{
		width:42%;
	}
	.access-kousya_wrapper.next{
		margin-top:1.5em;
	}
	.access-ikei-btn{
		margin-top:1.5em;
	}

	/* 5分でわかる長井ゼミハンスの見出し/コンテナ */
	.h5m-box01{
		padding:0 0 1.0em;
		margin:8.0em 0 0;
	}
	.h5m-box01 div{
		width:800px;
	}
	.h5m-box02 > div{
		width:800px;
	}
	/* 5分でわかる長井ゼミハンスのタイトル・テキストスタイル */
	.h5m-ttl01, .h5m-ttl02{
		font-size:1.4em;
	}
	.h5m-ttl03{
		font-size:1.4em;
	}
	/* 5分でわかる長井ゼミハンスの画像・動画要素 */
	.h5m-img01{
		width:60%;
	}
	.h5m-box06-ttl-img{
		width:60%;
		margin:0 auto -1.5em;
	}
	/* 5分でわかる長井ゼミハンスのFlex/グリッドレイアウト */
	.h5m-flex01 div:nth-child(1), .h5m-flex02 div:nth-child(1){
		width:30%;
		order:1;
	}
	.h5m-flex01 div:nth-child(2), .h5m-flex02 div:nth-child(2){
		width:70%;
		order:2;
	}
	.h5m-flex02 div:nth-child(1){
		padding:0 1.0em 0 0;
	}
	.h5m-flex03 div{
		width:30%;
	}
	/* 5分でわかる長井ゼミハンスのアコーディオン */
	.acd-box{
		width:22.0em;
	}
	.acd-label span{
		font-size:1.0em;
	}
	.acd-content div{
		font-size:0.8em;
	}
	/* 5分でわかる長井ゼミハンスのリンク・アンカー */
	.h5m-link01{
		margin:1.0em auto 0 0;
	}
	/* h5m-box05 (動画/画像グリッド) */
	.h5m-box05 > div:nth-child(1){
		width:800px;
	}
	.h5m-box05 > div:nth-child(1) > div:nth-child(1) > img{
		width:50%;
	}
	.h5m-box05 > div:nth-child(1) > div:nth-child(2) > div{
		width:33%;
	}
	/* h5m-box06 (キーポイント/画像) */
	.h5m-box06 > div:nth-child(2) > div{
		width:30%;
	}
	.h5m-box06 > div:nth-child(3){
		padding:0 2.0em;
	}
	/* 5分でわかる長井ゼミハンスのその他 */
	.h5m-img03{
		padding:1.0em 4.0em;
	}

	/* 合格実績 */
	.achv-tbl01{
		width:90%;
	}
	/* 合格実績を2カラム横並びに変更 */
	.jisseki_area01{
		flex-direction:row;
	}
	.jisseki_area01 .jisseki_list{
		width:470px;
	}
	.jisseki_area01 .jisseki_list + .jisseki_list{
		margin-left:20px;
	}
	.jisseki_list table th{
		padding:9px 0 8px 20px;
	}
	.jisseki_area02 p{
		padding:12px 20px;
	}

	/* 各学年ごとのクラス紹介ページ */
	/* 学年ラベル */
	.col_class-gakunen{
		text-align:right;
		font-size:0.9em;
		display:block;
		margin-bottom:-20px;
	}

	/* クラスエリア */
	.index_class_area{
		width:750px;
	}
	
	/* 背景パターン（PC用） */
	.index_class_area.elem{background:repeating-linear-gradient(-45deg, rgba(252, 131, 40, 0.24), rgba(252, 131, 40, 0.24) 13px, #ffffee 13px, #ffffee 20px);}
	.index_class_area.junior{background:repeating-linear-gradient(-45deg, #cce7ec, #cce7ec 13px, #ffffee 13px, #ffffee 20px);}
	.index_class_area.high{background:repeating-linear-gradient(-45deg, #c1e8cb, #c1e8cb 13px, #ffffee 13px, #ffffee 20px);}
	.index_class_area.kousotsu{background:repeating-linear-gradient(-45deg, #c6cedd, #c6cedd 13px, #ffffee 13px, #ffffee 20px);}

	/* フレックスボックス（PC用） */
	.index_class_area > .flex_box{
		align-items:stretch;
		width:calc(100% + 6.0em);
		margin:0 -3.0em 0 -3.0em;
		transform:translate(0, -2.0em);
	}
	.index_class_area > .flex_box > .col_ttl{
		width:100%;
	}
	.index_class_area > .flex_box > .col_ttl img{
		width:35%;
	}
	.index_class_area > .flex_box > .col_image{
		width:30%;
		padding:1.0em 0 0 1.0em;
	}
	.index_class_area > .flex_box > .col_list{
		width:65%;
		margin:0;
	}
	.index_class_area > .flex_box > .col_list2{
		width:70%;
		margin:1.5em 0 0 296px;
	}

	/* クラスボタン（PC用） */
	.class-btn-ttl{
		position:initial;
		transform:none;
		font-size:1.4em;
		position:relative;
		top:-3px;
		left:0;
	}
	.class-btn{
		padding:1.1em 1.5em 0.8em;
		font-size:0.8em;
	}

	/* その他 */
	.ikei{
		width:65%;
	}
	.tab li{
		width:27%;
	}
	.kousotubox02{
		width:950px;
		padding:2.0em 4.0em;
	}

	/* 各クラスごとの紹介ページの設定 */
	.main_info p{padding:1.0em 1.0em 0;}
	.achievement{width:85%;}
	.colw20{width:20%;}
	.colw80{width:80%;margin-top:0;}
	.colw80 p{padding:1.0em 0 0;}
	.colw80 p:first-child{padding:0;}

	/* 各クラスごとの紹介ページ版「3つのポイント」の設定 */
	.col3-box > div{width:33.3%;padding:1.0em 0.5em;}
	.col3-box > div > img, .col3-box > div > .bnrfree img{width:100%;vertical-align:top;float:none;margin:0;}
	.col3-box > div > p{padding:1.0em 0;font-weight:normal;}

	/* 各クラスごとの紹介ページ版「教場リンクボタン」の設定 */
	.col3to2{width:33%;font-size:0.7em;}
	.class-place_txt{font-size:initial;}
	.class-subject-box02{padding:2.0em 1.5em 1.5em;}
	.class-place-subject-bg01{padding:3px 20px 10px;}
	.class-place-subject-ttl01, .class-place-subject-ttl02{padding:10px 15px}

	/* 各クラスごとの紹介ページ版「最寄り学校情報付きの教場リンクボタン」の設定 */
	.place_area ul{padding:2.5em 0 1.0em 0.5em;}
	.place_area ul li{width:33%;}
	.place_area ul li a{font-size:1.1em;height:auto;height:40px;}
	.place_area ul li a span{border-left:10px solid transparent;border-bottom:10px solid #FFFFEE;}
	.place_area p{text-align:right;}
	.kayoi{font-size:0.9em;}
	.place_area ul br.sp{display:none;}
	.place_area ul li a p{position:initial;top:initial;transform:initial;}

	/* 各クラスごとの紹介ページ版「授業料金表」の設定 */
	.class-tuition_area{padding-top:1.0em;}
	.class-tuition_area table{width:60%;}
	.class-tuition_tax{width:60%;}
	.class-tuition_area_info{width:80%;font-size:0.8em;}

	/* レコメンドボックスの設定 */
	.seminer-cbg02{
		padding:2.0em 2.0em 1.0em;
	}
	.seminer-col_gakunen{
		text-align:right;
		font-size:0.9em;
		display:block;
		margin-bottom:-20px;
	}
	.seminer-class-btn-ttl{
		position:initial;
		transform:none;
		font-size:1.4em;
		position:relative;
		top:-3px;
		left:0;
		margin-bottom:0.1em;
	}
}


/* ====================================== */
/* PC (Media Queries - min-width:1000px) */
/* ====================================== */
@media only screen and (min-width:1000px){
	/* トップ画像コンテナ */
	.tpimg-box{
		margin:90px auto 0;
		width:1000px;
	}
	/* ページタイトル/コンテナ */
	.cttl01-box{
		margin:8.0em auto 0;
		width:1000px;
	}
	.cttl01-box.first{
		margin-top:110px;
	}
	.cttl01{
		font-size:1.5em;
	}
	/* 講座セクション */
	.sbb01 > article{
		width:1000px;
	}
	/* ナビゲーション */
	.course_nav-box{
		width:1000px;
		margin:4.0em auto 0;
	}
	.course_nav{
		padding-left:9px;
	}
	/* 各学年ごとのクラス紹介のページ */
	.list-gokaku{
		width:600px;
	}
	.gokaku-box{
		width:30%;
	}
}