/* 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;
}

.main {
  background-color: #ffffff;
  height: 100vh;
  margin: 0px auto;
  min-height: 28978px;
  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));
  }
}

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



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


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

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

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

.main .section05-aygV59 {
    background-color: transparent;
    height: 3.05%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 27.57%;
    width: 100%;
}

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


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

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


.main .section06-aygV59 {
    background-color: #111111;
    height: 4.21%;
    left: 0%;
    mix-blend-mode: normal;
    position: absolute;
    top: 30.5%;
    width: 104.67%;
}
.main .section07-aygV59 {
    background-color: transparent;
    height: 23.35%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 34.7%;
    width: 100%;
}
.main .section08-aygV59 {
    background-color: transparent;
    height: 6.10%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 58.0%;
    width: 100%;
}

.main .btn-4I7WcA {
    background-color: transparent;
    cursor: pointer;
    height: 0.65%;
    left: 10.80%;
    position: absolute;
    top: 61.0%;
    width: 80.27%;
}


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

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

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

.main .section09-aygV59 {
    background-color: transparent;
    height: 13.55%;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 64.1%;
    width: 100%;
}

.main .text-aygV59 {
    background-color: transparent;
    height: 0.44%;
    left: 23.47%;
    mix-blend-mode: normal;
    position: absolute;
    top: 73.4%;
    width: 53.20%;
}

.main .text-B8adx0 {
  background-color: transparent;
  height: 0px;
  left: 50.80%;
  mix-blend-mode: normal;
  position: absolute;
  top: 72.52%;
  width: 33.47%;
}

.main .text-l88K0w {
    background-color: transparent;
    height: 0.32%;
    left: 50.13%;
    mix-blend-mode: normal;
    position: absolute;
    top: 75.0%;
    width: 32.40%;
}

.main .text-4I7WcA {
  background-color: transparent;
  height: 0px;
  left: 50.80%;
  mix-blend-mode: normal;
  position: absolute;
  top: 73.99%;
  width: 29.07%;
}

.main .text-ZmX7e0 {
    background-color: transparent;
    height: 0.32%;
    left: 50.80%;
    mix-blend-mode: normal;
    position: absolute;
    top: 76.5%;
    width: 32.27%;
}

.main .text_a {
    background-color: transparent;
    left: 51.3%;
    mix-blend-mode: normal;
    position: absolute;
    top: 74.4%;
    width: 32.97%;
}

.main .text_b {
    background-color: transparent;
    left: 51.6%;
    mix-blend-mode: normal;
    position: absolute;
    top: 75.9%;
    width: 27.77%;
}

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


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

.main .section11-aygV59 {
    background-color: transparent;
    height: 10.92%;
    left: 0%;
    mix-blend-mode: normal;
    position: sticky;
    top: 90.8%;
    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;
}

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

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