@charset "UTF-8";
/*
* LITALICOジュニア
* cms_sp.css
*
* @date 2016-07-13
*/


/* --------------------------------
-------------------------------- 
	SPスタイル
-------------------------------- 
-------------------------------- */
@media screen and (max-width: 768px) {
	
.pc{ display: none; }
.sp{ display: block; }

/* --------------------------------

	ページタイトル部分
	
-------------------------------- */
.l-categoryHeader{
	display: none;
}
/* --------------------------------

	背景設定
	
-------------------------------- */
.l-pageBody{
	background: url(../img/cms/bg_sp.png) center top repeat-y;
	background-size: 100% auto;
}
.relatedContents{
	background: #fff;
}

/* --------------------------------

	CMS共通
	
-------------------------------- */

/* 背景設定 */
.cms-contents a{
	text-decoration: none;
}
.cms-contents p{
	font-size: 14px;
	line-height: 1.7em;
}
.cms-contents .img-r{
	float:right;
}
.cms-contents .img-l{
	float:left;
}

/* 記事タイトル */

/*
.cms-contents h1{
	width: 100%;
	min-height: 55x;
	font-size: 19px;
	font-weight:bold;
	line-height: 25px;
	color: #fff;
	background: url(../img/cms/bg_h1_sp.jpg) center top no-repeat #e9463f;
	background-size: cover;
	padding: 10px 15px 15px;
	margin-bottom: 7.8125%;
	text-align: left;
}
*/

.contents-title {
	width: 100%;
	min-height: 55x;
	font-size: 19px;
	font-weight:bold;
	line-height: 25px;
	color: #fff;
	background: url(../img/cms/bg_h1_sp.jpg) center top no-repeat #e9463f;
	background-size: cover;
	padding: 10px 15px 15px;
	margin-bottom: 7.8125%;
	text-align: left;
}


/*記事情報*/
.cms-contents .pst-info{
	overflow: hidden;
	display:block;
	margin-bottom: 10px;
	padding: 0 15px;
}
.cms-contents .pst-info dt{
	font-size:12px;
	font-weight: bold;
	line-height: 1.2em;
	color: #e64849;
	margin-bottom: 6px;
}

/* 記事リード */
.cms-contents .lead{
	font-size: 13px;
	margin-bottom: 35px;
	padding: 0 15px;
}

/*共通ボタン*/
.cms-contents .btn-link{
	box-sizing: content-box;
	width: 100%;
	max-width: 480px;
	height: 45px;
	margin: 0 auto 0;
	text-align: center;
}
.cms-contents .btn-link a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 45px;
	font-weight: bold;
	color: #fff;
	background: #e9463f;
}
.cms-contents .btn-link a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 11px;
	bottom: 0;
	margin: auto 0;
	width: 9px;
	height: 9px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cms-contents .btn-link a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}
/* お問い合わせボタン */
.cms-contents .btn-contact{
	box-sizing: content-box;
	width: 100%;
	height: 55px;
	margin: 0 auto 0;
	text-align: center;
}
.cms-contents .btn-contact a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 55px;
	font-weight: bold;
	color: #555;
	background: #fddc56;
}
.cms-contents .btn-contact a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto 0;
	width: 28px;
	height: 46px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	background: url(../img/cms/icon_pencil_l.png) no-repeat;
	background-size: 28px 46px;
}
.cms-contents .btn-contact a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	width: 9px;
	height: 9px;
	border-top: 3px solid #e64849;
	border-right: 3px solid #e64849;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cms-contents .btn-contact a:hover:after{
	-webkit-transform: translateX(2px);
	    -ms-transform: translateX(2px);
	        transform: translateX(2px);
}
/* 戻るボタン */
.cms-contents .btn-back{
	box-sizing: content-box;
	width: 100%;
	height: 45px;
	margin: 0 auto 0;
	text-align: center;
}
.cms-contents .btn-back a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 45px;
	font-weight: normal;
	color: #555;
	background: #f1ece9;
}
.cms-contents .btn-back a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto 0;
	width: 9px;
	height: 9px;
	border-top: 3px solid #555;
	border-right: 3px solid #555;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}
.cms-contents .btn-back a:hover:after{
	-webkit-transform: translateX(-2px) rotate(-135deg);
	    -ms-transform: translateX(-2px) rotate(-135deg);
	        transform: translateX(-2px) rotate(-135deg);
}


/*記事テーマ ソート*/
.cms-contents .theme-sort{
	background: url(../img/cms/bg_theme_sort_sp.png) center top no-repeat;
	background-size: cover;
	position: relative;
	padding: 15px 20px 10px 20px;
}
.cms-contents .theme-sort h2{
	height: 21px;
	font-size: 15px;
	line-height: 21px;
	color: #e64849;
	padding: 2px 0 0 29px;
	margin-bottom: 10px;
	background: url(../img/cms/icon_h2_tag.png) left bottom no-repeat;
	background-size: 22px 21px;
}

/* タブ（ラジオボタン） */
.cms-contents .theme-sort .tab-wrap{
	letter-spacing: -.40em;
}
.cms-contents .theme-sort input[type="radio"]{
	display: none;
}
.cms-contents .theme-sort label{
	font-weight: normal;
	display: inline-block;
	letter-spacing: normal;
	font-size: 11x;
	line-height: 1em;
	padding: 10px 10px;
	margin: 0 10px 10px 0;
	border: 1px solid #e64849;
	background-color: #fff;
	cursor: pointer;
	transition: all 0.2s ease-out;
}
.cms-contents .theme-sort label:hover{
	color: #fff;
	background-color: #e64849;
}
.cms-contents .theme-sort input[type="radio"]:checked + label{
	color: #fff;
	background-color: #e64849;
}
/* タグリスト */
.tags ul{
	overflow: hidden;
}
.tags ul{
	letter-spacing: -.40em;
}
.tags ul li{
	font-size: 9px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 9px 6px 0;
	display:inline-block;
	letter-spacing: normal;
	width: auto;
	padding: 0 5px 0 16px;
	background: url(../img/cms/tag_bg.png) left center no-repeat #f8cf6f;
	border-radius: 2px;
}


/*ページャーナビ*/
.cms-contents .pager {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
}
.cms-contents .pager ul {
	position: relative;
	left: 50%;
	float: left;
}
.cms-contents .pager ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	border-left: none;
	letter-spacing: -.40em;
}
.cms-contents .pager li span,
.cms-contents .pager li a {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 37px;
	height: 37px;
	line-height: 37px;
	text-decoration:underline;
	text-align: center;
	margin: 0 3px;
	background-color: #f1ece9;
	color: #555;
	transition: all 0.2s ease-out;
	opacity: 1;
}
.cms-contents .pager li a img{
	margin-top: -1px;
}
.cms-contents .pager li:last-child{
	border-right: none;
}
.cms-contents .pager .active{
	background: #ec494a;
  color: #fddd56;
 	text-decoration: none;
}

.cms-contents .pager .point{
  background: none;
  color: #555;
  text-decoration:none;
}
.cms-contents .pager li a:hover {
	background-color: rgba(241,236,233,0.5);
	color: #e9463f;
	text-decoration:none;
}
.cms-contents .pager li a.latest,
.cms-contents .pager li a.prev,
.cms-contents .pager li a.next,
.cms-contents .pager li a.last{
	text-indent: -9999em;
}
.cms-contents .pager li a.latest:after,
.cms-contents .pager li a.prev:after,
.cms-contents .pager li a.next:after,
.cms-contents .pager li a.last:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	margin: 0 5px;
	transition: all 0.2s ease-out;
}
.cms-contents .pager li a.latest:after {
	background: url(../img/cms/icon_arrow_latest.png) center center no-repeat;
}
.cms-contents .pager li a.prev:after {
	background: url(../img/cms/icon_arrow_prev.png) center center no-repeat;
}
.cms-contents .pager li a.next:after {
	background: url(../img/cms/icon_arrow_next.png) center center no-repeat;
}
.cms-contents .pager li a.last:after {
	background: url(../img/cms/icon_arrow_last.png) center center no-repeat;
}
.cms-contents .pager li a.latest:hover:after {
	background: url(../img/cms/icon_arrow_latest_h.png) center center no-repeat;
}
.cms-contents .pager li a.prev:hover:after {
	background: url(../img/cms/icon_arrow_prev_h.png) center center no-repeat;
}
.cms-contents .pager li a.next:hover:after {
	background: url(../img/cms/icon_arrow_next_h.png) center center no-repeat;
}
.cms-contents .pager li a.last:hover:after {
	background: url(../img/cms/icon_arrow_last_h.png) center center no-repeat;
}
/* スマホの時は隠す */
.cms-contents .pager ul li:nth-child(5) {
	display: none;
}

/* 記事下部ボタン */
.cms-contents .bottom-btns{
	padding: 0 15px;
	margin-bottom: 100px;
}
.cms-contents .bottom-btns div{
	margin-bottom: 15px;
}
.cms-contents .bottom-btns div:last-child{
	margin-bottom: 0;
}
.cms-contents .bottom-btns div a{
	transition: opacity 0.2s ease-out;
}
.cms-contents .bottom-btns div a:hover{
	opacity: 0.7;
}


/* 地図タブボックス */
.cms-contents .class-tabs{
	margin-bottom: 25px;
	padding: 0 15px;
}
/*tabs-accordion*/
.cms-contents .class-tabs-accordion{
	width: 100%;
	height: auto;
	position: relative;	
	margin: 0 auto 0;
}
.cms-contents .class-tabs-accordion dl{
	margin-bottom: 2px;
	border: 4px solid #e9463f;
	background: #fff;
}
.cms-contents .class-tabs-accordion dl dt{
	width: 100%;
	height: 50px;
}
.cms-contents .class-tabs-accordion dl dt.active{
	width: 100%;
	background: #fff;
}
.cms-contents .class-tabs-accordion dl dt a{
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 20px 15px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../img/cms/bg_accordion.jpg);
}
.cms-contents .class-tabs-accordion dl dt a:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 15px;
	height: 15px;
	background: url(../img/cms/icon_accordion_open.png) no-repeat;
	background-size: 15px 15px;
}
.cms-contents .class-tabs-accordion dl dt.active a{
	color: #e9463f;
	background: #fff;
}
.cms-contents .class-tabs-accordion dl dt.active a:after{
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 15px;
	height: 15px;
	background: url(../img/cms/icon_accordion_close.png) no-repeat;
	background-size: 15px 15px;
}
.cms-contents .class-tabs-accordion dl dd{
	width: 100%;
	background: #fff;
}
.cms-contents .class-tabs-accordion dl dd ul{
	padding: 5px 0 0 20px;
	overflow: hidden;
}
.cms-contents .class-tabs-accordion dl dd ul li{
	font-size: 14px;
	line-height: 1em;
	float: left;
	margin: 0 20px 22px 0;
}
.cms-contents .class-tabs-accordion dl dd ul li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 17px;
	line-height: 1em;
	position: relative;
	transition: all 0.2s ease-out;
	text-decoration: underline;
}
.cms-contents .class-tabs-accordion dl dd ul li a:hover{
	color: #e9463f;
	text-decoration:none;
}
.cms-contents .class-tabs-accordion dl dd ul li a:after,
.cms-contents .class-tabs-accordion dl dd ul li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	border-top: 3px solid #e9463f;
	border-right: 3px solid #e9463f;
	width: 9px;
	height: 9px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*
.cms-contents .class-tabs-accordion dl dd ul li a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}
*/




/* --------------------------------
  
	【A】成長事例一覧
	
-------------------------------- */

