/* 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: hidden;
  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: 3.37%;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 4.11%;
  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-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: 7.48%;
  width: 100%;
}

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

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

.main .iframe-aygV59 {
  background-color: transparent;
  height: 1.17%;
  left: 10.67%;
  mix-blend-mode: normal;
  position: absolute;
  top: 27.33%;
  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: 29.61%;
  width: 104.67%;
}

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

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

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

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

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

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

.main .text-aygV59 {
  background-color: transparent;
  height: 0.44%;
  left: 23.47%;
  mix-blend-mode: normal;
  position: absolute;
  top: 71.57%;
  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: 73.09%;
  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: 74.57%;
  width: 32.27%;
}

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

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

@media screen and (min-width:1080px) {
  .main .text_a {
    top: 72.58%;
  }

  .main .text_b {
    top: 74.044%;
  }
}

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

.main .section11-aygV59 {
  background-color: transparent;
  height: 10.92%;
  left: 0%;
  mix-blend-mode: normal;
  position: absolute;
  top: 89.088%;
  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: 76.7%;
  left: 13%;
  width: 35%;

}

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

}

.cv__btn3 {
  position: absolute;
  top: 58.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: 8px;
  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;
  }
}