/* =========================================================
   B-ART SPACE | BLOCK 2 | 05-10
   ISOLATED CSS
   - TRAINER / PRICE / TRIAL / FAQ / ACCESS / FLOATING CTA / FINAL CTA
   - NO-BOX foundation excluded
   - PRICE single/ticket compact update retained
========================================================= */

#bas-trainer-202609,
#bas-price-202609,
#bas-trial-202609,
#bas-faq-202609,
#bas-access-202609,
#bas-floating-cta-202609,
#bas-final-cta-202609 {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

#bas-price-202609,
#bas-trial-202609,
#bas-faq-202609,
#bas-access-202609,
#bas-final-cta-202609 {
  box-sizing:border-box;
}

#bas-price-202609 *,
#bas-trial-202609 *,
#bas-faq-202609 *,
#bas-access-202609 *,
#bas-final-cta-202609 *,
#bas-price-202609 *::before,
#bas-trial-202609 *::before,
#bas-faq-202609 *::before,
#bas-access-202609 *::before,
#bas-final-cta-202609 *::before,
#bas-price-202609 *::after,
#bas-trial-202609 *::after,
#bas-faq-202609 *::after,
#bas-access-202609 *::after,
#bas-final-cta-202609 *::after {
  box-sizing:border-box;
}

#bas-price-202609,
#bas-trial-202609,
#bas-faq-202609,
#bas-access-202609 {
  scroll-margin-top:90px;
}


/* =========================================================
   PRICE
========================================================= */

#bas-price-202609 {
  --p-orange:#df8754;
  --p-orange-dark:#c87548;
  --p-text:#292929;
  --p-sub:#69625d;
  --p-cream:#fdf9f5;
  --p-cream2:#f8f1eb;
  --p-border:#eadbcf;
  --p-green:#79a66c;

  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;

  color:var(--p-text);

  background:
    radial-gradient(
      circle at 103% 7%,
      rgba(235,205,182,.22) 0 240px,
      transparent 241px
    ),
    radial-gradient(
      circle at -5% 95%,
      rgba(235,205,182,.16) 0 230px,
      transparent 231px
    ),
    var(--p-cream);
}

#bas-price-202609 .basP-inner {
  width:min(1100px,90%);
  margin:0 auto;
  padding:82px 0 76px;
}

#bas-price-202609 .basP-head {
  margin-bottom:42px;
}

#bas-price-202609 .basP-label {
  margin:0 0 10px;

  color:var(--p-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:13px;
  letter-spacing:.2em;
}

#bas-price-202609 .basP-label::after {
  content:"";

  display:block;

  width:38px;
  height:1px;

  margin-top:8px;

  background:var(--p-orange);
}

#bas-price-202609 .basP-title {
  margin:0 0 20px;

  font-size:
    clamp(
      30px,
      3.5vw,
      45px
    );

  font-weight:500;
  line-height:1.45;
  letter-spacing:.05em;
}

#bas-price-202609 .basP-lead {
  margin:0;

  color:var(--p-sub);

  font-size:14px;
  line-height:1.9;
}

#bas-price-202609 svg {
  display:block;

  width:100%;
  height:100%;

  fill:none;
  stroke:currentColor;
  stroke-width:1.7;

  stroke-linecap:round;
  stroke-linejoin:round;
}

#bas-price-202609 .basP-icon-circle {
  display:flex;

  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  width:54px;
  height:54px;

  padding:13px;

  color:var(--p-orange);
  background:var(--p-cream2);

  border-radius:50%;
}

#bas-price-202609 .basP-icon-green {
  color:#71996b;
}

#bas-price-202609 .basP-first-grid {
  display:grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap:17px;

  margin-bottom:45px;
}

#bas-price-202609 .basP-first-card {
  position:relative;

  display:grid;

  grid-template-columns:
    60px 1fr auto;

  align-items:center;

  gap:18px;

  min-height:126px;

  padding:
    23px 26px;

  background:
    rgba(255,255,255,.86);

  border:
    1px solid
    var(--p-border);

  border-radius:13px;
}

#bas-price-202609 .basP-trial-card {
  border-color:var(--p-orange);
}

#bas-price-202609 .basP-recommend {
  position:absolute;

  top:-12px;
  left:23px;

  padding:
    5px 14px;

  color:#fff;
  background:var(--p-orange);

  border-radius:
    5px 5px 5px 0;

  font-size:10px;
  letter-spacing:.05em;
}

#bas-price-202609
.basP-first-copy h3 {
  margin:
    0 0 5px;

  font-size:17px;
  font-weight:500;
  line-height:1.55;
}

#bas-price-202609
.basP-first-copy p {
  margin:0;

  color:var(--p-sub);

  font-size:11px;
  line-height:1.6;
}

#bas-price-202609 .basP-price {
  margin:0;

  white-space:nowrap;

  color:var(--p-orange-dark);
}

#bas-price-202609
.basP-price strong {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:38px;
  font-weight:400;
}

#bas-price-202609
.basP-price span {
  margin-left:4px;

  color:var(--p-text);

  font-size:14px;
}

#bas-price-202609
.basP-price-zero strong {
  font-size:40px;
}

#bas-price-202609
.basP-main-course {
  margin-bottom:28px;
}

#bas-price-202609
.basP-course-head {
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:20px;

  margin-bottom:16px;
}

#bas-price-202609
.basP-course-en,
#bas-price-202609
.basP-long-en {
  margin:
    0 0 4px;

  color:var(--p-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:9px;
  letter-spacing:.18em;
}

#bas-price-202609
.basP-course-head h3,
#bas-price-202609
.basP-long-head h3 {
  margin:0;

  font-size:23px;
  font-weight:500;
  letter-spacing:.06em;
}

#bas-price-202609
.basP-course-note {
  margin:0;

  color:#8d817a;

  text-align:right;

  font-size:10.5px;
  line-height:1.55;
}

#bas-price-202609
.basP-main-grid {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:17px;
}

#bas-price-202609
.basP-main-card {
  position:relative;

  display:grid;

  grid-template-columns:
    55px 1fr auto;

  align-items:center;

  gap:18px;

  min-height:145px;

  padding:
    27px 26px;

  background:#fff;

  border:
    1px solid
    var(--p-border);

  border-radius:13px;
}

#bas-price-202609
.basP-main-card-emphasis {
  border-color:
    rgba(223,135,84,.7);
}

#bas-price-202609 .basP-best {
  position:absolute;

  top:-10px;
  right:18px;

  padding:
    4px 10px;

  color:var(--p-orange-dark);

  background:var(--p-cream2);

  border:
    1px solid
    rgba(223,135,84,.26);

  border-radius:20px;

  font-size:9px;
}

#bas-price-202609
.basP-course-icon {
  width:50px;
  height:50px;

  padding:12px;
}

#bas-price-202609
.basP-plan-name {
  margin:
    0 0 6px;

  font-size:16px;
  font-weight:500;
}

#bas-price-202609
.basP-main-price {
  margin:0;

  white-space:nowrap;
}

#bas-price-202609
.basP-main-price strong {
  color:var(--p-orange-dark);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:33px;
  font-weight:400;
}

#bas-price-202609
.basP-main-price span {
  margin-left:3px;

  font-size:10px;
}

#bas-price-202609
.basP-per-session {
  min-width:110px;

  padding-left:20px;

  border-left:
    1px solid
    var(--p-border);
}

#bas-price-202609
.basP-per-session span {
  display:block;

  margin-bottom:3px;

  color:#847a74;

  font-size:9.5px;
}

#bas-price-202609
.basP-per-session strong {
  color:var(--p-orange-dark);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:20px;
  font-weight:400;
}

#bas-price-202609
.basP-long-course {
  margin-top:24px;

  padding:
    20px 22px;

  background:
    rgba(255,255,255,.56);

  border:
    1px solid
    rgba(234,219,207,.85);

  border-radius:11px;
}

#bas-price-202609
.basP-ticket-course {
  background:#fff;

  border-color:
    rgba(223,135,84,.42);

  box-shadow:
    0 8px 24px
    rgba(116,79,55,.055);
}

#bas-price-202609
.basP-ticket-course
.basP-mini-icon {
  color:var(--p-orange-dark);

  background:
    rgba(223,135,84,.12);
}

#bas-price-202609
.basP-ticket-list {
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

#bas-price-202609
.basP-ticket-item {
  padding-top:9px;
  padding-bottom:9px;
}

/* =========================================================
   PRICE｜単発・回数券 有効期限
========================================================= */

#bas-price-202609
.basP-ticket-note {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:8px;

  margin:
    13px 0 0;

  padding:
    10px 12px;

  color:#9b463b;

  text-align:left;

  font-size:11.5px;
  font-weight:600;
  line-height:1.65;

  background:
    rgba(255,246,243,.88);

  border:
    1px solid
    rgba(196,91,72,.22);

  border-radius:8px;
}

#bas-price-202609
.basP-ticket-note::before {
  content:"!";

  display:flex;

  align-items:center;
  justify-content:center;

  flex:
    0 0 20px;

  width:20px;
  height:20px;

  color:#fff;

  background:#bd6253;

  border-radius:50%;

  font-size:11px;
  font-weight:800;
  line-height:1;
}

#bas-price-202609
.basP-long-head {
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:20px;

  margin-bottom:15px;
}

#bas-price-202609
.basP-long-heading {
  display:flex;

  align-items:center;

  gap:10px;
}

#bas-price-202609
.basP-mini-icon {
  width:31px;
  height:31px;

  padding:5px;

  color:var(--p-orange);

  background:var(--p-cream2);

  border-radius:50%;
}

#bas-price-202609
.basP-long-head h3 {
  font-size:18px;
}

#bas-price-202609
.basP-long-head > p {
  margin:0;

  color:#8d817a;

  font-size:10px;
}

#bas-price-202609
.basP-long-list {
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));
}

#bas-price-202609
.basP-long-item {
  padding:
    6px 20px;

  text-align:center;

  border-right:
    1px solid
    var(--p-border);
}

#bas-price-202609
.basP-long-item:last-child {
  border-right:0;
}

#bas-price-202609
.basP-long-item span {
  display:block;

  margin-bottom:4px;

  font-size:11px;
}

#bas-price-202609
.basP-long-item strong {
  display:block;

  color:var(--p-orange-dark);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:21px;
  font-weight:400;
}

#bas-price-202609
.basP-long-item small {
  display:block;

  margin-top:2px;

  color:#90857e;

  font-size:8.5px;
}

#bas-price-202609 .basP-rollover {
  display:flex;

  align-items:center;

  gap:12px;

  margin-top:18px;

  padding:
    13px 17px;

  background:
    rgba(255,255,255,.58);

  border:
    1px solid
    rgba(223,135,84,.19);

  border-radius:9px;
}

#bas-price-202609
.basP-rollover-icon {
  flex:0 0 auto;

  width:36px;
  height:36px;

  padding:7px;

  color:var(--p-orange);

  background:var(--p-cream2);

  border-radius:50%;
}

#bas-price-202609
.basP-rollover strong {
  display:block;

  margin-bottom:2px;

  color:#5f5955;

  font-size:11px;
  font-weight:600;
}

#bas-price-202609
.basP-rollover p {
  margin:0;

  color:#847a74;

  font-size:9.5px;
  line-height:1.55;
}

#bas-price-202609 .basP-u24 {
  display:flex;

  align-items:center;
  justify-content:center;

  gap:9px;

  margin:
    17px 0 14px;

  color:#625d59;
}

#bas-price-202609
.basP-u24-icon {
  width:28px;
  height:28px;

  padding:4px;

  color:var(--p-orange);
}

#bas-price-202609
.basP-u24 strong {
  font-size:12px;
  font-weight:600;
}

#bas-price-202609
.basP-u24 span {
  font-size:10px;
}

#bas-price-202609
.basP-notes {
  padding-top:14px;

  border-top:
    1px solid
    rgba(218,198,183,.7);
}

#bas-price-202609
.basP-notes p {
  margin:
    0 0 5px;

  color:#756d68;

  font-size:10.5px;
  line-height:1.6;
}

