@charset "UTF-8";

/*---------------------------
　　特別講座・テスト
---------------------------*/

#topics {
	margin: 4em 0;
	flex-wrap: wrap;
}

#topics .card {
	width: 32%;
	margin: 0 1.3em 2em 0;
}

#topics .card:nth-child(3n) { margin-right: 0; }

#topics .card img {
	width: 45%;
	padding-top: 1em;
	vertical-align: bottom;
	align-self: flex-start;
}

#topics .card .txt_box {
	position: relative;
	padding: 1em;
}

#topics .card h2 {
	margin: 1.2em 0;
	font-weight: normal;
	text-align: center;
	font-size: 1.8rem;
	color: #FFF;
}

#topics .card h2.line2 {
	margin: 0.6em 0;
}

#topics .card p {
	line-height: 1.4;
	font-size: 1.3rem;
}

#topics .card .gakunen {
	padding: 0.2em;
	text-align: center;
	color: #FFF;
	background-color: #333333;
}

#topics .card a {
	position: absolute;
	left: 50%;
	bottom: 0;
	padding: 0.8em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transform-origin: 50%;
}

#topics .card a::after {
	position: absolute;
	content: '';
	left: 30%;
	top: 55%;
  width: 0.5em;
  height: 0.5em;
	border-radius: 0.1em;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

#topics.primary .card .txt_box { background-color: #f7931e; }
#topics.primary .card a { background-color: #e95514; }
#topics.juniorhigh .card .txt_box { background-color: #8cc63f; }
#topics.juniorhigh .card a { background-color: #4c8924; }

/*---------------------------
　　合格実績
---------------------------*/
#passing img {
	width: 100%;
	margin-bottom: 2em;
}

#passing .about_area {
	width: 100%;
	margin: 0 auto 1em auto;
	padding: 2em;
	border: #CCC 1px solid;
}

#passing .about_area h3 {
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	background: none;
	color: #1458d9;
}

#passing .about_area ol.group {
	margin: 1em 0;
	padding: 2em;
	background-color: #D9EBF9;
}

#passing .about_area ol.group li {
	margin-left: 1em;
	font-weight: bold;
	list-style-type: decimal;
}

#passing .marker { border-bottom: #ff0000 1px solid; }


/* 合格体験談 */

#gokaku_taiken .list { padding: 4em 0; }

#gokaku_taiken .list img {
	display: inline-block;
	width: 31%;
}

#gokaku_taiken .list img { margin: 0 2em 2em 0; }
#gokaku_taiken .list img:nth-child(3n) { margin-right: 0; }

/*---------------------------
　　教室ページ
---------------------------*/

.map_area { margin-left: 1em; }

.map_area iframe {
	height: 20em;
	vertical-align: middle;
}

.school_bnr { margin-bottom: 2em;}
.school_bnr img { width: 100%; }

.school_img { margin-top: 2em; }
.school_img li { width: 24%; }
.school_img img { width: 100%; }

.school_img p {
		margin-top: 0.5em;
    text-align: center;
    font-size: 1.4rem;
}

.table_school .tel-link {
	font-weight: bold;
	font-size: 2rem;
}

.table_school a {
	display: block;
	margin-top: 0.5em;
	padding: 0.3em;
	border: #1458d9 1px solid;
  border-radius: 100vh;
	font-size: 1.3rem;
	text-align: center;
	color: #1458d9;
}

#bus img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.school_course {
	padding: 2em;
	background-color: #D0EAFD;
}

.school_course .list_ttl {
	font-size: 2.2rem;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	color: #1458d9;
}

.school_course ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.school_course li {
	position: relative;
	display: flex;
	align-items: center;
	width: 49.5%;
	height: 3.8em;
	margin-top: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.8em;
	font-size: 1.4rem;
	border-radius: 0.5em;
	background-color: #FFF;
}

.school_course li:nth-child(even) { margin-left: 0.5em; }

.school_course li a {
	width: 65%;
	line-height: 1.4;
	vertical-align: middle;
}

