/* screen - main */

.screen textarea:focus,
.screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.screen a {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

dd {
  margin: 0;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.innerB {
  background-color: #ffffff;
  height: 100vh;
  margin: 0px auto;
  min-height: 14978px;
  max-width: 750px;
  mix-blend-mode: normal;
  overflow: inherit;
  position: relative;
  width: 100%;
}

@media screen and (max-width:750px) {
  .main {
    --min-height: 28978;
    --max-width: 750;
    min-height: calc((var(--min-height) / (var(--max-width)) * 100vw));
  }
}

.innerB .section01-aygV59 {
  background-color: transparent;
  height: 4.11%;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100%;
}
.innerB .section02-aygV59 {
    background-color: transparent;
    height: 4.5%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 4.1%;
    width: 100%;
}
.innerB .btn-aygV59 {
  background-color: transparent;
  cursor: pointer;
  height: 0.65%;
  left: 10.80%;
  position: absolute;
  top: 5.48%;
  width: 80.27%;
}
.innerB .btn-aygV591 {
  background-color: transparent;
  cursor: pointer;
  height: 0.45%;
  left: 10.80%;
  position: absolute;
  top: 7.6%;
  width: 78.27%;
}



.innerB .btn-B8adx0 {
  background-color: transparent;
  cursor: pointer;
  height: 0.42%;
  left: 13.20%;
  position: absolute;
  top: 6.43%;
  width: 34.67%;
}


.innerB .btn-l88K0w {
  background-color: transparent;
  cursor: pointer;
  height: 0.42%;
  left: 52.13%;
  position: absolute;
  top: 6.43%;
  width: 34.67%;
}

.innerB .section03-aygV59 {
    background-color: transparent;
    height: 6.15%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 8.5%;
    width: 100%;
}


.innerB .section04-aygV59 {
    background-color: transparent;
    height: 2.98%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 14.63%;
    width: 100%;
}


.innerB .section05-aygV59 {
    background-color: #111111;
    height: 4.21%;
    left: 0%;
    mix-blend-mode: normal;
    position: absolute;
    top: 17.6%;
    width: 104.67%;
}

.innerB .iframe-aygV59 {
    background-color: transparent;
    height: 1.17%;
    left: 10.67%;
    mix-blend-mode: normal;
    position: absolute;
    top: 15.3%;
    width: 80.53%;
}


.yt_inner {
  position: relative;
  padding-top: 57%;
}

.yt_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.innerB .section06-aygV59 {
    background-color: transparent;
    height: 23.35%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 21.8%;
    width: 100%;
}
.innerB .section07-aygV59 {
    background-color: transparent;
    height: 6.10%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 45.1%;
    width: 100%;
}
.innerB .section08-aygV59 {
    background-color: transparent;
    height: 13.55%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 51.1%;
    width: 100%;
}
.innerB .btn-4I7WcA {
    background-color: transparent;
    cursor: pointer;
    height: 0.65%;
    left: 10.80%;
    position: absolute;
    top: 61.0%;
    width: 80.27%;
}


.innerB .btn-ZmX7e0 {
    background-color: transparent;
    cursor: pointer;
    height: 0.42%;
    left: 13.20%;
    position: absolute;
    top: 61.85%;
    width: 34.67%;
}

.innerB .btn-HgAv6x {
  background-color: transparent;
  cursor: pointer;
  height: 0.42%;
  left: 52.13%;
  position: absolute;
  top: 61.85%;
  width: 34.67%;
}

.innerB .btn-4I7WcA1 {
    background-color: transparent;
    cursor: pointer;
    height: 0.45%;
    left: 10.80%;
    position: absolute;
    top: 63.0%;
    width: 78.27%;
}



@media screen and (min-width:1080px) {
}


.innerB .section10-aygV59 {
   background-color: transparent;
    height: 10.92%;
    left: 0%;
    mix-blend-mode: normal;
    position: absolute;
    top: 76.3%;
    width: 100%;
}
/*
.innerB .section11-aygV59 {
    background-color: transparent;
    height: 10.92%;
    left: 0%;
    mix-blend-mode: normal;
    position: absolute;
    top: 76.3%;
    width: 100%;
}*/



/*========================
      faq list
    ==========================*/
.faq {
    background-color: #333;
    max-width: 750px;
    margin: 0 auto;
}

.faq__list {
  width: 78.1333%;
  margin: 0 auto;
  padding-bottom: 10.6%;
}

.faq__inner {
  background: #fff;
  padding: 6.8% 9.5%;
}

.faq__inner+.faq__inner {
  margin-top: 10.46%;
}

.faq__question {
  position: relative;
  cursor: pointer;
  padding-right: 13.2%;
}

.faq__arrow {
  position: absolute;
  top: 40%;
  right: 0%;
  width: 6.95%;
  transition: transform 0.3s ease-in-out;
}

.add-rotate {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.faq__answer {
  padding-top: 8.46%;
  background-image: url(../img/line.jpg);
  background-position: 50% 3.6%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.cv {
    position: relative;
    max-width: 750px;
    margin: 0% auto;
}

.cv__btn1 {
  position: absolute;
  top: 62.7%;
  left: 13%;
  width: 35%;

}

.cv__btn2 {
    position: absolute;
    top: 62.7%;
    left: 52%;
    width: 35%;
}

.cv__btn3 {
    position: absolute;
    top: 49.3%;
    left: 11%;
    width: 80%;
}
.cv__btn4 {
    position: absolute;
    top: 82.3%;
    left: 11%;
    width: 80%;
}


.footer {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
}

.footer__btn1 {
  position: absolute;
  top: 7.6%;
  left: 50%;
  transform: translateX(-50%);
  width: 41.3%;
}

.footer__btn2 {
  position: absolute;
  top: 25.6%;
  left: 50%;
  transform: translateX(-50%);
  width: 41.3%;
}

.footer__btn3 {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translateX(-50%);
  width: 41.3%;
}

.footer__btn4 {
  position: absolute;
  top: 61%;

  left: 50%;
  transform: translateX(-50%);
  width: 41.3%;
}

.access {
    position: relative;
    max-width: 750px;
    margin: 0% auto;
}

.gmaps:not(:root) {
  position: absolute;
  width: 71%;
  top: 40.3%;
  left: 50.4%;
  height: 200px;
  transform: translateX(-50%);
}

.gmaps__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gmaps__area1 {
  position: relative;
  padding-top: 55%;
}

.gmaps__area2 {
  position: relative;
  padding-top: 55%;
}

.gmaps2:not(:root) {
  position: absolute;
  width: 71%;
  top: 86.9%;
  left: 50.4%;
  height: 200px;
  transform: translateX(-50%);
}

.gmaps__map2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shiny-btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.shiny-btn::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn 3s ease-in-out infinite;
}

@keyframes shiny-btn {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.floating {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  max-width: 750px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.floating_btn {
  height: auto;
}

.innerC{
  background: black;
}
.view_area_14 {
  position: relative;
}
.view_area_14 .btn-aygV59 {
    background-color: transparent;
    cursor: pointer;
    left: 10.80%;
    position: absolute;
    top: 32.48%;
    width: 80.27%;
}

.view_area_14 .btn-aygV591 {
    background-color: transparent;
    cursor: pointer;
    left: 10.80%;
    position: absolute;
    top: 77.6%;
    width: 78.27%;
}

.view_area_14 .btn-B8adx0 {
    background-color: transparent;
    cursor: pointer;
    left: 13.20%;
    position: absolute;
    top: 52.43%;
    width: 34.67%;
}
.view_area_14  .btn-l88K0w {
  background-color: transparent;
  cursor: pointer;
  left: 52.13%;
  position: absolute;
  top: 52.43%;
  width: 34.67%;
}
.view_area_14 .iframe-aygV59 {
    background-color: transparent;
    height: 1.17%;
    left: 10.67%;
    mix-blend-mode: normal;
    position: absolute;
    top: 25.3%;
    width: 80.53%;
}




.view_area_14 .btn-4I7WcA {
    background-color: transparent;
    left: 10.67%;
    mix-blend-mode: normal;
    position: absolute;
    top: 49.3%;
    width: 80.53%;
}


.view_area_14 .btn-ZmX7e0 {
    background-color: transparent;
    cursor: pointer;
    left: 13.20%;
    position: absolute;
   top: 63.0%;
    width: 34.67%;
}

.view_area_14 .btn-HgAv6x {
  background-color: transparent;
  cursor: pointer;
  left: 52.13%;
  position: absolute;
  top: 63.0%;
  width: 34.67%;
}

.view_area_14 .btn-4I7WcA1 {
    background-color: transparent;
    cursor: pointer;
    left: 10.80%;
    position: absolute;
    top: 82.6%;
    width: 78.27%;
}

.view_area_14 .section09-aygV59 {
    background-color: transparent;
    height: 16%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 64.6%;
    width: 100%;
    padding-bottom: 170%;
    object-fit: fill;
}

.view_area_14 .text-aygV59 {
    background-color: transparent;
    left: 23.47%;
    mix-blend-mode: normal;
    position: absolute;
    top: 68.9%;
    width: 53.20%;
}

.view_area_14 .text-B8adx0 {
    background-color: transparent;
    left: 50.80%;
    mix-blend-mode: normal;
    position: absolute;
    top: 75.8%;
    width: 33.47%;
}

.view_area_14 .text-l88K0w {
    background-color: transparent;
    left: 50.13%;
    mix-blend-mode: normal;
    position: absolute;
    top: 80.5%;
    width: 32.40%;
}

.view_area_14 .text-4I7WcA {
    background-color: transparent;
    left: 50.13%;
    mix-blend-mode: normal;
    position: absolute;
    top: 86.5%;
    width: 32.40%;
}

.view_area_14 .text-ZmX7e0 {
    background-color: transparent;
    left: 50.13%;
    mix-blend-mode: normal;
    position: absolute;
    top: 91.5%;
    width: 32.40%;
}





@media screen and (min-width:1080px) {

  .floating_btn {
    width: 622px;
    height: auto;
  }
}