@charset "UTF-8";

/* ------------------------------------------------------------

  all

------------------------------------------------------------ */
/* --- reset and margin padding control --- */

#mainContents .mainContents-inner {
  margin-top: 20px;
}

/* .col-12 float reset */
#mainContents .col-12 {
  float: none;
}
@media screen and (max-width: 768px) {
  #mainContents .col-12 {
    float: left;
  }
}
/* padding-bottom reset */
#mainContents .padding-bottom-reset {
  padding-bottom: 0!important;
}
#mainContents .padding-all-reset {
  padding: 0!important;
}
/* padding 1rem */
#mainContents .padding-0rem {
  padding: 0rem!important;
}
#mainContents .padding-1rem {
  padding: 1rem!important;
}
/* padding-top 1rem */
#mainContents .padding-top1 {
  padding-top: 1rem!important;
}
/* margin-top 1rem */
#mainContents .margin-top1 {
  margin-top: 1rem!important;
}
/* margin-top 2rem */
#mainContents .margin-top2 {
  margin-top: 2rem!important;
}
/* margin-top 3rem */
#mainContents .margin-top3 {
  margin-top: 3rem!important;
}
/* margin-bottom 0rem */
#mainContents .margin-bottom0 {
  margin-bottom: 0rem!important;
}
/* margin-bottom 1rem */
#mainContents .margin-bottom1 {
  margin-bottom: 1rem!important;
}
/* margin-bottom 1rem */
#mainContents .margin-bottom2 {
  margin-bottom: 2rem!important;
}
/* margin-bottom 1rem */
#mainContents .margin-bottom3 {
  margin-bottom: 3rem!important;
}

/* article aside margin reset*/
#mainContents article,
#mainContents aside {
  margin-bottom: 2rem;
  margin-top : -50px;
  padding-top : 50px;
}

/* --- style --- */

/* title style */
#mainContents .header-title {
  font-size: 19px;
  margin-bottom: 1.5rem;
  padding: 10px 20px;
  background: #E1EBF0;
  border-left: 7px solid #8FB4C7;
  font-weight: 700;
}
#mainContents .header-title span:last-of-type {
  font-size: 14px;
  display: block;
  color: #8FB4C7;
  font-style: italic;
}
#mainContents .header-read {
  padding: 15px 25px;
  text-align: center;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
#mainContents .header-read span.header {
  font-weight: bold;
  margin-bottom: 1rem;
  display: block;
}
/* heading style */
#mainContents .heading02 {
  margin-bottom: 1rem;
  padding: 0.6rem 1rem;
  font-size: 123.1%;
  font-weight: bold;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-top: 5px solid #48b8f6;
}
#mainContents .heading03 {
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  font-size: 123.1%;
  font-weight: bold;
  text-align: center;
  border-top: 2px solid #666;  
  border-bottom: 2px solid #666;
}
#mainContents .heading04 {
  font-size: 18px;
  font-weight: bold;
  background: #f2f2f2;
  border-left: 10px solid #ccc;
  padding: 9px 15px 7px;
  margin-bottom: 15px;
}
#mainContents .heading05 {
  font-size: 16px;
  font-weight: bold;
  border-left: 5px solid #0b76ca;
  padding-left: 10PX;
  margin-bottom: 10px;
}
#mainContents .heading06 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 0.2rem;
  margin-bottom: 18px;
  border-bottom: 5px solid #09f;
  box-shadow: #ccc 0 2px 0;
}
#mainContents .heading07 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1rem;
}
#mainContents .heading08 {
  font-size: 15px;
  font-weight: bold;
  border-left: 5px solid #09f;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}
#mainContents .heading09 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 5px solid #ccc;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}
#mainContents .heading10 {
  font-size: 100%;
  font-weight: bold;
  border-bottom: 5px solid #09f;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}
#mainContents .heading11 {
  font-size: 1.15rem;
  font-weight: bold;
  background: #ccc;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
#mainContents .heading11 span {
  color: #fff;
  margin-right: 0.5rem;
}
#mainContents .heading12 {
  font-size: 1.2rem;
  font-weight: bold;
  background: #F2F2F2;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  margin-bottom: 1rem;
}
#mainContents .heading12 span {
  color: #09f;
  display: inline-block;
}
#mainContents .heading13 {
  margin-bottom: 2rem;
  padding: 1.2rem 1rem;
  font-weight: normal;
  font-size: 1.3rem;
  text-align: center;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
#mainContents .heading-balloon {
  font-size: 123.1%;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 10px;
  margin-bottom: 15PX;
  width: 100%;
  background: #fff;
  border: 3px solid #ccc;
  border-radius: 10px;
  z-index: 0;
}
#mainContents .heading-balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  margin-top: -1px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  z-index: 0;
}
#mainContents .heading-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  margin-top: 2px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ccc transparent transparent transparent;
  z-index: -1;
}
#mainContents .heading-postit {
  position: relative;
  padding: 0.5rem;
  background-color: #09f;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#mainContents .heading-postit:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #0c71b8 #435e7a;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
#mainContents .heading-mailto {
  position: relative;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5rem;
  border-bottom: 5px solid #ccc;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}
#mainContents .heading-mailto:before {
  content: "";
  background: url(/fileadmin/templates-2016/ja/svg/icon-inquiry.svg) no-repeat;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
#mainContents .heading-emphasis {
  font-size: 135%;
  font-weight: bold;
  border-bottom: 5px solid #ccc;
  padding-bottom: 0.3rem;
  margin-bottom: 1rem;
}
#mainContents .heading-emphasis span:first-of-type {
  font-size: 155%;
  color: #0099FF;
  padding: 0 0.3rem;
}
#mainContents .heading-emphasis span:last-of-type {
  font-size: 155%;
  color: #F8911B;
  padding: 0 0.3rem;
}
#mainContents [class*="heading-app-"] {
  font-size: 1.5rem;
  color: #666;
}
#mainContents [class*="heading-app-"]:before {
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
#mainContents .heading-app-food:before {
  background: url(/fileadmin/templates-2016/ja/images/products/icon/app-icon01.png) no-repeat;
  background-size: contain;
}
#mainContents .heading-app-logistics:before {
  background: url(/fileadmin/templates-2016/ja/images/products/icon/app-icon02.png) no-repeat;
  background-size: contain;
}
#mainContents .heading-app-canning:before {
  background: url(/fileadmin/templates-2016/ja/images/products/icon/app-icon04.png) no-repeat;
  background-size: contain;
}
#mainContents .heading-app-drink:before {
  background: url(/fileadmin/templates-2016/ja/images/products/icon/app-icon05.png) no-repeat;
  background-size: contain;
}

/* new icon */
#mainContents .icon-new:after {
  content: 'NEW';
  padding: 0 5px;
  margin: 0 0.5em;
  background: #F8911B;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #mainContents .icon-new:after {
    font-size: 80%;
  }
}
#mainContents .icon-new-small:after {
  content: 'NEW';
  padding: 0 2px;
  color: #F8911B;
  font-size: 80%;
  font-weight: bold;
  transform: translateY(-5px);
  display: inline-block;
}
/* box style */
.border-box {
  border: 1px solid #ccc;
  padding-bottom: 5px;
}
.border-reset {
  border: none!important;
}
.radius-box {
  padding: 12px;
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
}
.radius-box-white {
  padding: 12px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
}
.radius-box-deep {
  padding: 12px;
  background: #C9C9C9;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
}

.balloon-box-right {
  position: relative;
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
  width: 100%;
  background: #fff;
  border: 3px solid #ccc;
  border-radius: 10px;
  z-index: 0;
}
.balloon-box-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fff;
  z-index: 0;
}
.balloon-box-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ccc;
  z-index: -1;
}

/* text style */
.text-bold {
  font-weight: bold;
}
.text-large {
  font-size: 16px;
}
.text-xlarge {
  font-size: 18px!important;
  font-weight: bold;
}
.text-small {
  font-size: 12px!important;
}
.text-reset {
  font-size: 0.8rem!important;
  font-weight: normal!important;
}
.text-gray {
  color: #8a8a8a;
}
.text-midblue {
  color: #0b76ca;
}
.text-corpolate {
  color: #09f!important;
}
.text-linkcolor a {
  color: #435e7a!important;
}
.text-attention {
  font-weight: bold;
  color: #f13838;
}
.text-left {
  text-align: left!important;
}
.text-right {
  text-align: right!important;
}
.text-center {
  text-align: center;
}
.text-underline {
  text-decoration: underline;
}
.text-mark-square {
  margin-bottom: 0.5rem;
  text-indent: -1rem;
  padding-left: 1rem;
}
.text-mark-square:before {
  content: "■";
  padding-right: 0.3rem;
}
.text-discontinue {
  color: #c9c9c9;
}
.text-sup {
  vertical-align: top;
  position: relative;
  top: -0.5ex;
  font-size: 65% !important;
  display:inline !important;
}
.marking-yellow {
  background: #ffff99;
}
/* list item style */
.list-style-square {
  margin-bottom: 1rem;
}
.list-style-square li {
  margin-bottom: 0.3rem;
  text-indent: -1rem;
  padding-left: 1rem;
  line-height: 1.7;
}
.list-style-square li:before {
  content: "■";
  padding-right: 0.3rem;
}
.list-style-dot li {
  margin-bottom: 0.3rem;
  text-indent: -1rem;
  padding-left: 1rem;
  line-height: 1.7;
}
.list-style-dot li:before {
  content: "・";
  padding-right: 0.3rem;
}
.list-style-row li {
  display: inline-block;
  padding-bottom: 1rem;
}
.list-radius-blue li {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 105%;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #09f;
  margin-bottom: 0.5rem;
}
.list-notes-small {
  margin-bottom: 0.7rem;
}
.list-notes-small li {
  text-indent: -1rem;
  padding-left: 1rem;
  margin-bottom: 0.3rem;
  font-size: 12px;
}
.list-notes-small li:before {
  content: "※";
  padding-right: 0.3rem;
}
.list-reset-inline li {
  display: inline!important;
}
.list-reset-block li {
  display: block!important;
}
.list-style-point {
  margin: 5px 0;
  text-align: right;
}
.list-style-point li {
  margin: 5px!important;
  min-width: 6em;
  display: inline-block;
  zoom: 1;
  text-align: center;
  font-weight: bold;
  padding: 2px 20px;
  border: solid 3px #09f;
  border-radius: 15px;
  margin-bottom: 5px;
}
li span.sub-list {
  display: block;
  padding-left: 1rem;
  font-size: 90%;
  color: crimson
}
li span.sub-list:before {
  content: ">";
  padding-right: 0.5rem;
}

/* download link list style */
#mainContents .list-dl-dxf a {
  display: inline-block;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  color: #435e7a;
  font-weight: bold;
}
#mainContents .list-dl-dxf a:before {
  content: "DXF";
  padding: 4px 10px 3px;
  margin-right: 5px;
  background: #09f;
  color: #fff;
  display: inline-block;
  min-width: 56px;
  line-height: 1.6;
  text-align: center;
}
#mainContents .list-dl-pdf a {
  display: inline-block;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  color: #435e7a;
  font-weight: bold;
}
#mainContents .list-dl-pdf a:before {
  content: "PDF";
  padding: 3px 10px;
  margin-right: 5px;
  background: #f13838;
  color: #fff;
}
#mainContents .list-link-video a {
  display: inline-block;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  color: #435e7a;
  font-weight: bold;
}
#mainContents .list-link-video a:before {
  content: "再生";
  padding: 3px 10px;
  margin-right: 5px;
  background: #435e7a;
  color: #fff;
}
/* description list style */
.dl-list01 dt {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  font-weight: bold;
  color: #0b76ca;
  background: url(/fileadmin/ja/ir/overview/images/sention_subhead.gif) no-repeat 2px 2px;
  border-bottom: 1px dotted #CCC;
}
.dl-list01 dd {
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.dl-list02 dt {
  border-radius: 10px;
  background: #09f;
  padding: 0.1rem 1rem;
  color: #fff;
  margin-bottom: 0.5rem;
  width: 15em;
  text-align: center;
}
.dl-list02 dd {
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.solution-list {
  display: flex;
  margin-bottom: 2rem;
}
.solution-list dt {
  height: 6rem;
  width: 6rem;
  line-height: 6rem;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 1.2rem;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .solution-list {
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
  .solution-list dt {
    border-radius: 20px;
    margin-bottom: 1rem;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
  }
}
.solution-list-before {
  background: #666;
}
.solution-list-after {
  background: #09f;
}
/* text link style */
#mainContents .details-link {
  color: #09f;
  font-size: 13px;
  text-align: center;
}
#mainContents .details-link:before {
  content: ">";
  margin: 0.3rem;
}
#mainContents .return-top a {
    color: #09f;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    max-width: 340px;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #mainContents .return-top a {
    font-size: 15px;
  }
}

#mainContents [class*="heading"] a {
  display: inline-block;
  color: #435e7a!important;
}
/* hover effect */
#mainContents a {
  text-decoration: none;
  color: #333;
  display: block;
}
#mainContents a:hover {
  filter: alpha(opacity=30);
  zoom: 1;
  -moz-opacity: 0.50;
  opacity: 0.50;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  will-change: transform;
}
/* images */
#mainContents img {
  width: 100%;
}
#mainContents .flip-horizontal img {
  transform: scale(-1, 1);
}
/* ----- figure ----- */
figcaption {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
/* link button style */
#mainContents .link-button a {
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 10px;
  font-weight: bold;
}
#mainContents .link-button a:before {  
  content: ">";
  margin-right: 0.5rem;
}
#mainContents .dummy-link-button {
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 0.5rem;
  margin: 0.5rem;
  font-weight: bold;
  background: #0b76ca;
  color: #fff;
}
#mainContents .dummy-link-button:before {
  content: ">";
  margin-right: 0.5rem;
}
#mainContents .download-button a {
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 0.6rem;
  font-weight: bold;
  background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-download.png) no-repeat 20px;
}
#mainContents .link-button-blue a {
  background-color: #0b76ca;
  border-bottom: 3px solid #084f86;
  color: #fff;
}
#mainContents .link-button-Tblue a {
  background-color: #09f;
  color: #fff;
}
#mainContents .link-button-gray a {
  background-color: #a9a9a9;
  color: #fff;
}
.button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#mainContents .button-ghost {
  color: #fff!important;
  background-color: rgba(255,255,255,0.30);
  border-color: #ffffff;
}
#mainContents .button-ghost:focus,
#mainContents .button-ghost.focus {
  color: #666666;
  background-color: rgba(255,255,255,0.50);
  border-color: #cccccc;
}
#mainContents .button-ghost:hover {
  color: #666666;
  background-color: rgba(255,255,255,0.50);
  border-color: #cccccc;
}
#mainContents .button-ghost:active, {
  color: #666666;
  background-color: rgba(255,255,255,0.50);
  border-color: #cccccc;
}
/* benefit box area */
.benefit-area li {
  background: #f2f2f2;
  display: table-cell;
  padding: 1rem;
}
.benefit-box {
  padding: 1rem;
  border-radius: 0.3rem;
  min-height: 10rem;
  background: #fff;
  margin-bottom: 1rem;
}
.benefit-area li.active {
  background: rgba(0, 153, 255, 0.5);
}
.benefit-area li:hover {
  background: rgba(0, 153, 255, 0.5);
}
.benefit-box h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #666;
}
.benefit-box h3 span {
  font-size: 0.8rem;
  display: block;
}
.benefit-link {
  margin-bottom: 0!important;/* reset */
  color: #09f;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .benefit-link {
    font-size: 0.8rem;
  }
}
.benefit-icon {
  display: block;
  padding: 0.5rem 3rem 1rem;
}
@media screen and (max-width: 768px) {
  .benefit-icon {
    padding: 0.5rem;
  }
}
/* news area */
#mainContents .news-box {
  border: 3px solid #cfdbe3;
  width: 100%;
}
#mainContents .news-box h2 {
  border-bottom: 2px solid #cfdbe3;
  color: #435d79;
  background: #dfedf5;
  padding: 0.3rem 1rem;
}
#mainContents .news-box dl {
  padding: 0.5rem 1rem;
}
#mainContents .news-box dt {
  float: left;
  color: #435e7a;
}
#mainContents .news-box dd {
  margin-left: 6rem;
  line-height: 1.7;
}
#mainContents .news-box a {
  color: #435e7a!important;
  text-decoration: none;
}
#mainContents .news-box a:hover {
  color: #435e7a;
  text-decoration: underline;
}
#mainContents .news-box dl dd span {
  display: block;
  font-weight: bold;
}
#mainContents .news-box dl dd span.new {
  padding: 0 0 0 38px;
  background: url(/fileadmin/ja/products/images/icon_new.gif) no-repeat 0 1px;
}
#mainContents .news-box a {
  display: inline-block;
}/* 20180920 ota add for new area */

/* top page category box */
#mainContents .category-box {
  border: 1px solid #d7d7d7;
}
#mainContents .category-box h3 {
  padding: 10px 15px 8px;
  background: #f2f2f2;
  border-bottom: 1px dotted #ccc;
  text-align: center;
  margin-bottom: 0;
}
#mainContents .category-box p {
  padding: 10px 15px 8px;
}
#mainContents .category-box [class*="col-"] p {
  padding: 1rem 0 0 0.5rem;
}
#mainContents .category-box figure {
  padding: 0 1rem 1rem;
}
#mainContents .category-box .bg {
  padding-right: 0;
}
#mainContents .category-box a:hover {
  color: #333;
}
/* top page category icon box */
#mainContents .category-icon-box {
  border: 1px solid #d7d7d7;
}
#mainContents .category-icon-box h3 {
  padding: 0.5rem;
  background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(234,234,234,0.99) 1%,rgba(125,185,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#mainContents .category-icon-box-blue h3 {
  padding: 0.5rem;
  background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(234,234,234,0.99) 1%,rgba(125,185,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#mainContents .category-icon-box p {
  padding: 1rem;
  margin-bottom: 0;
}
#mainContents .category-icon-box img {
  display: block;
  margin: 0 auto;
  width: 35%;
}
/* topic box */
#mainContents .topic-box {
  overflow: hidden;
  margin-bottom: 2rem;
  padding: 25px 20px;
  background: url(/fileadmin/ja/power-transmission/products-additional/images/common/bg-check.gif);
}
#mainContents .topic-box h2 {
  border-bottom: 3px solid #09f;
  margin-bottom: 19px;
  font-size: 18px;
}
#mainContents .topic-box h2 span {
  font-size: 1rem;
}
#mainContents .topic-box h2:before {
  content: "▲";
  display: inline-block;
  transform: rotate(180deg);
  color: #09f;
  padding-left: 0.5rem;
}
#mainContents .topic-box .new-info {
  border-bottom: 3px solid #b4aeae;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
#mainContents .topic-box .new-info:before {
  content: "NEW !";
  display: inline-block;
  color: #f13838;
  padding-right: 0.5rem;
}
#mainContents .topic-box .lead {
  font-weight: bold;
  font-size: 16px;
}
#mainContents .topic-box .lead span {
  font-size: 1.2rem;
  display: inline-block;
}
#mainContents .topic-box [class*="col-"] {
  padding-bottom: 0;
}
/* support contents */
#mainContents .support-link img {
  padding: 2px;
  border: 1px solid #ccc;
  margin-bottom: 0.5rem;
}
#mainContents .support-link p:before {
  content: '>';
  margin: 0.3rem;
}
#mainContents .support-link p {
  text-align: center;
  font-weight: bold;
  color: #304a65;
}
#mainContents .support-link p~p:before {
  content: none;
}
#mainContents .support-link .pr-box p:before {
  content: none;
}
/* aside information area */
.info-area h3 {
  padding: 0.5rem;
  background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(234,234,234,0.99) 1%,rgba(125,185,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.info-area a {
  text-decoration: none;
}
.info-area img {
  border: 1px solid #666;
}
.col-06 .info-area {
  padding: 0 1rem 0 2.5rem;
}
/* inquiry box */
#mainContents .inquiry-box .col-06 {
  padding-bottom: 0;
}
#mainContents .inquiry-box {
  background: #8cb0c5;
  border-radius: 5px;
  padding: 25px 15px;
  margin: 20px 0 0;
}
#mainContents .inquiry-box h2 {
  color: #fff;
  font-size: 123.1%;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}
#mainContents .inquiry-box h3 {
  color: #435d79;
  margin-bottom: 0.5rem;
}
#mainContents .inquiry-box h3:before {
  content: "■";
}
#mainContents .tel-box {
  background: #435d79;
  padding: 1rem;
  border-radius: 5px;
  color: #fff;
  font-size: 123.1%;
  font-weight: bold;
}
#mainContents .inquiry-button {
  border-radius: 5px;
  text-align: center;
  background: #f5fbfc;
  font-size: 123.1%;
}
#mainContents .inquiry-button a {
  display: block;
  padding: 1rem;
  font-weight: bold;
  color: #435d79;
}
#mainContents .inquiry-button a:before {
  content: ">";
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  #mainContents .inquiry-button {
    font-size: 100%;
  }
}
@media screen and (min-width: 769px) {
  #mainContents .inquiry-button {
    margin-bottom: 0;
  }
}

/* product-link-box */
#mainContents .product-link-box h3 {
  margin-bottom: 1rem;
}
#mainContents .product-link-box h3 span {
  display: block;
  font-size: 12px;
}
#mainContents .calc-box {
  background: #ccc;
  padding: 0.5rem 1rem;
  font-weight: bold;
}
/* product-detail-box */
#mainContents .product-detail-box h3 {
  background: #ccc;
  padding: 10px 15px 8px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 1rem;
}
#mainContents .product-detail-box h3 span:first-of-type {
  color: #fff;
}
#mainContents .product-detail-box h3 span.attention {
  color: #fff;
  text-shadow: 1px 1px 1px #FF5722;
  font-size: 1.2rem;
}
#mainContents .product-detail-box dl {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-bottom: 1rem;
}
#mainContents .product-detail-box dt {
  text-indent: -1rem;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.3rem;
  font-weight: bold;
  color: #0b76ca;
  border-bottom: 1px dotted #CCC;
}
#mainContents .product-detail-box dt:before {
  content: "●";
  padding: 0.3rem;
}
#mainContents .product-detail-box dt.caution {
  font-size: 0.95rem
}
#mainContents .product-detail-box dt.caution:before {
  content: "!";
  color: #fff;
  font-weight: bold;
  background: #f8a61b;
  border-radius: 50%;
  padding: 0.3rem 0.6rem;
  margin-right: 0.5rem;
}
#mainContents .product-detail-box dd li {
  display: inline;
}
#mainContents .product-detail-box dd li:before {
  content: "・";
}
#mainContents .return-selection a {
  color: #09f;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  width: 11em;
  text-align: center;
  margin: 0 auto;
}
#mainContents .product-detail-box .link-button {
  margin-bottom: 1rem;
}
#mainContents .nav-area .nav-basic li a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0.2rem;
  border-radius: 5px;
  color: #fff!important;
  background: #ff9933;
}
#mainContents .nav-area {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #mainContents .nav-area {
    font-size: 80%;
  }
}
/* subNav padding reset */
#mainContents .nav-area [class*="col-"] {
  padding: 0.5rem;
}
/* subNav standard */
#mainContents .standard-nav li a {
  text-decoration: none;
  color: #435e7a;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0.2rem;
  border-radius: 5px;
  box-shadow: #999 0 1px 0;
  background: #f2f2f2;
}
#mainContents .standard-nav li.active a {
  background: #09f;
  color: #fff;
}
/* ------------------------------------------------------------

  medel no. example style

------------------------------------------------------------ */
.model-num-table {
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
  width: 100%;
}
.model-num-table td {
  padding: 0 1%;
}
.model-num-table tr.model-num {
  font-size: 200%;
}
.model-num-table tr.num-name {
  font-size: 100%;
}
.model-num-table td.under-line {
  text-decoration: underline;
}
.model-num-table td.rem1 {
  width: 1rem;
}
.model-num-box {
  border: 1px solid #ccc;
}
.model-num-box ul {
  padding: 0.5rem;
}
.model-num-box h4 {
  text-align: center;
  font-weight: bold;
  padding: 0 0.5rem;
  background: #ccc;
}
.model-num-box h4.flex {
  text-align: center;
  font-weight: bold;
  padding: 0 0.5rem;
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
}
.model-num-box li {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .model-num-table tr.model-num{
    font-size: 80%;
  }
  .model-num-table tr.num-name {
    font-size:70%;
  }
}
@media screen and (max-width: 320px) {
  .model-num-table tr.model-num{
    font-size: 50%;
  }
  .model-num-table tr.num-name {
    font-size: 50%;
  }
}
/* for 2column tamplate 2018.3.28 add ota*/
.secProducts01 .model-num-table tr.model-num {
  font-size: 165%;
}
.secProducts01 .model-num-table tr.num-name {
  font-size: 80%;
}
@media screen and (max-width: 768px) {
  .secProducts01 .model-num-table tr.model-num{
    font-size: 80%;
  }
  .secProducts01 .model-num-table tr.num-name {
    font-size:70%;
  }
}
/* hover effect */
@media screen and (min-width: 769px) {
  .model-num-box li img {
    transition: 0.2s all linear;
    cursor: pointer;
  }
  .model-num-box li img:hover {
    transform: scale(2);
  }
}
/* all table style */
table {
  margin-bottom: 1rem;
}
.table-basic {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 414px) {
  .table-basic {
    font-size: 80%;
  }
}
.table-basic td,
.table-basic th {
  border: 1px solid #ccc;
  padding: 0.1rem 0.3rem;
  vertical-align: middle;
}
.table-basic th {
  background: #f2f2f2;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .table-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    display: block;
  }
}
.td-align-left {
  text-align: left!important;
}
.td-align-top {
  vertical-align: top!important;
}
/* table td style even*/
.td-even-blue th {
  background: #8cb0c5;
}
.td-even-blue tr:nth-child(even) {
  background: #e2f3f4;
}
.td-even-orange th {
  background: #ffcc99;
}
.td-even-orange tr:nth-child(even) {
  background: #ffdfc9;
}
/* table td style odd */
.td-odd-blue th {
  background: #8cb0c5;
}
.td-odd-blue tr:nth-child(odd) {
  background: #e2f3f4;
}
.td-odd-orange th {
  background: #ffcc99;
}
.td-odd-orange tr:nth-child(odd) {
  background: #ffdfc9;
}
/* table td style fixed*/
.td-fixed-table {
  table-layout: fixed;
}
/* table cell background color */
.td-color-blue {
  background: #e2f3f4;
}
.td-color-orange {
  background: #ffdfc9;
}
.td-color-green {
  background: #dff8d1;
}
.td-color-yellow {
  background: #ffffc5;
}
th.th-color-dark {
  background: #666;
  color: #fff;
  padding: 0.5rem 0;
}
/* spec table */
.table-spec {
  margin-bottom: 1.5rem;
}
.table-spec th {
  width: 20%;
}
.table-spec td,
.table-spec th {
  border-right: 1px solid #ccc;
  padding: 0.8rem;
  vertical-align: middle;
}
.table-spec tr:nth-of-type(even) {
  background: #f2f2f2;
}
.table-spec tr:nth-of-type(odd) {
  background: #fff;
}
.table-spec tr:first-of-type td {
  border: none;
}
.table-spec tr td:last-of-type {
  border: none;
}

