@charset "utf-8";
/* /////////////////////////////////////////////////////////
	会社概要
///////////////////////////////////////////////////////// */

/* ====================================
	page-title
==================================== */
#page-title{
	background:url(../company/images/page-title.jpg) no-repeat;
}

/* ================================
	directory
================================= */
#directory{
	margin:27px auto 37px auto;
}

/* ====================================
	company
==================================== */
#company{
	width:1280px;
}

/* ====================================
	policy
==================================== */
#policy{
	width:1280px;
	padding-bottom:77px;
}
#policy ul{
	width:1100px;
	margin:0 auto;
}
#policy ul li{
	width:340px;
	float:left;
	box-shadow: 0px 0px 6px 1px #AAA;
	-webkit-box-shadow: 0px 0px 6px 1px #AAA;
	-moz-box-shadow: 0px 0px 6px 1px #AAA;
}
#policy ul li:nth-child(-n+2){
	margin-right:30px;
}

#policy ul li h3{
	width:340px;
	height:0;
	padding-top:200px;
	display:block;
	overflow:hidden;
}
#policy ul #product h3{
	background:url(../company/images/policy-product.jpg) no-repeat;
}
#policy ul #quality h3{
	background:url(../company/images/policy-quality.jpg) no-repeat;
}
#policy ul #safety h3{
	background:url(../company/images/policy-safety.jpg) no-repeat;
}

#policy ul li p{
	padding:15px;
	background:#FFF;
}

.effect
{
  position: relative;
}
.effect:before, .effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 70%;
  max-width:340px;
  background: #000;
  -webkit-box-shadow: 0 30px 20px #000;
  -moz-box-shadow: 0 30px 20px #000;
  box-shadow: 0 30px 20px #000;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.effect:after
{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 10px;
  left: auto;
}

/* ====================================
	profile
==================================== */
#profile{
	width:1100px;
	margin:0 auto;
}
#profile table{
	width:100%;
	border-collapse:collapse;
}
#profile table th{
	width:20%;
	text-align:left;
	background:#0f57bf;
	color:#FFF;
	border-bottom:2px solid #FFF;
	font-size: 1.6rem;
	vertical-align:top;
}
#profile table td{
	border-bottom:2px solid #EEE;
	line-height:1.6em;
	font-size: 1.6rem;
}

#profile table th, #profile table td{
	padding:30px 20px;
	
}
#profile table td .block--modifier__element{
	padding:0 0 10px 0;
}
#profile table td .block--modifier__element strong{
	display:block;
	padding:0 0 5px 0;
	font-size: 1.6rem;
}
#profile table td iframe{
	margin-top:10px;
}

#profile table td .gmap_overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 300px; /* your iframe height */
	top: 300px;  /* your iframe height */
	margin-top: -300px;  /* your iframe height */
	z-index:9999;
}

/*=================================
	footer
==================================*/
#footer{
	margin:80px auto 90px auto;
}

#another-menu #a03 a{
	background-position:-440px -80px;
}