[data-presentation="phone"] {
  --_container-max-width: 1140px;
  --accent-color: #e62525;
  --dark-accent-color: #941111;
  --light-accent-color: #f08181;
  --lighter-accent-color: #f8bebe;
  --lightest-accent-color: #f9cece;
  --sub-accent-color: #50afe6;
  --dark-sub-accent-color: #1a7db6;
  --light-sub-accent-color: #a9d8f3;
  --lighter-sub-accent-color: #e5f3fb;
  --lightest-sub-accent-color: #f5fafe;
  --entry-content-h2-border-left: 1px solid var(--accent-color, #cd162c);
  --entry-content-h2-background-color: #f7f7f7;
  --entry-content-h2-padding: calc(var(--_space, 1.76923rem) * 0.25)
    calc(var(--_space, 1.76923rem) * 0.25)
    calc(var(--_space, 1.76923rem) * 0.25) calc(var(--_space, 1.76923rem) * 0.5);
  --entry-content-h3-border-bottom: 1px solid #eee;
  --entry-content-h3-padding: 0 0 calc(var(--_space, 1.76923rem) * 0.25);
  --widget-title-display: flex;
  --widget-title-flex-direction: row;
  --widget-title-align-items: center;
  --widget-title-justify-content: center;
  --widget-title-pseudo-display: block;
  --widget-title-pseudo-content: "";
  --widget-title-pseudo-height: 1px;
  --widget-title-pseudo-background-color: #111;
  --widget-title-pseudo-flex: 1 0 0%;
  --widget-title-pseudo-min-width: 20px;
  --widget-title-before-margin-right: 0.5em;
  --widget-title-after-margin-left: 0.5em;
}
@media (max-width: 767px) {
  html:has(> body[data-has-phone="true"]) {
    --_container-max-width: 1140px;
    --accent-color: #e62525;
    --dark-accent-color: #941111;
    --light-accent-color: #f08181;
    --lighter-accent-color: #f8bebe;
    --lightest-accent-color: #f9cece;
    --sub-accent-color: #50afe6;
    --dark-sub-accent-color: #1a7db6;
    --light-sub-accent-color: #a9d8f3;
    --lighter-sub-accent-color: #e5f3fb;
    --lightest-sub-accent-color: #f5fafe;
    --entry-content-h2-border-left: 1px solid var(--accent-color, #cd162c);
    --entry-content-h2-background-color: #f7f7f7;
    --entry-content-h2-padding: calc(var(--_space, 1.76923rem) * 0.25)
      calc(var(--_space, 1.76923rem) * 0.25)
      calc(var(--_space, 1.76923rem) * 0.25)
      calc(var(--_space, 1.76923rem) * 0.5);
    --entry-content-h3-border-bottom: 1px solid #eee;
    --entry-content-h3-padding: 0 0 calc(var(--_space, 1.76923rem) * 0.25);
    --widget-title-display: flex;
    --widget-title-flex-direction: row;
    --widget-title-align-items: center;
    --widget-title-justify-content: center;
    --widget-title-pseudo-display: block;
    --widget-title-pseudo-content: "";
    --widget-title-pseudo-height: 1px;
    --widget-title-pseudo-background-color: #111;
    --widget-title-pseudo-flex: 1 0 0%;
    --widget-title-pseudo-min-width: 20px;
    --widget-title-before-margin-right: 0.5em;
    --widget-title-after-margin-left: 0.5em;
  }
}
div:where([data-presentation="phone"]) {
  font-size: 16px;
}
@media (max-width: 767px) {
  html:has(> body[data-has-phone="true"]) {
    font-size: 16px;
  }
}
:where([data-presentation="phone"]) .l-body,
:where([data-presentation="phone"]):is(.l-body),
:where([data-presentation="phone"]) .block-editor-block-list__block,
:where([data-presentation="phone"]):is(.block-editor-block-list__block) {
  font-family: "Noto Sans JP", sans-serif;
}
:where([data-presentation="phone"]) input[type="email"],
:where([data-presentation="phone"]):is(input[type="email"]),
:where([data-presentation="phone"]) input[type="number"],
:where([data-presentation="phone"]):is(input[type="number"]),
:where([data-presentation="phone"]) input[type="password"],
:where([data-presentation="phone"]):is(input[type="password"]),
:where([data-presentation="phone"]) input[type="search"],
:where([data-presentation="phone"]):is(input[type="search"]),
:where([data-presentation="phone"]) input[type="tel"],
:where([data-presentation="phone"]):is(input[type="tel"]),
:where([data-presentation="phone"]) input[type="text"],
:where([data-presentation="phone"]):is(input[type="text"]),
:where([data-presentation="phone"]) input[type="url"],
:where([data-presentation="phone"]):is(input[type="url"]),
:where([data-presentation="phone"]) textarea,
:where([data-presentation="phone"]):is(textarea) {
  font-size: 16px;
}
:where([data-presentation="phone"]) .has-accent-color-color,
:where([data-presentation="phone"]):is(.has-accent-color-color),
:where([data-presentation="phone"])
  .wp-block-button__link.has-accent-color-color,
:where([data-presentation="phone"]):is(
  .wp-block-button__link.has-accent-color-color
) {
  color: #e62525 !important;
}