/*
Theme Name: axyz
Theme URI: http://www.axyz-grp.co.jp/
Author: AXYZ Co.,Ltd.
Author URI: http://www.axyz-grp.co.jp/
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: AXYZ
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/* --------------------------------------------------------------------------
 link
-------------------------------------------------------------------------- */
a {
	color: #e63520;
	text-decoration: none;
}
a:hover {
	color: #e63520;
	text-decoration:underline;
}
a:visited {
}
a:focus, *:focus { outline:none; }


/* --------------------------------------------------------------------------
common
-------------------------------------------------------------------------- */
.form-inline .form-control {
    width: 100%;
}

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:200;
	padding-top: 50px;
	background:#f8f8f8;
	line-height: 180%;
}

img {
	max-width: 100%;
	height: auto;
}

div.img {
	margin: auto;
	text-align:center;
}

p.img {
	margin: auto;
	text-align:center;
}


.page-header {
	margin: 0px;
	padding-bottom: 0px;
	border-bottom:none;
}

#contents.col-sm-9 {
	padding-left:0;
	padding-right:0;
}

.pc {
	display:none;
}

.sp {
	display:block;
}

/*btn
 --------------------------------------------------------------------------*/

.btn {
}

.page_top {
	cursor: pointer;
	font-size: 3em;
	position:fixed;
	bottom: 50px;
	right: 30px;
}

/*page navi
-------------------------------------------------------------------------- */

.wp-pagenavi {
	padding-top: 20px;
	text-align: center;
	font-size:10px;
}

.wp-pagenavi  span.current {
	border-radius: 4px;
	border: 2px solid #25150d;
	background: #25150d;
	padding: 5px 7px;
	color: #fff;
	margin: 0 3px;
}

.wp-pagenavi  a {
	border-radius: 4px;
	border: 2px solid #25150d;
	padding: 5px 7px;
	margin: 0 3px;
}

/* global nav
-------------------------------------------------------------------------- */

.sp_menu {
	position: absolute;
	right: 10px;
	top: 11px;
	display:block;
	cursor: pointer;
	z-index: 300;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 24px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #25150d;
	border-radius: 4px;
}

.menu-trigger.active span {
	background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

.globalMenu_bg {
}

.globalMenu_bg.fixed{
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
}

.global-nav {
	display:none;
	list-style: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
}

.global-nav.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
		display: block;
}

.global-nav.active ul {
	display: block;
}

.global-nav ul {
    position: relative;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0;
}

.global-nav.active ul li {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.global-nav ul{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding: 0;
}

.global-nav ul li {
    margin: auto;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    line-height: 1;
    font-size: 20px;
}

.global-nav.active ul li {
	opacity: 1;
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.global-nav ul li a {
	padding: 2% 0;
	text-decoration:none;
	display:block;
  color: #fff;
}

.global-nav ul li a span:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 5px;
}

.global-nav ul li a:hover,.global-nav ul li a:active,.global-nav ul li a:focus {
	background: rgba(255,255,255,0.3);
	-webkit-tap-highlight-color:rgba(255,255,255,0.3);
}

/* header
-------------------------------------------------------------------------- */
header{
	border-top:solid #E63520 4px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 100;
	background:#FFF;
}

header h1{
	text-align:center;
	margin: 6px auto 5px;
}

header h1 img{
	height:33px;
	width:auto;
}

/* footer
-------------------------------------------------------------------------- */
.footer {
	border-top:solid #E63520 2px;
	text-align:center;
	font-size: 0.8em;
	padding: 10px 0;
}

footer .container {
	position:relative;
}

.bg_wood{
	background:#FFFFff url(img/common/bg_footer.png) repeat-x bottom;
	background-size:200% auto;
	padding-bottom:80px;
}

/* bread
-------------------------------------------------------------------------- */
#bread{
	font-size:10px;
	margin: 5px 0;
	clear:both;
	overflow:hidden;
}

#bread li{
	padding:0;
	display: inline;
}

#bread li:before{
	content: "\f105";
	font-family: FontAwesome;
	padding:0 5px 0px 5px;
}

#bread li:first-child:before{
	content: "";
	padding:0 5px 0px 10px;

}

/* sitemap
-------------------------------------------------------------------------- */
#sitemap{
	display:none;
}

/* sidebar
-------------------------------------------------------------------------- */
#sidebar.col-md-3,#sidebar.col-sm-3{
	padding-right: 0px;
	padding-left: 0px; 
}

#pagenavi{
	clear:both;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
}

#pagenavi h2{
	padding:15px 10px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	background: #e63520;
	color:#ffffff;
	display: block;
	cursor:pointer;
}

#pagenavi h2 br{
	display:none;
}

#pagenavi ul{
	display:none;
}

#pagenavi li a br{
	display:none;
}

#pagenavi h2:after{
	content: "\f13a";
	font-family: FontAwesome;
	padding:0;
	float: right;
	font-size:1.1em;
}

#pagenavi ul.open{
	display:block;
}

#pagenavi li{
	padding: 0;
}

#pagenavi li.on a {
	background: #eee;
}

#pagenavi li a{
	padding:10px;
	display:block;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	background: #fff;
	text-decoration:none;
}

#pagenavi li a:hover,#pagenavi li a:active,#pagenavi li a:focus {
	color:#e63520;
	background: #eee;
}


/* contents
-------------------------------------------------------------------------- */
#contents{
	background:#FFF;
	border:solid 1px #eee;
	margin-bottom:20px;
	}

#contents article{
	padding: 15px;
	margin: 10px 0;
	clear:both;
	overflow:hidden;
}

#contents article p{
	margin: 10px 0 20px;
}

#contents article h2{
	line-height: 140%;
	padding: 0 0px 10px;
	margin-bottom: 10px;
	font-size:24px;
	color:#e63520;
	font-weight: 400;
	border-bottom:1px solid #ccc;
	position: relative;
}


/* --------------------------------------------------------------------------
TOPページ
-------------------------------------------------------------------------- */
/*#front_page{
	background:#FFFFE2 url(img/common/bg_footer.jpg) repeat-x bottom;
	background-size:200% auto;
}*/

#front_page article{
	padding: 10px 0;
	clear:both;
	overflow:hidden;
}

#front_page .container{
	max-width:930px;
	margin:0 auto;
}

#front_page .page-header{
	background:url(img/index/main_bg.png) repeat-x;
	background-size:auto 100%;
}

#front_page .page-header h2 {
	position: relative;
}

#front_page .page-header h2 .btnArea {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	margin: auto;
}

#front_page .page-header h2 .btnArea a {
	margin: 0 8px;
	transition: transform 0.2s ease-in-out;
	width: 80px;
  transform: scale(0.95);
}

#front_page .page-header h2 .btnArea a:hover {
	transform: scale(1);
}

#front_page .page-header h2 .btnArea a img {
  backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
  overflow: hidden;
  width: 80px;
}

#front_page .page-header h2.pc {
	display:none;
}
#front_page .page-header h2.pc .btnArea {
	left: -18px;
	bottom: 17px;
	width: 45%;
}

#front_page .page-header h2.sp {
	display:block;
}
#front_page .page-header h2.sp .btnArea {
	bottom: 26px;
	width: 75%;
}

#front_page .page-header h2.sp img{
	width:100%;
	max-width:auto;
}

#front_page .post-header-inner{
padding: 0;}
#front_page article#integration{
	background:none;
	max-width:930px;
	margin:0 auto;
}

#front_page article#integration ul{
	padding: 0px 15px;
	background:url(img/index/bg_wood_sp.png) no-repeat;
	background-size:100% 100%;
}

#front_page article#integration div img{
	width:100%;
	height:auto;
}

#front_page article#integration li:first-child{
	margin-bottom:10px;
	text-align:center;
}

#front_page article#integration dl{
	border:#fff 1px solid;
	padding: 10px;
	background: #754C24;
	color:#FFF;
}

