@charset "utf-8";
/*===========================
add
===========================*/


.carousel .slick-slide{
  min-width: var(--WIDTH);
  max-width: var(--WIDTH);
}
@media screen and (min-width: 768px){
  .carousel .slick-slide{
    --WIDTH: 300px;
  }
}
@media screen and (max-width: 767px){
  .carousel .slick-slide{
    --WIDTH: 150px;
  }
}

.shadow{
  box-shadow: 20px 17px 0px 4px rgba(0,0,0,0.3);
}


@media screen and (max-width: 600px) {
  .shadow{
      box-shadow: 5px 5px 0px 2px rgba(0,0,0,0.2);
  }

  .txtIconBlock {
    font-size: .9em;
  }

}


h7{
font-family: 'Noto Serif JP', serif;
	font-size: 2.4em;
	line-height:1.5em;
	position: relative;
	margin-bottom: 0.8em;
	position: relative;
	border-bottom: solid 3px #d8d8d8;
	line-height: 170%;
}

h7::after{
	position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f7d867;
  bottom: -3px;
  width: 20%;
}