#max_container.lumio-wrap {}


#max_container.lumio-wrap .sec-page {position: relative; width: 100%; height: 100vh; }
#max_container.lumio-wrap .sec-page .inner {width: 100%; max-width:1200px; margin:0 auto; height: 100%;}





#intro	{background: #fff url(../image/lumio/bg_intro.png) no-repeat center / cover;  }
#intro > *  {display: flex; align-items: center;}
#intro .title_area {}
#intro .title_area p {color:var(--main-color);font-size: 1.25em; margin-bottom: 2rem;} 
#intro .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#intro .title_area span { white-space: pre-line; line-height: 1.5; }





#DCS {background: #000 url(../image/lumio/bg_DCS.png) no-repeat center / cover;  }
#DCS > *  {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#DCS .title_area {}
#DCS .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#DCS .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 

#DCS .cont_area  { line-height: 1.5; }
#DCS .cont_area p {white-space: pre-line; font-size: 1.5em; }
#DCS .cont_area span {white-space: pre-line; display: block; margin:2rem 0; opacity:.7;}
#DCS .cont_area em {display: block;font-size: .9em;}
#DCS .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 702 / 713; }



#TWS {}
#TWS > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#TWS > * > * {width: 40%; color:#fff;}
#TWS .title_area {}
#TWS .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#TWS .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#TWS .cont_area  { line-height: 1.5; }
#TWS .cont_area p {white-space: pre-line; font-size: 1.5em; }
#TWS .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#TWS .cont_area em {display: block;font-size: .9em;}
#TWS .cont_area img { margin-top: 2rem; width: 8rem;  height: auto;     aspect-ratio: 1403 / 713; }
#TWS .bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#TWS .bg_video::before {content:''; width: 100%; height: 100%; background: #000; opacity:.2; position: absolute; left:0 ; top:0;	z-index:1;}
#TWS .bg_video video { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 110%;  width: auto; height: auto; object-fit: cover;}
#TWS > *:not(.bg_video) { position: relative; z-index: 2;}









#outdoor {background: #000 url(../image/lumio/bg_outdoor.png) no-repeat center / cover;  }
#outdoor > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#outdoor .title_area {}
#outdoor .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#outdoor .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#outdoor .cont_area  { line-height: 1.5; }
#outdoor .cont_area p {white-space: pre-line; font-size: 1.5em; }
#outdoor .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#outdoor .cont_area em {display: block;font-size: .9em;}
#outdoor .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 412 / 713; }







#IPX7 {}
#IPX7 > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#IPX7 .title_area {}
#IPX7 .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#IPX7 .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#IPX7 .cont_area  { line-height: 1.5; }
#IPX7 .cont_area p {white-space: pre-line; font-size: 1.5em; }
#IPX7 .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#IPX7 .cont_area em {display: block;font-size: .9em;}
#IPX7 .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 705 / 713; }
#IPX7 .bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#IPX7 .bg_video::before {content:''; width: 100%; height: 100%; background: #000; opacity:.2; position: absolute; left:0 ; top:0;	z-index:1;}
#IPX7 .bg_video video { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 110%;  width: auto; height: auto; object-fit: cover;}
#IPX7 > *:not(.bg_video) { position: relative; z-index: 2;}





#bluetooth {background: #fff url(../image/lumio/bg_bluetooth.png) no-repeat center / cover;  }
#bluetooth > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#bluetooth > * > * {width: 40%; color:#333;}
#bluetooth .title_area {}
#bluetooth .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#bluetooth .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#bluetooth .cont_area  { line-height: 1.5; }
#bluetooth .cont_area p {white-space: pre-line; font-size: 1.5em; }
#bluetooth .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#bluetooth .cont_area em {display: block;font-size: .9em;}
#bluetooth .cont_area img { margin-top: 2rem; width: 2rem;  height: auto;     aspect-ratio: 332 / 713; }






#moodlight {background: #fff url(../image/lumio/bg_moodlight.png) no-repeat center / cover;  }
#moodlight > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#moodlight > * > * {width: 40%; color:#fff;}
#moodlight .title_area {}
#moodlight .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#moodlight .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#moodlight .cont_area  { line-height: 1.5; }
#moodlight .cont_area p {white-space: pre-line; font-size: 1.5em; }
#moodlight .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#moodlight .cont_area em {display: block;font-size: .9em;}
#moodlight .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 705 / 713; }









#design {position: relative; display: flex; flex-direction: column; overflow:hidden; }
#design > * { width: 100%;}
#design .title_area {height: 45vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#design .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#design .title_area span  {text-align: center; white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7; line-height: 1.5; }
#design .produ {  height: 55vh;}
#design .produ ul {display: flex;}
#design .produ ul li {}
#design .produ ul li img{ display: block; width: 100%; height: 100%;   object-fit: cover;} 





#specs {}