/* ------------------------------------------------------------

  download contents style

------------------------------------------------------------ */
#mainContents .catalog-thumb {
  padding: 0 1rem;
}
#mainContents .catalog-thumb-sp {
  padding: 1rem;
}
#mainContents .catalog-thumb img {
  border: 1px solid #ccc;
}
#mainContents .get-pdf img {
  width: 158px;
}
#mainContents .weight-pdf {
  margin-left: 1rem;
  padding-left: 65px;
  background: url(/fileadmin/ja/products/images/icn_pdf.gif) no-repeat left;
}
#mainContents .weight-ebook {
  margin-left: 1rem;
  padding-left: 65px;
  background: url(/fileadmin/ja/products/images/reference/chain/img218_29.gif) no-repeat left;
}
#mainContents .link-pdf a {
  display: inline-block;
  margin-left: 1rem;
  padding-left: 65px;
  background: url(/fileadmin/ja/products/images/icn_pdf.gif) no-repeat left;
}
@media screen and (max-width: 768px) {
  #mainContents .catalog-thumb-sp {
    padding: 1rem 4rem;
  }
}
@media screen and (max-width: 375px) {
  #mainContents .weight-pdf {
    padding-left: 0;
    text-align: center;
    background: url(/fileadmin/ja/company/images/pdf_icon.gif) no-repeat left;
  }
}
/* ------------------------------------------------------------

  faq contents style

------------------------------------------------------------ */
#mainContents .faq-link {
  overflow: hidden;
}
#mainContents .faq-link dt {
  background: #ccc url(/fileadmin/templates-2016/ja/images/products/icon-plus-button.svg) no-repeat 97%;
  background-size: 16px;
  color: #435e7a;
  border-radius: 5px;
  padding: 10px 30px 8px 15px;
  margin: 0.5rem 0;
  font-weight: bold;
  cursor: pointer;
}
#mainContents .faq-link dt.active{
  background: #ccc url(/fileadmin/templates-2016/ja/images/products/icon-minus-button.svg) no-repeat 97%;
  background-size: 16px;
}
#mainContents .faq-link dt span {
  display: inline-block;
  color: #fff;
  width: 5rem;
}
#mainContents .faq-link dd {
  display: none;
  background: #f2f2f2;
  border-radius: 5px;
  padding: 20px;
}
#mainContents .faq-link ul {
  margin: 0.5rem;
}
/* reset */
.header-read span.onlyPC {
  display: inline;
}
/* SP only */
@media screen and (max-width: 768px) {
  #mainContents .faq-link dt span {
    display: block;
  }
}

/* ------------------------------------------------------------

  tab menu style

------------------------------------------------------------ */
#mainContents .tab-menu {
  font-size: 0;/* inline-block隙間リセット用 */
}
#mainContents .tab-menu li {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem;
  background: #eaeaea;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  border-radius: 10px 10px 0 0;
}
#mainContents .tab-menu li:hover {
  background: #09f;
  color: #fff;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
#mainContents .tab-menu li.active {
  background: #09f;
  color: #fff;
}
#mainContents .tab-menu-03 li {
  width: 33.33333333%;
}
#mainContents .tab-menu-04 li {
  width: 25%;
}
#mainContents .tab-menu-05 li {
  width: 20%;
}
#mainContents .tab-menu-06 li {
  width: 16.66666666%;
}
#mainContents .tab-box {
  padding: 2rem 1rem;
  border: 1px solid #ccc;
}
#mainContents .tab-box div {
  display: none;
}
#mainContents .tab-box div.active {
  display: block;
  animation: fadeIn 1s;
}
/* PC only */
@media screen and (min-width: 768px) {
  #mainContents .tab-menu li:last-of-type {
  border-right: none;
  }
}
/* SP only lt 640px */
@media screen and (max-width: 640px) {
  #mainContents .tab-menu li {
    border-bottom: 1px solid #fff;
    padding: 0.8rem 0;
  }
  #mainContents [class*="tab-menu-"] li {
    width: 100%;
    border-radius: 0;
  }
}

/* ------------------------------------------------------------

  #contents-movie only style

------------------------------------------------------------ */
#contents-movie .nav-area-index {
  background: #a9a9a9;
  font-size: 100%;
  color: #fff;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
#contents-movie .nav-area li a {
  display: block;
  text-decoration: none;
  color: #435e7a;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0.2rem;
  border-radius: 5px;
  box-shadow: #999 0 1px 0;
}
  /* PC only */
@media screen and (min-width: 769px) {
  #contents-movie .nav-area li a {
    background: #f2f2f2 url(/fileadmin/ja/power-transmission/products-additional/images/common/icon-movie-linkcolor.svg) no-repeat 2rem 40%;
    background-size: 1rem;
  }
}
  /* SP only */
@media screen and (max-width: 768px) {
  #contents-movie .nav-area li a {
    background: #f2f2f2;
    margin-bottom: 0;
    font-size: 90%;
  }
  #contents-movie .nav-area ul {
    margin-bottom: 2rem;
  }
}
#contents-movie .new-contents:after {
  content: 'NEW';
  padding: 1px 8px;
  margin-left: 0.5em;
  background: #F8911B;
  color: #fff;
}
#contents-movie .contents-pickup ul {
  margin-left: 1rem;
}
.video-box {
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56%;
  border: 5px solid #000;
  background: #000;
}
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.video-area-inner {
  margin-bottom: 2rem;
}
.video-area-inner h3 {
  border-left: solid 4px #09f;
  padding-left: 0.5em;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 105%;
}
.video-area-inner h4 {
  margin-bottom: 1rem;
  padding: 0.3rem 0.5rem;
  text-align: center;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
#contents-movie .video-area-inner .product-name {
  font-weight: bold;
  color: #666;
}
#contents-movie .video-area-inner .description {
  padding: 12px;
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#contents-movie .video-area-inner li {
  margin-bottom: 0;
}
#contents-movie .video-area-inner ul {
  margin-bottom: 1rem;
}
/* ------------------------------------------------------------

  tire chain only style

------------------------------------------------------------ */
/* h1 */
.hero-image-hidden h1 {
  display: none;
}
/* NETIS */
.netis-box {
  border: 2px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 0.5rem;
}
.netis-box .box-header {
  font-size: 1.1em;
  font-weight: bold;
  color: #0b76ca;
}
.netis-box dl {
  background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-netis-logo.png) no-repeat;
  background-size: 20%;
  padding-left: 23%;
}
.netis-box dl {
  background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-netis-logo-small.png) no-repeat 10px 0\9;
}
.netis-box dt {
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.3rem;
  margin-bottom: 0.5rem;
}
.netis-product {
  color: #4CB280;
  font-weight: bold;
}
.support-link .netis-box dl {
  background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-netis-logo.png) no-repeat 45% 0;
  background-size: 45%;
  padding-left: 0;
  padding-top: 25%;
}
.support-link .netis-box .box-header {
  font-size: 1em;
}
/* product test area */
.product-test {
  color: #fff;
}
.product-test li {
  margin-bottom: 0;
}
.test-slug {
  background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-tirechain-tb-test-bk01.jpg) no-repeat;
  background-size: cover;
  padding: 40.5% 0 3% 5%;
}
.test-tk5 {
  background: #222 url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-tirechain-tb-test-bk02.jpg) no-repeat;
  background-size: cover;
  padding: 41% 0 3% 5%;
}
  /* SP only */
@media screen and (max-width: 768px) {  
  .netis-box dl {  
    background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-netis-logo.png) no-repeat 45% 0;
    background-size: 50%;
    padding-left: 0;
    padding-top: 28%;
  }
  .test-slug {
    background: url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-tirechain-tb-test-bk01.jpg) no-repeat 50%;
    background-size: cover;
    padding: 60% 0 3% 5%;
  }
  .test-tk5 {
    background: #222 url(/fileadmin/templates-2016/ja/images/products/tire-chain/img-tirechain-tb-test-bk02.jpg) no-repeat;
    background-size: contain;
  }
}

/* support contents nav */
.nav-area .tire-chain-nav li a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 0.2rem;
  border-radius: 5px;
  color: #fff!important;
}
.tire-chain-nav .catalog a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-download.png) no-repeat 20px;
}
.tire-chain-nav .tire a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-tire.png) no-repeat 20px;
}
.tire-chain-nav .select a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-selection.png) no-repeat 20px;
}
.tire-chain-nav .faq a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-faq.png) no-repeat 20px;    
}
/* SP only */
@media screen and (max-width: 768px) {
  .nav-area .tire-chain-nav li a {
    background: #09f;
    font-size: 90%;
  }
}
/* support contents nav */
.nav-area .tire-chain-nav li a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 8px 5px;
  border-radius: 5px;
  color: #fff!important;
}
.tire-chain-nav .catalog a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-download.png) no-repeat 20px;
}
.tire-chain-nav .tire a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-tire.png) no-repeat 20px;
}
.tire-chain-nav .select a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-selection.png) no-repeat 20px;
}
.tire-chain-nav .faq a {
  background: #09f url(/fileadmin/templates-2016/ja/images/products/tire-chain/icon-faq.png) no-repeat 20px;
}
/* slection page images */
#mainContents .selection-tirechain img {
  width: 40%;
  margin: 0 auto;
  display: block;
}
#mainContents .selection-tirechain .table-basic th{
  background: #f2f2f2;
}
/* SP only lt 375px */
@media screen and (max-width: 375px) {
  #mainContents .selection-tirechain img {
    width: 100%;
  }
  #mainContents .selection-tirechain {
    font-size: 85%;
  }
}
/* tirechain blockquote area */
#mainContents .tire-chain-track-lead {
  margin-bottom: 1rem;
}
#mainContents .tire-chain-track-lead .img-box {
  background: #000;
}
#mainContents .tire-chain-track-lead [class*="col-"] {
  padding: 0;
}

/* ------------------------------------------------------------

  Bevedolphin only style

------------------------------------------------------------ */
#mainContents .hero-bevedolphin {
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/bevedolphin/img-bevedolphin-bk02.png) no-repeat;
  background-size: cover;
}
#mainContents .hero-bevedolphin h1 {
  margin: 3rem 0 3rem;
  padding-bottom: 15%;
  font-size: 3rem;
  font-weight: normal;
  background: url(/fileadmin/templates-2016/ja/images/products/bevedolphin/logo-bevedolphin-anime.gif) no-repeat bottom;
}
#mainContents .hero-bevedolphin h1 span {
  font-size: 1.5rem;
  display: block;
}
#mainContents .brand-bevedolphin {
  background: url(/fileadmin/templates-2016/ja/images/products/bevedolphin/img-bevedolphin-bk01.png) no-repeat;
  background-size: cover;
  width: 98%;
  margin: 0 auto 2rem;
}
#mainContents .brand-bevedolphin dl {
  padding: 0 1rem;
}
#mainContents .brand-bevedolphin dt {
  background: url(/fileadmin/templates-2016/ja/images/products/bevedolphin/logo-bevedolphin.png) no-repeat center;
  background-size: 50%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  padding-bottom: 15%;
}
#mainContents [class*="brand-"] dd {
  margin-bottom: 0.8rem;
}
#mainContents [class*="brand-"] strong {
  font-size: 1rem;
}
/* grid padding reset */
#mainContents .brand-bevedolphin [class*="col-"] {
  padding-bottom: 0;
}
#mainContents .brand-bevedolphin p {
  margin-bottom: 0;
}
/* hero image 3point change */
@media screen and (max-width: 768px) {
  #mainContents .hero-bevedolphin h1 {
    margin: 4rem 0 2.5rem;
    font-size: 2.5rem;
    background-size: 50%;
  }
  #mainContents .hero-bevedolphin h1 span {
    font-size: 1.5rem;
    display: block;
  }
}
@media screen and (max-width: 375px) {
  #mainContents .hero-bevedolphin h1 {
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
    padding-bottom: 25%;
    font-weight: bold;
    background-size: 80%;
  }
  #mainContents .hero-bevedolphin h1 span {
    font-size: 0.8rem;
    display: block;
  }
}
@media screen and (max-width: 320px) {
  #mainContents .hero-bevedolphin h1 {
    margin: 2rem 0 1rem;
    font-size: 1.3rem;
    background-size: 70%;
  }
}

/* ------------------------------------------------------------

  module service only style

------------------------------------------------------------ */
#mainContents .hero-module-service {
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/module/img-mb-bk01.png) no-repeat;
  background-size: cover;
}
#mainContents .hero-module-service h1 {
  margin: 4rem 0 3rem;
  padding-bottom: 3%;
  font-size: 2.5rem;
  font-weight: normal;
}
#mainContents .hero-module-service h1 span {
  font-size: 1.5rem;
  padding: 0.3rem;
  margin: 2rem 10rem 0;
  display: block;
  background: rgba(255,140,0,0.8);
  color: #fff;
}
/* hero image change for SP */
@media screen and (max-width: 768px) {
  #mainContents .hero-module-service h1 {
    font-size: 1.4rem;
  }
  #mainContents .hero-module-service h1 span {
    font-size: 1rem;
    display: block;
    margin: 1.5rem;
  }
}
.module-function {
  font-weight: bold;
}
.module-function span {
  display: inline-block;
  padding: 0.3rem 1rem;
  font-size: 105%;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #09f;
  margin: 0.5rem;
}

/* ------------------------------------------------------------

  landing-cp-value only style

------------------------------------------------------------ */
#mainContents .hero-cp-value {
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/seiki/img-cp-value-bk01.png) no-repeat;
  background-size: 100%;
  padding-bottom: 12%;
}
#mainContents .hero-cp-value h1 {
  margin: 3rem 0 5rem;
  font-size: 2.3rem;
  font-weight: normal;
}
#mainContents .hero-cp-value h1 span {
  font-size: 1.8rem;
  display: block;
}
/* hero image change for SP */
@media screen and (max-width: 768px) {
  #mainContents .hero-cp-value {
    padding-bottom: 5%;
  }
  #mainContents .hero-cp-value h1 {
    margin: 3rem 0 0.5rem;
    font-size: 1.6rem;
  }
  #mainContents .hero-cp-value h1 span {
    font-size: 1.1rem;
    display: block;
    margin: 8rem 1rem 0;
  }
}
/* add for 201712 cpc campaign */
#mainContents .hero-cp-value-2017 {
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/seiki/img-cp-value-bk2017.png) no-repeat;
  background-size: 100%;
  padding-bottom: 12%;
}
#mainContents .hero-cp-value-2017 h1 {
  margin: 3rem 0 5rem;
  font-size: 2.3rem;
  font-weight: normal;
  text-shadow: 2px 2px 1px #fff;
}
#mainContents .hero-cp-value-2017 h1 span {
  font-size: 1.8rem;
  display: block;
}
@media screen and (max-width: 768px) {
  #mainContents .hero-cp-value-2017 {
    padding-bottom: 5%;
  }
  #mainContents .hero-cp-value-2017 h1 {
  margin: 3rem 0 0.5rem;
  font-size: 1.8rem;
  }
  #mainContents .hero-cp-value-2017 h1 span {
    font-size: 1.4rem;
    margin: 10rem 1rem 0;
  }
}
@media screen and (max-width: 640px) {
  #mainContents .hero-cp-value-2017 {
    padding-bottom: 0;
    background-position: 80% 20%;
  }
  #mainContents .hero-cp-value-2017 h1 {
    margin: 10rem 3rem 0;
    font-size: 2rem;
    }
  #mainContents .hero-cp-value-2017 h1 span {
    font-size: 1.4rem;
    margin: 1.5rem 0 0;
  }
}
@media screen and (max-width: 414px) {
  #mainContents .hero-cp-value-2017 h1 {
    margin: 8rem 2.5rem 0;
    font-size: 1.8rem;
    }
  #mainContents .hero-cp-value-2017 h1 span {
    font-size: 1rem;
    margin: 1rem 0 2rem;
  }
}
@media screen and (max-width: 375px) {
  #mainContents .hero-cp-value-2017 h1 {
    margin: 7rem 1.5rem 0;
    }
}

/* ------------------------------------------------------------

  rollerchain-g8 only style

------------------------------------------------------------ */
#mainContents .hero-rollerchain-g8 {
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/chain/img-g8-bk01.png) no-repeat 48% 60%;
  background-size: 40%;
  padding-bottom: 5%;
}
#mainContents .hero-rollerchain-g8 h1 {
  margin: 3rem 0 7rem;
  font-size: 4rem;
  font-family: "ヒラギノ明朝 ProN W2", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  line-height: 1.2;
}
#mainContents .hero-rollerchain-g8 p img {
  width: 50%;
}
/* hero image change */
@media screen and (max-width: 768px) {
  #mainContents .hero-rollerchain-g8 {
    background: url(/fileadmin/templates-2016/ja/images/products/chain/img-g8-bk01.png) no-repeat 48% 55%;
    background-size: 60%;
    padding-bottom: 5%;
  }
  #mainContents .hero-rollerchain-g8 h1 {
    margin: 1rem 0 4rem;
    font-size: 3rem;
  }  
  #mainContents .hero-rollerchain-g8 p img {
    width: 85%;
  }
}
/* G8 product map style */
.g8-map h3 span:first-of-type {
  display: block;
  font-size: 0.8rem;
  color: #fff;
}
  /* for PC */
@media screen and (min-width: 769px) {
  .g8-map {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    background: url(/fileadmin/templates-2016/ja/images/products/chain/img-g8-map-bk.png) no-repeat;
    background-size: 100%;
  }
  .g8-map h3 a {
    text-align: center;
    font-size: 1rem;
    color: #435e7a;
    width: 11rem;
    padding: 4.1rem 0;
    position: absolute;
    background-color: transparent;
  }
  .g8-map h3.bk-circle a {
    border-radius: 60%;
  }
  .g8-map h3 span:nth-of-type(2) {
    position: absolute;
    border: 1px solid #ccc;
    width: 200%;
  }
  .ht h3 span:nth-of-type(2) {
    top: -40%;
    left: -216%;
  }
  .lambda h3 span:nth-of-type(2) {
    top: -132%;
    left: 7%;
  }
  .super h3 span:nth-of-type(2) {
    top: 112%;
    left: -105%;
  }
  .nep h3 span:nth-of-type(2) {
    top: 24%;
    left: 116%;
  }
  .g8-map .rs h3 a {
    position: absolute;
    background-color: transparent;
    color: #fff!important;
    top: 36%;
    left: 40%;
  }
  .g8-map .ht h3 a {
    top: 11%;
    left: 40%;
  }
  .g8-map .super h3 a {
    top: 35%;
    left: 20%;
  }
  .g8-map .lambda h3 a {
    top: 35%;
    left: 60%;
  }
  .g8-map .nep h3 a {
    top: 57.5%;
    left: 40.3%;
  }
  .g8-map-parts p {
    font-weight: bold;
    font-size: 1.2rem;
    position: absolute;
    width: 8rem;
    text-align: center;
  }
  .ht p {
    top: 0;
    left: 43%;
  }
  .super p {
    top: 45.5%;
    left: 0;
  }
  .nep p {
    top: 90%;
    left: 42%;
  }
  .lambda p {
    top: 41%;
    left: 84%;
  }
}
  /* for SP*/