#bas-price-202609
.basP-notes p span {
  margin-right:6px;

  color:var(--p-orange);
}

#bas-price-202609
.basP-other {
  margin-top:12px;

  border-top:
    1px solid
    rgba(218,198,183,.55);

  border-bottom:
    1px solid
    rgba(218,198,183,.55);
}

#bas-price-202609
.basP-other summary {
  padding:
    11px 2px;

  color:#726963;

  cursor:pointer;

  font-size:10.5px;
}

#bas-price-202609
.basP-other-content {
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:
    10px 20px;

  padding:
    4px 2px 15px;
}

#bas-price-202609
.basP-other-content div {
  display:flex;

  align-items:baseline;

  gap:8px;
}

#bas-price-202609
.basP-other-content span,
#bas-price-202609
.basP-other-content small,
#bas-price-202609
.basP-other-content p {
  color:#817771;

  font-size:9.5px;
}

#bas-price-202609
.basP-other-content strong {
  color:var(--p-orange-dark);

  font-size:13px;
}

#bas-price-202609
.basP-other-content p {
  grid-column:
    1 / -1;

  margin:0;
}

#bas-price-202609
.basP-policy {
  margin-top:22px;

  padding:
    20px 22px 19px;

  background:
    rgba(253,249,245,.92);

  border:
    1px solid
    rgba(223,135,84,.24);

  border-left:
    3px solid
    rgba(223,135,84,.72);

  border-radius:10px;
}

#bas-price-202609
.basP-policy-title {
  margin:0 0 11px;

  color:var(--p-orange-dark);

  font-size:13px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.02em;
}

#bas-price-202609
.basP-policy > p:not(.basP-policy-title) {
  margin:0 0 8px;

  color:#756d68;

  font-size:10.5px;
  line-height:1.8;
}

#bas-price-202609
.basP-policy > p:last-child {
  margin-bottom:0;
}

#bas-price-202609
.basP-actions {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:13px;

  margin-top:23px;
}

#bas-price-202609 .basP-btn {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:13px;

  min-height:58px;

  padding:
    10px 50px 10px 20px;

  border-radius:7px;

  text-decoration:none;

  font-size:14px;

  transition:
    transform .2s ease,
    opacity .2s ease;
}

#bas-price-202609
.basP-btn:hover {
  transform:
    translateY(-2px);

  opacity:.92;
}

#bas-price-202609
.basP-btn-line {
  color:#fff;

  background:var(--p-green);
}

#bas-price-202609
.basP-btn-trial {
  color:var(--p-orange-dark);

  background:#fff;

  border:
    1px solid
    var(--p-orange);
}

#bas-price-202609
.basP-btn-svg {
  width:25px;
  height:25px;

  color:currentColor;
}

#bas-price-202609
.basP-btn-line
.basP-btn-svg {
  color:#fff;
}

#bas-price-202609
.basP-arrow {
  position:absolute;

  right:19px;

  font-size:23px;
  font-weight:300;
}


/* =========================================================
   TRIAL
========================================================= */

#bas-trial-202609 {
  --tr2-orange:#df8754;
  --tr2-orange-dark:#c87548;
  --tr2-text:#2f2b28;
  --tr2-sub:#6f6762;
  --tr2-cream:#fdfaf7;
  --tr2-cream2:#f8f1ea;
  --tr2-border:#eadccf;
  --tr2-green:#79a66c;
  --tr2-gold:#b99862;

  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;

  color:var(--tr2-text);

  background:
    radial-gradient(
      circle at 104% 2%,
      rgba(230,203,180,.19) 0 270px,
      transparent 271px
    ),
    radial-gradient(
      circle at -7% 98%,
      rgba(230,203,180,.14) 0 220px,
      transparent 221px
    ),
    var(--tr2-cream);
}

#bas-trial-202609,
#bas-trial-202609 *,
#bas-trial-202609 *::before,
#bas-trial-202609 *::after {
  box-sizing:border-box;
}

#bas-trial-202609 {
  scroll-margin-top:90px;
}

#bas-trial-202609 .basTR2-inner {
  width:min(1120px,90%);
  margin:0 auto;
  padding:84px 0 76px;
}

#bas-trial-202609 .basTR2-head {
  max-width:720px;

  margin:0 auto 48px;

  text-align:center;
}

#bas-trial-202609 .basTR2-label {
  margin:0 0 10px;

  color:var(--tr2-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:12px;
  letter-spacing:.22em;
}

#bas-trial-202609 .basTR2-label::after {
  content:"";

  display:block;

  width:36px;
  height:1px;

  margin:8px auto 0;

  background:var(--tr2-orange);
}

#bas-trial-202609 .basTR2-title {
  margin:0 0 18px;

  font-size:
    clamp(
      29px,
      3vw,
      42px
    );

  font-weight:500;
  line-height:1.45;
  letter-spacing:.05em;
}

#bas-trial-202609 .basTR2-lead {
  margin:0;

  color:var(--tr2-sub);

  font-size:13.5px;
  line-height:1.95;
}

#bas-trial-202609 .basTR2-grid {
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:18px;
}

#bas-trial-202609 .basTR2-card {
  overflow:hidden;

  background:
    rgba(255,255,255,.88);

  border:
    1px solid
    var(--tr2-border);

  border-radius:16px;

  box-shadow:
    0 8px 24px
    rgba(83,58,42,.04);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

#bas-trial-202609 .basTR2-card:hover {
  transform:
    translateY(-3px);

  box-shadow:
    0 14px 30px
    rgba(83,58,42,.07);
}

#bas-trial-202609 .basTR2-image {
  position:relative;

  aspect-ratio:
    4 / 3;

  overflow:hidden;

  background:#efe8e1;
}

#bas-trial-202609 .basTR2-image img {
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;
}

#bas-trial-202609 .basTR2-chip {
  position:absolute;

  top:12px;
  left:12px;

  z-index:2;

  display:inline-flex;

  align-items:center;

  min-height:28px;

  padding:
    0 11px;

  border-radius:999px;

  background:
    rgba(255,255,255,.94);

  color:var(--tr2-orange-dark);

  border:
    1px solid
    rgba(223,135,84,.22);

  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

#bas-trial-202609 .basTR2-image-mosaic {
  position:relative;

  display:grid;

  grid-template-columns:
    1.72fr .95fr;

  grid-template-rows:
    1fr 1fr;

  gap:3px;

  padding:0;

  background:#f4eee9;
}

#bas-trial-202609 .basTR2-image-mosaic img {
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
}

#bas-trial-202609 .basTR2-mosaic-main {
  grid-column:1;
  grid-row:1 / 3;

  min-width:0;
  min-height:0;

  overflow:hidden;
}

#bas-trial-202609 .basTR2-mosaic-main img {
  object-position:
    50% 45%;
}

#bas-trial-202609 .basTR2-mosaic-sub {
  min-width:0;
  min-height:0;

  overflow:hidden;
}

#bas-trial-202609 .basTR2-mosaic-sub-top {
  grid-column:2;
  grid-row:1;
}

#bas-trial-202609 .basTR2-mosaic-sub-bottom {
  grid-column:2;
  grid-row:2;
}

#bas-trial-202609
.basTR2-mosaic-sub-top img {
  object-position:
    50% 50%;
}

#bas-trial-202609
.basTR2-mosaic-sub-bottom img {
  object-position:
    50% 45%;
}

#bas-trial-202609 .basTR2-mosaic-label {
  position:absolute;

  right:11px;
  bottom:11px;

  z-index:3;

  display:inline-flex;

  align-items:center;

  min-height:27px;

  padding:
    0 11px;

  color:#fff;

  background:
    rgba(55,48,43,.68);

  border:
    1px solid
    rgba(255,255,255,.25);

  border-radius:999px;

  backdrop-filter:
    blur(5px);

  -webkit-backdrop-filter:
    blur(5px);

  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
}

#bas-trial-202609 .basTR2-body {
  padding:
    18px 18px 20px;
}

#bas-trial-202609 .basTR2-en {
  margin:
    0 0 6px;

  color:var(--tr2-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:10px;
  letter-spacing:.18em;
}

#bas-trial-202609 .basTR2-body h3 {
  margin:
    0 0 12px;

  font-size:17px;
  font-weight:600;
  line-height:1.55;
}

#bas-trial-202609 .basTR2-body p:last-child {
  margin:0;

  color:var(--tr2-sub);

  font-size:12px;
  line-height:1.9;
}

#bas-trial-202609 .basTR2-info {
  display:grid;

  grid-template-columns:
    1fr 1.18fr .92fr;

  align-items:stretch;

  margin-top:32px;

  overflow:hidden;

  background:
    rgba(255,255,255,.72);

  border:
    1px solid
    var(--tr2-border);

  border-radius:12px;
}

#bas-trial-202609 .basTR2-info-item {
  display:flex;

  align-items:center;

  gap:14px;

  min-height:105px;

  padding:
    20px 23px;
}

#bas-trial-202609
.basTR2-info-item + .basTR2-info-item {
  border-left:
    1px solid
    var(--tr2-border);
}

#bas-trial-202609 .basTR2-info-icon {
  display:flex;

  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  width:46px;
  height:46px;

  border-radius:50%;

  background:
    var(--tr2-cream2);

  border:
    1px solid
    rgba(185,152,98,.20);

  color:
    var(--tr2-gold);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:19px;
  font-weight:600;
}

#bas-trial-202609 .basTR2-info-icon-orange {
  color:
    var(--tr2-orange);

  border-color:
    rgba(223,135,84,.20);
}

#bas-trial-202609 .basTR2-info-icon-green {
  color:
    var(--tr2-green);

  border-color:
    rgba(121,166,108,.25);

  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}

#bas-trial-202609 .basTR2-info-label {
  margin:
    0 0 2px;

  color:#5f5955;

  font-size:10px;
}

#bas-trial-202609 .basTR2-price {
  margin:0;

  white-space:nowrap;
}

#bas-trial-202609 .basTR2-price strong {
  color:
    var(--tr2-orange-dark);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:27px;
  font-weight:400;
}

#bas-trial-202609 .basTR2-price span {
  margin-left:4px;

  font-size:9px;
}

#bas-trial-202609 .basTR2-time {
  margin:
    3px 0 0;

  color:#8d827b;

  font-size:9px;
}

#bas-trial-202609 .basTR2-info-item strong {
  display:block;

  margin-bottom:4px;

  font-size:10.5px;
  font-weight:600;
}

#bas-trial-202609 .basTR2-info-item p {
  margin:0;

  color:#7d746e;

  font-size:9px;
  line-height:1.65;
}

#bas-trial-202609 .basTR2-note {
  margin:
    14px 0 0;

  color:#91867f;

  text-align:center;

  font-size:9px;
  line-height:1.7;
}

#bas-trial-202609 .basTR2-actions {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;

  max-width:760px;

  margin:
    27px auto 0;
}

#bas-trial-202609 .basTR2-btn {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:10px;

  min-height:56px;

  padding:
    10px 48px 10px 20px;

  border-radius:8px;

  text-decoration:none !important;

  font-size:13px;
  font-weight:700;

  transition:
    transform .2s ease,
    opacity .2s ease;
}

#bas-trial-202609 .basTR2-btn:hover {
  transform:
    translateY(-2px);

  opacity:.94;
}

#bas-trial-202609 .basTR2-btn-line {
  color:#fff !important;

  background:
    var(--tr2-green);
}

#bas-trial-202609 .basTR2-btn-trial {
  color:
    var(--tr2-orange-dark) !important;

  background:#fff;

  border:
    1px solid
    var(--tr2-orange);
}

#bas-trial-202609 .basTR2-btn-mark {
  display:inline-flex;

  align-items:center;
  justify-content:center;

  width:32px;
  height:20px;

  border-radius:999px;

  background:
    rgba(255,255,255,.94);

  color:
    var(--tr2-green);

  font-size:8px;
  font-weight:800;
}

