@charset "UTF-8";
/* ===== COURSE COMMON STYLES ===== */
/* topics色 */
.jhs-topics, .hs-topics ,.annex-topics{
	width: 135px!important;
	color: #fff;
	padding: 5px;
}
.jhs-topics {
	background-color: #d31e1e!important;
}
.hs-topics {
	background-color: #172F6B!important;
}
.annex-topics {
	background-color: #15AA00!important;
}

/* 名進研ホール */
.hall-main {
	width: 1000px;
	margin-bottom: 30px;
}
.hall-main tr th {
	background-color: #fff;
	vertical-align: top!important;
	text-align: left!important;
	border: none!important;
	line-height: 170%!important;
}
.hall-main tr td {
	border: none!important;
	vertical-align: top!important;
	padding: 0!important;
}
.hall-left　{
	float: left;
	width: 480px;
}
.hall-right　{
	float: right;
	width: 500px;
}
.hall-left ul {
	width: 500px;
}
.hall-left ul li {
background-color: #005bab;
	color: #fff;
	padding: 5px;
}
.hall-left ul li div {
	padding: 12px 5px;
	border: 1px solid #fff;
	font-weight: bold;
}
.hall-left ul li:nth-child(odd) {
	margin-right: 10px;
	margin-bottom: 10px;
}
.hall-left ul li:nth-child(even) {
	margin-right: 10px;
	margin-bottom: 10px;
}
.hall-time tr th {
	background-color: #005bab;
	color: #fff;
	border: 1px solid #fff;
	padding: 20px 10px!important;
}
.hall-time tr td {
	background-color: #f2f2f2;
	border: 1px solid #fff;
	padding: 20px 10px!important;
}
.diamond li::before {
	content: "◆";
	color: #005bab;
}
.gray-box {
	border: 1px solid #cccccc;
	padding: 10px;
}
.hall-no {
	margin-bottom: 10px;
}
.hall-no span {
	padding: 0px 7px;
	margin-right: 5px;
	background-color: #005bab;
	color: #fff;
}
.hall-provision {
	color: #005bab;
	border: 2px solid #005bab;
	padding: 10px;
	font-size: 16px;
}
.circle-b::before {
	content: "";
    display: inline-block;
    border: 4px solid #005bab;
    border-radius: 100%;
    height: 8px;
    margin: 0 2px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 8px;
}
.light-bg {
	background-color: #f2f2f2;
	padding: 10px;
}
.light-bg span::before {
	content: "◆";
	color: #005bab;
}
.floor-map {
	width: 100%;
	margin-bottom: 30px;
}
.floor-map div:first-child {
	float: left;
	width: 52%;
}
.floor-map div:last-child {
	float: right;
	width: 47%;
}
.floor-value {
	padding: 10px;
	background-color: #eff3f9;
	margin-bottom: 10px;
}
.floor-photo div:nth-child(odd) {
	float: left;
	width: 48%;
	text-align: center;
	margin-bottom: 20px;
}
.floor-photo div:nth-child(even) {
	float: right;
	width: 48%;
	text-align: center;
	margin-bottom: 20px;
}

.inline-box {
	display: inline-block;
	vertical-align: top; /*縦方向の揃え位置を指定*/
}


/* プライバシーポリシーなど */
.privacy-list li {
	margin-bottom: 5px;
	font-size: 13px;
}

.mod_message {
	display: none;
}

.privacy-num {
	background-color: #005BAB;
	color: #fff;
	padding: 0px 5px;
	margin-right: 5px;
	  border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}  

.diamond li {
	font-size: 13px;
}

.diamond li::before {
	content: "◆";
	color: #6b96da;
}

.privacy-box {
	padding: 20px ; 
	border: 1px solid #eeeeee;
	background-color: #fafafa;
}

.policy-title {
	color: #005BAB;
	border-bottom: 1px solid #ccc;
}

.policy-title span {
	font-size: 16px;
}

.policy-text {
	font-size: 16px;
	font-family: 'HiraMinProN-W3',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","Hiragino Mincho Pro","平成明朝","細明朝体","ＭＳ Ｐ明朝","MS P Mincho",serif !important;
	padding: 15px 0;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}

/* map_canvas  */
#map_canvas {
width:688px;
height:400px;
margin:0 0 30px 0;
border:1px solid #dbdfe7;
}

#map_canvas {
width:690px;
height:400px;
border:1px solid #dbdfe7;
}