@media screen and (max-width: 768px) {
  .g8-map {
    width: 100%;
    margin-bottom: 1rem;
  }
  .g8-map-parts {
    padding: 2.5rem 0;
    position: relative;
  }
  .g8-map-parts p {
    font-weight: bold;
    color: #435d79;
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .g8-map-parts p:before {
    content: 'Update';
    padding: 0.2rem 0.5rem;
    margin-right: 0.5em;
    background: #F8911B;
    border-radius: 5px;
    color: #fff;
    font-size: 0.8rem;
  }
  .g8-map h3 span:nth-of-type(2) {
    border: 1px solid #ccc;
    position: absolute;
    width: 140%;
    top: 10%;
    left: 110%;
  }
  .g8-map h3.bk-circle a {
    border-radius: 60%;
    width: 40%;
    height: 0;
    padding: 15% 0 25%;
    text-align: center;
    position: relative;
  }
  .g8-map .rs h3 {
    background: url(/fileadmin/templates-2016/ja/images/products/chain/img-g8-rs-bk.png) no-repeat;
    background-position: 50% 0;
    background-size: 100%;
    width: 100%;
    height: 0;
    padding-bottom: 33%;
  }
  .g8-map .rs h3 a {
    background-color: transparent;
    text-align: center;
    color: #fff!important;
    padding: 12% 0;
  }
  .g8-map .ht h3 a {
    background-color: #d78a78;
  }
  .g8-map .super h3 a {
    background-color: #d78a78;
  }
  .g8-map .lambda h3 a {
    background-color: #7ca84f;
  }
  .g8-map .nep h3 a {
    background-color: #8dc2dd;
  }
}

/* ------------------------------------------------------------

  conveyor chain advance model only style

------------------------------------------------------------ */
#mainContents .hero-conveyor-advance {
  position: relative;
  text-align: center;
  border: 1px solid #ccc;
  background: url(/fileadmin/templates-2016/ja/images/products/chain/img-convevor-advance-bk.png) no-repeat center center;
  background-size: 76%;
  padding-bottom: 50%;
  margin-bottom: 1.5rem;
}
#mainContents .hero-conveyor-advance h1 {
  position: absolute;
  bottom: 31%;
  right: 13%;
  font-size: 1.5rem;
  color: #6c6c6c;
}
#mainContents .hero-conveyor-advance h1 + p {
  position: absolute;
  top: 51%;
  left: 55%;
  font-size: 1.3rem;
  font-style: italic;
  color: #a6a5a5;
}
#mainContents .hero-conveyor-advance h2 {
  position: absolute;
  top: 5%;
  left: 30%;
  font-size: 1.3rem;
  font-weight: normal;
}
#mainContents .hero-conveyor-advance h2 + p {
  position: absolute;
  top: 33%;
  right: 3%;
  font-size: 3.5rem;
  font-family: "ヒラギノ明朝 ProN W2", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 3px 3px 5px #fff;
}
@media screen and (max-width: 768px) {
  #mainContents .hero-conveyor-advance {
    background-position: center 25%;
    background-size: 95%;
    padding-top: 55%;
    padding-bottom: 10%;
  }
  #mainContents .hero-conveyor-advance h1 {
    position: static;
    transform: translateY(450%);
    font-size: 4.5vw;
  }
  #mainContents .hero-conveyor-advance h1 + p {
    position: static;
    transform: translateY(260%);
    font-size: 4vw;
  }
  #mainContents .hero-conveyor-advance h2 {
    top: 5%;
    left: 10%;
    font-size: 4vw;
  }
  #mainContents .hero-conveyor-advance h2 + p {
    position: static;
    transform: translateY(-50%);
    font-size: 8vw;
  }
}
.advance-map {
  position: relative;
}
.titlePC p:first-of-type {
  transform: translateY(6rem);
}
.titlePC p:nth-of-type(2) {
  transform: translateY(29rem);
}
.titlePC p:last-of-type {
  transform: translateY(-4rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .titlePC p:last-of-type {
    transform: translateY(0);
    text-align: center;
  }
}
.advance-map h4 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  padding: 4rem 1rem;
}
.advance-map h4 span {
  font-size: 1.2rem;
  display: inline-block;
  color: #ccc;
  margin-left: 0.5rem;
}
.advance-map h4.std {
  background: url(/fileadmin/ja/products/images/detail/330/l/1_1_1_1.jpg);
  background-size: cover;
}
.advance-map h4 {
  background: url(/fileadmin/ja/products/images/detail/330/s/4_1_1_2.jpg);
  background-size: cover;
}
.advance-map .bg-arrow {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  background: url(/fileadmin/ja/products/images/reference/chain/img-arrow-large.png) no-repeat bottom;
  background-size: 40%;
  padding: 1rem 0 3rem;
  margin-bottom: 5rem!important;
}
@media screen and (max-width:768px) {
  .advance-map .bg-arrow {
    background-size: 50%;
    padding: 0.5rem 0 5rem;
    margin-bottom: 1rem!important;
  }
}
@media screen and (max-width:414px) {
  .advance-map .bg-arrow {
    padding: 0.5rem 0 3rem;
  }
}
.advance-map dl {
  padding: 1rem 0.5rem;
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.advance-map dt {
  color: #0b76ca;
  font-weight: bold;
  margin-bottom: 1rem;
}
.advance-map p {
  margin-bottom: 0.5rem!important;
}

/* ------------------------------------------------------------

  seiki service site only style

------------------------------------------------------------ */
#mainContents .hero-service-tem {
  text-align: center;
  background: url(/fileadmin/templates-2016/ja/images/products/seiki/img-service-tem-bk01.png) no-repeat;
  background-size: 100%;
}
#mainContents .hero-service-tem h1 {
  font-size: 3.5rem;
  line-height: 1.4;
  padding: 10rem 0 1rem;
  color: #80b345;
  text-shadow: 2px 2px 1px #c0bfbf;
}
#mainContents .hero-service-tem h1 span {
  font-size: 2.8rem;
  display: block;
  color: #666666;
}
#contents-service article {
  margin-top: 0;
}
#contents-service .nav-area {
  margin-bottom: 3rem;
}
/* contents navigation */
.service-nav li,
.service-top-nav li {
  position: relative;
}
.service-top-nav a {
  width: 50%;
  margin: 0 auto;
  padding: 25%;
  font-size: 1.5rem;
  color: #fff!important;
  text-align: center;
  border-radius: 100%;
  border: solid 5px #fff;
  line-height: 1.2;
  box-shadow: 0px 0px 0px 2px #ccc;
}
.service-top-nav a .circle {
  position: absolute;
  top: 3rem;
  left: 5.5rem;
}
.service-top-nav a span {
  display: block;
  font-size: 1rem;
}
.service-top-nav li:after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -1rem;
  border-width: 1.5rem 0 1.5rem 2rem;
  border-style: solid;
  border-color: transparent transparent transparent #FF9800;
}
.service-top-nav li:last-of-type:after {
  content: none;
}
.service-nav li a {
  background: #b4aeae;
  color: #fff!important;
  font-size: 1.4rem;
  text-align: center;
  padding: 0.1rem 0.5rem;
}
.service-nav li a span {
  font-size: 1rem;
}
.service-nav a:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: -0.5rem;
  border-width: 1rem 0 1rem 1rem;
  border-style: solid;
  border-color: transparent transparent transparent #b4aeae;
  height: 69%;
}
.service-nav a.consider:after {
  border-color: transparent transparent transparent #ff7f7f;
}
.service-nav a.inquiry:after {
  border-color: transparent transparent transparent #ff7e3b;
}
.service-nav a.order:after {
  border-color: transparent transparent transparent #ffa45e;
}
.service-nav li:last-of-type a:after {
  content: none;
}
/* contents index */
.service-index {
  position: relative;
}
.service-index .circle {
  position: absolute;
  top: -2.5%;
  left: 0.5%;
  border-radius: 100%;
  border: solid 5px #fff;
  padding: 8%;
  line-height: 1.2;
  box-shadow: 0px 0px 0px 2px #ccc;
}
.service-index h2 {  
  font-size: 2rem;
  color: #fff;
  text-align:center;
  position: absolute;
  top: 30%;
  left: 20%;
}
.service-index h2 span {
  display: block;
  font-size: 1.7rem;
}
.service-index:first-of-type div,
.service-top-nav li:first-of-type a,
#contents-service .consider {
  background: #ff7f7f;
}
.service-index:nth-of-type(2) div,
.service-top-nav li:nth-of-type(2) a,
#contents-service .inquiry {
  background: #ff7e3b;
}
.service-index:nth-of-type(3) div,
.service-top-nav li:nth-of-type(3) a,
#contents-service .order {
  background: #ffa45e;
}
.service-index:nth-of-type(4) div,
.service-top-nav li:nth-of-type(4) a,
#contents-service .after {
  background: #ffcc4c;
}
.service-index .index-read {
  margin-left: 1%;
  font-size: 1.2rem;
  color: #fff;
  background: #b4aeae;
  padding: 0.5rem 0 0.5rem 18%;
}
.service-index p.link-button a {
  position: absolute;
  top: 3.3rem;
  right: 0.8rem;
  text-align: center;
  padding: 0.5rem;
  background: #fff;
  width: 16rem;
  border-radius: 10px;
}
.service-index ul {
  margin-left: 15%;
}
.service-index li {
  box-sizing: border-box;
  padding: 1rem;
}
.service-index h3 {
  text-align:center;
  background: #ccc;
  padding: 0 2rem;
}
#contents-service .service-index img {
  width: 50%;
  margin: 0 auto 0.5rem;
  display: block;
}
/* contents section */
#contents-service .service-header-title {
  position: relative;
  font-size: 1.2rem;
  color: #fff;
  background: #b4aeae;
  margin: 3rem 0 3rem 1rem;
  padding: 0.5rem 0 0.5rem 9rem;
}
#contents-service .service-header-title span:first-of-type {
  font-size: 0.9rem;
}
#contents-service .service-header-title span:nth-of-type(2) {
  position: absolute;
  top: -100%;
  left: -1rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  border: solid 5px #fff;
  padding: 4% 3%;
  line-height: 1.2;
  box-shadow: 0px 0px 0px 2px #ccc;
}
#contents-service .service-section {
  position: relative;
  margin-bottom: 3.5rem;
}
#contents-service .service-section .heading-postit {
  position: absolute;
  top: -1rem;
  right: 1rem;
  width: 12rem;
}
.service-section div.link-button {
  width: 70%;
  margin: 0 auto;
}
.service-section .fig01 {
  position: relative;
  padding: 2rem;
}
.service-section .fig01:after {
  content: "";
  position: absolute;
  top: 45%;
  left: 98%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 1.5rem 0 1.5rem;
  border-color: #FF9800 transparent transparent transparent;
  transform: rotate(-90deg);
}
.service-section .fig02 {
  padding: 2rem;
}
.map-network-jp {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/seiki/img-map-jp.png) no-repeat;
  background-size: 75%;
  background-position: 25%;
  padding-bottom: 65%;
  margin-bottom: 2rem;
}
.map-network-jp li a {
  position: absolute;
  width: 9rem;
  background: #ccc;
  border-bottom: 2px solid #666;
  border-radius: 5px;
  text-align: center;
  font-size: 0.9rem;
  padding: 0.3rem 0.5rem;
  box-sizing: border-box;
}
.map-network-jp li:first-of-type a {
  top: 7rem;
  right: 24rem;
}
.map-network-jp li:nth-of-type(2) a {
  top: 19rem;
  right: 13rem;
}
.map-network-jp li:nth-of-type(3) a {
  top: 22rem;
  left: 36rem;
}
.map-network-jp li:nth-of-type(4) a {
  bottom: 12rem;
  right: 14rem;
}
.map-network-jp li:nth-of-type(5) a {
  bottom: 9rem;
  right: 20rem;
}
.map-network-jp li:nth-of-type(6) a {
  bottom: 6rem;
  right: 27rem;
}
.map-network-jp li:nth-of-type(7) a {
  top: 21rem;
  left: 21rem;
}
.map-network-jp li:nth-of-type(8) a {
  bottom: 12rem;
  right: 40rem;
}
.map-network-jp li:nth-of-type(9) a {
  top: 32rem;
  left: 12rem;
}
.network-jp {
  position: relative;
}
.note-map-network {
  width: 33%;
  padding: 12px;
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #ccc;
  position: absolute;
  top: 4rem;
  left: 3rem;
  z-index: 3;
}
#contents-service .table-header {
  background: #ccc;
  padding: 0.3rem 1rem;
  font-weight: bold;
  font-size: 1rem;
}
#contents-service .table-header span {
  color: #fff;
  font-size: 1.2rem;
}
#contents-service #drawing img {
  border: solid 2px #ccc;
  width: 95%;
  margin: 0 auto;
  display: block;
}
#contents-service #customer .col-04 img {  
  width: 60%;
  margin: 0 auto;
  display: block;
}
#contents-service #selection .translate {
  transform: translate(3rem,-3rem);
}
/* onclick open*/
#contents-service #delivery .click-open-area {
  display: none;
}
#contents-service #delivery .click-open-trigger {
  cursor: pointer;
}
#contents-service #delivery .click-open-trigger:before {
  content: ">>";
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  margin-right: 0.5rem;
  transform: scale(1.2,0.6) rotate(90deg);
}
#contents-service #delivery .click-open-trigger:after {
  content: "※クリックで開閉します";
  font-size: 0.8rem;
  margin-left: 0.5rem;
}
#contents-service #delivery .table-basic th {
  white-space: nowrap;
}
#mainContents #contents-service .product-detail-box li {
  display: block;
  font-size: 0.8rem;
}

/* seiki service site SP only style */
@media screen and (max-width: 768px) {
   #mainContents .hero-service-tem {
    background-size: 150%;
    background-position: 50% 0;
  }
  #mainContents .hero-service-tem h1 {
    font-size: 2rem;
    padding: 25% 0 0;
    text-shadow: 1px 1px 1px #c0bfbf;
  }
  #mainContents .hero-service-tem h1 span {
    font-size: 1.5rem;
  }
  #contents-service .nav-area {
    margin-bottom: 1rem;
  }
  .service-top-nav a .circle {
    position: absolute;
    top: 35%;
    left: 30%;
  }
  .service-top-nav a {
    width: 70%;
    padding: 35%;
  }
  .service-top-nav li:after {
    content: none;
  }
  .service-index ul {
    margin-left: 0;
  }
  .service-index li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
  }
  .service-index .circle {
    width: 6rem;
    top: 5rem;
    left: 0;
    padding: 3rem;
  }
  .service-index h2 {
    font-size: 1.2rem;
    top: 1.8rem;
    left: 1.2rem;
  }
  .service-index h2 span {
    display: block;
    font-size: 1rem;
  }
  .service-index .index-read {
    height: 4rem;
    margin-left: 3rem;
    font-size: 1rem;
    padding: 0.5rem 1rem 0.5rem 4.5rem;
  }
  #contents-service .service-header-title {
    position: relative;
    font-size: 1rem;
    margin: 1.8rem 0 2rem 1rem;
    padding: 0.5rem 0.5rem 0.5rem 7.5rem;
  }
  #contents-service .service-header-title span:nth-of-type(2) {
    width: 8rem;
    top: -1.5rem;
    left: -1.2rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    border: solid 5px #fff;
    padding: 2rem 1rem;
  }
  .service-section .fig01:after {
    content: none;
  }
  .service-section div.link-button {
    width: 95%;
  }
  #contents-service .service-section .table-basic {
    font-size: 0.7rem;
  }
  #contents-service #selection .translate {
    transform: translate(0,-1rem);
    font-size: 0.8rem;
  }
  .map-network-jp {
    background-size: contain;
    background-position: 0 0.5rem;
    padding-bottom: 30%;
  }
  .map-network-jp li a {
    position: static;
    width: 35%;
    font-size: 0.9rem;
    margin: 0.5rem;
  }
  .map-network-jp li:nth-of-type(4) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(5) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(6) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(7) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(8) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(9) {
    transform: translate(60%,250%);
  }
  .map-network-jp li:nth-of-type(10) {
    transform: translate(10%,-115%);
  }
  .map-network-jp li:nth-of-type(11) {
    transform: translate(10%,-115%);
  }
  .map-network-jp li:nth-of-type(12) {
    transform: translate(10%,-115%);
  }
  .note-map-network {
    position: static;
    width: 100%;
    padding: 0.5rem;
    margin: 0.5rem 0;
  }
  .service-nav li a {
    height: 2.1rem;
    font-size: 0.9rem;
    padding: 0;
    line-height: 2.5;
  }
  .service-nav li a span {
    font-size: 0.5rem;
  }
}

/* 2018 renew */

#mainContents .hero-service-mc {
  text-align: center;
  background: url(/fileadmin/templates-2016/ja/images/products/motion-control/img-service-mc-bk01.jpg) no-repeat;
  background-size: 100%;
}

#mainContents .hero-service-mc h1 {
  font-size: 4em;
  line-height: 1.4;
  padding: 2em 0 1rem;
  color: #ffd865;
  text-shadow: 1px 1px 2px #FF5722;
}
#mainContents .hero-service-mc h1 span {
  font-size: 0.6em;
  display: block;
  margin-bottom: 2em;
  width: 70%;
  margin: 0 auto 1em;
  color: #ffffff;
  background: #ffc927;
  border-radius: 50px;
  text-shadow: none;
}
@media screen and (max-width: 768px) {
  #mainContents .hero-service-mc h1 {
    font-size: 2.3em;
  }
  #mainContents .hero-service-mc h1 span {
    font-size: 0.5em;
    width: 90%;
  }
}

.service-product-nav .col-04 {
  position: relative;
}
.service-product-nav h2 {
  background: #b4aeae;
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff;
  height: 1.8em;
  text-align: center;
}
.service-product-nav h2:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  border-width: 1rem 0 1rem 1rem;
  border-style: solid;
  border-color: transparent transparent transparent #b4aeae;
  height: 1.8em;
}
.service-product-nav h2 span {
  font-size: 0.8rem;
}
.service-product-nav h2 a {
  color: #fff!important;
}
@media screen and (max-width: 768px) {
  .service-product-nav h2:after {
    content: none;
  }
}
#mainContents .service-mc .category-icon-box {
  margin: 1em 0;
}
#mainContents .service-mc .category-icon-box p {
  padding: 0.5em 1em;
  margin-bottom: 0;
}
#contents-service .service-header {
  position: relative;
  font-size: 2rem;
  border-top: 5px solid #ccc;
  border-bottom: 5px solid #ccc;
  color: #827e7e;
}
#contents-service .service-header:before {
  content: "";
  display: inline-block;
  width: 10rem;
  height: 8rem;
  vertical-align: middle;
}
#contents-service .service-header.reducer:before {
  background: url(/fileadmin/templates-2016/ja/images/products/motion-control/img-service-mc-bk02.jpg) no-repeat;
  background-size: contain;
}
#contents-service .service-header.actuator:before {
  background: url(/fileadmin/templates-2016/ja/images/products/motion-control/img-service-mc-bk03.jpg) no-repeat;
  background-size: contain;
}
#contents-service .service-header.kiki:before {
  background: url(/fileadmin/templates-2016/ja/images/products/motion-control/img-service-mc-bk04.jpg) no-repeat;
  background-size: contain;
}
#contents-service .service-header span {
  font-size: 1.2rem;
  color: #fff;
  background: #ffc107;
  display: inline-block;
  padding: 0 1rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  #contents-service .service-header {
    font-size: 1.5rem;
    padding: 1rem 0;
    text-align: center;
  }
  #contents-service .service-header:before {
    content: none;
  }
}

/* ------------------------------------------------------------

  application responsive renew

------------------------------------------------------------ */
/* padding reset */
#application .contents-read [class*="col-"] {
  padding-bottom: 0;
}
#application .contents-read {
  background: #666;
  color: #fff;
  padding: 20px 0;
  margin-bottom: 2rem;
}
#application .contents-read-caps {
  font-size: 1.5rem;
  text-align: center;
  border-right: 1px solid #fff;
}
#application .contents-read-text {
  padding: 0 1.5rem;
}
#application .contents-link {
  overflow: hidden;
  margin-bottom: 2rem;
  padding: 1.9rem;
  background: url(/fileadmin/ja/power-transmission/products-additional/images/common/bg-check.gif);
}
#application .contents-link:nth-of-type(even) .col-06 {
  float: right;
}
#application .contents-link h2 {
  font-size: 1.4rem;
  font-weight: normal;
  padding: 1rem;
  border-top: 3px solid #09f;
  text-align: center;
}
#application .contents-link-list li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.2rem 2rem;
  width: 49%;
  font-size: 0.9rem;
  background: url(/fileadmin/ja/application/images/section_head.gif) no-repeat 0;
}
#application .contents-link-list a {
  text-decoration: none;
  color: #09f;
}
#application .contents-catalog h2 {
  font-size: 1.4rem;
  text-align: center;
  font-weight: normal;
  padding: 1.2rem;
  border-bottom: solid 3px #09f;
  margin-bottom: 1.8rem;
}
#application .contents-catalog h3 {
  padding-bottom: 0.5rem;
  margin: 0.5rem;
  text-align: center;
  border-bottom: 2px solid #ccc;
}
/* application SP only style */
@media screen and (max-width: 375px) {
  #application .contents-link-list li {
    display: block;
    padding: 0.4rem 2rem;
    width: 100%;
    font-size: 1rem;
    background: url(/fileadmin/ja/application/images/section_head.gif) no-repeat 0;
  }
  #application .contents-catalog h3 {
    font-size: 0.8rem;
  }
  #application .weight-pdf a {
    font-size: 0.75rem;
  }
}

/* ------------------------------------------------------------

 cableveyor online support pages only style 20171031 add

------------------------------------------------------------ */
#mainContents .hero-support-cv {
  padding: 10% 0;
  background: url(/fileadmin/templates-2016/ja/images/products/cableveyor/img-cv-bk01.png) no-repeat top right;
  background-size: cover;
}
#mainContents .hero-support-cv .hero-inner {
  height: 100%;
}
#mainContents .hero-support-cv h1 {
  font-size: 2.5rem;
  margin: 2rem;
  text-shadow: 2px 2px 3px #4b4b4b;
  color: #fff;
}
#mainContents .hero-support-cv h1 span:last-of-type {
  font-size: 3.5rem;
  display: block;
}
#mainContents .hero-support-cv h1 + p {
  font-size: 1.3rem;
  margin-left: 5rem;
  text-shadow: 2px 2px 2px #000;
  color: #fff;
}
/* for SP */
@media screen and (max-width: 768px) {
  #mainContents .hero-support-cv h1 {
    font-size: 1.4rem;
  }
  #mainContents .hero-support-cv h1 span:last-of-type {
    font-size: 1rem;
    display: block;
    margin: 1.5rem;
  }
  #mainContents .hero-support-cv h1 + p {
    font-size: 1rem;
    margin-left: 0;
    text-align: center;
  }
  #mainContents #delivery .table-basic th,
  #mainContents #delivery .table-basic td {
    font-size: 75%;
    white-space: initial;
  }
}

/* product click map style */
.products-map {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/cableveyor/img-service-cv-products-all.png) no-repeat;
  height: 670px;
}
.products-map li a {
  position: absolute;
  display: block;
  border-radius: 10px;
  color: transparent!important;
}
.products-map li a:hover {
  border: 5px solid #fff;
  background: rgba(255, 255, 255, 0.30);
  opacity: 1.0!important;
}
.products-map li:first-of-type a {
  top: 234px;
  left: 415px;
  width: 148px;
  height: 40px;
}
.products-map li:nth-of-type(2) a {
  top: 40px;
  left: 184px;
  width: 97px;
  height: 26px;
}
.products-map li:nth-of-type(3) a {
  top: 39px;
  left: 332px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(4) a {
  top: 40px;
  left: 514px;
  width: 97px;
  height: 26px;
}
.products-map li:nth-of-type(5) a {
  top: 40px;
  left: 680px;
  width: 98px;
  height: 26px;
}
.products-map li:nth-of-type(6) a {
  top: 129px;
  left: 422px;
  width: 134px;
  height: 36px;
}
.products-map li:nth-of-type(7) a {
  top: 233px;
  left: 118px;
  width: 149px;
  height: 41px;
}
.products-map li:nth-of-type(8) a {
  top: 73px;
  left: 4px;
  width: 96px;
  height: 25px;
}
.products-map li:nth-of-type(9) a {
  top: 181px;
  left: 24px;
  width: 96px;
  height: 26px;
}
.products-map li:nth-of-type(10) a {
  top: 271px;
  left: 24px;
  width: 97px;
  height: 25px;
}
.products-map li:nth-of-type(11) a {
  top: 353px;
  left: 23px;
  width: 98px;
  height: 25px;
}
.products-map li:nth-of-type(12) a {
  top: 462px;
  left: 24px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(13) a {
  top: 233px;
  right: 134px;
  width: 133px;
  height: 41px;
}
.products-map li:nth-of-type(14) a {
  top: 40px;
  right: 13px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(15) a {
  top: 125px;
  right: 135px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(16) a {
  top: 125px;
  right: 14px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(17) a {
  top: 221px;
  right: 13px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(18) a {
  top: 356px;
  left: 415px;
  width: 148px;
  height: 42px;
}
.products-map li:nth-of-type(19) a {
  bottom: 177px;
  left: 422px;
  width: 133px;
  height: 40px;
}
.products-map li:nth-of-type(20) a {
  bottom: 86px;
  left: 458px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(21) a {
  bottom: 88px;
  left: 684px;
  width: 96px;
  height: 27px;
}
.products-map li:nth-of-type(22) a {
  bottom: 257px;
  right: 191px;
  width: 98px;
  height: 27px;
}
.products-map li:nth-of-type(23) a {
  bottom: 175px;
  right: 15px;
  width: 98px;
  height: 27px;
}
.products-map li:nth-of-type(24) a {
  bottom: 285px;
  right: 14px;
  width: 97px;
  height: 27px;
}

/* ------------------------------------------------------------

  MitaMon PR page style

------------------------------------------------------------ */
#mitamon section {
  padding-top:2rem;
}
@media screen and (max-width: 768px) {
  section#next {
    padding-top: 1rem;
  }
}
#mitamon .parallax-area {
  position:relative;
}
#mitamon .parallax-area h1 {
  padding: 12% 0 3%;
  color: #fff;
  font-size: 350%;
  text-align: center;
  text-shadow: 2px 2px 3px #000000;
}
@media screen and (max-width: 768px) {
  #mitamon .parallax-area h1 {
    padding: 20% 0 2%;
    font-size: 5vw;
  }
}
@media screen and (max-width: 414px) {
  #mitamon .parallax-area h1 {
    font-size: 6vw;
    padding-top: 10%;
  }
}
#mitamon .parallax-area h1 span:first-of-type {
  display: block;
  font-size: 45%;
  text-shadow: none;
}
#mitamon .parallax-area h1 span:last-of-type {
  display: block;
  font-size: 80%;
}
#mitamon h1+p {
  color: #fff;
  font-size: 2rem;
  text-shadow: 2px 2px 3px #000000;
  text-align: center;
  margin-bottom: 5rem;
}
#mitamon .h1-lead {
  text-align: center;
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-size: 1.8rem;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  #mitamon .h1-lead {
    font-size: 135%;
  }
}
@media screen and (max-width: 414px) {
  #mitamon .h1-lead {
    font-size: 125%;
    margin: 20% 0 0 0;
    padding: 0.5rem;
  }
}
#mitamon h2 {
  padding-top: 1.8rem;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.6rem;
}
#mitamon .logo-mitamon {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  bottom: 8%;
  right: 3%;
  background: url(/fileadmin/templates-2016/ja/images/products/iot/logo-mitamon.png) center no-repeat;
  background-size: 55%;
  width: 30%;
  height: 10%;
}
@media screen and (max-width: 768px) {
  #mitamon .logo-mitamon {
    bottom: 0;
    right: 0;
  }
}
#mitamon .text-box {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #mitamon .text-box {
    width: 95%;
  }
}
#mitamon .lead-area h2 {
  text-align: left;
}
#mitamon .benefit-area li:hover {
  background: #f2f2f2;
}
#mitamon .fig-parts {
  position: relative;
}
#mitamon .fig-parts h3 {
  position: absolute;
  top: 35%;
  left: -0;
  background: #E1E8EE;
  box-shadow: 1px 1px 3px #bebebe;
  margin-bottom: 1rem;
  padding: 3rem 2rem;
  width: 25%;
  font-size: 125%;
  text-align: center;
  color: #666;
}
@media screen and (max-width: 768px) {
  #mitamon .fig-parts h3 {
    position: inherit;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 115%:
    box-shadow: none;
  }
}
#mitamon .fig-parts p img {
  margin-left: 5%;
  border: 2px solid #9E9E9E;
  border-radius: 20px;
  width: 95%;
}
@media screen and (max-width: 768px) {
  #mitamon .fig-parts p img {
    margin: 0;
    width: 100%;
    transform: translateX(-10%);
    border: none;
  }
}
#mitamon .benefit-box p {
  margin-bottom: 0;
}
#mitamon .benefit-icon {
  padding: 0.5rem 3.5rem 1rem;
}
@media screen and (max-width: 768px) {
  #mitamon .benefit-icon img {
    width: 50%;
    margin: 0 auto;
    display: block;
  }
}

