.sub-tit-wr .sub-bg-box { background-image: url(/theme/basic/img/sub/sub03/sub_tit_bg.jpg); overflow: hidden; } 
.sub-tit-wr .sub-bg-box .video-box { position: fixed; width: 100vw; height: 100vh; } 
.sub-tit-wr .sub-bg-box .video-box video { width: 100%; height: 100%; } 

@media all and (max-width:768px) { 
 .sub-tit-wr .sub-bg-box { background-image: url(/theme/basic/img/sub/sub03/sub_tit_bg_m.jpg);} 
} 

.br-m { display: none; } 

#techWr .sec01 .txt { position: relative; margin-bottom: 5rem; font-family: 'MinSans-Medium'; line-height: 1.5; } 
#techWr .sec01 .txt span { background: url(/theme/basic/img/sub/sub01/span_bg.jpg)repeat-x bottom; } 

#techWr .area-box-img { position: relative; height: 45rem; } 
#techWr .area-box-img .tit { position: absolute; width: 100%; height: 100%; text-align: center; line-height: 45rem; color: #fff; font-size: 4.4rem; } 
#techWr .area-box-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 

#techWr .info-wr { align-items: flex-start; margin-top: 5rem; } 
#techWr .info-wr .info-tit { width: 37rem; padding-left: 1rem; padding-top: 6rem; font-size: 2rem; font-family: 'MinSans-Black'; } 
#techWr .info-wr .info-cont { width: calc(100% - 37rem); } 
#techWr .info-wr .info-cont .item { padding: 4rem; } 
#techWr .info-wr .info-cont .item strong { padding: 3rem 0; font-size: 2rem; } 
#techWr .info-wr .info-cont .item p.txt { letter-spacing: 0; font-size: 1.6rem; font-family: 'MinSans-Regular'; } 
#techWr .info-wr .swiper-button-next, #techWr .info-wr .swiper-button-prev { color: var(--color-point); } 
#techWr .info-wr .swiper-pagination-bullet-active { background: var(--color-point); } 
#techWr .info-swi-wr .info-cont { display: flex; } 
#techWr .info-swi-wr .info-cont .item { width: calc(50% - .5rem); } 
#techWr .info-wr.info-swi-wr .info-cont .item { height: 28rem; padding: 0; } 
#techWr .info-wr.info-swi-wr .info-cont .item video { width: 100%; height: 100%; object-fit: cover; } 

@media all and (max-width:1280px) { 
 #techWr .info-wr .info-tit { width: 27rem; } 
 #techWr .info-wr .info-cont { width: calc(100% - 27rem); } 
 } 
@media all and (max-width:768px) { 
 #techWr .sec01 .tit-m br {display: none;}
 #techWr .sec01 .tit-m br.br-m { display: block; } 
 
 #techWr .area-box-img { height: 36rem; } 
 #techWr .area-box-img .tit { line-height: 36rem; font-size: 4rem; } 
 #techWr .info-wr .info-cont .item { padding: 2rem; } 
 #techWr .info-swi-wr .info-cont { flex-direction: column; } 
 #techWr .info-swi-wr .info-cont .item { width: 100%; margin-bottom:1rem; } 
 } 
@media all and (max-width:600px) { 
 #techWr .area-box-img {height: 20rem;}
 #techWr .area-box-img .tit {line-height: 20rem; font-size: 2.2rem;}
 #techWr .area-box-img02 {height: auto;}
 #techWr .area-box-img02 img {display: none;}
 #techWr .area-box-img02 .tit {position: relative; margin-bottom: 0; color: #000; font-size: 3.4rem;line-height:1;text-align: left;}
 #techWr .info-wr {flex-direction: column;}
 #techWr .info-wr .info-tit {width: 100%; padding: 0;}
 #techWr .info-wr .info-cont {width: 100%;}
 #techWr .info-wr .info-cont .item strong {padding: 2rem 0;}
 #techWr .info-wr.sec03 .info-tit, #techWr .info-wr.sec04 .info-tit {margin-bottom: 2rem;}
} 























/**/