@charset "UTF-8";
/* CSS Document */

/*==============================
common
==============================*/
body,html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.5;
	min-width:1220px;
}
img {
	vertical-align: bottom;
}
.in {
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width:640px) {
	body,html {
		font-size:12px;
		min-width:1px;
		width:100%;
		overflow-x:hidden;
	}
	.in {
		width:auto;
		padding-left:10px;
		padding-right:10px;
	}
}



/*==============================
header
==============================*/
header {
	background:#fff;
	border-bottom:2px solid #cf0f2e;
}
header .in {
	position:relative;
	height:69px;
}
header .logo {
	position:absolute;
	left:15px;
	top:14px;
}
header .cnts {
	position:absolute;
	right:10px;
	top:25px;
}
header .cnts ul,
header .cnts ul li,
header .cnts form {
	float:left;
}
header .cnts ul li {
	margin-right:15px;
}
header .cnts ul li a {
	color:#666;
	text-decoration:none;
	background:url(/common/img/hd_ico01.gif) no-repeat left center;
	padding-left:12px;
	font-size:13px;
	min-height:12px;
}
header .cnts ul li a:hover {
	text-decoration:underline;
}
header #SS_searchQuery {
    border:1px solid #dadada;
	border-right:none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 148px;
    height: 18px;
    margin-right:-4px;
}
header #SS_submit {
    border:0;
    width:20px;
    height:20px;
    background:url(/common/img/hd_btn01.gif) no-repeat;
    text-indent:-9999px;
    cursor:pointer;
}
header #gnav_btn {
	display:none;
}
@media screen and (max-width:640px) {
	header {
		border-bottom:none;
	}
	header .in {
		height:50px;
	}
	header .logo {
		position:absolute;
		left:10px;
		top:15px;
	}
	header .logo img {
		height:20px;
	}
	header .cnts {
		right: 50px;
		top: 19px;
	}
	header .cnts form {
		display: none;
	}
	header .cnts ul li {
		display: none;
	}
	header .cnts ul li:last-child {
		display: block;
	}
	header #gnav_btn {
		display:block;
		position:absolute;
		right:10px;
		top:8px;
		width:39px;
		height:37px;
		background:url(/common/img/gnav_btn01.png) no-repeat;
		background-size:cover;
	}
}



/*==============================
gnav
==============================*/
#gnav {
	background:#171614;
}
#gnav ul.in {
	height:74px;
}
#gnav ul li {
	float:left;
	width:12.5%;
}
#gnav ul li a {
	position:relative;
	display:block;
	line-height:74px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:18px;
}
#gnav ul li a:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:4px;
	background:#cf0f2e;
	transition:all .2s ease-out;
}
#gnav ul li a:hover:after,
#gnav ul li.active a:after {
	width:40px;
	margin-left:-20px;
}
#gnav_ov {
	display:none;
}
@media screen and (max-width:640px) {
	#gnav {
		display:none;
		position:absolute;
		left:100%;
		top:0;
		box-sizing:border-box;
		width:50%;
		z-index:1000;
	}
	#gnav ul.in {
		height:auto;
		padding:0;
	}
	#gnav ul li {
		float:none;
		width:auto;
		border-top:1px solid #fff;
	}
	#gnav ul li a {
		line-height:1.5;
		text-align:left;
		font-size:1rem;
		padding:15px 10px;
		background:url(/common/img/gnav_ico01.png) no-repeat right center;
	}
	#gnav ul li a:after {
		left:0;
		top:0;
		bottom:0;
		width:4px;
		height:0;
	}
	#gnav ul li a:hover:after,
	#gnav ul li.active a:after {
		width:4px;
		height:100%;
		margin-left:0;
	}
	#gnav_ov {
		z-index:900;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(255,255,255,.8);
		background-image:url(/common/img/gnav_btn02.png);
		background-repeat:no-repeat;
		background-position:left top;
	}
}



/*==============================
topicpath
==============================*/
#topicpath {
	background:#3d3d3d;
}
#topicpath ul.in {
	padding-top:10px;
	padding-bottom:10px;
}
#topicpath ul li,
#topicpath ul li a {
	color:#fff;
}
#topicpath ul li a:hover {
	text-decoration:none;
}
#topicpath ul li {
	float:left;
	background:url(/common/img/tpath_ico01.png) no-repeat 5px center;
	padding-left:15px;
	font-size:0.9rem;
}
#topicpath ul li:first-child {
	background:none;
	padding-left:0;
}
@media screen and (max-width:640px) {
	#topicpath {
		display:none;
	}
}



