@charset "utf-8";
@media screen and (max-width: 1099px) {
/*
============================================================
啓明舎夏期講習コンテンツ　タブレット上書き
============================================================
*/
.sp{display: none;}
.pc{display: block;}
.tb{display: block;}
	
/* ---------------------------------------------------------
■ ベース
--------------------------------------------------------- */
img {
	width: 100%;
	height: auto;
}

header {
	width: 100%;
	height: auto;
	background-size: auto 80%;
}
	
header #logo {
	width: 100%;
	height: auto;
	background-size: cover;
}
	
div.contents{
	width: 95%;
}
	
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
#page-top {
	height: auto;
}
	
#page-top img{
	width: 80%;
}

/* ---------------------------------------------------------
■ 見出し
--------------------------------------------------------- */
h1 {font-size: 18px;}
h3 {font-size: 14px;}
	
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer {
	height: 200px;
}

footer div#footlogo {
	width: 100%;
}

/* ---------------------------------------------------------
■ 動く背景
--------------------------------------------------------- */
.bg_pattern img{
	width: 70%;
}

/* ---------------------------------------------------------
■ 公開説明会
--------------------------------------------------------- */    
 #open .open_tx .right img:first-child{
    transform: translateX(0);
}   

/* ---------------------------------------------------------
■ リード
--------------------------------------------------------- */
#lead .tx{
	width: 95%;
}
	
#lead .tx .left{
	width: 100%;
	float: none;
}

#lead .tx .right{
	width: 100%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
	
#lead .tx .right ul li{
	float: left;
	width: 50%;
}
	
#lead .tx .right img{
	width: 75%;
}
	
#lead .tx .right img.img_tx{
	margin-top: 10%;
	float: left;
}

	
.lead_banner_area{
	padding:25px 0 0;
}
.lead_banner-oricon{
	width:100%;
}
.lead_banner-ambassador{
	width:100%;
	max-width: none;
}

/* ---------------------------------------------------------
■ 教師紹介
--------------------------------------------------------- */

#teacher_area{
	width:100%;
}

ul.teacher-slider li{
	width: 20%;
}

/* ---------------------------------------------------------
■ 夏期講習タイトル
--------------------------------------------------------- */
.summer .contents{
	width: 100%;
}

.summer ul li{
	width: 20%
}
	
/* ---------------------------------------------------------
■ 学年のリード
--------------------------------------------------------- */

.s_lead {
	position: relative;
}
	
.s_lead .left {
	width: 60%;
}

.s_lead .left .teacher{
	width: 15%;
}

.s_lead .left .teacher img{
	max-width: 80px;
}
	
.s_lead .left .tx{
	width: 85%;
}

.s_lead .right {
	width: 40%;
	position: absolute;
	height: 100%;
	right: 0;
}

.s_lead .right p{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

/* ---------------------------------------------------------
■ 学年の詳細
--------------------------------------------------------- */
.about .left{
	width: 50%;
}

.about .right{
	width: 50%;
}
	
.hougan table tr td.bnr img{
	max-width: 425px;
}

/*金額*/
.hougan table.price tr td img.s_size{
	max-width: 192px;
    min-width: 192px;
}	
	
.hougan table.price tr td img.m_size{
	max-width: 358px;
    min-width: 358px;
}
	
/* ---------------------------------------------------------
■ ボタン
--------------------------------------------------------- */

.btn_area {
	width: 100%;
}

.btn_area .left{
	width: 49%;
}

.btn_area .right{
	width: 49%;
}

.btn a{
	font-size: 95%;
}
    
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer .foot_bg{
	background-size: auto 40%;
}
    
footer div#footlogo img{
	width: 60%;
    max-width: 260px;
    height: auto;
}     
	
}