#front_page article#integration dl br{
	display:none;
}

#front_page article#integration dl dt{
	font-size:1.2em;
	margin-bottom:5px;
}

#front_page article#integration dl dd{
	font-size:0.9em;
}

#front_page article#info{
}

#front_page article#info div{
	background:#fff;
	border:#D5D5CF 1px solid;
	padding: 5px 5px 0px 5px;
}

#front_page article#info h2{
	background:#E63520;
	text-align:center;
	color:#FFF;
	font-size:1.4em;
	line-height: 1.6em;
}

#front_page article#info li{
	border-bottom:#D5D5CF 1px dotted;
	padding:10px;
}

#front_page article#info li:last-child{
	border: none;
}

#front_page article#info li dt{
	font-weight:normal;
	margin-bottom:5px;
}

#front_page article#info li dl dt span{
	margin-left: 8px;
	color:#fff;
	font-weight:normal;
	font-size:0.8em;
	padding:1px 4px;
	border-radius: 3px;
	width:90px;
	display:inline-block;
	text-align:center;
}

#front_page article#info li dl dt span.press{
	background:rgba(252,96,15,1.00);
}

#front_page article#info li dl dt span.account{
	background: rgba(59,207,252,1.00);
}

#front_page article#info li dl dt span.news{
	background: rgba(164,0,2,1.00);
}

#front_page article#btn_area{
	background-size:100% auto;
	text-align:center;
	clear:both;
	overflow:hidden;
}

#front_page article#btn_area li{
	margin-bottom:20px;
}

#front_page article#btn_area li.col-xs-6{
	margin-bottom:10px;
    padding-right: 5px;
    padding-left: 5px;
}

#front_page article#btn_area li:hover{
	opacity:0.7;
}
#front_page article#btn_area li a {
	color: #333;
	text-decoration: none;
}

#front_page article#btn_area li p{
	font-weight: 400;
	font-size:1.1em;
}

/* --------------------------------------------------------------------------
integrationページ（固定）
-------------------------------------------------------------------------- */
#integration{
	background:#FFF;
}

#integration article#main{
	background: url(img/intagration/main_sky_bg.png) repeat-x;
	text-align:center;
}

#integration article#main p{
	padding: 0 10px 50px;
	background:url(img/intagration/main2.png) no-repeat center bottom;
	background-size: 200% auto;
}

#integration article#main br.pc{
	display:none;
}

#integration article#content .house{
	text-align:center;
	margin: 10px auto;
}

#integration article#content .inner{
	max-width:400px;
	margin:0 auto;
	position:relative;
}

#integration article#content .bg_line{
	height: 100%;
	width:30px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin: auto;
background: -moz-linear-gradient(top,  rgba(150,124,82,0) 0%, rgba(150,124,82,0.8) 3%, rgba(150,124,82,1) 7%, rgba(150,124,82,1) 20%, rgba(150,124,82,1) 88%, rgba(150,124,82,1) 93%, rgba(150,124,82,0.8) 97%, rgba(150,124,82,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(150,124,82,0) 0%,rgba(150,124,82,0.8) 3%,rgba(150,124,82,1) 7%,rgba(150,124,82,1) 20%,rgba(150,124,82,1) 88%,rgba(150,124,82,1) 93%,rgba(150,124,82,0.8) 97%,rgba(150,124,82,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(150,124,82,0) 0%,rgba(150,124,82,0.8) 3%,rgba(150,124,82,1) 7%,rgba(150,124,82,1) 20%,rgba(150,124,82,1) 88%,rgba(150,124,82,1) 93%,rgba(150,124,82,0.8) 97%,rgba(150,124,82,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00967c52', endColorstr='#00967c52',GradientType=0 ); /* IE6-9 */
}

#integration article#content .bg_m{
	background: url(img/intagration/bg_m.png) repeat;
}

#integration article#content .bg_m_tree{
	background: url(img/intagration/bg_m_tree.png) repeat-y left;
	background-size:10% auto;
}

#integration article#content .bg_m_tree2{
	background: url(img/intagration/bg_m_tree2.png) repeat-y right;
	background-size:10% auto;
}

#integration article#content .bg_m01{
	background: url(img/intagration/bg_m01_l.png) no-repeat left top;
	background-size:10% auto;
}

#integration article#content .bg_m01_grad{
	background: url(img/intagration/bg_m_grad.png) repeat-x top;
}

#integration article#content .bg_m02{
	background: url(img/intagration/bg_m01_r.png) no-repeat right top;
	background-size:10% auto;
}

#integration article#content .set{
	padding: 0 30px;
	position:relative;
}

#integration article#content .icon img {
	width:70%;
}

#integration article#content .set div.icon{
	margin:0;
}

#integration article#content .icon2 img {
	width:70%;
}

#integration article#content .set div.icon2{
	margin:0;
}

#integration article#content .set02 .icon {
	position: absolute;
	top: -10px;
	left: 20px;
}

#integration article#content .set03 .icon {
	position: absolute;
	top: -10px;
	right: 20px;
}

#integration article#content .set04 .icon {
	position: absolute;
	top: -10px;
	left: 0px;
}

#integration article#content .set05 .icon {
	position: absolute;
	top: -10px;
	right: 0px;
}

#integration article#content .set06 .icon {
	position: absolute;
	top: -10px;
	left: -10px;
}

#integration article#content .set07 .icon {
	position: absolute;
	top: -30px;
	right: 20px;
}


#integration article#content .set07 .icon2 {
	position: absolute;
    bottom: 70px;
    left: 10px;
    width: 140px;
}

#integration article#content .set08 .icon {
	position: absolute;
	top: -10px;
	left: 0px;
}


#integration article#content .set09 .icon {
	position: absolute;
	right: -10px;
	top: -20px;
}

#integration article#content .set10 .icon {
	position: absolute;
	top: -30px;
	left: 20px;
}

#integration article#content .factory{
	position:relative;
	background:#F3F386;
	margin:30px 30px 0;
	padding: 20px 0 1px;
}

#integration article#content .set08 .icon img {
  width: 70%;
}


#integration article#content .research{
	position:relative;
background: -moz-linear-gradient(top,  rgba(216,242,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(216,242,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(216,242,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f2ff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	margin:30px;
	padding: 20px 0 50px;
}

#integration article#content .set.set10{
	padding: 0 30px 30px;
	margin: 60px 0 0;
}

#integration article#content .set.set07{
	margin: 0 0 30px;
}

#integration article#content .set.set08{
	margin: 0 0 30px;
}

#integration article#content .factory .set{
	padding: 0 10px;
	margin: 0 0 30px;
}

#integration article#content dl dt{
	font-size: 18px;
	font-weight: 400;
	margin-bottom:5px;
	text-align:center;
}

#integration article#content .set div{
	text-align:center;
	margin: 10px auto;
}


#integration article#content .pc_set{
	display:none;
}

#integration article#content .end_set{
	position:relative;
}

#integration article#content .end_set div{
	text-align:center;
}

#integration article#content .end_set div.car img{
	width:70%;
	margin-bottom:20px;
}

#integration article#content .end_set div.cock img{
	width:50%;
	margin-bottom:20px;
}

#integration article#content .end{
	position:relative;
}

#integration article#content .end div{
	text-align:center;
}

#integration article#content .end div.car img{
	width:60%;
	margin-bottom: 50px;
}

#integration article#content .end div.last img{
	width:80%;
}

/* --------------------------------------------------------------------------
companyページ（固定）
-------------------------------------------------------------------------- */
#company article{
}


#company article h3{
	padding: 0;
	margin-top:10px;
	margin-bottom:20px;
	line-height:160%;
	font-size:1.2em;
	font-weight:700
}

#company article dt{
	margin-bottom:5px;
}

#company article dd{
	margin-bottom:10px;
}

#company article#company h3{
margin:0 0 10px;
color: #e63520;
font-weight:400;
clear:both;
overflow:hidden;
}