.school_course li .gakunen {
	width: 7em;
	margin-right: 1em;
	padding: 0.3em 0.5em;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 0.3em;
	background-color: #1458d9;
	color: #FFF;
}

.school_course li::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 1em;
  width: 0.8em;
  height: 0.8em;
	border-radius: 0.1em;
  border-top: 3px solid #1458d9;
  border-right: 3px solid #1458d9;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.announce_bnr { display: block; letter-spacing: -0.4em; }
.announce_bnr img { width: 49%; }
.announce_bnr img:nth-child(even),
.announce_bnr a:nth-child(even) img { margin-left: 1em; }

/* 教室・特別講座 */

.course_list, .item_col { margin: 1em 0; }

.course_list.col2:nth-child(odd) { margin-right: 0; }
.course_list.col2:nth-child(even) { margin-left: 0; }
.course_list.col2 div:nth-child(2n) { margin-left: 1em; }

.course_list.col2 div {
	position: relative;
	width: 49%;
	padding: 1.5em;
}

.course_list.col2 .list_img {
	width: 50%;
	padding: 0;
}

.course_list.col2 img { width: 100%; }

.course_list.col3 { padding: 1em 0.5em; }

.course_list.col3 div {
	position: relative;
	width: 33%;
	padding: 0 0.5em;
}

.course_list.col3 dt { font-size: 90%; }
.course_list.col3 div dd.annot { text-indent: 0; margin-left: 0; }

.course_list dt {
	margin-bottom: 1em;
	padding: 0.5em 1em;
	text-align: center;
  color: #FFF;
}

.course_list dd.sub_ttl { font-weight: bold; }


/* 入室説明会・入室テスト・申し込みボタン */

.nyushitsu_form { margin-top: 3em; }
.nyushitsu_form .txt_icon { width: 5em; }

.nyushitsu_form .tmb {
	margin: 1em 0 0 0;
	height: auto;
}

.guide_btn,
.form_btn {
	margin-top: 2em;
	padding: 1.5em;
	border-radius: 1em;
}

.guide_btn .req_btn,
.form_btn .req_btn { margin-top: 0; }


.nyushitsu_form .guide_btn {
	margin: 0;
	border-radius: 0;
}

.guide_btn #n_setsu .date,
.guide_btn #n_test #n_test_date,
.guide_btn #n_setsu #n_setsu_date,
.form_btn .date .day {
	display: block;
	font-size: 2.6rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}

.guide_btn .disc,
.form_btn .disc {
	display: block;
	width: 20em;
	margin: 0.5em auto 1em auto;
	padding: 0.2em;
	text-align: center;
	font-weight: bold;
	border-radius: 0.5em;
	background-color: #FFF;
}

.guide_btn .disc span:nth-child(1)::after {
	content: '';
	margin-left: 1em;
	padding-right: 1em;
	border-left: #999 1px solid;
}

.guide_btn .form_close,
.form_btn .form_close {
	max-width: 23em;
	padding: 0.7em;
	font-size: 1.4rem;
	background-color: #FFF;
	border: #f45a40 1px solid;
	color: #f45a40;
}

.guide_btn #no-test {
	padding: 0.7em 1em;
	font-size: 1.4rem;
	background-color: #999;
	color: #FFF;
}

.guide_btn #n_setsu #n_setsu_date .day,
.guide_btn #n_test #n_test_date .day,
.form_btn #n_setsu #n_setsu_date .day,
.form_btn #n_test #n_test_date .day,
.form_btn .date .day span {
	font-size: 4rem;
}

.guide_btn .col2:nth-child(odd) { margin: 0; }

/*---------------------------
　　路線別の教室一覧
---------------------------*/

#page_head.route_only { margin-bottom: 4em; }

#page_head.route_only h1 {
	position: relative;
	width: 100%;
	bottom: 0;
	margin-top: 2em;
	padding: 0;
	font-size: 4rem;
	text-align: center;
	color: #1458d9;
  background: none;
}

