﻿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(649px, calc(649 / 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%;
}

.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(40px, calc(40 / 750 * 100vw));
}

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

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

/* about
------------------------------------------------------*/
.lp_about_movie>video {
  margin: auto;
  display: block;
  width: min(605px, calc(605 / 750 * 100vw));
}


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

.lp_sqstep .lp_sqstep_slider {
  position: absolute;
  top: min(252px, calc(252 / 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));
}

/* step
------------------------------------------------------*/
.js-toggle {
  cursor: pointer;
}

/* voice02
------------------------------------------------------*/
.lp_voice_02 {
  position: relative;
}

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

.lp_voice_02 .lp_voice_02_slider .slick-slide img {
  width: 100%;
  padding: 0 11%;
}

.lp_voice_02 .lp_voice_02_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_02 .lp_voice_02_slider .prev-arrow {
  left: min(40px, calc(40 / 750 * 100vw));
}

.lp_voice_02 .lp_voice_02_slider .next-arrow {
  right: min(40px, calc(40 / 750 * 100vw));
}

.lp_voice_02 .lp_voice_02_slider+p {
  padding-top: min(20px, calc(20 / 750 * 100vw));
  background-color: #fce4ed;
}
