.row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

.o-kv_slider_m {
    position: relative;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.matter-title {
    padding-left: 0% !important;
    padding-top: 2vw;
    width: 86%;
}

#mainVisual .image01 img {
    object-position: bottom;
}

#mainVisual .image01 {
    line-height: 1.5;
}

#mainVisual .title-desc {
    padding-right: 2vw !important;
}

#mainVisual .title-desc-inner {
    font-size: 15px;
    border-left: solid 3px #5a5a61;
    padding-left: 3vw;
    margin-left: -3vw;
}

#example {
    margin-top: 16vw;
}

#lifestyle .headerBlock01 {
    padding: 4vw 8vw 3vw 14.5vw;
}

#message .message-block {
    padding: 3vw 8vw 3vw 14.5vw;
}

#message .message-img {
    margin-top: 2vw;
    margin-left: -1vw;
}

.sp{
	display: none;
}

.pc{
	display: block;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}

@media screen and (max-width: 767px) {
    .o-kv_slider_m {
        width: 122%;
    }

    #mainVisual .image01 {
        padding-top: 0;
        height: auto;
    }

    #mainVisual .image01 img {
        position: relative;
    }

    #mainVisual .title-desc-inner {
        font-size: 13px;
    }

    #example {
        margin-top: 0;
    }

    #example>.vessel {
        padding-top: 70px;
    }

    #example>.vessel::before {
        top: 70px;
    }

    #lifestyle .headerBlock01 {
        padding: 3vw 0vw 3vw 0vw;
    }

    #message .message-block {
        padding: 3vw 4vw 3vw 7.5vw;
    }

    .service-info-wrap {
        text-align: left;
        padding-left: 11vw;
    }

    .button-text-wrap {
        position: relative;
        top: -4px;
        display: inline;
    }
    .sp{
		display: block;
	}

	.pc{
		display: none;
	}

}