@charset "UTF-8";

/*
ハイグレードビタミン PC用
-------------------------------------------------- */

div#db15274a{
	margin-top: 20px;
	width: 1200px;
	background-color: #fff7db;
}

div#db15274a .pc{
	display: block;
}
div#db15274a .sp{
	display: none;
}

div#db15274a .contents{
	max-width: 600px;
	margin: 0 auto 0 auto;
	/* padding: 20px; */
	background-color: #ffffff;
}
div#db15274a p{
	padding: 0;
	margin: 0;
}
div#db15274a img{
	width: 100%;
}


/* slick */
.slick_wrapper {
	width: min(670px, calc(670 / 750 * 100vw));
	margin: 0 auto;
	background: #fff;
  }
  .carousel_2 .slick_wrapper {
	padding: 2.5% 0 0;
  }
  .carousel_1 .slick_wrapper.is-02 .graph_txt_02 {
	padding-bottom: 15.7%;
  }
  .carousel_2 .slick_wrapper.is-02 .graph_txt_02 {
	padding-bottom: 12%;
  }
  .carousel_2 .graph_txt_01 {
	padding: 3.1% 13.2% 9.1%;
  }

  #slider_1 {
	margin-bottom: 0;
  }

  /* ドット */
  .carousel_1 .slick-dots, .carousel_2 .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	width: 50%;
	margin: 0 auto;
	text-align: center;
  }
  .carousel_1 .slick-dots {
	bottom: 4%;
  }
  .carousel_2 .slick-dots{
	  bottom: 5.7%;
  }
  
  .slick-dots li {
	  display: inline-block !important;
  }
  
  .slick-dots button {
	  display: block !important;
	  width: min(14px, calc(14 / 750 * 100vw)) !important;
	  height: min(14px, calc(14 / 750 * 100vw)) !important;
	  margin: min(13px, calc(13 / 750 * 100vw)) !important;
	  font-size: 0 !important;
	  padding: 0 !important;
	  border: 0 !important;
	  outline: none !important;
	  cursor: pointer !important;
	  background: #ded5b9 !important;
	  border-radius: 50% !important;
  }
  
  .slick-dots .slick-active button {
	  background: #9c9898 !important;
  }

  .slick-dots li.slick-active button:before {
	display: none;
  }

  .slick-dots li button:before {
	display: none;
  }
  
  .slick-slide img {
    display: block;
}
  
  /* 矢印 */
  .slick-arrow {
	  position: absolute;
	  width: min(35px, calc(35 / 750 * 100vw)) !important;
	  top: 48%;
	  cursor: pointer !important;
  }

  .carousel_2 .slick-arrow  {
	top: 45.9%;
  }
  
  .prev-arrow {
	  left: 2.4%;
	  z-index: 10;
  }
  
  .next-arrow {
	  right: 2.4%;
	  z-index: 10;
  }
  
  .slick-disabled {
	  visibility: hidden;
  }