#hitachi-lookup-app {width: 100%; background: #fff; padding: 5% 0;}
.hitachi-content {padding: 0 10%; width: 100%; display: inline-block;}
.hitachi-note { text-align: center; color: #666; margin-bottom: 25px; }
.hitachi-note strong { display: inline-block; color: #27AD37; animation: text-blink 0.8s infinite ease-in-out; }
@keyframes text-blink {
    0%, 100% { color: #27AD37;}
    50% { color: #1a7a26;}
}
.wrp-hitachi-section {display: flex; justify-content: center; }
.hitachi-section {padding: 0; margin: 0 15px; }
.hitachi-section .btn-room { font-size: 1.1em; box-shadow: inset 0px -3px 7px 0px #ffffff; background-color: #ededed; border-radius: 3px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-size: 100%; font-weight: bold; padding: 10px 0; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; width: 100%; text-align: center;}
.hitachi-lamps { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; padding: 0 10px; }
.lamp-group { text-align: center; min-width: 100px; display: flex; flex-direction: row; margin-bottom: 10px;}
.lamp-group label { font-weight: 600; color: #444; }
.lamp { width: 20px; height: 20px; border: 3px solid #ccc; cursor: pointer; transition: 0.4s; position: relative; margin: 0 10px 0 0; }
.lamp.active { background: #27AD37; border-color: #27AD37;}
.lamp.active.blink-sync { animation: blink-lamp 0.8s infinite; }
.lamp.active::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); animation: blink-inner 0.8s infinite; }
@keyframes blink-lamp { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes blink-inner { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.hitachi-result { margin-top: 30px; padding: 20px; border-radius: 12px; background: #ffebee; border: 1px solid #ffcdd2; display: none; }
.hitachi-result.show { display: block; animation: fadeIn 0.8s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.hitachi-result h4 { margin: 0 0 12px; color: #b71c1c; font-size: 1.3em; }
.hitachi-result p { line-height: 1.6; margin: 8px 0; }
#hitachi-loading { text-align: center; color: #d32f2f; font-style: italic; margin: 20px 0; }