@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	line-height: 0;
	font-feature-settings: "palt";
	height: 100%;
	background-color: #FFF;
}

div{
	margin: 0;
	padding: 0;
	display: block;
	
}


.cnt{
	width: 100%;
	max-width:750px;
	margin: 0 auto;
	height: 100%;
}

img{
	width: 100%;
	margin: 0 auto;
	vertical-align: bottom;
}

a{
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	display: block;
	
}


p{
    padding: 0;
    margin: 0;
	font-size:18px;
	width: 100%;
	/*! text-align: center; */
}

.cta-area {
    position: relative;
}

.cta-btn01 {
	position: absolute;
    bottom: 23.5%;
    width: 85%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.cta-btn01.second {
    bottom: 5%;
}

.cta-btn.first-btn,.cta-btn.thaad-btn {
	bottom: 20%;
}


.qa-slider-container {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #FFF5F9;
}

.qa-bg-img {
  display: block;
  width: 100%;
  height: auto;
}

.qa-slider {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.qa-slider img {
  width: 100%;
  height: auto;
}

/* Slick dots */
/* Slick dots */
.qa-slider .slick-dots {
  text-align: center;
  padding-top: 10px;
  width: 86%;
  bottom: 0;
}

.qa-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
  width: 5px;
  height: 10px;
}

/* 通常時のドット */
.qa-slider .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  background-color: #969696;
  border-radius: 50%;
  text-indent: -9999px;
  transition: all 0.3s ease;
}

/* アクティブなドット */
.qa-slider .slick-dots li.slick-active button {
  width: 12px;
  height: 12px;
  background-color: #EA2A6F;
}

/* slickのグローバルスタイルを上書き防止 */
.qa-slider .slick-prev,
.qa-slider .slick-next {
  position: absolute !important;
  bottom: 40% !important;
  top: auto !important;
  width: 35px !important;
  height: 35px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: -9999px !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

/* 左右個別の画像を明示 */
.qa-slider .slick-prev {
  right: auto !important;
  left: 10px !important;
  background-image: url('../img/arrow-left.png') !important;
}

.qa-slider .slick-next {
  right: 10px !important;
  left: auto !important;
  background-image: url('../img/arrow-right.png') !important;
}

/* 左右個別の画像を明示 */
.slider-area .slick-prev {
  right: auto !important;
  left: 10px !important;
  background-image: url('../img/arrow-left.png') !important;
}

.slider-area .slick-next {
  right: 10px !important;
  left: auto !important;
  background-image: url('../img/arrow-right.png') !important;
}


.slide-area-container {
    position: relative;
}


.slide-wrap {
    position: absolute;
    bottom: 14%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.slide-wrap.first-slide {
	bottom: -1%;
  width: 100%;
}

.slide-area {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
}

.slide-area img {
  width: 100%;
  height: auto;
}

.slide-prev,
.slide-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 25px !important;
  height: 25px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  text-indent: -9999px !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 左側矢印 */
.slide-prev {
  left: -10px !important;
  background-image: url('../img/arrow_left.png') !important;
}

/* 右側矢印 */
.slide-next {
  right: -10px !important;
  background-image: url('../img/arrow_right.png') !important;
}
.cta-btn img {
    position: relative;
    max-height: 100%;
    max-width: 100%;
    padding: 1.1%;
    flex: 0 0 50px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    animation: buttonMove 3s infinite ease-out;
    transform-origin: 50% 50%;
    animation-play-state: running;
}
@keyframes buttonMove {
  5% {
    -webkit-transform: scale(1.1, 0.8);
    transform: scale(1.1, 0.8);
  }

  10% {
    -webkit-transform: scale(0.8, 1.1) translateY(-5px);
    transform: scale(0.8, 1.1) translateY(-5px);
  }

  15% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@media (min-width: 768px) {
  .slide-wrap.first-slide {
    bottom: 2%;
    width: 90%;
  }
}

.video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; /* テキストなどが動画の裏に行かないようにする */
    /*! padding-top: 9%; */
}

#bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画面サイズに合わせて動画をトリミング */
}