﻿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;
}

/* voice
------------------------------------------------------*/
.lp_voice {
	position: relative;
}

.lp_voice .lp_voice_slider {
	position: absolute;
	top: min(290px, calc(290 / 750 * 100vw));
	right: 0;
	left: 0;
	margin: auto;
}

.lp_voice .lp_voice_slider .slick-slide img {
	width: 100%;
	padding: 0 4%;
}

.lp_voice .lp_voice_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 .lp_voice_slider .prev-arrow {
	left: min(40px, calc(40 / 750 * 100vw));
}

.lp_voice .lp_voice_slider .next-arrow {
	right: min(40px, calc(40 / 750 * 100vw));
}

/* movie
------------------------------------------------------*/
.lp_movie>video {
	margin: auto;
	display: block;
	width: min(680px, calc(680 / 750 * 100vw));
}

/* 3step
------------------------------------------------------*/
.lp_3step {
	position: relative;
}

.lp_3step .lp_3step_slider {
	position: absolute;
	top: min(204px, calc(204 / 750 * 100vw));
	right: 0;
	left: 0;
	margin: auto;
}

.lp_3step .lp_3step_slider .slick-slide img {
	width: 100%;
	padding: 0 11%;
}

.lp_3step .lp_3step_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_3step .lp_3step_slider .prev-arrow {
	left: min(47px, calc(47 / 750 * 100vw));
}

.lp_3step .lp_3step_slider .next-arrow {
	right: min(47px, calc(47 / 750 * 100vw));
}