/*記事テーマ 一覧*/
#tmp_a .cms-contents .pst-box{
	width: 100%;
	margin: 0 auto;
}
#tmp_a .cms-contents .pst-box > li{
	width: 75%;
	margin: 0 auto 30px;
}
#tmp_a .cms-contents .pst-box > li:last-child{
	margin: 0 auto 0;
}
#tmp_a .cms-contents .pst-box > li > a{
	display: block;
	overflow: hidden;
	transition: opacity 0.2s ease;
	opacity: 1;
}
#tmp_a .cms-contents .pst-box > li > a:hover{
	opacity: 0.7;
}
#tmp_a .cms-contents .pst-prof{
	background: #ece6d9;
}
#tmp_a .cms-contents .pst-box > li .pst-prof{
	position: relative;
}
#tmp_a .cms-contents .pst-box > li.green .pst-prof:before,
#tmp_a .cms-contents .pst-box > li.blue .pst-prof:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 31px;
	height: 31px;
}
#tmp_a .cms-contents .pst-box > li.green .pst-prof:before{
	background: url(../img/cms/photo_icon_green.png) no-repeat;	
}
#tmp_a .cms-contents .pst-box > li.blue .pst-prof:before{
	background: url(../img/cms/photo_icon_blue.png) no-repeat;	
}

#tmp_a .cms-contents .pst-prof > dt img{
	width: 100%;
	height: auto;
}
#tmp_a .cms-contents .pst-prof > dd{
	font-size:11px;
	line-height: 1em;
	padding: 9px 16px 9px 30px;
}
#tmp_a .cms-contents .pst-box .green .pst-prof > dd{
	background: url(../img/cms/name_icon_green.png) 16px 8px no-repeat;
	background-color: #ece6d9;
	font-weight: bold;
}
#tmp_a .cms-contents .pst-box .blue .pst-prof > dd{
	background: url(../img/cms/name_icon_blue.png) 16px 8px no-repeat;
	background-color: #ece6d9;
	font-weight: bold;
}
#tmp_a .cms-contents .pst-box .pst-text{
	position: relative;
	min-height: 190px;
	border: 4px solid #ece6d9;
	border-top-style: none;
	padding: 10px 15px 70px 15px;
	background: #fff;
}
#tmp_a .cms-contents .pst-box .pst-text dt{
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
}
#tmp_a .cms-contents .pst-box .green .pst-text dt{
	color: #36aa72;
}
#tmp_a .cms-contents .pst-box .blue .pst-text dt{
	color: #3950a0;
}

#tmp_a .cms-contents .pst-box li a .pst-text .btn{
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 87%;
	height: 43px;
	text-align: center;
	font-weight: bold;
	color: #333;
	background: #ece6d9 
}
#tmp_a .cms-contents .pst-box li a .pst-text .btn span{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 43px;
}
#tmp_a .cms-contents .pst-box li a .pst-text .btn span:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 9px;
	bottom: 0;
	margin: auto 0;
	width: 8px;
	height: 12px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	background: url(../img/cms/icon_det_arrow.png) no-repeat;
}
#tmp_a .cms-contents .pst-box li a:hover .pst-text .btn span:after{
	-webkit-transform: translateX(2px);
	    -ms-transform: translateX(2px);
	        transform: translateX(2px);
}

/* GIFアニメ設定 */
#tmp_a .cms-contents .pst-box > li{
	position: relative;
}
#tmp_a .cms-contents .pst-box > li:nth-child(1){
	padding: 60px 0 0;
}
#tmp_a .cms-contents .pst-box > li:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	pointer-events:none;
}
#tmp_a .cms-contents .pst-box > li:nth-child(1):after{
	content: "";
	right: -26px;
	width: 150px;
	height: 60px;
	background: url(../img/cms/dummy_anime_a1_200x80.gif) no-repeat;
	background-size: 150px 60px;
}



/* --------------------------------
  
	【B】年齢別課題と指導事例一覧
	
-------------------------------- */
/*
#tmp_b .cms-contents h1{
	margin-bottom: 20px;
}
*/

#tmp_b .contents-title {
	margin-bottom: 20px;
}

#tmp_b .cms-contents .pst-cont-sct h2{
	width: 90.625%;
	font-size: 19px;
	line-height: 25px;
	color: #e9463f;
	background: url(../img/cms/conts_h2.png) left center no-repeat;
	background-size: 13px 100%;
	padding: 0 0 0 22px;
	margin: 0 auto 20px;
}
#tmp_b .cms-contents .pst-cont-sct h3{
	font-size: 16px;
	line-height: 22px;
	color: #555;
	background: url(../img/cms/conts_h3.png) left center no-repeat;
	padding: 2px 0 0 16px;
	margin: 0 auto 15px;
}

/*記事セクション*/
#tmp_b .cms-contents .pst-cont-sct .img-main{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom: 35px;
/*	background: url(../img/cms/article_main_img.jpg) center center no-repeat;
	background-size: cover; */
}
/*
#tmp_b .cms-contents .pst-cont-sct .img-main img{
	display: none;
}
*/
#tmp_b .cms-contents .pst-cont-sct .img-main:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box{
	position: relative;
	padding: 0 15px;
	overflow: hidden;
	margin: 0 auto 30px;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box h4{
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	padding: 0;
	margin-bottom: 13px;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box .img-r,
#tmp_b .cms-contents .pst-cont-sct .txt-box .img-l{
	width: 100%;
	max-width: 367px;
	margin: 0 auto 18px;
	padding: 7px;
	float: none;
}

#tmp_b .cms-contents .pst-cont-sct .txt-box-img1 .img-r{
	background: url(../img/cms/pst-cont-sct_bg_blue.jpg) no-repeat;
	background-size: cover;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box-img2 .img-l{
	background: url(../img/cms/pst-cont-sct_bg_yellow.jpg) no-repeat;
	background-size: cover;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box-img3 .img-r{
	background: url(../img/cms/pst-cont-sct_bg_orange.jpg) no-repeat;
	background-size: cover;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box-img4 .img-l{
	background: url(../img/cms/pst-cont-sct_bg_orange.jpg) no-repeat;
	background-size: cover;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box p{
	margin-bottom: 1em;
}
#tmp_b .cms-contents .pst-cont-sct .txt-box .btn-link{
	clear: both;
	padding-top:13px;
	margin-bottom: 30px;
	width: 100%;
}

/*開催日時*/
#tmp_b .cms-contents .pst-timeschedule{
	margin-top: 60px;
	margin-bottom: 30px;
	padding: 0 15px;
	width: 100%;
}
#tmp_b .cms-contents .pst-timeschedule table{
	width: 100%;
	margin-bottom: 50px;
}
#tmp_b .cms-contents .pst-timeschedule tr{
	border-color: #e7dad0;
	border-style: solid;
	border-width: 5px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff
}
#tmp_b .cms-contents .pst-timeschedule tr:last-child{
	margin-bottom: 0;
}
#tmp_b .cms-contents .pst-timeschedule th{
	display: block;
	font-size:15px;
	background-color: #fbf6f2;
	border-bottom: 3px solid #e7dad0;
	padding: 15px;
	text-align: center;
}
#tmp_b .cms-contents .pst-timeschedule td{
	display: block;
	font-size:13px;
	border-bottom: 2px dotted #c1c1c1;
	padding: 25px 15px;
}
#tmp_b .cms-contents .pst-timeschedule td:last-child{
	border: none;
}
#tmp_b .cms-contents .pst-timeschedule span{
	font-size:11px;
}
/*記事フッター*/
#tmp_b .cms-contents .pst-footer-box{
	width: 90.625%;
	position: relative;
	border: 5px solid #f3e1ac;
	margin: 0 auto 50px;
	padding: 15px;
	overflow: hidden;
	background: #fff;
	
}
#tmp_b .cms-contents .pst-footer-box .txt-l,
#tmp_b .cms-contents .pst-footer-box .img-r {
	float: none;
}
#tmp_b .cms-contents .pst-footer-box .img-r{
	margin: 0 auto 20px;
	text-align: center;
}
#tmp_b .cms-contents .pst-footer-box h4{
	font-size: 18px;
	line-height: 23px;
	color: #e64849;
	padding: 0;
	margin-bottom: 13px;
}
#tmp_b .cms-contents .pst-footer-box p{
	font-size: 13px;
	line-height: 21px;
	margin-bottom:1em;
}

#tmp_b .cms-contents .pst-footer-box .btn-link{
	width: 100%;
	padding-top: 8px;
}


/* GIFアニメ設定 */
#tmp_b .cms-contents .pst-timeschedule{
	position: relative;
}
#tmp_b .cms-contents .pst-timeschedule:after{
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: -64px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_b2_150x80.gif) no-repeat;
	background-size: 120px 64px;
}


/* --------------------------------
  
	【C】よくある質問
	
-------------------------------- */

/*よくある質問*/
#tmp_c .cms-contents .faq-contents h2,
#tmp_c .cms-contents .faq-category h2{
	font-size: 16px;
	line-height: 20px;
	color: #555;
	background: url(../img/cms/conts_h3.png) left center no-repeat;
	padding: 0 0 0 16px;
	margin-bottom: 30px;
	clear: both;
}
#tmp_c .cms-contents .lead{
	margin-bottom: 25px;
}
/* コールセンター */
#tmp_c .cms-contents .call-box{
	padding: 0 15px;
	margin: 0px 0 35px 0;
}
#tmp_c .cms-contents .call-box h3{
	position: relative;
	width: 100%;
	max-width: 290px;
	height: 28px;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	color: #e94b44;
}
#tmp_c .cms-contents .call-box h3:before,
#tmp_c .cms-contents .call-box h3:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
}
#tmp_c .cms-contents .call-box h3:before {
	left: 10px;
	width: 13px;
	height: 18px;
	background: url(../img/cms/bnr_call_tit_bg_left.png) no-repeat;
	background-size: 13px 18px;
}
#tmp_c .cms-contents .call-box h3:after {
	right: 10px;
	width: 13px;
	height: 18px;
	background: url(../img/cms/bnr_call_tit_bg_right.png) no-repeat;
	background-size: 13px 18px;
}
#tmp_c .cms-contents .call-bnr{
	position: relative;
	width: 290px;
	height: 125px;
	margin: 0 auto 30px;
	background: url(../img/cms/bnr_call_bg_sp.jpg) no-repeat;
	background-size: 290px 125px;
}
#tmp_c .cms-contents .call-bnr .lead{
	padding: 12px 0 0;
	margin-bottom: 22px;
}
#tmp_c .cms-contents .call-bnr .lead p{
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
}
#tmp_c .cms-contents .call-bnr .lead p br:first-child{
	display: none;
}
#tmp_c .cms-contents .call-bnr .num{
	padding-left: 70px;
}
#tmp_c .cms-contents .call-bnr .num h5{
	font-size: 21px;
	font-weight: bold;
	color: #e94b44;
	margin-bottom: 2px;
	line-height: 1;
	font-family: 'Hiragino Kaku Gothic ProN W6', 'ヒラギノ角ゴ ProN W6', sans-serif !important;
}
#tmp_c .cms-contents .call-bnr .num p{
	font-size: 9px;
	color: #555;
	letter-spacing: -1px;
}