.faq {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.faq dt {
	font-weight: bold;
	color: #172f6b;
}

.faq dt::before {
	content:"Q";
	font-size: 150%;
	font-weight: bold;
	color: #172f6b;
	margin-right: 10px;
}

.faq dd {
	
}

.faq dd::before {
	content:"A";
	font-size: 150%;
	font-weight: bold;
	color: #d4151e;
	margin-right: 10px;
}

.num > a:link {
	color: #005BAB;
	text-decoration: none;
}

.num > a:visited {
	color: #005BAB;
	text-decoration: none;
}

.news-table {
	width: 100%;
	vertical-align: middle!important;
	text-align: center!important;
}

.news-table tr th:nth-child(1){
	width: 10%;
	min-width: 100px;
    vertical-align: middle;
	text-align: center;
}

.news-table tr th:nth-child(2){
	vertical-align: middle;
	width: 30%;
	min-width: 150px;
	text-align: center;
}

.news-table tr th:nth-child(3){
	vertical-align: middle;
	width: 10%;
	min-width: 100px;
	text-align: center;
}

.news-table tr th:nth-child(4){
	vertical-align: middle;
	width: 10%;
	min-width: 100px;
	text-align: center;
}

.news-table tr th:nth-child(5){
	vertical-align: middle;
	width: 10%;
	min-width: 100px;
	text-align: center;
}

.news-table tr th:nth-child(6){
	vertical-align: middle;
	width: 15%;
	min-width: 100px;
	text-align: center;
}

.news-table tr th:nth-child(7){
	vertical-align: middle;
	width: 15%;
	min-width: 100px;
	text-align: center;
}


.news-table tr td:nth-child(1){
	width: 10%;
	min-width: 100px;
    vertical-align: middle;
}

.news-table tr td:nth-child(2){
	vertical-align: middle;
	min-width: 150px;
	width: 30%;
}

.news-table tr td:nth-child(3){
	vertical-align: middle;
	min-width: 100px;
	width: 10%;
}

.news-table tr td:nth-child(4){
	vertical-align: middle;
	min-width: 100px;
	width: 10%;
}

.news-table tr td:nth-child(5){
	vertical-align: middle;
	min-width: 100px;
	width: 10%;
}

.news-table tr td:nth-child(6){
	vertical-align: middle;
	min-width: 100px;
	width: 15%;
}

.news-table tr td:nth-child(7){
	vertical-align: middle;
	min-width: 180px;
	width: 15%;
}

a.cp_btn {
	display: block;
	position: relative;
	padding: 0.8em 0.2em;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
	background: #D31E1E;
	border:1px solid #808080;
	overflow: hidden;
	z-index: 1 !important;
}
a.cp_btn:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #FFFFFF;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
a.cp_btn:hover {
	opacity: 1;
	color: #D31E1E;
}
a.cp_btn:hover:after {
	height: 250%;
	opacity: 1;
}
a.cp_btn:active:after {
	height: 350%;
	opacity: 1;
}


.pg_ttl p { margin: 0 0 0 10px; display: inline; vertical-align: middle; font-size: 0.75rem; font-weight: normal; }


.google-maps {
		position: relative;
		padding-bottom: 30%;
		height: 0;
		overflow: hidden;
		margin-bottom: 0px;
		}
	
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

#nagoya,#aichi,#gifu {
	font-weight: bold;
	font-size: 120%;
}

#nagoya::before,#aichi::before,#gifu::before {
content: "";
	display: inline-block;
	border: 4px solid #005bab;
	border-radius: 100%;
	height: 8px;
	margin: 0 2px 0 0;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 8px;
}

.font-90 {
	font-size: 90%;
}

.gnav nav > ul > li ul li a {
	padding: 10px 8px 8px;
}

table th {
    vertical-align: middle;
}

.application-t {
	margin: 30px 0 30px 0;
	padding: 0 0 3px 10px;
	border-bottom: 1px solid #eee;
	border-left: 5px solid #d31e1e;
}

.admission-bt {
	width: 680px;
	margin: 30px auto 0;
	background-color: #d31e1e;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-size: 130%;
	font-weight: bold;
	position: relative;
}

/*
.admission-bt::before {
    content: "";
    border: 4px solid #d31e1e;
    border-left: 0;
    border-top: 0;
    display: block;
    height: 40px;
    left: 50%;
    margin: 8px 0 0 -20px;
    position: absolute;
    bottom: 140%;
    transform: rotate(45deg);
	width: 40px;
}
*/

.admission-bt a {
	letter-spacing: 5px;
}

.admission-bt a:link {
	color: #fff;
}

.admission-bt a:visited {
	color: #fff;
}


.admission-bt i {
content: "f2c3";
	border: 0;
	display: inline-block;
	font-family: 'FontAwesome';
	height: 20px;
	left: 0;
	line-height: 12px;
	margin-top: -6px;
	transform: none;
	width: 20px;
	color: #fff;
	padding-right: 5%;
}

.admission-bt2 {
	width: 580px;
	margin: 30px auto 0;
	background-color: #d31e1e;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-size: 130%;
	font-weight: bold;
	position: relative;
}

/*
.admission-bt::before {
    content: "";
    border: 4px solid #d31e1e;
    border-left: 0;
    border-top: 0;
    display: block;
    height: 40px;
    left: 50%;
    margin: 8px 0 0 -20px;
    position: absolute;
    bottom: 140%;
    transform: rotate(45deg);
	width: 40px;
}
*/

.admission-bt2 a {
	letter-spacing: 5px;
}

.admission-bt2 a:link {
	color: #fff;
}

.admission-bt2 a:visited {
	color: #fff;
}

.admission-bt2 i {
	content: "f2c3";
	border: 0;
	display: inline-block;
	font-family: 'FontAwesome';
	height: 20px;
	left: 0;
	line-height: 12px;
	margin-top: -6px;
	transform: none;
	width: 20px;
	color: #fff;
	padding-right: 5%;
}


/* 20240925
   ボタン　体験説明会・体験WEEKの詳細へ */