/*==============================
title
==============================*/
#title {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	color:#fff;
	padding:20px 0;
}
.dummy #title {
	background-image:url(/common/img/ttl_dummy.jpg);
}
.news #title {
	background-image:url(/common/img/ttl_news.jpg);
}
.company #title {
	background-image:url(/common/img/ttl_company.jpg);
}
.chemical #title {
	background-image:url(/common/img/ttl_chemical.jpg);
}
.food #title {
	background-image:url(/common/img/ttl_food.jpg);
}
.develop #title {
	background-image:url(/common/img/ttl_develop.jpg);
}
.ir #title {
	background-image:url(/common/img/ttl_ir.jpg);
}
.csr #title {
	background-image:url(/common/img/ttl_csr.jpg);
}
.saiyou #title {
	background-image:url(/common/img/ttl_saiyou.jpg);
	background-color:#6c7e96;
	background-size: 1550px auto;
}
#title p.txt02 {
	text-align:center;
	font-size:1.286rem;
	/* text-shadow: 1px 2px 2px #000; */
}
#title h1 {
	text-align:center;
	font-size:2rem;
	margin-top:10px;
	/* text-shadow: 1px 2px 2px #000; */
}
#title p.txt01 {
	text-align:center;
	font-size:1.286rem;
	margin-top:10px;
	/* text-shadow: 1px 2px 2px #000; */
}
#title.title_height {
  min-height: 52px;
}
#title.title_height_top {
  min-height: 188px;
}
.title_line_one_top {
  line-height: 178px;
}
/* #title .in a {
	text-shadow: 1px 1px 2px #333;
} */
@media screen and (max-width:640px) {
.saiyou #title {
	background-size: 125% auto;
}
	#title {
		padding:15px 0;
	}
	#title p.txt02 {
		font-size:1rem;
	}
	#title h1 {
		font-size:1.417em
	}
	#title p.txt01 {
		font-size:1rem;
	}
#title.title_height_top {
    min-height: 158px;
  }
  .title_line_one_top {
    line-height: 148px;
  }
}



/*==============================
contents
==============================*/
#contents {
	padding-top:80px;
	padding-bottom:80px;
}
#contents img {
	max-width:100%;
}
#contents img.mauto {
	display: block;
	margin: 0 auto;
}
#contents img.mauto2 {
	display: block;
	margin: 0 auto;
}
#contents.fod {
	padding-top:0;
	padding-bottom:0;
}

@media screen and (max-width:640px) {
	#contents {
		padding-top:15px;
		padding-bottom:0;
	}
	#contents img.mauto2 {
		width:70%;
	}
	#contents.fod {
		padding-top:15px;
		padding-bottom:0;
	}
}



/*==============================
article
==============================*/
#contents.col2 article {
	float:left;
	box-sizing:border-box;
	width:720px;
}
article section {
	margin-top:40px;
	padding:0 10px;
}
article h2 + section {
	margin-top:0;
}
@media screen and (max-width:640px) {
	#contents.col2 article {
		float:none;
		width:auto;
		padding:0;
		margin-bottom:30px;
	}
	article section {
		margin-top:30px;
	}
}

/*text*/
article p {
	margin-top:20px;
	text-align: justify;
}
article h4 + p {
	margin-top:0;
}
article strong {
	font-weight:bold;
}
@media screen and (max-width:640px) {
}

/*hX*/
article h2 {
	font-size:1.714rem;
	border-bottom:1px solid #262626;
	padding-bottom:5px;
	margin-bottom:20px;
	line-height:1;
}
article section + h2 {
	margin-top:80px;
}
article h2 span {
	display:inline-block;
	border-left:6px solid #cf0f2e;
	padding-left:10px;
}
article h2 span span {
	display:inline;
	border-left:none;
	padding-left:5px;
	font-size:1.286rem;
}
article h3 {
	font-size:1.429rem;
	margin-top:40px;
	line-height:1;
}
article h2 + h3,
article section h3:first-child {
	margin-top:0;
}
article h3 + h3 {
	margin-top:20px;
}
article h3 span {
	display:inline-block;
	border-left:6px solid #cf0f2e;
	padding-left:10px;
}
article h3 span span {
	display:inline;
	border-left:none;
	padding-left:5px;
	font-size:1.143rem;
}
article h3.h3_sp01 span {
	display: table-cell;
	height: 2.5em;
	vertical-align: middle;
}
article h2 span dl dt,
article h3 span dl dt {
	float: left;
}
article h2 span dl dd,
article h3 span dl dd {
	margin-left: 1.25em;
}

article h4 {
	position: relative;
	font-weight:bold;
	margin-top:20px;
	margin-left: 1em;
	padding-left: 5px;
}
article h4:before {
	content:"";
	display:block;
	width:1em;
	height:1em;
	background:#cf0f2e;
	position: absolute;
	left: -1em;
	top: .25em;
}
@media screen and (max-width:640px) {
	article h2 {
		font-size:1.333rem;
	}
	article h2 span span {
		font-size:1rem;
	}
	article h3 {
		font-size:1.167rem;
	}
}