#bas-trial-202609 .basTR2-btn-arrow {
  position:absolute;

  right:18px;

  font-size:22px;
  font-weight:300;
  line-height:1;
}

@media screen and (max-width:900px) {

  #bas-trial-202609 .basTR2-inner {
    width:92%;
  }

  #bas-trial-202609 .basTR2-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  #bas-trial-202609 .basTR2-info {
    grid-template-columns:1fr;
  }

  #bas-trial-202609
  .basTR2-info-item + .basTR2-info-item {
    border-left:0;

    border-top:
      1px solid
      var(--tr2-border);
  }
}

@media screen and (max-width:700px) {

  #bas-trial-202609 .basTR2-inner {
    width:
      calc(100% - 36px);

    padding:
      60px 0 56px;
  }

  #bas-trial-202609 .basTR2-head {
    margin:
      0 0 24px;

    text-align:left;
  }

  #bas-trial-202609 .basTR2-label::after {
    margin-left:0;
  }

  #bas-trial-202609 .basTR2-title {
    margin-bottom:14px;

    font-size:28px;
  }

  #bas-trial-202609 .basTR2-lead {
    font-size:12px;
    line-height:1.9;
  }

  #bas-trial-202609 .basTR2-lead br {
    display:none;
  }

  #bas-trial-202609 .basTR2-grid {
    grid-template-columns:1fr;

    gap:12px;
  }

  #bas-trial-202609 .basTR2-card {
    border-radius:14px;
  }

  #bas-trial-202609 .basTR2-image {
    aspect-ratio:
      16 / 10;
  }

  #bas-trial-202609 .basTR2-chip {
    top:10px;
    left:10px;

    min-height:25px;

    padding:
      0 10px;

    font-size:9px;
  }

  #bas-trial-202609 .basTR2-split-label {
    right:10px;
    bottom:10px;

    min-height:24px;

    padding:
      0 10px;

    font-size:8.5px;
  }

  #bas-trial-202609 .basTR2-body {
    padding:
      16px 16px 18px;
  }

  #bas-trial-202609 .basTR2-body h3 {
    margin-bottom:10px;

    font-size:16px;
  }

  #bas-trial-202609 .basTR2-body p:last-child {
    font-size:11px;
    line-height:1.8;
  }

  #bas-trial-202609 .basTR2-info {
    margin-top:22px;
  }

  #bas-trial-202609 .basTR2-info-item {
    min-height:auto;

    padding:
      15px 16px;
  }

  #bas-trial-202609 .basTR2-note {
    margin-top:11px;

    text-align:left;

    font-size:8px;
  }

  #bas-trial-202609 .basTR2-actions {
    grid-template-columns:1fr;

    gap:9px;

    margin-top:21px;
  }
}

@media screen and (max-width:420px) {

  #bas-trial-202609 .basTR2-inner {
    width:
      calc(100% - 28px);
  }
}


/* =========================================================
   FAQ
========================================================= */

#bas-faq-202609 {
  --f-orange:#df8754;
  --f-orange-dark:#c87548;
  --f-text:#292929;
  --f-sub:#716964;
  --f-cream:#fdf9f5;
  --f-cream2:#f8f1eb;
  --f-border:#eadbcf;
  --f-green:#79a66c;

  width:100%;
  margin:0;
  padding:0;

  background:
    radial-gradient(
      circle at 102% 10%,
      rgba(236,205,181,.17) 0 190px,
      transparent 191px
    ),
    #fff;

  color:
    var(--f-text);
}

#bas-faq-202609 .basF-inner {
  width:
    min(1000px,90%);

  margin:0 auto;

  padding:
    92px 0 88px;
}

#bas-faq-202609 .basF-head {
  max-width:650px;

  margin:
    0 auto 39px;

  text-align:center;
}

#bas-faq-202609 .basF-label {
  margin:
    0 0 10px;

  color:
    var(--f-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:12px;
  letter-spacing:.2em;
}

#bas-faq-202609
.basF-label::after {
  content:"";

  display:block;

  width:36px;
  height:1px;

  margin:
    8px auto 0;

  background:
    var(--f-orange);
}

#bas-faq-202609
.basF-head h2 {
  margin:
    0 0 17px;

  font-size:
    clamp(
      28px,
      3vw,
      40px
    );

  font-weight:500;
  line-height:1.5;
  letter-spacing:.04em;
}

#bas-faq-202609
.basF-head > p:last-child {
  margin:0;

  color:
    var(--f-sub);

  font-size:13px;
  line-height:1.9;
}

#bas-faq-202609 .basF-list {
  border-top:
    1px solid
    var(--f-border);
}

#bas-faq-202609 .basF-item {
  margin:0;

  border-bottom:
    1px solid
    var(--f-border);

  background:
    rgba(255,255,255,.82);
}

#bas-faq-202609
.basF-item summary {
  position:relative;

  display:grid;

  grid-template-columns:
    34px 1fr 28px;

  align-items:center;

  gap:12px;

  min-height:70px;

  padding:
    17px 19px;

  cursor:pointer;
  list-style:none;

  color:
    var(--f-text);
}

#bas-faq-202609
.basF-item summary::-webkit-details-marker {
  display:none;
}

#bas-faq-202609 .basF-q,
#bas-faq-202609 .basF-a {
  color:
    var(--f-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:15px;
}

#bas-faq-202609
.basF-question {
  font-size:14px;
  font-weight:600;
  line-height:1.65;
}

#bas-faq-202609 .basF-plus {
  position:relative;

  width:22px;
  height:22px;
}

#bas-faq-202609
.basF-plus::before,
#bas-faq-202609
.basF-plus::after {
  content:"";

  position:absolute;

  top:50%;
  left:50%;

  width:13px;
  height:1px;

  background:#6c625c;

  transform:
    translate(-50%,-50%);
}

#bas-faq-202609
.basF-plus::after {
  transform:
    translate(-50%,-50%)
    rotate(90deg);

  transition:
    transform .2s ease;
}

#bas-faq-202609
.basF-item[open]
.basF-plus::after {
  transform:
    translate(-50%,-50%)
    rotate(0deg);
}

#bas-faq-202609
.basF-answer {
  display:grid;

  grid-template-columns:
    34px 1fr;

  gap:12px;

  padding:
    0 62px 20px 19px;
}

#bas-faq-202609
.basF-answer p {
  margin:0;

  color:
    var(--f-sub);

  font-size:12.5px;
  line-height:1.9;
}

#bas-faq-202609 .basF-links {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;

  max-width:720px;

  margin:
    28px auto 0;
}

#bas-faq-202609 .basF-more,
#bas-faq-202609 .basF-line {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  min-height:54px;

  gap:12px;

  padding:
    10px 38px 10px 18px;

  border-radius:8px;

  text-decoration:none;

  font-size:13px;
  font-weight:600;
}

#bas-faq-202609 .basF-more {
  color:
    var(--f-orange-dark);

  background:#fff;

  border:
    1px solid
    var(--f-orange);
}

#bas-faq-202609 .basF-line {
  color:#fff;

  background:
    var(--f-green);
}

#bas-faq-202609
.basF-more span:last-child,
#bas-faq-202609
.basF-line span:last-child {
  position:absolute;

  right:18px;

  font-size:21px;
}


/* =========================================================
   ACCESS
========================================================= */

#bas-access-202609 {
  --a-orange:#df8754;
  --a-orange-dark:#c87548;
  --a-text:#292929;
  --a-sub:#6b6560;
  --a-cream:#fdf9f5;
  --a-cream2:#f8f1eb;
  --a-border:#eadbcf;
  --a-green:#79a66c;

  width:100%;

  margin:0;
  padding:0;

  color:
    var(--a-text);

  background:
    linear-gradient(
      180deg,
      #fdfaf7 0%,
      #fff 100%
    );
}

#bas-access-202609 .basA-inner {
  width:
    min(1100px,90%);

  margin:0 auto;

  padding:
    92px 0;
}

#bas-access-202609 .basA-head {
  margin-bottom:40px;
}

#bas-access-202609 .basA-label {
  margin:
    0 0 10px;

  color:
    var(--a-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:12px;
  letter-spacing:.2em;
}

#bas-access-202609
.basA-label::after {
  content:"";

  display:block;

  width:36px;
  height:1px;

  margin-top:8px;

  background:
    var(--a-orange);
}

#bas-access-202609
.basA-head h2 {
  margin:0;

  font-size:
    clamp(
      29px,
      3vw,
      42px
    );

  font-weight:500;
  line-height:1.5;
  letter-spacing:.04em;
}

#bas-access-202609 .basA-layout {
  display:grid;

  grid-template-columns:
    1.08fr .92fr;

  align-items:start;

  gap:56px;
}

#bas-access-202609 .basA-photo {
  min-width:0;
}

#bas-access-202609
.basA-photo img {
  display:block;

  width:100%;

  aspect-ratio:
    4 / 3;

  object-fit:cover;
  object-position:center;

  border-radius:8px;

  box-shadow:
    0 10px 30px
    rgba(61,45,36,.06);
}

#bas-access-202609
.basA-photo-note {
  margin:
    12px 0 0;

  color:#8b817a;

  font-size:9.5px;
  line-height:1.7;
}

#bas-access-202609 .basA-info {
  min-width:0;

  padding-top:4px;
}

#bas-access-202609 .basA-name {
  margin-bottom:25px;

  padding-bottom:19px;

  border-bottom:
    1px solid
    var(--a-border);
}

#bas-access-202609
.basA-name-main {
  margin:
    0 0 4px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:22px;
  letter-spacing:.10em;
}

#bas-access-202609
.basA-name-sub {
  margin:0;

  color:
    var(--a-sub);

  font-size:11px;
}

#bas-access-202609 .basA-data {
  margin:0;
}

#bas-access-202609
.basA-data > div {
  display:grid;

  grid-template-columns:
    110px 1fr;

  gap:18px;

  padding:
    15px 0;

  border-bottom:
    1px solid
    rgba(234,219,207,.68);
}

#bas-access-202609
.basA-data dt {
  color:
    var(--a-orange-dark);

  font-size:11px;
  font-weight:600;
  line-height:1.8;
}

#bas-access-202609
.basA-data dd {
  margin:0;

  color:
    var(--a-sub);

  font-size:12.5px;
  line-height:1.85;
}

#bas-access-202609
.basA-data small {
  color:#948a84;

  font-size:9px;
}

#bas-access-202609
.basA-caution {
  margin:
    20px 0 0;

  padding:
    15px 17px;

  color:#81766f;

  background:
    var(--a-cream2);

  border:
    1px solid
    rgba(223,135,84,.15);

  border-radius:8px;

  font-size:10px;
  line-height:1.8;
}

#bas-access-202609 .basA-line {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  min-height:52px;

  margin-top:17px;

  padding:
    10px 42px 10px 18px;

  color:#fff;

  background:
    var(--a-green);

  border-radius:7px;

  text-decoration:none;

  font-size:12.5px;
  font-weight:600;
}

#bas-access-202609
.basA-line span:last-child {
  position:absolute;

  right:18px;

  font-size:21px;
}


/* =========================================================
   FINAL CTA
========================================================= */

#bas-final-cta-202609 {
  --c-orange:#e88746;
  --c-orange-dark:#c97038;
  --c-green:#79a66c;
  --c-text:#302a27;
  --c-sub:#625b56;
  --c-cream:#fbf7f2;

  width:100vw;

  margin-left:
    calc(50% - 50vw);

  overflow:hidden;

  background:
    var(--c-cream);
}

#bas-final-cta-202609 .basC-bg {
  position:relative;

  isolation:isolate;

  width:100%;

  min-height:500px;

  background-image:
    url("https://b-art-space.com/wp-content/uploads/2026/09/0016.jpg");

  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

#bas-final-cta-202609
.basC-bg::before {
  content:"";

  position:absolute;

  inset:0;

  z-index:-1;

  background:
    linear-gradient(
      90deg,
      rgba(251,247,242,.98) 0%,
      rgba(251,247,242,.95) 34%,
      rgba(251,247,242,.78) 52%,
      rgba(251,247,242,.43) 72%,
      rgba(251,247,242,.18) 100%
    );
}

