/* tokei_high_value_sale */

/* --- 独自レイアウト用のスタイル（pxを排除し、共通CSSの計算式に準拠） --- */
#brand_tokei_sec03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5cqw 0; /* 40px相当 */
  background: #f5f3ef;
  font-family: "Noto Sans CJK JP", sans-serif;
}

#brand_tokei_sec03 .inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.3cqw; /* 20px相当 */
  width: 100%;
  padding: 0 5.3cqw;
  box-sizing: border-box;
}

/* タイトルエリア */
#brand_tokei_sec03 .title-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.6cqw; /* 10px相当 */
  width: 100%;
}

#brand_tokei_sec03 .custom-subtitle-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5cqw;
  margin-bottom: 0;
}

#brand_tokei_sec03 .custom-subtitle {
  font-weight: 500;
  --f-base: 16; /* font-sizeの代わりに共通CSSの変数を適用 */
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.1em;
  color: #765e00;
}

#brand_tokei_sec03 .custom-subtitle-line {
  width: 5.3cqw; /* 20px相当 */
  height: 2px;
  background: #765e00;
}

#brand_tokei_sec03 .main-title {
  font-weight: 700;
  --f-base: 26; /* font-sizeの代わりに共通CSSの変数を適用 */
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.06em;
  color: #272727;
  margin: 0;
}

#brand_tokei_sec03 .gradient-line {
  width: 100%;
  height: 20px;
  background: radial-gradient(
    49.57% 49.65% at 47.68% 0%,
    #dadada 0.96%,
    #ebebeb 31.25%,
    rgba(229, 229, 229, 0) 100%
  );
}

/* テキストエリア */
#brand_tokei_sec03 .description-text {
  font-weight: 400;
  --f-base: 16; /* font-sizeの代わりに共通CSSの変数を適用 */
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #272727;
  width: 100%;
  margin: 0;
}

/* アコーディオン・ポイントエリア */
#brand_tokei_sec03 .point-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.6cqw;
  width: 100%;
}

#brand_tokei_sec03 .point-title {
  font-weight: 700;
  --f-base: 18; /* font-sizeの代わりに共通CSSの変数を適用 */
  line-height: 1.6;
  text-align: center;
  color: #272727;
  margin: 0;
}

#brand_tokei_sec03 .acordion-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* tokei_high_value_sale */

/* 以前からある既存のスタイル */
.purchase_reinforcement_img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 24px;
}

.purchase_reinforcement_img::before {
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 24px 0 0;
  opacity: 0.3;
  position: absolute;
  display: block;
  content: "";
}

.purchase_reinforcement_img::after {
  right: 0.85rem;
  bottom: 0.75rem;
  width: 8px;
  height: 14px;
  color: #fff;
  background: url(/brand-tokei/wp-content/themes/otakaraya/assets/img/common/icon_arrow_white02.png)
    no-repeat top left;
  background-size: contain;
  position: absolute;
  display: block;
  content: "";
}

.purchase_reinforcement_img_wrap:hover .purchase_reinforcement_img::before {
  background: #d82300;
  opacity: 1;
}
