@charset "utf-8";
/* CSS Document */
@media(max-width:980px){
#header_nav{
	position:fixed;
	z-index:2000;
}
header{
	width:100%;
	height:60px;
	margin:0;
	padding:0;
}
#logo{
	width:90px;
	margin:0;
	padding:0;
	position:absolute;
	top:12px;
	left:20px;
	float:none;
}

#experience{
        width:100px;
	margin:0;
	padding:0;
	position:absolute;
	top:12px;
	right:250px;
	float:none;
}

#header_contact{
	top:10px;
	right:20px;
}
.school_tel{
	font-size: 25px;
}
.school_open{
	padding:0 0 0 20px;
	font-size:11px;
}
/**/

#main{
	width:100%;
	height:auto;
	padding:68px 0 0 0;
	height: auto;
	background:none;
	border:none;
}
#contents{
	width: 94%;
	margin: 0;
	padding: 0 3%;
}
/**/
.top_concept_img{
	width:31.4%;
	padding:0;
	margin:0 2.8% 20px 0;
	float:left;
}
/*.top_concept_detail{
	width:31.4%;
	padding:0;
	margin:0;
	float:left;
}*/

/* movie */
.top_movie_list_btn{	
	height:30px;
	line-height:30px;
	font-size:11px;
	position:absolute;
	top:20px;
	right:34px;
	left:auto;
}
.top_movie_box ul li{
	list-style:none;
	width:22%;
	padding:0;
	margin:20px 4% 20px 0;
}
.top_movie_title{
	font-size:11px;
}


/* 2nd */
.greeting_left{
	width:48%;
}
.greeting_name{
	padding:20px 0 0 0;
}
.greeting_promise ul li{
	width:88%;
	height:auto;
	padding:15px 20px 15px 60px;
	float:none;
	margin:0 auto 10px auto;
}
.greeting_promise_right{
	margin:0 auto 10px auto !important;
}
.promise_title{
	width:96.5% !important;
	height:20px !important;
	line-height:20px !important;
	padding:15px 20px 15px 0 !important;
}
/* school */
.internal_top1{
	width:49%;
	margin:0 2% 0 0;
}
.internal_top2{
	width:49%;
}


/* bnarea */
.bn_box ul li{
	width:23%;
	margin:10px 2% 0 0;
}

/* subFooter */
.sub_footer{
	width:94%;
	margin:0;
	padding:0 3%;
}
.top_feature_box li {
	background-size: contain;
	margin-bottom: 20px;
	padding: 22px 55px 10px;
}


}
@media(max-width:750px){
/**/
.top_title_box{
	padding: 15px 20px 5px 80px;
	margin: 0;
	overflow:visible;
}
.top_title{
	float: none;
	padding:0;
	margin:0;
	font-size:26px;
	background:none;
}
.top_title_jp{
	float: none;
	padding:0;
	margin:0;
	font-size: 11px;
	font-weight:normal;
}
.top_detail_box h1{
	padding:0 0 10px 0;
	font-size:18px;
}
/**/
.top_concept_img{
	width:48%;
	padding:0;
	margin:0 1% 20px 1%;
	float:left;
}
.top_concept_img_sp{
	margin:0 0 20px 0;
}
/*.top_concept_detail{
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	float:none;
}*/
.top_concept_detail p{
	font-size:14px;
}

/*program*/
.col3 li {
	float: none;
	width: 94%;
	margin-right: 0;
}
.top_program_box_half p {
	clear: both;
}

/*featrue*/
.top_feature_box {
	padding: 0;
	font-size: 16px;
}
.top_feature_box li {
	background: url(../img/bg_feature_sp.png) no-repeat;
	background-size: contain;
	margin-bottom: 20px;
	padding: 10px 30px 40px;
}
/*schedule*/
.is_schedule_table_box{display:none;}
.is_schedule_table_box_sp{
	display:block;
	padding:0;
	margin:0 0 20px 0;
	font-size:14px;
}
.schedule_talbe {
	display: none;
}
.schedule_talbe_sp {
	font-size:12px;
}
.schedule_talbe_sp td {
	width: 24%;
	vertical-align: text-top;
	word-break: break-all;
}
.schedule_talbe_sp td img {
	width: auto;
}


/* movie */
.top_movie_box{
	padding:0;
	margin:0;
}
.top_movie_box ul li{
	list-style:none;
	width:31.33%;
	padding:0;
	margin:20px 1%;
}
.top_movie_box_right{
	margin:20px 1% !important;
}
.top_movie_title{
	font-size:15px;
}


/*2nd*/
.a_detail{
	width:80%;
}

/* school */
.internal_top1{
	width:100%;
	position:relative;
	padding: 0;
	margin:0 30px 0 0;
	float:none;
}
.internal_top2{
	width:100%;
	position:relative;
	padding: 0;
	margin:0;
	float:none;
}
.is_apply_left{
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	float:none;
}
.is_apply_right{
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	float:none;
}
/* Coach */
.coach_box{
	overflow:visible;
	padding: 0 0 5px 0;
}
.coach_left{
	width:100%;
	padding:0;
	margin:0 0 25px 0;
	float:none;
	text-align:center;
}
.coach_right{
	width:100%;
	padding:0;
	margin:0;
	float:none;
}
.coach_box h2{
	font-size:28px;
	text-align:left;
}
.coach_profile{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 5px 15px;
	margin: 0 0 15px 0;
}
.coach_box p{
	padding:0;
	margin:0 0 15px 0;
}
/* bnarea */
.bn_box ul li{
	width:47.5%;
	margin:10px 1%;
}
.bn_right{
	margin:10px 1% !important;
}
/* totop */
#totop{
	clear:both;
	padding:0;
	margin:0 0 27px 0;
	text-align:center;
}
#totop a:link,#totop a:visited{
	display: block;
	width:70%;
	margin:0 auto;
	padding:15px 0 15px 17px;
	color: #FFF;
	border: 1px solid #464646;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #464646;
	background-image: url(../img/totop_bkafter.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size:17px auto;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#totop a:hover,#totop a:active{
	display: block;
	width:70%;
	margin:0 auto;
	padding:15px 0 15px 17px;
	color: #FFF;
	border: 1px solid #464646;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #626262;
	background-image: url(../img/totop_bkafter.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size:17px auto;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#totop a:before{
	content:attr(data-label);
}
#totop img{
	display:none;
}
/* footer */
.sub_footer_menu{
	font-size:16px;
}
.sub_footer_external_link{
	padding:15px 0 10px 0;
}
.sub_footer_external_link ul{
	margin:8px 5px 0 5px;
	list-style:none;
	overflow:hidden;
}
.sub_footer_external_link ul li{
	width:50%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: block;
	padding:0;
	margin:0 0 10px 0;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	float:left;
}
.external_link_right{
	border:none !important;
}


