﻿/* PC */
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }

.underlayer_topmain {
    overflow: hidden;
    width: 100%;
    background-color: #0076b7;
    margin: 0 0 -5px 0;
}
.underlayer_topmain_inner {
    overflow: hidden;
    width: 1000px;
    height: 70px;
    margin: 0 auto;
    padding: 0 0 5px 0;
}

/*-------------
undermain
-------------*/
.underlayer_main {
    width: 1000px;
    margin: 30px auto 0 auto;
    overflow: hidden;
    min-height: 600px;
    padding: 0 0 60px 0;
}
.underlayer_main_right.clearfix {
	float: right;
	margin: 0 0 0 0;
	width: 750px;
}
h2.banner {
    width: 100%;
    margin: 0 0 10px 0;
}
h3.underlayertitle_top {
    width: 100%;
    line-height: 25px;
    font-size: 18px;
    margin: 0 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 15px 0 0 0;
}
h3.underlayertitle {
    width: 100%;
    line-height: 25px;
    font-size: 18px;
    margin: 20px 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 20px 0 0 0;
}
h3.underlayertitle:before, h3.underlayertitle_top:before, h3.underlayertitle2:before {
    content: "●";
    padding-right: 7px;
    padding-left: 7px;
}

/*-------------
side
-------------*/
.side.clearfix {
    float: left;
    width: 200px;
    margin: 0 0 50px 0;
}
.side ul {
    width: 100%;
    margin: 20px 0 0 0;
}
.side ul li:nth-child(1) {
    margin: 10px 0 0 0;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
}
.side ul li:nth-child(2) {
    margin: 10px 0 0 0;
    font-size: 25px;
    font-family: monospace;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 33px;
}
.side ul li:nth-child(3) {
    margin: 10px 0 0 0;
    font-size: 25px;
    font-family: monospace;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 33px;
}
.side ul li:nth-child(2) img, .side ul li:nth-child(3) img {
    margin: 0 5px 0 0;
}
.side ul li:nth-child(4) {
    margin: 15px 0 0 0;
}
.side ul li a:hover {
  opacity: 0.6;
}

/*-------------
company
-------------*/
table.company {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 20px 0;
    line-height: 20px;
    font-size: 13px;
}
table.company th {
    text-align: justify;
    padding: 11px 30px 8px 30px;
    border-bottom: dotted 1px #a3a3a3;
    width: 80px;
    font-weight: 500;
}
table.company td {
    padding: 8px 0 8px 0;
    border-bottom: dotted 1px #a3a3a3;
}
ul.companylist.clearfix {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
}
ul.companylist.clearfix li {
    float: left;
}
ul.companylist.clearfix li:nth-child(2n) {
    margin: 50px 0 0 10px;
    width: 420px;
    height: 85px;
}
ul.companylist2 {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
ul.companylist2 li:nth-child(2n) {
    margin: 0 0 40px 0;
}
ul.companylist2 li p {
    width: 160px;
    float: right;
    margin: 0 191px 10px auto;
}
ul.companylist2 li p:hover {
    opacity: 0.8;
}

/*-------------
environmental
-------------*/
p.environmental_text.clearfix {
    font-size: 13px;
    line-height: 22px;
    float: right;
    width: 500px;
    margin: 65px 0 0 0;
}
p.environmental_text.clearfix span {
    font-size: 20px;
    display: block;
    margin: 0 0 10px 0;
}
img.policylogo {
    margin: 25px 0 0 0;
}
p.environmental_text2.clearfix {
    font-size: 13px;
    line-height: 22px;
    float: left;
    width: 470px;
    margin: 20px 0 0 0;
}
p.environmental_text3.clearfix {
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    margin: 20px 0 0 0;
}
p.environmental_text3.clearfix span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 20px 0 10px 0;
}
img.\38 16341 {
    margin: 10px 0 0 12px;
}
ul.environmentallist {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
}
ul.environmentallist li {
    margin: 0 0 15px 35px;
    text-indent: -2em;
}
ul.environmentallist li:nth-child(n+4):nth-child(-n+7) {
    margin: 0 0 0 60px;
}
ul.environmentallist li:nth-child(3) {
    margin: 0 0 0 35px;
}
ul.environmentallist li:nth-child(8) {
    margin: 15px 0 15px 35px;
}
.environmentalbox.clearfix {
    background-color: #efefef;
    padding: 20px;
    margin: 30px 0 0 0;
}
.environmentalbox.clearfix p {
    font-size: 13px;
    line-height: 20px;
    float: right;
    width: 435px;
}

