body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

.haikei-ao {
    background: #082D88;
    position: relative;
    padding: 3vw 0 20vw 0;
}

.haikei-ao05 {
    background: #082D88;
}

.haikei-siro {
    background: #fff;
}

.moji-siro {
    color: #fff;
}

.goron-gorn {
    display: block;
}

img {
    width: 100%;
    height: auto;
}

.hr6 {
    color: #1FEB1E;
    font-size: 3vw;
    text-align: center;
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: 700;
    letter-spacing: 0.7vw;
    padding: 0 0 2.5vw 0;
    margin: 0;
}


.hedon-roog {
    position: absolute;
    bottom: 16vw;
    left: 0;
    width: 95%;
    margin: 0 3vw;
}

.hedon-roog2 {
    position: absolute;
    bottom: -2%;
    left: 47%;
    width: 20%;
    height: auto;
    margin: 0 3vw;
    transform: translate(-50%, -50%);
}

h1 {
    width: 20vw;
    height: auto;
    margin: 7vw auto 3vw auto;
}

h1 img {
    text-align: center;
}

h2 {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

h3 {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

h4 {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

p {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-size: 1.4vw;
    letter-spacing: 0.25vw;
    line-height: 2;
}

li {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

a {
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

.naka {
    text-align: center;
}

.moji500 {
    font-weight: 500;
}

.moji400 {
    font-weight: 400;
}

.moji-kan {
    letter-spacing: 0.25vw;
}

.aoiro-moji {
    color: #082D88;
}

.midasiko {
    position: relative;
    margin: -5px 0;
    z-index: 2;
}

.midasiko img {
    margin: 0;
}

.midasiko h2 {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.5vw;
    text-align: center;
}

.kiki50 {
    width: 100%;
    height: 5vw;
}

.kiki20 {
    width: 100%;
    height: 2vw;
}


h3 {
    color: #1FEB1E;
    font-size: 2.5vw;
    letter-spacing: 0.3vw;
}

.body80 {
    width: 80vw;
    height: auto;
    margin: 0 auto;
}

.body880 {
    width: 780px;
    height: auto;
    margin: 0 auto;
}

.body320 {
    width: 380px;
    height: auto;
    margin: 0 auto;
}

.body320 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.konomono {
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
}

.eguri {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 4vw;
}

.left {}

.right {}

.migi-oni {
    background: #1FEB1E;
    width: 80vw;
    margin: 2vw 0 6vw auto;
    padding: 10vw 2vw 10vw 8vw;
}

.migi-oni h4 {
    font-size: 2.5vw;
    position: relative;
}


.mmk {
    margin-top: 6vw;
}


.migi-oni h4 span {
    width: 35vw;
    height: 2px;
    position: absolute;
    bottom: -2vw;
    left: 0;
    display: block;
    background: #000;
}

.migi-oni2 {
    background: #1FEB1E;
    width: 70vw;
    margin: 2vw 0 6vw auto;
    padding: 8vw 2vw 8vw 8vw;
}

.migi-oni2 h4 {
    font-size: 2.5vw;
    position: relative;
}


.migi-oni p {
    letter-spacing: 0.1vw;
}

.migi-oni2 h4 span {
    width: 35vw;
    height: 2px;
    position: absolute;
    bottom: -2vw;
    left: 0;
    display: block;
    background: #000;
}


.migi-oni2 p {
    letter-spacing: 0.1vw;
}

.hidari-oni {
    background: #1FEB1E;
    width: 70vw;
    margin: 2vw auto 6vw 0;
    padding: 10vw 10vw 10vw 2vw;
}

.hidari-oni h4 {
    font-size: 2.5vw;
    position: relative;
}


.hidari-oni h4 span {
    width: 35vw;
    height: 2px;
    position: absolute;
    bottom: -2vw;
    left: 0;
    display: block;
    background: #000;
}


.hidari-oni p {
    letter-spacing: 0.1vw;
}

.hidari-oni3 {
    background: #1FEB1E;
    width: 63vw;
    margin: 2vw auto 6vw 0;
    padding: 8vw 10vw 8vw 7vw;
}

.hidari-oni3 h4 {
    font-size: 2.5vw;
    position: relative;
}


.hidari-oni3 h4 span {
    width: 35vw;
    height: 2px;
    position: absolute;
    bottom: -2vw;
    left: 0;
    display: block;
    background: #000;
}


.hidari-oni3 p {
    letter-spacing: 0.1vw;
}

.gurin-buro {
    display: grid;
    grid-template-columns: 1fr 1.3fr;

}

.gurin-buro2 {
    display: grid;
    grid-template-columns: 1.7fr 1fr;

}

.gurin-buro3 {
    display: grid;
    grid-template-columns: 1.3fr 1fr;

}







.navio {
    position: relative;
}

.hamburger {
    position: absolute;
    top: 5vw;
    right: 5vw;
    width: 56px;
    height: 50px;
    border: 0;
    background: transparent;
    color: var(--white);
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 1001;
    color: #fff;
    background: #082D88;
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.hamburger.is-fixed {
    position: fixed;
    top: 2rem;   /* 好みで微調整 */
    right: 2rem; /* 好みで微調整 */
    opacity: 1;
    pointer-events: auto;
}

/* メニュー展開中は常に操作できるように固定＆表示 */
.hamburger[aria-expanded="true"] {
    position: fixed;
    opacity: 1;
    pointer-events: auto;
}

.hamburger .icon33 {
    position: relative;
    width: 32px;
    height: 12px;
    color: #fff;
}

.hamburger .bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--white);
    border-radius: 1px;
    transition: transform .25s ease, opacity .2s ease;
}

.hamburger .bar.top {
    transform: translateY(-8px);
    border-top: solid 3px #fff;
}

.hamburger .bar.mid {
    transform: translateY(0);
    border-top: solid 3px #fff;
}

.hamburger .bar.bot {
    transform: translateY(8px);
    border-top: solid 3px #fff;
}

.hamburger .label {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    letter-spacing: .12em;
    white-space: nowrap;
    user-select: none;
}

.label-close {
    display: none
}

/* 開いた時はXに変形＋ラベル切替 */
.hamburger[aria-expanded="true"] .bar.top {
    transform: translateY(0) rotate(45deg)
}

.hamburger[aria-expanded="true"] .bar.mid {
    opacity: 0
}

.hamburger[aria-expanded="true"] .bar.bot {
    transform: translateY(0) rotate(-45deg)
}

.hamburger[aria-expanded="true"] .label-menu {
    display: none
}

.hamburger[aria-expanded="true"] .label-close {
    display: block
}

/* 全画面オーバーレイナビ */
.nav-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: var(--blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    background: #082D88;
}

.nav-overlay[aria-hidden="false"] {
    opacity: 1;
    visibility: visible
}

/* 中央メニュー */
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    letter-spacing: .22em;
    font-size: 14px;
    margin-top: 10vh;
    font-size: 1.4vw;
    letter-spacing: 0.25vw;
    line-height: 1.5;
    font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
}

.nav-list a {
    padding: 6px 12px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.nav-list a:hover {
    opacity: .85
}

/* 下部グリーンバー */
.nav-cta {
    margin-top: auto;
    width: 100%;
    background: var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.cta-btn {
    width: 100%;
    background: #1FEB1E;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0 0 0;
}

.cta-btn img {
    width: 40%;
}

/* 省モーション対応 */
@media (prefers-reduced-motion:reduce) {

    .hamburger .bar,
    .nav-overlay {
        transition: none
    }
}

.cta-btn2 {
    display: none;
}

.cta-btn2 img {
    width: 40%;
}









.syasin-to {
    position: relative;
}

.syasin-to:before {
    position: absolute;
    top: -8vw;
    left: -15vw;
    content: '';
    display: inline-block;
    width: 45vw;
    height: 55vw;
    background-image: url(../img/ss2.webp);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.syasin-to2 {
    position: relative;
}

.syasin-to2:before {
    position: absolute;
    top: -8vw;
    right: -22vw;
    content: '';
    display: inline-block;
    width: 35vw;
    height: 35vw;
    background-image: url(../img/ss3.webp);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.syasin-to3 {
    position: relative;
}

.syasin-to3:before {
    position: absolute;
    top: -12vw;
    right: -22vw;
    content: '';
    display: inline-block;
    width: 45vw;
    height: 55vw;
    background-image: url(../img/ss5.webp);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.syasin-to4 {
    position: relative;
}

.syasin-to4:before {
    position: absolute;
    top: -8vw;
    left: -22vw;
    content: '';
    display: inline-block;
    width: 50vw;
    height: 60vw;
    background-image: url(../img/ss6.webp);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}


.piropirok {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3vw;
}

.manakamakana {
    display: flex;
    justify-content: center;
    align-items: center;
}

.migihe {
    text-align: right;
    margin-bottom: 8vw;
}


.fta {
    margin: 0;
    padding: 0;
    position: relative;
}

.fta img {
    margin: -5px 0;
    padding: 0;
    display: block;
}

.aoi-mjinonono {
    color: #082D88;
    margin: 1.5vw 0 1vw 0;
    text-align: center;
    font-size: 1.6vw;
}

.aoi-mjinonono a {
    text-decoration: none;
    color: #082D88;
}


.nanbarin {
    position: relative;
}

.nanbarin:before {
    content: '';
    display: inline-block;
    width: 15vw;
    height: 15vw;
    background-image: url(../img/m1.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    top: -6vw;
    left: -10vw;
}

.nanbarin2 {
    position: relative;
}

.nanbarin2:before {
    content: '';
    display: inline-block;
    width: 15vw;
    height: 15vw;
    background-image: url(../img/m2.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    top: -6vw;
    right: -10vw;
}

.nanbarin3 {
    position: absolute;
    top: 76%;
    left: 43%;
    width: 12vw;
    height: auto;
}

.nanbarin4 {
    position: relative;
}




.carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.carousel-container img {
    width: 100%;
}

.carousel {
    display: flex;
    width: calc(100% * 3);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.top-carousel .carousel {
    animation: slide-left 45s linear infinite;
}

.bottom-carousel .carousel {
    animation: slide-right 45s linear infinite;
}

@keyframes slide-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes slide-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.fade-in-left,
.fade-in-right {
    opacity: 0;
    transition: opacity 2s ease-out, transform 2s ease-out;
}

.fade-in-left {
    transform: translateX(-100px);
}

.fade-in-right {
    transform: translateX(100px);
}

body {
    overflow-x: hidden;
}

.kokokoo {
    position: relative;
}

.kokokoo h2 {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.5vw;
    letter-spacing: 0.2vw;
    z-index: 500;
}

.slider-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.slide {
    min-width: 100%;
}

.slide img {
    width: 100%;
    display: block;
}

.prev,
.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* フェードイン */

.fade-in-left.in, .fade-in-right.in {
  opacity: 1;
  transform: translateX(0);
}

/* スライダー前提 */
.slider-viewport { overflow: hidden; position: relative; }
.slider { display: flex; will-change: transform; }
.slide { flex: 0 0 100%; }

a:hover {
    opacity: 0.7;
}

.pc99 {
    display: block !important;
}

.sp99 {
    display: none !important;
}

.midorinotanuki {
    color: #1FEB1E;
}

.maurin {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/ebo01.jpg') 0 0 no-repeat;
    background-size: contain;
}

.maurin1 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_1.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin2 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_2.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin3 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_3.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin4 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_4.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin5 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_5.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin6 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_6.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin7 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_7.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin8 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_8.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin9 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_9.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin10 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_10.png') 0 0 no-repeat;
    background-size: contain;
}

.maurin11 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_11.png') 0 0 no-repeat;
    background-size: contain;
}
.maurin12 {
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 56.71875%;
    background: url('../img/pc_12.png') 0 0 no-repeat;
    background-size: contain;
}


.tuibidayon {
    position: fixed;
    bottom: 2vw;
    right: 0;
    width: 10vw;
    height: 10vw;
    z-index: 2;
}

.custom-list7 {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-list7 li {
    padding: 5px;
    margin: 0 15px;
    font-size: 1.3vw;
}

.custom-list7 a {
    color: #082D88;
    text-decoration: none;
}


@media screen and (max-width: 1260px) {
    .carousel-container img {
        width: 45%;
    }
}

@media screen and (max-width: 768px) {
    .custom-list7 {
        list-style-type: none;
        padding: 0;
        margin: 30px 0 30px 0;
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
    }

    .custom-list7 li {
        padding: 5px;
        margin: 0 3px;
        font-size: 3vw;
    }

    .tuibidayon {
        position: fixed;
        bottom: 0vw;
        right: 0;
        width: 100%;
        height: auto;
        z-index: 2;
    }

    .pc99 {
        display: none !important;
    }

    .sp99 {
        display: block !important;
    }

    .hr6 {
        font-size: 6vw;
        padding: 0 0 2.5vw 0;
        line-height: 1.3;
    }

    .hedon-roog2 {
        bottom: -7%;
        left: 47%;
        width: 50%;
        margin: 0 3vw;
    }

    .hedon-roog {
        position: absolute;
        bottom: 34vw;
        left: 0;
        width: 95%;
        margin: 0 3vw;
    }

    .haikei-ao {
        padding: 3vw 0 50vw 0;
    }

    h1 {
        width: 66vw;
        margin: 20vw auto 3vw auto;
    }

    p {
        font-size: 3.7vw;
        letter-spacing: 0.25vw;
        line-height: 2;
    }

    .aoiro-moji {
        padding: 0 20px;
    }

    .midasiko h2 {
        top: 42%;
        left: 18%;
        transform: translate(-8%, -50%);
        font-size: 7vw;
    }

    .eguri {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4vw;
    }

    .right {
        order: -1;
    }

    .mmk {
        margin-top: 22vw;
    }

    h3 {
        color: #1FEB1E;
        font-size: 7.5vw;
        letter-spacing: 0.5vw;
    }

    .nanbarin:before {
        width: 24vw;
        height: 19vw;
        top: -122vw;
        left: -9vw;
    }

    .gurin-buro {
        display: grid;
        grid-template-columns: 1fr;
    }

    .migi-oni {
        background: #1FEB1E;
        width: 100%;
        margin: 42vw 0 6vw 0;
        padding: 33vw 15px 10vw 15px;
    }

    .syasin-to:before {
        top: -63vw;
        left: 6%;
        width: 85vw;
        height: 76vw;
    }

    .migi-oni h4 {
        font-size: 5.6vw;
    }

    .hidari-oni {
        width: 100%;
        margin: 62vw auto 19vw 0;
        padding: 10vw 15px 10vw 15px;
    }

    .gurin-buro2 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hidari-oni h4 {
        font-size: 5.6vw;
    }

    .syasin-to2:before {
        top: -117vw;
        right: 14vw;
        width: 79vw;
        height: 80vw;
    }

    .piropirok {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3vw;
    }

    .nanbarin2:before {
        width: 29vw;
        height: 24vw;
        top: -125vw;
        right: 51vw;
    }

    .hidari-oni3 {
        background: #1FEB1E;
        width: 100%;
        margin: 41vw 0 6vw 0;
        padding: 22vw 10vw 8vw 7vw;
    }

    .syasin-to3:before {
        position: absolute;
        top: -118vw;
        right: 18vw;
        width: 76vw;
        height: 78vw;
    }

    .hidari-oni3 {
        background: #1FEB1E;
        width: 100%;
        margin: 52vw 0 6vw 0;
        padding: 22vw 15px 8vw 15px;
    }

    .hidari-oni3 h4 {
        font-size: 5.6vw;
    }

    .migi-oni2 {
        background: #1FEB1E;
        width: 100%;
        margin: 60vw 0 0 0;
        padding: 25vw 15px 8vw 15px;
    }

    .syasin-to4:before {
        top: -62vw;
        left: 7vw;
        width: 77vw;
        height: 67vw;
    }

    .migi-oni2 h4 {
        font-size: 5.6vw;
    }

    .maurin {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/ebo-sp01.jpg') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin1 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_1.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin2 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_2.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin3 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_3.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin4 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_4.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin5 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_5.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin6 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_6.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin7 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_7.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin8 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_8.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin9 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_9.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin10 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_10.png') 0 0 no-repeat;
        background-size: contain;
    }

    .maurin11 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_11.png') 0 0 no-repeat;
        background-size: contain;
    }
    .maurin12 {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 133.687943262%;
        background: url('../img/sp_12.png') 0 0 no-repeat;
        background-size: contain;
    }

    .kokokoo h2 {
        top: 4%;
        left: 50%;
        color: #fff;
        font-size: 6.5vw;
    }

    .aoi-mjinonono {
        margin: 5vw 0 21vw 0;
        font-size: 3.6vw;
    }

    .nanbarin3 {
        position: absolute;
        top: 40%;
        left: 28%;
        width: 42vw;
        height: auto;
    }

    .haikei-ao05 {
        overflow-x: hidden;
    }

    .nav-list {
        font-size: 3.4vw;
        letter-spacing: 0.25vw;
        line-height: 1.5;
    }

    .cta-btn2 {
        width: 100%;
        background: #1FEB1E;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2vw 0 0 0;
    }

    .cta-btn2 img {
        width: 40%;
        z-index: 2;
    }

    .aoiro-moji {
        padding: 0 20px 50px 0;
    }
    .custom-list7 li:last-child {
    flex-basis: 100%;   /* 幅100%で次の行に */
    text-align: center; /* 中央寄せ */
}
}