#bas-final-cta-202609 .basC-inner {
  display:flex;

  align-items:center;

  width:
    min(1120px,90%);

  min-height:500px;

  margin:0 auto;
}

#bas-final-cta-202609 .basC-copy {
  width:
    min(570px,56%);

  padding:
    64px 0;
}

#bas-final-cta-202609 .basC-label {
  margin:
    0 0 11px;

  color:
    var(--c-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:12px;
  letter-spacing:.2em;
}

#bas-final-cta-202609
.basC-label::after {
  content:"";

  display:block;

  width:38px;
  height:1px;

  margin-top:8px;

  background:
    var(--c-orange);
}

#bas-final-cta-202609
.basC-copy h2 {
  margin:
    0 0 24px;

  color:
    var(--c-text);

  font-size:
    clamp(
      30px,
      3.2vw,
      44px
    );

  font-weight:500;
  line-height:1.55;
  letter-spacing:.035em;
}

#bas-final-cta-202609
.basC-text {
  max-width:520px;

  margin:
    0 0 10px;

  color:
    var(--c-sub);

  font-size:14px;
  line-height:1.95;
}

#bas-final-cta-202609
.basC-actions {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:11px;

  margin-top:27px;
}

#bas-final-cta-202609 .basC-btn {
  position:relative;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:9px;

  min-height:57px;

  padding:
    10px 42px 10px 17px;

  border-radius:8px;

  text-decoration:none;

  font-size:13.5px;
  font-weight:700;
}

#bas-final-cta-202609
.basC-btn-line {
  color:#fff;

  background:
    var(--c-green);
}

#bas-final-cta-202609
.basC-btn-trial {
  color:#fff;

  background:
    linear-gradient(
      135deg,
      #ee974e,
      #df7a3b
    );
}

#bas-final-cta-202609
.basC-line-mark {
  display:flex;

  align-items:center;
  justify-content:center;

  width:29px;
  height:20px;

  border-radius:10px;

  background:#fff;

  color:#64a55d;

  font-size:7px;
  font-weight:800;
}

#bas-final-cta-202609
.basC-arrow {
  position:absolute;

  right:16px;

  font-size:22px;
  font-weight:300;
}

#bas-final-cta-202609
.basC-small {
  margin:
    15px 0 0;

  color:#817872;

  font-size:10.5px;
  line-height:1.7;
}


/* =========================================================
   RESPONSIVE 900
========================================================= */

@media screen and (max-width:900px) {

  #bas-price-202609 .basP-inner {
    width:92%;
  }

  #bas-price-202609
  .basP-first-grid {
    grid-template-columns:
      1fr 1.25fr;
  }

  #bas-price-202609
  .basP-first-card {
    grid-template-columns:
      48px 1fr;
  }

  #bas-price-202609
  .basP-first-card
  .basP-price {
    grid-column:2;
  }

  #bas-price-202609
  .basP-main-card {
    grid-template-columns:
      45px 1fr;
  }

  #bas-price-202609
  .basP-per-session {
    grid-column:2;

    padding:0;

    border:0;
  }

  #bas-trial-202609 .basTR-inner {
    width:92%;
  }

  #bas-trial-202609 .basTR-step {
    padding-left:8px;
    padding-right:8px;
  }

  #bas-trial-202609
  .basTR-copy h3 {
    font-size:14px;
  }

  #bas-trial-202609
  .basTR-copy >
  p:not(.basTR-step-en) {
    font-size:9px;
  }

  #bas-trial-202609
  .basTR-info-main,
  #bas-trial-202609
  .basTR-credit,
  #bas-trial-202609
  .basTR-line-info {
    padding:17px;
  }

  #bas-access-202609
  .basA-layout {
    gap:35px;
  }

  #bas-access-202609
  .basA-data > div {
    grid-template-columns:
      90px 1fr;
  }
}


/* =========================================================
   RESPONSIVE 700
========================================================= */

@media screen and (max-width:700px) {

  #bas-price-202609 .basP-inner {
    width:
      calc(100% - 36px);

    padding:
      62px 0 58px;
  }

  #bas-price-202609 .basP-head {
    margin-bottom:28px;
  }

  #bas-price-202609 .basP-title {
    margin-bottom:15px;

    font-size:29px;
  }

  #bas-price-202609 .basP-lead {
    font-size:13px;
    line-height:1.85;
  }

  #bas-price-202609
  .basP-lead br {
    display:none;
  }

  #bas-price-202609
  .basP-first-grid {
    display:block;

    margin-bottom:33px;
  }

  #bas-price-202609
  .basP-first-card {
    display:grid;

    grid-template-columns:
      48px 1fr auto;

    min-height:84px;

    gap:12px;

    margin-bottom:10px;

    padding:
      14px 15px;
  }

  #bas-price-202609
  .basP-icon-circle {
    width:45px;
    height:45px;

    padding:11px;
  }

  #bas-price-202609
  .basP-first-copy h3 {
    font-size:14px;
  }

  #bas-price-202609
  .basP-first-copy p {
    font-size:9px;
  }

  #bas-price-202609
  .basP-price {
    grid-column:
      auto !important;
  }

  #bas-price-202609
  .basP-price strong,
  #bas-price-202609
  .basP-price-zero strong {
    font-size:27px;
  }

  #bas-price-202609
  .basP-price span {
    font-size:10px;
  }

  #bas-price-202609
  .basP-course-head {
    align-items:center;
  }

  #bas-price-202609
  .basP-course-head h3 {
    font-size:20px;
  }

  #bas-price-202609
  .basP-course-note {
    font-size:8.5px;
  }

  #bas-price-202609
  .basP-pc-only {
    display:none;
  }

  #bas-price-202609
  .basP-main-grid {
    grid-template-columns:1fr;

    gap:10px;
  }

  #bas-price-202609
  .basP-main-card {
    display:grid;

    grid-template-columns:
      43px 1fr auto;

    min-height:98px;

    gap:12px;

    padding:16px;
  }

  #bas-price-202609
  .basP-course-icon {
    width:42px;
    height:42px;

    padding:10px;
  }

  #bas-price-202609
  .basP-plan-name {
    font-size:13px;
  }

  #bas-price-202609
  .basP-main-price strong {
    font-size:26px;
  }

  #bas-price-202609
  .basP-main-price span {
    font-size:8.5px;
  }

  #bas-price-202609
  .basP-per-session {
    grid-column:auto;

    min-width:82px;

    padding-left:12px;

    border-left:
      1px solid
      var(--p-border);
  }

  #bas-price-202609
  .basP-per-session span {
    font-size:8px;
  }

  #bas-price-202609
  .basP-per-session strong {
    font-size:16px;
  }

  #bas-price-202609
  .basP-long-course {
    margin-top:19px;

    padding:15px;
  }

  #bas-price-202609
  .basP-long-head {
    align-items:flex-start;

    margin-bottom:11px;
  }

  #bas-price-202609
  .basP-long-head > p {
    max-width:135px;

    text-align:right;

    font-size:8px;
    line-height:1.5;
  }

  #bas-price-202609
  .basP-long-item {
    padding:
      4px 7px;
  }

  #bas-price-202609
  .basP-long-item strong {
    font-size:15px;
  }

  #bas-price-202609
  .basP-rollover {
    gap:10px;

    margin-top:13px;

    padding:
      11px 12px;
  }

  #bas-price-202609
  .basP-actions {
    grid-template-columns:1fr;

    gap:9px;

    margin-top:18px;
  }

  #bas-price-202609
  .basP-policy {
    margin-top:17px;

    padding:
      16px 15px 15px;
  }

  #bas-price-202609
  .basP-policy-title {
    margin-bottom:9px;

    font-size:12.5px;
  }

  #bas-price-202609
  .basP-policy > p:not(.basP-policy-title) {
    margin-bottom:8px;

    font-size:10.5px;
    line-height:1.75;
  }

  #bas-trial-202609
  .basTR-inner {
    width:100%;

    padding:
      60px 0 56px;
  }

  #bas-trial-202609
  .basTR-head {
    width:
      calc(100% - 36px);

    margin:
      0 auto 23px;

    text-align:left;
  }

  #bas-trial-202609
  .basTR-label::after {
    margin-left:0;
  }

  #bas-trial-202609
  .basTR-title {
    margin-bottom:14px;

    font-size:28px;
  }

  #bas-trial-202609
  .basTR-lead {
    font-size:12px;
    line-height:1.9;
  }

  #bas-trial-202609
  .basTR-lead br {
    display:none;
  }

  #bas-trial-202609
  .basTR-swipe-guide {
    display:flex;

    align-items:center;

    gap:7px;

    width:
      calc(100% - 36px);

    margin:
      0 auto 11px;

    color:#95887f;

    font-size:8.5px;
  }

  #bas-trial-202609
  .basTR-swipe-guide span {
    color:
      var(--tr-orange);

    font-size:15px;
  }

  #bas-trial-202609
  .basTR-steps {
    display:flex;

    gap:12px;

    width:100%;

    margin:
      0 0 26px;

    padding:
      0 18px 11px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:
      x mandatory;

    scroll-padding-left:18px;

    -webkit-overflow-scrolling:
      touch;

    scrollbar-width:none;
  }

  #bas-trial-202609
  .basTR-steps::-webkit-scrollbar {
    display:none;
  }

  #bas-trial-202609
  .basTR-steps::before {
    display:none;
  }

  #bas-trial-202609
  .basTR-step {
    position:relative;

    flex:
      0 0
      min(82vw,315px);

    min-height:345px;

    padding:
      23px 22px 22px;

    scroll-snap-align:start;

    text-align:left;

    background:
      rgba(255,255,255,.86);

    border:
      1px solid
      var(--tr-border);

    border-radius:13px;

    box-shadow:
      0 7px 24px
      rgba(83,58,42,.035);
  }

  #bas-trial-202609
  .basTR-number {
    position:absolute;

    top:18px;
    right:18px;

    margin:0;

    font-size:25px;
  }

  #bas-trial-202609
  .basTR-icon {
    width:61px;
    height:61px;

    margin:
      0 0 21px;

    padding:15px;

    box-shadow:none;
  }

  #bas-trial-202609
  .basTR-copy h3 {
    margin-bottom:12px;

    font-size:17px;
  }

  #bas-trial-202609
  .basTR-copy >
  p:not(.basTR-step-en) {
    margin-bottom:9px;

    font-size:10.5px;
    line-height:1.9;
  }

  #bas-trial-202609
  .basTR-info {
    display:block;

    width:
      calc(100% - 36px);

    margin:0 auto;

    border-radius:11px;
  }

  #bas-trial-202609
  .basTR-info-main,
  #bas-trial-202609
  .basTR-credit,
  #bas-trial-202609
  .basTR-line-info {
    min-height:auto;

    padding:
      15px 16px;
  }

  #bas-trial-202609
  .basTR-credit,
  #bas-trial-202609
  .basTR-line-info {
    border-left:0;

    border-top:
      1px solid
      var(--tr-border);
  }

  #bas-trial-202609
  .basTR-note {
    width:
      calc(100% - 36px);

    margin:
      11px auto 0;

    text-align:left;

    font-size:8px;
  }

  #bas-trial-202609
  .basTR-actions {
    grid-template-columns:1fr;

    width:
      calc(100% - 36px);

    margin-top:21px;
  }

  #bas-faq-202609
  .basF-inner {
    width:
      calc(100% - 36px);

    padding:
      68px 0;
  }

  #bas-faq-202609 .basF-head {
    margin-bottom:29px;

    text-align:left;
  }

  #bas-faq-202609
  .basF-label::after {
    margin-left:0;
  }

  #bas-faq-202609
  .basF-head h2 {
    font-size:27px;
  }

  #bas-faq-202609
  .basF-item summary {
    grid-template-columns:
      26px 1fr 22px;

    gap:8px;

    min-height:63px;

    padding:
      14px 10px;
  }

  #bas-faq-202609
  .basF-question {
    font-size:12px;
    line-height:1.6;
  }

  #bas-faq-202609
  .basF-answer {
    grid-template-columns:
      26px 1fr;

    gap:8px;

    padding:
      0 32px 17px 10px;
  }

  #bas-faq-202609
  .basF-answer p {
    font-size:11px;
  }

  #bas-faq-202609
  .basF-links {
    grid-template-columns:1fr;

    gap:9px;
  }

  #bas-access-202609
  .basA-inner {
    width:
      calc(100% - 36px);

    padding:
      68px 0;
  }

  #bas-access-202609 .basA-head {
    margin-bottom:28px;
  }

  #bas-access-202609
  .basA-head h2 {
    font-size:27px;
  }

  #bas-access-202609
  .basA-layout {
    grid-template-columns:1fr;

    gap:30px;
  }

  #bas-access-202609
  .basA-photo img {
    aspect-ratio:
      16 / 11;
  }

  #bas-access-202609
  .basA-photo-note {
    font-size:8.5px;
  }

  #bas-access-202609
  .basA-name {
    margin-bottom:17px;
  }

  #bas-access-202609
  .basA-data > div {
    grid-template-columns:
      90px 1fr;

    gap:12px;

    padding:
      13px 0;
  }

  #bas-access-202609
  .basA-data dt {
    font-size:10px;
  }

  #bas-access-202609
  .basA-data dd {
    font-size:11.5px;
  }

  #bas-final-cta-202609
  .basC-bg {
    min-height:0;

    background-position:
      center center;
  }

  #bas-final-cta-202609
  .basC-bg::before {
    background:
      linear-gradient(
        180deg,
        rgba(251,247,242,.94) 0%,
        rgba(251,247,242,.89) 45%,
        rgba(251,247,242,.80) 100%
      );
  }

  #bas-final-cta-202609
  .basC-inner {
    width:
      calc(100% - 36px);

    min-height:0;
  }

  #bas-final-cta-202609
  .basC-copy {
    width:100%;
    max-width:none;

    padding:
      63px 0 58px;
  }

  #bas-final-cta-202609
  .basC-copy h2 {
    font-size:28px;
  }

  #bas-final-cta-202609
  .basC-text {
    max-width:340px;

    font-size:13px;
    line-height:1.9;
  }

  #bas-final-cta-202609
  .basC-actions {
    grid-template-columns:1fr;

    max-width:340px;

    gap:9px;
  }
}