/*link*/
article a {
	color:#0055e1;
}
article a:hover {
	text-decoration:none;
}
article a.btn_link {
	margin-top:20px;
	display:block;
	border:1px solid #939393;
	border-radius:4px;
	color:#262626;
	font-size:1rem;
	text-decoration:none;
	text-align:center;
	background:url(/common/img/cnts_ico01.png) no-repeat right center, url(/common/img/cnts_bg01.jpg) no-repeat right center;
	background-size:auto auto, 28px 100%;
	padding:20px 40px 20px 10px;
}
article ul.btn_link {
	margin-top:0;
}
article ul.btn_link li {
	width:340px;
}
article ul.btn_link li:nth-child(odd) {
	float:left;
}
article ul.btn_link li:nth-child(even) {
	float:right;
}
article ul.btn_link li .pdf,
article a.btn_link .pdf{
	display:inline-block;
	background:url(/common/img/cnts_ico_pdf.jpg) no-repeat left center;
	padding:0 0 0 45px;
	min-height:32px;
}
article a.btn_link01 {
	margin-top:20px;
	display:inline-block;
	border:1px solid #282828;
	border-radius:4px;
	color:#282828;
	font-size:1.143rem;
	text-decoration:none;
	text-align:center;
	background:url(/common/img/cnts_ico04.png) no-repeat right center;
	padding:5px 40px;
}
article a.btn_link02 {
	margin-top:20px;
	display:inline-block;
	border:1px solid #c51e20;
	border-radius:4px;
	color:#c51e20;
	font-size:1.143rem;
	text-decoration:none;
	text-align:center;
	background:url(/common/img/cnts_ico02.png) no-repeat right center;
	padding:5px 40px;
}

@media screen and (max-width:640px) {
	article a.btn_link {
		font-size:1rem;
		padding-top:10px;
		padding-bottom:10px;
	}
	article ul.btn_link li {
		width:auto;
	}
	article ul.btn_link li:nth-child(odd),
	article ul.btn_link li:nth-child(even) {
		float:none;
	}
	article a.btn_link01,
	article a.btn_link02 {
		font-size:1rem;
	}
}

/*figure*/
article figure {
	position:relative;
	margin-top:20px;
}
article figure img {
	border:1px solid #dadada;
}
article figure p {
	position:absolute;
	box-sizing:border-box;
	width:auto;
	left:1px;
	bottom:1px;
	padding:5px 15px;
	color:#fff;
	background:rgba(0,0,0,.6);
	text-align:left;
}
article figure.ta_c p {
	left:50%;
}
article figure.ta_r p {
	left:auto;
	right:1px;
}

@media screen and (max-width:640px) {
	body.saiyou article .box04 .left.hover a ,
	body.saiyou article .box04 .right.hover a {
		text-decoration: none;
	}
	body.saiyou article figure p {
		font-size: 10px;
		margin: 0;
		padding: 5px 10px;
		position: relative;
		left: 1px;
		bottom: 1px;
		height: 40px;
	}
	body.saiyou-global-index article figure p {
		height: 55px;
	}
	body.saiyou-rd-index article .box04.ml20{
		margin-left: 0!important;
	}
}

/*list*/
article p.list_ttl,
article ul,
article ol {
	margin-top:20px;
}
article p.list_ttl + ul,
article p.list_ttl + ol {
	margin-top:0;
}
article ul.list {
	list-style-type:disc;
	margin-left:1.5em;
}
article ol.list_num {
	list-style-type: decimal;
	margin-left:1.5em;
}
article ul.link li {
	position:relative;
	padding-left:15px;
	z-index: 1;
}
article ul.link li:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:.75em;
	margin-top:-6px;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 6px;
	border-color:transparent transparent transparent #3d3d3d;
}
@media screen and (max-width:640px) {
}

/*table*/
article table {
	margin-top:20px;
}
article table p:first-child {
	margin-top:0;
}
article table a {
	display:inline-block;
	position:relative;
	padding-left:15px;
}
article table th a {
	color:#fff;
}
article table a:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:.75em;
	margin-top:-6px;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 6px;
}
article table th a:after {
	border-color:transparent transparent transparent #fff;
}
article table td a:after {
	border-color:transparent transparent transparent #3d3d3d;
}
article table.table01,
article table.table02,
article table.table03 {
	width:100%;
	border:1px solid #dadada;
}
article table.table01 th,
article table.table01 td,
article table.table03 th,
article table.table03 td {
	padding:15px 8px;
	border-bottom:1px solid #dadada;
}
article table.table01 th.ttl,
article table.table03 th.ttl {
	background:#444;
	color:#fff;
}
article table.table01 th.ttl + th.ttl,
article table.table03 th.ttl + th.ttl {
	border-left:1px solid #dadada;
}
article table.table01 th.sttl,
article table.table03 th.sttl {
	background:#e9e9e9;
}
article table.table01 td + td,
article table.table03 td + td {
	border-left:1px solid #dadada;
}
article table.table02 th,
article table.table02 td {
	padding:10px;
}
article table.table02 th {
	background:#444;
	color:#fff;
	border-top:1px solid #fff;
}
article table.table02 th p:last-child {
	margin-top:0;
	padding-left:15px;
}
article table.table02 td {
	border-top:1px solid #dadada;
}
article table.table02 tr:first-child th {
	border-top:none;
}
article table.table04 {
	width:100%; margin-bottom:-5px;
	border:1px solid #dadada;
}
article table.table04 th,
article table.table04 td {
	padding:8px 2px;
	border-bottom:1px solid #dadada;
}
article table.table04 th.ttl {
	background: #444;
	color: #FFF;
}
article table.table04 th.ttl2 {
	background: #E7F4F8;
	color: #333;
}
article table.table04 th.ttl3 {
	background: #FFF;
	color: #333; 
}
article table.table04 th.ttl4 {
	background: #FFF;
	color: #333; border-right:1px solid #dadada;
}
article table.table04 td + td {
	border-left:1px solid #dadada;
}

