@charset "utf-8";
/*
* CSS for Company Page
*
* @version			0.0.1
* @lastmodified 2018/08/14
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2018, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* COMMON ================================================================ */
@media all and (min-width: 769px) {
  #company #subNavi h2 ,
  #LeadFree #subNavi h2 {
    background: url(../../images/common/global_sprite.png) no-repeat 50% -480px;
  }
}

/* INDEX COMPANY ========================================================= */
h1 {
  font-size: 1.5rem;
	font-weight: normal;
}

/* TOP MESSAGE =========================================================== */
h1.topmessage {
	border: 1px solid #ccc;
	padding: 1px;
	position: relative;
	margin-bottom: 30px;
}
h1.topmessage img {
  height: auto;
  width: auto;
  max-width: 100%;
  vertical-align: top;
	margin: 0;
}
h1.topmessage span.title {
	display: block;
	position: absolute;
	top: 25%;
	left: 5%;
  max-width: 50%;
  min-width: 25%;
}
.section p.top-message {
	margin-bottom: 30px;
}
p.sign {
	text-align: right;
}


/* POLICY ================================================================ */
h1.policy {
	margin-top: 28px;
	margin-bottom: 30px;
  border-bottom:3px solid #325DA7;
}
h1.policy {
	padding: 1px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
}
h1.policy img {
	width: 100%;
	margin: 0;
  vertical-align: bottom;
}
h1.policy span.text {
  color: #325DA7;
	display: block;
	position: absolute;
  font-size: 80%;
	top: 20%;
	left: 5%;
}
p.figure.bline img {
  border: 1px solid #eee;
}
div.policy {
  margin-top: 20px;
	padding: 25px 30px 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
div.policy h4 ,
div.policy ul {
	font-size: 1.0em;	
}
div.policy ul {
	list-style: none;
	margin-left: 1rem;
}
div.policy ul li {
  margin-bottom: 0.5rem;
}
div.policy ul li span {
  display: block;
  float: none;
  width: auto;
}
@media all and (min-width: 480px) {
  h1.policy span.text {
    font-size: 100%;
  }
  div.policy ul li span {
    float: left;
    width: 5.5em;
  }
}

/* OUTLINE =============================================================== */
.iblock-phone {
	display: inline-block;
	margin-left: 1rem;
}
.iblock-phone-item {
	margin-left: 0;
}

ul.colList {
  list-style: none;
}
ul.colList li {
  margin-bottom: 0.5rem;
}
ul.colList li img {
  display: block;
  margin: 0 auto;
}
@media all and (min-width: 320px) {
  ul.colList li {
    display: inline-block;
    width: 49%;
  }
  ul.colList li img {
    height: auto;
    width: auto;
    max-width: 100%;
  }
}
@media all and (min-width: 640px) {
  ul.colList li {
    display: inline-block;
    width: 24%;
  }
}
/* MAP =================================================================== */
div.box {
  border: 1px solid #ccc;
}
div.iconLeft {
  font-size: 0.88rem;
  padding: 2px 2px;
  overflow: hidden;
}
div.iconLeft img {
  display: block;
  margin: 0 auto;
}
div.iconLeft p {
  margin: 1rem 0.5rem;
}
@media all and (min-width: 640px) {
  div.iconLeft img {
    display: inline;
    float: left;
    margin: 0 1rem 0 0;
  }
  div.iconLeft p {
    margin: 0.5rem 0.5rem;
  }
  div.iconLeft p:last-child {
    margin-top: 1rem;
  }
}
div.mapContainer {
  margin-top: 0.5rem;
}
div.iframeContainer {
	position: relative;
  margin: 0 auto;
	padding-bottom: 75%;
	height: 0;
  max-width: 640px;
	overflow: hidden;
  background-color: #EFDEDE;
}
div.iframeContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* HDMI_ADOPTER ========================================================== */
.section ul.sIconList {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2rem;
}
ul.sIconList li {
  padding-bottom: 0rem;
  margin-top: 1rem;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
ul.sIconList li span.figure {
  display: block;
  text-align: center;
  margin-bottom: 0.5rem;
}
ul.sIconList li span.figure img {
  width: 128px;
}
ul.sIconList li p.detail {
  font-size: 0.88rem;
  margin-top: 0.5rem;
}
@media all and (min-width: 480px) {
  ul.sIconList li span.figure {
    float: left;
    width: 128px;
    padding-bottom: 1rem;
    margin-right: 1rem;
  }
}
.figure_border {
	border: 1px solid #ccc;
} 

/* TC ==================================================================== */
.strongMessage {
	font-size: 1rem;
	padding: 1rem 1.35rem;
	border: 1px solid #efeada;
  background: -moz-linear-gradient(45deg, #fdfcf9, #efeada);
  background: -webkit-linear-gradient(45deg, #fdfcf9, #efeada);
  background: -webkit-gradient(linear, 0 0, 100% 100%, from(#fdfcf9), to(#efeada));
  background: -o-linear-gradient(45deg,#fdfcf9, #efeada);
  background: linear-gradient(45deg, #fdfcf9, #efeada);
}

/* PB FREE =============================================================== */
h1 span.subTitle {
  display: inline-block;
  font-size: 0.77em;
  font-weight: 400;
  margin-left: 0.5em;
}
.icon.link.iso14001 {
  padding: 1rem 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.icon.link.iso14001 img {
  display: block;
  float: none;
  margin: 0 auto 1rem;
}
.icon.link.iso14001 p {
  margin-bottom: 0;
}
@media all and (min-width: 480px) {
  .icon.link.iso14001 img {
    float: left;
    margin: 0 1rem 1rem 0;
  }
}
table.rohs-prd {
  font-size: 0.88rem;
  width: 100%;
}
table.rohs-prd th ,
table.rohs-prd td {
  text-align: center;
  vertical-align: middle;
}
table.rohs-prd td.item {
  text-align: left;
}

.ricon.rohs img {
  margin-top:20px;
}
.contactInfo {
  margin-bottom:30px;
  padding-top:15px;
}
.contactInfo .inner {
  padding:0 10px;
}
#RoHS .noticeBox {
  border-radius:8px;
}
.cell.col3.rfloat {
  float: none;
  margin: 0 0 2rem;
  text-align: center;
  width: 100%;
}
@media all and (min-width: 480px) {
  .cell.col3.rfloat {
    float: right;
    margin: 0 0 2rem 1.5rem;
    width: 33.33%;
  }
}
div.rowBox {
  overflow: hidden;
}
div.rowBox .cell.col3 {
  width: 100%;
}
div.rowBox .cell.pict img {
  display: block;
  margin: 0 auto 1rem;
}
@media all and (min-width: 480px) {
  div.rowBox {
    display: table;
  }
  div.rowBox .cell {
    display: table-cell;
  }
  div.rowBox .cell.col3 {
    width: 33.33%;
  }
  div.rowBox .cell.pict img {
    display:inline;
  }
}

/* ELEMENTS --------------------------- */
#company table {
  font-size:0.88rem;
}
ol.nList {
}
ol.nList li {
  list-style:decimal outside;
  margin:0 0 8px 25px;
  padding-left:0px;
}

ul.iconlink {
  overflow:hidden;
  margin:0;
}
ul.iconlink li {
  height:100%;
  padding:0 0 20px 170px;
}
ul.iconlink li p {
  line-height:150%;
}

ul#prod.link li {
  font-size:0.88rem;
  padding-top:8px;
  padding-bottom:8px;
}

/* iconList ---------- */
dl.iconList {
}
dl.iconList dt {
	padding: 0 0 10px 145px;
	margin: 10px 0 0;
	height: 60px;
	position: relative;
	background: url("../images/line_dot.gif") repeat-x 0 100%;
}
dl.iconList dt a {
	padding-left: 10px;
	background: url("../images/ib00r.gif") no-repeat 0 0.35em;
}
dl.iconList dt img {
	position: absolute;
	top: 0;
	left: 0;
}
dl.iconList dd {
	padding: 0 0 0 155px;
	margin-top: -50px;
	height: 48px;
}

/* WLB / employees ======================================================= */
div.wlb {
}
div.wlb .box {
  margin:0 0 15px;
  padding:15px;
  border:1px solid #ccc;
}
div.wlb .box p {
  text-indent:-4em;
  padding-left:4em;
}
div.wlb .item {
  padding-left: 15px;
}
div.wlb .item span.step {
	color: darkgreen;
}
div.wlb .achieve {
	margin-top: 10px;
  padding-left: 15px;
}
div.wlb .achieve span {
	color: firebrick;
}
div.wlb div.subject {
	margin-bottom: 30px;
}
p.date {
	text-align: right;
}

/* HISTORY =============================================================== */
h1.history {
	border: 1px solid #ccc;
	padding: 1px;
	position: relative;
	font-size: 0;
	margin-bottom: 30px;
}
h1.history img {
	width: 100%;
	margin: 0;
}
h1.history span.text {
	display: block;
	position: absolute;
	top: 20%;
	left: 6%;
	max-width: 70px;
	width: 12%;
}
div.section ul.history {
  padding: 0.5em 0;
}
ul.history li {
  list-style: none;
  overflow: hidden;
  padding-bottom: 0.25em;
  margin-top: 0.25em;
  border-bottom: 1px dotted #ccc;
}
ul.history li:last-child {
  border-bottom: none;
}
ul.history span:first-child {
  float: left;
  text-align: right;
  min-width: 6em;  
}
ul.history span:last-child {
  display: block;
  line-height: 1.5;
  padding-left: 7em;
}

/* ENVIRONMENT =========================================================== */
h1#environ {
	box-sizing: border-box;
  padding: 1px;
	line-height: 1;
	height:80px;
	background-color: antiquewhite;
	background:url("../../company/environment/images/hEnv01.jpg") no-repeat 50% 0;
}
h1#environ span.box {
	display: block;
  position:relative;
	height: 76px;
  border: 1px solid #fff;
}
h1#environ span.title {
	color:#fff;
	font-weight:900;
  position:absolute;
  top:30px;
  left:25px;
}

div.box.environment {
  padding: 20px 30px;
	border-radius: 5px;
	border-color: yellowgreen;
	background-color: #f6fff6;
}
div.box.environment p {
	margin-bottom: 20px;
}
div.box.environment ul li {
  list-style: none;
  line-height: 1.5;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}
div.iconBox {
  overflow:hidden;
}
div.iconBox div.icon {
  float:left;
}
div.iconBox div.discript {
  padding:20px 0 0 230px;
}
div.iconBox div.discript ul {
  margin-bottom:10px;
  padding-left:0px;
}
div.iconBox div.discript ul li {
  line-height:1.5;
}

.icon.link.iso14001 p {
  margin-top:10px;
}

/* Pb Free =============================================================== */
.rfloat {
  float:right;
  margin:0 0 20px 20px;
}