/* jQuery / bxSliderに依存しないスライド表示 */
#key .bxslider { border: 5px solid #fff; box-shadow: 0 0 5px #ccc; }
#key .bxslider > li { list-style: none; }
#key .bxslider > li:not(:first-child) { display: none; }
#key .bxslider.is-ready { display: grid; }
#key .bxslider.is-ready > li { display: block; grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .5s ease; }
#key .bxslider.is-ready > li.is-active { opacity: 1; visibility: visible; }
#key .bxslider img { display: block; width: 100%; }
.slider-controls { display: flex; justify-content: center; gap: 12px; padding: 6px; }
.slider-controls button { background: #fcfbf2; color: #45200d; border: 1px solid #dbceb7; border-radius: 4px; padding: 3px 8px; cursor: pointer; }
#inquiryForm button { font: inherit; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { #key .bxslider.is-ready > li { transition: none; } }