@charset "UTF-8";
h3{
  /*products section heading*/
  margin-bottom: 1.6rem;

  font-size: 3.6rem;
  text-align: center;
}
section > .desc{
  margin-bottom: 4rem;
  
  font-size: 2.1rem;
  line-height: 1.4;
}
.section-wrap{
  margin-bottom: 6.4rem;
}
.btn-width{
  width: 28.8rem;
  margin-bottom: 4rem;
}
h4{
  padding-left: .5em;
  margin-bottom: 1.6rem;
  border-left: 8px solid red;
  border-image: linear-gradient(to bottom, #ACE9FF 0%, #6EBCFF 100%) 1;

  font-size: 2.2rem;
  font-weight: 600;
}
h5{
  padding-bottom: 0.2em;
  margin-bottom: 1em;

  font-size: 2rem;
  border-bottom: solid 1px #333;
  font-weight: 600;
}
.h5-wrap{
  margin-bottom: 3.2rem;
}
.h5-wrap p{
  line-height: 1.6;
}
.product-itemContainer-wrap >*+*{
  margin-block-start: 6.4rem;
}
.product-itemContainer{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 3.2rem;
  row-gap: 6.4rem;

  margin-bottom: 2.4rem;
}
.product-itemContainer.column4{
  grid-template-columns: repeat(4,1fr);
}
.product-item .name{
  display: inline-flex;
  align-items:flex-end;
  width: 100%;
  height: 2.5em;
  margin-bottom: 0.8rem;

  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}
.product-itemContainer.column4 .name{
  font-size: 1.8rem;
}
.product-item:not(:has(.thumbnail-wrap)) .name{
  padding-bottom: 0.4rem;
  margin-bottom: 0.8rem;

  border-bottom: solid 1px #707070;
}
.product-item .thumbnail-wrap{
  display: block;
  width: 100%;
  margin-bottom: .8rem;
}
.product-item .thumbnail-wrap img{
  width: 100%;
}
.product-item ul,
.product-columnlayout ul{
  line-height: 1.6;
}
.ul-wrap >*+*{
  margin-block-start: 3.2rem;
}
.product-columnlayout{
  display: grid;
  grid-template-columns: 32rem 1fr;
  column-gap: 3.2rem;
  row-gap: .8rem;

  margin-bottom: 4rem;
}
@media (max-width : 1080px){
  .product-itemContainer{
    grid-template-columns: repeat(2,1fr);
  }
  .product-itemContainer.column4{
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width : 599px){
  .product-itemContainer,
  .product-itemContainer.column4,
  .product-columnlayout{
    grid-template-columns: repeat(1,1fr);
  }
}