/* CSS Parallax */
.css-parallax {
  position: relative;
  height: 100%;
}
.parallax-inner {
  height: 100%;
  margin: 0 auto;
}
.parallax-inner p {
  text-align: center;
}
.css-parallax .parallax-area {
  position: relative;
  width: 100%;
}
/* scroll-button */
.scroll-button a {
  font-size: 1.2rem;
  color: #fff!important;
  width: 3rem;
  margin: 0 auto;
}
.scroll-button a span {
  display: block;
  padding: 2rem;
  width: 3rem;
  height: 3rem;
  margin-left: 1rem;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  box-sizing: border-box;
  margin: 1rem 0;
}
[id*="next"] .scroll-button a {
  color: #666!important;
}
[id*="next"] .scroll-button a span {
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}
/* background of Mitamon */
#mitamon .parallax-area {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitamon-bg01.png) top center fixed no-repeat #e6e3e3;
  background-size: 1000px;
}
#mitamon .parallax-area.col-12 {
  padding-left: 0;
  padding-right: 0;
}
#mitamon .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitamon-bg02.png) no-repeat;
  background-size: 100%;
  background-position: bottom right;
}
#mitamon .lead-area .text-box {
  margin-bottom: 30%;
}
@media screen and (max-width: 768px) {
  #mitamon .parallax-area {
    background-size: 100%;
    padding-bottom: 15%;
  }
  #mitamon .lead-area .text-box {
    margin-bottom: 45%;
  }
}
@media screen and (max-width: 414px) {
  #mitamon .parallax-area {
    background-color: #e3e3e3;
  }
}
/* Mitamon conversion */
.conversion-area {
  background: #E1E8EE;
}
.conversion-area .cv-inquiry {
  text-align: center;
  font-size: 125%;
}
.conversion-area .inquiry-icon {
  background: #fff;
  margin: 0 5rem 2rem 5rem;
  padding: 3rem;
  border-radius: 50%;
}
.conversion-area .cv-address {
  background: #535252;
  color: #fff;
  text-align: center;
  padding: 2rem 0 1rem;
}
.cv-address p {
  margin-bottom: 0!important;
}
.cv-address .company-name {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .conversion-area .cv-inquiry {
    font-size: 100%;
  }
  .conversion-area .inquiry-icon {
    margin: 15%;
    padding: 15%;
  }
  .cv-address .company-name {
    font-size: 100%;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  #mitamon .parallax-area:nth-of-type(2) {
    background: none;
  }
  #mitamon h1+p {
    font-size: 1.6rem;
  }
  #mitamon h2 {
    padding-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .scroll-button a span {
    padding: 1rem;
    margin-left: 1rem;
    margin: 0.5rem 0;
  }
  #mitamon h1.text-xxlarge {
    font-size: 1.8rem!important;
  }
  #mitamon .table-basic {
    width: 100%;
    font-size: 80%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
/* --- Mitamon End --- */

/* ------------------------------------------------------------

  servey pr area style 2017.09.08 add

------------------------------------------------------------ */

#mainContents .servey-box h2{
  font-size: 1.2em;
  padding: 1rem 0 1.5rem 3.5rem;
}
#mainContents .servey-box-inner {
  background: url(/fileadmin/templates-2016/ja/svg/icon-servey.svg) no-repeat 1.5rem 1rem;
  background-size: 4rem;
  position: relative;
  padding: 1.5rem;
  box-shadow: 1px 1px 5px #ccc;
}
#mainContents .servey-period {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 18%;
  padding: 0.5rem;
  background-color: #FF9800;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
#mainContents .servey-period:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #FFC107 #435e7a;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
#mainContents .servey-box .link-button {
  width: 70%;
  margin: 0 auto;
}
/* sp only */
@media screen and (max-width: 768px) {
  #mainContents .servey-box h2 {
    padding: 0 0 1em 4em;
    font-size: 1.1em;
  }
  #mainContents .servey-period {
    position: relative;
    width: 70%;
    top: 0;
    left: 0;
    margin: 0 auto 1em;
  }
  #mainContents .servey-box .link-button {
  width: 100%;
  }
}

/* ------------------------------------------------------------

  sp only all

------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  #mainContents .product-detail-box .link-button {
    width: 100%;
    margin-left: 0;
  }
  #mainContents .header-read {
    text-align: left;
  }
  /* section article aside */
  #mainContents article,
  #mainContents aside {
    margin-top: -106px;
    padding-top: 106px;
  }
}

/* ------------------------------------------------------------

  Reference Number System style for 2column pages 2017.12.05 add

------------------------------------------------------------ */
.model-number-area {
  position: relative;
}
.model-number-button a {
  position: absolute;
  top: -0.5rem;
  right: 1rem;
  text-align: center;
  display: block;
  border-radius: 5px;
  border-bottom: 3px solid #084f86;
  padding: 0.3rem 1rem;
  font-weight: bold;
  background-color: #435D79;
  color: #fff!important;
}
.model-number-button a:before {
  content: ">";
  margin-right: 0.5rem;
}
.model-number-table {
  width: 100%;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 10px;
}
.model-number-table td {
  padding: 0 0.5rem;
}
.model-number-table tr.model-number {
  font-size: 1.5rem;
  font-weight: bold;
}
.model-number-table td.under-line {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .model-number-table td {
    padding: 0.2rem;
  }
  .model-number-table tr.model-number {
    font-size: 1.3rem;
  }
}
.model-number-list li {
  margin-bottom: 0.2rem;
  text-indent: -1.7rem;
  padding-left: 1.7rem;
}
.model-number-list li li {
  padding-left: 1.5rem;
}
.model-number-list li li li {
  padding-left: 1.5rem;
}
/* -
/* ------------------------------------------------------------

  css3 animation

------------------------------------------------------------ */

/* fade in */
.animation-fade-in01 {
    animation: fadeIn 3s ease .2s 1 normal;
    -webkit-animation: fadeIn 3s ease .2s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* ------------------------------------------------------------

  onclick open

------------------------------------------------------------ */

.click-open-area {
  display: none;
}
.click-open-trigger {
  cursor: pointer;
}
.click-open-trigger:before {
  content: ">>";
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  margin-right: 0.5rem;
  transform: scale(1.2,0.6) rotate(90deg);
}
.click-open-trigger:after {
  content: "※クリックで開閉します";
  font-size: 0.8rem;
  margin-left: 0.5rem;
}

/* ------------------------------------------------------------
  lable button
------------------------------------------------------------ */
#mainContents .feature-label li {
  display: inline-block;
  min-width: 8rem;
  margin: 1em 0.5em 1em 0;
  border-radius: 20px;
  background: #0099ff;
  box-shadow: 1px 1px 0 #ccc;
  font-size: 90%!important;
}
#mainContents .feature-label li a {
  display: block;
  padding: 3px 20px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #mainContents .feature-label li {
    display: block;
    text-align: center;
  }
}

/* ------------------------------------------------------------

  Thank you IE!

------------------------------------------------------------ */

@media all and (-ms-high-contrast: none) {
  #mainContents .servey-box-inner {
    background: url(/fileadmin/templates-2016/ja/svg/icon-servey.svg) no-repeat -13% 15%;
    background-size: 30%;
    position: relative;
    padding: 1.5rem;
    box-shadow: 1px 1px 5px #ccc;
  }
}

/*============================================================
  ida add 2018.03 スライドショー2枚目が見える問題を解消
============================================================*/
.bxslider, .bx-controls { display: none }

/* float clear */
.clear-both {
  clear: both;
  padding-top: 20px;
}

/* Mid size col
------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  .md-col-01 {
    width: 8.33333333%;
  }
  .md-col-02 {
    width: 16.66666667%;
  }
  .md-col-03 {
    width: 25%;
  }
  .md-col-04 {
    width: 33.33333333%;
  }
  .md-col-05 {
    width: 41.66666667%;
  }
  .md-col-06 {
    width: 50%;
  }
  .md-col-07 {
    width: 58.33333333%;
  }
  .md-col-08 {
    width: 66.66666667%;
  }
  .md-col-09 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.33333333%;
  }
  .md-col-11 {
    width: 91.66666667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  .md-col-01 {
    width: 100%;
  }
  .md-col-02 {
    width: 100%;
  }
  .md-col-03 {
    width: 100%;
  }
  .md-col-04 {
    width: 100%;
  }
  .md-col-05 {
    width: 100%;
  }
  .md-col-06 {
    width: 100%;
  }
  .md-col-07 {
    width: 100%;
  }
  .md-col-08 {
    width: 100%;
  }
  .md-col-09 {
    width: 100%;
  }
  .md-col-10 {
    width: 100%;
  }
  .md-col-11 {
    width: 100%;
  }
  .md-col-12 {
    width: 100%;
  }
  .sp-col-06 {
    width: 50%;
  }

  .sp-col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.link-reset-inline a {
  display: inline!important;
  color: #435d79!important;
}
.link-reset-inline a:hover {
  text-decoration: underline!important;
}

/* ordered list style */
#mainContents ol.list-style-ordered {
  counter-reset: number;
  margin-bottom: 2rem;
}
#mainContents ol.list-style-ordered li {
  position: relative;
  padding-left: 1.8rem;
  text-indent: -1.8rem;
  margin-bottom: 0.5rem;
}
#mainContents ol.list-style-ordered > li:before {
  counter-increment: number;
  content: counter(number);
  margin-right: 0.5rem;
  padding: 0.2rem 0.4rem;
  color: #fff;
  background: #666;
}

/* ------------------------------------------------------------

  ユーザー訪問などコラム記事用スタイル

------------------------------------------------------------ */

#mainContents .article-style {
  position: relative;
}
#mainContents .article-style .hero-image {
  margin-bottom: 4rem;
}
#mainContents .article-style h1 {
  padding: 17px 20px 14px;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
}
#mainContents .article-style h1 + p {
  position: absolute;
  bottom: 0;
  background: #6d6d6d;
  box-shadow: 0 0 20px #fff inset;
  color: #fff;
  font-size: 20px;
  padding: 10px 40px;
  width: 98%;
}
#mainContents .article-style h1 + p span {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #mainContents .article-style h1 + p {
    position: static;
    font-size: 18px;
    padding: 8px 5px;
    text-align: center;
    width: 100%;
  }
  #mainContents .article-style .hero-image {
    margin-bottom: 0;
  }
}

 /* 上にh1.header-titleがある場合 ここから */
#mainContents .article-style .hero-image-top {
  margin-top: -2rem;
  margin-bottom: 3.5rem;
}
#mainContents .article-style h2.top {
  padding: 1rem 2rem;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -2rem;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
 /* 上にh1.header-titleがある場合 ここまで */

#mainContents .article-style p {
  line-height: 1.8;
}
#mainContents .article-style .products-link-grid p > img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
#mainContents .article-style .heading-postit {
  background-color: #f8911b;
  width: 25%;
}
#mainContents .article-style .heading-postit:after {
  border-color: #fff #fff #b76201 #713c00;
}
@media screen and (max-width: 414px) {
  #mainContents .article-style .heading-postit {
    width: 100%;
  }
}
#mainContents .article-style [class*="col-"]>[class*="col-"]:first-of-type {
  padding-left: 0;
}
#mainContents .article-style [class*="col-"]>[class*="col-"]:last-of-type {
  padding-right: 0;
}

/* pagenation */
#mainContents .page-nav {
  text-align: center;
  margin-bottom: 2rem;
}
#mainContents .page-nav li {
  display: inline-block;
  padding: 4px 19px;
  border-radius: 3px;
  background: #CCCCCC;
  font-size: 16px;
}
#mainContents .page-nav a li {
  background: #09f;
  color: #fff;
}
#mainContents .page-nav a {
  display: inline-block;
  border-radius: 5px;
  position: relative;
}
#mainContents .page-nav a li.next,
#mainContents .page-nav a li.return {
  color: #09f;
  font-weight: 600;
  background: none;
}
#mainContents .page-nav a li.next:after {
  content: ">>";
  margin: 0.5rem;
}
#mainContents .page-nav a li.return:before {
  content: "<<";
  margin: 0.5rem;
}
@media screen and (max-width: 414px) {
  #mainContents .page-nav li {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    font-size: 15px;
  }
  #mainContents .page-nav a li.next:before,
  #mainContents .page-nav a li.return:before {
    margin: 0 0.5rem 0 ;
  }
}

/* subNav fixed reset */
#mainContents .subNav-reset .subNav {
  position: static;
}

/* ------------------------------------------------------------

  conveyor chain composite-chain only style

------------------------------------------------------------ */
#composite-chain .hero-image {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/chain/img-plus-alpha-bg01.png) no-repeat top center;
  padding-bottom: 35%;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #composite-chain .hero-image {
    position: static;
    padding: 35% 0 2%;
    background-color: #666;
  }
}
#composite-chain .hero-image h1 {
  position: absolute;
  font-size: 3.6rem;
  top: 40%;
  right: 7%;
  color: #fff;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.52);
}
@media screen and (max-width: 768px) {
  #composite-chain .hero-image h1 {
    position: static;
    font-size: 8vw;
    background: none;
    margin-top: 1rem;
    line-height: 1.2;
    text-align: center;
  }
}
#composite-chain .hero-image h1+p {
  position: absolute;
  font-size: 1.5rem;
  top: 14%;
  right: 7%;
  color: #fff;
  background: rgba(102, 102, 102, 0.5);
  padding: 0.2rem 2rem;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
  #composite-chain .hero-image h1+p {
    position: static;
    font-size: 1rem;
    margin-top: 1rem;
    text-shadow: 1px 2px 2px hsla(0, 0%, 0%, 0.45);
  }
}
#composite-chain .hero-image h1+p span {
  font-size: 2.3rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #composite-chain .hero-image h1+p {
    font-size: 4.6vw;
  }
  #composite-chain .hero-image h1+p span {
    font-size: 4.6vw;
    display: block;
  }
}

/* ------------------------------------------------------------

  motion control instruction pages style

------------------------------------------------------------ */
.under-arrow-blue {
  position: relative;
  margin-top: 5%;
}
.heading-border-radius {
  width: 100%;
  border: 3px solid #09f;
  border-radius: 10px;
  padding: 0.2rem 1rem;
  text-align: center;
  font-size: 1.2rem;
}

/* ------------------------------------------------------------

  read more button css only

------------------------------------------------------------ */

#mainContents .read-more-box {
  margin-bottom: 4rem;
}
.read-more-area {
  position: relative;
  padding-bottom: 1rem;
}
.read-more-button {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -2rem;
  left: 0;
  width: 160px;
  margin: auto;
  padding: 0.2rem 1rem;
  border-radius: 2px;
  background: #09f;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease;
}
.read-more-button:hover {
  background: #fff;
  color: #09f;
  border: 1px solid #09f;
}
.read-more-button:before {
  content: "続きを読む"
}
.read-more-item {
  position: relative;
  overflow: hidden;
  height: 7rem;
  /* 隠した状態の高さ */
}
.read-more-item:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1.5rem;
  /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.7) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}
@media screen and (max-width:414px) {
  .read-more-item {
    height: 12rem;
    /* 隠した状態の高さ調整 */
  }
}
.read-more-trigger {
  display: none;
  /* チェックボックス非表示 */
}
.read-more-trigger:checked ~ .read-more-button:before {
  content: "閉じる";
}
.read-more-trigger:checked ~ .read-more-item {
  height: auto;
  /* heightを復活 */
}
.read-more-trigger:checked ~ .read-more-item:before {
  display: none;
}

/*

HTML記述例
<div class="read-more-area">
    <input id="trigger1" class="read-more-trigger" type="checkbox">
    <label class="read-more-btn" for="trigger1"></label>
    <div class="read-more-item">省略したいテキスト</div>
</div>

/* 製品ページ　プロダクトチャート用スタイル 201810更新*/
.selection-chart-lp {
  background: url("../images/products/linear-actuator/bg-selection-chart-lpu.png") 0 0 no-repeat;
  background-size: 100%;
  position: relative;
  width: 100%;
  height: 570px;
  margin-top: 2rem;
}
.selection-chart-lp li {
  position: relative;
  font-size: 120%;
  font-weight: bold;
  width: 80%;
  text-align: center;
  line-height: 2rem;
}
.selection-chart-lp li a {
  position: absolute;
}
.selection-chart-lp li:first-of-type a {
  top: 139px;
  left: 164px;
  width: 140px;
  height: 95px;
}
.selection-chart-lp li:nth-of-type(2) a {
  top: 311px;
  left: 382px;
  width: 151px;
  height: 80px;
}
.selection-chart-lp li:nth-of-type(3) a {
  top: 325px;
  left: 197px;
  width: 182px;
  height: 68px;
}
.selection-chart-lp li:last-of-type a {
  top: 421px;
  left: 278px;
  width: 189px;
  height: 64px;
}
.selection-chart-lp li span {
  display: block;
  font-size: 0.8rem;
  color: #fff!important;
}

/* ------------------------------------------------------------

 application responsiv style

------------------------------------------------------------ */
/* hero image background */
.hero-top-application-infra {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-content-head-infra.png) no-repeat;
  background-size: cover;
}
.hero-application-infra-traffic {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-content-head-infra-traffic.png) no-repeat;
  background-size: cover;
}
.hero-application-infra-power {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-content-head-infra-power.png) no-repeat;
  background-size: cover;
}
.hero-application-infra-disaster {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-content-head-infra-disaster.png) no-repeat;
  background-size: cover;
}
.hero-application-infra-water {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-content-head-infra-water.png) no-repeat;
  background-size: cover;
}
/* hero image */
[class*="hero-top-application-"],
[class*="hero-application-"] {
  padding: 7.5% 0;
  margin-bottom: -1rem;
}
[class*="hero-top-application-"] h1 {
  padding-left: 3rem;
  color: #fff;
  font-size: 4rem;
  text-shadow: 0 2px 5px #191919;
}
[class*="hero-top-application-"] h1 span {
  font-size: 1.5rem;
  padding: 0.3rem;
  display: block;
  color: #fff;
}
[class*="hero-application-"] h1 {
  padding-bottom: 3%;
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
  text-shadow: 0 2px 5px #191919;
}
[class*="hero-application-"] h1 span {
  font-size: 1.5rem;
  padding: 0.3rem;
  margin: 2rem 10rem 0;
  display: block;
  background: rgba(4, 0, 0, 0.35);
  color: #fff;
}
/* hero image change for SP */
@media screen and (max-width: 768px) {
  [class*="hero-top-application-"],
  [class*="hero-application-"] {
    padding: 20% 0;
    margin-bottom: -0.5rem;
    background-position: center;
  }
  [class*="hero-top-application-"] h1 {
    padding-left: 0;
    text-align: center;
    font-size: 8vw;
  }
  [class*="hero-top-application-"] h1 span {
    font-size: 3.5vw;
  }
  [class*="hero-application-"] h1 {
    font-size: 4.5vw;
  }
  [class*="hero-application-"] h1 span {
    margin: 1rem;
    padding: 1rem 0;
    font-size: 6vw;
  }
  .hero-top-application-infra {
    background-position: 80% 50%;
  }
}
@media screen and (max-width: 414px) {
  [class*="hero-top-application-"]{
    padding: 35% 0;
  }
  [class*="hero-top-application-"] h1 {
    font-size: 9vw;
  }
  [class*="hero-top-application-"] h1 span {
    font-size: 4.5vw;
  }
  .hero-top-application-infra {
    background-position: 95% 50%;
  }
}
/* header lead section */
#mainContents .application-lead {
  background: #666;
  color: #fff;
  padding: 1.5rem 0;
  overflow: hidden;
  box-sizing: border-box;
}
#mainContents .application-lead-caps {
  font-size: 1.5rem;
  text-align: center;
  border-right: 1px solid #fff;
  padding-bottom: 0;
}
#mainContents .application-lead-caps h2 span {
  display: block;
  color: #ccc;
  font-size: 1.2rem;
}
#mainContents .application-lead-text {
  padding: 0 1rem;
}
#mainContents #mainContents .application-lead-text p {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  #mainContents .application-lead {
    padding: 1.5rem 0 0.5rem;
  }
  #mainContents .application-lead-caps {
    display: none;
  }
  #mainContents .application-lead-caps h2 span {
    margin-bottom: 0.5rem;
  }
}
/* category top page contents navigation */
#mainContents .application-navmap-top li a {
  padding: 3.5rem 0 3rem;
  font-size: 1.3rem;
  text-align: center;
  color: #fff !important;
}
#mainContents .navmap-top-infra li a {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-infra-navmap-base.png) no-repeat;
  background-size: 150%;
  filter: brightness(75%);
}
#mainContents .navmap-top-infra li:first-of-type a {
  background-position: 21% 18%;
}
#mainContents .navmap-top-infra li:nth-of-type(2) a {
  background-position: 99% 1%;
}
#mainContents .navmap-top-infra li:nth-of-type(3) a {
  background-position: 5% 77%;
}
#mainContents .navmap-top-infra li:nth-of-type(4) a {
  background-position: 95% 93%;
}
@media screen and (max-width: 768px) {
  #mainContents .navmap-top-infra li a {
    font-size: 1rem;
  }
}
/* category main page contents navigation PC only*/
#mainContents .application-nav {
  margin-bottom: 0 !important;
  zoom: 1;
}
#mainContents .application-nav:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#mainContents .application-nav li {
  float: left;
  text-align: center;
  background: #E1EBF0;
  box-sizing: border-box;
}
#mainContents .application-nav li a {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-weight: bold;
}
#mainContents .application-nav li a:hover {
  background: #8FB4C7;
  color: #fff;
}
#mainContents .application-nav li.active {
  position: relative;
  background: #8FB4C7;
}
#mainContents .application-nav li.active a {
  color: #fff !important;
}
#mainContents .application-nav li.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(143, 180, 199, 0);
  border-top-color: #8FB4C7;
  border-width: 10px;
  margin-left: -10px;
}
#mainContents .application-nav-list03 li {
  width: 33.3%;
}
#mainContents .application-nav-list04 li {
  width: 25%;
}
#mainContents .application-nav-list05 li {
  width: 20%;
}
#mainContents .application-nav-list06 li {
  width: 16.6%;
}
@media screen and (max-width: 768px) {
  #mainContents .application-nav-list04 li {
    width: 25%;
  }
}
/* navigation map */
#mainContents .application-navmap {
  position: relative;
}
/* navigation map background */
.navmap-infra {
  background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-infra-navmap-base.png) no-repeat;
  background-size: contain;
  height: 0;
  width: 100%;
  padding-bottom: 58%;
}
/* navigation map list parts */
#mainContents .application-navmap-list li a {
  position: absolute;
  min-width: 25%;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.5rem 1rem;
  border: solid 3px #fff;
  border-radius: 100px;
  background-color: rgba(236, 139, 28, 0.7);
}
#mainContents .application-navmap-list li.airport a {
  top: 5%;
  left: 5%;
}
#mainContents .application-navmap-list li.ship a {
  top: 43%;
  left: 16%;
}
#mainContents .application-navmap-list li.railway a {
  top: 23%;
  left: 47%;
}
#mainContents .application-navmap-list li.tunnel a {
  top: 13%;
  left: 73%;
}
#mainContents .application-navmap-list li.highway a {
  top: 51%;
  left: 66%;
}
#mainContents .application-navmap-list li.wave a {
  top: 66%;
  left: 5%;
}
#mainContents .application-navmap-list li.biomas a {
  top: 77%;
  left: 36%;
}
#mainContents .application-navmap-list li.wind a {
  top: 10%;
  left: 34%;
}
#mainContents .application-navmap-list li.hydro a {
  top: 63%;
  left: 66%;
}
#mainContents .application-navmap-list li.solar a {
  top: 37%;
  left: 47%;
}
#mainContents .application-navmap-list li.gate a {
  top: 70%;
  left: 20%;
}
#mainContents .application-navmap-list li.town a {
  top: 37%;
  left: 47%;
}
#mainContents .application-navmap-list li.water01 a {
  top: 46%;
  left: 50%;
}
#mainContents .application-navmap-list li.water02 a {
  top: 56%;
  left: 73%;
}
#mainContents .application-navmap-list li.water03 a {
  top: 57%;
  left: 27%;
}
#mainContents .application-navmap-list li.water04 a {
  top: 68%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  #mainContents .navmap-infra {
    background: none;
    padding-bottom: 13rem;
  }
  #mainContents .application-navmap-list li a {
    position: static;
    border-radius: 0;
    float: left;
    width:50%;
    box-sizing: border-box;
    background: url(/fileadmin/templates-2016/ja/images/application/infrastructure/app-infra-navmap-base.png) no-repeat;
    background-size: cover;
    padding: 2rem 0;
    font-size: 1.3rem;
    border: 3px #e4e2e2 solid;
    color: #e4e2e2!important;
  }
  #mainContents .application-navmap-list li.active a {
    border: 3px #09f solid;
    color: #fff!important;
    font-weight: bold;
  }
}
@media screen and (max-width: 414px) {
  #mainContents .navmap-infra {
    padding-bottom: 12rem;
  }
  #mainContents .application-navmap-list li a {
    font-size: 4vw;
  }
}
#mainContents .application-product-box {
  border: 1px solid #d7d7d7;
}
#mainContents .application-product-box h3 {
  padding: 0.5rem 1rem;
  background: #f2f2f2;
  border-bottom: 1px dotted #ccc;
  text-align: center;
}
#mainContents .application-product-box p {
  margin: 1rem 0 0.5rem 0.5rem;
}
#mainContents .application-product-box figure {
  margin: 0 0.5rem;
}
@media screen and (max-width: 768px) {
  #mainContents .application-product figure img {
    width: 100%;
    height: 45vw;
    object-fit: contain;
  }
  #mainContents .application-product figure.img-fit-reset img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  #mainContents .application-product-box figure {
    margin: 1rem 0.5rem 0 0;
  }
  #mainContents .application-product-box figure img {
    width: 100%;
    height: 25vw;
    object-fit: cover;
  }
  #mainContents .application-product-box figure.top-reset {
    margin: 0 0.5rem 0 0;
  }
}
/* contents navigation (grid) */
#mainContents .application-grid-nav li {
  height: 10rem;
  background: #ccc;
  border: solid #fff 5px;
}
#mainContents .application-grid-nav li a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #fff !important;
  font-weight: bold;
}
#mainContents .application-grid-nav li {
  background-size: cover;
}