/* =========================================================
   RESPONSIVE 420
========================================================= */

@media screen and (max-width:420px) {

  #bas-price-202609
  .basP-inner {
    width:
      calc(100% - 28px);
  }

  #bas-price-202609
  .basP-first-card {
    grid-template-columns:
      42px 1fr auto;

    gap:9px;

    padding:
      13px 12px;
  }

  #bas-price-202609
  .basP-icon-circle {
    width:39px;
    height:39px;

    padding:9px;
  }

  #bas-price-202609
  .basP-first-copy h3 {
    font-size:12.5px;
  }

  #bas-price-202609
  .basP-price strong,
  #bas-price-202609
  .basP-price-zero strong {
    font-size:23px;
  }

  #bas-price-202609
  .basP-main-card {
    grid-template-columns:
      38px 1fr auto;

    gap:9px;

    padding:
      14px 12px;
  }

  #bas-price-202609
  .basP-main-price strong {
    font-size:23px;
  }

  #bas-trial-202609
  .basTR-head,
  #bas-trial-202609
  .basTR-swipe-guide,
  #bas-trial-202609
  .basTR-info,
  #bas-trial-202609
  .basTR-note,
  #bas-trial-202609
  .basTR-actions {
    width:
      calc(100% - 28px);
  }

  #bas-trial-202609
  .basTR-steps {
    padding-left:14px;
    padding-right:14px;

    scroll-padding-left:14px;
  }

  #bas-trial-202609
  .basTR-step {
    flex-basis:84vw;

    min-height:330px;

    padding:
      21px 19px;
  }

  #bas-faq-202609 .basF-inner {
    width:
      calc(100% - 28px);
  }

  #bas-access-202609 .basA-inner {
    width:
      calc(100% - 28px);
  }

  #bas-access-202609
  .basA-data > div {
    grid-template-columns:
      76px 1fr;

    gap:9px;
  }

  #bas-final-cta-202609
  .basC-inner {
    width:
      calc(100% - 28px);
  }

  #bas-final-cta-202609
  .basC-copy h2 {
    font-size:25px;
  }
}


/* =========================================================
   FLOATING CTA
========================================================= */

#bas-floating-cta-202609 {
  --fc-orange:#d98252;
  --fc-orange-soft:#f5e3d6;
  --fc-green:#78a470;
  --fc-green-dark:#66915f;
  --fc-text:#514943;
  --fc-sub:#80736b;
  --fc-border:#e8ddd4;
  --fc-cream:#fbf8f4;

  position:fixed;

  right:22px;
  bottom:22px;

  z-index:9997;

  display:grid;

  grid-template-columns:
    1.12fr .88fr;

  width:440px;

  overflow:hidden;

  background:#fff;

  border:
    1px solid
    var(--fc-border);

  border-radius:14px;

  box-shadow:
    0 10px 32px
    rgba(66,48,38,.14);

  opacity:0;
  visibility:hidden;

  transform:
    translateY(14px);

  pointer-events:none;

  transition:
    opacity .28s ease,
    transform .28s ease,
    visibility .28s ease;
}

#bas-floating-cta-202609.is-visible {
  opacity:1;
  visibility:visible;

  transform:
    translateY(0);

  pointer-events:auto;
}

#bas-floating-cta-202609 *,
#bas-floating-cta-202609 *::before,
#bas-floating-cta-202609 *::after {
  box-sizing:border-box;
}

#bas-floating-cta-202609 .basFC-btn {
  position:relative;

  display:flex;

  align-items:center;

  min-width:0;
  min-height:74px;

  overflow:hidden;

  text-decoration:none !important;

  transition:
    background-color .2s ease,
    opacity .2s ease;
}

#bas-floating-cta-202609 .basFC-btn:hover {
  opacity:.94;
}

#bas-floating-cta-202609 .basFC-btn-trial {
  position:relative;

  padding:
    10px 36px 10px 18px;

  color:
    var(--fc-text);

  background:
    var(--fc-cream);

  border-right:
    1px solid
    var(--fc-border);
}

#bas-floating-cta-202609 .basFC-photo {
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  border-radius:0;

  overflow:hidden;

  pointer-events:none;

  z-index:0;

  background:transparent;
}

#bas-floating-cta-202609 .basFC-photo::before {
  content:"";

  position:absolute;

  inset:-4px;

  background-image:
    url("https://b-art-space.com/wp-content/uploads/2024/09/0140.jpg");

  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 43%;

  filter:
    saturate(.68)
    contrast(.82)
    brightness(1.08);

  opacity:.22;

  transform:
    scale(1.04);
}

#bas-floating-cta-202609 .basFC-photo::after {
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(251,248,244,.48) 0%,
      rgba(251,248,244,.67) 48%,
      rgba(251,248,244,.94) 100%
    );

  pointer-events:none;
}

#bas-floating-cta-202609 .basFC-trial-copy {
  position:relative;

  z-index:2;

  display:flex;

  flex-direction:column;

  min-width:0;
}

#bas-floating-cta-202609
.basFC-btn-trial
.basFC-small {
  display:block;

  margin:
    0 0 1px;

  color:#756a63;

  font-size:8px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.04em;
}

#bas-floating-cta-202609 .basFC-price {
  display:block;

  margin:
    1px 0;

  color:
    var(--fc-orange);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:18px;
  font-weight:400;
  line-height:1.15;

  white-space:nowrap;
}

#bas-floating-cta-202609 .basFC-sub {
  display:block;

  margin-top:2px;

  color:#5e5651;

  font-size:8.5px;
  font-weight:600;
  line-height:1.3;

  white-space:nowrap;
}

#bas-floating-cta-202609 .basFC-btn-line {
  position:relative;

  gap:9px;

  padding:
    10px 32px 10px 15px;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      var(--fc-green) 0%,
      var(--fc-green-dark) 100%
    );
}

#bas-floating-cta-202609 .basFC-btn-line::before {
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,0) 55%
    );

  pointer-events:none;
}

#bas-floating-cta-202609 .basFC-line-mark {
  position:relative;

  z-index:2;

  display:flex;

  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  width:34px;
  height:23px;

  border-radius:13px;

  background:
    rgba(255,255,255,.96);

  color:
    var(--fc-green-dark);

  font-size:7px;
  font-weight:800;
  line-height:1;
}

#bas-floating-cta-202609 .basFC-line-copy {
  position:relative;

  z-index:2;

  display:flex;

  flex-direction:column;

  min-width:0;
}

#bas-floating-cta-202609 .basFC-small {
  display:block;

  margin-bottom:2px;

  font-size:8px;
  line-height:1.25;

  opacity:.82;
}

#bas-floating-cta-202609 .basFC-main {
  display:block;

  font-size:12px;
  font-weight:700;
  line-height:1.35;

  white-space:nowrap;
}

#bas-floating-cta-202609 .basFC-arrow {
  position:absolute;

  top:50%;
  right:12px;

  z-index:3;

  transform:
    translateY(-52%);

  font-size:19px;
  font-weight:300;
  line-height:1;

  opacity:.72;
}

@media screen and (max-width:900px) and (min-width:701px) {

  #bas-floating-cta-202609 {
    right:16px;
    bottom:16px;

    width:420px;
  }

  #bas-floating-cta-202609 .basFC-btn {
    min-height:70px;
  }

  #bas-floating-cta-202609 .basFC-price {
    font-size:17px;
  }
}

@media screen and (max-width:700px) {

  #bas-floating-cta-202609 {
    right:7px;

    bottom:
      calc(
        7px + env(safe-area-inset-bottom)
      );

    grid-template-columns:
      1.08fr .92fr;

    width:
      calc(100% - 14px);

    border-radius:11px;

    box-shadow:
      0 7px 22px
      rgba(66,48,38,.16);
  }

  #bas-floating-cta-202609 .basFC-btn {
    min-height:59px;
  }

  #bas-floating-cta-202609 .basFC-btn-trial {
    padding:
      6px 23px 6px 12px;
  }

  #bas-floating-cta-202609 .basFC-photo::before {
    background-position:
      center 43%;

    filter:
      saturate(.65)
      contrast(.82)
      brightness(1.08);

    opacity:.25;

    transform:
      scale(1.05);
  }

  #bas-floating-cta-202609 .basFC-photo::after {
    background:
      linear-gradient(
        90deg,
        rgba(251,248,244,.48) 0%,
        rgba(251,248,244,.67) 48%,
        rgba(251,248,244,.93) 100%
      );
  }

  #bas-floating-cta-202609
  .basFC-btn-trial
  .basFC-small {
    font-size:7px;
  }

  #bas-floating-cta-202609 .basFC-price {
    font-size:14px;
  }

  #bas-floating-cta-202609 .basFC-sub {
    font-size:7.5px;
  }

  #bas-floating-cta-202609 .basFC-btn-line {
    gap:6px;

    padding:
      6px 22px 6px 9px;
  }

  #bas-floating-cta-202609 .basFC-line-mark {
    width:27px;
    height:19px;

    font-size:6px;
  }

  #bas-floating-cta-202609 .basFC-main {
    font-size:10px;
  }

  #bas-floating-cta-202609 .basFC-small {
    font-size:7px;
  }

  #bas-floating-cta-202609 .basFC-arrow {
    right:7px;

    font-size:17px;
  }
}