#tmp_c .cms-contents .faq-contents{
	margin-bottom: 50px;
	padding: 0 15px;
}
#tmp_c .cms-contents .faq-contents dl{
	border-bottom: 2px solid #e8dacf;
}
#tmp_c .cms-contents .faq-contents dl:first-child{
	margin-top: -25px;
}
#tmp_c .cms-contents .faq-contents dl dt{
	font-size: 14px;
	line-height: 23px;
	font-weight:bold;
	background: url(../img/cms/icon_faq_q.png) left 25px no-repeat;
	background-size: 25px 25px;
	padding: 25px 0 25px 35px;
	clear: both;
}
#tmp_c .cms-contents .faq-contents dt a,
#tmp_c .cms-contents .faq-category-box .category-box-inner ul li a{
	transition: all 0.2s ease-out;
	opacity: 1;
	text-decoration: underline;
}
#tmp_c .cms-contents .faq-contents dt a:hover,
#tmp_c .cms-contents .faq-category-box .category-box-inner ul li a:hover{
	color: #e64849;
	text-decoration: none;
}
#tmp_c .cms-contents .faq-contents dd{
	font-size: 14px;
	line-height: 23px;
	padding: 15px 0 19px 35px;
	margin-top: -15px;
	position: relative;
}
#tmp_c .cms-contents .faq-contents dd p{
	position: relative;
}
#tmp_c .cms-contents .faq-contents dd p:before {
	content: "";
	display: block;
	position: absolute;
	left: -35px;
	top: 2px;
	width: 25px;
	height: 25px;
	background: url(../img/cms/icon_faq_a.png) no-repeat;
	background-size: 25px 25px;
}
#tmp_c .cms-contents .faq-contents dd p.line1{
	padding-top: 2px;
	line-height: 41px;
}

#tmp_c .cms-contents .faq-contents .faq-btn{
	float: right;
}
/*カテゴリー別*/
#tmp_c .cms-contents .faq-category{
	padding: 0 15px;
	margin-bottom: 50px;
}
#tmp_c .cms-contents .faq-category h2{
	position: relative;
}
#tmp_c .cms-contents .faq-category-box{
	width: 100%;
	height: auto;
}
#tmp_c .cms-contents .faq-category-box > li{
	width: 100%;
	border: 5px solid #e8dacf;
	background-color: #fff;
	margin-bottom: 15px;
}
#tmp_c .cms-contents .faq-category-box > li:last-child{
	margin-bottom: 0;
}
#tmp_c .cms-contents .faq-category-box > li h3{
	font-size: 15px;
	line-height: 48px;
	text-align:center;
	border-bottom: 3px solid #e8dacf;
	background: url(../img/cms/bg_faq_h3.png) left top no-repeat #fbf6f2;
}

#tmp_c .cms-contents .faq-category-box > li .category-box-inner{
	padding: 30px 20px;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner a{
	transition: all 0.2s ease-out;
	text-decoration: underline;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner a:hover{
	color: #e64849;
	text-decoration: none;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner h4{
	font-size: 14px;
	margin-bottom: 0px;
	padding: 0 0 0 14px;
	background: url(../img/cms/icon_arrow_red.png) left center no-repeat;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner ul{
	margin-bottom: 38px;
	padding-left: 14px;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner ul li{
	font-size: 13px;
	padding-top: 10px;
	list-style: disc;
	list-style-position:inside;
}
#tmp_c .cms-contents .faq-category-box > li .category-box-inner ul:last-child{
	margin-bottom: 0;
}

/* Q&Aリストの個別設定 */
#tmp_c .cms-contents .faq-contents-list h2{
	margin-bottom: 0;
	position: relative;
}
#tmp_c .cms-contents .faq-contents-det dl dt{
	position: relative;
}
#tmp_c .cms-contents .faq-contents-det dl dt a{
	display: block;
	width: 100%;
	height: 100%;
}
#tmp_c .cms-contents .faq-contents-det dl dd{
	display: none;
}
#tmp_c .cms-contents .faq-contents-det dl dt{
	cursor: pointer;
	padding-right: 35px;
}
#tmp_c .cms-contents .faq-contents-det dl dt:after{
	content: "";
	display: block;
	position: absolute;
	right: 11px;
	top: 30px;
	width: 15px;
	height: 15px;
	background: url(../img/cms/faq_icon_open.png) no-repeat;
	background-size: 15px 15px;
}
#tmp_c .cms-contents .faq-contents-det dl dt.active:after{
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 36px;
	width: 15px;
	height: 3px;
	background: url(../img/cms/faq_icon_close.png) no-repeat;
	background-size: 15px 3px;
}
#tmp_c .cms-contents .faq-contents-det dl.active dd{
	display: block;
}

/* GIFアニメ設定 */
#tmp_c .cms-contents .faq-category-box{
	margin-top: -64px;
	padding: 64px 0 0;
}
#tmp_c .cms-contents .faq-category-box > li{
	position: relative;
}
#tmp_c .cms-contents .faq-category-box > li:nth-child(1):before{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -64px;
	width: 124px;
	height: 60px;
	background: url(../img/cms/dummy_anime_c1_150x80_sp1.gif) no-repeat;
	background-size: 124px 60px;
}
#tmp_c .cms-contents .faq-category-box > li:nth-child(2){
	margin-top: 64px;
}
#tmp_c .cms-contents .faq-category-box > li:nth-child(2):before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -64px;
	width: 124px;
	height: 60px;
	background: url(../img/cms/dummy_anime_c1_150x80_sp2.gif) no-repeat;
	background-size: 124px 60px;

}

/* --------------------------------
  
	【D】よくある質問
	
-------------------------------- */
/*↓記事一覧*/
#tmp_d .cms-contents .news-column-feed{
	margin:0 0 20px;
}
#tmp_d .cms-contents .news-column-feed article{
	position: relative;
	padding: 20px 0;
	border-bottom: 1px dotted #a7a099;
}
#tmp_d .cms-contents .news-column-feed article .pst-info{
	margin-bottom: 5px;
}
#tmp_d .cms-contents .news-column-feed article h3{
	font-size: 13px;
	padding: 0 15px;
}
#tmp_d .cms-contents .news-column-feed article h3 a{
	display: block;
	padding-right: 15px;
	-webkit-transition: opacity 0.2s ease-out;
			-ms-transition: opacity 0.2s ease-out;
					transition: opacity 0.2s ease-out;
	opacity: 1;
	text-decoration: underline;
}
#tmp_d .cms-contents .news-column-feed article h3 a:hover{
	opacity: 0.7;
	text-decoration: none;
}
#tmp_d .cms-contents .news-column-feed article h3 a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto 0;
	width: 9px;
	height: 9px;
	border-top: 3px solid #555;
	border-right: 3px solid #555;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#tmp_d .cms-contents .news-column-feed article h3 a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}

 /* GIFアニメ設定 */
#tmp_d .cms-contents .theme-sort{
	position: relative;
	margin-top: 64px;
}
#tmp_d .cms-contents .theme-sort:after{
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	top: -63px;
	width: 104px;
	height: 64px;
	background:url(../img/cms/dummy_anime_d1_130x80.gif) no-repeat;
	background-size: 104px 64px;
}

/* --------------------------------
  
	【E】発達障害用語集
	
-------------------------------- */
#tmp_e .l-pageBody{
	background: url(../img/cms/bg_e.png) center top no-repeat;
}
#tmp_e .cms-contents .theme-sort{
	padding-bottom: 20px;
	margin-bottom: 25px;
}
/* アンカー */
#tmp_e .cms-contents .theme-sort .anchor-box ul{
	margin-top: 5px;
	padding: 15px 0px 0px 15px;
	/* margin-bottom: 15px; */
	background-color: #fff;
	overflow: hidden;
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li{
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	padding: 0 0 0 12px;
	margin: 0 12px 20px 0;
	display:block;
	float: left;
	border-left: 1px solid #555;
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li:first-child,
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(3),
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(4),
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(5),
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(7),
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(9),
#tmp_e .cms-contents .theme-sort .anchor-box ul li:nth-child(11){
	border: none;
	padding: 0;
	clear: left;
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li a{
	position: relative;
	display: block;
	box-sizing: padding-box;
	width: 100%;
	padding: 0 13px 0 0;
	transition: all 0.2s ease-out;
	text-decoration:underline;
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li a:hover{
	color: #e64849;
	text-decoration: none;
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li a:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 1px;
	border-top: 2px solid #575757;
	border-right: 2px solid #575757;
	width: 7px;
	height: 7px;
	transition: all 0.2s ease; 
	-webkit-transform: rotate(135deg); 
	    -ms-transform: rotate(135deg); 
	        transform: rotate(135deg);
}
#tmp_e .cms-contents .theme-sort .anchor-box ul li a:hover:after{
	border-top: 3px solid #e64849;
	border-right: 3px solid #e64849;
	-webkit-transform: translateY(2px) rotate(135deg);
	    -ms-transform: translateY(2px) rotate(135deg);
	        transform: translateY(2px) rotate(135deg);
}
/* テーブル */
#tmp_e .cms-contents .word-description table{
	background-color: #fff;
}
#tmp_e .cms-contents .word-description tr,
#tmp_e .cms-contents .word-description td{
	display: block;
}
#tmp_e .cms-contents .word-description tr{
	border-top: 2px solid #e8dbd1;
	padding: 20px;
}
#tmp_e .cms-contents .word-description tr:nth-child(odd){
	background-color: #fbf7f2;
}
#tmp_e .cms-contents .word-description tr:first-child{
	display: none;
}
#tmp_e .cms-contents .word-description tr:last-child{
	border-bottom: 2px solid #e8dbd1;
}
#tmp_e .cms-contents .word-description td:nth-child(1){
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#tmp_e .cms-contents .word-description td:nth-child(1) br {
	display: none;
}
#tmp_e .cms-contents .word-description td:nth-child(2){
	font-size: 13px;
	line-height: 21px;
 }
 
 /* GIFアニメ設定 */
#tmp_e .cms-contents .theme-sort{
	position: relative;
	margin-top: 64px;
}
#tmp_e .cms-contents .theme-sort:after{
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: -64px;
	width: 104px;
	height: 64px;
	background:url(../img/cms/dummy_anime_e1_130x80.gif) no-repeat;
	background-size: 104px 64px;
}

 

