/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */#kbc-schedule { .schedule-intro { display: grid; gap: var(--gap2); margin-bottom: var(--gap10); text-align: left; } }

@media (48rem <= width) { #kbc-schedule { .schedule-intro { text-align: center; } } }
#kbc-schedule { .schedule-intro .annotation-text { display: grid; justify-content: start; } }

@media (48rem <= width) { #kbc-schedule { .schedule-intro .annotation-text { justify-content: center; } } }
#kbc-schedule { .schedule-timetable-item { position: relative; display: grid; grid-template-columns: 5rem auto; align-items: start; width: 100%; margin-bottom: var(--gap5); } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item { grid-template-columns: 10rem auto; } } }

@media (62rem <= width) { #kbc-schedule { .schedule-timetable-item { align-items: center; } } }
#kbc-schedule {
  .schedule-timetable-item:not(:last-of-type):after { position: absolute; z-index: -1; top: 5rem; left: 2.5rem; display: block; height: 100%; content: ""; border-left: 2px dashed var(--green-200); }
  .schedule-timetable-item.option-item:not(:last-of-type):after { z-index: -1; content: ""; border-left: 2px dashed var(--blue-200); }
  .schedule-timetable-item_icon { display: grid; place-content: center; place-items: center; width: 5rem; height: 5rem; border-radius: var(--radius-full); background: var(--green-200); gap: var(--gap-s05); }
}

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item_icon { width: 10rem; height: 10rem; gap: var(--gap-s1); } } }
#kbc-schedule { .schedule-timetable-item_icon svg { width: 1.375rem; height: 1.375rem; } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item_icon svg { width: 2.5rem; height: 2.5rem; } } }
#kbc-schedule {
  .schedule-timetable-item_icon.option-icon { background: var(--blue-200); }
  .schedule-timetable-item_time { letter-spacing: 0.1em; color: var(--white); font-family: var(--font-japanease); font-size: var(--font-title-s); font-weight: var(--font-weight-bold); }
}

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item_time { font-size: var(--font-title-m); } } }
#kbc-schedule { .schedule-timetable_detail { display: grid; gap: var(--gap2); padding-left: var(--gap3); } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable_detail { grid-template-columns: auto 18.125rem; place-items: center; padding-left: 0; padding-left: var(--gap4); } } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item.image-none .schedule-timetable_detail { grid-template-columns: auto; } } }
#kbc-schedule { .detail-inner { display: grid; gap: var(--gap2); text-align: left; } }

@media (48rem <= width) { #kbc-schedule { .detail-inner { width: 100%; padding: var(--gap3) var(--gap4); gap: var(--gap-s5); } } }
#kbc-schedule { .detail-inner_title { letter-spacing: var(--letterspacing-l); font-size: var(--font-title-s); font-weight: var(--font-weight-bold); } }

@media (48rem <= width) { #kbc-schedule { .detail-inner_title { font-size: var(--font-title-l); } } }
#kbc-schedule { .schedule-timetable-item_image img { width: 100%; border-radius: var(--radius-l); } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item_image img { width: 18.125rem; } } }
#kbc-schedule {
  .bg-textarea { margin-bottom: var(--gap5); }
  .schedule-option { padding: var(--gap1); }
}

@media (48rem <= width) { #kbc-schedule { .schedule-option { padding: var(--gap2); } } }
#kbc-schedule { .schedule-option .strong-text { font-size: var(--font-title-s); } }

@media (48rem <= width) { #kbc-schedule { .schedule-option .strong-text { font-size: var(--font-title-m); } } }
#kbc-schedule { .voice-area_item { display: grid; gap: var(--gap2); grid-template-columns: 3.75rem auto; text-align: left; } }

@media (48rem <= width) { #kbc-schedule { .voice-area_item { gap: var(--gap4); grid-template-columns: 7.5rem auto; } } }
#kbc-schedule { .voice-area_detail { display: grid; gap: var(--gap2); justify-content: start; text-align: left; text-emphasis: after; } }

@media (48rem <= width) { #kbc-schedule { .schedule-timetable-item:not(:last-of-type):after { position: absolute; z-index: -1; top: 5rem; left: 5rem; display: block; height: 100%; content: ""; border-left: 2px dashed var(--green-200); } } }