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

/* print.css */

@page {
  size: A4;
  margin: 12.7mm 9.7mm !important;
}

body {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9pt;
  background-color: rgb(255, 255, 255);
}

section {
  page-break-after: always;
}

/* display: none */

button,
.drawer-nav,
.contactBt{
  display: none;
}

#backColor {
  background-color: transparent;
}

#home {
  background-color: rgb(255, 251, 199);
  margin-top: 0px;
  padding-top: 120px;
  height: 70vh;
}

#vision,
#pack,
#biz,
#clean,
#mgmt,
#info,
#access,
#contact_us section {
  margin-top: 0px;
  padding-top: 100px;
  padding-bottom: 0px;
  height: 80vh;
}

#vision {
  background: -moz-linear-gradient(top, rgb(202,229,205) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(202,229,205) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(202,229,205) 70%,rgb(255,255,255) 100%);
}

#pack {
  background: -moz-linear-gradient(top, rgb(250, 220, 233) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(250, 220, 233) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(250, 220, 233) 70%,rgb(255,255,255) 100%);
}

#biz {
  background: -moz-linear-gradient(top, rgb(199, 232, 250) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(199, 232, 250) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(199, 232, 250) 70%,rgb(255,255,255) 100%);
}

#clean {
  background: -moz-linear-gradient(top, rgb(199, 217, 240) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(199, 217, 240) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(199, 217, 240) 70%,rgb(255,255,255) 100%);
}

#mgmt {
  background: -moz-linear-gradient(top, rgb(199, 192, 223) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(199, 192, 223) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(199, 192, 223) 70%,rgb(255,255,255) 100%);
}

#info {
  background: -moz-linear-gradient(top, rgb(236, 243, 207) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(236, 243, 207) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(236, 243, 207) 70%,rgb(255,255,255) 100%);
}

#access {
  background: -moz-linear-gradient(top, rgb(255, 235, 190) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(255, 235, 190) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(255, 235, 190) 70%,rgb(255,255,255) 100%);
}

.widthPart {
  width: 90%;
}
#pack .wrapBox {
  justify-content: space-between;
  width: 100%;
  margin: 20px auto;
}
#clean .imgBlock img {
  width: 400px;
}
#clean .contentBox,
#mgmt .contentBox {
  width: 100%;
}
#mgmt .wrapBox {
  width: 100%;
}
#vision .imgBlock img,
#biz .imgBlock img {
  width: 200px;
  height: auto;
  margin: 0px 30px;
}
#mgmt .imgBlock,
#mgmt .allowBlock img {
  margin: 10px 5px;
}
#info .contentWrap {
  width: 100%;
  justify-content: space-between;
}
.photoBox img {
  width: 180px;
}
.mapWrap {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.gmapFloat,
.ad {
    float: none;
    width: 100%;
  }
.ad {
  margin-left: 35%;
}
#contact_us section {
    background-color: rgb(255, 251, 199);
  background: -moz-linear-gradient(top, rgb(255, 251, 199) 70%, rgb(255,255,255) 100%);
background: -webkit-linear-gradient(top, rgb(255, 251, 199) 70%,rgb(255,255,255) 100%);
background: linear-gradient(to bottom, rgb(255, 251, 199) 70%,rgb(255,255,255) 100%);
}
.caution {
  width: 100%;
}
.formBox {
  width: 100%;
}

footer {
    position: fixed;
    display: block;
    z-index: 999;
    top: 90%;
    left: 0;
    height: 10%;
  }
  .footWrap {
    padding-top: 5px;
  }
  .footWrap > div {
    text-align: left;
    margin: 0 10px;
    color: #FFF;
    font-size: 0.8em;
    line-height: 1.3em;
  }
.footColor {
    top: 0;
  margin-top: 65px;
}