@charset "UTF-8";

:root {
  --font-yu-gothic: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}  


/* 料金表アコーディオン */

.price_acc__head {
  text-align: center;
  color: #585858;
  font-family: var(--font-yu-gothic);
  font-size: min(32px, calc(calc(32/750) * 100vw));
  font-weight: 500;
  line-height: 1;
  padding: min(24px, calc(calc(24/750) * 100vw)) 0;
  position: relative;
  cursor: pointer;
  width: 100%;
}

.price_acc__head::before,
.price_acc__head::after {
  content: "";
  background: #707070;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}
.price_acc__head::before {
  width: min(30px, calc(calc(30/750) * 100vw));
  height: min(2px, calc(calc(2/750) * 100vw));
  right: min(30px, calc(calc(30/750) * 100vw));
}
.price_acc__head::after {
  width: min(2px, calc(calc(2/750) * 100vw));
  height: min(30px, calc(calc(30/750) * 100vw));
  right: min(44px, calc(calc(44/750) * 100vw));
  transition: all 0.3s;
}
.price_acc__head.is-active::after {
  transform: rotate(90deg);
  transition: all 0.3s;
}

.price_acc__cont {
  display: none;
  margin: 0 auto;
}
.price_acc__cont_inner {
  padding: min(20px, calc(calc(20/750) * 100vw));
  box-sizing: border-box;
}

.price_acc__item {
  color: #333;
  font-family: var(--font-yu-gothic);
  font-size: min(20px, calc(calc(24/750) * 100vw));
  line-height: 1.35;
}
.price_acc__item:not(:first-of-type) {
  margin-top: min(15px, calc(calc(15/750) * 100vw));
}
.price_acc__item h5.c-name {
  font-family: var(--font-yu-gothic);
  font-weight: 600;
  line-height: 1.35;
}


/* 背景色変更 */
.price_acc__head.bg_default,
.price_acc__cont.bg_default {
  background: #efefef;
}
.price_acc__head.bg_white,
.price_acc__cont.bg_white {
  background: #fff;
}