@media screen and (max-width:640px) {
	article table.table01,
	article table.table02,
	article table.table01 tbody,
	article table.table02 tbody,
	article table.table01 tr,
	article table.table02 tr,
	article table.table01 th,
	article table.table02 th,
	article table.table01 td,
	article table.table02 td {
		display:block;
	}
	article table.table01 td + td {
		border-left:none;
	}
	article table.table01 th,
	article table.table01 td {
		border-bottom:none;
	}
    article table.table04 {
		width:100%; margin-bottom:-5px;
		border:1px solid #dadada;
	}
	article table.table04 th,
	article table.table04 td {
		padding:8px 2px;
		border-bottom:1px solid #dadada;
	}
	article table.table04 th.ttl {
		background: #444;
		color: #FFF;
	}
	article table.table04 th.ttl2 {
		background: #E7F4F8;
		color: #333;
	}
	article table.table04 th.ttl3 {
		background: #FFF;
		color: #333; 
	}
	article table.table04 th.ttl4 {
		background: #FFF;
		color: #333; border-right:1px solid #dadada;
	}
	article table.table04 th.ttl5 {
		background: #444; width:60px;
		color: #FFF;
	}
	article table.table04 td + td {
		border-left:1px solid #dadada;
	}
	
}

/*table*/
article table.table_chemical {
	width:100%;
	border:1px solid #dadada;
	table-layout: fixed;
	margin-top:10px;
}
article table.table_chemical th,
article table.table_chemical td {
	border:1px solid #dadada;
	padding:9px;
}
article table.table_chemical th {
	background:#eee;
}
article table.table_chemical th.th01 {
	width:20%;
	background:#dadada;
}
article table.table_chemical th.th01.first {
	border-bottom:1px solid #fff;
}
article table.table_chemical td.td_figure {
	width:50%;
	text-align: center;
}
article table.table_chemical td.td_figure figure {
	margin-top:0;
}
article table.table_chemical td.td_figure figure img {
	border:none;
}
@media screen and (max-width:640px) {
	article table.table_chemical,article table.table_chemical tbody,article table.table_chemical tr,article table.table_chemical th,article table.table_chemical td	{
		width:auto;
		display: block;
		border:none;
	}
	article table.table_chemical {
		border-top:1px solid #dadada;
		border-bottom:1px solid #dadada;
		margin-top:10px;
	}
	article table.table_chemical th,
	article table.table_chemical td {
		border-left:1px solid #dadada;
		border-right:1px solid #dadada;
		padding:9px;
	}
	article table.table_chemical th.th01 {
		width:auto;
	}
	article table.table_chemical td.td_figure {
		width:auto;
	}
}

/*table_fixed*/
.table_fixed,
.table_fixed02,
.table_fixed03 {
	position: fixed;
	left:50%;
	margin-left:-490px;
	top:0;
	display: none;
	width:700px;
	border:1px solid #dadada;
	border-collapse: collapse;
}
.table_fixed th,
.table_fixed02 th,
.table_fixed03 th {
	background: #444;
	color: #fff;
	padding: 15px 8px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	font-weight: bold;
}
.thead_fixed th span,
.thead_fixed02 th span,
.thead_fixed03 th span {
    font-size: 12px;
}
@media screen and (max-width:1000px) {
	.table_fixed,
	.table_fixed02,
	.table_fixed03 {
		left:10px;
		margin-left:0;
	}
}
@media screen and (max-width:640px) {
	.table_fixed,
	.table_fixed02,
	.table_fixed03 {
		display: none !important;
	}
}

/*box01*/
article .box01 {
	margin-top:20px;
}
article .box01 .figure {
	position:relative;
}
article .box01 .figure figure:first-child {
	margin-top:0;
}
article .box01 .figure.left {
	float:left;
}
article .box01 .figure.right {
	float:right;
}
article .box01 .text p:first-child {
	margin-top:0;
}
article .box01.flex_pc {
	display: flex;
}
article .box01.flex_pc .text {
	width: calc(100% - 220px);
	margin-right: 20px;
}
article .box01.flex_pc .figure {
	width: 200px;
}

