@charset "utf-8";



#slide_pc, .sample {
	width: 100%;
}
#slide_pc div {
	height: auto;
}

#slide_pc div:nth-child(1), .contents01 span, .nav01 span {
	background: #FFF;
}
#slide_pc div:nth-child(2), .contents02 span, .nav02 span {
	background: #FFF;
}
#slide_pc div:nth-child(3), .contents03 span, .nav03 span {
	background: #FFF;
}
#slide_pc div:nth-child(4), .contents04 span, .nav04 span {
	background: #FFF;
}
#slide_pc div:nth-child(5), .contents05 span, .nav05 span {
	background: #FFF;
}

@media screen and (min-width: 800px){
.slick_container {
    width:100%; /* 任意の値 */
    margin:50px auto 0 auto; /* 任意の値 */
    position:relative;
}

 .slick-prev, .slick-next {
    width:30px; /* 画像幅 */
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:9999;
}
.slick-prev{
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.slick-next{
	right:20px;
	top:0;
	bottom:0;
  margin: auto;
}

.slick-arrow{
z-index:9999;/* 値は適当に */
}


.slick-slide {
  transition: .3s ease;
}
.slick-slide:not(.slick-current) {
   opacity: .3;
   filter: brightness(30%);
   -webkit-filter: brightness(30%);
   -moz-filter: brightness(30%);
   -o-filter: brightness(30%);
   -ms-filter: brightness(0.7);
}

}



@media screen and (max-width: 800px){
.slick_container {
    width:100%; /* 任意の値 */
    margin:40px auto 40px  auto; /* 任意の値 */
    position:relative;
}

 .slick-prev, .slick-next {
    width:50px; /* 画像幅 */
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:9999;
}
.slick-prev{
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.slick-next{
	right:10px;
	top:0;
	bottom:0;
  margin: auto;
}

.slick-arrow{
z-index:9999;/* 値は適当に */
}
}