@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 .field--name-field-top-slide-pcimage img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}
.sp_slide .field--name-field-top-slide-spimage img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container{
  position: absolute;
  color: #fff;
  z-index: 99;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.pc_slide .container .slide_items{
  color:#fff;
  font-size:24px;
}
/****必要に応じて変更****/
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items {
  max-width: 390px;
  text-align: left;
  margin-right: auto;
  margin-left:320px;
  
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1{
  text-align: center;
  font-size:1.6rem;
  
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1 {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1:before,
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1:after {
  background-color: #fff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1:before {
  margin-right: 15px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items .slide_text1:after {
  margin-left: 0px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}
#block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items h2{
  font-size:32px;
  color:#fff;
  font-weight: 600;
  margin-top:0px;
  margin-bottom:20px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .3);;
  line-height: 140%;
}
.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:auto;
  text-align: center; 
}
.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;
}

.slick__slide{
  padding:0px;
}

@media screen and (max-width: 991.9px) {
  .pc_slide .field--name-field-top-slide-pcimage img{
    height:auto;
    object-fit: contain;
  }
  #block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container{
    top:20%;
  }
  #block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items h2{
    font-size:2.4rem;
  }
  
}
@media screen and (max-width: 666.9px) {
  #block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items h2{
    font-size:1.8rem;
  }
  #block-vwork-front-vol2-views-block-top-slide-block-1 .pc_slide .container .slide_items{
    margin-left:50px !important;
  }
}
@media screen and (max-width: 527.9px) {
  .pc_slide{
    display: none !important;
  }
  .sp_slide{
    display: block;
  }
}