#company article#company h3:before{
	content: "\f0da";
	font-family: FontAwesome;
	padding-right:5px;
}

#company article#company ul{
clear:both;
overflow:hidden;
}

#company article#company li{
	padding:0px;
}

#company article#company li a{
	margin: 0px 0px 20px;
	border: solid 10px #dddddd;
	background:#FBFBFB;
	padding:10px 7px;
	color: #969696;
	display:block;
}

#company article#company li a:hover,#company article#company li a:active,#company article#company li a:focus{
	background:#F5f5f5;
	text-decoration:none;
}

#company article#company li a dd {
    margin-bottom: 0px;
	font-size:0.8em;
}

#company article#company li a dd br {
	display:none;
}


#company article#company li a dt:after{
	content: "\f0da";
	font-family: FontAwesome;
	padding-left:5px;
}

#company article#company ul.group a{
font-weight:700;
}

#company article#company ul.group a br{
	display:none;
}

#company article#company ul.group a:after{
	content: "\f0da";
	font-family: FontAwesome;
	padding-left:5px;
}

#company article#greeting div{
	text-align:center;
	margin-bottom:10px;
}

#company article#greeting p{
	margin-bottom:5px;
}

#company article#overview ul dt{
	font-weight:normal;
}

#company article#overview dl{
	padding: 10px 0 8px;
	border-bottom: solid 1px #eee;
}

#company article#overview dd p{
	margin-top:10px;
}
#company article#overview dd br{
	display:none;
}

#company article#overview dd dl{
	border-bottom: none;
}

#company article#overview ul.officer li dl{
padding: 0px;
	display:table;
	width: 100%;
}

#company article#overview ul.officer li dt{
	display:table-cell;
	width:40%;
}

#company article#overview ul.officer li dd{
	display:table-cell;
	width:60%;
}

#company article#overview ul.subsidiary dl{
padding: 0px;
}

#company article#overview ul.subsidiary dt{
	margin-bottom:0px;
}

#company article#model dd{
	margin-left:20px;
}

#company article#guidelines div{
}

#company article#guidelines div p {
}

#company article#logomark section{
	padding: 15px;
	border-radius:3px;
	box-shadow:2px 2px 5px 0px #adabab;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
}

#company article#logomark section h3 {
	font-size: 20px;
	font-weight:700;
}

#company article#logomark section p {
}

#company article#history dl{
	clear:both;
	overflow:hidden;
	border-bottom: solid 1px #eee;
	padding: 10px 0 8px;
}


/* --------------------------------------------------------------------------
traceabilityページ（固定）
-------------------------------------------------------------------------- */
#traceability #contents{
	margin:0 auto 20px;
	float: none;
}

#traceability article ul{
	padding-left:20px;
}

#traceability article ul li{
	list-style: outside decimal;
}

#traceability article form{
	margin-top:15px;
	clear:both;
	overflow:hidden;
}

#traceability article div{
	margin-top:30px;
	text-align:center;
}

#traceability article p{
	margin-bottom:5px;
}

#traceability article p.submit{
	text-align:center;
	margin: 20px auto;
}

#traceability article input{
	padding:5px;
}

#traceability article p.submit input{
	padding:4px;
	width:160px;
}

#traceability article SELECT option{
	padding:3px;
}


/* --------------------------------------------------------------------------
productページ（固定）
-------------------------------------------------------------------------- */
#product article div{
	padding: 0 0px 5px ;
}

#product article h3{
	padding: 0;
	margin-top:10px;
	color:#e63520;
	line-height:160%;
font-size: 1.3em;
font-weight: bold;
margin-bottom:15px;
}

#product article span{
	color:#e63520;
	font-weight: 700;
}

#product article#antibiotic div{
	margin-top:10px;
}

#product article#harb_yuzen h2{
	padding: 0 0 10px;
}

#product article#harb_yuzen h2 img{
	width:100%;
	height:auto;
}

#product article#harb_yuzen span{
	color:#333;
	display:block;
	font-size:0.8em;
	font-weight:normal;
}

#product article#trait{
	margin: 15px 10px;
	border-radius:3px;
	box-shadow:2px 2px 5px 0px #adabab;
}

#product article#trait h2{
	border-radius: 5px;
	background:#e63520;
	color:#FFF;
	text-align:center;
	padding:10px;
}

#product article#trait h2:before{
	display:none;
}

#product article#rear h2{
	border-radius: 5px;
	background:#e63520;
	color:#FFF;
	text-align:center;
	padding:10px;
}

#product article#rear h2:before{
	display:none;
}

#product article#rear{
	margin: 15px 10px;
	border-radius:3px;
	box-shadow:2px 2px 5px 0px #adabab;
}

#contents article#rear p:last-child {
    margin: 10px 0 0px;
}
#product article#kakou{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#product article#kakou li{
	min-height:260px;
}

#product article#difference h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article#nogood h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article#delicious h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article#health h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article#study h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article#environment h2{
	min-height:74px;
	background:url(img/products/woman.gif) no-repeat left bottom;
}

#product article h2 span{
	background:#FFFFD9;
	border: solid 2px #e63520;
	font-size:14px;
	color:#e63520;
	font-weight: 400;
	line-height: 140%;
	padding: 5px 10px;
	border-radius:50px;
	margin: 0 0 0 70px;
	display:block;
	position: relative;
	z-index: 0;
}

#product article h2 span:before {
	content: "";
	position: absolute;
	top: 50%; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #FFFFD9 transparent transparent;
	z-index: 0;
}
#product article h2 span:after {
	content: "";
	position: absolute;
	top: 50%; left: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e63520 transparent transparent;
	z-index: -1;
}

/* --------------------------------------------------------------------------
recruitページ（固定）
-------------------------------------------------------------------------- */
#recruit article div{
	padding: 0 0px 5px ;
}

#recruit article h3{
	padding: 0;
	margin-top:10px;
	color:#e63520;
	line-height:160%;
font-size: 1.3em;
font-weight: bold;
margin-bottom:15px;
}

#recruit article dt{
	margin-bottom:5px;
}

#recruit article dd{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#eee 1px dotted;
}

#recruit article dd p.btn{
	background:#F6F6F6;
	margin-bottom:10px;
	/*border:#DEDEDE 3px solid;*/
	display: block;
	max-width: 300px;
	width: 300px;
}

#recruit article dd p.btn a{
	display:block;
	padding:10px 10px 20px ;
	position:relative;
	color:#166EB5;
}

#recruit article dd p.btn a span{
	position:absolute;
	bottom:0;
	right:15px;
	font-size:0.9em;
	text-decoration:underline;
}

#recruit article dd dl{
	border-bottom:none;
	clear:both;
	overflow:hidden;
}

#recruit article dd dl dt{
	width:20%;
	float:left;
}

#recruit article dd dl dd{
	float:left;
	border-bottom:none;
}

#recruit article#recruitlist li{
	padding:0px;
}

#recruit article#recruitlist li a{
	margin: 0px 0px 20px;
	border: solid 10px #EEEEEE;
	background:#FBFBFB;
	padding:10px;
	color: #969696;
	display:block;
	text-decoration:none;
}

#recruit article#recruitlist li a:hover,#recruit article#recruitlist li a:active,#recruit article#recruitlist li a:focus{
	background:#F5f5f5;
	text-decoration:none;
}

#recruit article#recruitlist li a dt{
	width:auto;
	float:none;
	padding: 0px;
}

#recruit article#recruitlist li a dd {
	width:auto;
	margin-bottom: 0px;
	font-size:0.8em;
	padding-bottom: 0px;
}

#recruit article#recruitlist li a dt:after{
	content: "\f0da ";
	font-family: FontAwesome;
	padding-left:5px;
}



/* --------------------------------------------------------------------------
irページ（固定）
-------------------------------------------------------------------------- */

