@charset "utf-8";
/* CSS Document */
/*-----index適応-----*/

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

#occupation #accordion-40 h3{
	padding-top:0;
	margin-top:0;
	background-position:left 4px;
}


/*--------------------
occupation
--------------------*/

.taofcon li a:hover{
	color:#999999;
	text-decoration:underline;
}

.accordion dl{
	border:1px solid #CACACA;
	padding:0 15px;
}

.accordion dl dt{
	border-bottom:1px dotted #CACACA;
}

.accordion dl dt.adndl_la{
	border-bottom:none;
}

.accordion dl dt a{
	background:url("../../common/img/arrow01.png") no-repeat scroll left 20px;
	margin-right:20px;
	padding:15px 0 15px 10px;
	display:block;
}

.accordion dl dt a span{
	margin-right:20px;
}

.accordion dl dt a:hover span{
	text-decoration:underline;
}
/*--------------------
アンカーリンク
--------------------*/
ul.anchor_links{
	display:none;
}

/*--------------------
ジャンル
--------------------*/
.occupation_box{
	border:1px solid #DDDDDD;
	margin-bottom:0;
	margin-top:0;
	max-width:800px;
	width:98%;
}
.occupation_txt{
	margin-top:0;
}
#accordion-40 h3{
	margin:0px;
}

.occupation_box a .occupation_box_sm{
	padding:20px 20px 15px 20px;
}

.occupation_box a{
	color:#000000;
	border-bottom:1px solid #DDDDDD;
	display:block;
}
.occupation_box a:last-child{
	border-bottom:none;
}

.occupation_box a:hover .occupation_tit{
	text-decoration:underline;
}


.occupation_img{
	float:left;
	width:20%;
}

.occupation_details{
	float:left;
	text-align:left;
	margin-left:3%;
	width:76%;
}

.occupation_details ul{
	padding:0;
	margin:0;
}

.occupation_img_title img{
	float:left;
}

.occupation_details ul li{
	float:left;
}
.occupation_tit{
	font-weight:bold;
	background:url("../../common/img/arrow01.png") no-repeat scroll left 5px;
	padding-left:10px;
	margin-bottom:10px;
}



/*--------------------
詳細ページ
--------------------*/

.occupation_dsptn .occupation_img_le{
	width:50%;
	margin-right:2%;
}

.regard_page{
	margin:15px 0;
}

.regard_page_title{
	font-weight:bold;
	margin-bottom:5px;
}
.course_year{
	width:100%;
}

/*--------------------
キャリアステップと年収イメージ
--------------------*/
.occupation_srptbox{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding:0 2%;
}

.occupation_srptbox .srptbox_txt{
	margin:20px 0 15px 0;
}

.next_arrow{
	width:96%;
	text-align:center;
}

.next_arrow img{
	margin:0 auto;
}

/*--------------------
詳細
--------------------*/

.course_layout{
	width:48%;
	margin-right:5px;
	float:left;
}

.course_layout a{
	width: 100%;
}
.course_layout span{
	width:48%;
	line-height:0;
	margin-bottom:10px;
}
.course_layout span.icon_tb10,
.course_layout span.icon_hm10,
.course_layout span.icon_bd10,
.course_layout span.icon_na10,
.course_layout span.icon_et10,
.course_layout span.icon_st10,
.course_layout span.icon_br10{
	background-size: 92% auto;
	width: 100%;
	vertical-align: top;
	/*display:inline-block;
	max-width:160px;
	height:158px;*/
}

}