/* header topix ex. MitaMon */
#mainContents .header-topix {
  position: absolute;
  top: 12%;
  left: 0;
  display: inline-block;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.75);
  font-weight: bold;
  color: #4b4b4b;
}
#mainContents .header-topix span a {
  display: inline;
  margin-left: 0.5rem;
  background: #f8911b;
  padding: 0.3rem 0.5rem;
  box-shadow: #f8911b 0 0 2px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff!important;
}
@media screen and (max-width: 768px) {
  #mainContents .header-topix {
    position: static;
    display: block;
    text-align: center;
    color: #666;
    background: transparent;
  }
  #mainContents .header-topix span a {
    display:  block;
    background: #f8911b;
  }
}

/* -------------------------------

  landing page common style

---------------------------------- */

#lpStandard section {
  padding-top: 3rem;
}
@media screen and (max-width: 768px) {
  section#next {
    padding-top: 1rem;
  }
}
#lpStandard .main-top {
  position:relative;
  padding: 7% 0 2%;
}
#lpStandard .main-top-inner {
  width: 83.333333%;
  margin: 0 auto;
  padding: 2rem 4rem;
  background: rgba(50, 50, 50, 0.33);
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #lpStandard .main-top {
    padding: 5% 0;
  }
  #lpStandard .main-top-inner {
    width: 100%;
    padding: 2rem 0 0;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard .main-top {
    padding: 10% 0;
  }
}
#lpStandard .main-top h1 {
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  #lpStandard .main-top h1 {
    padding: 2% 0;
    font-size: 5vw;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard .main-top h1 {
    font-size: 6vw;
    padding-top: 10%;
  }
}
#lpStandard .main-top h1 span:first-of-type {
  display: block;
  font-size: 45%;
  text-shadow: none;
}
#lpStandard .main-top h1 span:last-of-type {
  display: block;
  font-size: 118%;
}
#lpStandard .h1-lead {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 1.35rem;
  padding: 0.2rem 1rem;
}
@media screen and (max-width: 768px) {
  #lpStandard .h1-lead {
    font-size: 135%;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard .h1-lead {
    font-size: 100%;
  }
}
#lpStandard h2 {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #lpStandard h2 {
    font-size: 1.4rem;
  }
}
#lpStandard h2+p:last-of-type {
  margin-bottom: 2rem;
}
#lpStandard h3 {
  margin-bottom: 2rem;
  text-align: center;
}
#lpStandard .text-box {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #lpStandard .text-box {
    width: 95%;
  }
}
/*
#lpStandard .lead-area h2 {
  text-align: left;
}
*/
#lpStandard .lead-area .text-box {
  padding-bottom: 25%;
}
@media screen and (max-width: 768px) {
  #lpStandard .parallax-area {
    background-size: 100%;
    padding-bottom: 15%;
  }

}
@media screen and (max-width: 414px) {
  #lpStandard .parallax-area {
    background-color: #e3e3e3;
  }
}
@media screen and (max-width: 768px) {
  #lpStandard .tel-box {
    text-align: center;
    font-size: 100%;
  }
}
/* benefit-area */
#lpStandard .benefit-icon {
  padding: 0 0 1rem;
}
#lpStandard .benefit-icon img {
  width: 25%;
  margin: 0 auto;
  display: block;
}

/* contents-nav-box */
#lpStandard .contents-nav-box {
  background: #f2f2f2;
  padding: 2.5rem 1rem 1rem;
}
#lpStandard .contents-nav-box-inner {
  background: #fff;
  padding: 1.5rem 1rem 1rem 1rem;
  font-weight: 600;
}

/* -- video style -- */
.video-box-frame {
  background-color: #000;
  padding: 1rem 0 2rem;
  color: #fff;
  text-align: center;
}
.video-box-title {
  font-size: 1rem;
  margin-bottom: 0!important;
}
/* -- heading background color -- */
.bg-dark {
  background-color: #4D4D4D;
  padding: 0.3rem 0.5rem;
  color: #fff;
  margin-bottom: 1rem;
}
.bg-orange {
  background-color: #f8911b;
  padding: 0.3rem 0.5rem;
  color: #fff;
  margin-bottom: 1rem;
}
/* -- box design -- */
.box-shadow {
  box-shadow: 2px 2px 5px 1px #ccc;
}
/* -- image width -- */
.img-width-06 {
  width: 50%;
  margin: 0 auto;
}
.img-width-04 {
  width: 33.333333%;
  margin: 0 auto;
}
.img-width-03 {
  width: 25%;
  margin: 0 auto;
}

/* -------------------------------

  NER API landing page style

---------------------------------- */
/* background of NER API */
.ner-api .main-top {
  background: url(/fileadmin/templates-2016/ja/images/products/shaft-coupling/bg-ner-api-top.png) top center no-repeat #666;
  background-size: 1000px;
}
.ner-api .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/shaft-coupling/bg-ner-api-next01.png) no-repeat;
  background-size: 80%;
  background-position: bottom center;
}
.ner-api .center-unit {
  background: url(/fileadmin/templates-2016/ja/images/products/shaft-coupling/bg-ner-api-next02.png) no-repeat;
  background-size: 85%;
  background-position: center center;
}
.ner-api .lead-area h2 {
  font-size: 1rem!important;
}
.ner-api .top-image {
  position: absolute;
  width: 40%;
  bottom: 5%;
  right: 0;
}
@media screen and (max-width: 768px) {
  .ner-api .top-image {
    position: inherit;
    width: 55%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 414px) {
  .ner-api .top-image {
    width: 70%;
  }
}
.ner-api .h1-lead {
  background: rgba(245, 131, 0, 0.78) !important;
  box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
}
.ner-api .scroll-button a {
  color: #666 !important;
}
.ner-api .scroll-button a span {
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}
.ner-api .heading-balloon {
  font-size: 1rem;
}

/* -------------------------------

  Shuffle Conveyor campaign page style

---------------------------------- */
/* background */
.shuffle-conveyor .main-top {
  background: url(/fileadmin/templates-2016/ja/images/products/scrap-coolant/bg-campaign-shuffle-top.png) top center no-repeat #666;
  background-size: cover;
  padding-bottom: 40%!important;
}
.shuffle-conveyor .main-top h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.shuffle-conveyor .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/scrap-coolant/bg-campaign-shuffle01.png) no-repeat;
  background-size: 70%;
  background-position: bottom center;
  padding-bottom: 25%;
}
.shuffle-conveyor .top-image {
  position: absolute;
  width: 40%;
  bottom: -11%;
  right: 2%;
}
@media screen and (max-width: 414px) {
  .shuffle-conveyor .top-image {
    width: 45%;
  }
}

/* -------------------------------

  Topchain UPE page style

---------------------------------- */
/* background of Topchain UPE */
#lpStandard.rsp-upe .main-top {
  padding: 4% 0 25%;
}
.rsp-upe .main-top {
  background: url(/fileadmin/templates-2016/ja/images/products/top-chain/bg-top-chain-upe-top.png) bottom center no-repeat #666;
  background-size: 1000px;
}
.rsp-upe .top-image {
  position: absolute;
  width: 75%;
  top: 35%;
  left: 10%;
}
#lpStandard.rsp-upe .main-top h1 {
  font-size: 2rem;
}
#lpStandard.rsp-upe .main-top h1 span:last-of-type {
  display: block;
  font-size: 2.5rem;
}
.rsp-upe .h1-lead {
  background: rgba(245, 131, 0, 0.78) !important;
  box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
  position: absolute;
  bottom: 20%;
  left: 22%;
  width: 35rem;
  z-index: 999999;
}
.rsp-upe .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/top-chain/img-top-chain-upe-bg02.png) no-repeat;
  background-size: contain;
  background-position: bottom center;
}
@media screen and (max-width: 768px) {
  #lpStandard.rsp-upe .main-top {
    padding: 4% 0 40%;
  }
  #lpStandard.rsp-upe .main-top-inner {
    padding: 2rem 0;
  }
  #lpStandard.rsp-upe .main-top h1 {
    font-size: 4vw;
  }
  #lpStandard.rsp-upe .main-top h1 span:last-of-type {
    font-size: 118%;
  }
  .rsp-upe .top-image {
    width: 100%;
    top: 45%;
    left: 0;
  }
  .rsp-upe .h1-lead {
    position: inherit;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard.rsp-upe .main-top h1 {
    font-size: 6vw;
    padding-top: 0;
  }
  .rsp-upe .top-image {
    top: 60%;
    left: 0;
  }
}

/* -------------------------------

  Topchain WTU3015 page style

---------------------------------- */
#lpStandard.wtu3015 .main-top {
  background: url(/fileadmin/templates-2016/ja/images/products/top-chain/img-top-chain-curve-bg01.png) bottom center no-repeat;
  background-size: contain;
  padding-bottom: 20%;
}
#lpStandard.wtu3015 .main-top-inner {
  background: transparent;
}
#lpStandard.wtu3015 h1 {
  text-shadow: 2px 2px 3px #000000;
}
#lpStandard.wtu3015 .h1-lead {
  background: rgba(245, 131, 0, 0.78) !important;
  box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
  position: absolute;
  bottom: 18%;
  left: 22%;
  width: 35rem;
}
#lpStandard.wtu3015 .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/top-chain/img-top-chain-curve-bg02.png) no-repeat;
  background-size: 80%;
  background-position: bottom center;
  padding-bottom: 15%;
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  #lpStandard.wtu3015 .main-top {
    background-position: top center;
    padding-bottom: 10%;
  }
  #lpStandard.wtu3015 .h1-lead {
    position: inherit;
    width: 80%;
    margin: 0 auto;
    font-size: 1rem;
  }
  #lpStandard.wtu3015 .main-top-inner {
    padding-top: 0;
  }
}

/* -------------------------------

  eLINK PR page style

---------------------------------- */
/* background of eLINK */
#lpStandard.lp-elink .main-top {
  padding: 25% 0 30%;
  background: url(/fileadmin/templates-2016/ja/images/products/elink/bg-elink-top01.png) bottom center no-repeat #fff;
  background-size: cover;
}
#lpStandard.lp-elink .main-top-inner {
  background: transparent;
}
.lp-elink .top-image {
  position: absolute;
  width: 45%;
  top: 20%;
  right: 41%;
}
#lpStandard.lp-elink .main-top h1 {
  font-size: 2.5rem;
}
#lpStandard.lp-elink .main-top h1 span:first-of-type {
  display: block;
  font-size: 1.8rem;
}
#lpStandard.lp-elink .main-top h1 span:nth-of-type(2) {
  display: inline;
  font-size: 3rem;
  color: #f8911b;
}
.lp-elink .h1-lead {
  background: rgba(245, 131, 0, 0.78) !important;
  box-shadow: 0 0 10px 5px rgba(245, 131, 0, 0.78);
  position: absolute;
  bottom: 34%;
  right: 40%;
  width: 30rem;
  z-index: 999999;
}
.lp-elink .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/elink/bg-elink01.png) no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.lp-elink .logo-ecolink {
  position: absolute;
  bottom: 5%;
  left: 90%;
  width: 7%;
}
#lpStandard .news-box h2 {
  margin-bottom: 0.5rem;
  text-align: left;
  font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-elink .main-top {
    padding: 10% 0 45%;
    background-position: top center;
  }
  #lpStandard.lp-elink .main-top-inner {
    padding: 2rem 0;
  }
  #lpStandard.lp-elink .main-top h1 {
    font-size: 4vw;
  }
  #lpStandard.lp-elink .main-top h1 span:first-of-type {
    font-size: 4.5vw;
  }
  #lpStandard.lp-elink .main-top h1 span:last-of-type {
    font-size: 118%;
  }
  .lp-elink .h1-lead {
    bottom: 30%;
    right: 20%;
    width: 65vw;
  }
  .lp-elink .lead-area {
    background-size: contain;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard.lp-elink .main-top h1 {
    font-size: 5vw;
    padding-top: 0;
  }
}

/* -------------------------------

  eLINK PR page style 2019.07 renew

---------------------------------- */
/* background of eLINK */
#lpStandard.lp-elink-renew .main-top {
  padding-top: 0;
}
#lpStandard.lp-elink-renew .main-top-inner {
  position: relative;
  padding: 0;
  width: 100%;
  background: transparent;
}
.lp-elink-renew .top-image {
  width: 31%;
  margin: 5% auto;
  text-align: center;
  font-size: 1.15rem;
}
.lp-elink-renew .top-image img {
  margin-bottom: 1rem;
}
.lp-elink-renew .top-image .copy {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem!important;
}
@media screen and (max-width: 768px) {
  .lp-elink-renew .top-image {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  .lp-elink-renew .top-image {
    width: 80%;
  }
}
#lpStandard.lp-elink-renew .main-top h1 {
  font-size: 2.5rem;
}
#lpStandard.lp-elink-renew .main-top h1 span:first-of-type {
  display: block;
  font-size: 1.8rem;
}
#lpStandard.lp-elink-renew .main-top h1 span:nth-of-type(2) {
  display: inline;
  font-size: 3rem;
  color: #f8911b;
}
.lp-elink-renew .lead-area {
  background: url(/fileadmin/templates-2016/ja/images/products/elink/bg-elink01.png) no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding-bottom: 35%;
}
.lp-elink-renew .logo-ecolink {
  position: absolute;
  bottom: 5%;
  left: 90%;
  width: 7%;
}
#lpStandard.lp-elink-renew .benefit-icon img {
  width: 15%;
  margin: 1rem auto;
}
#lpStandard.lp-elink-renew .news-box h2 {
  margin-bottom: 0.5rem;
  text-align: left;
  font-size: 0.9rem;
}
#lpStandard.lp-elink-renew .lead-area .text-box {
  padding-bottom: 3%;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-elink-renew .main-top {
    padding: 0;
  }
  #lpStandard.lp-elink-renew .main-top h1 {
    font-size: 4vw;
  }
  #lpStandard.lp-elink-renew .main-top h1 span:first-of-type {
    font-size: 4.5vw;
  }
  #lpStandard.lp-elink-renew .main-top h1 span:last-of-type {
    font-size: 118%;
  }
  .lp-elink-renew .lead-area {
    background-size: contain;
  }
}
@media screen and (max-width: 414px) {
  #lpStandard.lp-elink-renew .main-top h1 {
    font-size: 5vw;
    padding-top: 0;
  }
}

/* -------------------------------

  Special page common style

---------------------------------- */

#special-product section {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #mainContents .col-12 {
    float: none;
  }
}
#special-product section:nth-of-type(even) {
  background: rgba(216, 216, 216, 0.8);
  padding: 3rem 1rem;
}
#special-product section:nth-of-type(odd) {
  background: rgba(241, 241, 241, 0.8);
  padding: 3rem 1rem;
}
/* header */
#special-product h2 {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 5px solid #b3b3b3;
  padding-bottom: 0.3rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 414px) {
  #special-product h2 {
    font-size: 1.05rem;
  }
}
#special-product h3 {
  font-size: 1.2rem;
  color: #fff;
  padding: 0.3rem;
  text-align: center;
  text-shadow: #717171 0 0 10px;
  background: rgba(33, 33, 33, 0.86);
  box-shadow: 0 0 5px 3px rgba(31, 31, 31, 0.92);
  margin: 2rem 0;
}
#special-product .hero-main.gm-iot {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-top.png) center 90% no-repeat #000102;
  background-size: 80%;
  padding: 10% 0 60%;
  color: #fff;
}
#special-product .hero-main-inner {
  width: 80%;
  margin: 0 auto;
}
#special-product .hero-main h1 {
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #fff;
  margin: 0 auto 3.5rem;
}
#special-product .hero-main-lead.gm-iot {
  font-size: 0.85rem;
  margin-bottom: 2.5rem;
}
#special-product .hero-main-feature {
  text-align: center;
}
#special-product .hero-main-feature h2 {
  font-size: 2rem;
  text-shadow: 0 3px 10px #C19A17;
  margin-bottom: 1rem;
  border: none;
}
#special-product .hero-main-feature .award {
  background: rgba(255, 255, 255, 0.4);
  padding: 0.5rem;
}
#special-product .hero-main-feature .award .col-06 {
  padding: 0;
}
#special-product .hero-main-feature .award p {
  margin: 1rem;
  color: #fffdf3;
}
@media screen and (max-width: 768px) {
  #special-product .hero-main-feature .award  {
    margin-bottom: 1rem;
  }
  #special-product .hero-main-feature .award p {
    margin-bottom: 0.5rem;
    font-size: 0.8rem
  }
}
@media screen and (max-width: 414px) {
  #special-product .hero-main {
    background-position: 33% -40%;
    padding: 20% 0 15%;
  }
  #special-product .hero-main-inner {
    width: 90%;
    margin: 0 auto;
  }
  #special-product .hero-main h1 {
    font-size: 5vw;
  }
  #special-product .hero-main .section-name {
    font-size: 1.3rem;
    margin-bottom: 5rem;
  }
  #special-product .hero-main-lead {
    font-size: 0.85rem;
    padding-bottom: 0%;
  }
  #special-product .hero-main-feature h2 {
    font-size: 6vw;
  }
}
@media screen and (max-width: 414px) {
  #special-product .hero-main {
    background-position: 33% -65%;
  }
}
#special-product section.video-area {
  background: #000102;
  padding: 0 1rem 1rem;
  font-size: 1.1rem;
}
#special-product section.video-area .video-box {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 414px) {
  #special-product section.video-area .video-box {
    width: 100%;
  }
}
#special-product .lead-area.gm-iot {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-lead.png) center top no-repeat #080808;
  padding-top: 40%;
}
@media screen and (max-width: 768px) {
  #special-product .lead-area.gm-iot {
    padding-top: 15%;
    background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-lead.png) center top no-repeat transparent;
    background-size: 100vw;
  }
}
#special-product .lead-area.gm-iot h2 {
  position: absolute;
  top: 20%;
  left: 33%;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 3px 10px #C19A17;
  border: none;
}
@media screen and (max-width: 768px) {
  #special-product .lead-area.gm-iot h2 {
    position: inherit;
  }
}
@media screen and (max-width: 414px) {
  #special-product .lead-area.gm-iot h2 {
    font-size: 5vw;
  }
}
#special-product .lead-area.gm-iot figure {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 40%;
  height: 40%;
}
@media screen and (max-width: 768px) {
  #special-product .lead-area.gm-iot figure {
    position: inherit;
    width: 80%;
    height: 80%;
    margin:  0 auto;
  }
}
#special-product .lead-area.gm-iot .lead-inner {
  background: rgba(255, 255, 255, 0.6);
  padding: 2.5rem 2rem;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #special-product .lead-area.gm-iot .lead-inner {
    background: #fff;
    padding: 1rem 0 0;
    width: 100%;
  }
}
#special-product .lead-area.gm-iot .lead-head {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 414px) {
  #special-product .lead-area.gm-iot .lead-head {
    font-size: 5vw;
  }
}
#special-product section.contact-area {
  color: #fff;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-footer.png) center bottom no-repeat #071324;
}
#special-product .contact-area h3 {
  background: transparent;
  box-shadow: none;
  margin-bottom: 1.7rem;
}
#special-product .available-series {
  text-align: center;
  font-size: 1rem;
  border: 1px solid #fff;
}
#special-product .available-series h3 {
  background: rgba(255, 255, 255, 0.5);
}
#special-product .available-series ul {
  margin-bottom: 1rem;
}
@media screen and (max-width: 414px) {
  #special-product .button {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}

/* -------------------------------

  IoT mitaro renew 2019.06

---------------------------------- */

#mainContents .mitaro-scada .page-link .link-parts.feature {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article01.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts.accessory {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article03.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts.application {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article04.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts.support {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article05.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts.special {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article06.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts.other {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-article02.png) no-repeat;
}
#mainContents .mitaro-scada .page-link .link-parts {
  background-size: 100%!important;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  #mainContents .mitaro-scada .page-link .link-parts {
    font-size: 100%;
  }
}
#mainContents .mitaro-scada .page-link .link-parts a {
  width: 100%;
  height: 0;
  padding: 28% 0 35%;
  color: #fff;
  text-align: center;
}
#mainContents .mitaro-scada .page-link .link-parts .link-text {
  font-size: 0.75rem;
  transform: translateY(1.5rem);
}

#mainContents .mitaro-scada .mitaro-scada-example {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example-center.png) no-repeat center 5%;
  background-size: 35%;
  padding-bottom: 50%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl {
  position: absolute;
  margin-bottom: 1rem;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:first-of-type {
  top: 0;
  left: 8%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(2) {
  top: 37%;
  left: 4%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(3) {
  bottom: 10%;
  left: 22%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(4) {
  bottom: 0;
  left: 41%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(5) {
  bottom: 10%;
  left: 60%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(6) {
  top: 36%;
  right: 5%;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(7) {
  top: 0;
  right: 8%;
}
#mainContents .mitaro-scada .mitaro-scada-example dt {
  text-align: center;
  padding: 12% 17%;
  background-size: cover!important;
  width: 100%;
  height: 5rem;
  border-radius: 10px;
  color:  #fff;
  margin-bottom: 0.5rem;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:first-of-type dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example01.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(2) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example02.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(3) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example03.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(4) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example04.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(5) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example05.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(6) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example06.png) no-repeat;
}
#mainContents .mitaro-scada .mitaro-scada-example dl:nth-of-type(7) dt {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-scada-example07.png) no-repeat;
}
@media screen and (max-width: 768px) {
  #mainContents .mitaro-scada .mitaro-scada-example {
    background-position: center 2%;
    background-size: 45%;
    padding-top: 40%;
    padding-bottom: 0;
  }
  #mainContents .mitaro-scada .mitaro-scada-example dl {
    position: static;
  }
  #mainContents .mitaro-scada .mitaro-scada-example dt {
    padding: 25% 5% 30%;
  }
}

/* mitaro SCADA/HMI header */
#mainContents .mitaro-scada .header-read {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/logo-mitaro01-re.png) no-repeat 5% 0;
  background-size: 15%;
}
#mainContents .mitaro-scada .header-read p {
  text-align: left;
  padding-left: 20%;
  margin-bottom: 0;
}
/* mitaro SCADA/HMI feature page icon */
#mainContents .mitaro-scada .benefit-icon {
  margin: 0 auto;
  width: 10rem;
}
@media screen and (max-width: 768px) {
  #mainContents .mitaro-scada .benefit-icon {
    margin: 0 auto;
    width: 33.33333333%;
  }
}
#mainContents .mitaro-mojule-form table p {
  margin-bottom: 0;
}
#mainContents .mitaro-mojule-form table td {
  padding: 0.5rem;
  vertical-align: middle;
}
#mainContents .mitaro-mojule-form .table-total {
  margin: 0.5rem;
  display: inline-block;
}
#mainContents .mitaro-mojule-form input {
  margin-left: 0.5rem;
  font-size: 1rem;
  border: 1px solid #09f;
}

/* mitaro SCADA/HMI example page */

#mainContents .mitaro-scada .benefit-area:after {
  content: "";
  clear: both;
  display: block;
}
#mainContents .mitaro-scada .benefit-area li {
  float: left;
  width: 20%;
}
#mainContents .mitaro-scada .benefit-area .benefit-icon {
  width: 100%;
  padding: 0;
}
#mainContents .mitaro-scada .benefit-area .benefit-box {
  position: relative;
}
#mainContents .mitaro-scada .benefit-area .active .benefit-box:after {
  content: ">";
  font-size: 2rem;
  position: absolute;
  color: #fff;
  bottom: -24%;
  left: 46%;
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  #mainContents .mitaro-scada .benefit-area li {
    width: 50%;
  }
}

.mitaro-monitoring .top-lead h1 {
  display: none;
}
.mitaro-monitoring .heading-exlarge {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.mitaro-monitoring .lead-step h2 {
  background: #f58300;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  width: 95%;
  height: 4rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .mitaro-monitoring .lead-step h2 {
    width: 100%;
    height: auto;
  }
}
.mitaro-monitoring .lead-step h2 span {
  font-size: 1.15rem;
  line-height: 1.8;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 768px) {
  .mitaro-monitoring .lead-step h2 span {
    display: inline;
  }
}
.mitaro-monitoring .lead-step [class*="col-"] {
  position: relative;
}
.mitaro-monitoring .lead-step h2:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.8%;
  border-width: 2rem 0 2rem 2rem;
  border-style: solid;
  border-color: transparent transparent transparent #f58300;
  height: 4rem;
}
@media screen and (max-width: 768px) {
  .mitaro-monitoring .lead-step h2:after {
    content: none;
  }
}
.mitaro-monitoring .lead-step [class*="col-"]:last-of-type h2:after {
  content: none;
}
.mitaro-monitoring .lead-step [class*="col-"]:first-of-type h2 {
  background: #b4aeae;
}
.mitaro-monitoring .lead-step [class*="col-"]:first-of-type h2:after {
  border-color: transparent transparent transparent #b4aeae;
}
.mitaro-monitoring .lead-step [class*="col-"]:last-of-type h2 {
  background: #09f;
  width: 100%;
}
.mitaro-monitoring .step-box {
  border: 1px solid #ccc;
  padding: 1rem 0.8rem;
}
.mitaro-monitoring .step-box figure {
  margin-bottom: 1rem;
}
.mitaro-monitoring .heading-problem {
  width: 100%;
  border-radius: 10px;
  background: #ccc;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-size: 1.2rem;
}
.mitaro-monitoring #feature01 {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-monitoring-icon01.png) no-repeat left top;
  background-size: 15%;
  padding-left: 10%;
}
.mitaro-monitoring #feature02 {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-monitoring-icon02.png) no-repeat left top;
  background-size: 15%;
  padding-left: 10%;
}
.mitaro-monitoring #feature03 {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-monitoring-icon03.png) no-repeat left top;
  background-size: 15%;
  padding-left: 10%;
}
.mitaro-monitoring #feature04 {
  background: url(/fileadmin/templates-2016/ja/images/products/iot/img-mitaro-monitoring-icon04.png) no-repeat left top;
  background-size: 15%;
  padding-left: 10%;
}
@media screen and (max-width: 414px) {
  .mitaro-monitoring #feature01 {
    padding-left: 20%;
  }
  .mitaro-monitoring #feature02 {
    padding-left: 20%;
  }
  .mitaro-monitoring #feature03 {
    padding-left: 20%;
  }
  .mitaro-monitoring #feature04 {
    padding-left: 20%;
  }
}

