@charset "utf-8";
/* CSS トップページスライド */
.nobackground {
  background-image:none !important;
  min-height: auto !important;
}

.pc_slide{
  display: block;
  position: relative;
}
.sp_slide{
  position: relative;
}
.pc_slide .blazy {

}
.pc_slide .container{
  position: absolute;
  color: #fff;
  z-index: 99;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
}
.sp_slide .container{
  position: absolute;
  color: #fff;
  z-index: 99;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.pc_slide .container .slide_items{
  color:#fff;
  font-size:24px;
}
/****必要に応じて変更****/
.pc_slide .container .slide_items {
  max-width: 500px;
  margin-left: auto;
}
.pc_slide .container .slide_items h2{
  font-size:24px;
  color:#fff;
  margin-top:0px;
  margin-bottom:20px;
}
.pc_slide .container .slide_items .field--name-field-top-slide-pctext div{
  margin-bottom:20px;
}
.pc_slide .container .slide_items .field--name-field-top-slide-url a{
  display: block;
  height: 40px;
  border: solid 1px #fff;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 0 2.585vw;
  max-width: 200px;
}
.pc_slide .container .slide_items .field--name-field-top-slide-url a:hover{
  opacity: 0.8;
}
.sp_slide{
  display: none;
  position: relative;
}
.sp_slide .container .slide_items {
  max-width: 500px;
  margin-left: auto;
}
.sp_slide .container .slide_items h2{
  font-size:21px;
  color:#fff;
  margin-top:0px;
  margin-bottom:12px;
}
.sp_slide .container .slide_items .field--name-field-top-slide-pctext div{
  margin-bottom:12px;
  color:#fff;
}
.sp_slide .container .slide_items .field--name-field-top-slide-url a{
  display: block;
  height: 30px;
  border: solid 1px #fff;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 0 2.585vw;
  max-width: 200px;
}
.sp_slide .container .slide_items .field--name-field-top-slide-url a:hover{
  opacity: 0.8;
}
.first-view .view-top-slide .slick-next:before,
.first-view .view-top-slide .slick-prev:before{
  filter: brightness(0) invert(1);
  background-size: 30px;
  width: 30px;
  height: 60px;
  opacity: 1;
}
.first-view .view-top-slide nav.slick__arrow .slick-arrow{
  z-index: 9;
}
.path-frontpage .first-view .node--type-top-slide:before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAABdJREFUGFdjZGBg+M/AwMDIACNADAwOACNxAQTGOwk4AAAAAElFTkSuQmCC);
    opacity: 0.4;
}
@media screen and (max-width: 767.9px) {
  .pc_slide{
    display: none;
  }
  .sp_slide{
    display: block;
  }
  
}