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

div.contents{
  width: 95%;
  margin: auto;
}

.box_contents{
  width: 95%;
  margin: 0 auto;
  padding: 2%;
  overflow: hidden;
}
	
/*----静岡版----*/
#shizuoka .box_contents a img{
	width: 80%;
	min-width: 420px;
}
	
.strong{
  font-size: 120%;
}




/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
#page-top {
	height: auto;
}
	
#page-top img{
	width: 80%;
}

.left{
    width: 80%;
    margin: auto;
    float:none;
}

.right{
    width: 80%;
    margin: auto;
    text-align: center;
    float:none;
}

#index .left{
  width: 47%;
  margin-right: 0;
  float: left;
}
#index .right{
  width: 47%;
  float: right;
}


/* ---------------------------------------------------------
■ first-view
--------------------------------------------------------- */
#btn_area{
  position:relative;
  width: 100%;
}
.btn_daigaku{
  position: absolute;
  right: 20px;
  top:100px;
  width: 30%;
}
.btn_guidance{
  position: absolute;
  left: 20px;
  top:90px;
  width: 30%;
}  


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 30px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ---------------------------------------------------------
■ CONTENTS
--------------------------------------------------------- */
#curriculum{
  margin-top: 20px;
}
.big-wrap{
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: block;
}
.wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  width: 93%;
  margin-left: 0;
  margin-right: 0;
	margin: auto;
  margin-bottom: 15px;
  float: none;
}
.box1{
  background-color: #f5d53e;
  float: left;
  width: 15%;
  padding: 2.5%;
  clear: both;
  padding-top: 20px;
}
.box2{
 float: right;
  width: 76%;
  padding: 2%;
  background-color: #fff6cd;
}
.box1 img{
	width: 70%;
	height: auto;
}
	
table {
}
table th{
  padding: 10px 5px
}
table td{
  padding-left: 10px;  
}



/* ---------------------------------------------------------
■ comingsoon
--------------------------------------------------------- */
/*#comingsoon{
  width: 65%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}*/


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

footer div#footlogo {
	width: 100%;
}
/* ---------------------------------------------------------
■ 動く背景
--------------------------------------------------------- */
.bg_pattern img{
	width: 70%;
}

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

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

.btn_area {
	width: 100%;
}

.btn_area .left{
	width: 49%;
}

.btn_area .right{
	width: 49%;
}

.btn a{
	font-size: 95%;
}
	

.index_button_box{max-width:700px;}
	.index_button_wrap{gap:15px;}
.index_button_wrap.three a {width: 100%;}
	
	
    
/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer .foot_bg{
	background-size: auto 40%;
}
    
footer div#footlogo img{
	width: 60%;
    max-width: 260px;
    height: auto;
}     
	
}