@media screen and (max-width:390px) {

  #bas-floating-cta-202609 {
    right:5px;

    bottom:
      calc(
        5px + env(safe-area-inset-bottom)
      );

    width:
      calc(100% - 10px);
  }

  #bas-floating-cta-202609 .basFC-btn {
    min-height:56px;
  }

  #bas-floating-cta-202609 .basFC-btn-trial {
    padding:
      5px 19px 5px 9px;
  }

  #bas-floating-cta-202609 .basFC-price {
    font-size:13px;
  }

  #bas-floating-cta-202609 .basFC-sub {
    font-size:7px;
  }

  #bas-floating-cta-202609 .basFC-btn-line {
    gap:5px;

    padding:
      5px 18px 5px 7px;
  }

  #bas-floating-cta-202609 .basFC-line-mark {
    width:25px;
    height:18px;
  }

  #bas-floating-cta-202609 .basFC-main {
    font-size:9px;
  }

  #bas-floating-cta-202609 .basFC-small {
    font-size:6.5px;
  }

  #bas-floating-cta-202609 .basFC-arrow {
    right:5px;

    font-size:16px;
  }
}


/* =========================================================
   TRAINER
========================================================= */

#bas-trainer-202609,
#bas-trainer-202609 *,
#bas-trainer-202609 *::before,
#bas-trainer-202609 *::after {
  box-sizing:border-box;
}

#bas-trainer-202609 {
  --basT-orange:#df8754;
  --basT-orange-dark:#c87548;
  --basT-text:#292725;
  --basT-sub:#625d58;
  --basT-cream:#fbf7f1;
  --basT-cream-2:#f3e9df;
  --basT-border:#ead7ca;

  width:100%;

  margin:0;
  padding:0;

  color:
    var(--basT-text);

  background:#fff;

  scroll-margin-top:90px;
}

#bas-trainer-202609 .basT-inner {
  width:100%;
  max-width:none;

  margin:0;
  padding:0;
}

@media screen and (min-width:701px) {

  #bas-trainer-202609 .basT-trainer {
    position:relative;

    isolation:isolate;

    width:100%;

    min-height:760px;

    margin:0;

    padding-top:72px;
    padding-right:54%;
    padding-bottom:72px;

    padding-left:
      max(
        5vw,
        calc((100vw - 1100px) / 2)
      );

    overflow:hidden;

    background:
      var(--basT-cream-2);
  }

  #bas-trainer-202609 .basT-trainer::before {
    content:"";

    position:absolute;

    z-index:1;

    top:-10%;
    left:0;

    width:60%;
    height:120%;

    background:#fbf8f3;

    border-radius:
      0 50% 50% 0 /
      0 48% 48% 0;

    box-shadow:
      20px 0 45px
      rgba(255,255,255,.18);

    pointer-events:none;
  }

  #bas-trainer-202609 .basT-profile-visual {
    display:contents;
  }

  #bas-trainer-202609 .basT-profile-image {
    position:absolute;

    z-index:0;

    top:0;
    right:0;

    display:block;

    width:55%;
    height:100%;

    object-fit:cover;
    object-position:center 47%;

    border-radius:0;
  }

  #bas-trainer-202609 .basT-profile-overlay {
    display:none;
  }

  #bas-trainer-202609 .basT-heading,
  #bas-trainer-202609 .basT-profile-copy,
  #bas-trainer-202609 .basT-body,
  #bas-trainer-202609 .basT-detail-link-wrap {
    position:relative;

    z-index:2;
  }

  #bas-trainer-202609 .basT-heading {
    width:100%;

    margin:
      0 0 34px;

    padding:0;

    text-align:left;
  }

  #bas-trainer-202609 .basT-heading .basT-en {
    margin:0;

    color:#c97b4e;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:13px;
    line-height:1;
    letter-spacing:.22em;
  }

  #bas-trainer-202609 .basT-heading .basT-heading-line {
    display:block;

    width:48px;
    height:1px;

    margin:
      15px 0 22px;

    background:#ce7e50;
  }

  #bas-trainer-202609 .basT-heading h2 {
    margin:0;

    color:#2d2926;

    font-family:
      "Yu Mincho",
      "YuMincho",
      "Hiragino Mincho ProN",
      "Noto Serif JP",
      Georgia,
      serif;

    font-size:
      clamp(
        32px,
        3vw,
        40px
      );

    font-weight:400;
    line-height:1.35;
    letter-spacing:.035em;

    text-align:left;
  }

  #bas-trainer-202609 .basT-profile-copy {
    width:100%;
    max-width:none;

    margin:0;
    padding:0;

    background:transparent;

    text-align:left;
  }

  #bas-trainer-202609 .basT-name {
    display:flex;

    flex-direction:column;
    align-items:flex-start;

    gap:2px;

    margin:0;
  }

  #bas-trainer-202609 .basT-name strong {
    color:#302c29;

    font-family:
      "Yu Mincho",
      "YuMincho",
      "Hiragino Mincho ProN",
      "Noto Serif JP",
      Georgia,
      serif;

    font-size:27px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:.09em;
  }

  #bas-trainer-202609 .basT-name span {
    color:#c6784d;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:14px;
    line-height:1.5;
    letter-spacing:.18em;
  }

  #bas-trainer-202609 .basT-role {
    margin:
      8px 0 0;

    color:#4f4944;

    font-size:12px;
    line-height:1.7;
    letter-spacing:.035em;
  }

  #bas-trainer-202609 .basT-message {
    position:relative;

    width:100%;
    max-width:390px;

    margin-top:25px;

    padding:
      21px 0 20px 25px;

    border-bottom:
      1px solid
      rgba(205,127,79,.36);
  }

  #bas-trainer-202609 .basT-quote {
    position:absolute;

    top:9px;
    left:0;

    color:
      rgba(205,127,79,.25);

    font-family:
      Georgia,
      serif;

    font-size:50px;
    line-height:1;
  }

  #bas-trainer-202609 .basT-message p {
    position:relative;

    margin:0;
    padding:0;

    color:#c57849;

    font-family:
      "Yu Mincho",
      "YuMincho",
      "Hiragino Mincho ProN",
      "Noto Serif JP",
      Georgia,
      serif;

    font-size:23px;
    font-weight:400;
    line-height:1.7;
    letter-spacing:.055em;
  }

  #bas-trainer-202609 .basT-message::after {
    content:"”";

    position:absolute;

    right:5px;
    bottom:5px;

    color:
      rgba(205,127,79,.23);

    font-family:
      Georgia,
      serif;

    font-size:47px;
    line-height:1;
  }

  #bas-trainer-202609 .basT-body {
    width:100%;
    max-width:500px;

    margin:0;

    padding:
      27px 0 0;

    background:transparent;

    text-align:left;
  }

  #bas-trainer-202609 .basT-body p {
    margin:
      0 0 15px;

    color:#49443f;

    font-size:11.5px;
    line-height:1.9;
    letter-spacing:.015em;

    text-align:left;
  }

  #bas-trainer-202609 .basT-body p:last-child {
    margin-bottom:0;
  }

  #bas-trainer-202609 .basT-detail-link-wrap {
    margin-top:30px;
  }
}

@media screen and (min-width:701px) and (max-width:1024px) {

  #bas-trainer-202609 .basT-trainer {
    min-height:650px;

    padding:
      54px 50% 55px 5%;
  }

  #bas-trainer-202609 .basT-trainer::before {
    top:-8%;

    width:61%;
    height:116%;
  }

  #bas-trainer-202609 .basT-profile-image {
    width:52%;

    object-position:
      center 46%;
  }

  #bas-trainer-202609 .basT-heading {
    margin-bottom:25px;
  }

  #bas-trainer-202609 .basT-heading .basT-en {
    font-size:11px;
  }

  #bas-trainer-202609 .basT-heading .basT-heading-line {
    width:39px;

    margin:
      11px 0 17px;
  }

  #bas-trainer-202609 .basT-heading h2 {
    font-size:30px;
  }

  #bas-trainer-202609 .basT-name strong {
    font-size:21px;
  }

  #bas-trainer-202609 .basT-name span {
    font-size:10.5px;
  }

  #bas-trainer-202609 .basT-role {
    margin-top:5px;

    font-size:10px;
  }

  #bas-trainer-202609 .basT-message {
    max-width:320px;

    margin-top:17px;

    padding:
      16px 0 15px 19px;
  }

  #bas-trainer-202609 .basT-quote {
    top:6px;

    font-size:39px;
  }

  #bas-trainer-202609 .basT-message p {
    font-size:17px;
    line-height:1.65;
  }

  #bas-trainer-202609 .basT-message::after {
    font-size:37px;
  }

  #bas-trainer-202609 .basT-body {
    max-width:410px;

    padding-top:20px;
  }

  #bas-trainer-202609 .basT-body p {
    margin-bottom:11px;

    font-size:9.5px;
    line-height:1.75;
  }
}

@media screen and (max-width:700px) {

  #bas-trainer-202609 .basT-trainer {
    width:100%;

    margin:0;
    padding:0;

    background:
      var(--basT-cream);
  }

  #bas-trainer-202609 .basT-heading {
    padding:
      54px 25px 24px;

    background:#fff;
  }

  #bas-trainer-202609 .basT-en {
    margin:0;

    color:#cb7f55;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:12px;
    letter-spacing:.22em;
  }

  #bas-trainer-202609 .basT-heading-line {
    display:block;

    width:42px;
    height:1px;

    margin:
      13px 0 22px;

    background:#d7855a;
  }

  #bas-trainer-202609 .basT-heading h2 {
    margin:0;

    color:#292725;

    font-size:30px;
    font-weight:400;
    line-height:1.4;
  }

  #bas-trainer-202609 .basT-profile-visual {
    position:relative;

    width:100%;
    height:480px;

    overflow:hidden;

    background:#f7f1eb;
  }

  #bas-trainer-202609 .basT-profile-image {
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center 27%;
  }

  #bas-trainer-202609 .basT-profile-overlay {
    position:absolute;

    inset:0;

    background:
      linear-gradient(
        to bottom,
        rgba(250,247,242,0) 0%,
        rgba(250,247,242,0) 37%,
        rgba(250,247,242,.12) 48%,
        rgba(250,247,242,.62) 68%,
        rgba(250,247,242,.94) 84%,
        rgba(250,247,242,1) 100%
      );

    pointer-events:none;
  }

  #bas-trainer-202609 .basT-profile-copy {
    position:absolute;

    z-index:2;

    left:0;
    right:0;
    bottom:0;

    padding:
      110px 25px 25px;
  }

  #bas-trainer-202609 .basT-name {
    display:flex;

    align-items:baseline;
    flex-wrap:wrap;

    gap:
      2px 12px;
  }

  #bas-trainer-202609 .basT-name strong {
    color:#292725;

    font-size:24px;
    font-weight:500;
    line-height:1.35;
    letter-spacing:.08em;
  }

  #bas-trainer-202609 .basT-name span {
    color:#c8784e;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:11px;
    letter-spacing:.12em;
  }

  #bas-trainer-202609 .basT-role {
    margin:
      6px 0 0;

    color:#665f5a;

    font-size:11px;
    line-height:1.5;
  }

  #bas-trainer-202609 .basT-message {
    position:relative;

    margin-top:17px;

    padding-top:13px;

    border-top:
      1px solid
      rgba(202,123,80,.65);
  }

  #bas-trainer-202609 .basT-quote {
    position:absolute;

    top:5px;
    left:0;

    color:
      rgba(207,127,84,.26);

    font-family:
      Georgia,
      serif;

    font-size:45px;
    line-height:1;
  }

  #bas-trainer-202609 .basT-message p {
    position:relative;

    margin:0;

    padding-left:17px;

    color:#c8754b;

    font-family:
      "Yu Mincho",
      "YuMincho",
      "Hiragino Mincho ProN",
      "Noto Serif JP",
      Georgia,
      serif;

    font-size:19px;
    font-weight:400;
    line-height:1.7;
    letter-spacing:.05em;
  }

  #bas-trainer-202609 .basT-body {
    padding:
      25px 25px 28px;

    background:
      var(--basT-cream);
  }

  #bas-trainer-202609 .basT-body p {
    margin:
      0 0 20px;

    color:#625d58;

    font-size:13px;
    line-height:2;
  }

  #bas-trainer-202609 .basT-body p:last-child {
    margin-bottom:0;
  }

  #bas-trainer-202609 .basT-detail-link-wrap {
    margin:0;

    padding:
      0 25px 50px;

    background:
      var(--basT-cream);
  }
}

