﻿html {
  scroll-behavior: smooth;
}

img {
  display: block;
  width: 100%;
}

/* fix
------------------------------------------------------*/
#wrap {
  margin: 0 auto;
  position: relative;
  max-width: 750px;
}

#wrap #fixedBtn {
  max-width: 100%;
  width: min(750px, calc(750 / 750 * 100vw));
  bottom: 0;
  position: fixed;
  z-index: 99;
  text-align: center;
}

/* cv
------------------------------------------------------*/

.cv .btn_area {
  position: relative;
}

.cv .btn_area a {
  width: 100%;
  max-width: min(648px, calc(648 / 750 * 100vw));
  top: 0;
  right: 0;
  left: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: auto;
}

/* voice01
------------------------------------------------------*/
.lp_voice_01 {
  position: relative;
}

.lp_voice_01 .lp_voice_01_slider {
  position: absolute;
  top: min(237px, calc(237 / 750 * 100vw));
  right: 0;
  left: 0;
  margin: auto;
}

.lp_voice_01 .lp_voice_01_slider .slick-slide img {
  width: 100%;
  padding: 0 4.1%;
}

.lp_voice_01 .lp_voice_01_slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  margin: auto;
  width: min(21px, calc(21 / 750 * 100vw));
  height: min(36px, calc(36 / 750 * 100vw));
  cursor: pointer;
}

.lp_voice_01 .lp_voice_01_slider .prev-arrow {
  left: min(36px, calc(36 / 750 * 100vw));
}

.lp_voice_01 .lp_voice_01_slider .next-arrow {
  right: min(36px, calc(36 / 750 * 100vw));
}

.lp_voice_01 .lp_voice_01_slider+p {
  padding-top: min(13px, calc(13 / 750 * 100vw));
  background-color: #eaf1fb;
}

/* point
------------------------------------------------------*/
.lp_point_movie{
  position: relative;
}
.lp_point_movie>video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(605px, calc(605 / 750 * 100vw));
}


/* sqstep
------------------------------------------------------*/
.lp_sqstep {
  position: relative;
}

.lp_sqstep .lp_sqstep_slider {
  position: absolute;
  top: min(177px, calc(177 / 750 * 100vw));
  right: 0;
  left: 0;
  margin: auto;
}

.lp_sqstep .lp_sqstep_slider .slick-slide img {
  width: 100%;
  padding: 0 11%;
}

.lp_sqstep .lp_sqstep_slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  margin: auto;
  width: min(65px, calc(65 / 750 * 100vw));
  height: min(65px, calc(65 / 750 * 100vw));
  cursor: pointer;
}

.lp_sqstep .lp_sqstep_slider .prev-arrow {
  left: min(47px, calc(47 / 750 * 100vw));
}

.lp_sqstep .lp_sqstep_slider .next-arrow {
  right: min(47px, calc(47 / 750 * 100vw));
}