/*-------------
business
-------------*/
p.business_text.clearfix {
    font-size: 13px;
    line-height: 22px;
    float: left;
    width: 425px;
    margin: 50px 25px 0 0;
}
img.businessimg1 {
    margin: 25px 0 0 0;
}
.businessbox.clearfix {
    width: 100%;
    overflow: hidden;
}
.businessbox.clearfix p {
    font-size: 16px;
    line-height: 25px;
}
.businessbox.clearfix ul {
    width: 100%;
    margin: 20px 0 0 0;
}
.businessbox.clearfix ul li {
    float: left;
    margin: 0 10px 0 0;
}
ul.businesslist {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin: 30px 0 0 0;
}
ul.businesslist li {
    margin: 15px 0 0 0;
}
ul.businesslist li a:hover {
    opacity: 0.8;
}

/*-------------
product
-------------*/
ul.productlist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
}
ul.productlist.clearfix li {
    float: left;
    margin: 0 50px 40px 0;
}
ul.productlist.clearfix li:nth-child(4n) {
    float: left;
    margin: 0 0 40px 0;
}


/*-------------
equipment
-------------*/
p.equipment_title {
    font-size: 15px;
    background-color: #5e5e5e;
    color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0 0 0 15px;
    margin: 20px 0 10px 0;
}
table.equipment {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px 0;
    line-height: 20px;
    font-size: 13px;
}
table.equipment th {
    text-align: justify;
    padding: 7px 10px 7px 30px;
    border: solid 1px #d6d6d6;
    background-color: #5e5e5e;
    color: #fff;
    font-weight: 500;
}
table.equipment th:nth-child(1) {
    width: 130px;
}
table.equipment th:nth-child(2) {
    width: 130px;
}
table.equipment th:nth-child(4) {
    padding: 7px 0 7px 0;
    width: 80px;
    text-align: center;
}
table.equipment th:nth-child(5) {
    width: 120px;
}
table.equipment td {
    padding: 5px 0 5px 30px;
    border: solid 1px #d6d6d6;
}
table.equipment td:nth-child(4) {
    padding: 5px 0 5px 0;
    width: 80px;
    text-align: center;
}
table.equipment tr:nth-child(odd) {
    background-color: #f7f6f6;
}
ul.equipmentlist.clearfix {
    width: 100%;
    margin: 0 20px 0 0;
}
ul.equipmentlist.clearfix li {
    width: 280px;
    float: left;
    font-size: 20px;
    text-align: center;
    margin: 0 20px 0 0;
}

/*-------------
contact
-------------*/
p.contacttext {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 30px 20px;
}
#contact .form {
  clear: both;
}
#contact .form table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 0 0;
  font-size: 13px;
}
#contact .form table th, #contact .form td {
  line-height: 25px;
  border-bottom: dotted 1px #a3a3a3;
}
#contact .form table th {
  width: 180px;
  padding: 8px 0 8px 20px;
  text-align: left;
  vertical-align: top;
    font-weight: 500;
}
#contact .form td {
  padding: 8px 0 8px 14px;
}
#contact .form td input#companyname, #contact .form td input#name, #contact .form td input#comname {
  width: 400px;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#mail, #contact .form td input#adress {
  width: 450px;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#adresscode {
  width: 200px;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#tel, #contact .form td input#fax {
  width: 300px;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td textarea#comment {
  margin-top: 10px;
  width: 500px;
  height: 200px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form #formEnd {
  text-align: center;
  margin: 5px 0 60px 0;
}
#contact .form #formEnd button {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
  border: 0;
  background-color: #fff;
}
#contact .form #formEnd button:hover {
  opacity: 0.8;
}
.privacybox {
    width: 650px;
    margin: 80px auto 0 auto;
}
p.privacytitle {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
p.privacytext {
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 30px 0;
}
dl.privacy_list {
    width: 100%;
    margin: 0 0 0 0;
}
dl.privacy_list dt {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 20px 0 5px 0;
}
dl.privacy_list dt p {
    font-size: 12px;
    line-height: 20px;
}
dl.privacy_list dd {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}
dl.privacy_list dd ul li {
    text-indent: -2em;
    margin: 0 0 0 28px;
}
ul#privacylist1 {
    margin: 0 0 0 25px;
}
}


