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

#pageTitle {
  /*background-color: #003670;*/
  padding: 2em 0 3em;
  background-image: url("../img/bg-title.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pageTitle h2 {
  font-size: 24px;
  font-size: clamp(18px, 2.0vw, 24px);
  color: #fff;
}
#pageTitle h2 .engTxt {
  display: block;
  width: 9em;
  margin: 0 auto;
  color: #b4a150;
  font-size: 140%;
  letter-spacing: 0.1em;
  border-bottom: #b4a150 solid 2px;
  margin-bottom: 0.5em;
  text-shadow: 2px 2px 5px #000, -2px 2px 5px #000, -2px -2px 5px #000, 2px -2px 5px #000, 0px 0px 10px #000, 0px 0px 20px #000, 0px 0px 30px #000;
}
/*========================================*/
/*=============== equipment ==================*/
/*=========================================*/
#equipment #contentWrap .boxWidth {
    max-width: 1000px;
}
#equipment dd, #equipment p {
  letter-spacing: 0em;
}
#equipment dd, #equipment p {
  letter-spacing: 0em;
}
#equipment #headImg h2 {
  width: 50%;
  max-width: 460px;
}
#equipment .eqipLinks {
  max-width: 600px!important;
}
#equipment .eqipLinks ul {
  padding: 50px 0 0px;
}
#equipment .eqipLinks ul li {
  width: 49%;
}
#equipment .eqipLinks ul li a {
  display: block;
  padding: 7% 5%;
  text-align: center;
  line-height: 0;
  border: #000 solid 1px;
  position: relative;
  font-size: 20px;
}
#equipment .eqipLinks ul li a img {
  width: 70%;
}
#equipment.equip01 .eqipLinks ul li:nth-of-type(1) a, 
#equipment.other .eqipLinks ul li:nth-of-type(2) a, 
#equipment .eqipLinks ul li a:hover {
  background-color: #b3a263;
  border: #b3a263 solid 1px;
  opacity: 1;
  color: #fff;
}
.eqipLinks ul li:nth-of-type(1) a:after, #equipment.equip02 .eqipLinks ul li:nth-of-type(2) a:after, #equipment.equip03 .eqipLinks ul li:nth-of-type(3) a:after, #equipment .eqipLinks ul li a:hover img {
  opacity: 1;
  /*filter: grayscale(100%) brightness(500%) ;*/
}
#equipment .itemBox dt, #equipment .itemBox dd {
  letter-spacing: -0.02em;
  /*line-height: 1.5;*/
}
#equipment .itemBox dd, #bath01 .leftBox .itemR dd,
#catBath #bath01 .flex01 .rightBox dd,
#catBath #bathGas dd {
  font-size: 15px;
  font-size: clamp(13px, 1.0vw, 15px);
}
#equipment .titWrap {
  padding: 20px 0 ;
  letter-spacing: 0.2em;
  text-align: center;
}
#equipment .titWrap p.engTxt {
  font-size: 32px;
  color: #b3a263;
  text-align: center;
  padding-bottom: 0em;
  padding: 0 0.3em;
  letter-spacing: 0.1em;
  border-bottom: #b3a263 solid 2px;
  margin: 0 auto;
  margin-bottom: 1em;
  line-height: 1.4;
  display: inline-block;
}
#equipment .titWrap h2 {
  font-size: 27px;
  text-align: center;
  padding: 0.5em 0;
}
#equipment .titWrap p {
  font-size: 21px;
  text-align: center;
  padding: 1em 0;
}
@media screen and (max-width: 959px) {
  #equipment .eqipLinks ul li a {
    font-size: clamp(16px, 2.2vw, 18px);
    padding: 1.5em 0.5em;
  }
  #equipment .titWrap p.engTxt {
    font-size: clamp(22px, 3vw, 24px);
  }
  #equipment .titWrap h2 {
    font-size: clamp(20px, 2.7vw, 22px);
  }
}
@media screen and (max-width: 599px) {
  /*#equipment #headImg h2 {
    width: 56%;
    max-width: 360px;
  }*/
  #equipment #headImg h2 {
    width: 100%;
    max-width: 400px;
  }
  #equipment .eqipLinks ul {
    padding: 20px 0 0px;
    max-width: 280px;
    margin: 0 auto;
  }
  #equipment .eqipLinks ul li {
    width: 100%;
    padding-bottom: 5px;
  }
  #equipment .eqipLinks ul li a {
    display: block;
    padding: 8%;
    font-size: clamp(14px, 4vw, 16px);
  }
  #equipment .titWrap p.engTxt {
    font-size: clamp(18px, 5.1vw, 20px);
  }
  #equipment .titWrap h2 {
    font-size: clamp(17px, 5.1vw, 20px);
  }
}