.mitaro-monitoring .benefit-icon {
  padding: 0 1rem 1rem;
}
@media screen and (max-width: 768px) {
  .mitaro-monitoring .benefit-icon {
    padding: 0 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  #mainContents .mitaro-monitoring .col-12 {
    float: left;
  }
}

/*----------------------------------------------

 タブ切り替え css only (input) tsubaki ota add

 -----------------------------------------------*/
#tab-area label {
  display: block;
  float: left;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background:#eaeaea;
  transition: 0.3s;
  box-sizing: border-box;
  cursor: pointer;
}
#tab-area label:hover {
  background: #0099ff!important;
  color: #fff!important;
}
#tab-area #tab01:checked ~ .tab01,
#tab-area #tab02:checked ~ .tab02,
#tab-area #tab03:checked ~ .tab03,
#tab-area #tab04:checked ~ .tab04,
#tab-area #tab05:checked ~ .tab05 {
  background: #0099ff;
  color: #fff;
}
#tab-area input[name="tab"] {
  display: none;
}
#tab-area .tab-section {
  clear: both;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 1rem 0;
}
#tab-area .tab-section>div {
  height: 0;
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden; 
  transition: opacity 0.7s;
}
#tab01:checked ~ .tab-section #tab-content01,
#tab02:checked ~ .tab-section #tab-content02,
#tab03:checked ~ .tab-section #tab-content03,
#tab04:checked ~ .tab-section #tab-content04,
#tab05:checked ~ .tab-section #tab-content05 {
  height: auto;
  padding: 10px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #tab-area label {
    font-size: 0.85rem;
  }
}


/*----------------------------------------------

 ページ内リンク tsubaki ota add

 -----------------------------------------------*/
.page-anchor-link: {
  box-sizing: border-box;
}
.page-anchor-link:after {
  content: "";
  clear: both;
  display: block;
}
.page-anchor-link li {
  float: left;
  padding: 0.2rem;
}
.page-anchor-link li a {
  color: #435e7a !important;
  text-align: center;
  padding: 0.5rem 0.2rem;
  border-radius: 5px;
  box-shadow: #c5c5c5 0 1px 0;
  border: 1px solid #e2e1e1;
  background: #fbfbfb;
}
.page-anchor-link.link-col05 li {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .page-anchor-link.link-col05 li {
    width: 50%;
  }
}

/*----------------------------------------------

 販売終了商品案内ページ レスポンシブ版用 tsubaki ota add

 -----------------------------------------------*/

.ttlProducts01 {
  margin-bottom: 10px;
  padding-bottom: 6px;
  background: url(/fileadmin/templates-2016/ja/images/products/products-section-head-bg.gif) left bottom no-repeat;
  font-weight: bold;
  font-size: 123.1%;
}

/*----------------------------------------------

 カラムの逆位置指定用 tsubaki ota add

 -----------------------------------------------*/

.contents-reverse:nth-of-type(odd) [class*="col-"] {
  float: right;
}


/*----------------------------------------------

 型番変更告知ページ ida add 200319

 -----------------------------------------------*/
.border_box {
    margin: 5px;
    padding: 10px;
    border: 1px solid #c5cdce;
}
.text_red{
  color: #f13838;
}
.products_section_head {
    margin-bottom: 10px;
    padding: 1px 2px 11px;
    padding: 1px 2px 5px;
    font-size: 123.1%;
    line-height: 1.4em;
    font-weight: bold;
    background: url(/fileadmin/templates/ja/images/products/products_section_head_bg.gif) no-repeat 0 bottom;
}
#products .caption, #reference .caption {
    margin: 7px 0;
    padding-left: 7px;
    font-weight: bold;
    text-align: left;
    border-left: solid 4px #0d82d3;
}
.chain_kataban_article .products_textlink a, .products_textlink_col a {
    display: inline-block;
    padding: 3px 16px;
    background: url(/fileadmin/templates/ja/images/common/marker_blue1.gif) no-repeat 0 9px transparent;
}
.chain_kataban_article .products_feature_table, .products_download_table, .products_spec_table {
  margin-bottom: 10px;
}
.chain_kataban_article .products_feature_table, .products_spec_table {
  width: 100%;
}
.chain_kataban_article .products_download_table th, .products_download_table td, .products_spec_table th, .products_spec_table td {
  padding: 6px;
  text-align: center;
  border: 1px solid #c5cdce;
}
.chain_kataban_article .products_long_table th, .products_long_table td {
  padding: 3px 5px;
  text-align: center;
  border: 1px solid #c5cdce;
}
.chain_kataban_article .products_feature_table th, .products_feature_table td {
  padding: 2px 5px;
  border: 1px solid #c5cdce;
}
.chain_kataban_article .products_download_table th, .products_spec_table th, .products_long_table th, .products_feature_table th {
  font-weight: bold;
  text-align: center;
  background: url(/fileadmin/templates/ja/images/products/products_table_bg.gif);
}
.chain_kataban_article .tblnobdr th, .tblnobdr td {
  border: none;
}
/*product.cssEND*/

.chain_kataban_article {
    padding: 0 30px;
}
.chain_kataban_article h2 {
    margin: 30px auto;
    font-size: 26px;
    border-bottom: 2px #0099FF solid;
}
.border_box {
    margin: 10px 0;
}
.border_box ul {
    width: 750px;
}
.border_box li {
    display: inline-block;
    width: 180px;
}
.chain_kataban_article .chain_newtype {
    display: block;
    width: 900px;
    margin: 0 auto;
    padding: 0 90px 90px;
    background: #E1F3FF;
}
#mainContents .chain_kataban_article .chain_newtype {
    margin-bottom: 40px;
}
.chain_kataban_article .chain_newtype h3 {
    margin: 30px -90px 60px;
    background-image: url(/fileadmin/ja/products/images/reference/chain/img-reference-chain_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #95d5ff;
    color: #063772;
    font-size: 30px;
    line-height: 100px;
    text-align: center;
}
.chain_kataban_article .chain_newtype li {
    display: inline-block;
    width: 230px;
    height: 320px;
    margin: 0 5px;
    vertical-align: top;
    background: #fff;
}
.chain_kataban_article .chain_newtype li.first{
  margin-left: 0;
}
.chain_kataban_article .chain_newtype li.last{
  margin-right: 0;
}
.chain_kataban_article .chain_newtype li span {
    display: block;
    padding: 10px 0;
    background: #2261A3;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}
.chain_kataban_article .chain_newtype li.first span,.chain_newtype li.last span {
  padding: 0;
    line-height: 72px;
}
.chain_kataban_article .chain_newtype p {
    font-size: 14px;
    padding: 10px;
}
.chain_kataban_article .chain_newtype li p {
    text-align: center;
}
.chain_newtype li.first p,.chain_newtype li.last p {
    padding: 22px 0;
}
.chain_kataban_article .chain_case{
  margin-top: 30px;
}
.chain_kataban_article .chain_case span {
    display: inline-block;
    width: 90px;
    background: #0099FF;
    border-radius: 50%;
    line-height: 90px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    filter: drop-shadow(3px 3px 0px rgba(0,135,225,0.3));
}
.chain_kataban_article .chain_case p {
    display: inline-block;
    width: 600px;
    padding: 16px 20px;
    border-top: 1px #0099FF solid;
    border-bottom: 1px #0099FF solid;
    font-size: 18px;
    vertical-align: top;
}
#mainContents .chain_kataban_article .chain_case img {
    display: block;
    width: 50px;
    margin: 0 auto 16px;
}
.chain_kataban_article .merit span {
    display: block;
    background: #0099FF;
    color: #fff;
    font-size: 26px;
    line-height: 80px;
    text-align: center;
}
.chain_kataban_article .merit img {
    display: block;
    padding: 16px 36px;
    background: #A2DAFF;
}
.chain_kataban_article .old {
    margin-top: 30px;
    border-top: 1px #85878A solid;
    border-bottom: 1px #85878A solid;
}
.chain_kataban_article .old span {
    display: inline-block;
    font-size: 16px;
    padding: 5px 80px 5px 70px;
    position: relative;
    color: #fff;
    z-index: 1;
    letter-spacing: 3px;
}
.chain_kataban_article .old span::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #85878A;
    transform: scaleY(1) perspective(.6em) rotateX(-1deg);
    transform-origin: top left;
}
.chain_kataban_article .old p {
    width: 310px;
    padding: 10px;
}
.chain_kataban_article .old div {
    float: right;
    width: 400px;
    margin-top:16px;
    background: #fff;
}
.chain_kataban_article .old ul {
    padding: 10px 16px;
    line-height: 1.5;
}
.chain_kataban_article .old div li {
    display: block;
    height: auto;
    margin: 0;
    font-size: 21px;
}
.chain_kataban_article .old div p {
    float: right;
    width: 160px;
    margin-top: 32px;
    font-size: 12px;
}
.chain_kataban_article ul.col4 {
    margin: 16px 0 36px;
}
.chain_kataban_article ul.col4 li {
    display: inline-block;
    width: 200px;
    margin: 5px 0 0;
}
#mainContents .chain_kataban_article .col4 a {
    text-decoration: underline;
    display: inline-block;
    border: none;
    outline: none;
}
#mainContents .chain_kataban_article .col4 a:hover{
    text-decoration: none;
}
.chain_kataban_article .products_feature_table td{
  padding:6px;
  vertical-align: middle;
}
@media screen and (max-width: 768px){

  .chain_kataban_article {
    padding: 0 16px;
  }
  .chain_kataban_article h2{
    font-size: 20px;
  }
  .border_box ul,.border_box li {
    width: auto;
  }
  .chain_kataban_article .chain_newtype {
      width: auto;
      padding: 0 16px;
  }
  .chain_kataban_article .chain_newtype h3 {
      margin: 0 -16px 32px;
      padding: 32px 0;
      font-size: 16px;
      line-height: 1.5;
  }
  .chain_kataban_article .chain_newtype li {
      display: block;
      width: auto;
      height: auto;
      margin: 0 auto;
  }
  .chain_kataban_article .chain_case span {
    margin: 0 auto;
    display: block;
  }
  .chain_kataban_article .chain_case p {
    width: auto;
    margin-top: 16px;
    padding: 8px 0;
  }
  .chain_kataban_article .merit span {
      padding: 16px 0;
      font-size: 16px;
      line-height: 1.5;
  }
  .chain_kataban_article .merit img {
    padding: 16px 0;
  }
  .chain_kataban_article .old {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 32px;
    border: none;
  }
  .chain_kataban_article .old div {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    order: 2;
    float: none;
    margin-top: 0;
  }
  .chain_kataban_article .old span {
    padding: 5px 48px;
  }
  .chain_kataban_article .old div p {
    order: 2;
    float: none;
    margin: 0;
  }
  .chain_kataban_article .old ul {
    order: 1;
  }
  .chain_kataban_article .old div li {
    font-size: 18px;
  }
}

/* -------------------------------

  Topchain WT1515vg 2020.5 fujisaki add

---------------------------------- */

#lpStandard.wt1515vg .main-top {
  background: url(/fileadmin/templates-2016/ja/images/products/top-chain/img-top-chain-wt1515vg-bg1.png) center no-repeat;
  background-size: cover;
  padding: 21% 0;
  margin-bottom: 3rem;
}
#lpStandard.wt1515vg .main-top-inner {
  background: transparent;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}
#lpStandard.wt1515vg .main-top h1 {
  color: black;
    font-size: 2.3rem;
    text-align: left;
  position: absolute;
  top: 50%;
  left: 3%;
  text-shadow: 0 0 6px #fff ;
}
#lpStandard.wt1515vg .h1-lead {
  background: #00944a;
  font-size: 1.5rem;
  position: absolute;
  top: 17%;
  left: 0%;
  width: 28rem;
}
#lpStandard.wt1515vg .lead-area01 {
  padding-top: 2%;
}
#lpStandard.wt1515vg .lead-area-bg{
  width: 90%;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

#lpStandard.wt1515vg .lead-area-bg img{
  border: 1px solid #00944a;
  padding: 0.5rem;
}
#lpStandard.wt1515vg .text-bg-orange p {
  font-size: 1rem;
  background: #00944a;
  color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
}
#lpStandard.wt1515vg .feature-text dt, #lpStandard.wt1515vg .feature-text dd:first-of-type{
  padding: 1%;
  font-size: 1rem;
}
#lpStandard.wt1515vg .feature-text dd:nth-of-type(2){
  padding: 1%;
  font-size: 1rem;
  margin-bottom: 2%;
}
#lpStandard.wt1515vg .feature-text dd:nth-of-type(3){
  padding: 1%;
  font-size: 1rem;
  margin-bottom: 2%;
}
#lpStandard.wt1515vg .feature-text dt{
  float: left;
  color: #fff;
  font-weight: bold;
  background: #00944a;
  width: 10%;
  text-align: center;
}
#lpStandard.wt1515vg .feature-text dd{
  float: left;
  background: #ddefdc;
  width: 90%;
}
#lpStandard.wt1515vg .feature-text a{
  float: right;
  padding-right: 3%;
  color: #09f;
}
#lpStandard.wt1515vg .feature-text p{
  padding-left: 12%;
}
#lpStandard.wt1515vg .feature01-text img{
  width: 90%;
  padding-left: 10%;
}]
#lpStandard.wt1515vg .feature02-1 img{
  width: 90%;
  margin-right: 10%;
}
#lpStandard.wt1515vg .feature02-2{
  margin-top: 2%;
}
#lpStandard.wt1515vg .feature02-text1{
  display: inline-block;
  background: #00944a;
  color: #fff;
  padding: 1% 3%;
  border: 1px solid  #00944a;
  border-radius: 2px 0 0 2px;
}
#lpStandard.wt1515vg .feature02-text2{
  display: inline-block;
  padding: 1% 3%;
  border: 1px solid  #00944a;
  border-radius: 0 2px 2px 0;
}
#lpStandard.wt1515vg p.indent{
  padding-left:1em;
    text-indent:-1em;
}
#lpStandard.wt1515vg .app a{
  color: #09f;
}
#lpStandard.wt1515vg table{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}
#lpStandard.wt1515vg th, #lpStandard.wt1515vg td{
  padding: 1% 0.5%;
  border: 1px solid #d7d7d7;
  width: 16.66%;
}
#lpStandard.wt1515vg th.th-bg-green{
  background: #e7fce6;
}
#lpStandard.wt1515vg th.th-bg-blue{
  background: #e9f8ff;
}
#lpStandard.wt1515vg th.th-bg-gray, #lpStandard.wt1515vg td.th-bg-gray{
  background: #f2f2f2;
text-align: center;
vertical-align: middle;
}
#lpStandard.wt1515vg .app-icon img{
  width: 50px;
}


@media screen and (max-width: 414px) {
  #lpStandard.wt1515vg .main-top h1 {
    top: 20%;
    font-size: 1.2rem;
  }
  #lpStandard.wt1515vg .h1-lead {
    top: 4%;
    width: 15rem;
    font-size: 0.8rem;
  }
  #lpStandard.wt1515vg .lead-area-bg img{
    width: 60%;
  }
  #lpStandard.wt1515vg .text-bg-orange p {
    width: 60%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0 auto;
  }
  #lpStandard.wt1515vg .feature-text dt, #lpStandard.wt1515vg .feature-text dd{
    width: 100%;
    text-align: center;
  }
  #lpStandard.wt1515vg .feature-text p{
    padding-left: 0;
    font-size: 0.8rem;
  }
  #lpStandard.wt1515vg .feature01-text img{
    width: 100%;
    padding-left: 0;
  }
  #lpStandard.wt1515vg .table-scroll{
    font-size: 0.9rem;
    overflow: auto;
    white-space: nowrap;
        word-break: break-all;
        word-wrap: break-all;
  }
  #lpStandard.wt1515vg th, #lpStandard.wt1515vg td{
    width: 0;
  }
}
/* -------------------------------

elink-news 2020.6 fujisaki add

---------------------------------- */

#mainContents .news-box-elink {
  width: 97%;
  margin: 0 auto;
  }
  #mainContents .news-box-elink dl {
  padding: 0.5rem 1rem;
  }
  #mainContents .news-box-elink dt {
  float: left;
  color: #435e7a;
  }
  #mainContents .news-box-elink dd {
  margin-left: 6rem;
  margin-bottom: 1rem;
  line-height: 1.7;
  }
  #mainContents .news-box-elink a {
  color: #435e7a!important;
  text-decoration: none;
  }
  #mainContents .news-box-elink a:hover {
  color: #435e7a;
  text-decoration: underline;
  }
  #mainContents .news-box-elink dl dd span {
  display: block;
  font-weight: bold;
  }
  #mainContents .news-box-elink dl dd span.new {
  padding: 0 0 0 38px;
  background: url(/fileadmin/ja/products/images/icon_new.gif) no-repeat 0 1px;
  }
  #mainContents .news-box-elink a {
    display: inline-block;
  }

  /* -------------------------------

mitaro-menu 2020.6 fujisaki add

---------------------------------- */
#mainContents .mitaro-scada-menu ul{
    display: flex;
    justify-content: space-between;
}
#mainContents .mitaro-scada-menu li{
    text-align: center;
    width: 40%;
    margin: 0% 0.2% 2%;
}
#mainContents .mitaro-scada-menu li a{
    text-decoration: none;
    display: block;
    background: #e1e4e6;
    height: 52px;
    box-sizing: border-box;
    padding: 7% 0;
    line-height: 1.3;
}
#mainContents .mitaro-scada-menu li a:hover{
border-bottom: 4px solid #48b8f6;
  opacity: 1;
}
#mainContents .mitaro-scada-menu li a.mitaro-active{
    border-bottom: 4px solid #48b8f6;
}

@media screen and (max-width: 768px) {
    #mainContents .mitaro-scada-menu li{
      font-size: 0.8rem;
    }
  }

@media screen and (max-width: 414px) {
  #mainContents .mitaro-scada-menu ul{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mainContents .mitaro-scada-menu li{
    font-size: 0.7rem;
    flex-grow: 1;
    width: 49%;
    box-sizing: border-box;
    margin: 0.5% 0.5%;
}
#mainContents .mitaro-scada-menu li.last{
    margin: 0.5% 0.5% 1%;
}
#mainContents .mitaro-scada-menu li a{
    height: 28px;
    padding: 0;
    line-height: 2.3;
}
#mainContents .mitaro-scada-menu li a:hover{
    border-bottom: 3px solid #48b8f6;
    }
#mainContents .mitaro-scada-menu li a.mitaro-active{
        border-bottom: 3px solid #48b8f6;
        }
}
/* ------------------------------------------------------------

  mitaro-faq contents style 2020.7 fujisaki add

------------------------------------------------------------ */
#mainContents .mitaro-faq-link {
  overflow: hidden;
}
#mainContents .mitaro-faq-link dt {
  background: #fff url(/fileadmin/templates-2016/ja/images/products/icon-plus-button.svg) no-repeat 95%;
  background-size: 1rem;
  color: #000;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0.5rem 0;
  cursor: pointer;
  font-size: 0.95rem;
}
#mainContents .mitaro-faq-link dt.active{
  background: #fff url(/fileadmin/templates-2016/ja/images/products/icon-minus-button.svg) no-repeat 95%;
  background-size: 1rem;
}
#mainContents .mitaro-faq-link dt span {
  display: inline-block;
  color: #fff;
  background: #435e7a;
  padding: 0.3rem 0.5rem;
  border-radius: 5px;
  margin-right: 0.5rem;
}
#mainContents .mitaro-faq-link dd {
  display: none;
  background: #e6e6e6;
  border-radius: 5px;
  padding: 1rem;
}
#mainContents .mitaro-faq-link ul {
  margin: 0.5rem;
}
#mainContents .mitaro-sentei{
  margin-top: 4%;
}
#mainContents .mitaro-sentei-hissu{
  position: relative;
  background: #fdddcf;
  border: solid 2px #ed1c24;
  border-radius: 8px;
  padding: 2% 1% 1% 2%;
}
#mainContents .mitaro-sentei-red{
  position: absolute;
  top: -17px;
  left: 1%;
  background: #ed1c24;
  display: inline-block;
  padding: 0.5% 2%;
  border-radius: 5px;
  font-weight: bold;
  font-size: 105%;
  color: #fff;
}
#mainContents .mitaro-sentei-red-b{
  color: #ed1c24;
  font-weight: bold;
  padding-top: 1%;
  font-size: 120%;
}
#mainContents .mitaro-sentei-hissu span{
  background: #fff;
  border: solid #ed1c24 1px;
  padding: 0.1% 0.7%;
}
#mainContents .mitaro-sentei-hissu span:last-of-type{
  margin-right: 0.5%;
}
#mainContents .mitaro-sentei img{
  margin: 1% 0 1% 45%;
  width: 3%;
}
#mainContents .mitaro-sentei-sentaku{
  position: relative;
  background: #dfe7d9;
  border: solid 2px #3a9948;
  border-radius: 8px;
  padding: 2% 1% 1% 2%;
  margin-top: 2%;
  margin-bottom: 3%;
}
#mainContents .mitaro-sentei-green{
  position: absolute;
  top: -17px;
  left: 1%;
  background: #3a9948;
  display: inline-block;
  padding: 0.5% 2%;
  border-radius: 5px;
  font-weight: bold;
  font-size: 105%;
  color: #fff;
}
#mainContents .mitaro-sentei-green-b{
  color: #3a9948;
  font-weight: bold;
  padding-top: 1%;
  font-size: 120%;
}
#mainContents .mitaro-sentei-ex{
  border-top: 2px solid #005a9e;
  border-bottom: 2px solid #005a9e;
  padding: 1% 2%;
}
#mainContents .mitaro-sentei-ex p{
  font-weight: bold;
  color: #005a9e;
  font-size: 120%;
}
#mainContents .mitaro-sentei-ex table{
  border: none;
}
#mainContents .mitaro-sentei-ex table td{
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
#mainContents .mitaro-sentei img{
  margin: 1% 0 1% 45%;
  width: 3%;
}
  }

@media screen and (max-width: 414px) {
  #mainContents .mitaro-sentei{
  margin-top: 10%;
}
  #mainContents .mitaro-sentei-red{
  padding: 0.5% 5%;
}
#mainContents .mitaro-sentei-red-b{
  padding-top: 4%;
  margin-bottom: 1%;
}
  #mainContents .mitaro-sentei-hissu p:last-of-type{
    line-height: 2.2em;
  }
#mainContents .mitaro-sentei img{
  margin: 1% 0 1% 45%;
  width: 3%;
}

#mainContents .mitaro-sentei-green{
  padding: 0.5% 5%;
}
#mainContents .mitaro-sentei-green-b{
  padding-top: 4%;
  margin-bottom: 1%;
}
#mainContents .mitaro-sentei-ex{
  padding: 2% 2%;
}
}
/* reset */
.header-read span.onlyPC {
  display: inline;
}

/* -------------------------------

  IoT gear-motor renewal 2020.9 fujisaki add

---------------------------------- */

