@charset "utf-8";
/* CSS Document */
@media screen and ( max-width:959px) {
/*******/


#flow{
	width: 100%;/*コンテンツの幅*/
	margin: 0 auto;
}
#flow a{
	text-decoration: none;
	color: #000;
}
.p_left{
	width: 100%;/*コンテンツの幅の半分を指定*/
	float: left;
}
.p_right{
	width: 100%;/*コンテンツの幅の半分を指定*/
	float: right;
}
.pro_div{
	width: 90%;/*ブロックの幅を決める*/
	margin: 0 auto;
}
/***************************************************************/
.menu{
	margin-bottom: 20px;
}

.c_icon{
	width: 1em;
	margin: 5px auto;
	font-size: 20px;
	text-align: center;
	color: #333;
}/*fa-caret-down（▼のアイコンの名前）*/

/***************************************************/
.n_num{
	margin-right: 20px;
	width: 2em;
	display: inline-block;
	text-align: center;
}

	
.pad_15{
	padding: 5px;
}

/******************流れの写真*******************************************/
.p_img{
	height: 120px;
	float: right;
	margin-right: 80px;
	margin-bottom: 10px;
	margin-top: -30px;
}

/******************外部リンクアイコン*******************************************/
.el_css{
	float: right;
	color: #666;
	display: inline-block;
	margin: auto;/**/
	margin-top: 2px;/*アイコン位置調整用*/
	margin-right: 16px;/**/
	font-size: 10px;
}/*fa-external-link*/
/***************************************************/



/******************仕事内容紹介******************************************/
.n_job_naiyou{
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 20px 30px;
	line-height: 2em;
	box-shadow: 1px 1px 10px #D4D4D4;	
}
/***************************************************/



/***************************************************/
#senpai_line{
	border: none;
    border-top:dashed 5px #aaa;
    height:5px;
	margin-top: 100px;
	margin-bottom: -5px;
}





/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼04_procces.cssから引き継いだＣＳＳ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#n_block{
	width: 100%;
	margin: 0 auto;
}

.day_block_div{
	width: 100%;
	margin: 0 auto;
}
.n_main{/*mainの上側*/
	width: 80%;
	/*background-color: #EEEFF2;*/
	margin: 0 auto;
}
.n_main_bottom{/*mainの下側*/
	width: 80%;
	margin-bottom: 50px;
	margin: 0 auto;
	/*float: left;*/
}


.n_num{
	margin-right: 10px;
	width: 2em;
	display: inline-block;
	text-align: center;
}
/******************作業名のＣＳＳ******************************/
.n_job_title0,.n_job_title1,.n_job_title2,.n_job_title3,.n_job_title4,.n_job_title5{
	padding: 8px;
	font-size: 18px;
	box-shadow: 2px 2px 10px #D4D4D4;
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.n_job_title0{
	background-color: #FCF6E9;
	border-left: 10px solid #FDC44F;
}
.n_job_title1{
	background-color: #E9F6FF;
	border-left: 10px solid #80D4FF;
}
.n_job_title2{
	background-color: #FFF1EA;
	border-left: 10px solid #F47324;
}
.n_job_title3{
	background-color: #F0E4F7;
	border-left: 10px solid #8E5EA8;
}
.n_job_title4{
	background-color: #F4FFED;
	border-left: 10px solid #88CB58;
}
.n_job_title5{
	background-color: #FFE9F2;
	border-left: 10px solid #FF66A6;
}

/***************************************************/
/******************仕事内容紹介**************************************/
.n_job_naiyou{
	background-color: #fff;
	margin-top: 10px;
	padding: 20px 30px;
	line-height: 2em;
	box-shadow: 1px 1px 10px #D4D4D4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/***************************************************/


/*****マルゼン版VOICEのＣＳＳ*****/

.ie8{
	display:none;
}

}

	
@media screen and (min-width:0px) and ( max-width:599px) {
/*******/

#flow{
	width: 100%;/*コンテンツの幅*/
	margin: 0 auto;
}
#flow a{
	text-decoration: none;
	color: #000;
}
	
.p_left{
	width: 100%;/*コンテンツの幅の半分を指定*/
	float: left;
}
.p_right{
	width: 100%;/*コンテンツの幅の半分を指定*/
	float: right;
}

.pro_div{
	width: 90%;/*ブロックの幅を決める*/
	margin: 0 auto;
}
/***************************************************************/
.menu{
	margin-bottom: 20px;
}

.c_icon{
	width: 1em;
	margin: 5px auto;
	font-size: 20px;
	text-align: center;
	color: #333;
}/*fa-caret-down（▼のアイコンの名前）*/

/***************************************************/
.n_num{
	margin-right: 20px;
	width: 2em;
	display: inline-block;
	text-align: center;
}

.pad_15{
	padding: 5px;
}

/******************流れの写真*******************************************/
.p_img{
	height: 100px;
	float: right;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-top: 6px;
	display: block;
}

/******************外部リンクアイコン*******************************************/
.el_css{
	float: right;
	color: #666;
	display: inline-block;
	margin: auto;/**/
	margin-top: 2px;/*アイコン位置調整用*/
	margin-right: 16px;/**/
	font-size: 8px;
}/*fa-external-link*/
/***************************************************/



/******************仕事内容紹介******************************************/

.n_job_naiyou{
	background-color: #fff;
	margin-top: 8px;
	padding: 10px 15px;
	line-height: 1.5em;
	box-shadow: 1px 1px 10px #D4D4D4;
	font-size: 80%;
	height: 130px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
/***************************************************/

#senpai_line{
	border: none;
    border-top:dashed 5px #aaa;
    height:5px;
	margin-top: 100px;
	margin-bottom: -5px;
}





/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼04_procces.cssから引き継いだＣＳＳ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#n_block{
	width: 100%;
	margin: 0 auto;
}

.n_main{/*mainの上側*/
	width: 100%;
	/*background-color: #EEEFF2;*/
	margin: 0 auto;
}
.n_main_bottom{/*mainの下側*/
	width: 100%;
	margin-bottom: 50px;
	margin: 0 auto;
	float: none;
	/*float: left;*/
}


.n_num{
	margin-right: 5px;
	width: 2em;
	display: inline-block;
	text-align: center;
}
/******************作業名のＣＳＳ******************************/
.n_job_title0,.n_job_title1,.n_job_title2,.n_job_title3,.n_job_title4,.n_job_title5{
	padding: 3px;
	font-size: 16px;
	box-shadow: 2px 2px 5px #D4D4D4;
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.n_job_title0{
	background-color: #FCF6E9;
	border-left: 6px solid #FDC44F;
}
.n_job_title1{
	background-color: #E9F6FF;
	border-left: 6px solid #80D4FF;
}
.n_job_title2{
	background-color: #FFF1EA;
	border-left: 6px solid #F47324;
}
.n_job_title3{
	background-color: #F0E4F7;
	border-left: 6px solid #8E5EA8;
}
.n_job_title4{
	background-color: #F4FFED;
	border-left: 6px solid #88CB58;
}
.n_job_title5{
	background-color: #FFE9F2;
	border-left: 6px solid #FF66A6;
}

/***************************************************/
.f70{
	width: 65%;
}

/*****マルゼン版VOICEのＣＳＳ*****/

.ie8{
	display:none;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 40px;
  border-bottom: 3px solid /*#5ab4bd*/#F37E1E;
  background-color: #d9d9d9;
  line-height: 40px;
  font-size: 80%;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
	border-radius: 8px 8px 0 0;
	box-shadow:0px 1px 0px 2px rgb(0,0,0,0.75);
}
	
	
	
	
}