@media screen and (max-width:640px) {
	article .box01 .figure.left,
	article .box01 .figure.right {
		float:none;
		width:auto !important;
    text-align: center;
    margin-bottom: 10px;
	}
	article .box01 .text {
		margin-left:0 !important;
		margin-right:0 !important;
	}
    article .box01.flex_pc {
		display: block;
	}
	article .box01.flex_pc .text {
		width: 100%;
		margin-right: 0;
	}
	article .box01.flex_pc .figure {
		margin: 10px auto 0;
	}
}

/*box02*/
article .box02 {
	margin-top:20px;
}
article .box02 .figure {
	margin-bottom:10px;
}
article .box02 .figure.left {
	float:left;
	margin-right:10px;
}
article .box02 .figure.right {
	float:right;
	margin-left:10px;
}
article .box02 .figure figure:first-child {
	margin-top:0;
}
@media screen and (max-width:640px) {
	article .box02 .figure.left,
	article .box02 .figure.right {
		float:none;
		margin-left:auto!important;
		margin-right:auto!important;
    text-align: center;
    margin-bottom: 10px!important;
	}
	article .box02 .text p:first-child {
		margin-top:0;
	}
	
	body.company article .box01 .figure.right img{
		width: 50%;
	}
}

/*box03*/
article .box03 {
	padding-top:20px;
}
article .box03 h3:first-child {
	margin-top:20px;
}
article .box03 .left,
article .box03 .right {
	width:340px;
}
article .box03 .left {
	float:left;
}
article .box03 .right {
	float:right;
}
article .box03 .left h2 {
	margin-left:-10px;
}
article .box03 .right h2 {
	margin-right:-10px;
}
article .box03b .left + .left {
	margin-left: 20px;
}


@media screen and (max-width:640px) {
	article .box03 .left,
	article .box03 .right {
		width:auto;
	}
	article .box03 .left,
	article .box03 .right {
		float:none;
	}
	article .box03 h2 {
		margin-top:80px;
		margin-left:-10px;
		margin-right:-10px;
	}
	article .box03b {
		padding-bottom: 20px;
	}
	article .box03b .left + .left {
		margin-left: 0;
	}
}

/*box04*/
article .box04 .left {
	float:left;
}
article .box04 .right {
	float:right;
}
@media screen and (max-width:640px) {
	article .box04 .left,
	article .box04 .right {
		box-sizing:border-box;
		width:50%;
	}
	article .box04 .left {
		padding-right:5px;
	}
	article .box04 .right {
		padding-left:5px;
	}
}

/*tab_btn*/
article .tab_btn li {
	position:relative;
	float:left;
	width:238px;
	height:64px;
	line-height:64px;
	font-size:1.714rem;
	text-align:center;
	color:#fff;
	background:#e47170;
	background-repeat:no-repeat;
	background-position:center center;
	margin-left:3px;
	cursor:pointer;
}
article .tab_btn li:hover,
article .tab_btn li.active {
	background-image:url(/common/img/cnts_bg02_pc.gif);
}
article .tab_btn li:first-child {
	margin-left:0;
}
article .tab_btn li.active:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:7px 16px 0 16px;
	border-color:#b01b1d transparent transparent transparent;
	position:absolute;
	left:50%;
	bottom:-7px;
	margin-left:-16px;
}
article .tab_cnts {
	margin-top:50px;
}
article .tab_cnts li {
	display:none;
}
article .tab_cnts li.active {
	display:block;
}
@media screen and (max-width:640px) {
	article .tab_btn li {
		width:32%;
		height:34px;
		line-height:34px;
		font-size:1rem;
		margin-left:2%;
		background-size:100% 100%;
	}
	article .tab_btn li:hover,
	article .tab_btn li.active {
		background-image:url(/common/img/cnts_bg02_sp.gif);
	}
	article .tab_btn li.active:after {
		border-width:4px 6px 0 6px;
		bottom:-4px;
		margin-left:-6px;
	}
	article .tab_cnts {
		margin-top:25px;
	}
}

