@charset "utf-8";

.main_page section:nth-child(n+2){padding:88px 0 100px; }
/* .main_page section:nth-child(2){margin-bottom:-120px} */
/* .main_page section:nth-child(n+2) h2{font-size:40px; font-weight: 600; color:#2f318b;} */
.main_page section:nth-child(n+2) h3{font-size:48px; font-weight: bold; line-height: 1.5; text-align: center;}
.main_page section:nth-child(n+2) h3 + span{margin-top:12px; display: block; font-weight: 300; text-align: center;}
.main_page .main_wrap{margin:0 auto; width:1400px;}

.btn_wrap{display: flex; justify-content: center;}
.btn{ display: flex; align-items: center; }
.btn span{margin-right:28px; display: block; font-size:16px; transition: transform .3s;}
.btn i{padding:10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width:40px; height:40px; border:1px solid; border-radius: 50%; transition: transform, background-color, .3s;}
.btn:hover span{transform: translateX(-8px);}
.btn:hover i{transform: translateX(8px);}

.visual_wrap{position:relative; overflow: hidden;}
.visual_wrap .visual_info_wrap {position:absolute; top:50%; left:0; transform: translateY(-50%);  z-index: 2; width:100%; pointer-events: none;}
.visual_wrap .visual_info_wrap .visual_text_wrap{color:#ffffff;}
.visual_wrap .visual_info_wrap .visual_text_wrap span{display: block; font-size:24px; font-weight: 200;}
.visual_wrap .visual_info_wrap .visual_text_wrap h2{ font-size:56px; font-weight: 200; line-height: 1.25; color:#ffffff; opacity: 0;  } 
.visual_wrap .visual_img_wrap .slider_item figure{position: relative; overflow: hidden; height:840px; }
.visual_wrap .visual_img_wrap .slider_item figure img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.2); width: auto; transition:6s; }
.visual_wrap .visual_img_wrap .slider_item.swiper-slide-active figure img{transform:translate(-50%, -50%) scale(1); }
/* .visual_wrap .vs_pagination{position:absolute; top:50%; right:60px; transform:translateY(-50%); z-index: 2;} */
.visual_wrap .vs_pagination{margin-top:64px;}
.visual_wrap .vs_pagination .vs_bullets_wrap {display: flex;}
.visual_wrap .vs_pagination .vs_bullets_wrap span{margin:0 8px; display: block; width:10px; height:10px; border: 1px solid #ffffff; border-radius: 50%;  background: transparent; opacity: 1;}
.visual_wrap .vs_pagination .vs_bullets_wrap span.swiper-pagination-bullet-active{background:#ffffff;}


.visual_wrap .vs_control .vs_btn{position: absolute; top:50%; transform: translateY(-50%); z-index:2; display: block; width:80px; height:80px; background: rgba(0,0,0,.4);}
.visual_wrap .vs_control .vs_btn.vs_btn_prev{left:0;}
.visual_wrap .vs_control .vs_btn.vs_btn_next{right:0;}
.visual_wrap .vs_control .vs_btn::before{content:""; position: absolute; top:50%; left:50%;  display: block; width:20%; height:20%; border-top:1px solid #ffffff;}
.visual_wrap .vs_control .vs_btn.vs_btn_prev::before{transform: translate(-25%, -50%)rotate(-45deg); border-left:1px solid #ffffff;}
.visual_wrap .vs_control .vs_btn.vs_btn_next::before{transform: translate(-75%, -50%)rotate(135deg); border-left:1px solid #ffffff;}


.main_business .main_business_items{margin:56px -5px 0; display: flex; justify-content: center;  flex-wrap: wrap;}
.main_business .main_business_items .item{padding:0 5px; flex-grow: 1; transition: width, .5s;}
.main_business .main_business_items .item a{position: relative; overflow: hidden; height:100%;}
.main_business .main_business_items .item a .img_wrap figure{position: relative; width:100%; height:500px;}
.main_business .main_business_items .item a .img_wrap figure img{position: absolute; top:0; left:0; width:auto; height:100%;}
.main_business .main_business_items .item a .text_box{position: absolute; bottom:0; left:0; padding:20px 28px 20px; z-index: 2; height: 133px; transition: height,  .3s;}
.main_business .main_business_items .item a .text_box h4{font-size:24px; color:#ffffff; line-height: 1.4;}
.main_business .main_business_items .item a .text_box h4 span{display: block; font-size:18px; font-weight: normal; line-height: 1.5; color:#7EAFE8;}
.main_business .main_business_items .item a .text_box p{margin-top:10px; font-size:16px; font-weight: 200; line-height: 1.5; color:#ffffff; opacity: 0; visibility: hidden;transition: opacity, visibility, .3s;}
.main_business .main_business_items .item a .item_cover{position: absolute; bottom:0; left:0; width:100%; height:133px; background: rgba(0, 73, 152, 0.7); transition: height,  .3s;}
.main_business .main_business_items .item:hover {flex-grow:1.4;}
.main_business .main_business_items .item:hover .text_box{height:200px;}
.main_business .main_business_items .item:hover  .text_box p{opacity: 1; visibility: visible; }
.main_business .main_business_items .item:hover .item_cover{height:100%;}

.main_company{background: #004998 url("../images/main/compay_bg.jpg") no-repeat center / cover;}
.main_company .section_title_wrap{color:#ffffff;}
.main_company .main_company_items{margin:56px -14px 0; display: flex; align-items: center;  flex-wrap: wrap;}
.main_company .main_company_items .item{padding:0 14px; width:25%;}
.main_company .main_company_items .item a{position: relative; }
.main_company .main_company_items .item .text_box{position: absolute; bottom:0; left:0; width:100%; height:80px;  padding:24px 0; text-align: center; background: rgba(0,0,0,.5); color:#ffffff; line-height: 1.5; font-size:24px; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: center;  transition: height, .3s; overflow: hidden; }
.main_company .main_company_items .item .text_box span{margin-top:24px; display: none; justify-content: center; align-items: center; width:80px; height:80px; border:1px solid #ffffff; border-radius:50%; font-size:16px; opacity: 0; visibility: hidden; transition: height, opacity, visibility, .3s; }

.main_company .main_company_items .item a:hover .text_box{height:100%;}
.main_company .main_company_items .item a:hover .text_box span{ display: flex; opacity: 1; visibility: visible; }

.main_page section.main_capability {padding: 88px 0 0;}
.main_capability .main_capability_items{margin-top:56px; display: flex; align-items: center; flex-wrap: wrap; background: url("../images/main/capability_bg.jpg") no-repeat center / cover;}
.main_capability .main_capability_items .item{width:25%; height:600px; display: flex; justify-content: center; align-items: center;}
.main_capability .main_capability_items .item:not(:last-child){border-right: 1px solid rgba(255, 255, 255, 0.4);}
.main_capability .main_capability_items .item a {width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  transition: background-color, backdrop-filter .3s;}
.main_capability .main_capability_items .item a .img_wrap{width:80px; height:80px; display: flex; justify-content: center;}
.main_capability .main_capability_items .item a .text_box{margin-top:40px; text-align: center; color:#ffffff; line-height: 1.5;}
.main_capability .main_capability_items .item a .text_box h4{font-size:26px;}
.main_capability .main_capability_items .item a .text_box p{margin-top:12px;}
.main_capability .main_capability_items .item a .text_box span{margin-top:48px; padding-bottom:4px; display: inline-block; border-bottom:1px solid #ffffff;}
.main_capability .main_capability_items .item a:hover{background: rgba(0, 73, 152, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}

.main_video{background: url("../images/main/video_bg.jpg") no-repeat center / cover;}
.main_page section.main_video{padding:200px 0;}
.main_video .main_video_inner{margin:0 -32px; display: flex;  flex-wrap: wrap;}
.main_video .main_video_inner article{padding:0 32px;}
.main_video .main_video_inner .section_title_wrap{ width:40%; color:#ffffff; }
.main_video .main_video_inner .section_title_wrap h3{text-align: left; line-height: 1.25;}
.main_video .main_video_inner .section_title_wrap h3 + span{margin-top:28px; text-align: left;}
.more_btn{margin-top:48px; padding-bottom:4px; display:inline-block;  border-bottom:1px solid #ffffff; color:#ffffff;}
.main_video .main_video_inner .video_wrap{position: relative; width:60%;}
.main_video .main_video_inner .video_wrap::before{content:""; position:absolute; bottom:8px; left:-470px; display: block; width:526px; height:58px; background: url("../images/main/video_logo.svg") no-repeat center / 100%; }
.main_video .main_video_inner .video_wrap iframe{position: relative; z-index:2; width:100%; height:450px;}

.main_pr .main_pr_items{ margin-top:36px; display: flex; flex-wrap: wrap;}
.main_pr .main_pr_items .item{padding:0 62px; width:25%;}
.main_pr .main_pr_items .item a{padding: 20px 0; transition: box-shadow, .3s;}
.main_pr .main_pr_items .item .img_wrap{display: flex; justify-content: center; align-items: center;}
.main_pr .main_pr_items .item .img_wrap figure{ width:80px; height:80px;}
.main_pr .main_pr_items .item .text_box{margin-top:20px;}
.main_pr .main_pr_items .item .text_box h4{text-align: center;}
.main_pr .main_pr_items .item .text_box span{text-align: center; display:block;}
.main_pr .main_pr_items .item a:hover{ box-shadow:0 0 0 1px #004998 inset; }

.main_inquiry{background: url("../images/main/inquiry_bg.jpg") no-repeat center / cover;}
.main_inquiry .section_title_wrap h3{text-align: left!important; color:#ffffff;}
.main_inquiry .section_title_wrap span{text-align: left!important; color:#ffffff;}



@media(max-width:1600px) {
  .visual_wrap .visual_img_wrap .slider_item figure{position: relative; overflow: hidden; height:800px; }
  
}

@media(max-width:1440px) {   
  
  .main_page .main_wrap { margin: 0 auto;  width: 1200px;}
  
  .visual_wrap .visual_info_wrap .visual_text_wrap span {font-size: 20px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 48px;}
  .visual_wrap .visual_img_wrap .slider_item figure{position: relative; overflow: hidden; height:720px; }

  .main_page section:nth-child(n+2) h2 {font-size: 36px;}

  .main_business .main_business_items .item a .text_box {padding: 20px 20px 20px;}
  .main_business .main_business_items .item a .text_box h4 {font-size: 24px;}


} 




@media(max-width:1240px){

  .main_page .main_wrap{width: 100%; padding:0 5%;}

  .visual_wrap .visual_info_wrap {left: 5%;}
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 48px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 span {font-size: 18px;}  
  .visual_wrap .visual_img_wrap .slider_item figure{height: 620px;}  
  .visual_wrap .vs_pagination {right: 5%;}
  .visual_wrap .vs_control .vs_btn {width: 64px; height: 64px;}

 
  .main_page section:nth-child(n+2) h2 {font-size: 32px;}

  .main_business .main_business_items .item a .text_box { height: 33%;}
  .main_business .main_business_items .item a .item_cover {height: 33%;}
  .main_business .main_business_items .item:hover .text_box{height:100%; display: flex; flex-direction: column; justify-content: center;}
  .main_business .main_business_items .item a .text_box h4 {font-size: 20px;}
  .main_business .main_business_items .item a .text_box h4 span {font-size: 16px;}
   
  .main_company .main_company_items .item .text_box {padding: 20px 0; font-size: 20px;}
  .main_company .main_company_items .item .text_box span {width: 64px; height: 64px;}

  .main_capability .main_capability_items .item a .text_box h4 {font-size: 24px;}
}




@media(max-width:1024px) {
  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 40px;} 
  .visual_wrap .vs_control .vs_btn {width: 48px; height: 48px;}

  .main_page section:nth-child(n+2) {padding: 88px 0 88px;}
  .main_page section:nth-child(n+2) h2 {font-size: 28px;}
  .main_page section:nth-child(n+2) h3 {font-size: 32px;}

  .main_business .main_business_items .item {padding: 5px; width: 50%;}
  .main_business .main_business_items .item a .img_wrap figure {height: auto;}
  .main_business .main_business_items .item a .img_wrap figure img { position: relative; width: 100%; height: auto;}

  .main_company .main_company_items {margin: 56px -12px 0;}
  .main_company .main_company_items .item {padding: 12px; width: 50%;}
  .main_company .main_company_items .item a .img_wrap figure{position: relative; height:360px; overflow: hidden;}

  .main_page section.main_capability {padding: 88px 0 0;}
  .main_capability .main_capability_items .item {width:50%; height: auto;}
  .main_capability .main_capability_items .item a {padding: 40px 20px;}
  .main_capability .main_capability_items .item a .text_box { margin-top: 24px;}
  .main_capability .main_capability_items .item:nth-child(-n+2){border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
  .main_capability .main_capability_items .item a .text_box h4 {font-size: 20px;}
  .main_capability .main_capability_items .item a .img_wrap {width: 64px; height: 64px;}
 
  .main_page section.main_video { padding: 160px 0;}

  .main_pr .main_pr_items .item {padding: 0 20px;}

  
  
}

@media(max-width:768px) {   
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 36px;} 
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 span {font-size: 16px;}
  .visual_wrap .visual_img_wrap .slider_item figure{height: 560px;}  
  /* .visual_wrap .vs_pagination { top: inherit; right: inherit; left: 50%; bottom: 20px; transform: translateY(0) translateX(-50%); }
  .visual_wrap .vs_pagination .vs_bullets_wrap{display: flex;}
  .visual_wrap .vs_pagination .vs_bullets_wrap span {margin: 0 5px; width: 10px; height: 10px;} */
  .visual_wrap .visual_info_wrap {left: 50%; transform: translate(-50%, -50%); }
  .visual_wrap .visual_info_wrap .visual_text_wrap {text-align: center;}
  .visual_wrap .vs_pagination {margin-top: 40px;}
  .visual_wrap .vs_pagination .vs_bullets_wrap {display: flex; justify-content: center;}

  .main_business .main_business_items .item a .text_box {height: 44%;}
  .main_business .main_business_items .item a .item_cover {height: 44%;}
  .main_business .main_business_items .item a .text_box p {font-size: 15px;}
  

  /* .main_page section:nth-child(n+2) {padding: 96px 0;}  */
  .main_business .main_business_items {margin: 28px -5px 0;}
  
  .main_company .main_company_items {margin: 28px -12px 0;}
  .main_company .main_company_items .item a .img_wrap figure {height: 320px;}

  .main_capability .main_capability_items {margin-top: 28px;}
  .main_capability .main_capability_items .item a .text_box p br{display: none;}

  .main_page section.main_video { padding: 120px 0;}
  .main_video .main_video_inner .section_title_wrap {width: 100%;}
  .main_video .main_video_inner .video_wrap {width: 100%; margin-top: 28px;}
  .main_video .main_video_inner .section_title_wrap{text-align: center;}
  .main_video .main_video_inner .section_title_wrap h3{text-align: center;}
  .main_video .main_video_inner .section_title_wrap h3 br{display: none;}
  .main_video .main_video_inner .section_title_wrap h3 + span {margin-top: 8px; text-align: center;}
  .main_video .main_video_inner .section_title_wrap h3 + span br{display: none;}
  .main_video .main_video_inner .video_wrap iframe {height: 320px;}
  .more_btn {margin-top: 16px;}

  .main_pr .main_pr_items {margin-top: 28px;}
  .main_pr .main_pr_items .item {width:50%; padding: 0 8px;}
  .main_pr .main_pr_items .item .img_wrap figure {width: 64px; height: 64px;}  
  
  

}


@media(max-width:540px) {
  /* .visual_wrap .visual_info_wrap {bottom:48px} */
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 28px;} 
  .visual_wrap .visual_img_wrap .slider_item figure{height: 520px;}
  .visual_wrap .vs_pagination {margin-top: 28px;}
  .visual_wrap .vs_control .vs_btn { top: 64%; width: 40px; height: 40px;}
  

  /* .main_page section:nth-child(n+2) {padding: 60px 0;} */


  .main_business .main_business_items .item {width: 100%;}
  .main_business .main_business_items .item a .img_wrap figure {height: 320px;}

  /* .main_company .main_company_items .item {width: 100%;} */
  .main_company .main_company_items .item a .img_wrap figure {height: 240px;}
  .main_capability .main_capability_items .item {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.4);} 
  .main_capability .main_capability_items .item a .text_box {margin-top: 16px;}
  .main_capability .main_capability_items .item a .text_box span {margin-top: 20px;}
  .main_capability .main_capability_items .item:not(:last-child) {border-right: none;}
  
}

@media(max-width:480px) {  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 24px;} 
  .main_company .main_company_items .item a .img_wrap figure {height: 200px;}
  .main_company .main_company_items .item .text_box {font-size: 18px;}
}

@media(max-width:360px) {
  .main_page section:nth-child(n+2) h2 {font-size: 24px;}
  
}