@charset "utf-8";

@media screen and (max-width: 767px) {
/*
============================================================
コンテンツ　スマホ
============================================================
*/	
.sp {
    display: inline;
}	
.sp_none {
    display: none;
}	
.pc {
    display: none;
}
.sp.sp_img {
	display: block;
	width: 100%;
}
	
body {
	font-size: 14px;
	line-height: 1.6;
}

body:before,body:after {
    display: none;
}
.left,.right {
    float: none;
    width: 100%;
} 

    
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
#page-top {
    bottom: 5px;
    right: 5px;
}    
	
/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
header {
	background-size: 48px 13px;
}
	
header #head_btnbox_tb {
    height: 50px;
}	
	
header #head_btnbox_tb img {
    max-width: 50px;
}
	
header #head_logo img {
    max-width: 154px;
}
	
/*ヘッダーgif*/	
header #head_img {
	width: 90%;
	max-width: 458px;
}
header #head_img img{
	width: 100%;
}
header #head_img img.head_tx{
	z-index: 3;
	position: absolute;
	width: 41%;
	top :3%;
	right :25%;
}
    
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */
.btn_area {
	width: 100%;
}

.btn_area .left{
	width: 100%;
	margin-bottom: 10px;
}

.btn_area .right{
	width: 100%;
	float: none;
}


/* ---------------------------------------------------------
■ TOPテキスト
--------------------------------------------------------- */

.detail .comment {
    margin: 15px auto 50px;
}
    


/* ---------------------------------------------------------
■ メインコンテンツ
--------------------------------------------------------- */

/*---タイムテーブル---*/

.time_table{
    display: inline;
}

.time_table .left_,
.time_table .right_{
    margin: auto;
	width: 100%;
}

.time_table .left_{
    margin-top:-15px;
}

.time_table .left_ .sp_txt{
	margin: 10px 0 20px;
	display: inline-block;
}

.time_note{
	margin-top: -10px;
}


/*-------メイン-------*/

.main_contents ul li .wrap{
    display: none;
}
.contents {
	padding-bottom: 20px;
}

.main_contents{
	line-height: 0;
}

.contents .note{
	margin: 10px auto 50px;
}

.contents .note p{
	margin: auto;
	width:90%;
	margin-bottom: 30px;
}

.flow_wrap .flow_inner {
	width: 70%;
}


/*-------ボタン-------*/

.btn_column{
    display: inline;
    margin: 30px auto 10px;
}

.btn_column a{
	margin: 30px auto;
	width: 80%;
	font-size: 140%;
}


/* ---------------------------------------------------------
■ 力シリーズ
--------------------------------------------------------- */

.chikara_series {
    margin: 0 auto 15px;
}

.chikara_series .txt {
	width: 90%;
	margin: 5px auto 20px;
	padding: 20px 30px 30px;
}

.chikara_series p{
	text-align: center;
}

.chikara_series p.big {
	line-height: 1.2em;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.chikara_series span{
    margin:3px 0 4px;
}

.chikara_series .wrap{
    display: inline;
}

.chikara_series .wrap .contents_inner{
    width: 90%;
	padding: 0 15px 30px;
}

.chikara_series .ttl {
    font-size: 130%;
}

.campaign {
    margin: 0 auto 70px;
}

/* ---------------------------------------------------------
■ 申込ボタン
--------------------------------------------------------- */

.campaign a{
	font-size: 150%;
    width: 80%;
    min-width: 100px;
}


/* ---------------------------------------------------------
■ 校舎情報
--------------------------------------------------------- */

.place h2,
    .place .wrap .inner{
        width: 100%;
        margin: 0 auto 20px;
    }
	.place .map{
		width:90%;
		height: 300px;
	}

}







/* ---------------------------------------------------------
■ アイフォン対応
--------------------------------------------------------- */
@media screen and (max-width: 570px) {

	.detail .comment {
		margin: 5px auto 40px;
	}
	
	.detail .comment h2{
		font-size:165% ;
	}
	.detail .comment .inner {
		padding: 10px 22px 20px;
	}

	.detail .comment .dtl_btn{
		width: 80%;
	}

	.time_table li {
		width: 46%;
	}

	.time_table .left_ p {
		font-size: 160%;
	}

	.flow h2 {
		font-size: 160%;
		letter-spacing: 0.2em;
	}
	.flow_wrap .flow_inner {
		width: 90%;
	}
		
	.btn_column a{
		font-size: 130%;
		margin: 15px auto;
	}
	.chikara_series p.big {
		font-size: 157%;
	}

	.chikara_series .wrap .contents_inner {
		width: 98%;
	}

	.chikara_series .ttl {
		font-size: 120%;
	}

	.campaign a{
		font-size: 120%;
	}

	.place h2{
		font-size: 170%;
		font-weight: 600;
	}
    
    .place .map{
		width: 96%;
		height: 240px;
	}
}