@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Poppins:wght@300;400;500;600;700&family=Shippori+Antique+B1&display=swap");
/**
 * triangle 三角つくる
 * @param  $dir    方向 up,down,left,right
 * @param  $base   底辺
 * @param  $height 高さ
 * @param  $color  色
 */
.p-mv {
  background: url(../img/detail_mv_bg.png) no-repeat bottom center;
  background-size: cover;
  height: min(40.4099560761vw, 34.5rem);
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-mv {
    height: unset;
    padding-bottom: min(14.6666666667vw, 55px);
  }
}
.p-mv-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .p-mv-inner {
    flex-direction: column-reverse;
  }
}
.p-mv-meta {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-bottom: min(1.4641288433vw, 1.25rem);
  padding-top: min(5.6368960469vw, 4.8125rem);
}
@media screen and (max-width: 640px) {
  .p-mv-meta {
    padding-top: min(8.8vw, 33px);
  }
}
@media screen and (max-width: 640px) {
  .p-mv-title {
    font-size: min(5.3333333333vw, 20px);
    line-height: 1.5;
    padding-bottom: min(8vw, 30px);
  }
}
.p-mv-card {
  border: 1px solid #fff;
  padding: min(2.196193265vw, 1.875rem) min(2.5622254758vw, 2.1875rem) min(2.7086383602vw, 2.3125rem) min(3.3674963397vw, 2.875rem);
  width: min(45.60761347vw, 38.9375rem);
}
@media screen and (max-width: 640px) {
  .p-mv-card {
    padding: min(6.6666666667vw, 25px) min(6.4vw, 24px);
    width: unset;
  }
}
.p-mv-card dt {
  font-size: min(1.1713030747vw, 1rem);
  line-height: min(1.9033674963vw, 1.625rem);
  padding-bottom: min(1.5373352855vw, 1.3125rem);
}
@media screen and (max-width: 640px) {
  .p-mv-card dt {
    font-size: min(3.7333333333vw, 14px);
    line-height: min(6.4vw, 24px);
    padding-bottom: min(6.6666666667vw, 25px);
  }
}
.p-mv-card dt strong {
  font-size: min(1.4641288433vw, 1.25rem);
  font-weight: 500;
  padding-top: min(0.2196193265vw, 0.1875rem);
  display: block;
}
@media screen and (max-width: 640px) {
  .p-mv-card dt strong {
    font-size: min(4.2666666667vw, 16px);
  }
}
.p-mv-card dd {
  font-size: min(1.0248901903vw, 0.875rem);
  line-height: min(1.756954612vw, 1.5rem);
}
@media screen and (max-width: 640px) {
  .p-mv-card dd {
    font-size: min(3.7333333333vw, 14px);
    line-height: min(6.4vw, 24px);
  }
}
.p-mv-img {
  margin-top: min(3.953147877vw, 3.375rem);
  overflow: hidden;
  width: min(28.7701317716vw, 24.5625rem);
}
@media screen and (max-width: 640px) {
  .p-mv-img {
    margin: min(9.3333333333vw, 35px) auto 0;
    width: min(87.2vw, 327px);
  }
}
.p-mv-img img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-mv-img img {
    height: min(87.2vw, 327px);
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-qa-items {
  display: flex;
  flex-direction: column;
  gap: min(5.1244509517vw, 4.375rem);
}
@media screen and (max-width: 640px) {
  .p-qa-items {
    padding: 0 min(6.4vw, 24px);
    gap: min(13.3333333333vw, 50px);
    width: 100vw;
  }
}
.p-qa-item {
  padding: 0 min(3.2942898975vw, 2.8125rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item {
    padding: 0;
  }
}
.p-qa-item-title {
  margin-bottom: min(1.756954612vw, 1.5rem);
  padding-left: min(2.196193265vw, 1.875rem);
  text-indent: max(-1.8301610542vw, -1.5625rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item-title {
    font-size: min(4.2666666667vw, 16px);
    line-height: 1.625;
    margin-bottom: min(6.4vw, 24px);
    padding-left: min(7.4666666667vw, 28px);
    text-indent: max(-6.6666666667vw, -25px);
  }
}
.p-qa-item-title:before {
  background: #5FC78B;
  content: " ";
  display: inline-block;
  height: 2px;
  margin-right: min(0.3660322108vw, 0.3125rem);
  position: relative;
  top: max(-0.3660322108vw, -0.3125rem);
  width: min(1.4641288433vw, 1.25rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item-title:before {
    top: max(-1.3333333333vw, -5px);
    width: min(5.3333333333vw, 20px);
  }
}
.p-qa-item-text {
  background: #F8F4F4;
  border-radius: min(1.4641288433vw, 1.25rem);
  padding: min(2.7818448023vw, 2.375rem) min(3.3674963397vw, 2.875rem) min(2.4158125915vw, 2.0625rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item-text {
    border-radius: min(5.3333333333vw, 20px);
    padding: min(6.9333333333vw, 26px) min(9.0666666667vw, 34px);
  }
}
.p-qa-item-text p {
  font-size: min(1.1713030747vw, 1rem);
  line-height: min(2.196193265vw, 1.875rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item-text p {
    font-size: min(3.7333333333vw, 14px);
    line-height: 1.7142857143;
  }
}
.p-qa-item-img {
  width: min(25.8418740849vw, 22.0625rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item-img {
    width: 100%;
  }
}
.p-qa-item-img img {
  width: 100%;
}
.p-qa-item.is-layout-2 {
  display: flex;
  gap: min(3.074670571vw, 2.625rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item.is-layout-2 {
    flex-direction: column-reverse;
    gap: min(13.3333333333vw, 50px);
  }
}
.p-qa-item.is-layout-3 .u-flex {
  align-items: flex-start;
  gap: min(3.074670571vw, 2.625rem);
}
@media screen and (max-width: 640px) {
  .p-qa-item.is-layout-3 .u-flex {
    flex-direction: column-reverse;
    gap: min(13.3333333333vw, 50px);
  }
}
.p-qa-item.is-layout-3 .p-qa-item-text {
  flex: 1;
}/*# sourceMappingURL=detail.css.map */