@charset 'UTF-8';

/*おすすめプラン*/
@media screen and (min-width:641px){
.recommend .slick-prev,
.recommend .slick-next
{
    top: 190px;
    opacity: .5;
    width: 10px;
    height: 41px;
    z-index: 5;
}

.recommend .slick-prev:hover,
.recommend .slick-prev:focus
{
    background-image: url("../../images/prev.webp");
    background-size: cover;
    opacity: 1;
}

.recommend .slick-next:hover,
.recommend .slick-next:focus
{
    background-image: url("../../images/next.webp");
    background-size: cover;
    opacity: 1;
}

.recommend .slick-prev
{
    left: -20px;
    background-image: url("../../images/prev.webp");
    background-size: cover;
}

.recommend .slick-prev:before
{
    display: none;
}

.recommend .slick-next
{
    right: -20px;
    background-image: url("../../images/next.webp");
    background-size: cover;
}

.recommend .slick-next:before
{
    display: none;
}
}

@media screen and (max-width:640px){
.recommend .slick-prev,
.recommend .slick-next
{
    top: 190px;
    opacity: .5;
    width: 10px;
    height: 41px;
    z-index: 5;
}

.recommend .slick-prev:hover,
.recommend .slick-prev:focus
{
    background-image: url("../../images/prev.webp");
    background-size: cover;
    opacity: 1;
}

.recommend .slick-next:hover,
.recommend .slick-next:focus
{
    background-image: url("../../images/next.webp");
    background-size: cover;
    opacity: 1;
}

.recommend .slick-prev
{
    left: 5px;
    background-image: url("../../images/prev.webp");
    background-size: cover;
}

.recommend .slick-prev:before
{
    display: none;
}

.recommend .slick-next
{
    right: 5px;
    background-image: url("../../images/next.webp");
    background-size: cover;
}

.recommend .slick-next:before
{
    display: none;
}
}

.recommend .slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.recommend .slick-dots
{
    bottom: 45px;
}

@media screen and (max-width:640px){
.recommend .slick-dots {
	width: calc(100% - 40px);
}
}

.recommend .slick-dots li
{
    width: 13px;
    height: 13px;
}

.recommend .slick-dots li button
{
    width: 13px;
    height: 13px;
    background: url("../../images/dot.webp");
    background-size: cover;
}

.recommend .slick-dots li button:before
{
    width: 13px;
    height: 13px;

    content: '';
    opacity: 0;
    
    background: url("../../images/dot_cur.webp");
    background-size: cover;
}

.recommend .slick-dots li.slick-active button:before
{
    opacity: 1;
}


/*症例*/
@media screen and (min-width:641px){
.case .slick-prev,
.case .slick-next
{
    top: 205px;
    opacity: .5;
    width: 50px;
    height: 69px;
    z-index: 5;
}

.case .slick-prev:hover,
.case .slick-prev:focus
{
    background-image: url("../../images/case_prev.webp");
    background-size: cover;
    opacity: 1;
}

.case .slick-next:hover,
.case .slick-next:focus
{
    background-image: url("../../images/case_next.webp");
    background-size: cover;
    opacity: 1;
}

.case .slick-prev
{
    left: -33px;
    background-image: url("../../images/case_prev.webp");
    background-size: cover;
}

.case .slick-prev:before
{
    display: none;
}

.case .slick-next
{
    right: -33px;
    background-image: url("../../images/case_next.webp");
    background-size: cover;
}

.case .slick-next:before
{
    display: none;
}
}

@media screen and (max-width:640px){
.case .slick-prev,
.case .slick-next
{
    top: 180px;
    opacity: .5;
    width: 30px;
    height: 41px;
    z-index: 5;
}

.case .slick-prev:hover,
.case .slick-prev:focus
{
    background-image: url("../../images/case_prev.webp");
    background-size: cover;
    opacity: 1;
}

.case .slick-next:hover,
.case .slick-next:focus
{
    background-image: url("../../images/case_next.webp");
    background-size: cover;
    opacity: 1;
}

.case .slick-prev
{
    left: 0;
    background-image: url("../../images/case_prev.webp");
    background-size: cover;
}

.case .slick-prev:before
{
    display: none;
}

.case .slick-next
{
    right: 0;
    background-image: url("../../images/case_next.webp");
    background-size: cover;
}

.case .slick-next:before
{
    display: none;
}
}

.case .slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.case .slick-dots
{
    display: none!important;
}