#max_container.bassiq-wrap {}
#max_container.bassiq-wrap .sec-page {position: relative; width: 100%; height: 100vh; }
#max_container.bassiq-wrap .sec-page .inner {width: 100%; max-width:1200px; margin:0 auto; height: 100%;}
@media screen and (max-width: 1194px) {
	#max_container.bassiq-wrap .sec-page > *  {padding:0 5%;}
	
}




#max_container.bassiq-wrap #intro {}
#max_container.bassiq-wrap #intro	{background: #fff url(../image/bassiq/bg_intro.png) no-repeat center / cover;  }
#max_container.bassiq-wrap #intro > *  {display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
#max_container.bassiq-wrap #intro .title_area {}
#max_container.bassiq-wrap #intro .title_area p {color:var(--main-color);font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #intro .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #intro .cont_area {display: block;  line-height: 1.5; }
#max_container.bassiq-wrap #intro .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.bassiq-wrap #intro .cont_area span {white-space: pre-line; display: block; margin:2rem 0; opacity:.7;}
#max_container.bassiq-wrap #intro .cont_area em {display: block;font-size: .9em;}


@media screen and (max-width: 1194px) {
	
}
@media screen and (max-width: 926px) {

}



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




#max_container.bassiq-wrap #powerful {}
#max_container.bassiq-wrap #powerful {position: relative; }
#max_container.bassiq-wrap #powerful > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.bassiq-wrap #powerful > * > * {width: 40%; color:#222;}
#max_container.bassiq-wrap #powerful .title_area {line-height: 1.2;}
#max_container.bassiq-wrap #powerful .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #powerful .title_area h2 {font-size: 2.5em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #powerful .cont_area  { line-height: 1.5; }
#max_container.bassiq-wrap #powerful .cont_area p {white-space: pre-line; font-size: 1.25em; }
#max_container.bassiq-wrap #powerful .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.bassiq-wrap #powerful .cont_area em {display: block;font-size: .9em;}
#max_container.bassiq-wrap #powerful .cont_area img { margin-top: 2rem; width: 5rem;  height: auto;     aspect-ratio: 1120 / 673; }
#max_container.bassiq-wrap #powerful .bg_img {  background: #fff url(../image/bassiq/bg_powerful.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #powerful .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #powerful > *:not(.bg_img) { position: relative; z-index: 2;}





#max_container.bassiq-wrap #bassboost {}
#max_container.bassiq-wrap #bassboost {position: relative;   }
#max_container.bassiq-wrap #bassboost > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#222; }
#max_container.bassiq-wrap #bassboost .title_area {line-height: 1.2;}
#max_container.bassiq-wrap #bassboost .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #bassboost .title_area h2 {font-size: 2.5em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #bassboost .cont_area  { line-height: 1.5; }
#max_container.bassiq-wrap #bassboost .cont_area p {white-space: pre-line; font-size: 1.25em; }
#max_container.bassiq-wrap #bassboost .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.bassiq-wrap #bassboost .cont_area em {display: block;font-size: .9em;}
#max_container.bassiq-wrap #bassboost .cont_area img { margin-top: 2rem; width: 4.5rem;  height: auto;     aspect-ratio: 855 / 673; }
#max_container.bassiq-wrap #bassboost .bg_img {  background: #fff url(../image/bassiq/bg_bassboost.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #bassboost .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #bassboost > *:not(.bg_img) { position: relative; z-index: 2;}





#max_container.bassiq-wrap #TWS {}
#max_container.bassiq-wrap #TWS {position: relative; }
#max_container.bassiq-wrap #TWS > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.bassiq-wrap #TWS > * > * {width: 40%; color:#222;}
#max_container.bassiq-wrap #TWS .title_area {line-height: 1.2;}
#max_container.bassiq-wrap #TWS .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #TWS .title_area h2 {font-size: 2.5em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #TWS .cont_area  { line-height: 1.5; }
#max_container.bassiq-wrap #TWS .cont_area p {white-space: pre-line; font-size: 1.25em; }
#max_container.bassiq-wrap #TWS .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.bassiq-wrap #TWS .cont_area em {display: block;font-size: .9em;}
#max_container.bassiq-wrap #TWS .cont_area img { margin-top: 2rem; width: 10rem;  height: auto;     aspect-ratio: 2228 / 494; }
#max_container.bassiq-wrap #TWS .bg_img {  background: #fff url(../image/bassiq/bg_TWS.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #TWS .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #TWS > *:not(.bg_img) { position: relative; z-index: 2;}