#ir article:last-child{
	margin-bottom:20px;
}

#ir article h3{
	padding: 0;
	margin-top:10px;
	margin-bottom:5px;
	line-height:160%;
	font-size:1.2em;
	clear:both;
	overflow:hidden;
}

#ir article#irlist li{
	padding:0px;
}

#ir article#irlist li a{
	margin: 0px 0px 20px;
	border: solid 10px #EEEEEE;
	background:#FBFBFB;
	padding:10px;
	color: #969696;
	display:block;
	text-decoration:none;
}

#ir article#irlist li a:hover,#ir article#irlist li a:active,#ir article#irlist li a:focus{
	background:#F5f5f5;
	text-decoration:none;
}

#ir article#irlist li a dt{
	width:auto;
	float:none;
	padding: 0px;
}

#ir article#irlist li a dd {
	width:auto;
	margin-bottom: 0px;
	font-size:0.8em;
	padding-bottom: 0px;
}

#ir article#irlist li a dd br {
	display:none;
}

#ir article#irlist li a dt:after{
	content: "\f0da ";
	font-family: FontAwesome;
	padding-left:5px;
}

#ir article#settlement h3.line{
	padding: 7px 0px 10px 10px;
	font-size: 20px;
	color: #e63520;
	font-weight: 400;
	border-left: 4px solid #e63520;
	line-height: 30px;
}


#ir article#settlement section ul li a{
  padding:5px;
	display:block;
}

#ir article#settlement section ul li a:before{
	content: "\f0da ";
	font-family: FontAwesome;
	padding-right:5px;
}

#ir article#settlement section ul li a:after{
 content:" ";
 display:inline-block;
 width:20px;
 height:20px;
 background:url(img/common/pdf_icon.png) no-repeat; 
 background-size:contain;
 vertical-align:middle;
 margin-left:5px;
}

#ir article#zaimu h3{
	font-weight:400;
}

#ir article#zaimu div div{
	height:230px;
	margin:0px auto 0px;
	padding:0;
}

#ir article#zaimu div.graph{
	position:relative;
}

#ir article#zaimu h4{
	position:absolute;
	top:10px;
	right:0px;
	font-size: 12px;
	z-index:60;
}

#ir article#zaimu table{
	width:100%;
	margin:0px auto 60px;
	text-align:center;
}
#ir article#zaimu tbody {
}
#ir article#zaimu table tr{
	width:100%;
}

#ir article#zaimu table tr.pc_only{
	display:none;
}

#ir article#zaimu table tr.pc_only td{
	border:1px solid #ccc;
	width:20%;
	padding:5px;
	background:#eee;
	text-align:center;
	display: block;
}

#ir article#zaimu table tr.pc_only td:first-child{
	display: none;
}

#ir article#zaimu table th{
	border:1px solid #ccc;
	width:auto;
	padding:5px;
	background:#eee;
	text-align:center;
	display: block;
}

#ir article#zaimu table td.tab{
	border:1px solid #ccc;
	width:auto;
	padding:5px;
	background:#eee;
	text-align:center;
	width:20%;
	display: block;
	float:left;
	font-size:10px;
	line-height:140%;
}

#ir article#zaimu table td{
	border:1px solid #ccc;
	padding:5px;
	width:20%;
	display: block;
	float:left
}


/* --------------------------------------------------------------------------
groupページ（固定）
-------------------------------------------------------------------------- */
#group article h3{
	padding:7px 0px 10px 10px ;
	margin: 20px 20px 10px;
	font-size: 20px;
	color:#e63520;
	font-weight: 400;
	border-left:4px solid #e63520;
	line-height:30px;
}

#group article div{
	padding: 20px;
	background:#f4f4f4;
}

#group article div dl{
	clear:both;
	display:table;
	width:100%;
	background:#FFF;
}

#group article div dl:first-child{
	border-top: solid 1px #ebebeb;
}

#group article div dt{
	border-left: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	padding: 15px;
	background:#cccccc;
	font-weight:400;
}

#group article div dd{
	border-left: solid 1px #ebebeb;
	border-right: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	padding: 15px;
}


/* --------------------------------------------------------------------------
group_subページ（固定）
-------------------------------------------------------------------------- */
#group_sub article h3{
	line-height:180%;
	color:#e63520;
	font-size: 1.3em;
font-weight: bold;
margin-bottom:5px;

}

#group_sub article h4{
	line-height:180%;
	color:#e63520;
	font-size: 1.3em;
	margin-top:5px;
}

#group_sub article h5{
font-weight: 700;
}

#group_sub article h5 + p{
margin: 5px 0 20px;
}


#group_sub article p img{
	margin-top:0px;
}

#group_sub article p img.alignnone {
	display:block;
	margin: 0 auto;
}

#group_sub article p:first-child img{
	margin-top:0px;
}

#group_sub article dl{
	clear:both;
	overflow:hidden;
	border-bottom: solid 1px #ebebeb;
	padding: 10px;
	margin-bottom:10px;
}

#group_sub article dl dt{
}

#group_sub article dl dd:last-child{
	margin:15px auto;
}
#group_sub article dl dd a{
	padding:5px 10px;
	color:#FFF;
	font-weight: 700;
	font-size:15px;
	background: #e63520;
	border-radius:10px;
}

#group_sub article dl dd a:hover{
	text-decoration:none;
}

#group_sub article ol li{
	margin: 0px 0 20px;
}

#group_sub article table{
	width: 100%;
	margin-bottom: 20px;
}

#group_sub article table tr{
	border-bottom: 1px dotted #ddd;
	padding:10px 0px;
	display:block;
}

#group_sub article table td{
	padding:0px 5px;
	display:block;
}

#group_sub article table td h3 {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 5px;
}

#group_sub article table td p {
    margin: 0px 0 10px;
}

#group_sub article table td:nth-child(1){
	font-weight:700;
}

#group_sub article div.zeolite{
	display:block;
}

#group_sub article table.zeolite{
	width: 100%;
	margin-bottom: 20px;
	display:none;
}

#group_sub article table.zeolite tr{
	border-bottom: 1px dotted #ddd;
	padding:10px 0px;
	display:table-row;
}

#group_sub article table.zeolite td{
	padding:0px 5px;
	display:table-cell;
	font-size:0.8em;
	line-height:160%;
}

#group_sub article table.zeolite td:nth-child(1){
	width:auto;
}

#group_sub article ol li{
	list-style: outside decimal;
	margin-left: 20px;
}

/* --------------------------------------------------------------------------
infoページ（固定）
-------------------------------------------------------------------------- */
#info article li{
	list-style:none;
	margin-bottom:20px;
}

#info article h3{
	line-height:180%;
	font-weight:700;
	color:#e63520;
	font-size: 1.3em;
	margin-bottom:15px;
}

#info article dt{
	margin-bottom: 8px;
}

#info article dt span{
	margin-left: 8px;
	color:#fff;
	font-weight:normal;
	font-size:0.8em;
	padding:1px 4px;
	border-radius: 3px;
	width:90px;
	display:inline-block;
	text-align:center;
}

#info article dt span.press{
	background:rgba(252,96,15,1.00);
}

#info article dt span.account{
	background: rgba(59,207,252,1.00);
}

#info article dt span.news{
	background: rgba(164,0,2,1.00);
}

#info article#info li{
	border-bottom:#D5D5CF 1px dotted;
	padding:10px;
}

#info article#info li:last-child{
	border: none;
}




/* --------------------------------------------------------------------------
○○ページ（固定）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○一覧（固定ページポスト一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images（一覧）
-------------------------------------------------------------------------- */
.page-header{
	height: 195px;
}
#front_page .page-header{
	height: auto;
}