.admission-box { margin: 3.5rem auto; }
.admission-box a { margin: 0 auto; padding: 25px 0; position: relative; display: block; text-decoration: none; text-align: center; line-height: 1; font-size: 120%; letter-spacing: 1px; font-weight: bold; color: #FFFFFF; background: #15AA00; width: 540px; }
.admission-box a+a { margin: 1.5rem auto 0; background: #FF6464; }
.admission-box a span { padding-right: 5px; font-size: 160%; }
.admission-box a:link, .admission-box a:visited { color: #FFFFFF; }
.admission-box a:hover { opacity: 1; box-shadow: 0px 0px 6px #515151; }
.admission-box a:after { content: ""; position: absolute; display: inline-block; top: 50%; right: 30px; transform: translate(0, -50%) rotate(45deg); width: 14px; height: 14px; border-top: 4px solid currentColor; border-right: 4px solid currentColor; }

@media only screen and (max-width: 768px) {
  .admission-box { margin: 2rem auto; }
  .admission-box a { padding: 4% 0; font-size: 110%; letter-spacing: 1px; width: 90%; }
  .admission-box a+a { margin: 1rem auto 0; }
  .admission-box a span { padding-right: 5px; font-size: 120%; }
  .admission-box a:after { right: 20px; width: 10px; height: 10px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; }
}
/* ボタン　体験説明会・体験WEEKの詳細へ　ここまで */


.visual {
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.pg_hs .procedureSection .procedureBox {
	border: 1px solid #172f6b;
}

.hall-flow .procedureSection .procedureBox {
	border: 1px solid #005bab!important;
	background-color: #f9f9f9!important;
}
.hall-flow .procedureSection .procedureBox:before {
	content: "";
    border: 4px solid #005bab;
    border-left: 0;
    border-top: 0;
    display: block;
    height: 40px;
    left: 50%;
    margin: 8px 0 0 -20px;
    position: absolute;
    top: 100%;
    transform: rotate(45deg);
	width: 40px;
}

.pg_hs .procedureSection .procedureBox:before {
	content: "";
    border: 4px solid #172f6b;
    border-left: 0;
    border-top: 0;
    display: block;
    height: 40px;
    left: 50%;
    margin: 8px 0 0 -20px;
    position: absolute;
    top: 100%;
    transform: rotate(45deg);
    width: 40px;
}

.pg_hs .procedureSection .procedureBox .td.txt .maru:before {
	border: 4px solid #172f6b;
	
}

.subject {
    font-size: 15px;
    margin: 5px 2px;
    padding: 3px 5px 1px;
	color: #fff;
}

.arithmetic {
	background-color: #F88D8C;
	padding: 3px 11px 1px;
}

.kokugo {
	background-color: #5AC08A;
	padding: 3px 11px 1px;
}

.eng {
	background-color: #AA72DD;
}

.aejhc-table tr th {
	text-align: center!important;
}

.taki-class {
	width: 880px;
}

.taki-class a {
	color:#fff!important;
}

.taki-class a:link {
	color: #fff;
}

.taki-class a:visited {
	color: #fff;
}

.news-wrap {
	
}

.clearfix:after {  
  content: ".";   
  display: block;
  height: 0;   
  clear: both;   
  visibility: hidden;  
}

.side-nav {
	float: left;
	width: 25%;
}

.side-nav h3 {
	font-weight: bold;
    color: #fff;
    background-color: #005bab;
    padding: 7px 0;
    text-align: center;
    margin-bottom: 15px;
}

.side-nav > ul > li {
    border-bottom: 1px dotted #bbbbbb;
    padding-bottom: 10px;
    padding-top: 10px;
}

.side-nav > ul > li > ul {
	margin: 0 0!important;
}

.side-nav > ul > li > ul > li {
	content: "▶";
}

.gray::before {
	color: #ccc;
	content: "▶";
}

.side-nav a:link {
	text-decoration: none;
}

.side-nav a:visited {
	text-decoration: none;
}

.news-main {
	float: right;
	width: 70%;
}

.news-main ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.news-main ul li span {
	margin-right: 10px;
}

.hs-point {
	background-color: #d4151e;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0 20px;
	margin-right: 10px;
}

.hs-point-t {
	font-weight: bold;
	margin-bottom: 10px;
}

.pg_annex .courseLineupSection .introFrame .txtFrame {
    margin: 150px 0 0!important;
	line-height: 200%
}

.step-box {
	width: 100%;	
}

.step-box a {
	background-color: #d4151e;
	height: 140px;
    padding-top: 30px;
	text-align: center;
	width: 15%;
	display: block;
	float: left;
	margin-right: 1.5%;
	color: #fff;
	text-decoration: none;
	position: relative;
	margin-bottom: 20px;
	font-size: 13px;
}

.pg_hs .step-box a {
	background-color: #172f6b;
}

.step-box a:link {
	color: #fff;
}
	
.step-box a:visited {	
	color: #fff;
}

.step-t {
	color:#ccc;
}

.single-area {
	margin-bottom: 50px;
}

.page-back {
	text-align: center;
}
	
.page-back a {
	padding: 15px 20px;
	background-color: #005bab;
	color: #fff!important;
	text-decoration: none;
}

.page-back-jhs {
	margin: 30px 0!important;
}

.page-back-jhs a {
	background-color: #d31e1e!important;
}

.page-back-hs {
	margin: 30px 0!important;
}

.page-back-hs a {
	background-color: #172F6B!important;
}
		
.page-back a:link {
	color: #fff;
}
	
.page-back a:visited {
		color: #fff;
}

.center {
	text-align: center;
}

.admission-t {
	font-weight: bold;
	font-size: 110%;
}

.text-right {
	text-align: right;
	
}

.img80 {
	max-width: 85%;
}

.hs-float div:last-child {
	float: right;
	width: 310px;
}

.hs-float div:first-child {
	float: left;
	width: 500px;
}

.school_guide {
	
}

.ribbon1 {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #f57a78;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.pyramid-table-sp tr th,.robot-table tr th {
	text-align: center;
}

.robot-table-sp tr td {
	text-align: center!important;
}

.pyramid-table-sp tr td {
	vertical-align: middle;
}

.school_news {
	padding: 20px 20px 20px!important;
	
}

.school_news h3 {
	font-size: 16px;
}

.school_news ul {
	padding: 20px;
	border: 1px solid #eee;
	margin-top: 5px!important;
}

.school_news ul li {
	margin-bottom: 10px;
}

.school_news ul li span {
	margin-right: 10px;
}

.school_news h3 i {
	margin-right: 5px;
	color: #005BAB;
}

.school-class {
	position: absolute;
	right: 0;
	top: -95px;
}

.school-jhs {
	background-color: #e50012;
	padding: 10px 5px;
}

.school-hs {
	background-color: #172f6b;
	padding: 10px 5px;
}

.school-annex {
	background-color: #15aa00;
	padding: 10px 5px;
}

.school-afterschool {
	background-color: #1FABCC;
	padding: 10px 5px;
}

.school-rainbow {
	background-color: #f9986c;
	padding: 10px 5px;
}

.school-personal {
	background-color: #62d318;
	padding: 10px 5px;
}

.school-expert {
	background-color: #1da9ef;
	padding: 10px 5px;
}

.school-jhs a,.school-hs a,.school-annex a,.school-afterschool a,.school-rainbow a,.school-personal a,.school-expert a {
	color: #fff!important;
	text-decoration: none!important;
}

.school-jhs a:link,.school-hs a:link,.school-annex a:link,.school-afterschool a:link,.school-rainbow a:link,.school-personal a:link,.school-expert a:link {
	color: #fff;
}

.school-jhs a:visited,.school-hs a:visited,.school-annex a:visited,.school-afterschool a:visited, .school-rainbow a:visited,.school-personal a:visited,.school-expert a:visited {
	color: #fff;
}

.school-none {
	background-color: #aaa;
	padding: 10px 5px;
}

.school-none a,.school-none a:link,.school-none a:visited {
	color: #fff!important;
	text-decoration: none;
}

.phone-logo1 {
	font-size: 80%;
	background-color: #005bab;
	color: #fff;
	padding: 3px;
	font-size: 13px;
	margin-left: 5px;
	position: absolute;
	top: 4px;
}

.phone-logo2 {
	font-size: 80%;
	background-color: #005bab;
	color: #fff;
	padding: 3px;
	font-size: 13px;
	margin-left: 5px;
	position: absolute;
	top: 4px;
}

.telNumber {
	position: relative;
}

.imgBox .box .caption {
	
}

.fixed-5 {
	width: 100%;
}

.fixed-5 tr th {
	width: 20%;
	text-align: center;
}

.fixed-5 tr td {
	width: 20%;
	text-align: center;
}

.fixed-6 {
	width: 100%;
}

.fixed-6 tr th {
	width: 16%;
	text-align: center;
}

.fixed-6 tr td {
	width: 16%;
	text-align: center;
}

/* ie 9対応　コース部分 */

:root .pg_jhs .imgBox .box:nth-child(2) .caption {
	right: 0.5rem\0/;
}

:root .jhs-4 {
	right: 0.3rem\0/!important;
}

:root .exam-2 {
	right: 0.3rem\0/!important;
}

:root .jhs-6 {
	right: 0.3rem\0/!important;
}

:root .hs-2 {
	right: 0.3rem\0/!important;
}

:root .hs-4 {
	right: 0.3rem\0/!important;
}

:root .hs-6 {
	right: 0.3rem\0/!important;
}

:root .imgBox .box p {
	padding-right: 2rem\0/!important;
}

:root .exam-wrap {
	width: 100%;
}

:root .exam-bt-2 {
	margin-right: 2px\0/!important;
	border-right: 3px\0/!important;
}

:root .btnFrame.col2 .btn:last-child {
	float: left\0/!important;
	margin-left: 5px\0/!important;
	width: 46%\0/!important;
	border-right: 1px solid #cf1e26\0/!important;
}

/* annex実績 */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-date {
  width: 110px;
  float: left;
  margin-top: 20px;
}

.timeline-content {
  width: 75%;
  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 30px;
	padding-bottom: 50px;
	padding-top: 18px;
}

.timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #6fc173;
  position: absolute;
  left: 106px;
  top: 24px;
  border-radius: 100%;
}

.timeline-content h3 {
	font-weight: normal;
	font-size: 16px;
}

.timeline-content span {
	font-weight: bold;
	color: #15AA00;
}

.timeline-content em {
	padding: 0px 5px;
	color: #fff;
	background-color: #f8b500;
	margin-left: 5px;
	font-style: normal;
}

.timeline-date {
	font-weight: bold;
}

.annex-record {
	background-color: #e2bb4d;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	text-align: center;
	width: 80%;
	margin: 0 auto 30px;
}

.annex-record p {
	border: 1px solid #fff;
	padding: 20px;
}

.school_wrap .school_content .school_guide .text-u {
	margin: 30px 20px;
}

.img-rensei {
	padding: 0 30px;
}

.img-rensei img {
	width: 100%;
}

.circle {
	font-weight: bold;
    font-size: 110%;
	margin: 30px 0 10px;
	border-bottom: 1px solid #eee;
	
}

.circle:before {
    content: "";
    display: inline-block;
    border: 4px solid #d31e1e;
    border-radius: 100%;
    height: 8px;
    margin: 0 2px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 8px;
}
/*
#slide2 {
  pointer-events: none;
}
*/

/* */
.master-slide {
    background: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    border: 10px solid #fff;
    display: block;
    margin: 0 0 5%;
    overflow: hidden;
}

.ms-skin-metro .ms-nav-next {
	right: 2px!important;
	opacity: 0.4!important;
}

.ms-skin-metro .ms-nav-prev {
	left: 2px!important;
	opacity: 0.4!important;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
	bottom: -00px!important;
}

.report > .tbl > .td {
	border: 3px solid #f3a8b6!important;
}

.report > .tbl > .td.none {
	border: none!important;
}

.report-bt {
	background-color: #ef6c8e!important;
}

/* 合格速報 */
.report_news {
	padding: 20px 20px 20px!important;
}

.report_news h3 {
	font-size: 16px;
}

.report_news ul {
	padding: 20px;
	border: 1px solid #d31e1e;
	margin-top: 5px!important;
	overflow-y: scroll;
	max-height: 200px;
}

.report_news ul li {
	margin-bottom: 10px;
}

.report_news ul li span {
	margin-right: 10px;
}

.report_news h3 i {
	margin-right: 5px;
	color: #d31e1e;
}

/* 合格速報高校 */
.report_news_hs {
	padding: 20px 20px 20px!important;
}

.report_news_hs h3 {
	font-size: 16px;
}

.report_news_hs ul {
	padding: 20px;
	border: 1px solid #172F6B;
	margin-top: 5px!important;
	overflow-y: scroll;
	max-height: 200px;
}

.report_news_hs ul li {
	margin-bottom: 10px;
}

.report_news_hs ul li span {
	margin-right: 10px;
}

.report_news_hs h3 i {
	margin-right: 5px;
	color: #172F6B;
}



/* 高校受験コース 小4  */
.pg_rensei .renseiSection .tabMenu .hs-06 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-06.active a,
.pg_rensei .renseiSection .tabMenu .hs-06 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #FF3366;
}
.pg_rensei .renseiSection .contentBox.hs-06 {
	border: 3px solid #FF3366;
}
.pg_rensei .renseiSection .contentBox.hs-06 .catch {
	border-top: 3px double #FF3366;
	border-bottom: 3px double #FF3366;
}
.pg_rensei .renseiSection .contentBox.hs-06 .ttl_s:before {
	background-color: #FF3366;
}

/* 高校受験コース 小5  */
.pg_rensei .renseiSection .tabMenu .hs-01 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-01.active a,
.pg_rensei .renseiSection .tabMenu .hs-01 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #ff8300;
}
.pg_rensei .renseiSection .contentBox.hs-01 {
	border: 3px solid #ff8300;
}
.pg_rensei .renseiSection .contentBox.hs-01 .catch {
	border-top: 3px double #ff8300;
	border-bottom: 3px double #ff8300;
}
.pg_rensei .renseiSection .contentBox.hs-01 .ttl_s:before {
	background-color: #ff8300;
}

/* 高校受験コース 小6  */
.pg_rensei .renseiSection .tabMenu .hs-02 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-02.active a,
.pg_rensei .renseiSection .tabMenu .hs-02 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #ff5759;
}
.pg_rensei .renseiSection .contentBox.hs-02 {
	border: 3px solid #ff5759;
}
.pg_rensei .renseiSection .contentBox.hs-02 .catch {
	border-top: 3px double #ff5759;
	border-bottom: 3px double #ff5759;
}
.pg_rensei .renseiSection .contentBox.hs-02 .ttl_s:before {
	background-color: #ff5759;
}

/* 高校受験コース 中1  */
.pg_rensei .renseiSection .tabMenu .hs-03 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-03.active a,
.pg_rensei .renseiSection .tabMenu .hs-03 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #6dbdff;
}
.pg_rensei .renseiSection .contentBox.hs-03 {
	border: 3px solid #6dbdff;
}
.pg_rensei .renseiSection .contentBox.hs-03 .catch {
	border-top: 3px double #6dbdff;
	border-bottom: 3px double #6dbdff;
}
.pg_rensei .renseiSection .contentBox.hs-03 .ttl_s:before {
	background-color: #6dbdff;
}

