@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}

body {
  font-size: 2.34rem;
  margin: auto;
  color: #333;
}

.head {
  background-image: url("../img/products/index/products_header_bg_pc.png");
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .head {
    background-image: url("../img/products/index/products_header_bg_sp.png");
  }
}
.head__title-text {
  display: block;
  color: #333;
}
.head__title-sub-text {
  display: block;
  font-size: 3rem;
  letter-spacing: 1rem;
  font-weight: 500;
  color: #4D4D4D;
  padding-top: 3rem;
}
@media screen and (max-width: 768px) {
  .head__title-sub-text {
    font-size: 2rem;
    padding-top: 2rem;
  }
}

.body {
  background-image: url("/assets/img/researchers/interview-bg_pc.png");
  background-repeat: repeat-y;
  background-size: 100%;
  padding-bottom: 15.98rem;
}
@media screen and (max-width: 768px) {
  .body {
    background-image: url("/assets/img/researchers/interview-bg_sp.png");
  }
}
.body .breadcrumbs {
  width: 78.5%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.1rem;
  padding-top: 5rem;
}
@media screen and (max-width: 768px) {
  .body .breadcrumbs {
    font-size: 1.7rem;
    width: 86.6%;
    padding-top: 5rem;
  }
}
.body .breadcrumbs .breadcrumb {
  color: #AB80CA;
  padding-bottom: 1rem;
}
.body .breadcrumbs .breadcrumb--current {
  color: #333;
}
.body .breadcrumbs .breadcrumb--divider {
  position: relative;
  padding-right: 4rem;
}
.body .breadcrumbs .breadcrumb--divider:before, .body .breadcrumbs .breadcrumb--divider:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.58rem);
  right: 1.4rem;
  width: 1.4rem;
  height: 0.1rem;
  background-color: #333;
  transform-origin: 100% 50%;
}
.body .breadcrumbs .breadcrumb--divider:before {
  transform: rotate(45deg);
}
.body .breadcrumbs .breadcrumb--divider:after {
  transform: rotate(-45deg);
}
.body .list, .body .privacy-policy {
  margin: 2.64rem 50.45977011rem 0;
}
@media screen and (max-width: 768px) {
  .body .list, .body .privacy-policy {
    margin: 7rem 4.16666667rem 0;
  }
}
.body .item {
  font-size: 2.06896552rem;
  display: flex;
  padding: 2.87356322rem 0;
  border-bottom: solid 0.22988506rem #999;
  letter-spacing: 0.0742268rem;
}
@media screen and (max-width: 768px) {
  .body .item {
    padding: 2.87356322rem 0;
    font-size: 1.83333333rem;
    letter-spacing: 0.07333333rem;
  }
}
.body .item__label {
  color: #999;
  align-items: center;
  display: flex;
  margin-left: 3.44827586rem;
}
@media screen and (max-width: 768px) {
  .body .item__label {
    margin-left: 1.91666667rem;
    flex: 0.4;
  }
}
.body .item__value {
  color: #333;
}
.body .item__value .purple {
  color: #AB80CA;
}
.body .item__value a {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .body .item__value .--gray {
    color: #999;
    font-size: 1.66666667rem;
    letter-spacing: 0.06666667rem;
  }
}
@media screen and (max-width: 768px) {
  .body .item__value {
    align-items: center;
  }
}
.body .item__note {
  color: #999;
  font-size: 1.72413793rem;
  letter-spacing: 0.06896552rem;
  margin-top: 0.4rem;
}

.head {
  padding: 26rem 0 18rem;
}
@media screen and (max-width: 768px) {
  .head {
    padding: 17rem 0 11.8rem;
  }
}
.head__title-text {
  letter-spacing: 1.07586207rem;
  font-size: 4.14rem;
  color: #4D4D4D;
}
@media screen and (max-width: 768px) {
  .head__title-text {
    letter-spacing: 0.65rem;
    font-size: 2.5rem;
    font-weight: 500;
  }
}

@media screen and (max-width: 768px) {
  .body .privacy-policy {
    margin: 0 4.16666667rem;
  }
}
.body .policy-section {
  font-size: 2.06896552rem;
  display: block;
  padding: 5.17241379rem 0;
  border-bottom: solid 0.22988506rem #999;
  line-height: 3.44827586rem;
  letter-spacing: 0.08275862rem;
}
.body .policy-section:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .body .policy-section {
    padding: 4.58333333rem 0;
    font-size: 1.83333333rem;
    line-height: 2.66666667rem;
    letter-spacing: 0.07333333rem;
  }
}
.body .policy-section__paragraph {
  margin-bottom: 4.82758621rem;
}
@media screen and (max-width: 768px) {
  .body .policy-section__paragraph {
    margin-bottom: 3.5rem;
  }
}
.body .policy-section__title {
  display: block;
  margin-bottom: 3.44827586rem;
  font-weight: 600;
}
.body .policy-signature {
  text-align: right;
  margin-top: 2.87356322rem;
}
.body .policy-category {
  margin-top: 3.8rem;
}
.body .policy-category:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .body .policy-category {
    margin-top: 2.7rem;
  }
}
.body .policy-detail {
  margin-top: 3.8rem;
}
@media screen and (max-width: 768px) {
  .body .policy-detail {
    margin-top: 2.7rem;
  }
}