/*slider*/
#contents .bx-wrapper {
  position:relative;
  width:100%;
  margin:0 auto;
  padding:0;
  *zoom:1;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
}
#contents .bx-wrapper li {
	box-sizing:border-box;
	width:260px !important;
	box-shadow: 1px 1px 5px 0px #ccc;
	margin-right:16px;
}
#contents .bx-wrapper li a {
	display:block;
	color:#333;
	text-decoration:none;
}
#contents .bx-wrapper li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#contents .bx-wrapper li figure {
	margin:0;
	border-bottom:4px solid #ec9348;
}
#contents .bx-wrapper li figure img {
	border:none;
}
#contents .bx-wrapper li p {
	margin:0;
	padding:15px;
}
#contents .bx-wrapper img {
  max-width:100%;
  display:block;
}
#contents .bxslider {
  margin:0;
  padding:0;
}
#contents ul.bxslider {
  list-style:none;
  margin-left:370px;
}
#contents .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  padding-bottom:4px;
}
#contents .bx-wrapper .bx-pager,
#contents .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
#contents .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/common/img/cnts_slider_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
#contents .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
#contents .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#contents .bx-wrapper .bx-pager.bx-default-pager a:hover,
#contents .bx-wrapper .bx-pager.bx-default-pager a.active,
#contents .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
#contents .bx-wrapper .bx-pager-item,
#contents .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
#contents .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
#contents .bx-wrapper .bx-prev {
  left:0;
  background-color:rgba(45,45,45,.9);
}
#contents .bx-wrapper .bx-prev:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:12px 8px 12px 0;
	border-color:transparent #ffffff transparent transparent;
	margin:-12px 0 0 -4px;
}
#contents .bx-wrapper .bx-prev:hover {
  background-color:rgba(45,45,45,.7);
}
#contents .bx-wrapper .bx-next {
  right:0;
  background-color:rgba(45,45,45,.9);
}
#contents .bx-wrapper .bx-next:after {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:12px 0 12px 8px;
	border-color:transparent transparent transparent #ffffff;
	margin:-12px 0 0 -4px;
}
#contents .bx-wrapper .bx-next:hover {
  background-color:rgba(45,45,45,.7);
}
#contents .bx-wrapper .bx-controls-direction a {
  position:absolute;
  top:0;
  margin-top:0;
  outline:0;
  width:40px;
  height:100%;
  text-indent:-9999px;
  z-index:9999;
}
#contents .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
#contents .bx-wrapper .bx-controls-auto {
  text-align: center;
}
#contents .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/common/img/cnts_slider_controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
#contents .bx-wrapper .bx-controls-auto .bx-start:hover,
#contents .bx-wrapper .bx-controls-auto .bx-start.active,
#contents .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
#contents .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/common/img/cnts_slider_controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
#contents .bx-wrapper .bx-controls-auto .bx-stop:hover,
#contents .bx-wrapper .bx-controls-auto .bx-stop.active,
#contents .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
#contents .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
#contents .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
#contents .bx-wrapper .bx_ttl {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	box-sizing:border-box;
	width:100%;
	color:#fff;
	display:block;
	font-size:1.143rem;
	padding:8px 20px;
	background:#e37b1b;
	background:rgba(227,123,27,.8);
}
@media screen and (max-width:640px) {
	#contents .bx-wrapper li {
		width:200px !important;
		box-shadow: 1px 1px 5px 0px #ccc;
		margin-right:10px;
	}
	#contents ul.bxslider {
	  list-style:none;
	  margin-left:370px;
	}
}



/*==============================
aside
==============================*/
#contents.col2 aside {
	float:right;
	width:240px;
	box-shadow:3px 3px 5px 0px #ccc;
}
aside h2 a {
	display:block;
	color:#fff;
	font-size:1.286rem;
	background:#c51e20 url(/common/img/lnav_ico04.png) no-repeat right center;
	padding:25px 15px;
	text-decoration:none;
	transition:background-color .2s linear;
}
aside h2 a:hover {
	background-color:#a31b1c;
}
aside h3 {
	color:#fff;
	background:url(/common/img/lnav_bg01.gif);
	padding:10px 15px;
}
aside h3.h3_ac {
	position: relative;
	cursor: pointer;
	padding-right:50px;
}
aside h3.h3_ac:after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	width:40px;
	height:11px;
	margin-top:-5px;
	background:url(/common/img/lnav_ico02.png) no-repeat right center;
}
aside h3.h3_ac.active:after {
	background-image:url(/common/img/lnav_ico03.png);
}
aside ul + ul.open {
	border-top:1px solid #595959;
}
aside ul.ul_ac {
	display: none;
}
aside ul li a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:0 15px;
	transition:all .2s linear;
}
aside ul li a:hover {
	color:#c51e20;
	background:#eaeaea;
}
aside ul li a span {
	display:block;
	border-top:1px solid #595959;
	background:url(/common/img/lnav_ico01.png) no-repeat right center;
	padding:20px 20px 20px 0;
}
aside ul li:first-child a span {
	border-top:0;
}

.news #contents.col2  aside {
	box-shadow:none;
	border-bottom:1px solid #3d3d3d;
}
.news aside h2 a {
	font-size:1rem;
	background:url(/common/img/lnav_bg01.gif);
	padding:10px 15px;
}
.news aside h2 a:hover {
	background:url(/common/img/lnav_bg01.gif);
}
.news aside ul {
	background:#fafafa;
}
.news aside ul li {
	padding:10px 40px;
}
.news aside ul li a {
	display:block;
	text-align:center;
	border:1px solid #fafafa;
	border-radius:4px;
	padding:5px 10px;
	transition:none;
}
.news aside ul li a:hover,
.news aside ul li.active a {
	border:1px solid #cf0f2e;
	background:none;
	color:#c51e20;
}
.news aside ul li a span {
	border:none;
	padding:0 20px 0 20px;
	background:none;
}
.news aside ul li a:hover span,
.news aside ul li.active a span {
	background:url(/common/img/lnav_ico01.png) no-repeat right center;
}