/* header */
#special-product .hero-main.gm-iot2 {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-top-re.png) center 100% no-repeat #50c3e8;
  background-size: 100%;
  padding: 0 0 56%;
  color: #fff;
}
#special-product .hero-main-inner.gm-iot2{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-top-invertor.png) right 10%/300px  no-repeat;
}
#special-product .hero-main-inner.gm-iot2 h1{
  padding-top: 16%;
  margin-bottom: 2rem;
}
#special-product .hero-main-lead.gm-iot2{
  font-size: 0.85rem;
  margin-bottom: 2rem;
}
#special-product .hero-main-feature.gm-iot2 h2 {
  font-size: 2.5rem;
  text-shadow: 0 2px 6px #777;
  margin-bottom: 1rem;
  border: none;
}
#special-product .gm-iot2.top-area{
  overflow: hidden;
}
#special-product .gm-iot2 .top-area-lead{
  text-align: center;
}
#special-product .atoduke-midashi{
  clear: both;
  font-size: 1.2rem;
  background: #777;
  color: #fff;
  text-align: center;
  font-weight: normal;
  padding: 0.5% 0;
  margin-bottom: 0;
}
#special-product .atoduke{
  background: #fff;
  padding: 2%;
}
#special-product .atoduke-img1 img{
  width: 88%;
}
#special-product .atoduke-img1{
    background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature13.png) right/30px no-repeat;
  float: left;
  width: 35%;
  margin-right: 2%;
  margin-left: 3%;
  padding-top: 1.5%;
}
#special-product .atoduke-img2 img{
  width: 80%;
  display: block;
  margin: 0 auto;
}
#special-product .atoduke-img2 p{
  background: #c8c8c8;
  margin-bottom: 0;
  padding: 2% 0;
}
#special-product .atoduke-img2{
  float: left;
  background: #e6e6e6;
  text-align: center;
  padding-top: 1%;
  width: 18%;
  margin-right: 1%;
}
#special-product .atoduke-img{
  margin-bottom: 3%;
  overflow: hidden;
}
#special-product .atoduke ul{
  clear: both;
  padding-left: 24%;
  font-size: 0.9rem;
}
#special-product .atoduke li{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature14.png) left/15px no-repeat;
  padding-left: 3%;
  margin-bottom: 1%;
}
#special-product .atoduke li span{
  border-bottom: 1px solid #666;
}
#special-product .tsukaeba-midashi{
  clear: both;
  font-size: 1.2rem;
  background: #1b75bc;
  color: #fff;
  text-align: center;
  font-weight: normal;
  padding: 0.5% 0;
  margin-bottom: 0;
}
#special-product .tsukaeba{
  overflow: hidden;
  background: #fefce0;
  padding: 2%;
}
#special-product .tsukaeba-midashi2{
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #1b75bc;
}
#special-product .tsukaeba ul{
  font-size: 0.9rem;
}
#special-product .tsukaeba li{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature15.png) left 2px/15px no-repeat;
  padding-left: 3.7%;
  margin-bottom: 1%;
}
#special-product .tsukaeba li span{
  color: #be1e2d;
}

#special-product .lead-area.gm-iot2 {
  position: relative;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-lead-re.png) center top no-repeat #080808;
  padding-top: 40%;
}
#special-product h3.h3-blue {
  font-size: 1.2rem;
  color: #fff;
  padding: 0.3rem;
  text-align: center;
  background: #1b75bc;
  margin: 2rem 0;
  text-shadow: none;
  box-shadow: 0 0 3px 2px #1b75bc;
}
#special-product .jikoshadan-table{
  padding: 0 10px;
}

#special-product .jikoshadan-table table{
  border: 1px solid #333;
  text-align: center;
  width: 100%;
}
#special-product .jikoshadan-table th, #special-product .jikoshadan-table td{
  border: 1px solid #333;
  padding: 1% 3%;
}
#special-product .jikoshadan-table th{
  color: #fff;
  background: #888;
}
#special-product .lead-area.gm-iot2 h2 {
  position: absolute;
  top: 8%;
  left: 8%;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 6px #777;
  border: none;
}
#special-product .lead-area.gm-iot2 figure {
  position: absolute;
  top: 5%;
  left: 55%;
  width: 40%;
  height: 40%;
}
#special-product .lead-area.gm-iot2 .lead-inner {
  background: rgba(255, 255, 255, 0.6);
  padding: 2.5rem 2rem;
  width: 90%;
  margin: 0 auto;
}
#special-product .lead-area.gm-iot2 .lead-head {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
#special-product section.contact-area2 {
  color: #fff;
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-footer-re.png) center bottom no-repeat #50c3e8;
}
#special-product section.contact-area2 img{
  padding-top: 6%;
}
#special-product .contact-area2 h3 {
  box-shadow: none;
  margin-bottom: 1rem;
}
#special-product .available-series2 {
  text-align: center;
  font-size: 1rem;
  border: 1px solid #fff;
}
#special-product .available-series2 h3 {
  background: #1b75bc;
}
#special-product .available-series2 ul {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
#special-product .lead-area.gm-iot2 {
    padding-top: 15%;
    background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-bg-lead-re.png) center top no-repeat transparent;
    background-size: 100vw;
  }
#special-product .lead-area.gm-iot2 h2 {
    position: inherit;
  text-align: right;
  font-size: 2rem;
  }
#special-product .lead-area.gm-iot2 .lead-inner {
    background: #fff;
    padding: 1rem 0 0;
    width: 100%;
  }
#special-product .lead-area.gm-iot2 figure {
    position: inherit;
    width: 80%;
    height: 80%;
    margin:  0 auto;
  }
  #special-product .tsukaeba img{
    width: 50%;
  }
  #special-product .atoduke ul{
    padding-left: 0;
  }
}
@media screen and (max-width: 414px) {
#special-product .hero-main-inner.gm-iot2{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-top-invertor.png) center 10%/300px  no-repeat;
}
#special-product .hero-main-inner.gm-iot2 h1{
  padding-top: 36%;
}
#special-product .atoduke-midashi{
  padding: 3% 2%;
}
#special-product .lead-area.gm-iot2 h2 {
  position: absolute;
  top: 3%;
  right: 9%;
  font-size: 5vw;
  text-align: right;
}
#special-product .lead-area.gm-iot2 .lead-head {
    font-size: 5vw;
  }
#special-product .button {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
#special-product .atoduke-img1{
    background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature13.png) bottom/25px no-repeat;
  float: left;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 13%;
}
#special-product .atoduke-img1 img{
  width: 100%;
}
#special-product .atoduke-img2{
  width: 32%;
  margin-top: 5%;
  margin-right: 2%;
}
#special-product .atoduke-img2:last-of-type{
  margin-right: 0;
}
#special-product .atoduke ul{
  padding-left: 0;
}
#special-product .atoduke li{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature14.png) left 7%/15px no-repeat;
  padding-left: 7%;
  margin-bottom: 5%;
}
#special-product .atoduke-img{
  margin-bottom: 10%;
}
#special-product .tsukaeba-midashi{
  padding: 3%;
}
#special-product .tsukaeba li{
  background: url(/fileadmin/templates-2016/ja/images/products/reducer/img-gm-sc-feature15.png) left 4px/14px no-repeat;
  padding-left: 7%;
  margin-bottom: 5%;
}
#special-product .lead-area.gm-iot2 figure {
  top: 10%;
}
  #special-product .tsukaeba img{
    width: 100%;
  }
}

/* -------------------------------

  eLINK renewal 2020.10 fujisaki add



---------------------------------- */
#lpStandard.lp-elink-renew.lp-elink-renew2 h3{
    margin-bottom: 0.4em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 section{
    padding-top: 0;
}

#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link ul{
    overflow: hidden;
    margin-bottom: 3%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link li{
    width: 20%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link img{
    width: 70%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link .elink-menu-none {
  color: 0;
  text-align: center;
  padding: 0em 1.4em;
  border-radius: 0;
  box-shadow: none;
  border: none;
  background: none;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .topic-box{
    padding-top: 2rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .benefit-box{
    overflow: hidden;
    padding: 3% 0 3% 1%;
    margin-bottom: 2rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title{
    font-size: 1.4rem;
    background: url(http://www.tsubakimoto.jp/fileadmin/templates-2016/ja/images/products/elink/benefit-icon-charge.png) left center/10% no-repeat;
    padding: 1% 0 1% 12%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title p{
    border-bottom: 2px solid #f8911b;
    margin-bottom: 3%;
    padding: 4% 0 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title2{
    font-size: 1.4rem;
    background: url(http://www.tsubakimoto.jp/fileadmin/templates-2016/ja/images/products/elink/benefit-icon-plugin.png) left center/10% no-repeat;
    padding: 1% 0 1% 12%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title2 p{
    border-bottom: 2px solid #f8911b;
    margin-bottom: 3%;
    padding: 4% 0 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title3{
    font-size: 1.4rem;
    background: url(http://www.tsubakimoto.jp/fileadmin/templates-2016/ja/images/products/elink/benefit-icon-light.png) left center/10% no-repeat;
    padding: 1% 0 1% 12%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title3 p{
    border-bottom: 2px solid #f8911b;
    margin-bottom: 3%;
    padding: 4% 0 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .list-style-square{
    padding-left: 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature{
    padding-top: 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content{
    overflow: hidden;
    clear: both;
    margin-bottom: 2.5rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content-text{
    padding-top: 2em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content-text p{
    font-size: 0.9rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature h2{
    font-size: 1.2rem;
    margin-bottom: 2%;
}

#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content-img{
    padding-top: 0.5rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content-img img{
    width: 49%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .feature-content-img-w100 img{
    width: 100%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 table{
    width: 100%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 table th{
    background: #e2f3f4;
    text-align: center;
    padding: 0.4em 0;
    width: 30%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 table td{
    background: #fff;
    padding-left: 1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 table th, #lpStandard.lp-elink-renew.lp-elink-renew2 table td{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: none;
    border-left: none;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .pd1em{
    padding: 0 1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-option table th{
    width: 12%;
    vertical-align: middle;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-option table td{
    padding: 0.5em 1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-img{
    display: inline-block;
    padding-top: 0.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-img p{
    text-align: center;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-caution{
    margin-top: 1.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-caution a{
    display: inline-block;
    background: none;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-caution a::before{
    content: "PDF";
    padding: 3px 10px;
    margin-right: 10px;
    background: #f13838;
    color: #fff; 
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .billing-operation img{
    width: 40%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .faq-anchor a{
    display: inline-block;
    background: url(/fileadmin/templates-2016/ja/images/products/elink/elink-down.svg) left center no-repeat;
    padding-left: 2em;
    margin-right: 2em;
    font-size: 0.9rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .faq-link{
    margin-bottom: 2em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app{
    display: flex;
    margin-bottom: 2em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app li{
    width: 30%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 1em 1.5em;
    margin-right: 1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app h3{
    margin-top: 1em;
    font-size: 1.2em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app .elink-app-tab{
    background: #d9f5ff;
    font-size: 0.9rem;
    color: #105791;
    display: inline-block;
    padding: 0.1em 0.5em;
    margin-bottom: 0.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-title h2{
    text-align: left;
    font-size: 1.3rem;
    border-bottom: 2px solid #0099ff;
    margin-bottom: 0.7em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-title p{
    font-size: 1.4rem;
    margin-bottom: 0.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-box{
    clear: both;
    overflow: hidden;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-box h3{
    background: linear-gradient(-135deg, #3bb7ff, #1157ad);
    color: #fff;
    padding: 0.2em 0 0 1.1em;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.7em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-box p{
    margin-bottom: 2em;
    font-size: 0.9rem;
    padding-left: 1.1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-graybox {
    margin: 1.1em;
    padding: 1em;
    background: #e6e6e6;
    font-size: 0.9rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-graybox h4{
    font-size: 1rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-graybox p{ 
    margin-bottom: 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list {
    margin: 0 0 1em 1.1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list li{
    font-size: 0.9rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list li::before{
    content: "■";
    padding: 0 0.5em 0 1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list span{
    padding-left: 2.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-img p{
    text-align: center;
    font-size: 0.8rem;
    margin-top: 1em; 
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-att p::before{
    content: "*";
    margin-left: 1.1em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #e7e7e7;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area .nav-logo a{
    text-align: center;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area .nav-logo img{
    width: 50%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area li{
    width: 19%;
    float: left;
    margin: 0.6em 0.4em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area li a{
    text-decoration: none;
    color: #435e7a;
    text-align: center;
    font-weight: bold;
    padding: 0.5rem 0.2rem;
    border-radius: 5px;
    box-shadow: #999 0 1px 0;
    background: #fff;
}

@media screen and (max-width: 414px){
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link ul{
    overflow: hidden;
    margin-bottom: 3%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link li{
    width: 50%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link li a{
    padding: 0.1rem 0rem;    
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link img{
    width: 50%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .page-anchor-link .last{
        width: 100%;
    }

#lpStandard.lp-elink-renew.lp-elink-renew2 .top-feature-title{
    font-size: 1.3rem;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .benefit-box{
    padding: 3% 1%;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .pd1em{
        padding: 0;
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 .pd1em a{
        word-break: break-all;
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 table th{
    padding-left: 0.5em;
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 table td{
    padding: 0.5em 0.3em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 table th, #lpStandard.lp-elink-renew.lp-elink-renew2 table td{
    border: none;
    width: 100%;
    display: block;
    font-size: 0.9rem;
    text-align: left;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-option table th{
    width: 100%;
    display: block;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-option table td{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0.3em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-img{
    display: inline-block;
    padding-top: 0.5em;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .option-img p{
    text-align: center;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app{
    display: block;
    margin-bottom: 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app li{
    width: 100%;
    margin-bottom: 1.3em;
    margin-right: 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list {
    margin: 0 0.5em 1em 0;
}
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list li{
    text-indent: -1em;
    padding-left: 1em;
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 .elink-app-list span{
    padding-left: 0;    
    }
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area li{
    width: 22%;
}   
}
@media only screen and (min-width: 767px) and (max-width: 1025px){
#lpStandard.lp-elink-renew.lp-elink-renew2 .nav-area li{
    width: 23%;
}       
}
/* -------------------------------

  MitaMon FaM 2020.10 fujisaki add

---------------------------------- */

#mitamon-fam .main{
    position: relative;
    background: url(/fileadmin/templates-2016/ja/images/products/mitamon-fam/fam-bg.jpg) center top/cover no-repeat;
    height: 53vh;
    margin-bottom: 2.5em;
    width: 100%;
}
#mitamon-fam .main h1{
    position: absolute;
    color: #fff;
    font-size: 3.1rem;
    text-align: center;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 0.3em 1em 0.2em;
    text-shadow: 0 0 6px #000;
}
#mitamon-fam .main h1 span{
    font-size: 1.4rem;
}
#mitamon-fam .h1-img{
    position: absolute;
    width: 14%;
    right: 2em;
    bottom: 2em;
}
#mitamon-fam .h1-lead{
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  width: 70%;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    background: url(/fileadmin/templates-2016/ja/images/products/mitamon-fam/bg-ttl.png) center/100% 100% no-repeat;
    padding: 0.3em 3em;
    margin-bottom: 0;
}
#mitamon-fam .lead-area {
    text-align: center;
    margin-bottom: 2.5em;
}
#mitamon-fam .lead-area img{
    width: 17%;
}
#mitamon-fam .lead-area h2{
    font-size: 2rem;
    margin-bottom: 0.5em;
}
#mitamon-fam .lead-area h2 span.fam-s{
    font-size: 1.1rem;
    padding-left: 0.6em;
}
#mitamon-fam .lead-area h2 span.fam-l{
    font-size: 1.5rem;
}
#mitamon-fam .lead-area p{
    margin-top: 3em;
}
#mitamon-fam section h2{
    font-size: 1.6rem;
    text-align: center;
  margin-bottom: 1em;
    padding-top: 2em;
}
#mitamon-fam .point{
    padding-bottom: 0;
    background: #e1f0f5;
}
#mitamon-fam .point-contents h3{
    font-size: 1rem;
    line-height: 1.6rem;
    text-align: center;
    background: #1361ab;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 0.4em 1em;
    margin-bottom: 1em;
    color: #fff;
}
#mitamon-fam .point-contents{
    overflow: hidden;
    margin-top: 3.5em;
}
#mitamon-fam .point-contents ul{
    margin-bottom: 2em;
}
#mitamon-fam .point-contents li{
    padding: 0.2em 1em;
}
#mitamon-fam .point-contents li::before{
    content: "・";
}
#mitamon-fam .point-contents p{
    margin-bottom: 2em;
    padding: 0 1em;
}
#mitamon-fam .function h2{
    margin-bottom: 2em;
}
#mitamon-fam .function h3{
    font-size: 1rem;
    background: #e8e8e8;
    border-left: 10px solid #999;
    padding: 0.3em 1em 0.2em;
    margin-bottom: 1.5em;
}
#mitamon-fam .fun-ex p{
    text-align: center;
}
#mitamon-fam .fun-lineup{
    padding: 0 1em;
}
#mitamon-fam .fun-lineup h4{
    float: left;
    clear: both;
    padding: 0.5em 1em 0.5em 0.5em;
    display: inline-block;
    line-height: 1.3;
    background: #dbebf8;
    border-radius: 25px 0px 0px 25px;
    margin-bottom: 1em;
    font-size: 0.9rem;
}
#mitamon-fam .fun-lineup h4:before{
    content: '●';
  color: white;
  margin-right: 8px;
}
#mitamon-fam .fun-lineup .cap-ttl{
    padding: 0.5em 0 0;
    font-size: 0.9rem;
    border-bottom: 1px solid #000;
}
#mitamon-fam .fun-lineup .cap-ttl::before{
    content: "■";
    color: #009bde;
    padding-right: 0.3em;
}
#mitamon-fam .fun-lineup .cap li::before{
    content: "・";
}
#mitamon-fam .fun-lineup .cap-att{
    color: #009bde;
    border: 1px solid #009bde;
    margin-top: 6em;
    padding: 0.5em;
    font-weight: bold;
}
#mitamon-fam .fun-lineup dl{
    clear: both;
}
#mitamon-fam .lineup-container dt, #mitamon-fam .lineup-container dd{
    box-sizing: border-box;
}
#mitamon-fam .lineup-container{
    display: table;
    box-sizing: border-box;
    width: 100%;
    table-layout: fixed;
}
#mitamon-fam .lineup-container dt{
    background: #009bde;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0.1em 0.8em;
    font-size: 0.9rem;
    font-weight: bold;
    display: table-cell;
    width: 10em;
    vertical-align: middle;
    margin-bottom: 1em;
}
#mitamon-fam .lineup-dl{
    margin-bottom: 1em;
}
#mitamon-fam .lineup-dl.last dt:last-of-type{
    background: #777;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0.1em 0.8em;
    font-size: 0.9rem;
    font-weight: bold;
    display: table-cell;
    width: 10em;
    vertical-align: middle;
}
#mitamon-fam .lineup-container .lineup-dd1, #mitamon-fam .lineup-container .lineup-dd2{
    border: 1px solid #009bde;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.4em 0.8em;
    display: table-cell;
    word-wrap: break-word;
    overflow: hidden;
}
#mitamon-fam .lineup-container .lineup-dd3{
    border: 1px solid #777;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.4em 0.8em;
    display: table-cell;
    word-wrap: break-word;
    overflow: hidden;
}
#mitamon-fam .lineup-container .lineup-dd2 span{
    font-weight: bold;
    color: #009bde;
    padding-bottom: 1em;
}
#mitamon-fam .lineup-container .lineup-dd2 dd{
    margin-bottom: 0.5em;
}
#mitamon-fam .lineup-container .lineup-dd3 span{
    font-weight: bold;
    color: #777;
    padding-bottom: 1em;
}
#mitamon-fam .lineup-container .lineup-dd3 dd{
    margin-bottom: 0.5em;
}
#mitamon-fam .how-set{
    clear: both;
    overflow: hidden;
}
#mitamon-fam .how-set h4{
    font-size: 0.9rem;
    margin-bottom: 0.5em;
}
#mitamon-fam .how-set h4::before{
    content: "▶";
    color: #1361ab;
    padding-right: 0.5em;
}
#mitamon-fam .how-set .csv{
    font-size: 0.7rem;
}
#mitamon-fam .fam-effect{
    background: #e1f0f5;
    overflow: hidden;
    padding-bottom: 6em;
}
#mitamon-fam .fam-effect h3{
    font-size: 1.2rem;
    padding-left: 2em;
    padding-bottom: 0.1em;
    margin: 0.3em 0;
    position: relative;
}
#mitamon-fam .fam-effect h3:after, #mitamon-fam .fam-effect h3:before{
  content:''; 
  height:18px; 
  width:4px; 
  display:block; 
  background:#ff8800; 
  position:absolute; 
  top:4px; 
  left:15px; 
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px; 
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
}
 
#mitamon-fam .fam-effect h3:before{
  height:10px; 
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); 
  top:12px; 
  left:7px
}
#mitamon-fam .fam-effect .col-05{
    width: 47%;
    background: #fff;
    margin: 0.5em 1em;
    overflow: hidden;
    padding: 2em 1.5em;
    height: 16em;
    border-radius: 5px;
}
#mitamon-fam .fam-effect .col-05 img{
    width: 90%;
}
#mitamon-fam .fam-product{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 4em;
}
#mitamon-fam .fam-product-im{
    width: 20%;
    text-align: center;
    display: inline-block;
    margin-right: 6em;
}
#mitamon-fam .fam-product-table table{
    margin-bottom: 1.5em;
}
#mitamon-fam .fam-product-table table tr{
    border-bottom: 1px solid #ccc;
}
#mitamon-fam .fam-product-table table tr.first{
    border-top: 1px solid #ccc;
}
#mitamon-fam .fam-product-table table th{
    background: #e8e8e8;
    padding: 0.5em 1em;
}
#mitamon-fam .fam-product-table table td{
    padding: 0.5em 1em;
}
#mitamon-fam .fam-kata{
    font-size: 0.9rem;
}
#mitamon-fam .fam-kata h3{
    
}
#mitamon-fam .fam-kata span.kata-detail{
    color: #1361ab;
    font-weight: bold;
    font-size: 1.2rem;
}
#mitamon-fam .fam-kata span.kata-att{
    font-size: 0.8rem;
}
#mitamon-fam .conversion-area h2{
    font-size: 1.3rem;
}
@media screen and (max-width: 766px){

#mitamon-fam .main h1{
    font-size: 2rem;
    top: 2vh;
    left: 21vw;
    transform: translateX(-7vw);
    -webkit-transform: translateX(-7vw);
    -ms-transform: translateX(-7vw);
    padding: 0.3em 0.2em;
}
#mitamon-fam .main h1 span{
    font-size: 0.9rem;
}
#mitamon-fam .h1-img{
    width: 20%;
    right: 1em;
    bottom: 1.5em;
}
#mitamon-fam .h1-lead{
  width: 95%;
    font-size: 1rem;
    padding: 0.3em 3em;
    margin-bottom: 0;
}
#mitamon-fam .lead-area img{
    width: 40%;
}
#mitamon-fam .fun-lineup .cap-att{
    margin-top: 1em;
}
#mitamon-fam .lineup-container{
    display: block;
}
#mitamon-fam .lineup-container dt{
    background: #009bde;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    display: block;
    width: 100%;
    margin-bottom: 0;
}
#mitamon-fam .lineup-dl{
    margin-bottom: 1em;
}
#mitamon-fam .lineup-dl.last dt:last-of-type{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    display: block;
    width: 100%;
    margin-bottom: 0;
}
#mitamon-fam .lineup-container .lineup-dd1, #mitamon-fam .lineup-container .lineup-dd2{
    border: 1px solid #009bde;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
    width: 100%;
}
#mitamon-fam .lineup-container .lineup-dd3{
    border-top-right-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    width: 100%;
}
#mitamon-fam .how-set .csv{
    font-size: 0.8rem;
}
#mitamon-fam .fam-effect{
    width: 100%;
}
#mitamon-fam .fam-effect .col-05{
    width: auto;
    padding: 2em 1.5em 1em;
    height: auto;
}
#mitamon-fam .fam-effect .col-03{
    width: 100%;
    text-align: center;
}
#mitamon-fam .fam-effect .col-05 img{
    width: 30%;
}
#mitamon-fam .fam-product{
    display: block;
    padding: 1em;
}
#mitamon-fam .fam-product-im{
    width: 100%;
    display: block;
    margin-right: 1em;
}
    #mitamon-fam .fam-product-im img{
        width: 30%;
    }
    }
@media only screen and (min-width: 767px) and (max-width: 1025px){
#mitamon-fam .main h1{
  width: 80%;
}
#mitamon-fam .h1-lead{
  width: 80%;
}
#mitamon-fam .fun-lineup .cap-att{
    margin-top: 2em;
    margin-bottom: 2em;
}
#mitamon-fam .how-set img{
    width: 60%;
}
#mitamon-fam .fam-effect{
    width: 100%;
}
#mitamon-fam .fam-effect .col-05{
    width: 45%;
    padding: 2em 1.5em 1em;
    height: 25em;
}
#mitamon-fam .fam-effect .col-03{
    width: 100%;
    text-align: center;
}
#mitamon-fam .fam-effect .col-09{
    width: 100%;    
}
#mitamon-fam .fam-effect .col-05 img{
    width: 30%;
}
}

/* -------------------------------

  Matehan Unit 2020.11 fujisaki add

---------------------------------- */

