@charset "UTF-8";

.slider-box {
    /* position: relative; */
    height: 230px;
}
.style-wrap {
	position: relative;
}
.style-catch {
	position: absolute;
    top: -50px;
    right: -50px;
    color: #8B8B8B;
    width: 100%;
    text-align: end;
}
.style-ph {
	position: relative;
}
.style-ph::after {
	content:"";
	position: absolute;
	bottom: 10px;
    right: -15px;
    width: 50px;
    height: .5px;
    background:#000;
    transform:rotate(-45deg);
}
.service-bg {
    position: absolute;
    bottom:0;
    right:0;
    width:30%;
}

  .BTN02 a {
    color: #fff;
  }
  .BTN02 a:hover {
    color: #000;
  }
  .BTN02 a::before {
    background:#fff;
  }



/*PCのみ*/
@media (min-width: 768px) {



}

@media (max-width: 768px) {
    .slider-box {
        /* position: relative; */
        height: 160px;
    }
    .style-catch {
        top: 0;
        right: 0;
        z-index: -1;
    }
    .service-bg {
        width:60%;
    }
}