#max_container.bassiq-wrap #radio {}
#max_container.bassiq-wrap #radio {position: relative;   }
#max_container.bassiq-wrap #radio > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#max_container.bassiq-wrap #radio .title_area {line-height: 1.2;}
#max_container.bassiq-wrap #radio .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #radio .title_area h2 {font-size: 2.5em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #radio .cont_area  { line-height: 1.5; }
#max_container.bassiq-wrap #radio .cont_area p {white-space: pre-line; font-size: 1.25em; }
#max_container.bassiq-wrap #radio .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.bassiq-wrap #radio .cont_area em {display: block;font-size: .9em;}
#max_container.bassiq-wrap #radio .cont_area img { margin-top: 2rem; width: 4rem;  height: auto;     aspect-ratio: 535 / 494; }
#max_container.bassiq-wrap #radio .bg_img {  background: #fff url(../image/bassiq/bg_radio.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #radio .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #radio > *:not(.bg_img) { position: relative; z-index: 2;}





#max_container.bassiq-wrap #bluetooth {}
#max_container.bassiq-wrap #bluetooth {position: relative; }
#max_container.bassiq-wrap #bluetooth > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.bassiq-wrap #bluetooth > * > * {width: 40%; color:#222;}
#max_container.bassiq-wrap #bluetooth .title_area {line-height: 1.2;}
#max_container.bassiq-wrap #bluetooth .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.bassiq-wrap #bluetooth .title_area h2 {font-size: 2.5em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.bassiq-wrap #bluetooth .cont_area  { line-height: 1.5; }
#max_container.bassiq-wrap #bluetooth .cont_area p {white-space: pre-line; font-size: 1.25em; }
#max_container.bassiq-wrap #bluetooth .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.bassiq-wrap #bluetooth .cont_area em {display: block;font-size: .9em;}
#max_container.bassiq-wrap #bluetooth .cont_area img { margin-top: 2rem; width: 2rem;  height: auto;     aspect-ratio: 332 / 713; }
#max_container.bassiq-wrap #bluetooth .bg_img {  background: #fff url(../image/bassiq/bg_bluetooth.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #bluetooth .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #bluetooth > *:not(.bg_img) { position: relative; z-index: 2;}






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

@media screen and (max-width: 926px) {
	#max_container.bassiq-wrap #design {height: auto !important; padding:10vh 0;}
	#max_container.bassiq-wrap #design .title_area {height: auto; margin-bottom: 5rem;}
	#max_container.bassiq-wrap #design .title_area h2 {font-size: 2em;}
	#max_container.bassiq-wrap #design > *  {height: auto !important;}
	#max_container.bassiq-wrap #design .produ {padding:0 !important;  height: auto !important;	}
	
	
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.bassiq-wrap #design .produ ul {flex-direction: column;}
	
}




#max_container.bassiq-wrap #use {background-color: #ebebeb; position: relative; display: flex; flex-direction: column; overflow:hidden; }
#max_container.bassiq-wrap #use > * { width: 100%;}
#max_container.bassiq-wrap #use .title_area {height: 45vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#max_container.bassiq-wrap #use .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.bassiq-wrap #use .title_area span  {text-align: center; white-space: pre-line; display: block; margin:2rem 0 0;  color:#666; line-height: 1.5; }
#max_container.bassiq-wrap #use .bg_img {  background: url(../image/bassiq/bg_use.png) no-repeat center bottom ;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.bassiq-wrap #use .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #use > *:not(.bg_img) { position: relative; z-index: 2;}




#max_container.bassiq-wrap #specs {width: 100%; height: auto !important;}
#max_container.bassiq-wrap #specs > * {padding:15vh 0;}
#max_container.bassiq-wrap #specs .title_area {text-align: center; margin-bottom: 3rem;}
#max_container.bassiq-wrap #specs .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.bassiq-wrap #specs .spec_area { border-top:2px solid var(--main-color); }
#max_container.bassiq-wrap #specs .spec_area > ul {}
#max_container.bassiq-wrap #specs .spec_area > ul > li {border-bottom:1px solid #ddd; padding:2rem 0; display: flex; align-items: center;}
#max_container.bassiq-wrap #specs .spec_area .tit {width: 30%;}
#max_container.bassiq-wrap #specs .spec_area .tit p {font-size: 1.25em; color:#777;}
#max_container.bassiq-wrap #specs .spec_area .cont {width: 70%;}
#max_container.bassiq-wrap #specs .spec_area .cont > ul {}
#max_container.bassiq-wrap #specs .spec_area .cont > ul > li {line-height: 1.5;}


@media screen and (max-width: 926px) {
	#max_container.bassiq-wrap #specs .title_area {margin-bottom: 2rem;}
	#max_container.bassiq-wrap #specs .title_area h2  {font-size: 2em;}
	
	
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.bassiq-wrap #specs > * {padding:5vh 5%;}
	#max_container.bassiq-wrap #specs .spec_area > ul > li {flex-direction: column; padding:1.5rem 0;}
	#max_container.bassiq-wrap #specs .spec_area .tit {width: 100%; margin-bottom: 1rem;}
	#max_container.bassiq-wrap #specs .spec_area .cont {width: 100%;}
}





