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

 #pageTitle {
	/*background-color: #003670;*/
	padding: 2.5em 0;
	 background-image: url("../img/bg-title.jpg");
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 text-align: center;
}
#pageTitle h2 {
	font-size: 18px;
	/*font-size: clamp(18px, 1.8vw, 21px);*/
	color: #fff;
	line-height: 1;
	display: inline-block;
	width: auto;
}
#pageTitle h2 .engTxt {
	display: block;
	
	color: #fff;
	font-size: 180%;
	letter-spacing: 0.3em;
	border-bottom: #fff 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;*/
	padding-left: 0.3em;
	padding-bottom: 0.3em;
}

@media screen and (max-width: 599px) {
#pageTitle h2 {
		font-size: 16px;
		font-size: clamp(15px, 4.3vw, 17px);
	}
}

#captionBox {
    text-align: center;
    /* padding: 15px 0; */
    padding: 0;
    text-align: center;
    background-color: #fff;
    padding-top: 30px;
	padding-bottom: 30px;
}

/*========================================*/
/*=============== equipment ==================*/
/*=========================================*/
#equipment #contentWrap .boxWidth {
    max-width: 1000px;
	container-type: inline-size;
}
#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.4cqw, 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;
		width: 100%;
    /*max-width: 320px;*/
    margin: 0 auto;
  }
  #equipment .eqipLinks ul li {
    width: 49%;
    padding-bottom: 5px;
  }
  #equipment .eqipLinks ul li a {
    display: block;
    padding: 1.2em 5%;
    font-size: clamp(14px, 4vw, 16px);
  }
  #equipment .titWrap p.engTxt {
    font-size: clamp(18px, 5.1vw, 20px);
  }
  #equipment .titWrap h2 {
    font-size: clamp(15px, 4.8vw, 24px);
		letter-spacing: 0em;
  }
	#equipment .titWrap p {
	font-size: clamp(14px, 2vw, 16px);
  text-align: center;
  padding: 1em 0;
}
}