body {
  background: #000;
  overflow-x: hidden; }

header ul li {
  opacity: 0;
  transition: all 0.75s cubic-bezier(0.22, 1, 0.36, 1); }
  header ul li.active {
    opacity: 1; }

a.toptel {
  z-index: 5;
  position: relative; }

#right_main {
  padding: 0; }

#fv_new {
  width: 100vw;
  height: calc(100vh - 100px);
  margin-left: calc(0px - calc(50vw - 50% ));
  margin-top: -200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  #fv_new img.logo {
    width: 500px;
    height: auto;
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%); }
  #fv_new:before {
    background: url("img/pattern10.png");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    z-index: 2; }
  #fv_new video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0; }

#topics1 {
  width: 100%; }

.scroll_fadein {
  opacity: 0;
  transform: translateY(0px) translateX(-100px);
  transition: all 1.6s cubic-bezier(0.22, 1, 0.36, 1);
  margin: 50px 0; }
  .scroll_fadein.active {
    opacity: 1;
    transform: translateY(0px) translateX(0px); }

.scroll_active {
  opacity: 0;
  transition: all 2s cubic-bezier(0.22, 1, 0.36, 1); }
  .scroll_active.active {
    opacity: 1; }

.scroll_fadein_stagger .box {
  opacity: 0;
  transform: translateY(0px) translateX(-100px);
  transition: all 1.6s cubic-bezier(0.22, 1, 0.36, 1); }
  .scroll_fadein_stagger .box.active {
    opacity: 1;
    transform: translateY(0px) translateX(0px); }

.inner {
  padding: 0 40px; }

#contents h2 {
  font-size: 32px;
  border-left: none;
  padding-left: 0; }

@media(max-width : 700px) {
  * {
    max-width: 100%; }

  header {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    height: 70px; }
    header .ib ul {
      display: none; }

  .ib {
    width: 100%; }

  #back {
    width: 100%; }

  #fv_new {
    width: 100vw;
    height: 100vh;
    margin-left: 0;
    max-width: 100vw;
    padding: 0; }
    #fv_new img.logo {
      width: 200px; }

  #contents {
    padding: 0 25px;
    width: 100%; }
    #contents h3 {
      font-size: 24px !important; }
    #contents #right_main {
      width: 100vw;
      padding: 0;
      margin-left: -25px;
      max-width: 100vw; }
    #contents .inner {
      padding: 25px; }
      #contents .inner .bnr_con {
        flex-wrap: wrap; }
        #contents .inner .bnr_con div h3 {
          font-size: 24px !important;
          margin: 20px 0 !important; }
        #contents .inner .bnr_con .r, #contents .inner .bnr_con .l {
          width: 100%; }
        #contents .inner .bnr_con .l a {
          padding: 20px;
          font-size: 20px;
          height: 80px;
          padding-left: 66px;
          margin-bottom: 20px; }
          #contents .inner .bnr_con .l a img {
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            height: 44px; }
      #contents .inner #topics p {
        font-size: 16px; }
      #contents .inner .happy_hour {
        margin-top: 20px;
        margin-bottom: 0; }
        #contents .inner .happy_hour p {
          padding: 0 !important;
          font-size: 18px; }
          #contents .inner .happy_hour p s {
            font-size: 16px; }
      #contents .inner h2 {
        font-size: 30px !important; }

  .btm_bnr {
    width: 100% !important; }

  #topics1 {
    width: 100%; } }

/*# sourceMappingURL=add_2603.css.map */