@charset "utf-8";
@media screen and (max-width:800px){

/*--------------------
各ページ独自
--------------------*/
.catch{
	font-size: 180% !important;
}

.h1_title_right h1{
	font-size: 135% !important;
}

/*---- リストボックス------*/
/* ボックス */
.top_box{
width:100%;
display:block;
float:none;
margin:0 0 20px 0;
}

.top_box .top_box_img{
text-align:center;
float:none;
margin:0;
}

.top_box .top_box_txt{
clear:both;
float:none;
width:100%;
}
.top_box .top_box_txt img{
	width: 100%;
	height:auto;
}

.sc_box{
	display: inline-block;
	margin: 10px auto;
	width: 100%;
	text-align: center;
	max-width: 770px;
}

.sc_box img{
	width: 100%;
	max-width: 490px;
}

.sc_box_img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	width: 240px;
	padding: 0;
	margin:0 auto 10px;
	float: none;
	display: inline-block;
}

.sc_box_r{
	float: right;
}

.list_box{
width:100%;
display:block;
float:left;
margin:0 0 20px 0;
}
.list_box p.list_box_img{
text-align:center;
float:none;
margin:0;
}

.list_box .list_box_img img{
width:85%;
max-width: 240px;
}

.list_box .list_box_txt{
clear:both;
float:none;
width:100%;
}

.list_box .list_box_img2{
	text-align: center;
}

.list_box .list_box_img2 img{
width:85%;
max-width: 368px;
}

.list_box .list_box_txt2{
clear:both;
float:none;
width:100%;
}

/* 講師リスト */
#summary{
	margin-bottom:30px;
	width:100%;
	height:auto;
}
#summary a{
	overflow:hidden;
	display:block;
	height:auto;
	margin-top: 5px;
	width: 100%;
}
.summary_box{
	float:left;
	width:43%;
	max-width: 240px;
	height:auto;
	padding:0 6px;
	margin:0 6px 10px 0;
	padding: 10px 6px;
	border:1px solid #DDDDDD;
}

.summary_img{
	border: 1px solid #ffb161;
	width: 100%;
	height: auto;
	max-width:240px;
	text-align: center;
}

.summary_img span{
	height: auto;
	max-width: 240px;
	width: 100%;
	margin: 0;
}

.summary li.description{
	width:90%;
	margin: 0 auto;
	max-width: 240px;
}

.summary_box li.summary_icon{
	width:100%;
	height:2%;
	margin-bottom:3%;
}

.summary_box img.icon_right{
	width:30%;
	margin-right:1px;
}
.summary_boxtxt{
	width:100%;
}
.summary_boxtxt li.name{
	margin-bottom:3%;
}
.summary_boxtxt li.text{
	margin-bottom:3%;
	color:#484848;
}
p.summary_img{
	width:100%;
	margin:0 auto;
}

#pickup {
	width: auto;
}

#pickup .layout{
	width: auto;
}

#pickup h4{
	padding: 5px 0;
	margin-bottom: 10px;
}

#pickup .layout.long {
	width: auto;
}
/* カリキュラム */
.curriculum{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.curriculum img{
	float: none;
}
/* 4カラム */
#column_layout_four{
	width: auto;
}

#column_layout_four div {
	float: none;
	width: auto;
	margin: 10px 20px;
}


/* 在校生の声 */

.voice{
width:100%;
margin: 20px 0;
}

.voice .voice_img{
	float: none;
	width: 100%;
	text-align: center;
}

.voice .voice_txt1{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

.voice .voice_txt2{
	float: none;
	width: 100%;
}
.layout,
.layout_inner{
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

.layout_inner{
	padding:0 15px;
}
.layout02,
.layout_inner02{
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

.layout_inner02{
	padding: 15px;
}

.layout02 h4{
	font-size: 110%;
	margin: 0 0 5px;
	padding: 0 0 5px
}
.layout02 img{
	width: 100%;
	margin: 0;
}
.layout02 .list_box{
width:100%;
display:block;
float:left;
margin:0 0 20px 0;
}
.layout02 .list_box p.list_box_img{
text-align:center;
float:none;
display: none;
margin:0;
}

.layout02 .list_box .list_box_img img{
width:85%;
max-width: 240px;
}

.layout02 .list_box .list_box_txt{
clear:both;
float:none;
width:100%;
}

/*--------------------
accordion
--------------------*/

#accordion-40{
	margin:20px auto;
}

#accordion-40 .accordion-head {
	width: 87%;
	padding: 5px 30px 5px 2%;
	margin: -2px auto 0;
}

#accordion-40 h2.active{
	background:url("../../common/img/toggle_act.png") no-repeat, -moz-linear-gradient(top, #ffffff, #f0efdf);
	background:url("../../common/img/toggle_act.png") no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0efdf));
	background-position: 97% center;
}


/*----次へボタン------*/
.p_next{
	text-align:center;
	height: auto;
	padding: 10px 0;
}
.p_next p{
	display:inline-block;
}
.p_next .p_next_txt{
	float:none;
	padding:0 8px 5px;
	width: auto;
	display: inline-block;
}

.p_next .btn_basic{
	float: none;
	margin:0;
}
.p_next .fright {
	display: block;
	padding: 8px 0;
}
.f_left {
	color: #FF8200;
	font-size: 15px;
	line-height: 1.0em;
	margin: 0;
	float: none;
	padding-top: 0;
}

.sp_no{
	display: none;
}

}

@media screen and (max-width:720px){

.summary_box:nth-child(odd){
	margin:0 4% 10px 0;
}
.summary_box:nth-child(even){
	margin:0 0 10px 0;
}

}