@media screen and (max-width:640px) {
	#contents.col2 aside {
		float:none;
		width:auto;
		box-shadow:none;
		margin:30px -10px 0;
	}
	aside ul {
		display:none;
	}
	aside ul.open {
		display:block;
	}
	aside h3 {
		position:relative;
		border-top:1px solid #fff;
	}
	aside h3.h3_ac {
		padding-right:45px;
	}
	aside h3:after {
		content:"";
		display:block;
		position:absolute;
		right:0;
		top:50%;
		width:40px;
		height:11px;
		margin-top:-5px;
		background:url(/common/img/lnav_ico02.png) no-repeat right center;
	}
	aside h3.active:after {
		background-image:url(/common/img/lnav_ico03.png);
	}
	aside h2 + h3 {
		border-top:none;
	}
}

/*==============================
Chemical localnav what's new
==============================*/

aside .lnav_new {
	display: block;
}

aside .h3_no_ac::after {
	display: none;
}

aside .lnav_new + ul.open {
	border-top: none;
}

aside ul .lnav_article {
	background: #F1F3F6;
}
aside ul .lnav_article a {
	padding: 15px 13px;
	word-break: break-all;
	position: relative;
}
aside ul .lnav_article a::after {
	content: "";
	width: calc(100% - 26px);
	height: 1px;
	background: #595959;
	position: absolute;
	bottom: 0;
	left: 14px;
}
aside ul .lnav_article:last-of-type a::after {
	display: none;
}
aside ul .lnav_article a .lnav_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
aside ul .lnav_article a span {
	display: inline;
	border: none;
	background: none;
	padding: 0;
}
aside ul .lnav_article a .lnav_date {
	color: #595959;
	font-size: 12px;
}
aside ul .lnav_article a .lnav_ttl {
	display: block;
	width: 100%;
	margin-top: 8px;
}
aside ul .lnav_article a .lnav_cate {
	display: inline-block;
	width: 6em;
	text-align: center;
	font-size: .714rem;
	padding: .3em .5em;
	color: #fff;
}
.lnav_cate.cate01 {background:#c64c4e;}
.lnav_cate.cate02 {background:#084898;}
.lnav_cate.cate03 {background:#29496f;}
.lnav_cate.cate04 {background:#1c679c;}
.lnav_cate.cate05 {background:#557f8c;}
.lnav_cate.cate06 {background:#481297;}
.lnav_cate.cate07 {background:#6b469a;}
.lnav_cate.cate08 {background:#4b3368;}
.lnav_cate.cate09 {background:#7e60a4;}
.lnav_cate.cate10 {background:#159199;}
.lnav_cate.cate11 {background:#356d38;}
.lnav_cate.cate12 {background:#4d9c7a;}
.lnav_cate.cate13 {background:#1f935e;}
.lnav_cate.cate14 {background:#479ad4;}
.lnav_cate.cate15 {background:#e4842b;}
.lnav_cate.cate16 {background:#98051b;}

/*==============================
Chemical follow link
==============================*/

.follow {
	position: fixed;
	right: 40px;
	bottom: 100px;
	z-index: 10;
	transition: .3s;
}
.follow.hide {
	opacity: 0;
	visibility: hidden;
}
.follow_link {
	display: block;
	box-sizing: border-box;
	width: 120px;
	height: 120px;
	padding-top: 30px;
	border: 3px solid #fff;
	border-radius: 50%;
	position: relative;
	background: rgb(196,47,44);
	background: linear-gradient(325deg, rgba(196,47,44,1) 0%, rgba(181,49,46,1) 50%, rgba(196,47,44,1) 50%, rgba(181,49,46,1) 100%);
	box-shadow: 0 0 5px rgba(0,0,0,.7);

	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.26;
	transition: .3s;
}
.follow_link:hover {
	opacity: .8;
}
.follow_link::after {
	content: "";
	background-image: url(/chemical/img/ico_follow_mail.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 22px;
	height: 18px;
	position: absolute;
	left: calc(50% - 11px);
	top: 75px;
}

@media screen and (max-width:640px) {
	.follow {
		box-sizing: border-box;
		right: 0;
		bottom: 0;
		width: 100%;
		padding: 20px 15px;
		background: linear-gradient(rgba(255,255,255,0), #fff);
	}
	.follow_link {
		width: 100%;
		height: auto;
		padding: 20px;
		border-radius: 0;
		background: rgb(196,47,44);
		background: linear-gradient(0deg, rgba(196,47,44,1) 0%, rgba(181,49,46,1) 50%, rgba(196,47,44,1) 50%, rgba(181,49,46,1) 100%);
		font-size: 15px;
		line-height: 1;
	}
	.follow_link:hover {
		opacity: .8;
	}
	.follow_link::after {
		left: 20px;
		top: calc(50% - 10px);
	}
}


/*==============================
information
==============================*/
#information {
	position:relative;
	height:300px;
	color:#fff;
	background:url(/common/img/info_bg01.jpg) no-repeat center center;
	background-size:auto 100%;
}
#information .in {
	display:table;
	height:100%;
}
#information .in section {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#information .in h2 {
	font-size:2.286rem;
	margin-bottom:15px;
}
#information .in p {
	margin-bottom:15px;
}
#information .in p span {
	display: none;
}
.chemical #information .in p span {
	display: inline;
}
#information .in p.txt_chemical {
	display: none;
}
.chemical #information .in p.txt_chemical {
	display: block;
}
.chemical #information .in p.txt_other {
	display: none;
}
#information .in a {
	display:block;
	font-size:1.286rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	width:498px;
	background:url(/common/img/info_ico01.png) no-repeat right center;
	border:1px solid #fff;
	border-radius:4px;
	margin:0 auto;
	transition:all .2s linear;
}
#information .in a:hover {
	background-color:#163b81;
	border:1px solid #163b81;
}
#information.saiyou .in a:hover {
	background-color:#fff;
	background-image:url(/common/img/info_ico01_on.png);
	border:1px solid #fff;
	color:#c51220;
}
#information .in a span {
	display:inline-block;
	background:url(/common/img/info_ico02_02.png) no-repeat left center;
	padding:20px 0 20px 35px;
}
/*.chemical #information .in a span {
	background:url(/common/img/info_ico02.png) no-repeat left center;
	padding:20px 0 20px 75px;
}*/
*/
#information.saiyou .in a {
	background-color:#a72327;
	border-color:#a72327;
}
#information.saiyou .in a span {
	background-image:url(/common/img/info_ico03.png);
	padding-left:30px;
}
#information.saiyou .in a:hover span {
	background-image:url(/common/img/info_ico03_on.png);
}

#information #btn_pagetop a {
	display:block;
	position:absolute;
	right:45px;
	top:30px;
	width:46px;
	height:46px;
	background:url(/common/img/info_btn01.png) no-repeat;
	transition:all .2s linear;
}
#information #btn_pagetop a.fixed {
	position:fixed;
	top:auto;
	bottom:30px;
}
@media screen and (min-width:1734px) {
	#information {
		background-size:100% auto;
	}
}
@media screen and (max-width:640px) {
	#information {
		height:265px;
	}
	#information .in {
		box-sizing:border-box;
		width:100%;
		padding:0 30px;
	}
	#information .in h2 {
		font-size:1.333rem;
	}
	#information .in a {
		width:auto;
		font-size:1rem;
		font-weight:normal;
	}
	#information #btn_pagetop a {
		right:10px;
	}
	.chemical #information #btn_pagetop a.fixed {
		bottom: 100px;
	}
}



