@charset "UTF-8";
/*****************************
  cmn
*****************************/
.page-products .pagesec{
  padding: 6rem 0 8rem;
}
.productlist{
  gap: 2rem;
}
.productlist li{
  width: calc(100% / 4 - 2rem);
}
.productlist a{
  display: block;
  opacity: 1;
}

/* .productlist .imgbox::after{
  aspect-ratio: 1/1;
  background: #134177;
  background: #1d6ac4;
  content: "\f00e";
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--fa-font-solid);
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
} */
.productlist img{
  aspect-ratio: 3/2;
  object-fit: cover;
  object-fit: contain;
  height: auto;
  width: 100%;
  transition: .5s;
}
.productlist a:hover img{
  transform: scale(1.3);
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .productlist{
    justify-content: flex-start;
    gap: 1.5rem;
  }
  .productlist li {
    width: calc(100% / 2 - 1.5rem);
  }
  .productlist .imgbox::after{
    font-size: 1.6rem;
    width: 30px;
  }
}

/*****************************
  pagesec-product1
*****************************/
.pagesec-product1{
  padding-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .pagesec-product1{
    padding-top: 6rem;
  }
}

/*****************************
  pagesec-product2
*****************************/
.page-products .pagesec-product2{
  background: #f2f9ff;
}


/*****************************
  pagesec-facility
*****************************/

.facilitytbl table{
  background-color: rgb(204, 204, 204);
  border-color: grey;
  border-collapse: separate;
  border-spacing: 1px;
  box-sizing: border-box;
  table-layout: fixed;
  min-width: 830px;
  width: 100%;
}
.facilitytbl th,
.facilitytbl td{
  padding: .5rem 1rem;
  vertical-align: middle;
}
.facilitytbl th{
  background: #3A8EE2;
  color: #fff;
  font-weight: bold;
}
.facilitytbl td{
  background: #fff;
}
.facilitytbl td.bg{
  background: #FFB464;
  font-weight: bold;
}
.facilitytbl .scroll-hint-icon {
  top: 10%;
}