#page_head.route_only #breadcrumbs {
	position: relative;
	bottom: 0;
	margin-top: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.chapter_box {
	margin-bottom: 3em;
	padding: 2em;
	background-color: #EEE;
}

/* 路線一覧 */

.route_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 4em;
}

.route_box:after {
    content: "";
    display: block;
    width: 25%;
}

.route_box:before {
    content: "";
    display: block;
    width: 25%;
    order: 1;
}

.route_box li {
	position: relative;
	width: 25%;
}

.route_box li a {
	width: 100%;
	display: block;
	padding: 1em 0.5em;
	text-align: center;
	border-bottom: #CCC 1px solid;
	color: #1458d9;
	background-color: #FFF;
}

.route_box li::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0.8em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 1px;
	border-bottom: 2px solid #1458db;
	border-right: 2px solid #1458db;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: 50%;
}

/* 路線選択 */

.route_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.route_list:after {
    content: "";
    display: block;
    width: 32.5%;
}

.route_list:before {
    content: "";
    display: block;
    width: 32.5%;
    order: 1;
}

.route_list li {
	position: relative;
	width: 32.5%;
	margin-top: 0.8em;
}

.route_list li:nth-child(-n+3) { margin-top: 0; }

.route_list li a {
	width: 100%;
	display: block;
	padding: 0.5em;
	text-align: center;
	border: #1458d9 1px solid;
	color: #1458d9;
	background-color: #FFF;
}

.route_list li::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 1em;
	width: 1.8em;
	height: 1.8em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transform-origin: 50%;
}

.route_list li::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0.8em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 1px;
	border-top: 2px solid #1458db;
	border-right: 2px solid #1458db;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: 50%;
}

/*---------------------------
　　小学生能力開発
---------------------------*/

.movie_course {
	padding: 1.5em;
	font-size: 1.4rem;
	border-radius: 1em;
	color: #FFF;
}

.movie_course .movie { width: 100%; }
.movie_course .txt_ver3 { line-height: 1.4; }

