@charset "utf-8";

@media screen and (max-width: 767px) {
/*
============================================================
2019年度0次募集　コンテンツ　スマホ上書き
============================================================
*/	
.sp {
    display: block;
}	
.sp_none {
    display: none;
}	
.pc {
    display: none;
}
	
body {
	font-size: 13px;
	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%;
}

/* ---------------------------------------------------------
■ mvエリア
--------------------------------------------------------- */
#mv_area {
    margin-top: 50px;
    background: none;
} 

#mv_area .mv_tit img{
    width: 100%;
    max-width: none;
    margin: 0 0 -20px 0;
    float: none;
}      
    
/*--------------------------------------------------
■ 公開説明会
--------------------------------------------------------- */
#open {
    padding: 4% 0 0; 
}

#open:before {
    height: 10%;
}

#open:after {
    height: 4%;
    bottom: -4%;
}    
    
    
#open .left,#open .right{
    float: none;
    width: 90%;
    margin: 0 auto;
}
   
#open .open_tx .right img:last-child{
    margin: 20px auto 0;
    max-width: none;
}    
    
/* ---------------------------------------------------------
■ 学力向上へのこだわり
--------------------------------------------------------- */ 
/*共通*/       
.ability_base {
    padding: 20px;
    border-radius: 10px;
 }
    
.ability_base .layout_box{
   display: flex;
   flex-wrap:wrap;
}

.ability_base .layout_box .left{order:2; margin-top: 10px;}     
.ability_base .layout_box .right{order:1;}

#ability .box_wrap{
    width: 100%;
}
    
#ability .tx_btn{
    width: 100%;
    height: 60px;
    border-radius: 30px;
    font-size: 18px;
    margin: 20px auto;
}

#ability .tx_btn p{
    background-size: 12px auto;
    padding-left: 20px;
}    
    
    
/*seebe*/
#seebe{
    background: none;
} 
    
#seebe h2{
    margin-bottom: 0;
}     
    
#seebe .left{width: 100%;}
#seebe .left p{margin-top: 0;}
#seebe .right{
    width: 70%;
    margin: 0 auto;
}
      
/* ---------------------------------------------------------
■ 教師へのこだわり
--------------------------------------------------------- */
.teacher_contents {
    border-radius: 10px;
}    
    
/*1列3人に*/
#teacher ul li{
    width: 33%;
}

#teacher ul li:nth-child(4n){
	margin-right: 0.5%;
}  
    
#teacher ul li:nth-child(3n){
	margin-right: 0;
}     
        
/* ---------------------------------------------------------
■ 学年のリード
--------------------------------------------------------- */
.s_lead {
    margin-bottom: 0;
}     
    
.s_lead .left,.s_lead .right {
    width: 100%;
    margin-bottom: 10px;
} 
    
.s_lead .course{
	margin: 20px 0 0;
}    
    
.s_lead .right img{
    width: 70%;
    max-width: 600px;
}

h3{
    font-size: 26px;
}
    
h4{
    font-size: 18px;
}    
    
/* ---------------------------------------------------------
■ 学年の詳細
--------------------------------------------------------- */    
.about .left,.about .right{
	width: 100%;
}

#s2 .about .left{
    margin-bottom: 20px;
}    
    
#s3 .about_tx{
	width: 100%;
}    
    
/*カリキュラム*/
.hougan table thead {
    display: none;
}
	
.hougan table tr th.th_kamoku{
    display: block;
	width: 100%;
 }
	
.hougan table tr td {
    display: block;
	width: 100%;
}
    
.hougan table tr td.bnr {
    display: none;
}    

.hougan table tr td ul{
	margin-top: 5px;
}
	
.hougan table tr td:before {
	content: attr(aria-label);
    display: block;
	width: 100%;
	background: #d8edeb;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
} 
    
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */
.btn_area {
	width: 100%;
}

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

.btn_area .right{
	width: 100%;
	float: none;
}    
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
.foot_contents .left,.foot_contents .right{
	width: 90%;
    margin: 0 auto 10px;
}
    
footer .bnr{
    width: 98%;
}    


/* ---------------------------------------------------------
■ Youtube　area
--------------------------------------------------------- */
	#nagashima_yt{
		width: 90vw;
	}
    
}





/* ---------------------------------------------------------
■ アイフォン対応
--------------------------------------------------------- */
@media screen and (max-width: 570px) {
    
.tx_btn p{
    width: 95%;
    background-size: 4px auto;
    background-position: 4px 50%;
    padding-left: 6px;
    font-size: 16px;
} 
  
.lightbox .name{ 
    font-size: 22px;
}    
.lightbox .name .ruby{ 
    width: 100%;
    display: block;
    font-size: 14px;
}    
/* ---------------------------------------------------------
■ 学力向上へのこだわり
--------------------------------------------------------- */
    
#ability .box_wrap .box{
    width: 100%;
    border: none;
    margin-bottom: 5px;
}
    
#ability .box_wrap figure{
    width: 30%;
} 
    
#ability .box_wrap figure img{
    float: left;
}     

#ability .box_wrap .box .box_tx{
    background: rgba(255,255,255,0.7);
    width: 70%;
    float: right;
    padding: 3px 5px;
}

#ability .box_wrap .box .box_tx p{
    font-size: 12px;
}
    
#ability .box_wrap .box .box_tx:after{
    display: none;
}     

/* ---------------------------------------------------------
■ 教師へのこだわり
--------------------------------------------------------- */    
/*1列2人に*/
#teacher ul li{
    width: 49.7%;
}

#teacher ul li:nth-child(3n){
	margin-right: 0.5%;
}  
    
#teacher ul li:nth-child(even){
	margin-right: 0;
}      

#teacher ul li .tx .more{
    font-size: 14px;
} 
    
#teacher ul li .tx .more:after{
    background-size: auto 8px;
    background-position: right 60%;
    padding-right: 8px;
}    

/* ---------------------------------------------------------
■ 学年のリード
--------------------------------------------------------- */    
h2.tit p{
    font-size: 32px;
    line-height: 32px;
}
	
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */ 
	.btn.tel:after{
		content: "";
	}
	.btn.tel a{
		pointer-events:auto;
	}
	.btn a:hover{
		background-position:100% 0;
	}
	
	
}