@media only screen and (max-width: 768px) {
  .p-page-ttl h1 {
    width: 61.3333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-page-ttl h1 {
    width: min(388px, 27.7142857143vw);
  }
}
.p-page-ttl h1 img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .p-date {
    margin-top: 4vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-date {
    margin-top: min(30px, 2.1428571429vw);
  }
}

@media only screen and (max-width: 768px) {
  .p-data {
    padding-bottom: 8vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-data {
    padding-bottom: min(100px, 7.1428571429vw);
  }
}
.p-data img {
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.p-data .p-data-list li {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 768px) {
  .p-data .p-data-list li {
    padding: 8vw 4vw;
    margin-bottom: 4vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li {
    padding: min(30px, 2.1428571429vw) min(0px, 0vw);
    margin-bottom: min(30px, 2.1428571429vw);
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .col-3 {
    width: min(310px, 22.1428571429vw);
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .col-2 {
    width: min(480px, 34.2857142857vw);
  }
}
.p-data .p-data-list-ttl {
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .p-data .p-data-list-ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list-ttl {
    font-size: min(20px, 1.4285714286vw);
    margin-bottom: 20px;
  }
}
.p-data .p-data-list-img {
  margin: auto;
}
.p-data .p-data-list-offer {
  text-align: center;
  margin-top: 10px;
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(4) .p-data-list-img {
    width: min(300px, 21.4285714286vw);
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(5) .p-data-list-img {
    width: min(300px, 21.4285714286vw);
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(9) .p-data-list-img {
    width: min(340px, 24.2857142857vw);
  }
}
.p-data .p-data-list li:nth-child(10) .separate-style {
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .p-data .p-data-list li:nth-child(10) .separate-style {
    margin: auto;
    width: 85%;
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(10) .separate-style {
    margin: auto;
    width: min(340px, 24.2857142857vw);
  }
}
.p-data .p-data-list li:nth-child(10) .separate-style div {
  flex-shrink: 0;
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(10) .separate-style div .p-data-list-img {
    margin-left: min(23px, 1.6428571429vw);
    width: min(188px, 13.4285714286vw);
  }
}
@media only screen and (max-width: 768px) {
  .p-data .p-data-list li:nth-child(10) .p-data-list-img {
    margin-right: 1.3333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-data .p-data-list li:nth-child(10) .p-data-list-img {
    margin-right: min(10px, 0.7142857143vw);
    width: min(114px, 8.1428571429vw);
  }
}
.p-data .p-data-list li:nth-child(10) .p-data-list-offer {
  text-align: left;
}

.p-sales {
  background: #fff;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .p-sales {
    padding: 8vw 0;
  }
}
@media print, screen and (min-width: 769px) {
  .p-sales {
    padding: min(100px, 7.1428571429vw) 0;
  }
}
.p-sales .p-sales-ttl {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-sales .p-sales-ttl {
    font-size: 6.4vw;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-sales .p-sales-ttl {
    font-size: min(34px, 2.4285714286vw);
    margin-bottom: 30px;
  }
}
.p-sales .p-sales-img {
  margin: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .p-sales .p-sales-img {
    width: 85%;
  }
  .p-sales .p-sales-img img {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .p-sales .p-sales-img {
    width: min(990px, 70.7142857143vw);
  }
}