/* 高校受験コース 中2  */
.pg_rensei .renseiSection .tabMenu .hs-04 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-04.active a,
.pg_rensei .renseiSection .tabMenu .hs-04 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #4dcea7;
}
.pg_rensei .renseiSection .contentBox.hs-04 {
	border: 3px solid #4dcea7;
}
.pg_rensei .renseiSection .contentBox.hs-04 .catch {
	border-top: 3px double #4dcea7;
	border-bottom: 3px double #4dcea7;
}
.pg_rensei .renseiSection .contentBox.hs-04 .ttl_s:before {
	background-color: #4dcea7;
}

/* 高校受験コース 中3  */
.pg_rensei .renseiSection .tabMenu .hs-05 a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .hs-05.active a,
.pg_rensei .renseiSection .tabMenu .hs-05 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #3879ac;
}
.pg_rensei .renseiSection .contentBox.hs-05 {
	border: 3px solid #3879ac;
}
.pg_rensei .renseiSection .contentBox.hs-05 .catch {
	border-top: 3px double #3879ac;
	border-bottom: 3px double #3879ac;
}
.pg_rensei .renseiSection .contentBox.hs-05 .ttl_s:before {
	background-color: #3879ac;
}

.tab5 .tbl .td {
	width: 20%!important;	
}