#bas-trainer-202609 .basT-support {
  width:100%;

  padding:
    72px
    max(
      28px,
      calc((100vw - 1120px) / 2)
    )
    80px;

  background:#fff;
}

#bas-trainer-202609 .basT-support-head {
  max-width:1120px;

  margin:
    0 auto 38px;
}

#bas-trainer-202609 .basT-support-head .basT-en {
  margin:0;

  color:#cb7f55;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:13px;
  letter-spacing:.22em;
}

#bas-trainer-202609 .basT-support-head .basT-heading-line {
  display:block;

  width:42px;
  height:1px;

  margin:
    13px 0 22px;

  background:#d7855a;
}

#bas-trainer-202609 .basT-support-head h2 {
  margin:0;

  color:#292725;

  font-size:36px;
  font-weight:400;
  line-height:1.4;
}

#bas-trainer-202609 .basT-support-lead {
  max-width:700px;

  margin:
    18px 0 0;

  color:#6a635e;

  font-size:14px;
  line-height:1.9;
}

#bas-trainer-202609 .basT-support-grid {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:16px;

  max-width:1120px;

  margin:0 auto;
}

#bas-trainer-202609 .basT-support-card {
  display:flex;

  align-items:center;

  gap:20px;

  min-height:150px;

  padding:
    24px 26px;

  background:#fff;

  border:
    1px solid
    var(--basT-border);

  border-radius:16px;

  box-shadow:
    0 4px 14px
    rgba(80,55,40,.025);
}

#bas-trainer-202609 .basT-support-card-wide {
  grid-column:
    1 / -1;

  min-height:120px;
}

#bas-trainer-202609 .basT-support-icon {
  display:flex;

  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  width:70px;
  height:70px;

  border-radius:50%;

  background:#faf2eb;
}

#bas-trainer-202609 .basT-support-icon svg {
  width:32px;
  height:32px;

  fill:none;
  stroke:#d48154;
  stroke-width:1.5;

  stroke-linecap:round;
  stroke-linejoin:round;
}

#bas-trainer-202609 .basT-support-copy {
  min-width:0;
}

#bas-trainer-202609 .basT-support-copy h3 {
  margin:
    0 0 8px;

  color:#272522;

  font-size:18px;
  font-weight:600;
  line-height:1.45;
}

#bas-trainer-202609 .basT-support-copy p {
  margin:0;

  color:#6a635e;

  font-size:13px;
  line-height:1.8;
}

#bas-trainer-202609 .basT-detail-link {
  display:inline-flex;

  align-items:center;
  justify-content:space-between;

  min-width:285px;
  min-height:50px;

  padding:
    0 22px;

  color:#b9673f !important;

  background:
    rgba(255,255,255,.62);

  border:
    1px solid
    rgba(201,122,78,.55);

  border-radius:999px;

  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.03em;

  text-decoration:none !important;

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

#bas-trainer-202609 .basT-detail-link:hover {
  color:#fff !important;

  background:#c9794d;

  transform:
    translateY(-2px);
}

#bas-trainer-202609 .basT-detail-arrow {
  margin-left:18px;

  font-family:
    Georgia,
    serif;

  font-size:17px;
  font-weight:400;

  transition:
    transform .2s ease;
}

#bas-trainer-202609 .basT-detail-link:hover .basT-detail-arrow {
  transform:
    translateX(3px);
}

@media screen and (max-width:700px) {

  #bas-trainer-202609 .basT-support {
    padding:
      54px 25px 62px;
  }

  #bas-trainer-202609 .basT-support-head {
    margin-bottom:28px;
  }

  #bas-trainer-202609 .basT-support-head .basT-en {
    font-size:12px;
  }

  #bas-trainer-202609 .basT-support-head .basT-heading-line {
    margin:
      12px 0 20px;
  }

  #bas-trainer-202609 .basT-support-head h2 {
    font-size:29px;
    line-height:1.4;
  }

  #bas-trainer-202609 .basT-support-lead {
    margin-top:15px;

    font-size:12px;
    line-height:1.85;
  }

  #bas-trainer-202609 .basT-support-grid {
    grid-template-columns:1fr;

    gap:10px;
  }

  #bas-trainer-202609 .basT-support-card,
  #bas-trainer-202609 .basT-support-card-wide {
    grid-column:auto;

    min-height:0;

    gap:15px;

    padding:
      17px 18px;

    border-radius:13px;
  }

  #bas-trainer-202609 .basT-support-icon {
    width:56px;
    height:56px;
  }

  #bas-trainer-202609 .basT-support-icon svg {
    width:26px;
    height:26px;
  }

  #bas-trainer-202609 .basT-support-copy h3 {
    margin-bottom:4px;

    font-size:15px;
    line-height:1.4;
  }

  #bas-trainer-202609 .basT-support-copy p {
    font-size:10.5px;
    line-height:1.65;
  }

  #bas-trainer-202609 .basT-detail-link {
    width:100%;

    min-width:0;
    min-height:51px;

    padding:
      0 19px;

    font-size:11.5px;
  }
}

@media screen and (max-width:390px) {

  #bas-trainer-202609 .basT-heading {
    padding-left:20px;
    padding-right:20px;
  }

  #bas-trainer-202609 .basT-profile-copy {
    padding-left:20px;
    padding-right:20px;
  }

  #bas-trainer-202609 .basT-body {
    padding-left:20px;
    padding-right:20px;
  }

  #bas-trainer-202609 .basT-detail-link-wrap {
    padding-left:20px;
    padding-right:20px;
  }

  #bas-trainer-202609 .basT-support {
    padding:
      48px 20px 56px;
  }

  #bas-trainer-202609 .basT-support-card,
  #bas-trainer-202609 .basT-support-card-wide {
    gap:12px;

    padding:
      14px 15px;
  }

  #bas-trainer-202609 .basT-support-icon {
    width:50px;
    height:50px;
  }

  #bas-trainer-202609 .basT-support-icon svg {
    width:23px;
    height:23px;
  }

  #bas-trainer-202609 .basT-support-copy h3 {
    font-size:14px;
  }

  #bas-trainer-202609 .basT-support-copy p {
    font-size:10px;
  }
}


/* =========================================================
   SECTION SEPARATION
========================================================= */

#bas-trainer-202609,
#bas-price-202609,
#bas-trial-202609,
#bas-faq-202609,
#bas-access-202609,
#bas-final-cta-202609 {
  margin-top:
    clamp(
      22px,
      2.4vw,
      34px
    );
}

#bas-trainer-202609,
#bas-price-202609,
#bas-trial-202609,
#bas-faq-202609,
#bas-access-202609 {
  border-top:
    1px solid
    rgba(218,198,183,.22);
}

@media screen and (min-width:701px) {

  #bas-trainer-202609 .basT-support {
    width:100vw;

    margin-top:
      clamp(
        22px,
        2.2vw,
        32px
      );

    margin-left:
      calc(50% - 50vw);

    padding:
      clamp(68px,7vw,88px)
      max(
        34px,
        calc((100vw - 1180px) / 2)
      )
      clamp(74px,7.5vw,94px);

    background:
      linear-gradient(
        180deg,
        #fff 0%,
        #fdfaf7 100%
      );

    border-top:
      1px solid
      rgba(218,198,183,.28);

    border-bottom:
      1px solid
      rgba(218,198,183,.20);
  }

  #bas-trainer-202609 .basT-support-head,
  #bas-trainer-202609 .basT-support-grid {
    width:100%;

    max-width:1180px;

    margin-left:auto;
    margin-right:auto;
  }

  #bas-trainer-202609 .basT-support-head {
    margin-bottom:42px;
  }

  #bas-trainer-202609 .basT-support-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:18px;
  }

  #bas-trainer-202609 .basT-support-card {
    min-height:132px;

    gap:22px;

    padding:
      24px 28px;
  }

  #bas-trainer-202609 .basT-support-card-wide {
    min-height:116px;
  }

  #bas-trainer-202609 .basT-support-copy h3 {
    font-size:17px;
  }

  #bas-trainer-202609 .basT-support-copy p {
    font-size:12.5px;
    line-height:1.8;
  }
}

@media screen and (min-width:701px) and (max-width:860px) {

  #bas-trainer-202609 .basT-support {
    padding-left:32px;
    padding-right:32px;
  }

  #bas-trainer-202609 .basT-support-grid {
    grid-template-columns:1fr;

    gap:12px;
  }

  #bas-trainer-202609 .basT-support-card,
  #bas-trainer-202609 .basT-support-card-wide {
    grid-column:auto;

    min-height:105px;

    padding:
      20px 24px;
  }

  #bas-trainer-202609 .basT-support-icon {
    width:60px;
    height:60px;
  }

  #bas-trainer-202609 .basT-support-copy h3 {
    font-size:16px;
  }

  #bas-trainer-202609 .basT-support-copy p {
    font-size:12px;
  }
}

@media screen and (max-width:700px) {

  #bas-trainer-202609 .basT-heading {
    position:relative;

    z-index:3;

    overflow:hidden;

    margin:
      0 0 -14px;

    padding:
      43px 25px 34px;

    background:
      radial-gradient(
        circle at 92% 18%,
        rgba(223,135,84,.13) 0 72px,
        transparent 73px
      ),
      linear-gradient(
        135deg,
        #fbf7f1 0%,
        #f5ebe2 100%
      );

    border-bottom:
      1px solid
      rgba(223,135,84,.16);

    border-bottom-right-radius:34px;

    box-shadow:
      0 9px 24px
      rgba(78,54,40,.035);
  }

  #bas-trainer-202609 .basT-heading::after {
    content:"TRAINER";

    position:absolute;

    z-index:-1;

    right:-7px;
    bottom:-12px;

    color:
      rgba(201,120,77,.065);

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:58px;
    line-height:1;
    letter-spacing:.07em;

    pointer-events:none;
  }

  #bas-trainer-202609 .basT-heading .basT-en,
  #bas-trainer-202609 .basT-heading h2,
  #bas-trainer-202609 .basT-heading .basT-heading-line {
    position:relative;

    z-index:1;
  }

  #bas-trainer-202609 .basT-heading .basT-en {
    font-size:11px;
  }

  #bas-trainer-202609 .basT-heading .basT-heading-line {
    width:36px;

    margin:
      11px 0 17px;
  }

  #bas-trainer-202609 .basT-heading h2 {
    font-size:28px;
    line-height:1.4;
  }

  #bas-trainer-202609 .basT-profile-visual {
    padding-top:14px;
  }

  #bas-trainer-202609,
  #bas-price-202609,
  #bas-trial-202609,
  #bas-faq-202609,
  #bas-access-202609,
  #bas-final-cta-202609 {
    margin-top:18px;
  }
}

@media screen and (max-width:390px) {

  #bas-trainer-202609 .basT-heading {
    padding-left:20px;
    padding-right:20px;
  }

  #bas-trainer-202609 .basT-heading::after {
    font-size:51px;
  }
}


/* =========================================================
   PRICE｜SINGLE & TICKET COMPACT
========================================================= */

#bas-price-202609 .basP-ticket-course {
  width:
    min(760px,72%);

  margin:
    18px auto 0;

  padding:
    13px 16px 12px;

  background:
    rgba(255,255,255,.42);

  border-color:
    rgba(218,198,183,.58);

  border-radius:9px;

  box-shadow:none;
}

#bas-price-202609
.basP-ticket-course .basP-long-head {
  align-items:center;

  margin-bottom:8px;
}

#bas-price-202609
.basP-ticket-course .basP-long-heading {
  gap:7px;
}

#bas-price-202609
.basP-ticket-course .basP-mini-icon {
  width:25px;
  height:25px;

  padding:5px;

  color:#b97955;

  background:
    rgba(223,135,84,.075);
}