div.content,
div.slideshow a.advance-link {
	width: 100% !important;
	margin-top: 10px;
	line-height: normal !important;
}
div.slideshow-container {
	height: 400px !important;
	margin-bottom: 20px;
}
div.caption-container {
	height: 20px !important;
	margin-bottom: 20px;
}
}

@media(max-width:560px){
/* header */
#header_nav{
	margin: 0 0 24px 0;
	border-bottom-width: 4px;
}
header{
	height:50px;
}
#logo{
	width:80px;
	top:6px;
	left:10px;
}

#experience{
        width:80px;
	top:10px;
	right:170px;
}

#header_contact{
	top:6px;
	right:10px;
}
.school_tel{
	font-size: 20px;
}
.school_open{
	padding:0 0 0 20px;
	font-size:11px;
	line-height:1.2em;
}
.icon_tel_pc img{
	width:15px;
}
#frame{
	background:none;
}
/**/
.top_detail_box{
	clear:both;
	padding:20px 14px 10px 14px;
	margin: 0;
	overflow:hidden;
}
/**/
#main{
	padding:54px 0 0 0;
	margin: 0 auto 20px auto;
}
/* movie */
.top_movie_box{
	padding:0;
	margin:0;
}
.top_movie_box ul li{
	list-style:none;
	width:100%;
	padding:0;
	margin:20px 0;
	text-align:center;
}
.top_movie_box_right{
	margin:20px 0 !important;
}
.top_movie_title{
	font-size:15px;
	text-align:left;
}
.top_movie_list_btn{
	width:200px;
	margin:0 auto;
	text-align:center;
	position:static;
}

/* school */
.internal_school_day{
	font-size:16px;
	margin:0 0 5px 0;
}
.internal_school_news h2{
	font-size:14px;
	line-height:1.3em;
}
.internal_school_mapinfo{
	margin:10px 0;
}
.is_mapinfo_left{
	width:30%;
}
.is_mapinfo_right{
	width:70%;
	padding: 0 0 6px 0;
	line-height:1.3em;
}
.is_cp_table_box{display:none;}
.is_cp_table_box_sp{
	display:block;
	padding:0;
	margin:0 0 20px 0;
	font-size:14px;
}


/* hirata+ */

.info p{
        color:#ff0000;
}

/* hirata+ end */



.is_cp_table_sp{
	width: 100%;
	padding:0;
	margin:0;
	border-collapse: collapse;
	line-height:1.4em;
}
.is_cp_table_sp td,.is_cp_table_sp th{
	padding: 7px;
	border: 1px solid #d6d6d6;
	text-align:center;
}
.is_cp_table_sp th{
	font-weight: bold;
	background-color:#efefef;
}
.tw{
	width:30%;
}
.tt{
	width:70%;
}
.is_cp_table_att{
	font-size:9px;
}
.is_cp_table_title{
	padding: 0 0 6px 0;
	margin: 0;
	color:#e62745;
	font-weight:bold;
	font-size:16px;
}
.ot_left{
	text-align:left !important;
}
.ot1{
	width:70%;
	text-align:left !important;
}
.ot2{
	width:30%;
}
.is_cp_att{
	font-size:11px;
	line-height:1.4em;
}
.apply_school_tel{
	font-size: 28px;
}
.apply_icon_tel img{
	width:20px;
	padding:0 3px 0 0;
	vertical-align:-1px;
}
.apply_h{
	font-size:16px;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}
.is_apply_att{
	font-size:11px;
	line-height:1.4em;
}
/* coach */
.coach_profile{
	padding: 5px 0 5px 10px;
}
/* bnarea */
.bn_box{
	margin:20px 0 20px 0;
}
.bn_box ul li{
	width:47.8%;
	margin:2px 0.5%;
}
.bn_right{
	margin:2px 0.5% !important;
}
/* totop */
#totop{
	margin:0 0 20px 0;
}
/* subFooterMenu */
.sub_footer_box{
	height:40px;
}
.sub_footer{
	width:94%;
	margin:0;
	padding:0 3%;
	font-size:18px;
	line-height:40px;
}
.sub_footer_menu_wrapper{
	width: 100%;
	padding:10px 0;
	margin:0;
	background-color:#FFF;
}
.sfm_pdg ul li{
	padding:10px 20px;
}
/**/
.sub_footer_link ul li{
	padding:0 8px;
	font-size:11px;
}
.sub_footer_external_link{
	font-size:11px;
}

div.slideshow-container {
	height: 200px !important;
}

}