@font-face {
    font-family: 'ROKAFSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#main {width:100%; float:left; position:relative;}

.vi {width:100%}
.vi iframe {   height:100vh}

 

.main_con_wrap  { width:100%; display:inline-block; position:absolute;  background-color:#fff; top:100vh; z-index:999999999; }
.main_con_wrap h2 {font-size:36px; line-height:1.2em;   width:100%;  margin-bottom:40px; color:#222;   }


.section_in {width:100%;  box-sizing:border-box; box-sizing:border-box;  }
.section_in  .left_box {width:100%; position:Relative; height:200px; overflow:hidden  }
 .section_in  .left_box img {width:100%;  }

.section_in  .right_box {width:100%; margin-top:30px; margin-left:auto; display:flex; align-items:Center }

.right_box b {font-family: 'ROKAFSansBold';}
.right_box b span {font-family: 'ROKAFSansBold';}

.intro .section_in {align-items:center;  padding:0 5%   }
.intro {width:100%; display:inline-block; padding:70px 0; overflow:hidden; position:relative}
.intro  b {display:block; font-size:1.7rem; color:#222;  letter-spacing:-2px; margin-bottom:10px;   }
.intro b + span {display:block; color:#222; margin-bottom:10px; font-size:1.1rem; font-weight:500; letter-spacing:-.5px; }
.intro p { font-size:.97rem; line-height:1.4em; box-sizing:border-box; width:100%;   color:#666} 
.ci_bg {position:absolute; right:-1.5%; top:-5%; opacity:.1}
.intro img.bg {opacity:.2; position:absolute; top:0; left:0; width:100%;  -moz-animation: bounce 20s infinite;
  -webkit-animation: bounce 20s infinite;
  animation: bounce 20s infinite;}
 
@keyframes bounce {
  0% { transform: translateY(0);}
  40% {transform: translateY(-60px);}
  80% {transform: translateY(0);}
}

 

#section2 {width:100%;  display:inline-block; padding:70px 0;  background-color:#f9f9f9}
 
.section_in .left_box2 {width:100%; box-sizing:border-box;  text-align:left;  overflow:hidden; font-size:1rem; padding:0 5%  }
.section_in .right_box2 {width:100%;  position:relative; margin-left:auto;  display:flex; align-items:Center;  }
 
 a.basic_btn {position:relative;  }
 a.basic_btn:after { content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 1px solid rgba(255,255,255,.5);
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;}