.sub-visual .visual-section {background: url("../images/benner-sub02-global.jpg") 50% 50%/cover no-repeat;}
#section-02 .business-list{ margin-top:0rem; max-width:1280px;    grid-template-columns: repeat(1, 1fr); position:relative;}
#section-02 .position-intro{ background-color:#66F; height:660px;}
#section-02 .corporation-item {position:absolute; z-index:2; width:100%; height:660px; padding:0rem; border-radius:0rem; border:0px;color: #000; background-color:transparent;    }
	  
.corporation-map { position:relative;  text-align:center; z-index:1;}
.corporation-map img{ width:100%   }

.corporation-item .spot-point {width:3.4rem; height:3.4rem;  background-color: rgba(10, 28, 62, 0.9); text-align:center}
.corporation-item .spot-point:after {width: 0.8rem; height: 0.8rem;}
.corporation-item .spot-point p{margin-top:3.6rem; padding:0.1rem 0; width:9rem; margin-left:-2.8rem; font-size:1.8rem; font-weight:700;  text-align:center; border-radius:20px; color: #fff; background-color:#0a1c3d }
.corporation-item .spot-point p.Czech{width:15rem;margin-left:-6.8rem;}
.corporation-item .point-1 {left:45%; top:17%;}
.corporation-item .point-1::before {  -webkit-animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-2 {left:50%; top:7%;}
.corporation-item .point-2::before {  -webkit-animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-3 {left:53%; top:22%;}
.corporation-item .point-3::before {  -webkit-animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-4 {right:20%; top:29%;}
.corporation-item .point-4::before {  -webkit-animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-5 {right:22%; top:41%;}
.corporation-item .point-5::before {  -webkit-animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}
 
@media screen and (max-width: 1280px) {
#section-02 .business-list{width:100%;   }
.corporation-item .point-1 {left:45%; top:14%;}
.corporation-item .point-1::before {  -webkit-animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-2 {left:50%; top:5%;}
.corporation-item .point-2::before {  -webkit-animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-3 {left:51%; top:18%;}
.corporation-item .point-3::before {  -webkit-animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-4 {right:25%; top:20%;}
.corporation-item .point-4::before {  -webkit-animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-5 {right:27%; top:31%;}
.corporation-item .point-5::before {  -webkit-animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
} 

@media screen and (max-width: 1024px) {
#section-02 .business-list{   width:100%;  }
.corporation-item .spot-point {width:2.2rem;height:2.2rem; text-align:center}
.corporation-item .spot-point:after {width: 0.6rem; height: 0.6rem;}
.corporation-item .spot-point p{margin-top:2.5rem; padding:0rem 0; width:7.5rem; margin-left:-1.2rem; font-size:1.3rem; font-weight:700;  text-align:center; border-radius:20px; color: #fff; background-color:#0a1c3d }
.corporation-item .spot-point p.Czech{width:11rem; }
.corporation-item .point-1 {left:46%; top:16%;}
.corporation-item .point-1::before {  -webkit-animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-2 {left:50%; top:10%;}
.corporation-item .point-2::before {  -webkit-animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-3 {left:51%; top:18%;}
.corporation-item .point-3::before {  -webkit-animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-4 {right:20%; top:28%;}
.corporation-item .point-4::before {  -webkit-animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-5 {right:22%; top:35%;}
.corporation-item .point-5::before {  -webkit-animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
}


@media screen and (max-width: 768px)  {
#section-02 .business-list{  width:100%; }
.corporation-item {width:100%;  height:20rem;    }
.corporation-item .spot-point {width:0rem;height:0rem; text-align:center;  }
.corporation-item .spot-point:after {width:0rem; height: 0.6rem;}
.corporation-item .spot-point p{margin-top:2.4rem; padding:0rem 0; width:6.5rem; margin-left:-1.2rem; font-size:1.3rem; font-weight:700;  text-align:center; border-radius:20px; color: #fff; background-color:#0a1c3d }
.corporation-item .spot-point p.Czech{width:11rem; }
.corporation-item .point-1 {left:43%; top:3%;}
.corporation-item .point-1::before {  -webkit-animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-2 {left:50%; top:0%;}
.corporation-item .point-2::before {  -webkit-animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: ripple 4s 2s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;}
.corporation-item .point-3 {left:51%; top:6%;}
.corporation-item .point-3::before {  -webkit-animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-4 {right:22%; top:7%;}
.corporation-item .point-4::before {  -webkit-animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
.corporation-item .point-5 {right:24%; top:12%;}
.corporation-item .point-5::before {  -webkit-animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;  animation: ripple 4s 5s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;} 
}

#section-03 .business-list {grid-template-columns: repeat(1, 1fr);   }
#section-03 .position-intro {width:100%;  position:relative; padding:0rem; display:flex;gap:80px; border-radius: 1.2rem; background-color:#FFF   }
#section-03 .position-intro .img-box { width:30%; flex-shrink:0; }
#section-03 .position-intro .img-box img {width: 100%;height: 100%;-o-object-fit: contain; object-fit: contain;  border-top-left-radius: 1.2rem;border-bottom-left-radius: 1.2rem;}
#section-03 .position-intro .txt-box .tit {display:block;font-size: 2.8rem;font-weight: 700;line-height: 1.4;letter-spacing: -0.056rem;color: #24252b;margin-bottom: 2rem; vertical-align:middle  }
#section-03 .position-intro .txt-box .desc {font-size: 2.4rem;font-weight: 500;line-height: 1.2;letter-spacing: -0.048rem;color: #5b5c61;word-break: keep-all;  vertical-align:middle }
#section-03 .business-list div:nth-child(1) .txt-box {width:60%; flex-shrink:0; margin-top: 3.6rem; }
#section-03 .business-list div:nth-child(2) .txt-box {width:60%; flex-shrink:0; margin-top: 4.2rem; }
#section-03 .business-list div:nth-child(3) .txt-box {width:60%; flex-shrink:0; margin-top: 5.0rem; }

@media screen and (max-width: 1280px) {
#section-03 .business-list {  padding-inline:3.6rem;  }		
#section-03 .position-intro {gap:50px;}
#section-03 .business-list div:nth-child(1) .txt-box { margin-top: 4.2rem; }
#section-03 .business-list div:nth-child(2) .txt-box {width:60%; margin-top: 4.2rem; }
#section-03 .business-list div:nth-child(3) .txt-box {width:60%; margin-top: 5.2rem;  }	
#section-03 .position-intro .txt-box .tit {font-size: 2.6rem; }
#section-03 .position-intro .txt-box .desc {font-size: 1.9rem;}
} 

@media screen and (max-width: 1024px) {
#section-03 .position-intro {gap:30px; }
#section-03 .position-intro .img-box { width:30%; flex-shrink:0; }
#section-03 .business-list div:nth-child(1) .txt-box {width:60%;margin-top: 3.0rem; }
#section-03 .business-list div:nth-child(2) .txt-box {width:60%;margin-top: 3.0rem; }
#section-03 .business-list div:nth-child(3) .txt-box {width:60%; margin-top: 3.0rem;  }	
#section-03 .position-intro .txt-box .tit {font-size: 2.4rem; }
#section-03 .position-intro .txt-box .desc {font-size: 1.7rem; } 
}


@media screen and (max-width: 768px) {
#section-03 .business-list {  padding-inline:2.2rem;  } 
#section-03 .position-intro { width:100%; -ms-flex-negative: 0;	flex-shrink: 0; padding:0rem 0rem;display:block; gap:0px;}
#section-03 .position-intro .img-box {width:100%; }
#section-03 .position-intro .img-box img {border-top-left-radius: 1.2rem;border-bottom-left-radius: 0rem;border-top-right-radius: 1.2rem;border-bottom-right-radius: 0rem;}
#section-03 .business-list div:nth-child(1) .txt-box {width:100%; flex-shrink:0; margin-top:3.2rem; padding:0rem  2rem 3rem 2rem; }
#section-03 .business-list div:nth-child(2) .txt-box {width:100%; flex-shrink:0; margin-top:3.2rem; padding:0rem  2rem 3rem 2rem; }
#section-03 .business-list div:nth-child(3) .txt-box {width:100%; flex-shrink:0; margin-top:3.2rem; padding:0rem  2rem 3rem 2rem; }
#section-03 .position-intro .txt-box .tit {font-size: 2.2rem;line-height: 1.3;letter-spacing: -0.044rem;margin-bottom: 2rem;}
#section-03 .position-intro .txt-box .desc {font-size: 1.8rem;letter-spacing: -0.036rem;word-break: break-all;}

}


.value-swiper .swiper-wrapper {display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 2.2rem;}
.value-swiper .swiper-wrapper .swiper-slide {min-height: 34.5rem;}
.value-swiper .swiper-wrapper .img-box img{ border-radius:50px;border: 0.2rem solid #f0f0f0; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04);}
@media screen and (max-width: 1024px) {
.value-swiper .swiper-wrapper {display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 2.2rem;} 
}
@media screen and (max-width: 768px) {
.value-swiper .swiper-wrapper {display: grid;  grid-template-columns: repeat(4, 1fr);  gap:0rem;} 
}