/*---- 見出しレベル修正 Override 2016.8.8 ---*/
/****************
教室を探す
/template/tmp_f_20160808.html
****************/
/* .school .cms-contents h1 */
.school .cms-contents h3,
.school-single .cms-contents h2 { width: 100%; min-height: 55x; font-size: 19px; font-weight: bold; line-height: 25px; color: #fff; background: url(../img/cms/bg_h1_sp.jpg) center top no-repeat #e9463f; background-size: cover; padding: 10px 15px 15px; margin-bottom: 7.8125%; text-align: left; }

/* #tmp_f .cms-contents .map-wrap .kanto h2, #tmp_f .cms-contents .map-wrap .kinki h2 */
.school #tmp_f .cms-contents .map-wrap .kanto h4, .school #tmp_f .cms-contents .map-wrap .kinki h4 { font-size: 15px; line-height: 1em; font-weight: bold; color: #fff; text-align: center; padding: 12px 0 12px 0; }

.school #tmp_f .cms-contents .map-wrap .kanto h4 span, .school #tmp_f .cms-contents .map-wrap .kinki h4 span { display: inline-block; line-height: 1.8em; font-size:12px; }

/* #tmp_f .cms-contents .map-wrap .kanto h2 */
.school #tmp_f .cms-contents .map-wrap .kanto h4 { background-color: #f1a437; }

/* #tmp_f .cms-contents .map-wrap .kinki h2 */
.school #tmp_f .cms-contents .map-wrap .kinki h4 { background-color: #52cb91; }

/****************
教室一覧
/tmp_f_detail_20160808.html
****************/
/* #tmp_f_det .cms-contents .class-box h3 */
.school #tmp_f_det .cms-contents .class-box h4 { font-size: 18px; line-height: 24px; background: url(../img/cms/kyoshitsu_icon.png) 15px 15px no-repeat; background-size: 24px 30px; padding: 15px 15px 0 45px; margin: 0 0 15px; }

/* #tmp_f_det .cms-contents .class-box h3 span */
.school #tmp_f_det .cms-contents .class-box h4 span { display: block; font-size: 16px; font-weight: bold; color: #e9463f; vertical-align: top; }

/****************
教室詳細
/tmp_g_20160808.html
****************/
/* #tmp_g .cms-contents h2 */
/* #tmp_g .cms-contents .pst-cont-sct h4*/
.school #tmp_g .cms-contents h3, .school #tmp_g .cms-contents .pst-cont-sct h3,
#tmp_g .cms-contents .pst-cont-sct .note-box h4 { font-size: 16px; line-height: 22px; color: #555; background: url(../img/cms/conts_h3.png) left top no-repeat; padding: 0 0 0 16px; margin-bottom: 20px; clear: both; }

/* #tmp_g .cms-contents .school-event h3 */2.school #tmp_g .cms-contents .school-event h4 { font-size: 15px; line-height: 1.5; color: #e64849; background: url(../img/cms/icon_event.png) left top no-repeat; padding: 0 0 0 61px; margin-bottom: 20px; }

/* #tmp_g .cms-contents .faq-category-box > li h3, #tmp_i .cms-contents.faq-category-box > li h5 */
.school #tmp_g .cms-contents .faq-category-box > li h5 { font-size: 13px; line-height: 55px; text-align: center; border-bottom: 2px solid #e8dacf; background: url(../img/cms/bg_faq_h3.png) left top no-repeat #fbf6f2; }

/* #tmp_g .cms-contents .faq-category-box > li h3, #tmp_i .cms-contents .faq-category-box > li h5 */
.school #tmp_g .cms-contents .faq-category-box > li h5 { background: url(../img/cms/photo_icon_green.png) left top no-repeat #fbf6f2; color: #36aa72; }

/* #tmp_g .cms-contents .faq-category-box > li .blue, #tmp_i .cms-contents .faq-category-box > li .blue */
.school #tmp_g .cms-contents .faq-category-box > li .blue, .school #tmp_i .cms-contents .faq-category-box > li .blue { background: url(../img/cms/photo_icon_blue.png) left top no-repeat #fbf6f2; color: #3950a0; }

/* #tmp_g .cms-contents .pst-cont-sct h4 */
.school #tmp_g .cms-contents .pst-cont-sct h5 { font-size: 14px; line-height: 22px; padding: 0; margin-bottom: 17px; }

/* #tmp_g .cms-contents .staff-info h2 */
.school #tmp_g .cms-contents .staff-info h3 { margin-bottom: 20px; margin-left: 15px; color: #555; font-size: 16px; width: auto; }

/* #tmp_g .cms-contents .staff-info h3 */
.school #tmp_g .cms-contents .staff-info h5 { font-size: 20px; color: #e9463f; margin-bottom: 20px; padding: 0 15px; }

/* #tmp_g .cms-contents .staff-info .staff-voice-right h3, #tmp_g .cms-contents .staff-info .staff-voice-left h3 */
.school #tmp_g .cms-contents .staff-info .staff-voice-right h5, .school #tmp_g .cms-contents .staff-info .staff-voice-left h5 { padding: 0; font-size: 16px; line-height: 20px; margin-bottom: 16px; }

/*---- 見出しレベル修正 END ---*/

  /* --------------------------------
  
	【F】教室一覧(日本地図)
	
-------------------------------- */

#tmp_f .l-pageBody{
	background: none;
}

/*
#tmp_f .cms-contents h1{
	margin-bottom: 25px;
}
*/

#tmp_f .contents-title {
	margin-bottom: 25px;
}

#tmp_f .cms-contents .bnr-contact,
#tmp_f_det .cms-contents .bnr-contact{
	position: relative;
	width: 290px;
	height: 125px;
	margin: 0 auto 20px;
    margin-top: 50px;
	background: url(../img/cms/bnr_contact_bg_sp.jpg) no-repeat;
	background-size: 290px 125px;
}
#tmp_f .cms-contents .bnr-contact .bnr-contact > div,
#tmp_f_det .cms-contents .bnr-contact > div{
	position: relative;
}
#tmp_f .cms-contents .bnr-contact > div p,
#tmp_f_det .cms-contents .bnr-contact > div p{
	font-size: 12px;
}
#tmp_f .cms-contents .bnr-contact .tit,
#tmp_f_det .cms-contents .bnr-contact .tit{
	color: #fff;
	text-align: center;
	padding-top: 14px;
}
#tmp_f .cms-contents .bnr-contact .tit h4,
#tmp_f_det .cms-contents .bnr-contact .tit h4{
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #fadc62;
}
/*#tmp_f .cms-contents .bnr-contact,*/
#tmp_f .cms-contents .bnr-contact .tit h4 br,
#tmp_f_det .cms-contents .bnr-contact .tit h4 br {
	display: none;
}
#tmp_f .cms-contents .bnr-contact .tit p,
#tmp_f_det .cms-contents .bnr-contact .tit p {
	font-size: 9px;
}
#tmp_f .cms-contents .bnr-contact .num,
#tmp_f_det .cms-contents .bnr-contact .num{
	padding: 28px 0 0 70px;
}
#tmp_f .cms-contents .bnr-contact .num h5,
#tmp_f_det .cms-contents .bnr-contact .num h5{
	font-size: 21px;
	font-weight: bold;
	color: #e94b44;
	margin-bottom: 2px;
	line-height: 1;
	font-family: 'Hiragino Kaku Gothic ProN W6', 'ヒラギノ角ゴ ProN W6', sans-serif !important;
	letter-spacing: 1px;
}
#tmp_f .cms-contents .bnr-contact .num h5 a,
#tmp_f_det .cms-contents .bnr-contact .num h5 a{
	color: #e94b44;
	font-weight: bold;
}
#tmp_f .cms-contents .bnr-contact .num p,
#tmp_f_det .cms-contents .bnr-contact .num p{
	color: #555;
	font-size: 9px;
	letter-spacing: -0.5px;
}

#tmp_f .cms-contents .map-wrap{
	background: url(../img/common/article_pickup_bg_r.png) right top no-repeat #f1ece9;
	background-size: 50% auto;
	padding-top: 20px;
	padding-bottom: 30px;
	position:relative;
	/* overflow: hidden; */
}
#tmp_f .cms-contents .map-wrap:before {
	content: "";
	display: block;
	position: absolute;
	left: -25px;
	top: -10px;
	width: 95px;
	height: 95px;
	background: url(../img/cms/map_illust01.png) no-repeat;
	background-size: 100% auto;
}

#tmp_f .cms-contents .map-wrap:after {
	content: "";
	display: block;
	position: absolute;
	right:0;
	bottom: -30px;
	width: 100%;
	height: 100px;
	background: url(../img/cms/map_illust02_sp.png) center top no-repeat;
	background-size: 360px auto;
}

#tmp_f .cms-contents .map-wrap p.map-h {
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:1;
	color:#e54741;
	margin-bottom:30px;
	padding-left: 30px;
}
#tmp_f .cms-contents .map-wrap p.map-h span { font-size:12px; color:#555; }

#tmp_f .cms-contents .map-wrap .area-wrap {
	position:relative;
	width: 100%;
	text-align: center;
	vertical-align: top;
	letter-spacing: -.40em;
	background-image: url(../img/cms/sp_bg_map_japan.png), url(../img/cms/sp_bg_map.png);
	background-size:  contain, cover;
	background-position: center center, center bottom 10px;
	background-repeat: no-repeat, no-repeat;
}
#tmp_f .cms-contents .map-wrap .area-wrap:before {
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height:116px;
	left: 0;
	top: -10px;
	background-image: url(../img/cms/sp_bg_map_top.png);
	background-size: 103px 116px;
	background-position: left top;
	background-repeat:no-repeat;
}
#tmp_f .cms-contents .area-wrap .inner {
	padding:80px 0 70px 0;
	background-image: url(../img/cms/sp_bg_map_btm01.png), url(../img/cms/sp_bg_map_btm02.png);
	background-size: 90px 58px, 121px 104px;
	background-position: left 40px bottom, right -10px bottom;
	background-repeat:no-repeat, no-repeat;
}

#tmp_f .cms-contents .map-wrap .kanto,
#tmp_f .cms-contents .map-wrap .kinki{
	overflow: visible;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 118px;
	height: 235px;
	padding: 0;
	background-color: #fff;
	margin: 0 15px;
}
#tmp_f .cms-contents .map-wrap .kanto{
	border: 3px solid #f1a437;
}
#tmp_f .cms-contents .map-wrap .kinki{
	border: 3px solid #52cb91;
}
#tmp_f .cms-contents .map-wrap .kanto h2,
#tmp_f .cms-contents .map-wrap .kinki h2{
	font-size: 15px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
	text-align:center;
	padding: 12px 0 12px 0;
}
#tmp_f .cms-contents .map-wrap .kanto h2{
	background-color: #f1a437;
}
#tmp_f .cms-contents .map-wrap .kinki h2{
	background-color: #52cb91;
}
#tmp_f .cms-contents .map-wrap ul{
	padding: 22px 0 20px 20px;
	overflow: hidden;
}
#tmp_f .cms-contents .map-wrap ul li{
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#tmp_f .cms-contents .map-wrap ul li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 15px;
	line-height: 1em;
	position: relative;
	transition: all 0.2s ease-out;
}
#tmp_f .cms-contents .map-wrap ul li a:hover{
	color: #999;
}
#tmp_f .cms-contents .map-wrap .kanto ul li a:after,
#tmp_f .cms-contents .map-wrap .kinki ul li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 1px;
	margin: auto 0;
	width: 7px;
	height: 7px;
	transition: all 0.2s ease; 
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	        transform: rotate(45deg);
}
#tmp_f .cms-contents .map-wrap .kanto ul li a:after{
	border-top: 2px solid #f1a437;
	border-right: 2px solid #f1a437;
}
#tmp_f .cms-contents .map-wrap .kinki ul li a:after{
	border-top: 2px solid #52cb91;
	border-right: 2px solid #52cb91;
}
#tmp_f .cms-contents .map-wrap .kanto ul li a:hover:after,
#tmp_f .cms-contents .map-wrap .kinki ul li a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}

/* GIFアニメ設定 */
#tmp_f .cms-contents .map-wrap:before {

}

#tmp_f .cms-contents .map-wrap .kanto{
	position: relative;
}


 /* --------------------------------
  
	【F】教室一覧(リスト)
	
-------------------------------- */
/*
#tmp_f_det .cms-contents h1{
	margin-bottom: 25px;
}
*/

#tmp_f_det .cms-contents {
	margin-bottom: 25px;
}

#tmp_f_det .cms-contents .class-list{
	padding: 0 15px;
	margin-bottom: 45px;
}
#tmp_f_det .cms-contents .class-box h3{
	font-size: 18px;
	line-height: 24px;
	background: url(../img/cms/kyoshitsu_icon.png) 15px 15px no-repeat;
	background-size: 24px 30px;
	padding: 15px 15px 0 45px;
	margin: 0 0 15px;
}
#tmp_f_det .cms-contents .class-box h3 span{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #e9463f;
	vertical-align: top;
}