/* ここから能力開発講座のタブの色をご調整ください。 */
/* ピラミッド倶楽部 【.pyramid～.shogi】は新しく設定するクラス名です。名前は新しく作成いただいて下記を変更いただいてかまいません */
.pg_rensei .renseiSection .tabMenu .pyramid a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .pyramid.active a,
.pg_rensei .renseiSection .tabMenu .pyramid a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #F3981C;
}
.pg_rensei .renseiSection .contentBox.pyramid {
	border: 3px solid #F3981C;
}
.pg_rensei .renseiSection .contentBox.pyramid .catch {
	border-top: 3px double #F3981C;
	border-bottom: 3px double #F3981C;
}
.pg_rensei .renseiSection .contentBox.pyramid .ttl_s:before {
	background-color: #F3981C;
}

/* ロボット科学教育 */
.pg_rensei .renseiSection .tabMenu .robot a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .robot.active a,
.pg_rensei .renseiSection .tabMenu .robot a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #0091D7;
}
.pg_rensei .renseiSection .contentBox.robot {
	border: 3px solid #0091D7;
}
.pg_rensei .renseiSection .contentBox.robot .catch {
	border-top: 3px double #0091D7;
	border-bottom: 3px double #0091D7;
}
.pg_rensei .renseiSection .contentBox.robot .ttl_s:before {
	background-color: #0091D7;
}

