body {
  margin: 0;
}
ul {
  padding: 0;
}
li {
  list-style: none;
}
.contents {
  background: none;
}
.specialContent {
  width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}
.specialContent img {
  max-width: 1000px;
  width: 100%;
}
.contents {
  max-width: 750px;
  margin: 0 auto;
}

.cv {}
.cv .cv_btn {
  padding: 45px 0;
}
.cv .rtn_txt {
  text-align: center;
  margin-top: 20px;
}
.cv .rtn_txt a {
  color: #000;
  font-size: 28px;
  letter-spacing: 2px;
  text-decoration: underline;
}
.cv .btn-animated img {
  animation: btn_anime 0.5s linear 0s infinite alternate;
}
@keyframes btn_anime {
  from {
    transform: scale(0.96,0.96);
  }
  to {
    transform: scale(1,1);
  }
}
.cv .btn_normal {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .cv .cv_btn {
    padding: 25px 0;
  }
  .cv .rtn_txt a {
    font-size: 16px;
  }
  .cv .btn_normal {
    margin-top: 5px;
  }
}



.mov01 {
  position: relative;
}
.mov01 .movfile {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  text-align: center;
}
.mov01 .movfile video {
  width: 91%;
}

.mov02 {
  position: relative;
}
.mov02 .movfile {
  position: absolute;
  bottom: 37px;
  left: 0;
  right: 0;
  text-align: center;
}
.mov02 .movfile video {
  width: 91%;
}

.mov03 {
  width: 100%;
  height: 1060px;
  position: relative;
}
.mov03 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.mov03 .img_item {
  padding: 50px 8%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.mov03 .sara {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .specialContent {
    width: 100%;
  }

  .mov01 .movfile {
    bottom: 11vw;
  }
  .mov02 .movfile {
    bottom: 6vw;
  }

  .mov03 {
    height: 155vw;
  }
  .mov03 .img_item {
    padding: 13vw 8%;
  }
}


.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}


.point01 {
  background: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/sec04_4_bg.png) no-repeat;
  background-size: cover;
  padding: 85px 9% !important;
}
.point01 .ttl {
  text-align: center;
  margin-bottom: 45px;
}
.point01 .ttl img {
  width: 350px!important;
}
.point01 .slick-prev::before {
  content: '';
  width: 90px;
  height: 90px;
  display: block;
  background-size: contain;
  vertical-align: middle;
  background-image: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/slider/arrow_blue_prev.png);
}
.point01 .slick-next::before {
  content: '';
  width: 90px;
  height: 90px;
  display: block;
  background-size: contain;
  vertical-align: middle;
  background-image: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/slider/arrow_blue_next.png);
}
.point01 .slick-prev {
  left: -50px;
}
.point01 .slick-next {
  right: 20px;
}

@media screen and (max-width: 768px) {
  .point01 {
    padding: 60px 9% !important;
  }
  .point01 .ttl {
    text-align: center;
    margin-bottom: 25px;
  }
  .point01 .ttl img {
    width: 53%!important;
  }
  .point01 .slick-prev::before,
  .point01 .slick-next::before {
    width: 12vw;
    height: 12vw;
  }
  .point01 .slick-prev {
    left: -8%;
  }
  .point01 .slick-next {
    right: 2%;
  }
}



.point02 {
  padding: 85px 9% !important;
  background: linear-gradient(to bottom, #244630 0%, #052600 74%);
}
.point02 .ttl {
  text-align: center;
  margin-bottom: 45px;
}
.point02 .ttl img {
  width: 98%!important;
}
.point02 .slick-prev::before {
  content: '';
  width: 90px;
  height: 90px;
  display: block;
  background-size: contain;
  vertical-align: middle;
  background-image: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/slider/arrow_green_prev.png);
}
.point02 .slick-next::before {
  content: '';
  width: 90px;
  height: 90px;
  display: block;
  background-size: contain;
  vertical-align: middle;
  background-image: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/slider/arrow_green_next.png);
}
.point02 .slick-prev {
  left: -50px;
}
.point02 .slick-next {
  right: 20px;
}

@media screen and (max-width: 768px) {
  .point02 {
    padding: 60px 9% !important;
  }
  .point02 .ttl {
    text-align: center;
    margin-bottom: 25px;
  }
  .point02 .ttl img {
    width: 84%!important;
  }
  .point02 .slick-prev::before,
  .point02 .slick-next::before {
    width: 12vw;
    height: 12vw;
  }
  .point02 .slick-prev {
    left: -8%;
  }
  .point02 .slick-next {
    right: 2%;
  }
}



.howtouse {
  padding: 85px 9% !important;
}
.howtouse .ttl {
  text-align: center;
  margin-bottom: 45px;
}
.howtouse .ttl img {
  width: 98%;
}
.howtouse .slick-prev::before {
  content: none;
}
.howtouse .slick-next::before {
  content: '';
  width: 90px;
  height: 90px;
  display: block;
  background-size: contain;
  vertical-align: middle;
  background-image: url(/co-backyard/wp-content/themes/comedical/assets/img/special/ando-allinonegel/2602/slider/arrow_black_next.png);
}
.howtouse .slick-prev {
  left: -50px;
}
.howtouse .slick-next {
  right: 20px;
}

@media screen and (max-width: 768px) {
  .howtouse {
    padding: 55px 9% 45px !important;
  }
  .howtouse .ttl {
    text-align: center;
    margin-bottom: 25px;
  }
  .howtouse .ttl img {
    width: 94%;
  }
  .howtouse .slick-prev::before,
  .howtouse .slick-next::before {
    width: 12vw;
    height: 12vw;
  }
  .howtouse .slick-prev {
    left: -8%;
  }
  .howtouse .slick-next {
    right: 2%;
  }
}

.info_box {
  position: relative;
}
.info_box .info_btn {
  position: absolute;
  bottom: 50px;
  padding: 0 6%;
}
.info_box .info_btn ul {
  display: flex;
  justify-content: center;
}
.info_box .info_btn ul li {
  width: 100%;
}
.info_box .info_btn ul li + li {
  /* margin-left: -1%; */
}

@media screen and (max-width: 768px) {
  .info_box .info_btn {
    bottom: 6.5vw;
  }
}
#faq {
  margin-top: 0;
}
.faq {
  background: #eceeec;
  padding: 30px 3%;
}
.faq .ttl {
  text-align: center;
  margin: 50px 0 20px;
}
.faq .ttl img {
  width: 320px!important;
}
.faq .item + .item {
  margin-top: -4px;
}

@media screen and (max-width: 768px) {
  .faq .ttl {
    margin: 30px 0 20px;
  }
  .faq .ttl img {
    width: 60%!important;
  }
}
