@charset "UTF-8";
/* CSS Document */
/*2015.04.07 For S・K FOODS*/

/*
============================== 06anzen.html ==============================
*/


/*初期設定
----------------------------------------------------*/
/*
============= footer はcommon.cssに記載　============================
*/


/*
================================================================== header
*/
/* ▼ヘッド部　メインナビとスライドフォトの間の設定　部分
　---------------------------------------- */


/*
================================================================== content
*/

/* ▼コンテント 全体　枠　部分　
　---------------------------------------- */
#content_waku {
		width: 100%;
		
}

#content {
		max-width: 960px;
		text-align: left;
		padding: 0 0 20px;
		margin: 0 auto;
}


/* ▼コンテント　ページタイトル部分
　---------------------------------------- */
#page_title_waku_spcial {
		max-width: 960px;
}

#page_title_spcial {
		font-size: 3.2em;
		text-align: center;
}

.letter-space {
		letter-spacing: 0.6em;
}

.title_info_spcial {
		font-size: 1.4em;
		text-align: center;
		margin-bottom: 20px;
}


/* ▼コンテンツ　セクション01　衛生管理、食の安全性について　部分
　---------------------------------------- */
#sec01 {
		max-width: 960px;
		margin: 40px 10px 20px;
}

.about_list_waku {
		margin-bottom: 20px;
		border: 1px solid #00903b;
}

.aboutList_title {
		font-size: 1.6em;
		font-weight: 600;
		color: #ffffff;
		padding: 6px;
		background-color: #00903b;
}

.about_list {
		list-style: none;
		padding: 10px;
}


.about_list li {
		margin-bottom: 10px;
}

.green {
		color: #00903b;
		margin-right: 6px;
}



.about_photo {
		text-align: center;
		border: 1px solid #cccccc;
}




/* ▼横線　部分
　---------------------------------------- */
hr.yokosen {
		width: 98%;
		margin: 10px auto;
		border: 2px solid #CCFFBB;
}





/* ▼コンテンツ　セクション02　作業工程　部分
　---------------------------------------- */
#sec02 {
		max-width: 960px;
		margin: 40px 10px 0px;
}


/* ▼作業工程　図版　部分
　-------------------------- */
.clean_room_photo {
		border: 1px solid #cccccc;
}



/* ▼作業工程　図版　部分
　-------------------------- */
.work_process_waku {
		margin: 40px auto;
}

.work_process_left {
		border: 1px solid #00903b;
		border-radius: 10px;
		background-color: #E6F8E6;
		text-align: center;
}

.work_process_inner {
		padding: 20px;
}

.work_process_title {
		font-size: 1.6em;
		font-weight: 600;
		padding: 6px 10px 4px;
		border: 1px solid #00903b;
		border-radius: 10px;
		background-color: #F8F7E6;
}

.work_process_list {
		margin: 30px 0 20px;
}

.work_process_list li {
		margin: 5px 0;
}

li.process {
		width: 95%;
		font-size: 1.3em;
		letter-spacing: 0.3em;
		padding: 3px 6px 0;
		margin: 0 auto;
		border: 1px solid #00903b;
		background-color: #ffffff;
}

li.yajirushi {
		font-size: 1.6em;
		color: #00903b;
}



/* ▼作業工程　写真3点　部分
　-------------------------- */
.work_process_right {
		margin: 40px 0 0;
		text-align: center;
}

.work_process_photo,
.process_photo_top {
		margin-top: 20px;
		border: 1px solid #cccccc;
}



/*　メディアクエリー
================================================================== 500px以上
*/

@media only screen and (min-width: 500px), only print {
	
	/* ▼コンテント　ページタイトル部分
　	---------------------------------------- */
	#page_title_spcial {
		font-size: 3.8em;
	}
	
	.title_info_spcial {
		font-size: 1.7em;
	}

	
	/* ▼作業工程　図版　部分
　	-------------------------- */
	li.process {
		width: 80%;
}




}



/*　メディアクエリー
================================================================== 768px以上
*/

@media only screen and (min-width: 768px), only print {
	
	/* ▼コンテンツ　セクション01　衛生管理、食の安全性について　部分
　	---------------------------------------- */
	.about_left {
		width: 48%;
		float: left;
	}
	
	.about_right {
		width: 48%;
		float: right;
	}
	
	
	
	/* ▼コンテンツ　セクション02　作業工程　部分
　	---------------------------------------- */
	/* ▼作業工程　図版　部分
　	-------------------------- */
	.work_process_left {
		width: 48%;
		float: left;
	}
	
	
	/* ▼作業工程　写真3点　部分
　	-------------------------- */
	.work_process_right {
		width: 48%;
		float: right;
		margin: 0 0 0;
	}
	
	.process_photo_top {
		margin-top: 0;
	}
	
	
	
	
}


/*　メディアクエリー
================================================================== 900px以上
*/

@media only screen and (min-width: 900px), only print {
	
	
	/* ▼コンテント　ページタイトル部分
　	---------------------------------------- */
	#page_title_spcial {
		font-size: 5.0em;
	}
	
	.title_info_spcial {
		font-size: 2.1em;
	}
	
	
	


	
	
}





/*　メディアクエリー
================================================================== 980px以上
*/

@media only screen and (min-width: 980px), only print {
	
	/* ▼コンテンツ　セクション01　衛生管理、食の安全性について　部分
　	---------------------------------------- */
	#sec01 {
		margin: 40px 0 20px;
	}

	
	/* ▼横線　部分
　	---------------------------------------- */
	hr.yokosen {
		width: 100%;
	}
	
	
	/* ▼コンテンツ　セクション02　作業工程　部分
　	---------------------------------------- */
	#sec02 {
		margin: 40px 0 20px;
	}
	
	
	




	




		
}





/*　メディアクエリー　プリントアウト用
================================================================== スクリーン幅関係なく
*/
@media only print {


	

	



}