<style>
<!-- 

.mov_cont {
    position: relative;
/*    margin-bottom: 12%;*/
}
.mov_cont video {
    width: 100%;
    margin-top: 20%;
}
.mov_cont .movhov_img {
    position: absolute;
    top: 0;
}
.CTA {
    background: url(images/240115_pet_trialset_01_05.webp) no-repeat;
    background-size: 100%;
/*    padding: 6% 4%;*/
}

.slide_sns {
    background: url(images/240115_pet_trialset_01_07.webp) no-repeat;
    background-size: 100%;
    padding: 22% 8% 5% 8%;
}

.autoplay {}
.autoplay img{}
.autoplay .item{}



.accordion__title {
    font-size: 20px;
    padding: 10px;
    color: #fff;
    background-color: #000066;
    cursor: pointer;
}
.accordion__content {
    display: none;
}

.accordion__title::before {
    content: '';
    display: inline-block;
/*    width: 20px;*/
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 1s;
}
.accordion__title::after {
    content: '';
    display: inline-block;
/*    width: 20px;*/
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: transform 1s;
}
.accordion__title.show::before {
    opacity: 0;
}
.accordion__title.show::after {
    transform: translateY(-50%) rotate(180deg);
}

.accordion__title {
    font-size: 20px;
    padding: 10px;
    color: #fff;
    background-color: #f08307;
    cursor: pointer;
    font-weight: bold;
    margin-top: 2%;
}

.accordion__content {
    background: #FFF;
    margin: 2% 0% 4% 0%;
    padding: 4%;
    font-size: 1.2rem;
}
.accordion__content .answer_a {
    color: #f08307;
    font-weight: bold;
    margin-bottom: 4%;
}

.accordion__content .answer_b{}

.lp_qa_cont {
    background: url(images/240115_pet_trialset_01_05.webp);
    background-size: 100%;
    padding: 6% 4%;
}

.bottom_fix{
	position: fixed;
    bottom: 0;
}

 -->
}
</style>


<script type="text/javascript">
	(function () {
		var tagjs = document.createElement("script");
		var s = document.getElementsByTagName("script")[0];
		tagjs.async = true;
		tagjs.src = "//s.yjtag.jp/tag.js#site=2TdzfSt";
		s.parentNode.insertBefore(tagjs, s);
	}());
</script>
<noscript>
	<iframe src="//b.yjtag.jp/iframe?c=2TdzfSt" width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</noscript>

<script type="text/javascript">
$(function() {
 
		$(window).on("scroll", function() {
				if ($(this).scrollTop() > 1300) {
						$(".from-the-middle").fadeIn(1300);
						} else {
						$(".from-the-middle").fadeOut(1300);
				}
		});
 
});
</script>



<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
 
<script type="text/javascript">
 $('.autoplay').slick({
  slidesToShow: 1,
  slidesToScroll:1,
  autoplay: true,
  autoplaySpeed: 3000,
// 画像下のドット（ページ送り）を表示
  dots:false,
});
  </script>


<script type="text/javascript">
$(function () {
    $('.accordion__title').on('click', function () {
        $(this).next().slideToggle();
    });
});
  </script>


<style><!-- 
.from-the-middle {
		display: none;/*最初は隠す*/
}
 --></style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
</body>
</html>