@charset "UTF-8";

/* ------------------------------------

中面

------------------------------------ */

/*  c-button
*----------------------------------- */

.c-button a {
  background: #34251c;
  color: #fff;
  padding: 7px 15px 8px;
  border-radius: 5px;
  font-size: 3vw;
}
@media print, screen and (min-width: 761px) {
  .c-button a {
    font-size: 13px;
  }
}



/*  l-cv
*----------------------------------- */
.l-cv {
  width: 100%;
  padding: 4px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
  font-size: 12px;
  text-align: center;
}
@media print, screen and (min-width: 761px) {
  .l-cv {
    width: 150px;
    position: fixed;
    left: auto;
    right: 0.5vw;
  }
}

.l-cv img {
  width: 100%;
}
@media print, screen and (min-width: 761px) {
  .l-cv img {
    width: 150px;
  }
}


.l-cv span.l-cv__date02 {
  color: #e45643;
  font-size: 5vw;
  font-weight: bold;
  font-family: sans-serif;
}
@media print, screen and (min-width: 761px) {
  .l-cv span.l-cv__date02 {
    font-size: 20px;
  }
}

.l-cv .l-cv__atention {
  font-size: 10px;
  margin-top: 4px;
}

.l-cv .l-cv__remaining {
  font-weight: bold;
  font-size: 3.6vw;
}
@media print, screen and (min-width: 761px) {
  .l-cv .l-cv__remaining {
    font-size: 15px;
  }
}

.l-cv .l-cv__remaining em.week {

}

@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}

@media print, screen and (min-width: 761px) {
  .l-feature,
  .l-worries,
  .l-company {
    max-width: 1440px;
    margin: 0 auto;
  }
}

.l-header {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: auto;
  height: 97px;
  padding: 0 25px;
}
@media print, screen and (max-width: 760px) {
  .l-header {
    height: 20vw;
    padding: 0 3.85vw;
  }
}
@media print, screen and (min-width: 761px) {
  .l-header .logo_text{
    width: 176px;
    object-fit: contain;
  }
}
@media print, screen and (max-width: 760px) {
  .l-header .logo_text{
    width: 45.13vw;
    object-fit: contain;
  }
}

@media print, screen and (min-width: 761px) {
  .l-header .logo{
    width: 208px;
    object-fit: contain;
  }
}
@media print, screen and (max-width: 760px) {
  .l-header .logo{
    width: 35.38vw;
    object-fit: contain;
  }
}

/*  l-what
*----------------------------------- */
@media print, screen and (min-width: 761px) {
  .l-what {
    background-color: #fff;
    margin-top: -7px;
  }
  .l-what_img {
    max-width: 1440px;
    margin: 0 auto;
  }
}

/*  l-visual
*----------------------------------- */

.l-visual {
}
@media print, screen and (min-width: 761px) {
  .l-visual {
    background-color: #FFD01E;
  }
}
@media print, screen and (min-width: 761px) {
  .l-visual .movie {
    max-width: 1160px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 17px;
  }
}
@media print, screen and (min-width: 761px) {
  .l-visual .movie video {
    width: 100%;
  }
}
@media print, screen and (max-width: 760px) {
  .l-visual .movie video{
    width: 100vw;
  }
}



.l-visual__container li.slick-slide {
  margin-right: 5px;
}

/*  l-feature
*----------------------------------- */
@media print, screen and (min-width: 761px) {
  .l-feature {
    position: relative;
  }
}
@media print, screen and (min-width: 761px) {
  .l-feature::after {
    z-index: -1;
    content: "";
    width: 100vw;
    height: 130.5px;
    display: block;
    position: absolute;
    background-color: #FFD01E;
    top: 68.3px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media print, screen and (max-width: 760px) {

}

/*  l-worries
*----------------------------------- */
@media print, screen and (min-width: 761px) {
  .l-worries {
    position: relative;
  }
}
@media print, screen and (min-width: 761px) {
  .l-worries::after {
    z-index: -1;
    content: "";
    width: 100vw;
    height: 158.7px;
    display: block;
    position: absolute;
    background-color: #FFD01E;
    top: 79.3px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media print, screen and (max-width: 760px) {

}

/*  l-voice
*----------------------------------- */

@media print, screen and (min-width: 761px) {
  .l-voice {
    background-color: #FFD01E;
  }
  .l-voice_img {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 760px) {

}


/*  l-number
*----------------------------------- */

@media print, screen and (min-width: 761px) {
  .l-number {
    background-color: #000000;
  }
}
@media print, screen and (min-width: 761px) {
  .l-number_img {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 760px) {

}


/*  l-reason
*----------------------------------- */

.l-reason {
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  color: #FFF;
}

.l-reason .slick-dots {
  bottom: -30px;
}

.l-reason .slick-dots li {
  width: 8px;
  height: 8px;
}
.l-reason .slick-dots li.slick-active {
  background: #34251c;
}

.l-reason .p-item .p-item__text {
  margin: 0% auto;
}

.l-reason .p-item__inner .slider {
  width: 90%;
  margin: 0 auto 11%;
}




/*  l-bnr02
*----------------------------------- */
@media print, screen and (min-width: 761px) {
  .l-bnr02 {
    max-width: 1165px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 761px) {
  .l-bnr02 .movie video {
    width: 100%;
    height: 655px;
    margin-top: 38px;
    margin-bottom: 143px;
  }
}
@media print, screen and (max-width: 760px) {
  .l-bnr02 .movie video {
    width: 100%;
    height: 56.41vw;
  }
}

/*  l-company
*----------------------------------- */

.l-company {
  text-align: center;
}
@media print, screen and (min-width: 761px) {
  .l-company {

  }
}
.l-company .l-company__container {
  background: #FFF;
}
.l-company .c-button {
  margin-top: 10%;
}



/*  l-text_link
*----------------------------------- */

.l-text_link {
  color: #fff;
  padding: 4% 0 0;
}
@media print, screen and (min-width: 761px) {
  .l-text_link {
    padding: 0;
  }
}

.l-text_link__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 6%;
}
@media print, screen and (min-width: 761px) {
  .l-text_link__container {
    padding-bottom: 21px;
  }
}

.l-text_link__container li {

}

.l-text_link__container li a {
  font-size: 15px;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
}



/* ----------------------------------------------------------
* fotter
*---------------------------------------------------------- */
/* footer */
.footer {
  font-family: 'メイリオ', 'Meiryo', sans-serif;
  background: #000000;
  color: #fff;
  text-align: center;
  padding: 3% 0 27%;
  font-size: 12px;
}
@media print, screen and (min-width: 761px) {
  .footer {
    width: 100%;
    margin: 0 auto;
    font-size: 10px;
    padding: 23px 0;
  }
}