@charset "utf-8";
@media screen and (max-width: 1099px) {
/*
============================================================
佐鳴予備校2021年0次募集　タブレット上書き
============================================================
*/
.sp{display: none;}
.pc{display: block;}
.pc_only{display: none;}
.tb{display: block;}
	
/* ---------------------------------------------------------
■ ベース
--------------------------------------------------------- */
img {
	width: 100%;
	height: auto;
}
h3{
  text-align: center;
}
h3 img{
  width: 100%;
  margin: auto;
}
	
	
div.contents{
  width: 95%;
  margin: auto;
}


.box_contents{
  width: 95%;
  margin: 0 auto;
  padding: 2%;
  overflow: hidden;
}

	
.strong{
  font-size: 120%;
}

.left{
  width: 100%;
  margin-left:0%;
  float:none;
}
.right{
  width: 100%;
  margin-right: 0%;
  text-align: center;
  float:none;
}



/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
#page-top {
	height: auto;
}
	
#page-top img{
	width: 80%;
}
	
.head-items{font-size:14px;}
	.head-nav .head-logo {width: 170px;}

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

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


/* ---------------------------------------------------------
■ first-view
--------------------------------------------------------- */

.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;
}
	
table {
}
table th{
  padding: 10px 5px
}
table td{
  padding-left: 10px;  
}

/* ---------------------------------------------------------
■ slider
--------------------------------------------------------- */

section#slider{
  padding: 30px 0;
}
section#slider h3{
  width: 60%;
  margin: auto;
  margin-bottom: 15px;
}
.autoplay-slider {
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 50s linear infinite sliderAnimation;
}
.slide {
  width: 280px;
  height: 190px;
  margin: 0 20px;
  position: relative;
}
.slide img{
  /*border-radius: 15px;
  border: solid 8px #ffffff;*/
}
@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}

/* ---------------------------------------------------------
■ section#chu3
--------------------------------------------------------- */
.measures__title{
  border-bottom: none;
  line-height: 1;
}

/* ---------------------------------------------------------
■ section#about
--------------------------------------------------------- */
section#about{
}
section#about .box_contents p{
  margin-top: 0;
}
section#about .box_contents h2{
  margin-bottom: 10px;
}
section#about .box_contents{
  margin: 0 auto;
}

section#about .left{
  width: 90%;
  margin: auto;
  height: auto;
  float: none;
  margin-bottom: 10px;

}
section#about .right{
  width: 90%;
  margin: auto;
  float: none;
  margin-bottom: 30px;
}


.youtube {
  position: relative;
  float: right;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 30px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*.youtube:after {
	position: absolute;
	content: "▶ Play";
	color: #fff;
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
	z-index: 11;
}*/


/* ---------------------------------------------------------
■ section#eljr
--------------------------------------------------------- */
section#eljr{
  margin-top: 30px;
}
section#eljr .box_contents{
  overflow: visible;
}
section#eljr .left{
  position: unset;
  margin-top: 20px;
}
section#eljr .left img{
  position: unset;
  text-align: center;
}
section#eljr .right{
  margin-top: 0px;
}

/* ---------------------------------------------------------
■ section#jrhi
--------------------------------------------------------- */
section#jrhi{
  margin-top: 30px;
}
section#jrhi .box_contents{
  overflow: visible;
}
section#jrhi .right{
  position: unset;
  margin-top: 20px;
}
section#jrhi .right img{
  position: unset;
}
section#jrhi .left{
  margin-top: 0px;
}

/* ---------------------------------------------------------
■ section.banner-area
--------------------------------------------------------- */
section.banner-area{
  width: 90%;
  margin: 0 auto;
  padding: 2%;
  overflow: hidden;
  margin-top: 30px;
}
section.banner-area h3{
  text-align: center;
  font-size: 22px;
}


/* ---------------------------------------------------------
■ section.campaign-area
--------------------------------------------------------- */
section.campaign-area{
  padding-bottom: 20px;
  margin: auto;
  /*

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  */
}
section.campaign-area .left{
  width: 90%;
  margin: auto;
  float: none;
}
section.campaign-area .right{
  width: 90%;
  margin: auto;
  float: none;
}
section.campaign-area a img{
  margin-top: 10px;
  filter: drop-shadow(0px 2px 7px rgba(0,0,0,0.3));
}
section.campaign-area p{
  width: 95%;
  margin: 15px auto;
  font-size: 80%;
}

/* ---------------------------------------------------------
■ section#sanasta
--------------------------------------------------------- */

section#sanasta h2{
}
section#sanasta .box_contents{
  overflow: visible;
}
section#sanasta .left{
  position: unset;
  margin-top: 20px;
}
section#sanasta .left img{
  position: unset;
}
section#sanasta .right{
  margin-top: 0px;
}

/* ---------------------------------------------------------
■ section#kobetsu
--------------------------------------------------------- */
section#kobetsu .box_contents{
  overflow: visible;
}
section#kobetsu .right{
  position: unset;
  margin-top: 20px;
}
section#kobetsu .right img{
  position: unset;
}
section#kobetsu .left{
  margin-top: 0px;
}


/* ---------------------------------------------------------
■ section#hischool
--------------------------------------------------------- */
section#hischool{
  margin-top: 30px;
  margin-bottom: 30px;
}
section#hischool h2{
}
section#hischool .box_contents{
  overflow: visible;
}
section#hischool .left{
  position: unset;
  margin-top: 20px;
}
section#hischool .left img{
  position: unset;
}
section#hischool .right{
  margin-top: 0px;
}

/* ---------------------------------------------------------
■ section#entry
--------------------------------------------------------- */
section#entry{
  margin-top: 30px;
}

/* ---------------------------------------------------------
■ 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);
}   

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

/* ---------------------------------------------------------
■ 2022
--------------------------------------------------------- */
h3 {
  text-align: center;
}
	
/* ---------------------------------------------------------
■ 学年選択
--------------------------------------------------------- */
	.select_list ul li a{font-size: 27px;}
}