@charset "UTF-8";


:root{
    --color_w:#fff;
    --color_title:#638aae;
    --color_b:#000;
    --color_blue:#60c8e1;
    --color_pink:#dc648c;
    --color_yellow:#fdff30;
    --color_gray:#d4dbdf;
    --color_gray2:#676767;}

/* TOPICS上段　*/
.slider-topic .slick-slide {
  margin: 0 40px;
  position: relative;
  overflow: hidden;
}
.slider-topic .slick-slide img {
  padding: 5px;
  display: block;
  width: 100%;
  height: 200px;
  object-fit: contain;
  box-sizing: border-box;
}
.slider-topic .slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-topic .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #09000d;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 18px;
  transform: rotate(45deg);
}
.slider-topic .slick-next {
  right: 0;
}
.slider-topic .slick-prev {
  left: 0;
}
.slider-topic .slick-next::before {
  left: 15px;
}
.slider-topic .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 15px;
}

@media screen and (min-width:769px) and ( max-width:1440px) {
.sliderpc_only{
    display: none;}
.slideripad_only{
    display: block;} 
.slidersp_only{
    display: none;}     
.full div {
  background-position: center center;
}       
}

@media (max-aspect-ratio: 3/4) {
.sliderpc_only{
    display: none;}
.slideripad_only{
    display: block;} 
.slidersp_only{
    display: none;}} 
@media only screen and (max-width: 768px) {
.sliderpc_only{
    display: none;}
.slideripad_only{
    display: none;} 
.slidersp_only{
    display: block;}}


@media only screen and (max-width: 768px) {
.slider4-wrap {
  width: 100%;
  margin:auto;
  position: relative;
}
.slider-4 .slick-slide {
  height: 800px;
  overflow: hidden;
}
}

@media only screen and (max-width: 600px) {
.slider-4 .slick-slide {
  height: 600px;
  overflow: hidden;
}
    
}