/* こども海外探検隊・留学関係 */
.pg_rensei .renseiSection .tabMenu .study-abroad a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .study-abroad.active a,
.pg_rensei .renseiSection .tabMenu .study-abroad a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #a1e617;
}
.pg_rensei .renseiSection .contentBox.study-abroad {
	border: 3px solid #a1e617;
}
.pg_rensei .renseiSection .contentBox.study-abroad .catch {
	border-top: 3px double #a1e617;
	border-bottom: 3px double #a1e617;
}
.pg_rensei .renseiSection .contentBox.study-abroad .ttl_s:before {
	background-color: #a1e617;
}

/* 名進研英会話講座 */
.pg_rensei .renseiSection .tabMenu .english-conversation a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .english-conversation.active a,
.pg_rensei .renseiSection .tabMenu .english-conversation a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #EF858C;
}
.pg_rensei .renseiSection .contentBox.english-conversation {
	border: 3px solid #EF858C;
}
.pg_rensei .renseiSection .contentBox.english-conversation .catch {
	border-top: 3px double #EF858C;
	border-bottom: 3px double #EF858C;
}
.pg_rensei .renseiSection .contentBox.english-conversation .ttl_s:before {
	background-color: #EF858C;
}

/* 名進研将棋教室 */
.pg_rensei .renseiSection .tabMenu .shogi a {
	background: #aaaaaa;
}
.pg_rensei .renseiSection .tabMenu .shogi.active a,
.pg_rensei .renseiSection .tabMenu .shogi a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #8184BF;
}
.pg_rensei .renseiSection .contentBox.shogi {
	border: 3px solid #8184BF;
}
.pg_rensei .renseiSection .contentBox.shogi .catch {
	border-top: 3px double #8184BF;
	border-bottom: 3px double #8184BF;
}
.pg_rensei .renseiSection .contentBox.shogi .ttl_s:before {
	background-color: #8184BF;
}

.tab5 .tbl .td {
	width: 20%!important;	
}

.tab4 .tbl .td {
	width: 25%!important;	
}

/* 中受講習用のタブ 【.jhs-02～.jhs-06】は新しく設定するクラス名です。名前は新しく作成いただいて下記を変更いただいてかまいません */
/* 中受小学2年生*/
.jhs-summer .jhs-02 a {
	background: #aaaaaa;
}
.jhs-summer .jhs-02.active a,
.jhs-summer .jhs-02 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #EF858C;
}
.pg_rensei .renseiSection .contentBox.jhs-02 {
	border: 3px solid #EF858C;
}
.pg_rensei .renseiSection .contentBox.jhs-02 .catch {
	border-top: 3px double #EF858C;
	border-bottom: 3px double #EF858C;
}
.pg_rensei .renseiSection .contentBox.jhs-02 .ttl_s:before {
	background-color: #EF858C;
}

/* 中受小学3年生*/
.jhs-summer .jhs-03 a {
	background: #aaaaaa;
}
.jhs-summer .jhs-03.active a,
.jhs-summer .jhs-03 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #F18D00;
}
.pg_rensei .renseiSection .contentBox.jhs-03 {
	border: 3px solid #F18D00;
}
.pg_rensei .renseiSection .contentBox.jhs-03 .catch {
	border-top: 3px double #F18D00;
	border-bottom: 3px double #F18D00;
}
.pg_rensei .renseiSection .contentBox.jhs-03 .ttl_s:before {
	background-color: #F18D00;
}

/* 中受小学4年生 */
.jhs-summer .jhs-04 a {
	background: #aaaaaa;
}
.jhs-summer .jhs-04.active a,
.jhs-summer .jhs-04 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #6FBA2C;
}
.pg_rensei .renseiSection .contentBox.jhs-04 {
	border: 3px solid #6FBA2C;
}
.pg_rensei .renseiSection .contentBox.jhs-04 .catch {
	border-top: 3px double #6FBA2C;
	border-bottom: 3px double #6FBA2C;
}
.pg_rensei .renseiSection .contentBox.jhs-04 .ttl_s:before {
	background-color: #6FBA2C;
}

