@charset "UTF-8";

/* ==========================
   index_head
========================== */
#index_top_back {
	width: 960px;
	height: 227px;
	background: url(../index_img/index_head.jpg) no-repeat;
	margin: 0 auto;
}

/* ==========================
   chemical_plant_hero_MCF_logo
========================== */
#flash_box {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#flash_box img {
	display: block;
	width: auto;   /* サイズ維持 */
	max-width: 100%;
}

/* ==========================
   ニュース
========================== */
#news_box {
	width: 652px;
	margin: 20px auto 0;
	padding: 0;
}

.news_title {
	display: block;
	width: 652px;
	height: 49px;
	background: url(../index_img/news_title.jpg) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#news_box ul {
	padding: 0;
	margin: 0;
}

#news_box li {
	list-style: none;
	border-bottom: 2px dotted #3479A8;
	padding-bottom: 9px;
	margin-top: 10px;
	overflow: hidden;
}

.news_text01 {
	float: left;
	width: 132px;
	font-size: 80%;
	color: #3479A8;
}

.news_text02 {
	float: right;
	width: 520px;
	font-size: 80%;
}

.news_text02 a {
	color: #133183;
	text-decoration: none;
}

/* ==========================
   一覧ボタン
========================== */
.btn_itiran {
	width: 80px;
	height: 15px;
	margin: 15px 0 0 auto;
	background: url(../news/news_img/btn_itiran.gif) no-repeat;
	text-indent: -9999px;
}

.btn_itiran a {
	display: block;
	width: 80px;
	height: 15px;
}

.btn_itiran a:hover {
	background: url(../news/news_img/btn_itiran_hover.gif) no-repeat;
}

/* ==========================
   スマホ対応
========================== */
@media screen and (max-width: 768px) {

	#index_top_back,
	#flash_box,
	#news_box {
		width: 100%;
	}

	#flash_box img {
		width: 100%;
		height: auto;
	}

	.news_title {
		width: 100%;
		background-size: contain;
	}

	.news_text01,
	.news_text02 {
		float: none;
		width: 100%;
	}

	.btn_itiran {
		margin: 15px auto 0;
	}
}