.post-header-inner{
	position: relative;
	text-align: center;
	z-index: 5;
	color:#FFF;
	font-weight:700;
	font-size:2.5em;
	padding: 70px 0;
	text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

.page-header figure {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
}



/* --------------------------------------------------------------------------
hero_images シングルページ
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○ページ詳細（シングルページ）
-------------------------------------------------------------------------- */

/********************************************************
tablet
********************************************************/
@media (min-width: 768px) {

/* --------------------------------------------------------------------------
common
-------------------------------------------------------------------------- */
body{
	padding-top:60px;
}

.bg_wood{
	padding-bottom:100px;
	background-size:auto;
}
.page-header{
	height: 300px;
}
#front_page .page-header{
	height: auto;
}
#front_page .post-header-inner{
	padding:0;
}

#front_page article#btn_area li.col-xs-6{
	margin-bottom:20px;
    padding-right: 15px;
    padding-left: 15px;
}


.page-header figure {
    height: 300px;
    top: 60px;
}

header{
	border-top:solid #E63520 10px;
	border-bottom: 1px solid #eee;
}


header h1 img{
	height:auto;
}

.sp_menu {
	top: 15px;
}

#contents article{
	padding: 15px 20px;
	margin: 15px 0;
}

/* global nav
-------------------------------------------------------------------------- */

/* sitemap
-------------------------------------------------------------------------- */
#sitemap{
	display:block;
}

#sidebar.col-md-3,#sidebar.col-sm-3{
	padding-right: 15px;
	padding-left: 5px;
	margin-bottom: 20px;
}

#sitemap #pagelist{
	margin-top:50px;
	clear:both;
	overflow:hidden;
}

#sitemap #pagelist > div {
	min-height: 270px;
}

#sitemap #pagelist ul{
	min-height:180px;
}

#sitemap #pagelist h3{
	font-size: 1.2em;
	font-weight: 400;
	line-height:180%;
	border-bottom: solid 3px #666;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#666;
}

#sitemap #pagelist h3 span{
	font-size: 0.8em;
}

#sitemap #pagelist h3.no_line{
	border-bottom: none;
	padding-bottom:0px;
	margin-bottom:0px;
}

#sitemap #pagelist h3 a span:before{
	content: "\f138";
	font-family: FontAwesome;
	padding-right:3px;
}

#sitemap #pagelist li{
	padding-left:5px;
}

#sitemap #pagelist li a span:before{
	content: "\f0da";
	font-family: FontAwesome;
	padding-right:3px;
}

#sitemap ul#group_company{
	clear:both;
	overflow:hidden;
	border-bottom: dotted 1px #e63520;
	border-top: dotted 1px #e63520;
	padding: 10px 0;
	margin-top:20px;
	text-align:center;
}
#sitemap ul#group_company li{
display: inline;
float:none;
}
#sitemap ul#group_company li a i{
	padding-right:5px;
}

/* footer
-------------------------------------------------------------------------- */
/* bread
-------------------------------------------------------------------------- */
#bread{
	margin:15px 0;
}

/* pagenavi
-------------------------------------------------------------------------- */
#sidebar{
	position:relative;
}

#pagenavi{
	display:block;
	font-size:0.9em;
	width: 168px;
}

#pagenavi h2{
    padding: 10px 10px;
    font-size: 13px;
    line-height: 1.4;
	cursor:default;
}

#pagenavi h2 br{
	display:block;
}

#pagenavi h2:after{
	display:none;
}

#pagenavi ul{
	display:block;
}


#group #pagenavi h2{
	display:block;
}

#group #pagenavi li{
	float:none;
	padding: 0px;
}


#pagenavi li a:before{
	content: "\f0da ";
	font-family: FontAwesome;
	padding-right:5px;
	vertical-align: top;
}

#pagenavi li a span{
	display:inline-block;
}

#pagenavi li a br{
	display:inline-block;
}

#pagenavi h3{
	font-weight:700;
	font-size: 16px;
  letter-spacing: 1px;
	background: #999999;
	color:#ffffff;
}

#pagenavi h3 a{
	padding:15px 20px;
	display:block;
	color:#ffffff;
}

#pagenavi {
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

#pagenavi.fixed {
	position: fixed;
}

#pagenavi li{
	display:block;
	float: none;
	width: auto;
	padding: 0 ;
	margin:0;
}

#pagenavi li:nth-child(even){
	float: none;
}

#pagenavi li a{
	padding: 5px 15px 5px 9px;
	display:block;
	margin-top: 0;
	font-size: 11px;
	background: #fff;
	color:#999999;
	border-bottom:1px solid #eee;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	text-align: left;
}

#pagenavi li.sub_menu a{
	padding: 5px 20px 5px 20px;
	line-height:15px;
}

#pagenavi li.on a {
	color:#e63520;
}
#pagenavi li a:hover,#pagenavi li a:active,#pagenavi li a:focus {
	color:#e63520;
	background: #fff;
}

#contents article h2{
	padding: 0 0px 25px ;
	margin-bottom:25px;
}

/* --------------------------------------------------------------------------
TOPページ
-------------------------------------------------------------------------- */
#front_page{
	background-size:auto;
}
#front_page .page-header h2.pc {
	display:block;
}

#front_page .page-header h2.sp {
	display:none;
}

#front_page h2 img{
	width:100%;
}

#front_page article#integration .col-sm-6{
	float:right;
}

#front_page article#integration ul{
	padding: 25px 45px 50px;
	background:url(img/index/bg_wood.png) no-repeat;
	background-size:100% 100%;
	clear:both;
	overflow:hidden;
}

#front_page article#integration dd{
	line-height: 1.6em;
}

#front_page article#integration div{
	display:none;
}

#front_page article#info div {
	margin: 0 auto;
	width: 650px;
}

#front_page article#info p {
	margin: 0 auto;
	width: 650px;
	text-align:right;
}
#front_page article#info li dl{
	clear:both;
	overflow:hidden;
}

#front_page article#info li dl dt{
	float:left;
	margin-right: 5px;
	line-height: 150%;
	width:28%;
	margin-bottom: 0px;
}

#front_page article#info li dl dd{
	width:70%;
	float:left;
}

#front_page article#btn_area{
	padding-top:20px;
	padding-bottom:20px;
}

#front_page article#btn_area ul{
	width: 600px;
	margin: 0 auto;
}

#front_page .page-header h2 .btnArea a {
	margin: 0 11px;
	width: 80px;
}

#front_page .page-header h2 .btnArea a img {
  backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
  overflow: hidden;
  width: 80px;
}


/* --------------------------------------------------------------------------
integrationページ（固定）
-------------------------------------------------------------------------- */
#integration article#content .inner{
	width:400px;
	margin:0 auto;
}

#integration article#content .bg_m_tree{
	background-size:auto;
}

#integration article#content .bg_m_tree2{
	background-size:auto;
}

#integration article#content .bg_m_tree{
	background-size:auto;
}

#integration article#content .bg_m_tree2{
	background-size:auto;
}

#integration article#content .bg_m01{
	background-size:auto;
}

#integration article#content .bg_m01_grad{
	background-size:auto;
}

#integration article#content .bg_m02{
	background-size:auto;
}



#integration article#content .end_set div.car img{
	width:40%;
	margin-bottom:20px;
}

#integration article#content .end_set div.cock img{
	width:30%;
}

#integration article#content .end div.last img{
	width:50%;
}


/* --------------------------------------------------------------------------
companyページ（固定）
-------------------------------------------------------------------------- */
#company article#company h3{
	clear:both;
	overflow:hidden;
	margin:30px 0 10px ;
}

#company article#history dt{
	width:20%;
	float:left;
}

#company article#history dd{
	width:80%;
	float:left;
	margin-bottom: 5px;
}

#company article#overview dl{
	clear:both;
	overflow:hidden;
	border-bottom: solid 1px #eee;
	padding: 10px 0 8px;
}

#company article#overview dl dd dl{
	margin-top:0px;
	border-bottom: none;
}

#company article#overview dt{
	width:20%;
	float:left;
}

#company article#overview dd{
	width:80%;
	float:left;
	margin-bottom: 5px;
}