#matehan-unit{
  font-size: 0.9rem;
  font-feature-settings: "palt";
}
#matehan-unit .unit-top{
  background: url(https://www.tsubakimoto.jp/fileadmin/ja/materials-handling/unit/images/quicksort-img21.jpg) top center/cover no-repeat;
  height: 30vh;
  position: relative;
}
#matehan-unit .unit-top{
  margin-bottom: 2em;
}
#matehan-unit .unit-top h2{
  font-size: 2rem;
  position: absolute;
  top: 5vh;
  left: 2vw;
}
#matehan-unit .unit-top p{
  position: absolute;
  top: 13vh;
  left: 2vw;
}
#matehan-unit .unit-ankr{
  padding: 1em 0.5em 3em 3em;
}
#matehan-unit .unit-ankr li{
  background: url(https://www.tsubakimoto.jp/fileadmin/ja/materials-handling/unit/images/img-ankr.svg) left center no-repeat;
  padding-left: 2em;
  display: inline-block;
}
#matehan-unit .quick-01, #matehan-unit .quick-02, #matehan-unit .quick-03, #matehan-unit .quick-04, #matehan-unit .quick-05{
  overflow: hidden;
  clear: both;
  margin-bottom: 5em;
}
#matehan-unit .unit-lineup{
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 2em;
}
#matehan-unit h3.heading06{
  font-size: 1.3rem;
  margin-bottom: 0;
}
#matehan-unit .unit-wrap{
  padding: 0 2%;
}
#matehan-unit h4{
  font-size: 1rem;
  background: #edf8ff;
  border-left: 4px solid #40a3f5;
  padding: 0.3em 0 0.2em 1em;
  margin-bottom: 1em;
}
#matehan-unit .quick-feature dt{
  font-size: 1.2rem;
  font-weight: bold;
  color: #118ff0;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
}
#matehan-unit .quick-feature .col-05{
  margin-bottom: 1em;
}
#matehan-unit .quick-03-caption p{
  padding-top: 0.3em;
}
#matehan-unit .feature-option{
  clear: both;
  color: #118ff0;
  font-size: 1rem;
  font-weight: bold;
}
#matehan-unit .feature-option-ttl{
  margin-bottom: 0em;
  margin-top: 0.5em;
  font-size: 0.9rem;
  font-weight: bold;
}
#matehan-unit .quick-03-item{
  padding-top: 1em;
}
#matehan-unit .quick-03-item img{
  width: 12%;
}
#matehan-unit table th, #matehan-unit table td{
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 2em;
}
#matehan-unit table{
  border-top: 1px solid #ccc;
}
#matehan-unit table th{
  background: #dbf1ff;
}
#matehan-unit .unit-att{
  font-size: 0.8rem;
  margin-bottom: 2em;
}
#matehan-unit .unit-table-ttl{
  font-weight: bold;
  margin-bottom: 0.3em;
}
#matehan-unit .unit-table-ttl span{
  font-weight: normal;
  font-size: 0.8rem;
  padding-left: 2em;
}

@media screen and (max-width: 766px) {
  #matehan-unit img{
    width: 80%;
  }
#matehan-unit .unit-top h2{
  font-size: 1.5rem;
  top: 3vh;
  left: 1vw;
}
#matehan-unit .unit-top p{
  top: 10vh;
  left: 1vw;
}
#matehan-unit .unit-top{
  height: 30vh;
}
#matehan-unit tbody{
  font-size: 0.8rem;
}
#matehan-unit .scroll{
  overflow-x: auto;
}
#matehan-unit table th, #matehan-unit table td{
  width: auto;
  padding: 0.5em 0.5em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1025px){
  #matehan-unit img{
    width: 50%;
  }
}



/* topContactBox
-------------------------------------------------*/
#topContactBox{
  margin-bottom: 30px;
  padding: 15px 20px;
  border: 2px solid #d2d9df;
  background: #ebf2f8;
  overflow: hidden;
  zoom: 1;
}
#topContactBox h2{
  margin: 10px 0 10px;
  text-align:center;
  font-size: 140%;
  font-weight: bold;
  color: #2D537A;
}
#topContactBox .inner{
  min-height: 176px;
  padding: 22px;
  overflow: hidden;
  zoom: 1;
}
#topContactBox .contactBlock{
  background: #FFF;
  border-right: 1px solid #c2ced9;
  border-bottom: 1px solid #c2ced9;
}
#topContactBox .contactBlock h3{
  margin-bottom: 8px;
  padding: 6px 5px 5px 40px;
  font-size: 122%;
  font-weight: bold;
  color: #333333;
}
#topContactBox .tel{
  float: left;
  width: 600px;
}
#topContactBox .tel h3 {
  background: url(/fileadmin/templates-2016/matehan_application_ja/images/top/top-contact-icon-tel.png) 0 center no-repeat;
}
#topContactBox .telTitle {
  margin-bottom: 4px;
  padding: 3px 7px 1px;
  background: #B8D7FD;
}
#topContactBox .telNum {
  font-size: 110%;
}
#topContactBox .telNum a {
  font-size: 134%;
  color: #000;
}
#topContactBox .telNum a:hover {
  text-decoration: none;
}
#topContactBox .tel .tokyoBlock{
  float: left;
  width: 48%;
}
#topContactBox .tel .osakaBlock{
  float: right;
  width: 48%;
}
#topContactBox .mail{
  float: right;
  width: 326px;
}
#topContactBox .mail h3 {
  background: url(/fileadmin/templates-2016/matehan_application_ja/images/top/top-contact-icon-mail.png) 0 center no-repeat;
}
#topContactBox .mail p{
  margin-bottom: 14px;
}
#topContactBox .mail .btnLink{
  text-align: center;
}

@media screen and (max-width: 768px) {
  #topContactBox {
    margin: 20px 5px 0;
    padding: 15px 15px;
  }
  #topContactBox .inner {
    min-height: 1px;
    padding: 22px 16px;
  }
  #topContactBox h2 {
    width: 100%;
    margin: 15px auto 15px;
    font-size: 124%;
  }
  #topContactBox .contactBlock h3 {
    font-size: 112%;
  }
  #topContactBox .telNum {
    font-size: 110%;
  }
  #topContactBox .tel {
    float: none;
    width: 100%;
  }
  #topContactBox .tel .tokyoBlock {
    float: none;
    width: 100%;
  }
  #topContactBox .tel .osakaBlock {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  #topContactBox .tel .tokyoBlock img,
  #topContactBox .tel .osakaBlock img {
    width: 100%;
  }
  #topContactBox .mail {
    float: none;
    width: 100%;
    margin: 10px auto 5px;
  }
  #topContactBox .mail .btnLink img {
    width: 100%;
  }
}
/* -------------------------------

  Mitaro 2020.12 fujisaki add

---------------------------------- */
.mitaro-scada li#mitaro-plc-graph a{
  background: #2285d4;
  color: #fff;
  display: inline-block;
  margin-left: 1em;
  padding: 0.1em 0.8em;
  border-radius: 5px;
  margin-bottom: 0.5em;
}

/* -------------------------------

  2021.05 ida add

---------------------------------- */
#mainContents p:not([class]) > a,
#mainContents p.text-small > a {
  display: inline-block;
  will-change: inherit;
  color: #304a65;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #mainContents p:not([class]) > a,
  #mainContents p.text-small > a {
    display: inline;
  }
}

/* -------------------------------

  Gantry Robot  2021.06 ida

---------------------------------- */
br.pc { display: inline-block; }
br.sp { display: none; }

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

#lpStandard.lp-gantry .main-top {
  padding: 25px 0 0;
}
#lpStandard.lp-gantry .main-top .main-pc {
  display: block;
}
#lpStandard.lp-gantry .main-top .main-sp {
  display: none;
}
#lpStandard.lp-gantry .lead-area {
  margin: 30px auto;
  text-align: center;
  font-size: 14px ;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry .main-top {
    padding: 0;
  }
  #lpStandard.lp-gantry .main-top h1 {
    padding: 0;
  }
  #lpStandard.lp-gantry .main-top .main-pc {
    display: none;
  }
  #lpStandard.lp-gantry .main-top .main-sp {
    display: block;
  }
  #lpStandard.lp-gantry .lead-area {
    padding: 0 15px;
  }
}

#lpStandard.lp-gantry .gantry-heading01 {
  position: relative;
  text-align: left;
  font-size: 18px;
  padding: 0 0 0 30px;
  margin-bottom: 0;
  margin: 2.5rem 0 1rem;
}
#lpStandard.lp-gantry .gantry-heading01::before {
  content: url(/fileadmin/templates-2016/ja/images/products/gantry-robot/icon.png);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}

/* product_video */
#lpStandard.lp-gantry #product_video {
}

@media screen and (min-width: 769px) {
  #lpStandard.lp-gantry .gantry-video-wrap {
    width: 656px;
    margin: 50px auto 15px;
  }
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry .gantry-video-wrap {
    width: 100%;
    margin: 30px auto 5px;
  }
}


/* features */
#lpStandard.lp-gantry #features {
  background: url(/fileadmin/templates-2016/ja/images/products/gantry-robot/bg-img.png) no-repeat 95% bottom;
  padding-bottom: 90px;
}
#lpStandard.lp-gantry #features .list-reset-block {
  margin: 0 0 45px 50px;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry #features {
    background-size: 66%;
    padding-bottom: 30vw;
  }
  #lpStandard.lp-gantry #features .list-reset-block {
    margin: 0 0 40px 0;
  }
}

/* lineup */
#lpStandard.lp-gantry #lineup h3 {
  margin-top: 30px;
}
#lpStandard.lp-gantry .lineup-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    margin-bottom: 0;
    margin-right: -20px;
}
#lpStandard.lp-gantry .lineup-list > li {
    width: calc(100% / 3);
    max-width: 313px;
    margin-right: 20px;
    margin-bottom: 40px;
}
#lpStandard.lp-gantry .lineup-list > li .lineup-list-box {
    /*border: 1px solid #ccc;*/
    box-sizing: border-box;
    padding: 1em 1em;
}
#lpStandard.lp-gantry .lineup-list > li .ttl {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0 18px;
}
#lpStandard.lp-gantry .lineup-list .link-button {
  margin: 20px 0 0;
}
#lpStandard.lp-gantry .lineup-list .list-reset-block {
  margin: 15px 0 0;
}
#lpStandard.lp-gantry .lineup-list .products_feature_table {
  margin-top: 15px;
  margin-bottom: 0;
}
#lpStandard.lp-gantry .lineup-list .products_feature_table th {
  background: url(/fileadmin/templates/ja/images/products/products_table_bg.gif);
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry .lineup-list {
    display: block;
    margin-right: 0;
  }
  #lpStandard.lp-gantry .lineup-list > li {
    width: 100%;
    max-width: inherit;
    margin-right: 0;
  }
}


#lpStandard.lp-gantry #spec {
  padding-top: 0;
}
#lpStandard.lp-gantry #spec .section {
  margin: 25px 0 30px;
}
#lpStandard.lp-gantry .products_feature_table {
  width: 100%;
}
#lpStandard.lp-gantry .products_feature_table th, #lpStandard.lp-gantry .products_feature_table td {
  padding: 2px 5px;
}
#lpStandard.lp-gantry .products_feature_table th {
  border: 1px solid #c5cdce;
  text-align: center;
  vertical-align: middle;
}
#lpStandard.lp-gantry .products_feature_table tbody th {
  background: none;
  vertical-align: middle;
  text-align: left;
}
#lpStandard.lp-gantry .products_feature_table tbody td {
  text-align: right;
  vertical-align: middle;
}
#lpStandard.lp-gantry .products_feature_table .bold {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry .table-wrap-scroll {
    width: 100%;
    overflow-x: auto;
  }
  #lpStandard.lp-gantry .table-wrap-scroll .products_feature_table {
    width: 240%;
  }
  #lpStandard.lp-gantry .products_feature_table tbody td {
    font-size: 13px
  }
}

/* download */
#lpStandard.lp-gantry #download {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-gantry #download {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

#mainContents .list-dl-dwg a {
  display: inline-block;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  color: #435e7a;
  font-weight: bold;
}
#mainContents .list-dl-dwg a:before {
    content: "DWG";
    padding: 4px 10px 3px;
    margin-right: 5px;
    background: #5555BF;
    color: #fff;
    display: inline-block;
    min-width: 56px;
    line-height: 1.6;
    text-align: center;
}
#mainContents table *[class^=list-dl-] {
  line-height: 2;
  margin-bottom: 0;
}
#mainContents table *[class^=list-dl-] a {
  margin-bottom: 0;
}
#mainContents table *[class^=list-dl-] a:before {
  margin-right: 0;
}

/* inquiry */
#lpStandard.lp-gantry .inquiry-button .vertical {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* -------------------------------

  eLINK DC  2021.06 ida

---------------------------------- */
#lpStandard.lp-elink-dc section{
    padding-top: 0;
}

#lpStandard.lp-elink-dc .page-anchor-link ul{
    overflow: hidden;
    margin-bottom: 3%;
}
#lpStandard.lp-elink-dc .page-anchor-link li{
    width: 20%;
}
#lpStandard.lp-elink-dc .page-anchor-link img{
    width: 70%;
}
#lpStandard.lp-elink-dc .page-anchor-link .elink-menu-none {
  color: 0;
  text-align: center;
  padding: 0em 1.4em;
  border-radius: 0;
  box-shadow: none;
  border: none;
  background: none;
}

#lpStandard.lp-elink-dc .main-top {
  margin: 0;
  padding: 0;
}
#lpStandard.lp-elink-dc .main-top-inner {
  width: 100%;
  padding: 0;
}
#lpStandard.lp-elink-dc .bg-area {
  background: #1F2863;
  padding: 0 50px 3rem;
  margin-bottom: 3rem;
}
#lpStandard.lp-elink-dc .lead-box {
  padding: 2rem 2rem 1rem;
  background: #fff;
  border: solid 1px #707070;
  font-size: 16px;
}
#lpStandard.lp-elink-dc .topic-box {
  margin-top: 2rem;
  margin-bottom: 0;
  padding: 0;
  background: none;
  border: solid 1px #fff;
}
#lpStandard.lp-elink-dc .topic-box h2 {
  background: #fff;
  font-weight: normal;
  margin: 0;
  padding: 0.5rem 0.5rem;
  border: none;
}
#lpStandard.lp-elink-dc h2:before {
  display: none;
}

#lpStandard.lp-elink-dc table{
    width: 100%;
}
#lpStandard.lp-elink-dc table th{
    background: #e2f3f4;
    text-align: center;
    padding: 0.4em 0;
    width: 30%;
}
#lpStandard.lp-elink-dc table td{
    background: #fff;
    padding-left: 1em;
}
#lpStandard.lp-elink-dc table th, #lpStandard.lp-elink-dc table td{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: none;
    border-left: none;
}
#lpStandard.lp-elink-dc td table th {
  background: #fff;
  border: none;
  font-weight: normal;
  text-align: left;
  width: 9%;
}
#lpStandard.lp-elink-dc td table td {
  width: auto;
  border: none;
}
#lpStandard.lp-elink-dc table th.mitsubishi {
  width: 15%;
}
#lpStandard.lp-elink-dc .pd1em{
    padding: 0 1em;
}
#lpStandard.lp-elink-dc .elink-option table th{
    width: 17%;
    vertical-align: middle;
    padding: 0.4em 1em;
}
#lpStandard.lp-elink-dc .elink-option table td{
    padding: 0.5em 1em;
}
#lpStandard.lp-elink-dc .elink-option table tr td:first-of-type {
  width: 28%;
}
#lpStandard.lp-elink-dc .option-img{
    display: inline-block;
    padding-top: 0.5em;
}
#lpStandard.lp-elink-dc .option-img p{
    text-align: center;
}
#lpStandard.lp-elink-dc .option-caution{
    margin-top: 1.5em;
}
#lpStandard.lp-elink-dc .option-caution a{
    display: inline-block;
    background: none;
    padding-left: 15px;
}
#lpStandard.lp-elink-dc .option-caution a::before{
    content: "PDF";
    padding: 3px 10px;
    margin-right: 10px;
    background: #f13838;
    color: #fff;
}

.mfp-wrap, .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer!important;
}

@media screen and (max-width: 414px){
  #lpStandard.lp-elink-dc .page-anchor-link ul{
      overflow: hidden;
      margin-bottom: 3%;
  }
  #lpStandard.lp-elink-dc .page-anchor-link li{
      width: 50%;
  }
  #lpStandard.lp-elink-dc .page-anchor-link li a{
      padding: 0.1rem 0rem;
  }
  #lpStandard.lp-elink-dc .page-anchor-link img{
      width: 50%;
  }
  #lpStandard.lp-elink-dc .page-anchor-link .last{
      width: 100%;
  }
  #lpStandard.lp-elink-dc .elink-option table tr td:first-of-type {
    width: 250px;
  }
  #lpStandard.lp-elink-dc .pd1em{
      padding: 0;
  }
  #lpStandard.lp-elink-dc .pd1em a{
      word-break: break-all;
  }

  #lpStandard.lp-elink-dc .bg-area {
    padding: 0 1rem 2rem;
  }

  #lpStandard.lp-elink-dc .topic-box h2 {
    font-size: 1.1rem;
  }

  #lpStandard.lp-elink-dc table th{
      padding-left: 0.5em;
      }
  #lpStandard.lp-elink-dc table td{
      padding: 0.5em 0.3em;
  }
  #lpStandard.lp-elink-dc table th, #lpStandard.lp-elink-dc table td{
      border: none;
      width: 100%;
      display: block;
      font-size: 0.9rem;
      text-align: left;
  }
  #lpStandard.lp-elink-dc td table th {
    display: block;
    width: 100%;
    padding: 0;
  }
  #lpStandard.lp-elink-dc td table td {
    display: block;
    width: 100%;
    padding: 0.5em 0.3em;
  }
  #lpStandard.lp-elink-dc table th.mitsubishi {
    width: 100%;
  }

  #lpStandard.lp-elink-dc .elink-option table th{
      width: 100%;
      display: block;
  }
  #lpStandard.lp-elink-dc .elink-option table td{
      width: 50%;
      display: inline-block;
      vertical-align: top;
      padding: 0.5em 0.3em;
  }
  #lpStandard.lp-elink-dc .elink-option table tr td:first-of-type {
    width: 50%;
  }

  #lpStandard.lp-elink-dc .option-img{
      display: inline-block;
      padding-top: 0.5em;
  }
  #lpStandard.lp-elink-dc .option-img p{
      text-align: center;
  }
}

/* -------------------------------

  eLINK PR page 改修 2021.11

---------------------------------- */
/* eLINKページ */
.lp-elink-renew .top-bnr.pc {
  display: block;
}
.lp-elink-renew .top-bnr.sp {
  display: none;
}
.lp-elink-renew .top-bnr {
  max-width: 728px;
  margin: 40px auto 60px;
}
.lp-elink-renew .top-bnr a {
  display: block;
}
.lp-elink-renew .top-bnr img {
  box-shadow: 1px 1px 12px rgb(0 0 0 / 35%);
}
@media screen and (max-width: 768px) {
  .lp-elink-renew .top-bnr.pc {
    display: none;
  }
  .lp-elink-renew .top-bnr.sp {
    display: block;
  }
  .lp-elink-renew .top-bnr {
    margin: 50px 20px 40px;
  }
}

/* eLINK DCページ */
#lpStandard.lp-elink-dc.v2 .page-anchor-link img {
  width: 90%;
}
.lp-elink-dc.v2 .top-bnr.pc {
  display: block;
}
.lp-elink-dc.v2 .top-bnr.sp {
  display: none;
}
.lp-elink-dc.v2 .top-bnr {
  max-width: 728px;
  margin: 25px auto 25px;
}
.lp-elink-dc.v2 .top-bnr a {
  display: block;
}
.lp-elink-dc.v2 .top-bnr img {
  box-shadow: 1px 1px 12px rgb(0 0 0 / 35%);
}
#lpStandard.lp-elink-dc.v2 .lead-box {
  border: none;
  padding: 2rem 3.5rem 2rem;
}
#lpStandard.lp-elink-dc.v2 .bg-area {
  padding: 1rem 50px 3rem;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-elink-dc .page-anchor-link .last {
    width: 50%;
  }
  .lp-elink-dc.v2 .top-bnr.pc {
    display: none;
  }
  .lp-elink-dc.v2 .top-bnr.sp {
    display: block;
  }
  .lp-elink-dc.v2 .top-bnr {
    margin: 30px 20px 10px;
  }
  #lpStandard.lp-elink-dc.v2 .lead-box {
    padding: 2rem 2rem 1rem;
  }
  #lpStandard.lp-elink-dc.v2 .bg-area {
    padding: 2rem 1rem 2rem;
  }
  #lpStandard.lp-elink-dc.v2 .topic-box {
    margin-top: 0;
  }
}

/* 合金鋼タイヤチェーン  2021.10 ida
---------------------------------- */
#mainContents .tire-chain-user .article-style h1 {
  font-size: 16px;
}
#mainContents .tire-chain-user .article-style h1 + p {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 769px) {
  #mainContents .tire-chain-user .article-style h1 + p span {
    font-size: 20px;
  }
}

#mainContents .tire-chain-user .article-style .hero-image {
  margin-bottom: 2rem;
}



/* 公開したら消す */
#mainContents .tire-chain-user-02 .article-style h1 {
  font-size: 16px;
}
#mainContents .tire-chain-user-02 .article-style h1 + p {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 769px) {
  #mainContents .tire-chain-user-02 .article-style h1 + p span {
    font-size: 20px;
  }
}

#mainContents .tire-chain-user-02 .article-style .hero-image {
  margin-bottom: 2rem;
}
/* ここまで */



#mainContents .topic-box h2 span.new {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #f8911b;
  margin: 0 0 2px 4px;
  padding: 4px 6px 2px;
  line-height: 1;
  font-size: .8rem;
  font-weight: normal;
}
#mainContents .topic-box dl {
  display: table;
}
#mainContents .topic-box dl:before {
    content: "■";
    padding-right: 0.3rem;
}
#mainContents .topic-box dl dt {
  display: table-cell;
  width: 80px;
  position: relative;
}
#mainContents .topic-box dl dd {
  display: table-cell;
  width: calc(100% - 60px);
  padding-left: 10px;
}
#mainContents .topic-box dl dt:after {
    content: ":";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 768px) {
  #mainContents .topic-box dl {
    display: block;
  }
  #mainContents .topic-box dl dt {
    display: inline-block;
    width: auto;
    padding-right: 10px;
  }
  #mainContents .topic-box dl dd {
    display: block;
    width: 100%;
  }
}

#mainContents .topic-archive a {
  display: inline-block;
  color: #0b76ca;
}

#mainContents .topic-index {
  margin: 20px 0 20px;
}
#mainContents .topic-index-list li a {
  padding: 11px 10px;
  border: solid 1px #CCCCCC;
  border-radius: 4px;
  margin-top: 2px;
  color: #435E7A;
}

/* -------------------------------

  eLINK page 改修 2022.04

---------------------------------- */
.lp-elink-renew .video-box, .lp-elink-dc .video-box {
  max-width: 728px;
  margin: 65px auto 50px;
  /*border: none;*/
}
.lp-elink-renew2 .video-box {
  margin: 30px auto 30px;
}

@media screen and (min-width: 769px) {
  .lp-elink-renew .video-box, .lp-elink-dc .video-box {
    padding-bottom: 40.5%;
  }
  .lp-elink-renew2 .video-box {
    margin: 35px auto 70px;
  }
}

/* -------------------------------

  eLINK page 改修 2023.02

---------------------------------- */
#lpStandard .elink-option table {
  table-layout: fixed;
}
#lpStandard .elink-option table th, #lpStandard .elink-option table td {
  padding: 0.1rem 0.3rem;
  vertical-align: middle;
}
#lpStandard.lp-elink-dc .elink-option table tr td:first-of-type {
  width: auto;
}
@media screen and (max-width: 768px) {
  #lpStandard .elink-option table th, #lpStandard .elink-option table td {
    display: table-cell !important;
    width: auto !important;
    vertical-align: top;
  }
  #lpStandard .elink-option colgroup {
    display: none;
  }
}

/* -------------------------------

  eLINK フリーダイヤル追加 2023.08

---------------------------------- */
#mainContents .inquiry-box.free-call {
    background: #8cb0c5;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 70px 0 0;
}
#mainContents .inquiry-box.free-call h2 {
    color: #fff;
    font-size: 123.1%;
    margin: 10px 0 0 14px;
    text-align: left;
}
#mainContents .inquiry-box.free-call .tel-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: flex-start;
  padding: 22px 30px;
  margin: 15px auto 21px;
  background: #fff;
  border-radius: 5px;
  width: calc(100% - 20px);
  align-items: center;
}
#mainContents .inquiry-box.free-call .tel-wrap h3 {
  /*width: 100%;*/
  margin-bottom: 0;
  font-size: 123.1%;
  text-align: left;
  color: #000;
  margin: 0 35px 0 0;
}
#mainContents .inquiry-box.free-call .tel-wrap h3:before {
  display: none;
}
#mainContents .inquiry-box.free-call .tel-wrap > p {
  margin: 0;
}
#mainContents .inquiry-box.free-call .tel-wrap > p.tel {
  color: #0d81d2;
  font-size: 4em;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
#mainContents .inquiry-box.free-call .tel-wrap > p.tel img {
  width: 32px;
  margin: 5px 15px 0 0;
}
#mainContents .inquiry-box.free-call .tel-wrap > p.tel span {
  letter-spacing: -2px;
}
#mainContents .inquiry-box.free-call .sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #mainContents .inquiry-box.free-call {
    background: #8cb0c5;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 60px 0 0;
  }
  #mainContents .inquiry-box.free-call h2 {
    font-size: 4.5vw;
    margin: 10px 0 0;
    text-align: center;
  }
  #mainContents .inquiry-box.free-call .tel-wrap {
    margin-bottom: 1em;
    text-align: center;
    width: calc(100% - 10px);
    padding: 20px 20px;
    display: block;
  }
  #mainContents .inquiry-box.free-call .tel-wrap h3 {
    font-size: 16px;
    margin: 0;
    text-align: center;
  }
  #mainContents .inquiry-box.free-call .tel-wrap > p.tel {
    width: 100%;
    margin: 12px 0;
    font-size: 2.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: center;
  }
  #mainContents .inquiry-box.free-call .tel-wrap > p.tel img {
    width: 22px;
    margin: 0 10px 0 0;
  }
  #mainContents .inquiry-box.free-call .tel-wrap > p.tel a {
    display: inline;
    color: #0d81d2;
    font-size: 32px;
  }
  #mainContents .inquiry-box.free-call .pc {
    display: none;
  }
}