/*visual*/
.wrap_1230{position: relative;}
.first{width:100%;height:640px;position:relative;background: url(../img/index/section01_m.jpg?ver=230405) 50% 0 no-repeat;background-size: cover;}
.second{width:100%;height:auto;padding:100px 0;background:#061E47;}
.third{width:100%;height:auto;padding:100px 0;background: url(../img/index/section03.jpg) 50% 50% no-repeat;background-size: cover;}
.fourth{width:100%;height:auto;background:#fff;padding:100px 0;}
.animated{opacity: 0;}
h2{color:#fff;text-align: left;font-size:58px;font-weight: 700;line-height: 1.1;letter-spacing: -4px;margin-left: -4px;}
h2.text_center { text-align:center;}
p{color:#fff;text-align: left;font-size:24px;font-weight: 400;line-height: 1.4;letter-spacing:-2px;}
.first h2{padding-top: 450px;}
.first p{margin-top: 20px;}
.second h2 { margin-top:40px;}
.btn_more{width:196px;height: 48px;background: url(../img/index/btn_more.png) 0 0 no-repeat;margin-top: 50px;display: block;position: relative;}
.scroll{position: absolute;bottom:140px;left:50%;transform:translate(-50%,0);z-index: 10;}
.scroll em { font-size:22px; color:#fff; font-weight:300;}
.ico_scroll {padding-top: 87px;position: relative;cursor: default;}
.ico_scroll span {position: absolute;top: 0;left: 50%;width: 35px;height: 60px;margin-left: -17.5px;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;}
.ico_scroll span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff; border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
.bg {
  z-index: 1;
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%;
}
.bg iframe {
  margin-top: -80px !important;
}
.wrapLayer {
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index: 5;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.card_wrapper {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:20px;
  }
  .card_wrapper .card {
    font-weight:600;
    color:#fff;
    font-size:22px;
    margin-bottom:20px;
    width:calc( 50% - 10px );
    letter-spacing: -1px;
  }
  .card_wrapper .card .img {
    position:relative;
    margin-bottom:30px;
    height:435px;
    overflow:hidden;
  }
  .card_wrapper .card .img img {
      width:100%;
      height:100%;
      object-fit: cover;
      object-position: 50% 20%;
  }
  .card_wrapper .card .img .view_more {
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(0,146,229,0.7);
    color:#fff;
    padding-top:190px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    box-sizing: border-box;
    opacity:0;
  }
  .card_wrapper .card .img .view_more.on {
      opacity:1;
  }
  .card_wrapper .card .img .view_more img {
    display:block;
    width:46px;
    height:46px;
    margin:0 auto 14px;
    object-fit: contain;
  }
  
  .his_wrapper {
    display:flex;
    background:rgba(0,0,0,0.7);
    flex-wrap:wrap;
    width:90%;
    margin:0 auto;
    gap:70px;
    padding:70px 0;
    justify-content: center;
  }
  .his_wrapper>em {
    display:block;
    width:440px;
    height:1px;
    background:#fff;
  }
  .his_wrapper .box {
    width:100%;
    text-align:center;
    color:#fff;
  }
  .his_wrapper .box p {
    text-align:center;
    font-size:20px;
    margin:26px 0 10px;
  }
  .his_wrapper .box h3 {
    font-size:30px;
    margin-bottom:30px;
  }
  .his_wrapper .box .btn {
    width:200px;
    height:60px;
    line-height:60px;
    border:1px solid #fff;
    border-radius:10px;
    font-size:18px;
    color:#fff;
    display:inline-block;
  }
  .his_wrapper .box .btn em {
    display:inline-block;
    width:15px;
    height:8px;
    background:url(../img/index/ico_arrow.png) no-repeat 50%;
    margin:0 0 2px 5px;
  }
  .his_wrapper .box .btn:hover {
    background:#fff;
    color:#0092E5;
  }
  .his_wrapper .box .btn:hover em {
    background:url(../img/index/ico_arrow_b.png) no-repeat 50%;
  }
  
  .fourth h2 {
    color:#000;
    font-size:58px;
    text-align:center;
  }
  .gallery .box{
    padding:40px;
    height:420px;
    box-sizing:border-box;
    position:relative;
  }
  .gallery .box:nth-child(2){
    background:url(../img/index/gallery_img01.jpg) no-repeat 50%;
    background-size:cover;
    margin-bottom:30px;
  }
  .gallery .box:nth-child(3) {
    background:url(../img/index/gallery_img02.jpg) no-repeat 50%;
    background-size:cover;
    margin-bottom:30px;
  }
  .gallery .box:nth-child(4) {
    background:url(../img/index/gallery_img03.jpg) no-repeat 50%;
    background-size:cover;
  }
  .gallery .box h3 {
    font-size:36px;
    margin-bottom:10px;
    color:#fff;
  }
  .gallery .box p {
    font-size:20px;
    font-weight:300;
  }
  .gallery .box .btn {
    width:68px;
    height:68px;
    border-radius:50px;
    background:#fff;
    position:absolute;
    right:40px;
    bottom:40px;
    display:block;
  }
  .gallery .box .btn img {
    margin: 25px 0 0 19px;
  }

  .fifth {
    position:relative;
    background:#F5F5F5;
  }
  .fifth h2 {
    color:#000;
  }
  .fifth .wrap_1420 {
    position:static;
  }
  .arch_wrapper {
    padding-bottom:687px;
  }
  .arch_wrapper .left {
    padding-top:100px;
  }
  .arch_wrapper .left h2 {
    line-height:1.2;
  }
  .arch_wrapper .left ul {
    position:absolute;
    width:100%;
    z-index:2;
  }
  .arch_wrapper .left ul li{
    color:#000;
    align-items: center;
    border-radius:20px;
    padding:35px 40px;
    position:relative;
    margin-bottom:20px;
    transition:all 0.3s ease;
    font-size:30px;
    font-weight:700;
    color:#000;
  }
  .arch_wrapper .left ul li .btn {
    width:68px;
    height:68px;
    background:#fff;
    border-radius:35px;
    position:absolute;
    right:30px;
    top:25px;
    box-sizing:border-box;
    padding-left:18px;
    display:none;
  }
  .arch_wrapper .left ul li.on {
    color:#fff;
    box-shadow:8px 8px 15px rgba(0,0,0,0.2);
  }
  .arch_wrapper .left ul li.on p{
    color:#fff;
  }
  .arch_wrapper .left ul li.on .btn {
      display:block;
  }
  .arch_wrapper .left ul li:first-child .img_box {
    width:63.8px;
    height:35px;
    background:url(../img/index/ico_archieve01.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li:first-child.on .img_box {
    background:url(../img/index/ico_archieve01_on.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li:nth-child(2) .img_box {
    width:55px;
    height:37px;
    background:url(../img/index/ico_archieve02.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li:nth-child(2).on .img_box {
    background:url(../img/index/ico_archieve02_on.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li:nth-child(3) .img_box {
    width:58px;
    height:57.4px;
    background:url(../img/index/ico_archieve03.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li:nth-child(3).on .img_box {
    background:url(../img/index/ico_archieve03_on.png) no-repeat 50%;
  }
  .arch_wrapper .left ul li.on {
    background:#0092E5;
  }
  .arch_wrapper .right {
    width:55%;
    height:340px;
    position:absolute;
    right:-5%;
    top:0;
    z-index: 1;
  }
  .arch_wrapper .right img {
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
  }
  .arch_wrapper .right img.on{
    z-index: 2;
    display:block !important;
  }
  .arch_wrapper .right img:nth-child(2) {
    display:none;
  }
  .arch_wrapper .right img:nth-child(3) {
    display:none;
  }
  .arch_wrapper .right img:nth-child(4) {
    display:none;
  }
  .arch_wrapper .right img:nth-child(5) {
    display:none;
  }

  .sixth {
    padding:100px 0;
    color:#000;
  }
  .sixth h2 {
    color:#000;
    font-size:58px;
  }
  .sixth p {
    font-size:22px;
    color:#000;
    text-align:center;
    margin-top:20px;
  }