@media screen and (max-width:3000px){

.paraslider-container {
            position: relative;
            width: 100%;
            aspect-ratio:3000/1688;
            overflow: hidden;
            background: #000;
        }

        .paraslide {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            will-change: transform;
            top: 0;
            left: 0;
            overflow: hidden;
        }

        .paraslide-inner {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .paraslide-bg {
            position: absolute;
            width: 140%; /* 背景サイズを大きく */
            height: 140%; /* 背景サイズを大きく */
            background-size: cover;
            background-position: center;
            will-change: transform;
            top: -20%; /* ネガティブマージン */
            left: -20%; /* ネガティブマージン */
            transform-origin: center;
        }

        .paraslide-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            color: white;
            text-align: center;
            width: 100%;
            pointer-events: none;
        }

        .paraslide-title {
            /*font-size: 4rem;*/
            margin-bottom: 20px;
            opacity: 0;
            transform: translateY(50px);
            /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
        }

        .paraslide-description {
            /*font-size: 1.5rem;*/
            opacity: 0;
            transform: translateY(30px);
            /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
        }

        .progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            z-index: 10;
        }

        .progress {
            width: 0;
            height: 100%;
            background: white;
        }

.para_img01{background:url("../img/index01_LL.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:3000/1688;}

.para_img02{background:url("../img/index02_LL.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:3000/1688;}

.para_img03{background:url("../img/index03_LL.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:3000/1688;}

.para_img04{background:url("../img/index04_LL.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:3000/1688;}

.para_img05{background:url("../img/index05_LL.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:3000/1688;}

}

@media screen and (max-width:767px){
.paraslider-container {
            position: relative;
            width: 100%;
            aspect-ratio:800/1000;
            overflow: hidden;
            background: #000;
        }

        .paraslide {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            will-change: transform;
            top: 0;
            left: 0;
            overflow: hidden;
        }

        .paraslide-inner {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .paraslide-bg {
            position: absolute;
            width: 140%; /* 背景サイズを大きく */
            height: 140%; /* 背景サイズを大きく */
            background-size: cover;
            background-position: center;
            will-change: transform;
            top: -20%; /* ネガティブマージン */
            left: -20%; /* ネガティブマージン */
            transform-origin: center;
        }

        .paraslide-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            color: white;
            text-align: center;
            width: 100%;
            pointer-events: none;
        }

        .paraslide-title {
            /*font-size: 4rem;*/
            margin-bottom: 20px;
            opacity: 0;
            transform: translateY(50px);
            /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
        }

        .paraslide-description {
            /*font-size: 1.5rem;*/
            opacity: 0;
            transform: translateY(30px);
            /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
        }

        .progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            z-index: 10;
        }

        .progress {
            width: 0;
            height: 100%;
            background: white;
        }

.para_img01{background:url("../img/index01_s.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:800/1000;}

.para_img02{background:url("../img/index02_s.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:800/1000;}

.para_img03{background:url("../img/index03_s.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:800/1000;}

.para_img04{background:url("../img/index04_s.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:800/1000;}

.para_img05{background:url("../img/index05_s.jpg") no-repeat;

background-position:center center;background-size:cover;aspect-ratio:800/1000;}





}