

#max_container.bluetooth-wrap {}


#max_container.bluetooth-wrap .sec-page {position: relative; width: 100%; height: 100vh; }
#max_container.bluetooth-wrap .sec-page .inner {width: 100%; max-width:1200px; margin:0 auto; height: 100%;}

#heritage {background: #000 url(../image/bluetooth/bg_heritage.png) no-repeat center / cover;  }
#heritage > * {display: flex; align-items: center;}
#heritage .title_area { color:#fff;}
#heritage .title_area .title_box {margin-bottom: 6rem; }
#heritage .title_area .title_box p {font-size: 2em; line-height: 1.5;}
#heritage .title_area .title_box p:last-child {margin-left:10vw	}
#heritage .title_area span {display: block; font-size: 1.125em;  font-weight: 300;line-height: 1.5; }




#expertise {background: #000 url(../image/bluetooth/bg_expertise.png) no-repeat center / cover;  }
#expertise > * {display: flex; align-items: center; justify-content: center;} 
#expertise .title_area { display: flex; flex-direction: column; align-items: center; color:#fff; gap:3rem 0;}
#expertise .title_area .title_box {text-align: center;}
#expertise .title_area .title_box span {display: block; margin-bottom: .5rem;}
#expertise .title_area .title_box h2 {font-size: 2.25em; line-height: 1.5; }
#expertise .title_area > em {width: 1px; height: 65px;  background: #fff; }
#expertise .title_area .cont_box {white-space: pre-line;  font-size: 1.05em;  font-weight: 300;line-height: 1.5; text-align: center;}




#challenge { background: #fff url(../image/bluetooth/bg_challenge.png) no-repeat center / cover;  }
#challenge::before {content:''; width: 1px;height: 30vh; background: #000; position: absolute; left:50%; top:0}
#challenge > * {display: flex; align-items: center; justify-content: center;} 
#challenge .title_area { display: flex; flex-direction: column; align-items: center; gap:3rem 0;}
#challenge .title_area .title_box {text-align: center;}
#challenge .title_area .title_box span {display: block; margin-bottom: .5rem;font-size: 1.5em;font-weight: 400;}
#challenge .title_area .title_box h2 {font-size: 2.25em; line-height: 1.5; font-weight: 500;}
#challenge .title_area .cont_box {white-space: pre-line;  font-size: 1.05em;  font-weight: 300;line-height: 1.5; text-align: center;}





#first-step {overflow:hidden; background: #fff;display: flex; align-items: center;}
#first-step .bg_area {width: 50%;    height: auto; aspect-ratio: 1; background: #fff url(../image/bluetooth/bg_firststep.png) no-repeat center / cover; }
#first-step .title_area {width: 50%; display: flex; flex-direction: column; align-items: center; gap:4rem 0;}
#first-step .title_area .title_box {text-align: center;}
#first-step .title_area .title_box span {display: block; margin-bottom: 2rem;font-size: 1.5em;font-weight: 300;}
#first-step .title_area .title_box h2 {font-size: 2.25em; line-height: 1.25; font-weight: 500;}
#first-step .title_area .cont_box {white-space: pre-line;  font-size: 1.05em;  font-weight: 300;line-height: 1.5; text-align: center;}






#innovation {}
#innovation > * {display: flex; align-items: center;}
#innovation .title_area { display: flex; flex-direction: column; align-items: flex-start; color:#fff; gap:3rem 0;}
#innovation .title_area .title_box {}
#innovation .title_area .title_box span {display: block; margin-bottom: .5rem;font-size: 1.5em;font-weight: 400;}
#innovation .title_area .title_box h2 {font-size: 2.25em; line-height: 1.5; font-weight: 500;}
#innovation .title_area .cont_box {white-space: pre-line;  font-size: 1.05em;  font-weight: 300;line-height: 1.5; }
#innovation .bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#innovation .bg_video::before {content:''; width: 100%; height: 100%; background: #000; opacity:.2; position: absolute; left:0 ; top:0;	z-index:1;}
#innovation .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;}
#innovation > *:not(.bg_video) { position: relative; z-index: 2;}




#vision { background: #fff url(../image/bluetooth/bg_vision.png) no-repeat center / cover;  }
#vision > * {display: flex; align-items: flex-start; justify-content: center; padding-top: 25vh;}