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

#faculty #content_wrap{
position:relative;
}


#faculty #right_navi .icon_fashion{
background:url(../../img/right_navi_icon_01.png) no-repeat right;}
#faculty #right_navi .icon_hairmake{
background:url(../../img/right_navi_icon_02.png) no-repeat right;}
#faculty #right_navi .icon_wedding{
background:url(../../img/right_navi_icon_03.png) no-repeat right;}
#faculty #right_navi .icon_design{
background:url(../../img/right_navi_icon_04.png) no-repeat right;}
#faculty #right_navi .icon_film{
background:url(../../img/right_navi_icon_05.png) no-repeat right;}



/*学部毎のページタイトルの色指定*/
/*#faculty .h1_title{
width:100%;
top:0px;}

#faculty.fashion .h1_title{
background:#093b66;
color:#ffffff;
height:auto;}

#faculty.hairmake .h1_title{
background:#ff73a2;
color:#ffffff;}

#faculty.wedding .h1_title{
background:#f76500;
color:#ffffff;}

#faculty.design .h1_title{
background:#093b66;
color:#ffffff;
height:auto;
margin-top:-1px;}

#faculty.film .h1_title{
background:#ff73a2;
color:#ffffff;}*/




/*学部毎のページタイトル　バーの色指定*/
#faculty.design .h1_border{
border-color:#869fb4;}


#faculty.design .mainimage_wrap{
position:relative;
text-align:center;
width:100%;
height:auto;
border:none;}

#faculty.design .mainimage_wrap img{
display:none;}

#faculty .catch_l{
font-size:140%;}

#faculty #feature{
margin-top:20px;
}

#faculty #feature{
border-bottom:1px dotted #cecece;
padding:10px 0;
margin-bottom:30px;
/*cursor:pointer;*/}


#faculty #feature .layout{
border-top:1px dotted #cecece;
padding:10px 0;
/*background:url(../../img/feature_bg_arrow.png) no-repeat right top;*/
background-size:50px auto;}

#faculty #feature .layout.active{
/*background:url(../../img/feature_bg_arrow_on.png) no-repeat right top;*/
background-size:50px auto;}

#faculty #feature .headling{
display:table;
width:100%;
max-width:800px;
vertical-align:middle;}

#faculty #feature .headling img{
float:left;
margin-right:20px;
display:table-cell;
width:50%;
min-width:100px;}

#faculty #feature .catch{
display:table-cell;
vertical-align:middle;
margin-bottom:10px;
font-size:14px;
padding-right:1em;
max-width:524px;
width:68%;
}

#faculty #feature .catch span.color{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;}
#faculty #feature .catch span{
display:block;
width:100%;}


/*学部ごとのキャッチ色*/
#faculty.fashion #feature .catch span.color{
color:#004986;}
#faculty.hairmake #feature .catch span.color{
color:#ff73a2;}
#faculty.wedding #feature .catch span.color{
color:#f76500;}
#faculty.design #feature .catch span.color{
color:#093b66;}
#faculty.film #feature .catch span.color{
color:#ff73a2;}


#faculty #feature .detail{
font-size:107%;
line-height:1.5em;}

#faculty #feature .detail{
margin-top:20px;}

/*汎用アンカーリンク*/
ul.anchor_links{
padding-bottom:1px;
}

ul.anchor_links li{
float:left;
display:block;
width:33%;
margin:0 1px 1px 0;
}

ul.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:center;
	color:#FFFFFF;
	text-align:left;
}

ul.anchor_links li a:hover{
	background:#ffffff url(../../../common/img/arrow02.png) 10px center no-repeat;
	border:1px solid #F05A89;
	border-radius: 5px 5px 0 0;
	display:block;
	padding:7px 14px 7px 24px;
	text-align:left;
	color:#F05A89;
}


#faculty h2{
margin-top: -40px;
padding-top: 64px;
}

#faculty .course_year{
width:100%;
}

#faculty .course_layout{
width:47%;
margin-right:0;
margin-bottom:20px;
float:left;}


#faculty .course_layout:nth-child(odd){
margin-right:10px;}

/*#faculty .course_layout h3{
background-repeat:repeat-y;
margin:0 0 20px 0;
font-size:16px;
width:92%;}


#faculty .course_layout h3{
background-size:4px auto;}

#faculty .course_layout h3 a{
background:url(../../../common/img/arrow01.png) no-repeat left 8px;
padding-left:10px;
display:block;
}

#faculty .course_layout h3 a:hover{
text-decoration:underline;}*/

#faculty .course_layout img{
line-height:0;
margin-bottom:10px;}

#faculty .course_layout p.text01{
font-weight:bold;
margin-bottom:10px;
}

#faculty .course_layout p.text02{
margin-bottom:10px;
}

/*----------course*/

#feature_course {
width:100%;
margin:0;
}

.type_course div.job p, .type_course div.license p,
.type_course div.license p{
	max-width: 100%;
	margin-left: 0;
	float: left;
	display: block;
}

#feature_course div.layout{
width:auto;
padding:0;
margin:0 4% 20px 0;
border:none;}

#feature_course div.layout p{
width:100%;}



#pickup .layout{
width:100%;
display:block;
float:none;
margin:0 0 20px 20px;
}


.layout02{
	width:100%;
	display:block;
	float:left;
	margin:0 0 20px 0;
}

.layout02 img{
float:left;
margin-right:10px;
width:40%;}

.layout_ri {
width: auto;
float: none;
}


.type_course div.job img{
max-width:88px;
width:20%;
min-width:44px;
float:none;
}

.type_course div.license img{
max-width:88px;
width:20%;
min-width:44px;
float:none;
}


.type_course ul.anchor_links li{
width:100%;
font-size:10px;}



.modalblock_type_three{
width:100%;
margin-bottom:0;
}

.modalblock_type_three .layout{
width:45%;
float:left;
margin-bottom:20px;}

.modalblock_type_three .layout .image{
position:relative;
}

.modalblock_type_three .layout h5{
background:url(../../../common/img/arrow01.png) no-repeat left 5px;
padding-left:10px;}

.modalblock_type_three .layout img.thumb{
max-width:100%;
}

.modalblock_type_three .layout img.zoom{
display:none;}

#pickup{
width:100%;}

#pickup h4{
margin:0 0 20px 0
}


#pickup .layout.long{
width:auto;}
#pickup .ysystem{
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}
#column_layout_four{
width:auto;
margin-left:0;
}

#column_layout_four div{
width:100%;
margin-left:0;
float:none;
margin-bottom:20px;
}
#column_layout_four div h5{
margin-bottom:5px;
}

/*
.list_box {
	max-width: 800px;
	width:100%;
	display: block;
	float: left;
	margin: 0 0 20px 0;
}

.list_box p.list_box_img{
	width:46%;
}
.list_box .list_box_img {
	float: left !important;
	margin-right: 5px !important;
	margin-left: -20px !important;
}

.list_box .list_box_img img {
	width: 70%;
}

.list_box .list_box_txt {
	clear: none;
	float: none;
}*/

.btn_basic {
	margin-top:15px;
	padding: 8px 5px 8px 10px;
	margin-bottom:0;
}

.midway-cv{
	padding: calc(30/640 * 100vw) 0 calc(10/640 * 100vw);
}

.midway-cv .p_pamphlet__info{
	width: 95%;
	margin: 0 auto 5.9375vw;;
}

.sp_none{
	display: none;
}

.pc_none{
	display: block;
}

}