#tmp_f_det .cms-contents .class-list .class-box{
	background: url(../img/cms/bg_class_list_sp.jpg) left top no-repeat #e8dacf;
	background-size: contain;
	margin-bottom: 30px;
	padding: 0;
	position: relative;
}
#tmp_f_det .cms-contents .class-list .class-box:first-child{
	margin-top: 64px;
}
#tmp_f_det .cms-contents .class-list .class-box .btn-detail{
	font-weight: bold;
	display: block;
	position: relative;
	text-align:center;
	margin: 0 15px 20px;
}
#tmp_f_det .cms-contents .class-list .class-box .btn-detail a{
	display: block;
	font-size: 14px;
	line-height:44px;
	color: #fff;
	width: 100%;
	height: 44px;
	position: relative;
	background: #e94b44;
	transition: opacity 0.2s ease-out;
}
#tmp_f_det .cms-contents .class-list .class-box .btn-detail a:hover{
	opacity:0.7;
}
#tmp_f_det .cms-contents .class-list .class-box .btn-detail a:after {
	content: "";
	display: block;
	position: absolute;
	right: 11px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	width: 9px;
	height: 9px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#tmp_f_det .cms-contents .class-list .class-box .btn-detail a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}
#tmp_f_det .cms-contents .class-list .class-box .coution{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	background-color: #fff;
	padding: 10px 16px;
	margin: 0 15px 20px;
	border: 3px solid #ff8636;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info,
#tmp_g .cms-contents .class-info2
{
	margin-bottom: 10px;
	padding: 0 15px;
}
#tmp_g .cms-contents .class-info2 {
	padding:20px 0 10px 0;
	background: #f2ecdf;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dl,
#tmp_g .cms-contents .class-info2 dl
{
	clear: both;
	overflow: hidden;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dt,
#tmp_f_det .cms-contents .class-list .class-box .class-info dd,
#tmp_g .cms-contents .class-info2 dt,
#tmp_g .cms-contents .class-info2 dd
{
	line-height:26px;
	text-align: center;
	color: #fff;
	display: block;
	vertical-align: middle;
	margin-bottom: 5px;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dt,
#tmp_g .cms-contents .class-info2 dt
{
	float: left;
	width: 27%;
	height: 26px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: url(../img/cms/bg_shool_dt.png) right center no-repeat;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dd,
#tmp_g .cms-contents .class-info2 dd {
	float: left;
	width: 73%;
	overflow: hidden;
	text-align: left;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dd ul li,
#tmp_g .cms-contents .class-info2 dd ul li {
	display: inline-block;
	font-size: 11px;
	color: #333;
	padding: 0 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color:#FFF;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dl .kindergarten,
#tmp_g .cms-contents .class-info2 dl .kindergarten {
	color: #fff;
	background-color:#36aa72;
}
#tmp_f_det .cms-contents .class-list .class-box .class-info dl .elementary,
#tmp_g .cms-contents .class-info2 dl .elementary
{
	color: #fff;
	background-color:#3950a0;
}
#tmp_f_det .cms-contents .class-list .class-box .class-address{
	overflow: hidden;
}
#tmp_f_det .cms-contents .class-list .class-box .class-img{
	padding: 0 5px;
}
#tmp_f_det .cms-contents .class-list .class-box table{
	display: block;
	width: 100%;
	padding: 0 5px 3px;
}
#tmp_f_det .cms-contents .class-list .class-box tr,
#tmp_f_det .cms-contents .class-list .class-box td{
	display: block;
}
#tmp_f_det .cms-contents .class-list .class-box td{
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	line-height: 21px;
	background-color:#fff;
	padding: 20px;
	border-bottom: 2px solid #e7dad0;
}
#tmp_f_det .cms-contents .class-list .class-box table td:nth-child(2){
	border-bottom: none;
}
#tmp_f_det .relatedContents{
	background-color: transparent;
}


/* 戻るボタン */
#tmp_f_det .cms-contents .bottom-btns div,
#tmp_g .cms-contents .bottom-btns div{
	width: 90.625%;
	height: 44px;
	margin: 0 auto 0;
}
#tmp_f_det .cms-contents .bottom-btns div a,
#tmp_g .cms-contents .bottom-btns div a{
	font-size: 17px;
}


/* GIFアニメ設定 */
#tmp_f_det .cms-contents .class-list > li{
	position: relative;
	margin-top: 64px;
}
#tmp_f_det .cms-contents .class-list > li:nth-child(1):before{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -64px;
	width: 240px;
	height: 64px;
	background:url(../img/cms/dummy_anime_f-d1_300x80.gif) no-repeat;
	background-size: 240px 64px;
}
#tmp_f_det .cms-contents .class-list > li:nth-child(2):before{
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: -64px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_f-d2_150x80.gif) no-repeat ;
	background-size: 120px 64px;
}
#tmp_f_det .cms-contents .class-list > li:nth-child(3):before{
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	top: -64px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_f-d3_150x80.gif) no-repeat ;
	background-size: 120px 64px;
}

.service-guide { border:5px solid #e7dad0; padding:10px; width:290px; margin:0 auto 20px auto; }
.service-guide ul {color:#555; font-size:12px; }
.service-guide ul li:first-child { margin-bottom:10px; }
.service-guide ul li span { margin-bottom:5px; font-weight:bold; display:block; }

 /* --------------------------------
  
	【G】教室詳細
	
-------------------------------- */
/*
#tmp_g .cms-contents h1{
	margin-bottom: 25x;
}
*/

#tmp_g .contents-title {
	margin-bottom: 25x;
}


#tmp_g .cms-contents h2{
	font-size: 19px;/*
	line-height: 22px;
	color: #555;
	background: url(../img/cms/conts_h3.png) left top no-repeat;
	padding: 0 0 0 16px;
	margin-bottom: 20px;
	clear: both;*/
}


/* アンカー */
#tmp_g .cms-contents .page-anc{
	padding: 0 15px;
	margin-bottom: 10px;
}
#tmp_g .cms-contents .page-anc ul{
	overflow: hidden;
	letter-spacing: -.04em;
	width: 100%;
	position: relative;
}
#tmp_g .cms-contents .page-anc ul li{
	font-size: 11px;
	line-height: 33px;
	text-align:center;
	width: 47%;
	height: 33px;
	margin-bottom: 15px;
	display:inline-block;
	letter-spacing: normal;
}
#tmp_g .cms-contents .page-anc ul li:nth-child(odd){
	margin-right: 2.4%;
}
#tmp_g .cms-contents .page-anc ul li:nth-child(even){
	margin-left: 2.4%;
}
#tmp_g .cms-contents .page-anc ul li a{
	position: relative;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #f8e19f;
}
#tmp_g .cms-contents .page-anc ul li a:hover{
	opacity: 0.8;
}
#tmp_g .cms-contents .page-anc ul li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-top: 2px solid #555;
	border-right: 2px solid #555;
	width: 7px;
	height: 7px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	        transform: rotate(135deg);
}
/*
#tmp_g .cms-contents .page-anc ul li a:hover:after{
	-webkit-transform: translateY(2px) rotate(135deg);
	    -ms-transform: translateY(2px) rotate(135deg);
	        transform: translateY(2px) rotate(135deg);
}
*/

/* リード */
#tmp_g .cms-contents .school-lead{
	margin-bottom: 36px;
	padding: 0 15px;
	overflow: hidden;
}
#tmp_g .cms-contents .school-lead .img-l{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	padding: 5px;
	background: url(../img/cms/jr_school_img_bg.jpg) no-repeat;
	background-size: 100% auto;
}

/*関連イベント情報*/
#tmp_g .cms-contents .school-event{
	clear:both;
	border: 5px solid #f3e1ac;
	background: url(../img/cms/bg_school_event.png) right top no-repeat;
	background-color: #fff;
	width: 90.625%;
	padding: 15px 10px;
	margin: 0 auto 30px;
}
#tmp_g .cms-contents .school-event h3{
	font-size: 15px;
	line-height: 1.5;
	color: #e64849;
	background: url(../img/cms/icon_event.png) left top no-repeat;
	padding: 0 0 0 61px;
	margin-bottom: 20px;
}
#tmp_g .cms-contents .school-event dl{
	font-size: 13px;
	padding: 0 5px;
}
#tmp_g .cms-contents .school-event dl dt{
	font-weight: bold;
	line-height: 21px;
	color: #555;
	background: url(../img/cms/icon_event_02.png) left 5px no-repeat;
	padding: 0 0 0 20px;
	margin-bottom: 5px;
	text-decoration: underline;
}
#tmp_g .cms-contents .school-event dl dd{
	line-height: 19px;
	padding-left: 20px;
	margin-bottom: 20px;
}
/*アクセス関連*/
#tmp_g .cms-contents .class-info{
	width: 90.625%;
	margin: 0 auto 30px;
	border: 5px solid #e7dad0;
	background-color: #fff;
}
#tmp_g .cms-contents .class-info table{

}
#tmp_g .cms-contents .class-info th{
	text-align: center;
	font-size: 13px;
	white-space:nowrap;
	width: 75px;
	padding: 20px 0;
	background-color:#e7dad0;
	border-bottom: 2px solid #FFF;
	vertical-align: top;
}
#tmp_g .cms-contents .class-info table tr:nth-child(3) th,
#tmp_g .cms-contents .class-info table tr:last-child td:last-child{
	border-bottom: none;
}
#tmp_g .cms-contents .class-info td{
	text-align: left;
	font-size: 13px;
	line-height: 21px;
	background-color:#FFF;
	width: 100%;
	padding: 20px 20px;
	border-bottom: 2px solid #e7dad0;
}
#tmp_g .cms-contents .class-info table .sub{
	display: block;
	width: 100%;
	background-color:#fbf5f2;
}
#tmp_g .cms-contents .class-info table .sub br{
	display: none;/* レスポンシブ対応 */
}
#tmp_g .cms-contents .class-info table .ac{
	display: block;
	width: 100%;
}
#tmp_g .cms-contents .class-info table .telnum{
	font-size: 18px;
	font-weight: bold;
	display:block;
	margin-bottom: 10px;
	text-decoration: underline;
}
#tmp_g .cms-contents .class-info table .open{
	font-size: 12px;
}
/*アクセスマップ*/
.gmap iframe { pointer-events: none; width:100%; }