/* Tablet */
@media screen and (max-width: 768px) {
.pc {
    display: none;
}
.sp {
    display: block;
}

.underlayer_topmain {
    overflow: hidden;
    width: 100%;
    background-color: #0076b7;
    margin: 0 0 -5px 0;
}
.underlayer_topmain_inner {
    overflow: hidden;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    padding: 0 0 5px 0;
}

/*-------------
undermain
-------------*/
.underlayer_main {
    width: 95%;
    margin: 30px auto 0 auto;
    overflow: hidden;
    padding: 0 0 60px 0;
}
.underlayer_main img {
    width: 100%;
}
.underlayer_main_right.clearfix {
    float: none;
    width: 100%;
}
h2.banner.sp {
    display: none;
}
h2.banner.pc {
    display: block;
}
h3.underlayertitle_top {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    margin: 0 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 0 0 0 0;
}
h3.underlayertitle {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    margin: 20px 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 0 0 0 0;
}
h3.underlayertitle:before, h3.underlayertitle_top:before, h3.underlayertitle2:before {
    content: "●";
    padding-right: 7px;
    padding-left: 7px;
}
/*-------------
company
-------------*/
.company {
	width: 100%;
	margin-bottom: 20px;
}
.company dt {
	width: 100%;
	background-color: #edf0f2;
	padding: 2px 0 2px 5px;
	text-align: left;
	font-weight: 600;
}
.company dd {
	width: 100%;
	padding: 5px;
}
ul.companylist.clearfix {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0 0;
}
ul.companylist.clearfix li {
    float: left;
}
ul.companylist.clearfix li img {
    width: 190px;
}
ul.companylist.clearfix li:nth-child(2n) {
    margin: 40px 0 20px 0;
    width: 60%;
    height: 80px;
}
ul.companylist2 {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
ul.companylist2 li:nth-child(2n) {
    margin: 0 0 40px 0;
}
ul.companylist2 li p {
    width: 160px;
    float: none;
    margin: 0 0 0 0;
}
ul.companylist2 img {
    max-width: 560px;
}

/*-------------
environmental
-------------*/
p.environmental_text.clearfix {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
p.environmental_text.clearfix span {
    font-size: 16px;
    display: block;
    margin: 0 0 10px 0;
}
img.policylogo {
    margin: 0 0 0 0;
    width: 234px;
}
p.environmental_text2.clearfix {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
p.environmental_text3.clearfix {
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    margin: 0 0 0 0;
}
p.environmental_text3.clearfix span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 20px 0 10px 0;
}
img.\38 16341 {
    margin: 10px 0 0 10px;
    width: 268px;
}
ul.environmentallist {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
}
ul.environmentallist li {
    margin: 0 0 15px 30px;
    text-indent: -2em;
}
ul.environmentallist li:nth-child(n+4):nth-child(-n+7) {
    margin: 0 0 0 60px;
}
ul.environmentallist li:nth-child(3) {
    margin: 0 0 0 30px;
}
ul.environmentallist li:nth-child(8) {
    margin: 15px 0 15px 30px;
}
.environmentalbox.clearfix {
    background-color: #efefef;
    padding: 20px;
    margin: 30px 0 0 0;
}
.environmentalbox.clearfix img {
    width: 250px;
}
.environmentalbox.clearfix p {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
}

/*-------------
business
-------------*/
p.business_text.clearfix {
    font-size: 12px;
    line-height: 22px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
img.businessimg1 {
    margin: 25px 0 0 0;
    max-width: 300px;
}
.businessbox.clearfix {
    width: 100%;
    overflow: hidden;
}
.businessbox.clearfix p {
    font-size: 14px;
    line-height: 23px;
}
.businessbox.clearfix ul {
    width: 100%;
    margin: 20px 0 0 0;
}
.businessbox.clearfix ul li {
    float: left;
    margin: 0 10px 0 0;
    max-width: 300px;
}
ul.businesslist {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 0 0;
}
ul.businesslist li {
    margin: 0 0 10px 0;
}
ul.businesslist li img {
    max-width: 230px;
}

/*-------------
product
-------------*/
ul.productlist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
}
ul.productlist.clearfix li {
    float: left;
    width: 46%;
    max-width: 150px;
    margin: 0 10px 10px 0;
}

/*-------------
equipment
-------------*/
p.equipment_title {
    font-size: 15px;
    background-color: #5e5e5e;
    color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0 0 0 15px;
    margin: 20px 0 10px 0;
}
.equipmentscroll {
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 30px 0;
}
table.equipment {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 0 0;
    line-height: 20px;
    font-size: 13px;
}
table.equipment th {
    text-align: justify;
    padding: 7px 10px 7px 10px;
    border: solid 1px #d6d6d6;
    background-color: #5e5e5e;
    color: #fff;
    font-weight: 500;
}
table.equipment th:nth-child(1) {
    width: 130px;
}
table.equipment th:nth-child(2) {
    width: 130px;
}
table.equipment th:nth-child(4) {
    padding: 7px 5px 7px 5px;
    width: 80px;
    text-align: center;
}
table.equipment th:nth-child(5) {
    width: 120px;
}
table.equipment td {
    padding: 5px 10px 5px 10px;
    border: solid 1px #d6d6d6;
}
table.equipment td:nth-child(4) {
    padding: 5px 0 5px 0;
    width: 80px;
    text-align: center;
}
table.equipment tr:nth-child(odd) {
    background-color: #f7f6f6;
}
ul.equipmentlist.clearfix {
    width: 100%;
    margin: 0 20px 0 0;
}
ul.equipmentlist.clearfix li {
    width: 280px;
    float: left;
    font-size: 15px;
    text-align: center;
    margin: 0 20px 15px 0;
}

/*-------------
contact
-------------*/
p.contacttext {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 15px 0;
}
#contact .form {
  clear: both;
}
#contact .form table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 0 0;
  font-size: 13px;
}
#contact .form table th, #contact .form td {
  line-height: 25px;
  border-bottom: dotted 1px #a3a3a3;
}
#contact .form table th {
  width: 35%;
  padding: 5px 0 5px 5px;
  text-align: left;
  vertical-align: top;
    font-weight: 500;
}
#contact .form td {
  padding: 5px 0 5px 5px;
}
#contact .form td input#companyname, #contact .form td input#name, #contact .form td input#comname {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#mail, #contact .form td input#adress {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#adresscode {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#tel, #contact .form td input#fax {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td textarea#comment {
  margin-top: 10px;
  width: 100%;
  height: 200px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form #formEnd {
  text-align: center;
  margin: 5px 0 30px 0;
}
#contact .form #formEnd button {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
  border: 0;
  background-color: #fff;
}
#contact .form #formEnd button:hover {
  opacity: 0.8;
}
.privacybox {
    width: 100%;
    margin: 30px auto 0 auto;
}
p.privacytitle {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
p.privacytext {
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 20px 0;
}
dl.privacy_list {
    width: 100%;
    margin: 0 0 0 0;
}
dl.privacy_list dt {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 5px 0;
}
dl.privacy_list dt p {
    font-size: 12px;
    line-height: 20px;
}
dl.privacy_list dd {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}
dl.privacy_list dd ul li {
    text-indent: -2em;
    margin: 0 0 0 28px;
}
ul#privacylist1 {
    margin: 0 0 0 25px;
}
}