#company article#overview ul.subsidiary li dl{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

#company article#overview ul.subsidiary li dt{
	display: block;
	float: none;
	width:auto;
}

#company article#overview ul.subsidiary li dd{
	display: block;
	float: none;
	width:auto;
}


#company article#logomark section h3 {
	float:left;
	width:60px;
	text-align:center;
}

#company article#logomark section p {
	width:400px;
	float:right;
}



/* --------------------------------------------------------------------------
infoページ
-------------------------------------------------------------------------- */
#info article li{
	list-style:none;
	margin-bottom:0px;
}

#info article dl{
	clear:both;
	overflow:hidden;
	padding: 10px 0 8px;
	border-bottom: solid 1px #eee;
}

#info article dt{
	width:35%;
	float:left;
}

#info article dd{
	width:65%;
	float:left;
	margin-bottom: 5px;
}
/* --------------------------------------------------------------------------
recruitページ（固定）
-------------------------------------------------------------------------- */
#recruit article dl{
	clear:both;
	overflow:hidden;
	border-bottom:#eee 1px dotted;
	padding: 5px 0;
}

#recruit article dt{
	padding: 5px;
	width:20%;
	float:left;
}

#recruit article dd{
	padding: 5px;
	width:80%;
	float:left;
	margin-bottom:0px;
	border-bottom:none;
}

#recruit article dd dl{
	padding: 0;
}

#recruit article dd dl dt{
	padding:0 5px;
	width:30%;
	font-weight:normal;
}

#recruit article dd dl dd{
	width:70%;
	padding:0 5px;
}


/* --------------------------------------------------------------------------
irページ（固定）
-------------------------------------------------------------------------- */
#ir article#zaimu table{
	width:100%;
	margin:10px auto 60px;
}
#ir article#zaimu table tr.pc_only{
	display: table-row;
}
#ir article#zaimu table tr.pc_only td:first-child{
	display: table-cell;
}

#ir article#zaimu table tr.pc_only td{
	width: auto;
	display: table-cell;
	float:none;
}


#ir article#zaimu table tr{
}

#ir article#zaimu table th{
	width:10%;
	display: table-cell;
}

#ir article#zaimu table td{
	width:10%;
	display: table-cell;
	float:none;
}
#ir article#zaimu table td.tab{
	display: none;
}

/* --------------------------------------------------------------------------
groupページ（固定）
-------------------------------------------------------------------------- */
#group article h3{
	padding:7px 0px 10px 10px ;
	margin: 20px 20px 10px;
	font-size: 20px;
	color:#e63520;
	font-weight: 400;
	border-left:4px solid #e63520;
	line-height:30px;
}

#group article div{
	padding: 20px;
	background:#f4f4f4;
}

#group article div dl{
	clear:both;
	display:table;
	width:100%;
	background:#FFF;
}

#group article div dl:first-child{
	border-top: solid 1px #ebebeb;
}

#group article div dt{
	display:table-cell;
	width:30%;
	font-weight:normal;
	background:#fff;
}

#group article div dd{
	display:table-cell;
	width:70%;
}


/* --------------------------------------------------------------------------
group_subページ（固定）
-------------------------------------------------------------------------- */
#group_sub article dl{
	margin-bottom:0px;
}

#group_sub article dl dd{
	float:left;
}

#group_sub article dl dd:last-child{
margin:5px auto;
	float:right;
}
#group_sub article table.zeolite td{
	font-size:1em;
	line-height:160%;
}

#group_sub article div.zeolite{
	display:none;
}

#group_sub article table.zeolite{
	display:table;
}



/* --------------------------------------------------------------------------
traceabilityページ
-------------------------------------------------------------------------- */
#traceability article div img{
	width:60%;
	margin: auto;
}
/* --------------------------------------------------------------------------
○○ページ（固定）
-------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
○○一覧（固定ページポスト一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images（一覧）
-------------------------------------------------------------------------- */
.post-header-inner {
    padding: 130px 0 0;
}


/* --------------------------------------------------------------------------
hero_images シングルページ
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○ページ詳細（シングルページ）
-------------------------------------------------------------------------- */

}


/********************************************************
PC
********************************************************/
@media (min-width: 992px) {

/* --------------------------------------------------------------------------
common
-------------------------------------------------------------------------- */
body {
	padding-top: 104px;
}

header {
	background:#FFF url(img/common/header_bg.png) repeat-x;
}

header h1 {
	float:left;
	padding: 25px;
	margin:0;
}

header .container {
	margin: 0 auto;
	clear:both;
	overflow:hidden;
	padding-left:0;
	padding-right:0;
	width:940px;
}

.page-header figure {
		top:104px
}

#contents article{
	padding: 15px;
	margin: 15px auto;
	max-width: 570px;
}



/*page navi
-------------------------------------------------------------------------- */
#pagenavi{
	width: 200px;
}
#pagenavi h2{
    padding: 10px 15px;
    font-size: 14px;
}

#pagenavi li a{
	padding: 5px 15px;
	font-size: 13px;
}

#pagenavi li.sub_menu a{
	font-size:14px;
	line-height: 180%;
	padding: 5px 15px 5px 25px;
}



/* global nav
-------------------------------------------------------------------------- */
.sp_menu {
	display:none;
}

.global-nav {
	display:block;
	opacity:1;
	visibility: visible;
	position: static;
	width: auto;
	height: auto;
	background-color: #FFF;
}

.global-nav ul {
	position: static;
	-webkit-transform: none;
	transform: none;
	float:right;
	margin: 30px 0 0;
}

.global-nav ul li {
	margin: 0;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
	line-height: 1;
	font-size: 12px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 49%, #e6e6e6 100%); 
background: -webkit-linear-gradient(top,  #ffffff 49%,#e6e6e6 100%); 
background: linear-gradient(to bottom,  #ffffff 49%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
border-left:dotted 1px #D5D5D5;
float:left;
}

.global-nav ul li:hover {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 49%, #ffffff 100%); 
background: -webkit-linear-gradient(top,  #e6e6e6 49%,#ffffff 100%); 
background: linear-gradient(to bottom,  #e6e6e6 49%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.global-nav ul li.on {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e6e6 49%, #ffffff 100%); 
background: -webkit-linear-gradient(top,  #e6e6e6 49%,#ffffff 100%); 
background: linear-gradient(to bottom,  #e6e6e6 49%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.global-nav ul li a {
  color: #000;
	padding: 25px 9px;
	display:block;
}
.global-nav ul li a span:before {
	display:none;
}

.pc {
	display:block;
}

.global-nav ul li.pc a {
	display:block;
	position:relative;
	width: 159px;
	height: 64px;
	padding: 5px;
}

.global-nav ul li.pc a span{
	position:absolute;
	top: -20px;
	left: 5px;
	width: 149px;
}

.sp {
	display:none;
}



/* footer
-------------------------------------------------------------------------- */
#sitemap .col-md-2 {
	width: 20%;
}


/* --------------------------------------------------------------------------
TOPページ
-------------------------------------------------------------------------- */
#front_page .post-header-inner{
	width:930px;
	margin:0 auto;
	padding:0;
}

#front_page article#integration{
	padding: 10px 0 0 7px;
}
#front_page article#integration ul{
	padding: 25px 45px;
	background-size:100% auto;
}

#front_page article#integration dl br{
	display:block;
}

#front_page article#integration dd {
    line-height: 1.8em;
}

#front_page article#info div{
	width: 810px;
	margin: 0 auto;
}

#front_page article#info p{
	width: 810px;
	margin: 0 auto;
}

#front_page article#info li dl dt{
	width:23%;
}

#front_page article#info li dl dd{
	width:75%;
}

#front_page article#btn_area ul{
	width: 835px;
}


/* --------------------------------------------------------------------------
integrationページ（固定）
-------------------------------------------------------------------------- */
#integration{
}

