/* Relax maysin */
.scroll-wrapper .sales_service_wrap:after { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5);}
/* .sales_service .scroll-wrapper .video_wrap img { width:100vw !important;} */
.sales_service .business_txt_div .txt_2 { color:#fff;}

.sales_service .service_li1 { position:relative; background-image: url(../img/sales_service/sales_service_img2.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.sales_service .service_li1:after { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.2);}
.sales_service .bg_inner_2 { z-index: 100;}
.sales_service .service_li1 .name { display: flex; }
.sales_service .service_li1 .name p { font-size:70px; font-weight: bold; color:#f2f2f2; }
.sales_service .service_li1 .detail_name { padding:15px 0 0 31px;}
.sales_service .service_li1 .detail_name p { font-size:26px; font-weight: 600; }
.sales_service .service_li1 .detail_name span { font-size:16px; color:#f2f2f2}
.sales_service .service_li1 .service_txt { font-size:26px; color:#f2f2f2 !important; line-height:42px; padding:52px 0 0;}
.sales_service .service_li1 .txt_obj { padding:0 0 0 70px}

.sales_service .service_li2 { position:relative; background-image: url(../img/sales_service/sales_service_img4.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.sales_service .service_li2:after { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.2);}
.sales_service .service_li2 .name .name_p { font-size:60px; font-weight: bold; line-height: 130%; color:#fff;}
.sales_service .service_li2 .box_1 { display: flex; flex-direction: column; justify-content: space-between;}
.sales_service .service_li2 .box_2 ul{ display: flex; flex-direction: column;}
.sales_service .service_li2 .box_2 ul li { color:#fff; font-size:24px; line-height: 42px;}
.sales_service .service_li2 .box_2_1 { margin:0 0 60px;}

.sales_service .service_li3 .name { padding:0 0 50px;}
.sales_service .service_li3 .name_p { color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li3 .boxes { height:100%; flex-direction: column; justify-content: center;}
.sales_service .service_li3 .txt_obj { display: flex; }
.sales_service .service_li3 .txt_obj .obj_div1 { display: flex; justify-content: center; align-items: center; width: 423px; height: 248px;}
.sales_service .service_li3 .txt_obj .obj_div2 {position:relative; width:423px; height:248px;}
.sales_service .service_li3 .txt_obj .obj_div2 img {width:423px; height:248px; }
.sales_service .service_li3 .txt_obj > div p { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-weight: bold; font-size:36px; width:100%; text-align: center;  z-index: 100;}
.sales_service .service_li3 .txt_obj .obj_div2.zindex { z-index: 100;}
.sales_service .service_li3 .txt_obj .obj_div2.trans { transform: translateX(-150px);}
.sales_service .service_li3 .txt_obj .obj_div2.trans2 { transform: translateX(-100px);}
.sales_service .service_li3 .txt_obj .obj_right { margin:0 0 0 269px;}
.sales_service .service_li3 .txt_obj .obj_right img { transform: translate(20%, -16%);}

.sales_service .service_li4 .name_p { color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li4 .boxes { height:100%; flex-direction: column; justify-content: center;}
.sales_service .service_li4 .name { padding:0 0 50px; }
.sales_service .service_li4 .txt_obj ul { display: flex; margin:0 0 36px;}
.sales_service .service_li4 .txt_obj ul li { position: relative; width:434px; height:254px;}
.sales_service .service_li4 .txt_obj ul li~li { margin:0 0 0 36px;}
.sales_service .service_li4 .txt_obj ul li p { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; font-weight: bold; font-size:36px; width:100%; text-align: center;  z-index: 100;}
.sales_service .service_li4 .txt_obj ul li.after_none:after { display: none;}
.sales_service .service_li4 .txt_obj ul li:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); border-radius: 20px;}


.sales_service .service_li5 .name_p { color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li5 .boxes { display: flex; flex-direction: column;}
.sales_service .service_li5 .name { padding:0 0 105px;}
.sales_service .service_li5 .name_span { display: block; font-size:26px; color:#000; margin:20px 0 0;}
.sales_service .service_li5 .img_obj { display: flex; align-items: center;}
.sales_service .service_li5 .obj_ul { height:100%; display: flex; flex-direction: column; margin:0 0 0 107px}
.sales_service .service_li5 .obj_ul li{ display: flex; align-items:center; flex:1}
.sales_service .service_li5 .obj_ul li~li { margin:72px 0 0; }
.sales_service .service_li5 .obj_ul li span { display: inline-block; width:33px; height:33px; background-color:#1428A0; color:#fff; border-radius: 100%; font-size:26px; display: flex; justify-content: center; align-items: center; margin:0 11px 0 0;}

.sales_service .service_li6 .name { padding:0 0 108px;}
.sales_service .service_li6 .name_p { color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li6 .boxes{ flex-direction: column;}
.sales_service .service_li6 .img_obj ul { display: flex;}
.sales_service .service_li6 .img_obj ul li~li { margin:0 0 0 32px;}
.sales_service .service_li6 .img_obj ul li p { margin:23px 0 0; font-size:30px; line-height: 42px;}

.sales_service .service_li7 .name { padding:0 0 108px;}
.sales_service .service_li7 .boxes{ flex-direction: column;}
.sales_service .service_li7 .img_obj ul { display: flex;}
.sales_service .service_li7 .name_p { color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li7 .img_obj ul li~li { margin:0 0 0 32px;}
.sales_service .service_li7 .img_obj ul li p { margin:23px 0 0; font-size:30px; line-height: 42px;}

.sales_service .service_li8 .name_p {color:#000; font-size:60px; font-weight: bold;}
.sales_service .service_li8 .boxes { flex-direction: column;}
.sales_service .service_li8 .name { padding:0 0 47px;}

/* beam_bunny */
/* .beam_bunny .scroll-wrapper .video_wrap img { width:100vw !important;} */
.beam_bunny .rental_visual .boxes { display: flex;}
.beam_bunny .rental_visual .visual_txt { display: flex;}
.beam_bunny .rental_visual .txt_obj { display: flex; flex-direction: column; justify-content: center;}
.beam_bunny .rental_visual .right_txt { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0 0 0 16px;}
.beam_bunny .rental_visual .txt_1 { font-weight: bold; font-size:70px;}
.beam_bunny .rental_visual .txt_2 { color:#F2F2F2; font-size:26px !important; font-size:16px;}
.beam_bunny .rental_visual .txt_3 { font-size:16px !important; color:#F2F2F2; margin:5px 0 0;}
.beam_bunny .rental_visual .txt_4 { font-size:24px; color:#fff; line-height: 42px; padding:42px 0 0; text-align: left;}
.beam_bunny .rental_visual .visual_logo { display: flex; flex-direction: column; justify-content: flex-end;}

.beam_bunny .service_li1 ul { display: flex;}
.beam_bunny .service_li1 .boxes_flex_li { display: flex;}
.beam_bunny .service_li1 .boxes_flex_li div { margin: 0 0 0 10px}
.beam_bunny .service_li1 ul li~li { margin:0 0 0 80px;}
.beam_bunny .service_li1 ul li p { font-size:30px; font-weight: bold; line-height: 130%; padding:30px 0 21px;}
.beam_bunny .service_li1 ul li span { font-size:21px; line-height:30px; color:#333;}

.beam_bunny .img3 { width:367px; height:430px;}
.beam_bunny .img4 { width:370px; height:314px;}
.beam_bunny .img5 { width:367px; height:515px;}
.beam_bunny .img6 { width:367px; height:346px;}
.beam_bunny .img7 { width:386px; height:450px;}
.beam_bunny .img8 { width:556px; height:300px;}

.beam_bunny .service_li2 ul { display: flex;}
.beam_bunny .service_li2 ul li~li { margin:0 0 0 80px;}
.beam_bunny .service_li2 ul li p { font-size:30px; font-weight: bold; line-height: 130%; padding:30px 0 21px;}
.beam_bunny .service_li2 ul li span { font-size:21px; line-height:30px; color:#333;}

.beam_bunny .service_li3 .name_p{ font-size:60px; font-weight: bold; line-height: 130%; }
.beam_bunny .service_li3 .name_p .spn1 { color:#FF0000}
.beam_bunny .service_li3 .name_p .spn2 { color:#FF5C00}
.beam_bunny .service_li3 .name_p .spn3 { color:#FFD600}
.beam_bunny .service_li3 .name_p .spn4 { color:#278817}
.beam_bunny .service_li3 .txt_p1 { color:#D725C4}
.beam_bunny .service_li3 .txt_p2 { color:#CB8A0E}
.beam_bunny .service_li3 .txt_p3 { color:#FF2851}

.beam_bunny .service_li4 .txt_p1 { color:#EA5383}
.beam_bunny .service_li4 .txt_p2 { color:#FFA4A1}
.beam_bunny .service_li4 .txt_p3 { color:#483866}

.beam_bunny .service_li5 .txt_p1 { color:#18AA76}
.beam_bunny .service_li5 { width:70vw;}

.beam_bunny .beam_li .name { width:100%; }
.beam_bunny .beam_li .txt_obj { width:100%;}
.beam_bunny .beam_li .margin_li { transform: translateY(90px) !important;}
.beam_bunny .beam_li .txt_obj ul { display: flex; justify-content: space-around;}
.beam_bunny .beam_li .txt_obj ul li { display: flex; flex:1;}
.beam_bunny .beam_li .boxes { flex-direction: column;}
.beam_bunny .beam_li .txt_obj_div { margin:0 0 0 24px;}
.beam_bunny .beam_li .name_p{ font-size:60px; font-weight: bold; line-height: 130%; padding:0 0 100px;}
.beam_bunny .beam_li .txt_obj_div span {display: block; font-size:20px; color:#000; line-height:30px;  margin:20px 0 40px;}
.beam_bunny .beam_li .txt_obj_div p { font-size:30px; font-weight:bold; line-height: 130%;}


.beem_main_box{width: 40%;}
.beem_main_img{width: 100%;}

.beam_movie1{width: 50%;}

.relax_maysin .service_li1 .bg_inner_2{min-width:1520px;}
.relax_maysin .service_li7{min-width: 1800px;}
@media screen and (max-width: 1600px) {
    .bg_inner_2{ width:100% !important}
    .beam_bunny .scroll-wrapper > ul > li.white_li { min-width:1620px;}

}
@media screen and (max-width: 1300px) {
    .visual .txt_1 { font-size:48px !important}
    .beam_bunny .rental_visual .txt_4 { padding:0; line-height: 24px; font-size:18px;}
    
}
@media screen and (max-width: 1000px) {
    .beam_bunny .service_li1 .bg_inner_2{max-width: ;}
    .beam_bunny .rental_visual .boxes { flex-direction: column;align-items: center;gap: 20px;}
    .beam_bunny .service_li1 ul li p{white-space: nowrap;}
}
@media screen and (max-width: 768px) {
    .sales_service .service_li3 .txt_obj { display: flex; flex-direction: column;}
    .sales_service .service_li3 .txt_obj .obj_right { margin:0;}
    .service_boxes_flex { display: flex; flex-direction: column; align-items: center;}
    .sales_service .service_li5 .img_obj { flex-direction: column;}
}