#bas-price-202609
.basP-ticket-course .basP-long-en {
  margin-bottom:2px;

  color:#b47755;

  font-size:7px;
  letter-spacing:.14em;
}

#bas-price-202609
.basP-ticket-course .basP-long-head h3 {
  color:#5f5752;

  font-size:14px;
  font-weight:500;
  letter-spacing:.035em;
}

#bas-price-202609
.basP-ticket-course .basP-long-head > p {
  color:#9a8f88;

  font-size:8px;
}

#bas-price-202609 .basP-ticket-list {
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

#bas-price-202609 .basP-ticket-item {
  padding:
    5px 12px;
}

#bas-price-202609
.basP-ticket-item span {
  margin-bottom:1px;

  color:#776e68;

  font-size:9px;
}

#bas-price-202609
.basP-ticket-item strong {
  color:#b96d43;

  font-size:17px;
}

#bas-price-202609
.basP-ticket-item small {
  margin-top:1px;

  color:#9a8f88;

  font-size:7.5px;
}

/* compact表示でも注意書きを読みやすく維持 */
#bas-price-202609 .basP-ticket-note {
  display:flex;

  align-items:center;
  justify-content:center;

  gap:7px;

  margin:
    9px 0 0;

  padding:
    8px 10px;

  color:#9b463b;

  font-size:10.5px;
  font-weight:600;
  line-height:1.55;

  background:
    rgba(255,246,243,.88);

  border:
    1px solid
    rgba(196,91,72,.22);

  border-radius:7px;
}

@media screen and (min-width:701px) and (max-width:1024px) {

  #bas-price-202609 .basP-ticket-course {
    width:
      min(680px,84%);
  }
}

@media screen and (max-width:700px) {

  #bas-price-202609 .basP-ticket-course {
    width:100%;

    margin-top:13px;

    padding:
      11px 12px 10px;
  }

  #bas-price-202609
  .basP-ticket-course .basP-long-head {
    margin-bottom:6px;
  }

  #bas-price-202609
  .basP-ticket-course .basP-mini-icon {
    width:23px;
    height:23px;
  }

  #bas-price-202609
  .basP-ticket-course .basP-long-head h3 {
    font-size:12.5px;
  }

  #bas-price-202609
  .basP-ticket-course .basP-long-head > p {
    display:none;
  }

  #bas-price-202609 .basP-ticket-item {
    padding:
      4px 7px;
  }

  #bas-price-202609
  .basP-ticket-item span {
    font-size:8px;
  }

  #bas-price-202609
  .basP-ticket-item strong {
    font-size:14px;
  }

  #bas-price-202609
  .basP-ticket-item small {
    font-size:7px;
  }

  #bas-price-202609 .basP-ticket-note {
    margin-top:8px;

    padding:
      8px 9px;

    gap:7px;

    font-size:10.5px;
    line-height:1.55;
  }

  #bas-price-202609 .basP-ticket-note::before {
    flex-basis:19px;

    width:19px;
    height:19px;

    font-size:10px;
  }
}

/* =========================================================
   B-ART SPACE
   FLOATING CTA
   SINGLE TRIAL CTA OVERRIDE
   2026-09-20
========================================================= */


/* =========================================================
   WRAPPER
========================================================= */

#bas-floating-cta-202609 {

  --fc-orange:
    #d98252;

  --fc-orange-dark:
    #bf6f44;

  --fc-text:
    #514943;

  --fc-sub:
    #80736b;

  --fc-border:
    #e7d8cc;

  --fc-cream:
    #fffaf6;


  /*
    既存の2カラム指定を解除
  */

  display:
    block !important;


  grid-template-columns:
    none !important;


  width:
    340px;


  overflow:
    hidden;


  background:
    rgba(
      255,
      253,
      250,
      .98
    );


  border:
    1px solid
    rgba(
      217,
      130,
      82,
      .46
    );


  border-radius:
    16px;


  box-shadow:
    0 10px 32px
    rgba(
      66,
      48,
      38,
      .15
    );

}



/* =========================================================
   SINGLE BUTTON
========================================================= */

#bas-floating-cta-202609
.basFC-btn-single {

  position:
    relative;


  display:
    flex;


  align-items:
    center;


  width:
    100%;


  min-height:
    76px;


  padding:
    8px 52px 8px 9px;


  color:
    var(--fc-text);


  background:
    var(--fc-cream);


  border:
    0 !important;


  text-decoration:
    none !important;


  overflow:
    hidden;


  transition:
    background-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;

}


#bas-floating-cta-202609
.basFC-btn-single:hover {

  opacity:
    1;


  background:
    #fff;


  transform:
    translateY(-1px);


  box-shadow:
    inset 0 0 0 1px
    rgba(
      217,
      130,
      82,
      .08
    );

}



/* =========================================================
   PHOTO

   既存CSSでは背景全面だったため
   小さな写真カードへ変更
========================================================= */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-photo {

  position:
    relative;


  inset:
    auto;


  z-index:
    1;


  display:
    block;


  flex:
    0 0 58px;


  width:
    58px;


  height:
    58px;


  overflow:
    hidden;


  border-radius:
    11px;


  background:
    #eee4dc;


  pointer-events:
    none;

}


#bas-floating-cta-202609
.basFC-btn-single
.basFC-photo::before {

  content:
    "";


  position:
    absolute;


  inset:
    0;


  background-image:
    url(
      "https://b-art-space.com/wp-content/uploads/2024/09/0140.jpg"
    );


  background-repeat:
    no-repeat;


  background-size:
    cover;


  background-position:
    center 43%;


  filter:
    saturate(.78)
    contrast(.94)
    brightness(1.03);


  opacity:
    1;


  transform:
    scale(1.03);

}


#bas-floating-cta-202609
.basFC-btn-single
.basFC-photo::after {

  display:
    none;

}



/* =========================================================
   COPY
========================================================= */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-trial-copy {

  position:
    relative;


  z-index:
    2;


  display:
    flex;


  flex-direction:
    column;


  min-width:
    0;


  margin-left:
    12px;

}



/* LABEL */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-small {

  display:
    block;


  margin:
    0 0 2px;


  color:
    #756a63;


  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif;


  font-size:
    8.5px;


  font-weight:
    600;


  line-height:
    1.2;


  letter-spacing:
    .05em;


  opacity:
    1;

}



/* PRICE */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-price {

  display:
    flex;


  align-items:
    baseline;


  flex-wrap:
    wrap;


  gap:
    1px;


  margin:
    0;


  color:
    var(--fc-orange-dark);


  font-family:
    Georgia,
    "Times New Roman",
    serif;


  font-size:
    19px;


  font-weight:
    400;


  line-height:
    1.15;


  white-space:
    normal;

}


#bas-floating-cta-202609
.basFC-btn-single
.basFC-price small {

  color:
    #756b65;


  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif;


  font-size:
    9px;


  font-weight:
    600;


  line-height:
    1;

}



/* SUB COPY */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-sub {

  display:
    block;


  margin-top:
    3px;


  color:
    #554e49;


  font-size:
    9.5px;


  font-weight:
    700;


  line-height:
    1.3;


  white-space:
    nowrap;

}



/* =========================================================
   ARROW
========================================================= */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-arrow {

  position:
    absolute;


  top:
    50%;


  right:
    13px;


  z-index:
    3;


  display:
    flex;


  align-items:
    center;


  justify-content:
    center;


  width:
    31px;


  height:
    31px;


  border-radius:
    50%;


  background:
    var(--fc-orange);


  color:
    #fff;


  transform:
    translateY(-50%);


  font-family:
    Arial,
    sans-serif;


  font-size:
    21px;


  font-weight:
    300;


  line-height:
    1;


  opacity:
    1;

}



/* =========================================================
   REMOVE OLD LINE SIDE

   JSで削除されますが、
   万が一描画前でも見えないようにする
========================================================= */

#bas-floating-cta-202609
.basFC-btn-line {

  display:
    none !important;

}



/* =========================================================
   TABLET
========================================================= */

@media screen and
(max-width:900px)
and
(min-width:701px) {

  #bas-floating-cta-202609 {

    right:
      16px;


    bottom:
      16px;


    width:
      330px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single {

    min-height:
      72px;

  }

}



/* =========================================================
   MOBILE
========================================================= */

@media screen and
(max-width:700px) {

  #bas-floating-cta-202609 {

    /*
      MENU / TOPは既存どおり
      CTAの上側へ配置されるため、
      CTA自体は画面下を広く使用
    */

    left:
      7px;


    right:
      7px;


    bottom:
      calc(
        7px +
        env(
          safe-area-inset-bottom
        )
      );


    width:
      auto;


    border-radius:
      12px;


    box-shadow:
      0 7px 22px
      rgba(
        66,
        48,
        38,
        .16
      );

  }


  #bas-floating-cta-202609
  .basFC-btn-single {

    min-height:
      62px;


    padding:
      6px 43px 6px 6px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-photo {

    flex-basis:
      48px;


    width:
      48px;


    height:
      48px;


    border-radius:
      9px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-trial-copy {

    margin-left:
      10px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-small {

    font-size:
      7px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price {

    font-size:
      15px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price small {

    font-size:
      8px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-sub {

    margin-top:
      2px;


    font-size:
      8px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-arrow {

    right:
      8px;


    width:
      28px;


    height:
      28px;


    font-size:
      18px;

  }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and
(max-width:390px) {

  #bas-floating-cta-202609 {

    left:
      5px;


    right:
      5px;


    bottom:
      calc(
        5px +
        env(
          safe-area-inset-bottom
        )
      );

  }


  #bas-floating-cta-202609
  .basFC-btn-single {

    min-height:
      58px;


    padding-right:
      40px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-photo {

    flex-basis:
      44px;


    width:
      44px;


    height:
      44px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price {

    font-size:
      14px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price small {

    font-size:
      7.5px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-sub {

    font-size:
      7.5px;

  }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (
  prefers-reduced-motion:
  reduce
) {

  #bas-floating-cta-202609,
  #bas-floating-cta-202609
  .basFC-btn-single {

    transition:
      none !important;

  }

}

/* =========================================================
   B-ART SPACE
   FLOATING CTA FINAL
   2026-09-20
========================================================= */


/* =========================================================
   META ROW
========================================================= */

#bas-floating-cta-202609
.basFC-meta {

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:
    5px 7px;

  min-width:0;

}



/* =========================================================
   PRICE
========================================================= */

#bas-floating-cta-202609
.basFC-btn-single
.basFC-price {

  display:inline-flex;

  align-items:baseline;

  flex-wrap:nowrap;

  gap:1px;

  margin:0;

  white-space:nowrap;

}



/* =========================================================
   CONTINUATION BENEFIT
========================================================= */

#bas-floating-cta-202609
.basFC-benefit {

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:20px;

  padding:
    0 7px;

  border:
    1px solid
    rgba(
      217,
      130,
      82,
      .24
    );

  border-radius:
    999px;

  background:
    rgba(
      217,
      130,
      82,
      .10
    );

  color:
    #b7653e;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif;

  font-size:
    8px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .01em;

  white-space:
    nowrap;

}



/* =========================================================
   DESKTOP CTA FINAL SIZE
========================================================= */

@media screen and (min-width:701px) {

  #bas-floating-cta-202609 {

    width:
      365px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single {

    min-height:
      78px;

  }

}



/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px) {

  #bas-floating-cta-202609
  .basFC-meta {

    gap:
      3px 5px;

  }


  #bas-floating-cta-202609
  .basFC-benefit {

    min-height:
      17px;

    padding:
      0 5px;

    font-size:
      6.8px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price {

    font-size:
      15px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price small {

    font-size:
      8px;

  }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width:390px) {

  #bas-floating-cta-202609
  .basFC-benefit {

    min-height:
      16px;

    padding:
      0 4px;

    font-size:
      6.3px;

  }


  #bas-floating-cta-202609
  .basFC-meta {

    gap:
      2px 4px;

  }


  #bas-floating-cta-202609
  .basFC-btn-single
  .basFC-price {

    font-size:
      14px;

  }

}