@charset "utf-8";
@media screen and (max-width: 1022px) {
  .buy-item {
    width: min(90%, 800px);
    margin: 0 auto;
    padding-top: 12rem;
  }
  .buy-item h1 {
    font-size: 2.4rem;
    text-align: center;
  }
  .buy-item h1 span {
    display: block;
    color: var(--main);
  }
  /*-------------------------contact----------------------------*/
  .contact-item {
    width: min(95%, 640px);
    margin: 0 auto;
    padding-top: 12rem;
  }
  .contact-h1 {
    font-size: 2rem;
    text-align: center;
  }
  .contact-item h1 span {
    display: block;
    color: var(--main);
  }
  /*-------------------------contact----------------------------*/
  .buy-item-flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 4rem;
    margin-bottom: 8rem;
  }
  .buy-item section {
    width: 100%;
    padding: 1em;
    margin-bottom: 2.4rem;
  }
  @media screen and (min-width: 540px) {
    body .buy-item section {
      width: 49%;
    }
  }
  .buy-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: var(--maru2);
    object-fit: cover;
    object-position: top;
    position: relative;
  }
  .buy-item .mail-button img,
  .buy-item .phone-button img {
    display: inline-block;
    margin-right: 0.8rem;
    width: 2rem;
    height: 2rem;
    transform: translate(0.4rem, 0.4rem);
    object-fit: cover;
  }
  .buy-item .phone-button,
  .buy-item .mail-button {
    display: block;
    margin: 0 auto;
    margin-bottom: 1.6rem;
    width: min(34rem, 98vw);
    border-radius: 60px;
    background: var(--main);
    text-align: center;
    padding: 1em;
    font-size: 1.6rem;
    color: #fff;
  }
  .buy-item .mail-button {
    background: var(--main2);
  }
  body .contact-item th {
    background-color: #f8ece4;
    border-radius: 8px;
    padding: 1em;
  }
  .contact-item .CF7_table input {
    margin-bottom: 0.8rem;
    border-radius: 8px;
  }
  body .CF7_req {
    background-color: var(--main3);
    border-radius: 8px;
  }
  body .wpcf7 input.wpcf7-submit {
    background-color: var(--main2);
  }
  body .wpcf7 input.wpcf7-submit:hover {
    opacity: 0.9;
  }
  body .wpcf7 input.wpcf7-submit {
    cursor: pointer;
    border-radius: var(--maru2);
    box-shadow: var(--box);
    font-weight: bold;
    width: 24rem;
  }
  input {
    border-radius: var(--maru2);
  }
  body table.CF7_table tr {
    border-top: 0px solid;
  }
  .CF7_table textarea {
    border-radius: 8px;
  }
  body .privacy-item {
    width: 90vw;
    margin: 0 auto;
    padding-top: 12rem;
  }
  body .privacy-item h2 {
    font-size: 2rem;
    margin-bottom: 0.4rem;
  }
  body .privacy-item p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1023px) {
  .buy-item-flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 4rem;
  }
  .buy-item section {
    width: 30%;
    margin-bottom: 12rem;
  }
  .buy-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: var(--maru2);
    object-fit: cover;
    object-position: top;
    position: relative;
  }
  /*-------------------------contact----------------------------*/
  body .contact-item p,
  body .contact-item span {
    font-size: 1.8rem;
  }
  .contact-item .CF7_table textarea,
  .contact-item .CF7_table input {
    width: 100%;
    border-radius: 0.8rem;
    padding: 1em;
  }
  .contact-item table.CF7_table {
    margin-top: 8rem;
    margin-bottom: 4rem;
  }
  .contact-item {
    width: min(1000px, 90%);
    padding-bottom: 0;
  }
  body .contact-item th {
    background-color: #fae8db;
    border-radius: 1.4rem;
    padding: 1em;
  }
  .contact-item .CF7_table input {
    margin-bottom: 0.8rem;
  }
  body .CF7_req {
    background-color: var(--main3);
    border-radius: 8px;
    padding: 0.6em;
  }
  body .wpcf7 input.wpcf7-submit {
    background-color: var(--main2);
    cursor: pointer;
    border-radius: var(--maru);
    box-shadow: var(--box);
    font-weight: bold;
    width: 24rem;
  }
  body .wpcf7 input.wpcf7-submit:hover {
    background: var(--main3);
    opacity: 1;
  }
}
/*------------------------------works----------------------------------------------*/
.pagination {
  width: 32.6rem;
  margin: -4rem auto 16rem auto;
  text-align: center;
}
.pagination .page-numbers:hover {
  background: var(--main);
  color: #fff;
  opacity: 1;
}

.page-left,
.page-right {
  display: inline-block;
  width: 3rem;
  height: auto;
  padding: 1em;
  color: #fff;
  background: url("../images/button.png");
  background-size: cover;
}
.page-right {
  transform: translate(0rem, 1rem);
}
.page-left {
  transform: translate(0rem, 1rem);
  background: url("../images/left.png");
  background-size: cover;
}
.page-numbers {
  width: 6rem;
  height: 6rem;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 6rem;
}
.next.page-numbers,
.prev.page-numbers {
  border: 0px solid;
}
.next.page-numbers:hover,
.prev.page-numbers:hover {
  background: none;
}
.page-numbers.current {
  color: #fff;
  background-color: var(--main);
  border: 1px solid var(--main);
}
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}
.contact-item label span {
  font-size: 1.4rem;
}
.CF7_btn {
  margin-top: 2.4rem;
}
.privacy-item {
  width: 80vw;
  margin: 0 auto;
  padding-top: 24rem;
}
.privacy-item h1 {
  margin-bottom: 4rem;
}
.privacy-item section {
  margin-bottom: 2.4rem;
}