/* 中受小学5年生 */
.jhs-summer .jhs-05 a {
	background: #aaaaaa;
}
.jhs-summer .jhs-05.active a,
.jhs-summer .jhs-05 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #65AADD;
}
.pg_rensei .renseiSection .contentBox.jhs-05 {
	border: 3px solid #65AADD;
}
.pg_rensei .renseiSection .contentBox.jhs-05 .catch {
	border-top: 3px double #65AADD;
	border-bottom: 3px double #65AADD;
}
.pg_rensei .renseiSection .contentBox.jhs-05 .ttl_s:before {
	background-color: #65AADD;
}

/* 中受小学6年生 */
.jhs-summer .jhs-06 a {
	background: #aaaaaa;
}
.jhs-summer .jhs-06.active a,
.jhs-summer .jhs-06 a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	background: #006CB8;
}
.pg_rensei .renseiSection .contentBox.jhs-06 {
	border: 3px solid #006CB8;
}
.pg_rensei .renseiSection .contentBox.jhs-06 .catch {
	border-top: 3px double #006CB8;
	border-bottom: 3px double #006CB8;
}
.pg_rensei .renseiSection .contentBox.jhs-06 .ttl_s:before {
	background-color: #006CB8;
}


/* 幅768px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.headBtnFrame > a.btn_mnet {
	background-color: #172f6b;
	max-width: 160px;
	padding: 10px 10px 0 35px;
	width: 44.5%;
	line-height: 186%;
	padding-top: 10px!important;
	height: 40px!important;
	position: relative;
}

.headBtnFrame > a.btn_mnet span {
	position: absolute;
	top: 8px;
}

.headBtnFrame a.btn_mnet:before {
	background: url(../images/ico_mnet.png) no-repeat 0 center;
}
.headBtnFrame a.btn_mnet img {
	height: auto;
	max-width: 100%;
	position: relative;
	vertical-align: middle;
	top: 6px;
}
.headBtnFrame > a.btn_inquiry {
	margin: 0 0 0 3%;
	max-width: 190px;
	width: 52.5%;
	padding-top: 6px!important;
	height: 40px!important;
}
.headBtnFrame a.btn_inquiry:before {
	border: 7px solid transparent;
	border-left: 12px solid #fff;
	height: 0;
	left: 15px;
	margin: -7px 0 0;
	width: 0;
}
	
.google-maps {
		position: relative;
		padding-bottom: 70%;
		height: 0;
		overflow: hidden;
		margin-bottom: 0px;
		}
	
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.school_wrap .school_content .school_access {
    padding: 0rem!important;
}
	
.application-t {
	margin-top: 7%;
}
	
.jhs-about {
	background: url(../images/illust_goukakkun.png) no-repeat 0 0;
    background-size: contain;
    bottom: 30px;
    left: 30%;
    height: 0;
    max-width: 164px;
    min-height: initial;
    padding: 50% 0 0;
    position: relative;
    width: 30%;
}
	
.hs-about {
	background: url(../images/illust_ukaruchan.png) no-repeat 0 0;
    background-size: contain;
    bottom: 10px;
    left: 30%;
    height: 0;
    max-width: 164px;
    min-height: initial;
    padding: 50% 0 0;
    position: relative;
    width: 30%;
}	

.admission-bt {
	width: 90%;
	margin: 0 auto;
	background-color: #d31e1e;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 110%;
	font-weight: bold;
}

.admission-bt a {
	letter-spacing: 1px;
}	
.admission-bt i {
	padding-right: 7%;
}
	
.admission-bt2 {
	width: 100%;
	margin: 0 auto;
	background-color: #d31e1e;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 90%;
	font-weight: bold;
}

.admission-bt2 a {
	letter-spacing: 1px;
}	
.admission-bt2 i {
	padding-right: 7%;
}

.admission-bt-pyramid {
	width: 25%;
	margin: 0 auto;
	background-color: #F3981C;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 110%;
	font-weight: bold;
}
.admission-bt-pyramid a {
	letter-spacing: 1px;
}	
.admission-bt-pyramid i {
	padding-right: 7%;
}

.admission-bt-robot {
	width: 100%;
	margin: 0 auto;
	background-color: #0091D7;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 110%;
	font-weight: bold;
}

.admission-bt-english-conversation {
	width: 25%;
	margin: 0 auto;
	background-color: #EF858C;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 110%;
	font-weight: bold;
}

.admission-bt-shogi {
	width: 25%;
	margin: 0 auto;
	background-color: #8184BF;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 110%;
	font-weight: bold;
}

.footerBox .fNavFrame {
	margin: 10px 7.5px 0;
}

.taki-class {
	font-size: 75%;
	padding-top: 4%;
}

.pg_annex .courseLineupSection .introFrame .txtFrame {
    margin: 40px 0 0!important;
	line-height: 200%
}
	
.pg_index.pg_annex .courseLineupSection .txtFrame .txt:before {
    
}

.pg_annex .courseLineupSection .introFrame .txtFrame .txt:before {
content: "";
    border: 15px solid transparent;
    border-bottom: 15px solid rgba(200,221,197,1)!important;
    display: block;
    height: 0;
    margin: 0 0 0 -15px;
    left: 50%;
    position: absolute;
    top: -30px;
    width: 0;
}	
	
.pg_index.pg_annex .courseLineupSection .txtFrame .txt {
    background: #c8ddc5;
}

.br-sp { 
	display:none; 
	}
	
.step-box a {
	background-color: #d4151e;
	height: 120px;
    padding-top: 10px;
	text-align: center;
	width: 30%;
	display: block;
	float: left;
	margin-right: 3%;
	color: #fff;
	text-decoration: none;
	position: relative;
	margin-bottom: 2%;
	font-size: 80%;
}

.step-box {
		margin: 0 1%; 
}

.page-back {
	text-align: center;
}
	
.page-back a {
	padding: 1.5% 2%;
	background-color: #005bab;
}
		
.page-back a:link {
	color: #fff;
}
	
.page-back a:visited {
	color: #fff;
}

.side-nav {
	width: 100%;
	float: none;
}
	
.news-main {
	width: 100%;
	float: none;
	margin-bottom: 20%;
}
	
.hs-float div:last-child {
	float: none;
	width: 100%;
}

.hs-float div:first-child {
	float: none;
	width: 100%;
}
	
.pyramid-table-sp tr th,.robot-table tr th {
	padding: 5px!important;
}

.robot-table-sp tr td {
	padding: 5px!important;
}

.pyramid-table-sp tr td {
	padding: 5px!important;
}

.pyramid-table-sp tr td:first-child,.pyramid-table-sp tr th:first-child	{
	width: 10%!important;	
}
	
.robot-table tr th:first-child {
	width: 10%;
}
	
.robot-table tr td:first-child {
	width: 10%;
}
	
.robot-table tr th:last-child {
	width: 20%;
}
	
.robot-table tr td:last-child {
	width: 20%;
}
	
.school-class {
    position: absolute;
    right: 0;
    top: -7.3%;
}
	
.phone-logo1 {
	font-size: 60%;
	position: static;
}

.phone-logo2 {
	font-size: 60%;
	position: static;
}

.telNumber.sp {
	font-size: 1.1rem!important;	
}
	

/* annex実績 */	
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 6%;
}

