@charset "utf-8";
@media screen and (max-width: 767px) {
/*
============================================================
コンテンツ　スマホ上書き
============================================================
*/
.pc{display: none;}
.pc_only{display: none;}
.tb{display: none;}
.sp{display: block;}

	
/* ---------------------------------------------------------
■ 動く背景
--------------------------------------------------------- */
.bg_pattern{
	animation: none;
}

.bg_pattern img{
	animation: none;
	}

.left{
  width: 100%;
  margin-left:0%;
  float:none;
}

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

#index .left{
  width: 100%;
  margin-right: 0;
  float: none;
  margin-bottom: 10px;
}
#index .right{
  width: 100%;
  float: none;
}


/* ---------------------------------------------------------
■ first-view
--------------------------------------------------------- */
	
#mv_area .navi{
 background:rgba(255,255,255,0.5);
 overflow: hidden;
 width: 100%;
 padding: 5px;
}
#mv_area .navi img{
  max-width: 40%;
  text-align: center;
}
#mv_area .navi img:first-child{
margin-right: 20px;
}

/*----静岡版----*/
#shizuoka #mv_area{
	padding:30px 0 0;
}


/* ---------------------------------------------------------
■ information
--------------------------------------------------------- */

iframe#information{
  height: 220px;
  
}


/* ---------------------------------------------------------
■ CONTENTS
--------------------------------------------------------- */

/*section{
	margin-bottom: 10px;
}*/


.box_contents{
  width: 90%;
  margin: 0 auto;
  padding: 2%;
  overflow: hidden;
}
	
.main_contents_box{
	padding:40px 25px;
	font-size: 110%;
}
	
.main_contents_box p{
	font-weight:normal;
	letter-spacing:0.03em;
	font-family: heisei-maru-gothic-std, sans-serif;
}
	

/*----------タイムテーブル---------*/
	#timetable .img_area_wide{
		overflow-x:hidden;
	}
	#timetable .img_area_wide img{
		width:900px;
	}


/*----------流れ---------*/
	.step_inner.ex{
		display:block;
	}
	
	#step a{
		margin:10px auto 20px;
	}

/*----------流れ---------*/
	#step h2 {
		line-height: 1.2em;
		font-size: 28px;
	}
	
	.method_step {
		display: block;
		width:90%;
		margin:0 auto;
		border: #172A74 2px solid;
		padding-bottom: 10px;
	}
	
	#shizuoka .method_step{
		border: #009744 2px solid;
	}
	
	.method_step h3,
	.method_step .step_inner {
    	width: 100%;
		text-align: center;
		margin: auto;
	}
	.method_step h3{
		margin:8px auto 4px;
	}
	
	.method_step .step_inner p {
		margin: 0 20px 20px;	
	}
	
	.method_step p.step {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 6px 0 3px;
	}
	.method_step p.step img {
		display: none;
	}
	
	.step_inner.ex .ex_inner {
		width:100%;
	}


/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */
#page-top {
	display: 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;
}    

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

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

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

.index_button_wrap a span:nth-child(1) {
	font-size: 30px;
}
.index_button_wrap a span:nth-child(2) {
	font-size: 36px;
	letter-spacing: -.05em;
}

	
/* ---------------------------------------------------------
■ ライトボックス
--------------------------------------------------------- */
.lightbox img{ 
		width: 100%;
	}
}

@media screen and (max-width: 520px) {
	header .wrapper {
		padding:0;
	}
	.sanaru_logo{
		height:35px;
	}
	a.top_apply_btn{
		font-size:16px;
		margin-right:10px;
		padding:2px 25px 0 15px;
	}
	
	#mv_area{
		padding-top:45px;
	}
	
	/*----静岡版----*/
	#shizuoka .box_contents a img{
		width: 100%;
		min-width: auto;
	}
	
	#session h3 {font-size:18px;}
	   
	table th{width:25%;font-size:100%;}
	table td{width:75%;font-size:110%;padding-left:8px;}
	
	
	a.css_btn span:nth-child(1){
		font-size: 25px;
	}
	a.css_btn span:nth-child(2){
		font-size: 9.5vw;
	}
	a.css_btn span:nth-child(3) {
		font-size: 25px;
	}
	
	.index_button_box h3{font-size:5vw;}
	.index_button_wrap a span:nth-child(1) {font-size: 25px;}
	.index_button_wrap a span:nth-child(2) {font-size: 9.5vw;}
	.index_button_wrap a span:nth-child(3) {font-size: 25px;}

	.entry_note{font-size:14px;}
	
}