#tmp_g .cms-contents .access-map{
	padding: 0 15px;
	margin-bottom: 50px;
}
/*tabs-accordion*/
#tmp_g .cms-contents .map-tabs-accordion{
	width: 100%;
	height: auto;
	position: relative;	
	margin: 0 auto 0;
	border: 5px solid #e9463f;
	background: #fff;
}
#tmp_g .cms-contents .map-tabs-accordion .tabs {
	width: 100%;
	height: 61px;
	letter-spacing: -.40em;
}
#tmp_g .cms-contents .map-tabs-accordion .tabs li{
	width: 33.33%;
	height: 61px;
	border-bottom: 1px solid #e9463f;
	border-left: 1px solid #e9463f;
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
}
#tmp_g .cms-contents .map-tabs-accordion .tabs li:nth-child(1){
	border-left: none;
}
#tmp_g .cms-contents .map-tabs-accordion .tabs li a{
	display: block;
	width: 100%;
	height: 60px;
	padding: 15px 0;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #e9463f;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
	background: #fff;
}
/*
#tmp_g .cms-contents .map-tabs-accordion dl dt a:hover{
	display: block;
	width: 100%;
	height: 60px;
	background: #eee;
}
*/
#tmp_g .cms-contents .map-tabs-accordion .tabs li a.active{
	height: 60px;
	line-height: 16px;
	margin-top: 0;
	color: #fff;
	background: #e9463f;
	position: relative;
}
#tmp_g .cms-contents .map-tabs-accordion .tabs li a.active:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -11px;
	width: 23px;
	height: 11px;
	background: url(../img/cms/access_arrow.png) no-repeat;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content{
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-area{
	width: 100%;
	height: 250px;
	overflow: hidden;
	/* margin-bottom: 20px; */
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-area img{
	width: 100%; height: 100%;
}
/* 大きい地図で見る */
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank{
	margin-top: 10px;
	text-align: right;
	padding: 0 12px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank a{
  display: inline;
  position: relative;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 22px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank a:before,
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank a:after {
	content: "";
	display: block;
	position: absolute;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank a:before {
	top: 2px;
	left: 0;
	bottom: 0;
	margin: auto 0;
	border-top: 3px solid #3a3a3a;
	border-right: 3px solid #3a3a3a;
	width: 9px;
	height: 9px;
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	        transform: rotate(45deg);
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-blank a:after {
	top: 2px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	width: 18px;
	height: 15px;
	background: url(../img/cms/icon_blank.png) no-repeat;
	background-size: 18px 15px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route{
	padding: 0 15px;
	padding-top: 20px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route{
	overflow: hidden;
	letter-spacing: -.40em;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route ul li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route ul li:nth-child(4n){
	margin-right: 0;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route ul li .photo{
	float: left;
	width: 115px;
	margin-right: 10px;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route ul li p{
	float: left;
	width: 125px;
	font-size: 12px;
	line-height: 1.5em;
}
#tmp_g .cms-contents .map-tabs-accordion .tab-content .map-route ul li p span{
	display: block;
	margin-bottom: 5px;
}
/*カテゴリー別*/
#tmp_g .cms-contents .course-program,
#tmp_i .cms-contents .course-program{
	margin-bottom: 50px;
	padding: 0 15px;
}
#tmp_i .cms-contents .faq-category-box {
	display:block;
	border: 5px solid #e8dacf;
	overflow: hidden;
	background: #fff;
}
#tmp_g .cms-contents .faq-category-box {
	display:block;
	border: 5px solid #e8dacf;
/*
	border-top: 5px solid #e8dacf;
	border-right: 5px solid #e8dacf;
	border-bottom: none;
	border-left: 5px solid #e8dacf;
*/
	overflow: hidden;
	background: #fff;
}



#tmp_g .cms-contents .faq-category-box > li,
#tmp_i .cms-contents .faq-category-box > li{
	display:block;
	width: 100%;
	font-size: 13px;
	background-color: #fff;
}
#tmp_g .cms-contents .faq-category-box > li:last-child,
#tmp_i .cms-contents .faq-category-box > li:last-child{
	border-top: 5px solid #e8dacf;
}
#tmp_g .cms-contents .faq-category-box > li h3,
#tmp_i .cms-contents.faq-category-box > li h5{
	font-size: 13px;
	line-height: 55px;
	text-align:center;
	border-bottom: 2px solid #e8dacf;
	background: url(../img/cms/bg_faq_h3.png) left top no-repeat #fbf6f2;
}
#tmp_g .cms-contents .faq-category-box > li h3{
	font-size: 13px;
}
#tmp_g .cms-contents .faq-category-box > li h3,
#tmp_i .cms-contents .faq-category-box > li h5{
	background: url(../img/cms/photo_icon_green.png) left top no-repeat #fbf6f2;
	color: #36aa72;
}
#tmp_g .cms-contents .faq-category-box > li .blue,
#tmp_i .cms-contents .faq-category-box > li .blue{
	background: url(../img/cms/photo_icon_blue.png) left top no-repeat #fbf6f2;
	color: #3950a0;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner{
	padding: 30px 24px;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner h4{
	font-size: 13px;
	text-decoration: underline;
	margin-bottom: 0px;
	padding: 0 0 0 18px;
	background: url(../img/cms/icon_arrow_red.png) left center no-repeat;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul{
	margin-bottom: 30px;
}

#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul:last-child{
	margin-bottom: 0;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul li{
	margin-bottom: 10px;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul li:last-child{
	margin-bottom: 0;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	text-decoration: underline;
	padding-left: 16px;
	position: relative;
	transition: all 0.2s ease-out;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul li a:hover{
	color: #e9463f;
	text-decoration: none;
}
#tmp_g .cms-contents .faq-category-box > li .category-box-inner ul li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 8px;
	height: 12px;
	background: url(../img/cms/icon_det_arrow.png) no-repeat;
}

#tmp_g .cms-contents .course-program .faq-category-box2{
	clear: both;
	background-color: #fbf5f2;
/*
	border-top-style: none;
	border-top: 5px solid #E8DACF;
	border-right: 5px solid #E8DACF;
	border-bottom: 2px solid #E8DACF;
	border-left: 5px solid #E8DACF;
*/
	padding: 20px 20px;
}

#tmp_g .cms-contents .faq-category-box2:nth-child(2) { border-top: 5px solid #e8dacf; border-right: 5px solid #e8dacf; border-bottom: 2px solid #e8dacf; border-left: 5px solid #e8dacf; }
#tmp_g .cms-contents .faq-category-box2:nth-child(3) { border-top: none; border-right: 5px solid #e8dacf; border-bottom: 2px solid #e8dacf; border-left: 5px solid #e8dacf; }

#tmp_g .cms-contents .course-program .faq-category-box2 p{
	font-size: 13px;
	line-height: 21px;
}
#tmp_g .cms-contents .course-program .faq-category-box2 p br{
	display: none;/* レスポンシブ対応 */
}
#tmp_g .cms-contents .course-program .faq-category-box3{
	text-align: center;
	clear: both;
	background-color: #fff;
	border-top-style: none;
	border-right: 5px solid #E8DACF;
	border-bottom: 5px solid #E8DACF;
	border-left: 5px solid #E8DACF;
	padding: 20px 20px 5px;
}
#tmp_g .cms-contents .course-program .faq-category-box3 ul{
	overflow: hidden;
}
#tmp_g .cms-contents .course-program .faq-category-box3 ul li{
	width: 100%;
	height: 44px;
	margin-bottom: 15px;
}
#tmp_g .cms-contents .course-program .faq-category-box3 ul li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 44px;
	background: #fddc56;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	transition: all 0.2s ease-out;
}
#tmp_g .cms-contents .course-program .faq-category-box3 ul li a:hover{
	opacity: 0.8;
}
#tmp_g .cms-contents .course-program .faq-category-box3 ul li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-top: 3px solid #555;
	border-right: 3px solid #555;
	width: 9px;
	height: 9px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*
#tmp_g .cms-contents .course-program .faq-category-box3 ul li a:hover:after{
	-webkit-transform: translateX(2px);
	    -ms-transform: translateX(2px);
	        transform: translateX(2px);
}
*/

/*教室レポート*/
#tmp_g .cms-contents .pst-cont-sct{
	padding: 0 15px;
	margin-bottom:40px;
}
#tmp_g .cms-contents .pst-cont-sct .img-r{
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	background: url(../img/cms/pst-cont-sct_bg_yellow.jpg) no-repeat;
	background-size: 100% auto;
	float: none;
}

#tmp_g .cms-contents .pst-cont-sct .img-l{
	width: 100%;
	margin-bottom: 20px;
	padding: 5px;
	background: url(../img/cms/pst-cont-sct_bg_blue.jpg) no-repeat;
	background-size: 100% auto;
}
#tmp_g .cms-contents .pst-cont-sct .txt-box{
	margin-bottom: 40px;
	overflow: hidden;
}
#tmp_g .cms-contents .pst-cont-sct h3{
	font-size: 14px;
	line-height: 22px;
	color: #e9463f;
	background: url(../img/cms/conts_h3.png) left center no-repeat;
	padding: 0 0 0 20px;
	margin-bottom: 20px;
	clear: both;
}
#tmp_g .cms-contents .pst-cont-sct h4{
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 7px;
}
#tmp_g .cms-contents .pst-cont-sct p{
	font-size: 13px;
	line-height: 21px;
}
#tmp_g .cms-contents .pst-cont-sct .note-box{
	padding: 30px 20px;
	background-color:#fbf5f2;
}
#tmp_g .cms-contents .pst-cont-sct .note-box .pdf-link{
	text-align:right;
	padding-top: 1em;
}
#tmp_g .cms-contents .pst-cont-sct .note-box .pdf-link a{
	transition: all 0.2s ease-out;
	text-decoration:underline;
	color: #e9463f;
	opacity: 1;
}
#tmp_g .cms-contents .pst-cont-sct .note-box .pdf-link a:hover{
	text-decoration:none;
	opacity: 0.7;
}
	
/*スタッフ紹介*/
#tmp_g .cms-contents .staff-info{
	margin-bottom:40px;
}
#tmp_g .cms-contents .staff-info:after {
	content: "";
	clear: both;
	display: block;
}
#tmp_g .cms-contents .staff-info h2{
	margin-bottom:20px;
	margin-left:15px;
}
#tmp_g .cms-contents .staff-info h3{
	font-size:20px;
	color:#e9463f;
	margin-bottom: 20px;
	padding: 0 15px;
}
#tmp_g .cms-contents .staff-info .img-l,
#tmp_g .cms-contents .staff-info .img-r{
	float: none;
	width: 160px;
	height: 160px;
	margin: 0 auto 20px;
	top: 5px;
	position: relative;
}
#tmp_g .cms-contents .staff-info .img-l:after,
#tmp_g .cms-contents .staff-info .img-r:after {
	content: "";
	display: block;
	position: absolute;
	left: -8px;
	top: -5px;
	width: 176px;
	height: 170px;
	background: url(../img/cms/staff_frame.png) no-repeat;;
	background-size: 176px 170px;
}
#tmp_g .cms-contents .staff-info .staff-voice-right,
#tmp_g .cms-contents .staff-info .staff-voice-left{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	padding: 28px 30px 30px;
	margin-top:45px;
}
#tmp_g .cms-contents .staff-info .staff-voice-right:before,
#tmp_g .cms-contents .staff-info .staff-voice-left:before{
	position: absolute;
	display: block;
	background: url(../img/cms/sutaff_fukidashi_0.png) center top no-repeat;
	background-size: 100% auto;
	width: 22px;
	height:32px;
	top:-30px;
	content:"";
}
#tmp_g .cms-contents .staff-info .staff-voice-right{
	background: url(../img/cms/sutaff_fukidashi_sp1.png) center top no-repeat;
	background-size: 100% auto;
}
#tmp_g .cms-contents .staff-info .staff-voice-left:before{
	right: 35%;
}
#tmp_g .cms-contents .staff-info .staff-voice-right:before{
	left: 35%;
}
#tmp_g .cms-contents .staff-info .staff-voice-left{
	background: url(../img/cms/sutaff_fukidashi_sp2.png) center top no-repeat;
	background-size: 100% auto;
}
#tmp_g .cms-contents .staff-info .staff-voice-right h3,
#tmp_g .cms-contents .staff-info .staff-voice-left h3{
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 16px;
}
#tmp_g .cms-contents .staff-info .staff-voice-right p,
#tmp_g .cms-contents .staff-info .staff-voice-left p{
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 1.2em;
}