#integration article#main{
	position:relative;
}

#integration article#main h2{
	height: 650px;
}

#integration article#main p{
	padding: 0 10px 230px;
	background:url(img/intagration/main2.png) no-repeat center bottom;
	background-size: auto;
	
	position:absolute;
	top:210px;
	left:0;
	right:0;
	text-align:center;
	font-size:1.3em;
	line-height: 180%;
}

#integration article#main div{
	text-align:center;
}

#integration article#main br.pc{
	display:block;
}

#integration article#content .inner{
	max-width:930px;
	width:930px;
	margin:0 auto;
	height:4050px;
}
#integration article#content .bg_line{
	z-index:5;
}

#integration article#content .set{
	padding: 0;
	width: 330px;
}

#integration article#content .set dl dd{
	font-size: 14px;
	line-height: 160%;
}

#integration article#content .set01{
	position:absolute;
	top:50px;
	left:312px;
  z-index: 10;
}

#integration article#content .set01 dl{
	background: rgba(255,255,255,0.9);
	padding: 15px;
	border-radius:20px;
	position: relative;
	z-index: 0;
}
#integration article#content .set01 dl:after {
	content: "";
	position: absolute;
    top: -40px;
    left: 80px;
    margin-left: 0;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 40px 20px;
		border-color: transparent transparent rgba(255,255,255,0.9) transparent;
	z-index: -1;
}

#integration article#content .icon img {
    width: auto;
}

#integration article#content .set01 .icon_f{
	opacity:0;
}

#integration article#content .set02{
	position:absolute;
	top: 700px;
	right: 300px;
  z-index: 10;
}

#integration article#content .set02 dl{
	background: rgba(255,255,255,0.9);
	padding: 15px;
	border-radius:20px;
	position: relative;
	z-index: 0;
}
#integration article#content .set02 dl:after {
	content: "";
	position: absolute;
    top: -40px;
    left: 50px;
    margin-left: 0;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 40px 20px;
		border-color: transparent transparent rgba(255,255,255,0.9) transparent;
	z-index: -1;
}

#integration article#content .icon2 img {
    width: auto;
}

#integration article#content .set02 .icon_f{
	opacity:0;
}

#integration article#content .set02 .icon {
	opacity:0;
	position: absolute;
	right: -210px;
	top: -15px;
}

#integration article#content .set03{
	position:absolute;
  top: 1620px;
  left: 312px;
	z-index:60;
}

#integration article#content .set03 dl{
	background: rgba(255,255,255,0.9);
	padding: 15px;
	border-radius:20px;
	position: relative;
	z-index: 0;
	margin-top:50px;
}
#integration article#content .set03 dl:after {
	content: "";
	position: absolute;
    top: -40px;
    left: 50px;
    margin-left: 0;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 40px 20px;
		border-color: transparent transparent rgba(255,255,255,0.9) transparent;
	z-index: -1;
}

#integration article#content .set03 .icon_f{
	opacity:0;
}

#integration article#content .set03 .icon {
	opacity:0;
    right: -20px;
    position: absolute;
    top: -90px;
}

#integration article#content .factory {
	position:absolute;
	top: 2410px;
	left: 0px;
	right:0;
  padding: 50px 0 50px;
	width:850px;
	margin: 0 auto;
	height:900px;
}

#integration article#content .factory .set {
	width: 325px;
}

#integration article#content .factory .set04{
    position: absolute;
    top: 260px;
    left: 0px;
    right: 0;
    margin: 0 auto;
		z-index:10;
}

#integration article#content .factory .set04 dl{
    position: absolute;
    top: 260px;
    right: -210px;
	width: 330px;
}

#integration article#content .set04 .icon_f{
	opacity:0;
}

#integration article#content .set04 .icon {
	opacity:0;
  right: -90px;
  position: absolute;
  top: 140px;
	left:auto;
}

#integration article#content .factory .set05{
	position:absolute;
	top: 0;
	left: 0px;
}

#integration article#content .factory .set05 div{
	position: absolute;
}

#integration article#content .factory .set05 dl{
	padding-top:190px;
	margin-left:50px;
	width: 240px;
}

#integration article#content .set05 .icon_f{
top: 20px;
    left: 60px;
		opacity:0;
}

#integration article#content .set05 .icon {
	position: absolute;
	opacity:0;
	top: -30px;
	left: 200px;
}

#integration article#content .factory .set06{
	position:absolute;
	top:550px;
	left: 50px;
}

#integration article#content .factory .set06 dl{
	padding-left: 40px;
}

#integration article#content .factory .set06 .icon_f{
	opacity:0;
  left: 20px;
  top: 20px;
}

#integration article#content .factory .set06 .icon {
	position: absolute;
	opacity:0;
  top: 120px;
	left:-30px;
}


#integration article#content .set07{
	position:absolute;
	top: 1170px;
	left: 45px;
}

#integration article#content .set07 dl{
	position:absolute;
	top: 390px;
	left: 0px;
	width:260px;
	padding-left: 30px;
}

#integration article#content .set07 .icon_f{
	opacity:0;
}

#integration article#content .set07 .icon {
	opacity:0;
	position: absolute;
	top: -60px;
	right: auto;
	left:-30px;
}

#integration article#content .set07 .icon2 {
	opacity:0;
	position: absolute;
	bottom: -200px;
	left: 50px;
	width:auto;
}

#integration article#content .set08{
	position:absolute;
	right: 0px;
	top: 2050px;
}
#integration article#content .set08 div {
    margin: 20px auto 10px;
    text-align: left;
}


#integration article#content .set08 .icon_f{
	opacity:0;
}

#integration article#content .set08 .icon {
	opacity:0;
	position: absolute;
	right: 20px;
	top: 0;
	left: auto;
}

#integration article#content .set08 .icon img {
  width: auto;
}

#integration article#content .set08 dl{
	width:225px;
}

#integration article#content .research{
	position:absolute;
	top: 3430px;
	left: 60px;
	z-index:50;
	display:block;
}

#integration article#content .research .set{
	padding: 0 20px;
	width:330px;
}

#integration article#content .research .set09 dl dt{
	text-align:left;
}

#integration article#content .set09 .icon_f{
	opacity:0;
	margin:0 0 10px;
}

#integration article#content .set09 .icon {
	opacity:0;
    left: auto;
    position: absolute;
    right: -20px;
    top: -70px;
		z-index:100;
		}

#integration article#content .set10{
	position:absolute;
	right: 100px;
	top: 3340px;
	z-index:50;
}

#integration article#content .set10 .icon_f{
	opacity:0;
}

#integration article#content .set10 .icon {
	opacity:0;
	position: absolute;
	top: -30px;
	left: auto;
	right:-20px;
}

#integration article#content .pc_set{
	display:block;
}

#integration article#content .pc_set div{
	position:absolute;
	z-index:50;
}

#integration article#content .pc_set div.bg01{
	top: 65px;
	left: 100px;
}

#integration article#content .pc_set div.bg02{
	left: 540px;
	top: 450px;
}

#integration article#content .pc_set div.bg03{
	left: 250px;
	top: 580px;
}

#integration article#content .pc_set div.bg04{
	right: 280px;
	top: 1240px;
}

#integration article#content .pc_set div.bg05{
	right: 70px;
	top: 1380px;
}

#integration article#content .pc_set div.bg06{
	left: 290px;
	top: 2120px;
}

#integration article#content .pc_set div.bg07{
	left: 590px;
	top: 2530px;
}

#integration article#content .pc_set div.bg08{
	left: 130px;
	top: 2820px;
}

#integration article#content .pc_set div.bg09{
	right: 100px;
	top: 3710px;
}

#integration article#content .pc_set div.bg10{
	left: 0px;
	top: 4080px;
}

#integration article#content .pc_set div.bg11{
	left: 100px;
	top: 4280px;
}

#integration article#content .pc_set div.bg12{
	right: 100px;
	top: 4200px;
}

