/*visual*/
.visual .wrap_1420{position: relative;}
.visual .first{width:100%;height:auto;background:url(../img/index/section01.jpg?ver=230405) 50% 50% no-repeat;background-size: cover;}
.visual .second{width:100%;height:auto;background:url(../img/index/section02.jpg) 50% 50% no-repeat;background-size: cover;}
.visual .third{width:100%;height:auto;background: url(../img/index/section03.jpg) 50% 50% no-repeat;background-size: cover;}
.visual .fourth{width:100%;height:auto;}
.visual .animated{opacity: 0;}
.visual h2{color:#fff;text-align: left;font-size:68px;font-weight: 700;line-height: 1.1;letter-spacing: -4px;}
.visual h2.text_center { text-align:center;}
.visual p{color:#fff;text-align: left;font-size:28px;line-height: 1.2;}
.visual .first h2{padding-top: 450px;}
.visual .first p{margin-top: 20px;}
.visual .btn_more{width:243px;height: 59px;background: url(../img/index/btn_more.png) 0 0 no-repeat;margin-top: 80px;display: block;position: relative;}
.visual .deco01{position: absolute;right:0px;top:0px;text-align: right;}
.visual .deco01 img{width:85%}
.visual .deco02{position: absolute;right:-20px;bottom:0px}
.scroll{position: absolute;bottom:25px;right:50px;z-index: 10;}
.ico_scroll {padding-top: 53px;position: relative;cursor: default;}
.ico_scroll em {font-family:'suit'; font-weight:300;font-size:12px; color:#fff; }
.ico_scroll span {position: absolute;top: 0;left: 50%;width: 29px;height: 46px;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;}

.second .animated { padding-top:100px;}
.third .animated { padding-top:40px;}
.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;
}
.flex_wrapper {
  display:flex;
  justify-content: space-between;
}
.card_wrapper {
  display:flex;
  gap:30px;
}
.card_wrapper .card {
  font-weight:600;
  color:#fff;
  font-size:30px;
  margin-bottom:30px;
  width:calc((100% - 60px) / 2);
}
.card_wrapper .card .img {
  position:relative;
  margin-bottom:30px;
  height:400px;
  overflow:hidden;
}
.card_wrapper .card .img img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 21%;
}
.card_wrapper .card .img .view_more {
  width:100%;
  height:100%;
  text-align:center;
  background:rgba(0,146,229,0.7);
  color:#fff;
  padding-top:25%;
  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);
  padding:65px 0;
  align-items:stretch;
}
.his_wrapper>em {
  display:block;
  width:1px;
  background:#fff;
}
.his_wrapper .box {
  width:50%;
  text-align:center;
  color:#fff;
}
.his_wrapper .box p {
  text-align:center;
  font-size:18px;
  margin:29px 0 2px;
}
.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 {
  position:relative;
}
.fourth h2 {
  text-align:center;
  margin-bottom:80px;
}
.fourth h2,.five h2 {
  color:#000;
}
.gallery .flex_wrapper {
  gap:30px;
}
.gallery .flex_wrapper>div{
  width:calc(50% - 15px);
  padding:40px;
  height:488px;
  box-sizing:border-box;
  position:relative;
}
.gallery .flex_wrapper>div:first-child {
  background:url(../img/index/gallery_img01.jpg) no-repeat 50%;
  background-size:cover;
}
.gallery .flex_wrapper>div:nth-child(2) {
  background:url(../img/index/gallery_img02.jpg) no-repeat 50%;
  background-size:cover;
}
.gallery .flex_wrapper>div:nth-child(3) {
  background:url(../img/index/gallery_img03.jpg) no-repeat 50%;
  background-size:cover;
}
.gallery .flex_wrapper h3 {
  font-size:36px;
  margin-bottom:10px;
  color:#fff;
}
.gallery .flex_wrapper p {
  font-size:18px;
  font-weight:300;
}
.gallery .flex_wrapper .btn {
  width:68px;
  height:68px;
  border-radius:50px;
  background:#fff;
  position:absolute;
  right:45px;
  bottom:45px;
  display:block;
}
.gallery .flex_wrapper .btn img {
  margin: 25px 0 0 19px;
}


.five {
  position:relative;
  background:#F5F5F5;
}
.five .wrap_1420 {
  position:static;
}
.arch_wrapper .left {
  padding-top:153px;
}
.arch_wrapper .left ul {
  width:770px;
  margin-left:-30px;
}
.arch_wrapper .left ul li{
  display:flex;
  color:#000;
  gap:25px;
  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;
}
.arch_wrapper .left ul li .btn {
  width:60px;
  height:60px;
  background:#fff;
  border-radius:35px;
  position:absolute;
  right:40px;
  top:25px;
  box-sizing:border-box;
  padding:1px 0 0 14px;
  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:50%;
  height:calc(100% - 90px);
  position:absolute;
  right:0;
  top:90px;
  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{
  display:block;
}
.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;
}

.AnniVideo {
  padding-top:50px;
}
.AnniVideo h2 {
  color:#000;
}
.AnniVideo .flex_wrapper h4 {
  text-align:center;
  font-size:30px;
  color:#000;
  margin-top:30px;
}
.AnniVideo .btn{
  display:inline-block;
  width:235px;
  height:60px;
  line-height:60px;
  color:#0092E5;
  font-size:18px;
  border:1px solid #0092E5;
  border-radius:10px;
  text-align:center;
}
.AnniVideo .btn.on {
   background:#0092E5;
   color:#fff;
}
.AnniVideo .btn img {
  margin:0 0 25px 10px;
}
.AnniVideo .btn_wrapper {
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  gap:15px;
  margin-left:60px;
  flex-wrap:wrap;
}

#fp-nav ul li:nth-child(1) { 
    display:block;
}
#fp-nav ul li:last-child{display: none;}
#fp-nav ul li:nth-child(1) a.active span{
    background: url(../img/index/pager01.png) left 0 no-repeat;
    width: 112px;
    height:15px;
    margin-left:0;
}
#fp-nav ul li:nth-child(2) a.active span{
    background: url(../img/index/pager02.png) left 0 no-repeat;
}
#fp-nav ul li:nth-child(3) a.active span{
   background: url(../img/index/pager03.png) left 0 no-repeat;
}
#fp-nav ul li:nth-child(4) a.active span{
   background: url(../img/index/pager04.png) left 0 no-repeat;
}
#fp-nav ul li:nth-child(5) a.active span{
  background: url(../img/index/pager05.png) left 0 no-repeat;
}
#fp-nav ul li:nth-child(6) a.active span{
  background: url(../img/index/pager06.png) left 0 no-repeat;
}

@media screen and (max-width: 1600px){
    html,body{overflow-x: hidden;}
}
@media screen and (max-height: 870px){
  .visual .animated { zoom:0.9;}
  .arch_wrapper .left { padding-top:150px;}
}
@media screen and (max-height: 800px){
  .visual .animated { zoom:0.85;}
  .third .animated { padding-top:70px;}
}
@media screen and (max-height: 750px){
  .second .animated { zoom:0.8;}
}
@media screen and (max-height: 700px){
  .visual .animated { zoom:0.75;}
  .card_wrapper .card .img .view_more {
    padding-top:37%;
  }
}