.movie_blue { background-color: #94b2da; }
.movie_pink { background-color: #f09db1; }
.movie_green { background-color: #93c756; }
.movie_purple { background-color: #a58fb9; }

/*---------------------------
　　入室説明会・入室テスト
---------------------------*/

.txt_frame {
	width: 100%;
	margin-top: 1em;
	padding: 0.5em;
	text-align: center;
	border: #f25a40 1px solid;
	border-radius: 100vh;
	color: #f25a40;
}

.point .link_btn a { margin-top: 1em; }

.table_guide {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 1em;
	padding: 1em 1em 0.8em 1em;
	border: none;
	background-color: #EEE;
}

.table_guide th {
	font-weight: bold;
	border: none;
	background: none;
}

.table_guide tr { border: none; }

.table_guide tr.city th,
.table_guide.few tr.city th  {
	width: 9em;
	padding: 0 1em;
	vertical-align: middle;
}

.table_guide tr.city:first-child th { border-bottom: none; }

.table_guide tr:nth-of-type(n+2) {
	display: inline-block;
	width: 19em;
	border: #1458d7 1px solid;
	background-color: #FFF;
}

.table_guide tr:nth-of-type(odd) { margin-left: 0.5em; }

.table_guide td {
	width: 11em;
	padding: 0.5em 1em;
	border: none;
	vertical-align: middle;
}

/* IE11 */
_:lang(x)::-ms-backdrop, .table_guide td { padding: 0.5em; }

/* Firefox */
@-moz-document url-prefix() { .table_guide td { padding: 0.5em 0.8em; } }

.table_guide td a {
	display: block;
	color: #1458d7;
}

/*---------------------------
　　教室を探す
---------------------------*/

.gmap a { color: #1458d7; }
.gmap a:hover { text-decoration: underline; }

.school.table_guide tr th {
	width: 7em;
	padding: 0 0.5em;
	border: none;
}

.school.table_guide tr td {
	width: 12.8em;
	display: inline-block;
	padding: 0.3em 1em;
	border: #1458d7 1px solid;
	background-color: #FFF;
}

.school.table_guide tr td a {
	display: block;
	text-align: center;
}

.school.table_guide tr td:nth-child(n+2) { margin-left: 0.5em; }
.school.table_guide tr td:nth-child(n+6) { margin-top: 0.5em; }

/* Firefox */
@-moz-document url-prefix() { .school.table_guide tr td:nth-child(n+2) { margin-left: 0.3em; } }

/* IE11 */
_:lang(x)::-ms-backdrop, .school.table_guide tr td:nth-child(n+2) { margin-left: 0.3em; }
_:lang(x)::-ms-backdrop, .school.table_guide tr td:nth-child(n+6) { margin-top: 0.3em; }


/*---------------------------
　　お申し込みボタン
---------------------------*/

.inquiry_wrap ul {
  margin: 2em auto 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}

.inquiry_wrap li {
  position: relative;
  width: 48%;
  display: inline-block;
  border-radius: 0.5em;
  font-size: 1.8rem;
  text-align: center;
  box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, .2);
  border: #1458e4 1px solid;
  background-color: #FFF;
  vertical-align: bottom;
}

.inquiry_wrap li a {
  display: block;
  padding: 5em 0 1.5em 0;
  color: #1458e4;
}

.inquiry_wrap li span { position: relative; }

.inquiry_wrap li:before {
  position: absolute;
  content: '';
  top: 35%;
  left: 50%;
  width: 5em;
  height: 3em;
  -webkit-transform: translate(-50% ,-35%);
  transform: translate(-50% ,-35%);
}

.inquiry_wrap li::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 1em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 1px;
  border-top: 3px solid #1458d9;
  border-right: 3px solid #1458d9;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

/* フッターお申し込みボタン*/
.footer_inquiry_wrap {
  margin: 0 auto;
  padding-top: 4em;
  background: url(../images/common/bg_pattern2.jpg);
}

.footer_inquiry_wrap ul {
  width: 66.25em;
  margin: 2em auto 0 auto;
  padding-bottom: 4em;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer_inquiry_wrap li {
  position: relative;
  width: 32%;
  display: inline-block;
  border-radius: 0.5em;
  font-size: 1.8rem;
  text-align: center;
  box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, .2);
  vertical-align: bottom;
}

.footer_inquiry_wrap li a {
  display: block;
  padding: 5em 0 1.5em 0;
}

.footer_inquiry_wrap li span { position: relative; }

.footer_inquiry_wrap li:before {
  position: absolute;
  content: '';
  top: 35%;
  left: 50%;
  width: 5em;
  height: 3em;
  -webkit-transform: translate(-50% ,-35%);
  transform: translate(-50% ,-35%);
}

.footer_inquiry_wrap li.shiryo_btn,
.footer_inquiry_wrap li.contact_btn {
  border: #1458e4 1px solid;
  background-color: #FFF;
}

.footer_inquiry_wrap li.nyusitsu_btn {
  border: #FFF 1px solid;
  background: #1458E3;
  background: -moz-linear-gradient(bottom, #1458FF 0%, #0095D6 100%);
  background: -webkit-linear-gradient(bottom, #1458FF 0%, #0095D6 100%);
  background: linear-gradient(to bottom, #1458FF 0%, #0095D6 100%);
}

.footer_inquiry_wrap li::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 1em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 1px;
  border-top: 3px solid #1458d9;
  border-right: 3px solid #1458d9;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.footer_inquiry_wrap li.nyusitsu_btn::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}

.footer_inquiry_wrap li.shiryo_btn a,
.footer_inquiry_wrap li.contact_btn a { color: #1458e4; }
.footer_inquiry_wrap li.nyusitsu_btn a { color: #FFF; }

.inquiry_wrap li.shiryo_btn:before,
.footer_inquiry_wrap li.shiryo_btn:before { background: url(../images/common/mabuchi_icon01.png) no-repeat center; }

.inquiry_wrap li.contact_btn:before,
.footer_inquiry_wrap li.contact_btn:before{ background: url(../images/common/mabuchi_icon02.png) no-repeat center; }

.footer_inquiry_wrap li.nyusitsu_btn:before { background: url(../images/common/mabuchi_icon03.png) no-repeat center; }


/*---------------------------
　　合格実績
---------------------------*/

.results_box .page_box img { width: 100%; }
.results_box .page_box img:nth-child(n+2) { margin-top: 3em; }

.results_box .page_box .about_area {
	margin: 2em auto 0 auto;
	padding: 2em 1.5em;
	border: #CCC 1px solid;
}

.results_box .page_box .about_area h3 {
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	background: none;
	color: #1458d9;
}

.results_box .page_box .about_area ol.group {
	margin: 1em 0;
	padding: 1em;
	background-color: #D9EBF9;
}

.results_box .page_box .about_area ol.group li {
	margin-left: 1em;
	font-weight: bold;
	list-style-type: decimal;
}

.results_box .page_box .marker { border-bottom: #ff0000 1px solid; }


/*---------------------------
　　合格者の声
---------------------------*/

#results_voice {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/results/voice/page_gokaku_taiken.jpg) no-repeat;
	background-size: contain;
}
/* 初期、4列用 */
#results_voice .list {
	display: block;
	width: 96%;
	margin: 0 auto;
	padding: 8em 0 6em 0;
}

#results_voice .list img {
	display: inline-block;
	width: 24.6%;
	margin: 0;
	padding: 0.5em;
	background-image: none;
}
/* 3列用 */
/* #results_voice .list {padding: 10em 0 6em 0;}
#results_voice .list img {width: 33%;} */

#results_voice h2 {
	margin: 1em auto;
	padding: 0.4em 1em;
	font-size: 2.8rem;
	text-align: center;
	-webkit-border-radius: 100vh;
	border-radius: 100vh;
	color: #FFF;
}

#results_voice .support { background-color: #F45A40; }
#results_voice .system { background-color: #8CC63F; }


/*---------------------------
　　ページ動画
---------------------------*/

.movie_box {
	display: block;
	margin: 0 auto;
	padding: 2em;
}

.movie_box.bc_img { border-radius: 1.5em; }

.movie_box img {
	display: block;
	margin: 1em auto;
}

.movie {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    height: 0;
    margin: 1em 0;
}

.movie_col1 {
	display: block;
	margin: 0 auto;
	padding: 2em;
	background: #8693ab;
	background: -moz-linear-gradient(right, #8693ab 0%, #bdd4e7 100%);
	background: -webkit-linear-gradient(right, #8693ab 0%, #bdd4e7 100%);
	background: linear-gradient(to right, #8693ab 0%, #bdd4e7 100%);
	color: #FFF;
}

.movie_col1 .movie { margin: 1em 0 0 0; }

.movie_col2 {
	position: relative;
	display: block;
	width: 23.5em;
	margin-left: 2em;
}

.movie_col2 .movie { margin: 0; }

/*---------------------------
　　新型コロナウイルス感染症対策
---------------------------*/
.figure_list {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}

.figure_list div {
	width: 48.5%;
	margin-top: 2em;
}

.figure_list dd {
	padding: 0.5em;
	text-align: center;
	color: #FFF;
	background-color: #93c756;
}

.figure_list img { width: 100%; }


/*---------------------------
　　Media Queries設定
---------------------------*/

/*---------------------------------------------*/
@media screen and (max-width: 768px) {
/*---------------------------------------------*/

/* 特別講座・テスト
----------------*/
#topics .flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#topics {
	margin: 2em 0;
	padding: 0 1em;
}

#topics .card {
	width: 100%;
	margin: 0 0 2em 0;
}

/* 合格実績
----------------*/
#passing img { margin-bottom: 1em; }
#passing .about_area { padding: 1.5em; }
#passing .about_area h3 { margin-bottom: 0.5em; }
#passing .about_area ol.group { padding: 1em; }

/* 合格体験談 */

#gokaku_taiken .list { padding: 0 1em 1em 1em; }

#gokaku_taiken .list img {
	display: inline-block;
	width: 48%;
}

#gokaku_taiken .list img { margin: 0 0 1em 0; }
#gokaku_taiken .list img:nth-child(odd) { margin-right: 0.5em; }
#gokaku_taiken .list img:nth-child(even) { margin-right: 0; }

/* 教室ページ
----------------*/

.table_school th { width: 28%; }
.map_area { margin: 1em 0 0 0; }
.map_area iframe { width: 100%; }
.school_img { display: inline-block; }

.school_img li {
	display: inline-block;
	width: 49%;
}

.school_img img { width: 100%; }
.school_img p { margin: 0.5em 0; }

.table_school .tel-link a {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	border: none;
	text-align: left;
}

#bus img { margin: 1em 0 0 0; }
.school_course { padding: 1em; }
.school_course ul { display: block; }
.school_course li { width: 100%; }
.school_course li:nth-child(even) { margin-left: 0; }
.school_course li a { width: 62%; }

.announce_bnr img { width: 100%;}
.announce_bnr img:nth-child(even),
.announce_bnr a:nth-child(even) img { margin-left: 0; }
.announce_bnr img:nth-child(n+2),
.announce_bnr a:nth-child(n+2) img { margin-top: 1em; }

/* 特別講座 */

.course_list.col2 .list_img { width: 100%; }
.course_list.col2:nth-child(odd) { margin-bottom: 0; }

.course_list.col2 div:nth-child(2n) { margin-left: 0; }
.course_list.col2 div { width: 100%; padding: 1em; }

.course_list.col3 { padding: 1em 0.5em 0 0.5em; }
.course_list.col3 dt { font-size: 100%; }
.course_list.col3 div { padding: 0 0.5em 1em 0.5em; }

.course_list dt { padding: 0.5em; }


/* 入室説明会・入室テスト */

.guide_btn {
	margin-top: 2em;
	padding: 1.5em 1em;
	border-radius: 0.8em;
}

.form_btn {
	margin-top: 2em;
	padding: 1.5em 1em;
	border-radius: 0.8em;
}

.form_btn .col2:nth-child(odd) { margin-bottom: 0; }

/* .guide_btn #n_setsu .date, */
.guide_btn #n_test #n_test_date,
.guide_btn #n_setsu #n_setsu_date,
.form_btn .date .day { font-size: 2.2rem; }

.guide_btn .form_close,
.form_btn .form_close { max-width: 100%; }

.nyushitsu_form .col2:nth-child(2n) { margin-top: 2em; }

/* 路線別の教室一覧
----------------*/

#page_head.route_only { margin-bottom: 2em; }

#page_head.route_only h1 {
	padding: 0 1em;
	font-size: 2.2rem;
	text-align: left;
}

#page_head.route_only #breadcrumbs { display: none; }

.chapter_box {
	margin-bottom: 2em;
	padding: 2em 1em;
}

/* 路線一覧 */
.route_box {
	margin-bottom: 2em;
	padding: 0 1em;
}

.route_box:after { width: 50%; }

.route_box li {
	display: table;
	width: 50%;
}

.route_box li a {
	display: table-cell;
	height: 4em;
	padding: 0 1em 0 2em;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
}

/* 路線選択 */
.route_list:after { width: 49%; }

.route_list li {
	display: table;
	width: 49%;
	margin-top: 0.5em;
	font-size: 1.4rem;
}

.route_list li:nth-child(-n+3) { margin-top: 0.5em; }
.route_list li:nth-child(-n+2) { margin-top: 0; }

.route_list li a {
	display: table-cell;
	height: 4em;
	padding: 0.5em 1.5em 0.5em 0.8em;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
}


/* 小学生能力開発
----------------*/

.movie_box { padding: 0; }
.movie_box.bc_img { background: none; }

/*.movie {
    padding-bottom: 56.25vw;
    height: 0;
}*/

.movie_course .movie {
    padding-bottom: 56.25%;
    height: 0;
}

/* 入室のご案内
----------------*/

.point.no_img img { display: none; }

.table_guide {
	margin-bottom: 1em;
	padding: 1em 1em 0.8em 1em;
	border: none;
}

.table_guide tr { width: 100%; }

.table_guide th {
	width: 100%;
	font-size: 2rem;
	padding: 0 0 0.5em 0;
}

.table_guide tr.city th {
	display: block;
	width: 100%;
	text-align: center;
}

.table_guide tr:nth-of-type(n+2) {
	width: 100%;
	margin-left: 0;
}

.table_guide.few .city th { width: 100%; }
.table_guide.few tr { vertical-align: middle; }
.table_guide.few tr:nth-of-type(n+2) { margin-bottom: 0.5em; }

/* 教室を探す
----------------*/

.school.table_guide tr {
	width: 100%;
	display: block;
	letter-spacing: -0.4em;
}

.school.table_guide tbody {
	width: 100%;
	display: block;
}

.school.table_guide tr th {
	width: 100%;
	display: block;
	padding: 0;
	text-align: center;
	letter-spacing: 0;
}

.school.table_guide tr td {
	width: 48.5%;
	margin-top: 0.5em;
	letter-spacing: 0;
}

.school.table_guide tr td a { text-align: left; }
.school.table_guide tr td:nth-child(n+2) { margin-left: 0; }
.school.table_guide tr td:nth-child(odd) { margin-left: 0.5em; }

/* リンクボタン
----------------*/
.class_list, .course_list { display: block; }
.class_list div, .course_list.col2 div, .course_list.col3 div { width: 100%; }

/* お申し込みボタン
----------------*/

.inquiry_wrap {
	width: 100vw;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  vertical-align: bottom;
	background: #e8f6fc;
  background: -moz-linear-gradient(top, #e8f6fc 80%, #FFF 80%);
  background: -webkit-linear-gradient(top, #e8f6fc 80%, #FFF 80%);
  background: linear-gradient(to top, #e8f6fc 80%, #FFF 80%);
}

.inquiry_wrap ul {
  width: 90%;
  margin: 2em auto 0 auto;
  padding-bottom: 4em;
  padding: 0 1em 2em 1em;
}

.footer_inquiry_wrap {
	margin: 0 auto;
	padding-top: 3em;
}

.footer_inquiry_wrap ul {
  width: 100%;
  margin: 0 auto;
  padding: 0 1em 2em 1em;
}

.inquiry_wrap li,
.footer_inquiry_wrap li {
  display: inline-block;
  width: 100%;
  margin-bottom: 1em;
}

.inquiry_wrap li a,
.footer_inquiry_wrap li a {
  display: block;
  padding: 2em 0;
}

.footer_inquiry_wrap li.nyusitsu_btn a { padding: 2em 0 2em 2em; }

.inquiry_wrap li:before,
.footer_inquiry_wrap li:before {
  top: 50%;
  left: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* 合格体験談
----------------*/

#results_voice {
	width: 100%;
	background: url(../images/results/voice/page_gokaku_taiken_sp.jpg) no-repeat;
	background-size: contain;
}
/* 初期、4列用 */
#results_voice .list { padding: 6em 0 2em 0; }

#results_voice .list img {
	display: inline-block;
	width: 49%;
	margin: 0 0 0.5em 0;
	padding: 0;
}
/* 3列用 */
/* #results_voice .list {padding: 9em 0 2em 0;}
#results_voice .list img {width: 49%;} */

#results_voice .list img:nth-child(even) { margin-left: 0.1em; }
#results_voice h2 { padding: 0.3em 0.5em; }
#results_voice .support { margin-top: 1em;}



/* ページ動画
----------------*/

.movie_col1 { padding: 1.5em; }

.movie_col2 {
	width: 100%;
	margin-top: 1em;
	margin-left: 0;
}

/* 新型コロナウイルス感染症対策
----------------*/

.figure_list div {
	width: 100%;
	margin-top: 1em;
}

}/* 768 */