@charset "utf-8";

/* ==================== */
/* style.css            */
/* ==================== */
/* -------------------- */
/* variable declaration */
/* -------------------- */
:root {
    /* color */
    --color-default: #333;
    --color-base: #1BC7BC;
    --color-light-base: #B5EAE5;
    --color-border: #ccc;
    --color-bg: #eee;
    --color-blue: #0099ff;
    --color-light-green: #1abc9c;
    --color-bg-yellow: #ffb;
    --color-red: #c30d23;
    --color-pink: #ee8293;
    --color-orange: #F15D30;
    --color-link: #ff9500;
    --color-navy: #002d7d;
    --color-white: #ffffff;
    --color-gray: #777777;
}

html,body {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
  margin:0;
  padding:0;
}
*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
* {
  padding: 0;
  margin: 0;
}
div{
	text-align:center;
}
img{
	vertical-align:top;
}
.sp {
  display: none;
}
@media not all and (min-width: 768px) {
  .pc {
     display: none;
  }
  .sp {
    display: block;
  }
}

/* -------------------- */
/* header               */
/* -------------------- */
.header {
    padding: 0px;
    position: relative;
    margin: 0px;
    border: 0px;
}

.header-main object {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
    width: 100%
}

/* -------------------- */
/* Body Header          */
/* -------------------- */
.body-header {
    background-color: #B7EAE5;
    text-align: left;
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
    width: 100%
    height="10px"
}

/* -------------------- */
/* Body Image Only      */
/* -------------------- */
.body-image img {
    margin: 0px auto;
    border: 0px;
    display: block;
    padding: 0px;
}
.body-object object {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
}
/* -------------------- */
/* Body Contents        */
/* -------------------- */
.body-productCategory object {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
    width: 100%
}

.body-inquiry object {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
    width: 90%
}

.body-products img {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
    width: 100%
}
.Products {
    margin: auto;
    padding: 0px;
}
.Products.td {
    margin: 0px;
    padding: 0px;
}
.ProductRightRow {
    padding: 0px 30px 0px 0px ;
    margin: 0px;
    text-align: center;
    vertical-align: top;
}
.ProductLeftRow {
    padding: 0px 0px 0px 30px ;
    margin: 0px;
    text-align: center;
    vertical-align: top;
}

/* Body Process Information */
.body-process {
    margin: 0;
    padding: 0;
}
.process_block ul {
    margin: 0;
    border: 0;
    padding: 0;
    line-height: 0;
}
.process_block li {
    margin: 0;
    border: 0;
    padding: 0;
    line-height: 0;
}
.process_block img {
    margin: 0;
    border: 0;
    padding: 0;
    line-height: 0;
}

/* Body Company Information */
.body-company {
    background-color: #F2F2F2;
}
.body-company img {
    margin: auto;
    border: 0px;
    display: block;
    padding: 0px;
}
/* -------------------- */
/* Footer               */
/* -------------------- */
.footer {
  width: 100%;
  height:50
  overflow: hidden;

  text-align: right;
  font-size: 1rem;

  position: fixed;
  bottom: 0;

  border: 0px;
  margin: auto
}
.footer object {
  margin: auto;
  padding:0px;
  border: 0px;
  display: block;
}