/* GIFアニメ設定 */
#tmp_g .cms-contents .school-event,
#tmp_g .cms-contents .class-info,
#tmp_g .cms-contents .map-tabs-accordion,
#tmp_g .cms-contents .course-program{
	position: relative;
}
#tmp_g .cms-contents .school-event:after,
#tmp_g .cms-contents .class-info:after,
#tmp_g .cms-contents .map-tabs-accordion:after,
#tmp_g .cms-contents .course-program:after{
	content: "";
	display: block;
	position: absolute;
}
#tmp_g .cms-contents .school-event:after {
	right: -10px;
	top: -60px;
	width: 104px;
	height: 56px;
	background: url(../img/cms/dummy_anime_g1_130x70.gif) no-repeat;
	background-size: 104px 56px;
}
#tmp_g .cms-contents .class-info{
	margin-top: 64px;
}
#tmp_g .cms-contents .class-info:after {
	left: -35px;
	top: -69px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_g2_150x80.gif) no-repeat;
	background-size: 120px 64px;
}
#tmp_g .cms-contents .map-tabs-accordion:after {
	right: 0px;
	top: -69px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_g3_150x80.gif) no-repeat;
	background-size: 120px 64px;
}
#tmp_g .cms-contents .course-program{
	position: relative;
}
#tmp_g .cms-contents .course-program:after{
	right: 0;
	top: -22px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_g4_150x80.gif) 35px 0 no-repeat;
	background-size: 120px 64px;
}





 /* --------------------------------
  
	【H】イベント情報
	
-------------------------------- */
#tmp_h .cms-contents h2{
	width: 90.625%;
	font-size: 16px;
	line-height: 22px;
	padding: 10px 20px;
	margin: 0 auto 25px;
	background-color:#fce8b7;
}
#tmp_h .cms-contents .event-wrap{
	margin-bottom: 120px;}
#tmp_h .cms-contents .event-wrap article{
	margin-bottom: 60px;
}
#tmp_h .cms-contents .event-wrap article:last-child{
	margin-bottom: 0;
}
#tmp_h .cms-contents .txt-box{
	overflow: hidden;
}
#tmp_h .cms-contents .imgset{
	width: 81.25%;
	margin: 0 auto 25px;
}
#tmp_h .cms-contents .imgset .btn-det{
	font-size: 14px;
	line-height: 44px;
	text-align:center;
	width: 100%;
	height: 44px;
	display:block;
	margin: 20px auto 0 auto;
}
#tmp_h .cms-contents .imgset .btn-det a{
	color: #fff;
	font-weight: bold;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #e9463f;
	position: relative;
	transition: all 0.2s ease-out; 
}
#tmp_h .cms-contents .imgset .btn-det a:hover{
	opacity: 0.8;
}
#tmp_h .cms-contents .imgset .btn-det a:after {
	content: "";
	display: block;
	position: absolute;
	right: 11px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	width: 9px;
	height: 9px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*
#tmp_h .cms-contents .imgset .btn-det a:hover:after{
	-webkit-transform: translateX(2px) rotate(45deg);
	    -ms-transform: translateX(2px) rotate(45deg);
	        transform: translateX(2px) rotate(45deg);
}
*/
#tmp_h .cms-contents .textset{
	width: 100%;
	padding: 0 15px;
}
#tmp_h .cms-contents .textset table{
	display: block;
	font-size: 13px;
	width: 100%;
	border: 5px solid #e8dad1;
	background-color: #fff;
}
#tmp_h .cms-contents .textset tr,
#tmp_h .cms-contents .textset th,
#tmp_h .cms-contents .textset td{
	display: block;
}
#tmp_h .cms-contents .textset th{
	white-space: nowrap;
	background-color:#e8dad1;
	padding: 15px;
}
#tmp_h .cms-contents .textset td{
	padding: 20px 16px 25px;
}

/* GIFアニメ設定 */
#tmp_h .cms-contents .event-wrap article{
	position: relative;
	overflow: visible;
}
#tmp_h .cms-contents .event-wrap article:after{
	content: "";
	display: block;
	position: absolute;
}
#tmp_h .cms-contents .event-wrap article:nth-child(1){
	margin-top: 64px;
}
#tmp_h .cms-contents .event-wrap article:nth-child(1):after {
	right: 0;
	top: -64px;
	width: 104px;
	height: 64px;
	background: url(../img/cms/dummy_anime_h1_130x80.gif) no-repeat;
	background-size: 104px 64px;
}
#tmp_h .cms-contents .event-wrap article:nth-child(2):after {
	left: 0;
	top: -64px;
	width: 104px;
	height: 64px;
	background: url(../img/cms/dummy_anime_h2_130x80.gif) no-repeat;
	background-size: 104px 64px;
}


 /* --------------------------------
  
	【I】授業体験会
	
-------------------------------- */
#tmp_i .cms-contents .lead{
	margin-bottom: 60px;
}
#tmp_i .cms-contents h2{
	font-size: 16px;
	line-height: 22px;
	color: #333;
	background: url(../img/cms/conts_h3.png) left top no-repeat;
	padding: 4px 0 0 16px;
	margin-bottom: 25px;
	clear: both;
}
#tmp_i .cms-contents .img-main{
	width: 100%;
	min-height: 200px;
	margin-bottom: 65px;
	background-size: auto 100%;
}
#tmp_i .cms-contents .img-main img{
	width: 100%;
	height: auto;
}

#tmp_i .cms-contents .course-schedule{
	margin-bottom: 40px;
	padding: 0 15px;
}
#tmp_i .cms-contents .course-schedule .box{
	margin-bottom: 30px;
}
#tmp_i .cms-contents .course-schedule .box h3{
	font-size: 14px;
	line-height:1em;
	text-align: center;
	color: #fff;
	padding: 15px 0 15px 0;
}
#tmp_i .cms-contents .course-schedule .box-green{
	border: 5px solid #3aa675;
}
#tmp_i .cms-contents .course-schedule .box-green h3{
	background-color: #3aa675;
	border-bottom: 5px solid #3aa675;
}
#tmp_i .cms-contents .course-schedule .box-blue{
	border: 5px solid #3950a0;
	margin-bottom: 0;
}
#tmp_i .cms-contents .course-schedule .box-blue h3{
	background-color: #3950a0;
	border-bottom: 5px solid #3950a0;
}


#tmp_i .cms-contents .course-schedule .box table.sp{
	width: 100%;
	background-color: #fff;
	display:table;
}
#tmp_i .cms-contents .course-schedule .box-green table{
	border-bottom: 5px solid #3aa675;
}
#tmp_i .cms-contents .course-schedule .box-green table:last-child{
	border-bottom: none;
}
#tmp_i .cms-contents .course-schedule .box-blue table{
	border-bottom: 5px solid #3950a0;
}
#tmp_i .cms-contents .course-schedule .box-blue table:last-child{
	border-bottom: none;
}

#tmp_i .cms-contents .course-schedule .box th{
	width: 25%;
	font-size: 13px;
	line-height:1.5em;
	background-color: #e8dad1;
	padding: 23px 0;
	border-bottom: 2px solid #fff;
}
#tmp_i .cms-contents .course-schedule .box td{
	width: 75%;
	font-size: 14px;
	line-height:1.5em;
	padding: 23px;
	border-bottom: 2px solid #e8dad1;
}
#tmp_i .cms-contents .course-schedule .box .nb{

}
#tmp_i .cms-contents .course-schedule .box tr:last-child th,
#tmp_i .cms-contents .course-schedule .box tr:last-child td{
	border-bottom: none;
}

#tmp_i .cms-contents .course-schedule .box a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 17px;
	line-height: 1em;
	position: relative;
	text-decoration: underline;
	transition: all 0.2s ease-out;
}
/*
#tmp_i .cms-contents .course-schedule .box a:hover{
	color:#e9463f;
	text-decoration: none;
}
*/
#tmp_i .cms-contents .course-schedule .box a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 12px;
	height: 8px;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease; 
	background: url(../img/cms/icon_arrow_black.png) no-repeat;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
/*
#tmp_i .cms-contents .course-schedule .box a:hover:after{
	-webkit-transform: translateX(2px) rotate(-90deg);
	    -ms-transform: translateX(2px) rotate(-90deg);
	        transform: translateX(2px) rotate(-90deg);
}
*/
#tmp_i .cms-contents .course-program h2{
	color: #555;
}
#tmp_i .cms-contents .course-program .small{
	display: block;
	font-size: 10px;
	font-weight:normal;
	padding-top: 5px;
	margin-left: -16px;
}
#tmp_i .cms-contents .course-program h4{
	font-size: 14px;
	margin-bottom:15px;
}
#tmp_i .cms-contents .course-program .faq-category-box .category-box-inner{
	padding: 20px;
	background-color: #fff;
}
#tmp_i .cms-contents .course-program .faq-category-box{
	margin-bottom: 34px;
}
#tmp_i .cms-contents .course-program .faq-category-box:last-child{
	margin-bottom: 0;
}
#tmp_i .cms-contents .course-program .faq-category-box h5{
	color:#38a878;
	font-size:13px;
	text-align:center;
	padding: 23px 0 23px 0;
	border-bottom: 2px solid #e8dacf;
}
#tmp_i .cms-contents .course-program .faq-category-box .category-box-inner p{
	font-size:13px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#tmp_i .cms-contents .course-program .faq-category-box .blue{
	color:#3950a0;
}

/* GIFアニメ設定 */
#tmp_i .cms-contents .course-schedule{
	position: relative;
}
#tmp_i .cms-contents .course-schedule:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -64px;
	width: 160px;
	height: 64px;
	background: url(../img/cms/dummy_anime_i1_200x80.gif) no-repeat;
	background-size: 160px 64px;
}
#tmp_i .cms-contents .course-program ul:nth-of-type(1){
	position: relative;
	overflow: visible;
}
#tmp_i .cms-contents .course-program ul:nth-of-type(1):after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: -69px;
	width: 120px;
	height: 64px;
	background: url(../img/cms/dummy_anime_i2_150x80.gif) 48px top no-repeat;
	background-size: 120px 64px;
}





/* 関連コンテンツ部分のGIF */
.relatedContents{
	position: relative;
}
.relatedContents:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -72px;
	width: 120px;
	height: 72px;
	background: url(../img/cms/dummy_anime_150x90.gif);
	background-size: 120px 72px;
}

/* --------------------------------

	エリアページ教室一覧　教室ジャンプ
	
-------------------------------- */

.schoollist {
	background: url(../img/common/article_pickup_bg_r.png) no-repeat right top, url(../img/common/bg_repeat_beige.png);
	margin-bottom: 20px;
	padding: 15px;
}
	.schoollist .inner {
		padding: 10px;
		background-color: #fff;
	}
		.schoollist h4 {
			font-size: 17px;
			font-size: 1.7rem;
			color: #e9463f;
			margin-bottom: 10px;
		}
		.schoollist .page-anc ul {
			margin-bottom: -5px;
			margin-left: -2%;
		}
		.schoollist .page-anc ul li{
			font-size: 12px;
			text-align:center;
			display:inline-block;
			letter-spacing: normal;
			float: left;
			border: none;
			padding: 0;
			margin-bottom: 5px;
			margin-left: 2%;
			width: 48%;
		}
		.schoollist .page-anc ul li a{
			position: relative;
			display:block;
			height: 100%;
			padding: 7px 15px 7px 0px;
			background-color: #f8e19f;
		}
		.schoollist .page-anc ul li a:hover{
			opacity: 0.8;
		}
		.schoollist .page-anc ul li a:after {
			content: "";
			display: block;
			position: absolute;
			right: 8px;
			top: 0;
			bottom: 0;
			margin: auto 0;
			border-top: 2px solid #555;
			border-right: 2px solid #555;
			width: 7px;
			height: 7px;
			transition: -webkit-transform 0.2s ease;
			transition: transform 0.2s ease; 
			-webkit-transform: rotate(135deg);
			    -ms-transform: rotate(135deg);
			        transform: rotate(135deg);
		}
		.schoollist .page-anc ul li a:hover:after{
			/*-webkit-transform: translateY(2px);
			    -ms-transform: translateY(2px);
			        transform: translateY(2px);*/
		}

