@charset "utf-8";

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



/*--------------------

各ページ独自

--------------------*/

#support_home .catch_l br.sp_no{

	display:none;

}



.column_box{

    margin-bottom: 20px;

	max-width:800px;

	width:100%;

}



.column_layout_two {

	float:none;

	max-width:800px;

	width:100%;

	margin-left:0;

    margin-bottom: 0;

}





/*汎用アンカーリンク*/



#support_system #anchor_wrap .anchor_links{

	display:none;

}


.anchor_links{

	max-width:800px;

	width:100%;

}

.anchor_links li{

	float:none;

}


.anchor_links li a{

	background:#F05A89 url(../../common/img/arrow_tab2.png) 10px center no-repeat;
	
	border-radius: 5px 5px 0 0;

	display:block;

	padding:8px 15px 8px 25px;

	text-align:left;

	color:#FFFFFF;

	float:left;
	
	width: 88%;
	
	margin-bottom: 1px;

}



.anchor_links li a:hover{

	background:#ffffff url(../../common/img/arrow02.png) 10px center no-repeat;
	
	border-radius: 5px 5px 0 0;

	border:1px solid #F05A89;

	display:block;

	padding:7px 14px 7px 24px;

	text-align:left;

	color:#F05A89;

}







/*--各ページ独自--*/





.modalblock_type_three{

width:100%;

}



.modalblock_type_three .layout{

width:45%;

float:left;

margin-bottom:20px;}



.modalblock_type_three .layout .image{

position:relative;

}

#pickup{

max-width:800px;

width:100%;

}

#pickup .layout{

width:100%;

display:block;

float:none;

margin:0 0 20px 20px;

}



#pickup2 {

width:100%;

margin:0;

}



#pickup2 div.layout{

width:auto;

padding:0;

margin:0 4% 20px 0;

border:none;}



#pickup2 div.layout p{

width:100%;}





#pickup3{

max-width:100%;

}

#pickup3 .layout{

width:100%;

display:block;

float:none;

margin:0 0 20px 20px;

}

#pickup3 .layout img{

float:left;

margin:0 10px 10px 0;

width:40%;

max-width:100%;

}



.c_message{

max-width:100%;

display:block;

float:left;

margin:0 0 20px 0;

}

.c_message p.c_message_img{

text-align:center;

float:none;

margin:0;

}

.c_message .c_message_img img{

width:85%;

}

.c_message .c_message_txt{

clear:both;

float:none;

width:100%;

}



/*----リンクボタン リスト------*/

.list_box{

max-width:100%;

display:block;

float: none;

clear:both;

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%;

}

.list_box .list_box_txt{

clear:both;

float:none;

width:100%;

}



/*----リンクボタン リスト------*/



/*----次へボタン------*/

.p_next{

	text-align:center;

}

.p_next p{

	display:inline-block;

}

.p_next .p_next_txt{

	float:none;

	padding:6px 0 0 0;

}



.p_next .btn_basic{

	margin-top:10px;

}

p_next .fright {

	float:none;

}





/*--------------------

在校生の声

--------------------*/

#summary{

	margin-bottom:30px;

	width:100%;

	height:auto;

}

#summary a{

	overflow:hidden;

	display:block;

	height:auto;

}

.summary_box{

	float:left;

	width:40%;

	height:auto;

	padding:10px 5px;

	margin:0 0 10px 15px;

	border:1px solid #DDDDDD;

}

.summary_box p.summary_icon{

	width:100%;

	height:2%;

	margin-bottom:3%;

}

.summary_box img.icon_right{

	width:30%;

}

.summary_boxtxt{

	width:100%;

}

.summary_boxtxt p.name{

	margin-bottom:3%;

}

.summary_boxtxt p.text{

	margin-bottom:3%;

	color:#484848;

}

p.summary_img{

	width:100%;

	margin:0 auto;

}

p.summary_in_link_text{

	background:url(../../../../common/img/arrow01.png) no-repeat center left;

	line-height:12px;

	padding-left:10px;

}

a:hover p.summary_in_link_text{

	text-decoration:underline;

}

/*--------------------

3-column

--------------------*/



.course_year{

width:100%;

}



.course_layout{

width:47%;

margin-right:0;

margin-bottom:20px;

float:left;}





.course_layout:nth-child(odd){

margin-right:10px;}



.course_layout h3{

background-repeat:repeat-y;

margin:0 0 20px 0;

font-size:16px;

width:92%;}





.course_layout h3{

background-size:4px auto;}



.course_layout h3 a{

background:url(../../../common/img/arrow01.png) no-repeat left 8px;

padding-left:10px;

display:block;

}



.course_layout h3 a:hover{

text-decoration:underline;}



.course_layout img{

line-height:0;

margin-bottom:10px;}



.course_layout p.text01{

font-weight:bold;

margin-bottom:10px;

}



.course_layout p.text02{

margin-bottom:10px;

}



.btn_basic {

	width: 80%;

	margin: 0 auto;

}

.btn_wrap{

	width:90%;

	height: auto;

	margin: 0;

}

.btn_wrap .btn_basic{

	float: none;

	clear:both;

	margin-right: 0;

	margin-bottom: 10px;

}



}