.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-date {
  
  float: none;
  margin-top: 2%;
}

.timeline-content {
  width: 100%!important;
  float: none;
	padding-bottom: 5%;
	padding-top: 1.5%;
	border-bottom: 1px #e5e5d1 solid;
	border-left: none;
}

.timeline-content:before {
  display: none!important;
}

.timeline-content h3 {
	font-weight: normal;
	font-size: 16px;
}

.timeline-content span {
	font-weight: bold;
	color: #15AA00;
}

.timeline-date {
	font-weight: bold;
}
	
.annex-record {
	width: 100%;
}
	
.timeline-content em {
	padding: 3px 5px;
	color: #fff;
	background-color: #f8b500;
	margin-left: 2px;
	font-style: normal;
}
	
.school_wrap .school_content .school_guide .text-u {
	margin: 0;
}
	
.img-rensei {
	padding: 0 10px;
}
	
.yagoto-class {
	top: -3%;
}
	
.kariya-class {
	top: -5%;
}
	
.meieki-class {
	top: -5%;
}
	
.ogaki-class {
		top: -5%;	
}
	
.shingifu-class,.bunkyodai-class, .hibino-class, .kasugai-class  {
	top: -5%;
}
	
.motoyama-class,.matsuba-class {
	top: -4%;		
}
	
.passer {
	text-align: right;
	width: 100%!important;
}

/* 名進研ホール */
.hall-main {
	width: 100%;
	margin-bottom: 3%;
}

.hall-left　{
	float: none;
	width: 100%;
}
.hall-right　{
	float: none;
	width: 100%;
}

.hall-left ul {
	
	width: 100%;
}

.hall-left ul li {
}

.hall-left ul li div {
}
.hall-left ul li:nth-child(odd) {
	margin-bottom: 2%;
	margin-right: 0;
}
.hall-left ul li:nth-child(even) {
	margin-bottom: 2%;
	margin-right: 0;
}
.hall-time tr th {
	background-color: #005bab;
	color: #fff;
	border: 1px solid #fff;
	padding: 2% 1%!important;
}
.hall-time tr td {
	background-color: #f2f2f2;
	border: 1px solid #fff;
	padding: 2% 1%!important;
}
.diamond::before {
	content: "◆";
	color: #005bab;
}
ol.diamond::before {
	content: "";	
	}
.gray-box {
	border: 1px solid #cccccc;
	padding: 1%;
}
.hall-no {
	margin-bottom: 1%;
}
.hall-no span {
	padding: 2px 7px;
	margin-right: 5px;
	background-color: #005bab;
	color: #fff;
}
.hall-provision {
	color: #005bab;
	border: 2px solid #005bab;
	padding: 1%;
}

.circle-b::before {
	content: "";
    display: inline-block;
    border: 4px solid #005bab;
    border-radius: 100%;
    height: 8px;
    margin: 0 2px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 8px;
}
 
.light-bg {
	background-color: #f2f2f2;
	padding: 1%;
}

.light-bg span::before {
	content: "◆";
	color: #005bab;
}

.floor-map {
	width: 100%;
	margin-bottom: 3%;
}

.floor-map div:first-child {
	float: left;
	width: 48%;
}
.floor-map div:last-child {
	float: right;
	width: 48%;
}

.floor-value {
	padding: 1%;
	background-color: #eff3f9;
	margin-bottom: 2%;
}

.floor-photo div:nth-child(odd) {
	float: left;
	width: 48%;
	text-align: center;
	margin-bottom: 2%;
}

.floor-photo div:nth-child(even) {
	float: right;
	width: 48%;
	text-align: center;
	margin-bottom: 2%;
}
	
.hall-tab {
	width: 100%;
	padding: 0%;
}	
	
.fixed-5 tr td {
	font-size: 60%;
}
	
.fixed-5 tr th {
	font-size: 60%;
}	

/* ie11対応 */
:root .exam-2 {
	margin-left: 1%\0/!important;
}