@import url("./number-circle.css");
@import url('/assets/shared/feature-surface.css');
/* F013: selected B design with L001-07, shared by TOP and the comparison sample. */
.reason-editorial--b { background: transparent; }
.reason-editorial--b .reason-editorial__surface { width: min(100%, var(--container-visual-max)); padding-block: var(--section-padding-feature); }
.reason-editorial--b .section-heading { margin-bottom: 2rem; }
.reason-editorial--b .reason-editorial__layout { align-items: start; }
.reason-editorial--b .reason-editorial__photo { border-radius: 2rem 2rem 2rem .5rem; }
.reason-editorial--b .reason-editorial__photo > img { object-position: 48% center; height: auto; min-height: 0; aspect-ratio: 4 / 3; }
.reason-editorial--b .reason-editorial__photo figcaption { position: static; padding: 1rem; font-size: .875rem; line-height: 1.7; background: var(--color-surface-base); color: var(--color-brand-green-darker); text-align: center; }
.reason-editorial--b .reason-editorial__quality { align-items: start; }
@media (min-width: 768px) {
  .reason-editorial--b .reason-editorial__list > li:first-child .reason-editorial__content { position: relative; padding-right: 9rem; min-height: 4.5rem; }
  .reason-editorial--b .reason-editorial__quality { display: block; }
  .reason-editorial--b .reason-editorial__quality img { position: absolute; top: 0; right: 0; width: 8rem; }
}
@media (min-width: 960px) {
  .reason-editorial--b .reason-editorial__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 3rem; }
}
@media (max-width: 959px) {
  .reason-editorial--b .reason-editorial__photo { width: min(100%, 24rem); justify-self: center; }
}
@media (max-width: 767px) {
}