/*==============================
footnav
==============================*/
#footnav {
	background:#3d3d3d;
	padding:70px 0 30px;
}
#footnav .ul01 {
	float:left;
	box-sizing:border-box;
	width:25%;
	padding-left:25px;
	margin-bottom:20px;
}
#footnav .ul01.first {
	padding-left:0;
	clear:both;
}
#footnav .ul01.ul01l {
	width:50%;
}
#footnav ul li.li01b {
	float:left;
	box-sizing:border-box;
	width:50%;
	padding-right:10px;
}
#footnav ul li a,
#footnav ul li.li02 {
	color:#fff;
	text-decoration:none;
	line-height:2;
}
#footnav ul li a:hover {
	text-decoration:underline;
}
#footnav ul li.li01 {
	font-weight:bold;
	margin-bottom:5px;
}
#footnav ul li.li01 {
	background:url(/common/img/fnav_ico01.png) no-repeat left center;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #fff;
}
#footnav ul li.li02 {
	padding-left:10px;
}
#footnav ul li.li03 {
	font-size:0.9em;
	padding-left:20px;
}
@media screen and (max-width:640px) {
	#footnav {
		display:none;
	}
}



/*==============================
footer
==============================*/
footer {
	padding:20px 0;
}
footer nav {
	text-align:center;
	margin-bottom:15px;
}
footer nav ul + ul {
	margin-top: 5px;
}
footer nav ul li {
	display:inline-block;
	margin-left:20px;
	padding-left:19px;
	border-left:1px solid #333;
	line-height:1;
}
footer nav ul li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
footer nav ul li a {
	color:#333;
	text-decoration:none;
}
footer nav ul li a:hover {
	text-decoration:underline;
}
footer p {
	text-align:center;
}
@media screen and (max-width:640px) {
	footer {
		background:#404040;
		color:#fff;
	}
	footer nav {
		display:none;
	}
}



/*==============================
module
==============================*/
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_m {vertical-align:middle;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.pt0 {padding-top:0 !important;}
.clfx {zoom:1;}
.clfx:after {content:"";display:block;clear:both;}
.txt_n {position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;}
.dis_n {display:none;}
.pc_dis_n {display:none;}
.sp_dis_n {display:block;}
.pc_nowrap {white-space:nowrap;}
@media screen and (max-width:640px) {
	.pc_dis_n {display:block;}
	.sp_dis_n {display:none;}
	.pc_nowrap {white-space:normal;}
}