/* SP */
@media screen and (max-width: 480px) {
.pc {
    display: none;
}
.sp {
    display: block;
}

.underlayer_topmain {
    overflow: hidden;
    width: 100%;
    background-color: #0076b7;
    margin: 0 0 -5px 0;
}
.underlayer_topmain_inner {
    overflow: hidden;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    padding: 0 0 5px 0;
}

/*-------------
undermain
-------------*/
.underlayer_main {
    width: 95%;
    margin: 30px auto 0 auto;
    overflow: hidden;
    padding: 0 0 60px 0;
}
.underlayer_main img {
    width: 100%;
}
.underlayer_main_right.clearfix {
    float: none;
    width: 100%;
}
h2.banner.sp {
    display: block;
}
h2.banner.pc {
    display: none;
}
h2.banner {
    width: 100%;
    margin: 0 0 10px 0;
}
h3.underlayertitle_top {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    margin: 0 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 0 0 0 0;
}
h3.underlayertitle {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    margin: 20px 0 15px 0;
    clear: both;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5c5c5c;
    border-bottom: solid 1px #d9d9d9;
    padding: 0 0 0 0;
}
h3.underlayertitle:before, h3.underlayertitle_top:before, h3.underlayertitle2:before {
    content: "●";
    padding-right: 7px;
    padding-left: 7px;
}
/*-------------
company
-------------*/
.company {
	width: 100%;
	margin-bottom: 20px;
}
.company dt {
	width: 100%;
	background-color: #edf0f2;
	padding: 2px 0 2px 5px;
	text-align: left;
	font-weight: 600;
}
.company dd {
	width: 100%;
	padding: 5px;
}
ul.companylist.clearfix {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 0 0;
}
ul.companylist.clearfix li {
    float: none;
}
ul.companylist.clearfix li img {
    width: 190px;
}
ul.companylist.clearfix li:nth-child(2n) {
    margin: 0 0 20px 0;
}
ul.companylist2 {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
ul.companylist2 li:nth-child(2n) {
    margin: 0 0 40px 0;
}
ul.companylist2 li p {
    width: 160px;
    float: none;
    margin: 0 0 0 0;
}

/*-------------
environmental
-------------*/
p.environmental_text.clearfix {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
p.environmental_text.clearfix span {
    font-size: 16px;
    display: block;
    margin: 0 0 10px 0;
}
img.policylogo {
    margin: 0 0 0 0;
    width: 234px;
}
p.environmental_text2.clearfix {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
img.\38 16341 {
    margin: 10px 0 0 10px;
    width: 268px;
}
ul.environmentallist {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
}
ul.environmentallist li {
    margin: 0 0 15px 30px;
    text-indent: -2em;
}
ul.environmentallist li:nth-child(n+4):nth-child(-n+7) {
    margin: 0 0 0 60px;
}
ul.environmentallist li:nth-child(3) {
    margin: 0 0 0 30px;
}
ul.environmentallist li:nth-child(8) {
    margin: 15px 0 15px 30px;
}
.environmentalbox.clearfix {
    background-color: #efefef;
    padding: 20px;
    margin: 30px 0 0 0;
}
.environmentalbox.clearfix img {
    width: 250px;
}
.environmentalbox.clearfix p {
    font-size: 12px;
    line-height: 20px;
    float: none;
    width: 100%;
}

/*-------------
business
-------------*/
p.business_text.clearfix {
    font-size: 12px;
    line-height: 22px;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
img.businessimg1 {
    margin: 25px 0 0 0;
    max-width: 300px;
}
.businessbox.clearfix {
    width: 100%;
    overflow: hidden;
}
.businessbox.clearfix p {
    font-size: 14px;
    line-height: 23px;
}
.businessbox.clearfix ul {
    width: 100%;
    margin: 20px 0 0 0;
}
.businessbox.clearfix ul li {
    float: none;
    margin: 0 0 0 0;
    max-width: 300px;
}
ul.businesslist {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 0 0;
}
ul.businesslist li {
    margin: 0 0 10px 0;
}
ul.businesslist li img {
    max-width: 230px;
}

/*-------------
product
-------------*/
ul.productlist.clearfix {
    width: 100%;
    margin: 20px 0 0 0;
}
ul.productlist.clearfix li {
    float: left;
    width: 46%;
    max-width: 150px;
    margin: 0 10px 10px 0;
}

/*-------------
equipment
-------------*/
p.equipment_title {
    font-size: 15px;
    background-color: #5e5e5e;
    color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0 0 0 15px;
    margin: 20px 0 10px 0;
}
.equipmentscroll {
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 30px 0;
}
table.equipment {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 0 0;
    line-height: 20px;
    font-size: 13px;
}
table.equipment th {
    text-align: justify;
    padding: 7px 10px 7px 10px;
    border: solid 1px #d6d6d6;
    background-color: #5e5e5e;
    color: #fff;
    font-weight: 500;
}
table.equipment th:nth-child(1) {
    width: 130px;
}
table.equipment th:nth-child(2) {
    width: 130px;
}
table.equipment th:nth-child(4) {
    padding: 7px 5px 7px 5px;
    width: 80px;
    text-align: center;
}
table.equipment th:nth-child(5) {
    width: 120px;
}
table.equipment td {
    padding: 5px 10px 5px 10px;
    border: solid 1px #d6d6d6;
}
table.equipment td:nth-child(4) {
    padding: 5px 0 5px 0;
    width: 80px;
    text-align: center;
}
table.equipment tr:nth-child(odd) {
    background-color: #f7f6f6;
}
ul.equipmentlist.clearfix {
    width: 100%;
    margin: 0 20px 0 0;
}
ul.equipmentlist.clearfix li {
    width: 280px;
    float: none;
    font-size: 15px;
    text-align: center;
    margin: 0 0 15px 0;
}

/*-------------
contact
-------------*/
p.contacttext {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 15px 0;
}
#contact .form {
  clear: both;
}
#contact .form table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 0 0;
  font-size: 13px;
}
#contact .form table th, #contact .form td {
  line-height: 25px;
  border-bottom: dotted 1px #a3a3a3;
}
#contact .form table th {
  width: 35%;
  padding: 5px 0 5px 5px;
  text-align: left;
  vertical-align: top;
    font-weight: 500;
}
#contact .form td {
  padding: 5px 0 5px 5px;
}
#contact .form td input#companyname, #contact .form td input#name, #contact .form td input#comname {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#mail, #contact .form td input#adress {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#adresscode {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td input#tel, #contact .form td input#fax {
  width: 100%;
  height: 23px;
  padding: 0 0 0 5px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form td textarea#comment {
  margin-top: 10px;
  width: 100%;
  height: 200px;
  background-color: #e6e6e6;
  border: none;
}
#contact .form #formEnd {
  text-align: center;
  margin: 5px 0 30px 0;
}
#contact .form #formEnd button {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
  border: 0;
  background-color: #fff;
}
#contact .form #formEnd button:hover {
  opacity: 0.8;
}
.privacybox {
    width: 100%;
    margin: 30px auto 0 auto;
}
p.privacytitle {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
p.privacytext {
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 20px 0;
}
dl.privacy_list {
    width: 100%;
    margin: 0 0 0 0;
}
dl.privacy_list dt {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin: 15px 0 5px 0;
}
dl.privacy_list dt p {
    font-size: 12px;
    line-height: 20px;
}
dl.privacy_list dd {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}
dl.privacy_list dd ul li {
    text-indent: -2em;
    margin: 0 0 0 28px;
}
ul#privacylist1 {
    margin: 0 0 0 25px;
}
}

