/*-----------------------------------------------
* product
-------------------------------------------------*/
@media screen and (min-width: 769px) {
.product{
  padding: 0 100px;
}
}
@media screen and (max-width: 768px) {
  .sub__headline--sub {
    gap: min(1.25vw, 18.75px);
    margin-left: auto;
  }
  .sub__headline--sub::before {
    -webkit-transform: translateX(-12%) translateY(0%);
            transform: translateX(-12%) translateY(0%);
  }
  .sub__headline--sub > span {
    -webkit-transform: translateX(0%) translateY(-12%) scale(0.8);
            transform: translateX(0%) translateY(-12%) scale(0.8);
  }
  #character .sub__headline--inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/*-----------------------------------------------
 * product list
-------------------------------------------------*/
.product__list{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.product__item{
  width: 46%;
  margin: 0 0 5% 0;
  text-align: center;
}
/* .product__item:nth-child(2n){
  margin: 0 0 3% 0;
} */
.product__item p{
  line-height: 1;
}
.product__item dl{
  line-height: 1;
  margin-bottom: 1px;
  display: flex;
}
.product__item dl dd{
  padding: 1em;
  background: #fff;
  width: 60%;
  display:flex;
  align-items:center;
  text-align: left;
}
.product__item dl dt{
  padding:1em;
  background: #009dbd ;
  color: #fff;
  width: 40%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.product__item--txt{
  font-size: 120%;
  min-height: 5em;
  display: flex;
  justify-content:center;
  align-items: center;
  background: #000;
  color: #fff;
  margin: 0.5em 0;
}
.product__item--thmb{
  width: 100%;
  height: inherit;
  overflow: hidden;
  position: relative;
}
.product__item--age{
  font-size: 90%;
}
.product__item--link a{
  display: inline-block;
  padding: 1em 2em;
  background: #009dbd;
  color: #fff;
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}
.product__item--link{
  margin-top: 1em;
}
@media (min-width: 768px){
  .product__item--txt{
      min-height: 4em;
  }
  .product__item--age{
      font-size: 100%;
  }
}
@media screen and (max-width: 768px) {
  .product__item{
    width: 90%;
    margin: 0 auto 7% auto;
  }
}

/*-----------------------------------------------
 * product Detail
-------------------------------------------------*/
/*wrap*/
.product__detail{
  width: 80%;
  margin: auto auto min(6.25vw, 93.75px) auto;
}
/*headline*/
.product__name{
  width: 80%;
  margin-bottom: 2em;
}
.product__name h3 span{
  font-size: min(2.466666666666667vw, 37px);
  line-height: inherit;
}
@media screen and (max-width: 768px) {
  .product__name h3 span {
    font-size: max(4.8vw, 24px);
  }
}
/*table*/
.product__detail__item{
  margin: 2em auto;
}
.product__detail__item dl{
  line-height: 1;
  margin-bottom: 1px;
  display: flex;
}
.product__detail__item dl dd{
  padding: 1em;
  background: #fff;
  width: 60%;
  display:flex;
  align-items:center;
  text-align: left;
}
.product__detail__item dl dt{
  padding:1em;
  background: #009dbd ;
  color: #fff;
  width: 40%;
  display:flex;
  justify-content:center;
  align-items:center;
}