/* --------------------------------

	教室一覧　全表示
	
-------------------------------- */
.all-school {
	position: relative;
	z-index: 5;
	border: none;
	margin: -15px 15px 0;
}
	#tmp_f .cms-contents .map-wrap .map-h {
		padding-top: 0px;
	}
	.all-school .inner {
		padding: 0;
		background: none;
	}
		.all-school .inner .area {
			float: none;
			margin-right: 0px;
		}
		.all-school .inner .area.set {
			margin-right: 0;
		}
		.all-school .inner .area:last-child {
			margin-right: 0;
		}
		.all-school .inner .area.tokyo {  width: auto; }
		.all-school .inner .area.kanagawa {  width: auto; }
	
	.all-school dl {
		margin-bottom: 5px;
		border:3px solid #f1a437;
	}
	.all-school .set dl:last-child {
		margin-bottom: 5px;
	}
	.all-school dt {
		margin-bottom: 0px;
	}
		.all-school dt a {
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			position: relative;
			display: block;
			background-color: #f1a437;
			padding: 7px 15px 10px;
		}
		.all-school dt a.active {
			background-color: #fff;
			color: #e9463f;
		}
		.all-school dt a:before {
			display: none;
		}
		.all-school dd {
			padding: 5px 15px 5px;
			background-color: #fff;
			display: none;
		}

	#tmp_f .cms-contents .map-wrap .all-school ul {
		padding: 0;
		overflow: inherit;
	}
		#tmp_f .cms-contents .map-wrap .all-school ul li {
			font-size: 12px;
			line-height: 1.3;
			font-weight: normal;
			float: left;
			margin: 0 15px 15px 0;
		}
		#tmp_f .cms-contents .map-wrap .all-school .tokyo ul li,
		#tmp_f .cms-contents .map-wrap .all-school .kanagawa ul li {
		}
		#tmp_f .cms-contents .map-wrap .all-school .tokyo ul li:nth-child(odd){ width: auto; }
		#tmp_f .cms-contents .map-wrap .all-school .kanagawa ul li:nth-child(odd){ width: auto; }

			#tmp_f .cms-contents .map-wrap .all-school ul li a {
				font-size: 13px;
				font-size: 1.3rem;
				padding: 0 0 0 13px;
				letter-spacing: 0;
			}
			.all-school li a:before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto 0;
				border-top: 2px solid #e9463f;
				border-right: 2px solid #e9463f;
				width: 7px;
				height: 7px;
				-webkit-transition: -webkit-transform 0.2s ease;
				        transition: transform 0.2s ease; 
				-webkit-transform: rotate(45deg); 
				    -ms-transform: rotate(45deg); 
				        transform: rotate(45deg);
			}
			.all-school li a:hover:before {
				-webkit-transform: translateX(3px) rotate(45deg);
				    -ms-transform: translateX(3px) rotate(45deg);
				        transform: translateX(3px) rotate(45deg);
			}

.all-school dt a .parent_ico {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0; 
	width: 45px;
}
.all-school dt a .parent_ico:before,
.all-school dt a .parent_ico:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 15px;
	height: 3px;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	        transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); 
	background: #fff;
}
.all-school dt a .parent_ico:after {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.all-school dt a.active .parent_ico:before {
	background: #e9463f;
}
.all-school dt a.active .parent_ico:after {
	background: #e9463f;
	-webkit-transform: scaleY(0.1) rotate(90deg);
	    -ms-transform: scaleY(0.1) rotate(90deg);
	        transform: scaleY(0.1) rotate(90deg);
}

.taikenbox {
	margin-top: 0px;
	margin-bottom: 40px;
}
.taikenbox.nomt {
	margin-top: 0;
}

}

@media screen and (max-width: 375px) {
	.taikenbox.schoolpage .c-article_pickup.sizeS {
		margin: 30px 0 0;
	}
	#tmp_f .cms-contents .map-wrap p.map-h {
		font-size: 16px;
		padding-left: 20px;
	}
	#tmp_f .cms-contents .map-wrap:before {
		width: 80px;
		height: 80px;
	}
}

@media screen and (max-width: 768px) {
	.school .school-contact .contactUs {
		height: 135px;
		padding-top: 10px;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 30px;
		background: url(../img/common/contactus_bg.png) no-repeat center center;
	}
	.school #tmp_g .school-contact .contactUs_h {
	    margin: 0;
	    padding-bottom: 0;
	    padding-left: 0;
	    line-height: 1.5;
	    height: auto;
	    color: #fff;
	    background: none;
	    font-size: 1.6rem;
	    text-align: center;
	}
	.school .school-contact .contactUs_lead {
		display: none;
	}
	.school .school-contact .contactUs_btn {
	}
}


@media screen and (max-width: 768px) {
	#path {
		padding: 15px 5px 10px 40px;
	}
		#age {
			display: none;
		}
			#age li {
				float: left;
				background-image: url(../img/personality/hattatsu/index/bg_age_loop.gif);
				background-position: top right;
				padding: 5px 15px 5px 25px;
				font-size: 1.4rem;
				font-weight: bold;
				line-height: 1.2;
				color: #555;
				position: relative;
				margin-right: 9px;
				width: 30px;
				text-align: center;
			}
			#age li:before {
				content: "";
				width: 13px;
				height: 30px;
				position: absolute;
				top: 0;
				left: 0;
				background: url(../img/personality/hattatsu/index/bg_age_s.gif) left top no-repeat;
			}
			#age li:after {
				content: "";
				width: 9px;
				height: 30px;
				position: absolute;
				top: 0;
				right: -9px;
				background: url(../img/personality/hattatsu/index/bg_age_end.png) left top no-repeat;
			}
			#age li:first-child:before {
				display: none;
			}
		#gimu {
			position: relative;
			padding-bottom: 10px;
		}
		#path .age {
			position: absolute;
			background-image: url(../img/personality/hattatsu/index/bg_age_loop.gif);
			top: 0;
			left: -35px;
			font-size: 0.8rem;
			font-weight: bold;
			text-align: center;
			width: 30px;
			padding: 40px 5px 0;
			height: 47%;
		}
		.age:before {
			content: "";
			width: 13px;
			height: 30px;
			position: absolute;
			top: -9px;
			left: 9px;
			background: url(../img/personality/hattatsu/index/bg_age_s.gif) left top no-repeat;
			transform: rotate( 90deg );
			-moz-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
		}
		.age:after {
			content: "";
			width: 9px;
			height: 30px;
			position: absolute;
			bottom: -19px;
			left: 11px;
			background: url(../img/personality/hattatsu/index/bg_age_end.png) left top no-repeat;
			transform: rotate( 90deg );
			-moz-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
		}
		#gimu .age:nth-child(1):before {
			display: none;
		}
		#gimu .age:nth-child(2) {
			top: 50%;
		}


		#path .frame {
			border:4px solid #fde9b4;
			background-color: #fff;
			padding: 10px;
			margin-bottom: 15px;
			text-align: center;
		}
		#gimu .frame {
			margin-bottom: 0;
		}
		#path h5 {
			color: #555;
			font-size: 1.6rem;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#gimu .school {
			float: left;
			width: 49%;
		}
		#gimu .jrhighschool {
			float: right;
		}
			#gimu .school table {
				background: url(../img/personality/hattatsu/index/bg_school.gif);
				width: 100%;
				border:3px solid #ff8f98;
			}
			#gimu .jrhighschool table {
				background: url(../img/personality/hattatsu/index/bg_jrhighschool.gif);
				border:3px solid #ff717c;
			}
				#gimu .school table th,
				#gimu .school table td {
					padding: 4px 10px;
				}
				#gimu .school table th {
					font-size: 1.4rem;
					color: #fff;
				}
				#gimu .school table td {
					font-size: 1.2rem;
					font-weight: bold;
					background-color: #fff;
					border-bottom:3px solid #ff8f98;
				}
				#gimu .jrhighschool table td {
					border-bottom:3px solid #ff717c;
				}

			#gimu .att {
				clear: both;
				text-align: left;
				padding-top: 10px;
				font-size: 1.1rem;
				font-weight: bold;
			}
			#gimu .school p {
				background: url(../img/personality/hattatsu/index/bg_school.gif);
				margin-top: 5px;
				color: #fff;
				font-size: 1.2rem;
				font-weight: bold;
				line-height: 1.2;
				padding: 7px;
			}
			#gimu .jrhighschool p {
				background: url(../img/personality/hattatsu/index/bg_jrhighschool.gif);
			}
			#path .att02 {
				font-size: 1.2rem;
				font-weight: bold;
				line-height: 1.5;
				margin: 0 15px;
			}

		#go {
			position: relative;
		}
		#go .age {
			height: 100%;
		}
			#go .school table {
				background: url(../img/personality/hattatsu/index/bg_highschool.gif);
				width: 100%;
				border:3px solid #ff7535;
			}
			#job .school table {
				background: url(../img/personality/hattatsu/index/bg_ippan.gif);
				border:3px solid #e94a45;
			}
			#job .school.high table:first-child {
				margin-bottom: 0;
			}
			#go .school table th,
			#go .school table td {
				padding: 4px 5px;
			}
			#go .school table th {
				font-size: 1.4rem;
				color: #fff;
			}
				#go .school table th span {
					font-size: 1.1rem;
					margin-left: 3px;
				}
			#go .school table td {
				font-size: 1.2rem;
				font-weight: bold;
				background-color: #fff;
				border:3px solid #ff7535;
			}
			#job .school table td {
				border:3px solid #e94a45;
			}
			#go .high {
			}
			#go .high tr:nth-child(2) td {
				width: 33.333%;
			}
			#go .school.high table:first-child {
				margin-bottom: -5px;
			}
			#go .other p {
				background: url(../img/personality/hattatsu/index/bg_highschool.gif);
				margin-top: 5px;
				color: #fff;
				font-size: 1.2rem;
				font-weight: bold;
				line-height: 1.2;
				padding: 7px;
				width: 32%;
				float: left;
				margin-right: 1%;
			}
			#go .other p:last-child {
				margin-right: 0;
				width: 34%;
			}
			#go .otherschool {
				margin-top: 15px;
			}
				#go .otherschool ul {
					width: 45%;
					float: left;
				}
				#go .otherschool li {
					background: url(../img/personality/hattatsu/index/bg_highschool.gif);
					color: #fff;
					font-size: 1.1rem;
					font-weight: bold;
					padding: 6px 2px;
					width: 49%;
					height: 59px;
					line-height: 48px;
					float: left;
					margin-bottom: 4px;
				}
				#go .otherschool li:nth-child(even) {
					float: right;
				}
				#go .otherschool table {
					width: 54%;
					float: right;
				}
				#job .school table th span,
				#go td span {
					font-size: 65%;
					line-height: 1.2;
					display: block;
				}
				#job .otherschool ul {
					width: auto;
					float: none;
				}
				#job .otherschool li {
					font-size: 1.2rem;
					line-height: 1.2;
					height: auto;
					min-height: 40px;
					width: 49%;
					float: left;
					background: url(../img/personality/hattatsu/index/bg_ippan.gif);
				}
				#job .otherschool li:last-child {
					float: right;
					padding-top: 13px;
				}
					#job .otherschool li span {
						font-size: 1rem;
					}
}