#integration article#content .pc_set div.arrow_blue1{
	left: 535px;
	top: 150px;
}

#integration article#content .pc_set div.arrow_blue2{
	left: 180px;
	top: 2700px;
}

#integration article#content .pc_set div.arrow_green1{
	left: 200px;
	top: 150px;
}

#integration article#content .pc_set div.arrow_green2{
	left: 310px;
	top: 1270px;
}

#integration article#content .pc_set div.arrow_green3{
	left: 190px;
	top: 1680px;
}

#integration article#content .pc_set div.arrow_red1{
	left: 250px;
	top: 2870px;
}

#integration article#content .pc_set div.arrow_red2{
	left: 650px;
	top: 3120px;
}

#integration article#content .pc_set div.arrow_red3{
	left: 260px;
	top: 3300px;
}

#integration article#content .pc_set div.arrow_red4{
	left: 505px;
	top: 3660px;
}

#integration article#content .pc_set div.arrow_down{
	right: 140px;
	top: 2380px;
}

#integration article#content .pc_set div.egg{
	opacity:0;
	top: 30px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:100;
}

#integration article#content .pc_set div.chick{
	opacity:0;
	top: 400px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:100;
}

#integration article#content .pc_set div.cock{
	opacity:0;
	top: 600px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:100;
}

#integration article#content .pc_set div.chicken{
	opacity:0;
	top: 860px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:100;
}

#integration article#content .end div.car {
	opacity: 0;
	transform:translate(20px,0px);
	transition: all 2s ease-in-out;
}

#integration article#content .end div.car.visible {
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;
}

@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}
		
#integration article#content .end div.car img{
	width:auto;
	margin-bottom:70px;
}

#integration article#content .end div.last img{
	width:auto;
}

#integration article#content .end div.foot{
	background:url(img/intagration/bg_m02.png) repeat-x;
	text-align:left;
}

/* --------------------------------------------------------------------------
companyページ（固定）
-------------------------------------------------------------------------- */
#company article#company li {
}

#company article#company li a {
	margin: 0 10px 10px 0;
	min-height:110px;
	text-align:center;
}

#company article#company li:nth-child(3n) a {
	margin: 0 0px 10px 0;
}

#company article#company ul.group a:after{
	white-space: pre ;
	content: "\A\f0da";
}

#company article#company ul.group a br{
	display:block;
}

#company article dt{
	font-size: 12px;
}

#company article#greeting{
	clear:both;
	overflow:hidden;
}

#company article#overview dl{
	width: 100%;
	clear:both;
	overflow:hidden;
}

#company article#overview dt{
	float:left;
	width:15%;
}

#company article#overview dd{
	float:left;
	width:85%;
}

#company article#overview ul.subsidiary li dl{
	display:table;
	width: 100%;
}

#company article#overview ul.subsidiary li dt{
	display:table-cell;
	width:40%;
}

#company article#overview ul.subsidiary li dd{
	display:table-cell;
	width:60%;
}

#company article#guidelines div{
	clear:both;
	overflow:hidden;
	margin-left:1em;
}

#company article#guidelines div p{
}

#company article#guidelines div ul{
	margin-left:1em;
	padding-bottom:10px;
}

#company article#logomark section p {
	width:440px;
}


/* --------------------------------------------------------------------------
recruitページ（固定）
-------------------------------------------------------------------------- */
#recruit article#recruitlist li a {
	margin: 0 10px 10px 0;
	min-height:110px;
	text-align:center;
}

#recruit article#recruitlist li:nth-child(3n) a {
	margin: 0 0px 10px 0;
}

#recruit article#recruitlist ul.group a br{
	display:block;
}


/* --------------------------------------------------------------------------
irページ（固定）
-------------------------------------------------------------------------- */
#ir article#irlist li a {
	margin: 0 10px 10px 0;
	text-align:center;
}

#ir article#irlist li:nth-child(2n) a {
	margin: 0 0px 10px 0;
}

#ir article#irlist li a dd br {
	display:block;
}

#ir article#settlement section{
	clear:both;
	overflow:hidden;
	display:table;
	margin-bottom:20px;
	width: 100%;
}

#ir article#settlement section h3{
	display:table-cell;
	vertical-align:middle;
  padding: 0 20px 0 0;
	margin-right:20px;
	border-right:1px solid #EEE;
	width:30%;
}
#ir article#settlement section ul{
	display:table-cell;
  padding:10px;
	width: 70%;
}
#ir article#zaimu div{
	height:250px;
}

#ir article#zaimu table{
	/*width:60%;*/
}


/* --------------------------------------------------------------------------
traceabilityページ
-------------------------------------------------------------------------- */

#traceability article p.submit input{
	width: auto;
	padding: 4px 15px;
}

#traceability article p.submit {
    margin: 10px auto;
}


/* --------------------------------------------------------------------------
productページ
-------------------------------------------------------------------------- */
#product article#harb_yuzen h2 img{
	width:70%;
}

#product article#trait{
	margin: 15px auto;
	clear:both;
	overflow:hidden;
}

#product article#trait h2{
	border-radius: 50%;
	width:110px;
	height:110px;
	line-height:110px;
	padding:0;
	float:left;
	margin: 10px 0 0;
}

#product article#trait ul{
	width:410px;
	float:right;
}

#product article#rear{
	margin: 15px auto;
}

#product article#rear h2{
	border-radius: 50%;
	height: 110px;
	line-height: 115%;
	padding: 24px 0 0;
	width: 110px;
	float:left;
	margin: 10px 0 0;
}

#product article#rear div{
	width:410px;
	float:right;
}

#product article h2 span{
	font-size:20px;
	padding: 5px 20px 8px;
}

/* --------------------------------------------------------------------------
group_subページ（固定）
-------------------------------------------------------------------------- */
#group_sub article table tr{
	display: table-row;
}

#group_sub article table td{
	display: table-cell;
	padding: 10px 5px;
}


#group_sub article table td:nth-child(1){
	width:20%;
}


/* --------------------------------------------------------------------------
○○一覧（固定ページポスト一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images（一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images シングルページ
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○ページ詳細（シングルページ）
-------------------------------------------------------------------------- */

}


/********************************************************
 wide PC
********************************************************/
@media (min-width: 1200px) {

/* --------------------------------------------------------------------------
common
-------------------------------------------------------------------------- */
#contents article{
	max-width: 700px;
}

header .container {
	width:1140px;
}

/*page navi
-------------------------------------------------------------------------- */
#pagenavi{
	width: 250px;
}

#pagenavi li a{
	padding: 5px 20px;
	font-size: 14px;
}

/* global nav
-------------------------------------------------------------------------- */
.global-nav ul li a {
	padding: 25px 16px;
}

.global-nav ul li {
	font-size: 14px;
}


/* footer
-------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
TOPページ
-------------------------------------------------------------------------- */

#front_page article#btn_area li{
	padding: 5px;
}



/* --------------------------------------------------------------------------
infoページ
-------------------------------------------------------------------------- */
#info article dt{
	width:30%;
}

#info article dd{
	width:70%;
}
/* --------------------------------------------------------------------------
productページ
-------------------------------------------------------------------------- */
#product article#trait ul{
	width:530px;
}

#product article#rear div{
	width:530px;
}

#product article h2 span{
	text-align:center;
}


/* --------------------------------------------------------------------------
companyページ（固定）
-------------------------------------------------------------------------- */
#company article dt{
	font-size: 14px;
}

#company article#guidelines div ul{
}

#company article#logomark section p {
	width:570px;
}
#company article#company li a dd br {
	display:block;
}
#company article#overview dd br{
	display:block;
}


/* --------------------------------------------------------------------------
○○ページ（固定）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○一覧（固定ページポスト一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images（一覧）
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
hero_images シングルページ
-------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
○○ページ詳細（シングルページ）
-------------------------------------------------------------------------- */
}