#max_container.bassiq-wrap #concept {position: relative; display: flex; flex-direction: column; overflow:hidden; }
#max_container.bassiq-wrap #concept > * { width: 100%; height: 50vh !important; }
#max_container.bassiq-wrap #concept .title_area {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#max_container.bassiq-wrap #concept .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.bassiq-wrap #concept .title_area span  {text-align: center; white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7; line-height: 1.5; }
#max_container.bassiq-wrap #concept .gallery {width:100%;} 
#max_container.bassiq-wrap #concept .gallery .gall-lst {width:100%; height:auto;}
#max_container.bassiq-wrap #concept .gallery .gall-lst .slick-slide {width:25%; line-height:0; padding:0 1rem;}
#max_container.bassiq-wrap #concept .gallery .gall-lst .slick-slide img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.bassiq-wrap #concept .gallery .slick-dots {width:100%; height:auto; margin-top:2rem; text-align: center;}
#max_container.bassiq-wrap #concept .gallery .slick-dots li {display:inline-block; margin:0 8px;}
#max_container.bassiq-wrap #concept .gallery .slick-dots button {display:inline-block; vertical-align:middle; width:8px; height:8px; border-radius:100%; margin-top:-4px; background-color:rgba(0,0,0,.5); font-size:0;}
#max_container.bassiq-wrap #concept .gallery .slick-dots .slick-active button {width:0; height:0; border:12px transparent solid; border-top-width:0; border-bottom-color:var(--main-color); transform:rotateY(45deg); border-radius:0; background-color:transparent;}


@media screen and (max-width: 926px) {
	#max_container.bassiq-wrap #concept {height: auto !important; padding:15vh 0;	}
	#max_container.bassiq-wrap #concept > * {height: auto !important;}
	#max_container.bassiq-wrap #concept .title_area {margin-bottom: 2rem;}
	#max_container.bassiq-wrap #concept .title_area h2  {font-size: 2em;}
	#max_container.bassiq-wrap #concept .gallery .gall-lst .slick-slide {padding:0 .5rem;}
	
}



#max_container.bassiq-wrap #buy-produ {}
#max_container.bassiq-wrap #buy-produ {position: relative; width: 100%;  background: #fff;}
#max_container.bassiq-wrap #buy-produ > * {display: flex; align-items: center; justify-content: center; } 
#max_container.bassiq-wrap #buy-produ ul {display: flex;gap:4rem;}
#max_container.bassiq-wrap #buy-produ ul li {}
#max_container.bassiq-wrap #buy-produ ul li .img_box {width: 100%; height: auto;     aspect-ratio: 1;}
#max_container.bassiq-wrap #buy-produ ul li .img_box img{ display: block; width: 100%; height: 100%;   object-fit: cover;} 
#max_container.bassiq-wrap #buy-produ ul li .txt_box {margin-top: 2rem; gap:1rem; display: flex; flex-direction: column; align-items: center;}
#max_container.bassiq-wrap #buy-produ ul li .txt_box p {font-size: 1.25em;}
#max_container.bassiq-wrap #buy-produ ul li .txt_box a {}

#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more{display:inline-block;position:relative;color:#000;cursor:hand;text-align:center;border:0 solid #eee;border-radius:50px;background:rgba(0,0,0,0.1);overflow:hidden!important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:10;padding:20px 100px;}
#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more:hover{color:#fff!important;}
#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more::before{content:'';width:0;height:100%;display:block;background:var(--main-color);position:absolute;-ms-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);transform:skewX(-20deg);left:-10%;opacity:1;top:0;z-index:-12;-moz-transition:all .7s cubic-bezier(0.77,0,0.175,1);-o-transition:all .7s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all .7s cubic-bezier(0.77,0,0.175,1);transition:all .7s cubic-bezier(0.77,0,0.175,1);box-shadow:2px 0 14px rgba(0,0,0,.6);}
#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more::after{content:'';width:0;height:100%;display:block;background:#fff;position:absolute;-ms-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);transform:skewX(-20deg);left:-10%;opacity:0;top:0;z-index:-15;-webkit-transition:all .94s cubic-bezier(.2,.95,.57,.99);-moz-transition:all .4s cubic-bezier(.2,.95,.57,.99);-o-transition:all .4s cubic-bezier(.2,.95,.57,.99);transition:all .4s cubic-bezier(.2,.95,.57,.99);box-shadow:2px 0 14px rgba(0,0,0,.6);}
#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more:hover::before,.btn-more:hover::before{opacity:1;width:116%;}
#max_container.bassiq-wrap #buy-produ ul li .txt_box .btn-more:hover::after,.btn-more:hover::after{opacity:1;width:120%;}


@media screen and (max-width: 926px) {
	#max_container.bassiq-wrap #buy-produ {height: auto !important; padding:15vh 0;	}
	#max_container.bassiq-wrap #buy-produ > * {height: auto !important;}
	#max_container.bassiq-wrap #buy-produ ul {flex-direction: column;}
}
@media screen and (max-width: 568px) and (orientation:portrait) {
	
}