html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 横方向のはみ出しを防止 */
  }
  

*:not(.globalFooter *,#onetrust-consent-sdk *) {
    font-family: "Zen Maru Gothic", sans-serif !important;
    font-style: normal !important;
    color: #4c4b4c;
    font-weight: 900 !important;
}

#onetrust-consent-sdk * {
    font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif !important;
}
html{
    font-size: 16px;
    scroll-behavior: smooth;
}
a, a:active, a:hover, a:link, a:visited{
    color: inherit;
}
/* サイト幅 */
.con{
    margin-right: auto;
    margin-left: auto;
}
.con-notfade{
    margin-right: auto;
    margin-left: auto;
}

.divmain{
    max-width: 1000px;
    position: relative;
    z-index: 1;
}
.fv{
    position: relative;
    z-index: 1;
}
.bgpink{
    background: #f8d2e2;
}

.anchor{
    margin-top: -6.625rem;
}
.anchor:before{
    content:'';
    display: block;
    padding-top: 6.625rem;
}


/* text */
p::not(.globalFooter)  {
    font-size: 1.25rem;  /* 20px ÷ 16px = 1.25rem */
    line-height: 2;      /* 40 ÷ 20 = 2 */
    font-weight: 700;
}

a:hover{
    text-decoration: none;
}


.color-blue,.color-blue *{
    color: #004da0!important;
}
.color-pink,.color-pink *{
    color: #e3007f!important;
}

.txt-bold *{
    font-weight: 700;
}
.txt-center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.txt-right{
    text-align: right;
}

.txt-span{
    display: inline-block;
}
strong{
    margin-left: 0!important;
}



/*カラム*/
.container {
    display: flex;
}
.column-1 {
    flex: 1;
}
.column-2 {
    flex: 2;
}
.column-2_4 {
    flex: 2.6;
}
.column-3 {
    flex: 3;
    /* メモ：flexプロパティで各カラムの比率を指定しています。
    例えば、左カラムはflex: 1、右カラムはflex: 2とすると、全体の1/3が左カラム、2/3が右カラムになります。
    比率は自由に変更可能です。たとえば、両カラムを1:1にするには両方ともflex: 1に設定します。 */
}

.fleft{
    float: left;
}

.clear{
    clear: both;
}

@media screen and (max-width:1024px){
    .container{
        flex-flow: column;
    }
    .descriptions{
        flex-direction: column-reverse;
    }
    .descriptions-img{
        width: 113%;
        margin-left: -5.6%;
        margin-top: 2.35rem;
    }
}


/* リンク用パーツ */
button{
    font-size: 0.9375rem; /* 15px ÷ 16px = 0.9375rem */
    line-height: 1;    /* 32 ÷ 15 ≈ 2.13 */
    padding: 1.43em 3.6em;
    color: #AA5259;
    border: solid #AA5259 2px;
    border-radius: 50px;
    font-weight: 700;
    background-color: inherit;
}
.sp-button{
    padding: 1.15em 2.6em;
}

.more_link{
    font-size: 0.938rem; /* 18px ÷ 16px = 1.125rem */
    line-height: 1.44;   /* 26 ÷ 18 ≈ 1.44 */
    font-weight: 700;
}
.more_link span{
    position: relative;
    color: #AA5259;
}
.more_link span:after{
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #AA5259;
}
.more_link2{
    font-size: 1.125rem; /* 18px ÷ 16px = 1.125rem */
    line-height: 1.44;   /* 26 ÷ 18 ≈ 1.44 */
    font-weight: 700;
}


/* ホバーアニメーション */
  
  /* 矢印 */
  .arrow-wrap{
    overflow: hidden;
    height: 39.8px;
  }
  .arrow-wrap img{
    transform: translateY(-100%);
    transition: 0.4s ease-in-out;
  }
  .arrow-up:hover .arrow-wrap img{
    transform: translateY(18%);
  }
  /* リンク下線 */
  .more_link:hover span:after{
    animation-name: more_link;
    animation-duration: 0.4s ;
  }
  @keyframes more_link {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
  }
  /* ボタン */
  a button ,a .contact-box ,a .contact-box p{
    transition: 0.4s ease-in-out;
  }
  a:hover button ,a:hover .contact-box{
    background-color: #AA5259;
    color: #fff;
  }
  a:hover .contact-box p{
    color: #fff;
  }


/* 近づいたら表示 */
.con{
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
}

.is-active {
    opacity: 1;
    visibility: visible;
  }



/* 表示制御 */

@media (min-width: 1025px){
    .sp-only,.spbr{
        display: none!important;
    }
}

@media (max-width: 1024px){
    .pc-only,.pcbr{
        display: none!important;
    }
}

.mainbody{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* FV */
header{
    padding: 43px 0px 40px;
}
.logo{
    max-width: 140px;
    margin: 0 auto;
    img{
        width: 100%;
    }
}
.fv_main{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 8.7rem;
    position: relative;
    max-width: 1200px;

    .fv-logo{
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 3;
    }
    .hanigu-logo{
        max-width: 490px;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }
    h2{
        font-size: 2.3rem;
        line-height: 1.3;
        letter-spacing: 0.1em;
        margin-bottom: 1.4rem;
    }
    p{
        font-size: 1.35rem;
        letter-spacing: 0.04em;
        line-height: 2;
    }
    span{
        font-size: 0.4em;
        vertical-align: text-top;
    }
}
@media (min-width: 1196px){
    .fvbr{
        display: none;
    }
}
@media (max-width: 1115px){
    .hanigu-logo{
        width: 40%;
    }
}

@media (max-width: 1024px){
    header{
        padding-top: 32px;
        padding-bottom: 45px;
        .logo{
            max-width: 100px;
        }
    }
    .fv_main{
        margin-bottom: 1.2rem;
        .hanigu-logo{
            margin-bottom: 0.95rem;
        }
        .fv-pkg-sp-1,.fv-pkg-sp-2{
            position: absolute;
            width: 15.5%;
        }
        .fv-pkg-sp-1{
            left: 0.9rem;
            bottom: 0.7rem;
            transform: rotate(-11.77deg);
        }
        .fv-pkg-sp-2{
            right: 0.9rem;
            bottom: 0.8rem;
            transform: rotate(14.09deg);
        }
        h2{
            font-size: 1.23rem;
            line-height: 1.6;
            letter-spacing: 0.21em;
            margin-bottom: 1.2rem;
        }
        p{
            font-size: 0.9rem;
            letter-spacing: 0.05em;
            line-height: 2.2;
        }
        p.sp-only{
            font-size: 0.8rem;
        }
    }
}
@media (max-width: 599px){
    .hanigu-logo{
        width: 100%;
    }
}
@media (max-width: 419px){
    header{
        padding-bottom: 20px;
    }
}
@media (max-width: 366px){
    header{
        padding-bottom: 7px;
    }
}


/* FVパッケージ・音符画像 */
.fv-bg-wrap{
    max-width: 1500px;
    margin: 0 auto;
    border: none;
    *{
        border: none;
    }
}
.fv-bg{
    top: 0;
}
.fv-pkg{
    width: 32.5%;
    max-width: 385.17px;
    min-width: 132px;
}
.fv-pkg-small{
    width: 6.5%;
    max-width: 77.027px;
    min-width: 27px;
}
.pkg-shadow{
    filter: drop-shadow(2rem 3.937rem 1.8125rem rgba(0, 0, 0, 0.2));
}
.fv-bg-left{
    *{
        display: block;
        position: absolute;
    }
    .fv-left-1{
        top:3.2vw;
        left: 5.2vw;
        transform: rotate(-11.77deg);
    }
    .fv-left-2{
        top:10.6vw;
        left: 12.8vw;
        transform: rotate(17.61deg);
    }
    .fv-left-3{
        top:21vw;
        left: 3.5vw;
        transform: rotate(-31.53deg);
    }
    .fv-left-4{
        top: 20.8vw;
        left: 18.3vw;
        transform: rotate(27.25deg);
    }
    .fv-left-5{
        top: 29.9vw;
        left: -2vw;
        /*left: -1.5%;*/
        transform: rotate(-11.64deg);
    }
}
.fv-bg-right{
    *{
        display: block;
        position: absolute;
    }
    .fv-right-1{
        top: 0.9vw;
        left: auto;
        right: 4.9vw;
        transform: rotate(30.68deg);
    }
    .fv-right-2{
        top: 4.1vw;
        left: auto;
        right: 15.8vw;
        transform: rotate(-26.39deg);
    }
    .fv-right-3{
        top: 13.5vw;
        left: auto;
        right: 3vw;
        transform: rotate(22.28deg);
    }
    .fv-right-4{
        top: 17.8vw;
        left: auto;
        right: 15.1vw;
        transform: rotate(-30.63deg);
    }
    .fv-right-5{
        top: 29.3vw;
        left: auto;
        right: -3vw;
        transform: rotate(7.06deg);
    }
    p{
        left: auto;
        right: 2rem;
        top: 68vw;
        margin-right: 1rem;
    }
}
.fv-bg-note{
    border: none;
    *{
        position: absolute;
        top: 10px;
        width: 100%;
        left: 51px;
        border: none;
    }
}
.fv-note-02{
    position: absolute;
    width: 100%;
    bottom: 2rem;
    left: clamp(0rem, 2vw,1.5rem);
    z-index: 2;
}

@media (min-width: 1200px){
    .fv-bg-left{
        .fv-left-1{
            top: 38.400px;
            left: 62.400px;
        }
        .fv-left-2{
            top: 127.200px;
            left: 153.600px;
        }
        .fv-left-3{
            top: 252px;
            left: 42px;
        }
        .fv-left-4{
            top: 249.600px;
            left: 219.600px;
        }
        .fv-left-5{
            top: 358.800px;
            left: -24px;
        }
    }

    .fv-bg-right{
        .fv-right-1{
            top: 10.800px;
            right: 58.800px;
        }
        .fv-right-2{
            top: 49.200px;
            right: 189.600px;
        }
        .fv-right-3{
            top: 162px;
            right: 36px;
        }
        .fv-right-4{
            top: 213.600px;
            right: 181.200px;
        }
        .fv-right-5{
            top: 351.600px;
            right: -36px;
        }
        p{
            left: auto;
            top: 816px;
            right: 16px;
        }
    }
}

@media (min-width: 599px){
    .fv-sp-only{
        display: none;
    }
}
@media (max-width: 599px){
        .fv-pc-only{
        display: none;
    }
    .fv-bg-wrap{
        position: relative;
        width: 100%;
        display: flex;
        margin-bottom: 1.85rem;
    }
    .fv-bg *{
        position: relative;
    }
    .fv-pkg-small{
        width: 22%;
    }
    .fv-pkg{
        width: 109%;
    }
    .fv-bg-left{
        *{
            position: static;
        }
        .fv-left-1{
            margin-top: 0px;
            margin-left: 18px;
            transform: rotate(17.61deg);
        }
        .fv-left-2{
            margin-top: -42.432px;
            margin-left: 95.384px;
            transform: rotate(-11.77deg);
        }
        .fv-left-3{
            margin-top: -30.12px;
            margin-left: 32.48px;
            transform: rotate(-31.54deg);
        }
        .fv-left-4{
            margin-top: -81.376px;
            margin-left: 134.424px;
            transform: rotate(27.25deg);
        }
        .fv-left-5{
            margin-top: -30.728px;
            margin-left: -2.56px;
            transform: rotate(-6.54deg);
        }
    }

    .fv-bg-right{
        margin-top: 50px;
        *{
            position: static;
        }
        .fv-right-1{
            margin-left: auto;
            margin-top: 0px;
            margin-right: 35px;
            transform: rotate(30.68deg);
        }
        .fv-right-2{
            margin-left: auto;
            margin-top: -52.432px;
            margin-right: 125.384px;
            transform: rotate(-10.62deg);
        }
        .fv-right-3{
            margin-left: auto;
            margin-top: -3.12px;
            margin-right: 26.48px;
            transform: rotate(22.28deg);
        }
        .fv-right-4{
            margin-left: auto;
            margin-top: -62.376px;
            margin-right: 116.424px;
            transform: rotate(-0.99deg);
        }
        .fv-right-5{
            margin-left: -28px;
            margin-top: -21.728px;
            transform: rotate(13.42deg);
        }
    }
    .fv-bg-note{
        *{
            position: absolute;
            margin-top: 10px;
            width: 100%;
            left: 0px;
        }
    }
    .fv-note-02{
        width: 100%;
        left: 0;
        bottom: clamp(-3rem,-8vw,-1.6rem);
    }
}

@media (max-width: 409px){
    .fv-bg-left{
        *{
            position: static;
        }
        .fv-left-1{
            margin-top: 0px;
            margin-left: 18px;
            transform: rotate(17.61deg);
        }
        .fv-left-2{
            margin-top: -42.432px;
            margin-left: 55.384px;
            transform: rotate(-11.77deg);
        }
        .fv-left-3{
            margin-top: -30.12px;
            margin-left: 32.48px;
            transform: rotate(-31.54deg);
        }
        .fv-left-4{
            margin-top: -81.376px;
            margin-left: 94.424px;
            transform: rotate(27.25deg);
        }
        .fv-left-5{
            margin-top: -30.728px;
            margin-left: -2.56px;
            transform: rotate(-6.54deg);
        }
    }

    .fv-bg-right{
        margin-top: 50px;
        *{
            position: static;
        }
        .fv-right-1{
            margin-left: auto;
            margin-top: 0px;
            margin-right: 35px;
            transform: rotate(30.68deg);
        }
        .fv-right-2{
            margin-left: auto;
            margin-top: -52.432px;
            margin-right: 105.384px;
            transform: rotate(-10.62deg);
        }
        .fv-right-3{
            margin-left: auto;
            margin-top: -3.12px;
            margin-right: 26.48px;
            transform: rotate(22.28deg);
        }
        .fv-right-4{
            margin-left: auto;
            margin-top: -62.376px;
            margin-right: 76.424px;
            transform: rotate(-0.99deg);
        }
        .fv-right-5{
            margin-left: -28px;
            margin-top: -21.728px;
            transform: rotate(13.42deg);
        }
    }
}


/* section-2 */
.section-2{
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 14.5rem;
    position: relative;
    h2{
        font-size: 1.9rem;
        letter-spacing: 0.07em;
        margin-bottom: 3.0rem;
    }
    p{
        font-size: 1.35rem;
        letter-spacing: 0.12em;
        line-height: 1.9;
        margin-bottom: 0.95rem;
    }
    .bg{
        *{
            position: absolute;
        }
        .bg-face{
            width: 12vw;
            max-width: 141px;
        }
        .face-1{
            transform: rotate(20.19deg);
            top: clamp(0px, 12.7vw, 152.400px);
            left: clamp(-159.6px, -13.3vw, 0px);
        }
        .face-2{
            transform: rotate(-12.65deg);
            top: clamp(0px, 8.7vw, 104.4px);
            right: clamp(-168px, -14vw, 0px);
        }
        .face-3{
            transform: rotate(-23.32deg);
            bottom: clamp(-70.800px, -5.9vw, 0px);
            left: clamp(-39.600px, -3.3vw, 0px);
        }
        .face-4{
            transform: rotate(27.64deg);
            bottom: clamp(-63.600px, -5.3vw, 0px);
            right: clamp(-61.200px, -5.1vw, 0px);
        }
        .star-1{
            width: 8vw;
            max-width: 95px;
            top: -2.5vw;
            left: -10vw;

        }
        .star-2{
            width: 4.8vw;
            max-width: 60px;
            top: -2.7vw;
            right: -8.7vw;
        }
        .star-3{
            width: 4.8vw;
            max-width: 59px;
            bottom: -8.6vw;
            left: -9.9vw;
        }
        .star-4{
            width: 4vw;
            max-width: 48px;
            bottom: 4.2vw;
            right: -9.1vw;
        }
    }
}

@media (max-width: 1024px){
    .section-2{
        margin-bottom: 6rem;
        h2{
            font-size: 1.3rem;
            line-height: 1.55;
            margin-bottom: 1.1rem;
        }
        p{
            font-size: 0.9rem;
            letter-spacing: 0.06em;
            line-height: 2.4;
            margin-bottom: 0.6rem;
        }
        .bg{
            .bg-face{
                width: 15vw;
            }
            .face-1{
                top: 5.8rem;
                left: 3.1rem;
                transform: rotate(27.64deg);
            }
            .face-2{
                top: 6.1rem;
                right: 3.6rem;
            }
            .face-3{
                bottom: -3.2rem;
                left: 3.1rem;
                transform: rotate(20.19deg);
            }
            .face-4{
                bottom: -3.2rem;
                right: 3.2rem;
                transform: rotate(-23.32deg);
            }
        }
    }
}


.section-3{
    max-width: 1048px;
    padding: 0rem 0.7rem;
    margin: 0 auto;
    margin-bottom: 9.7rem;
    .container{
        gap:1.2rem;
        div:first-child{
            min-width: 7.4rem;
            background: url(../img/hukidashi.png);
            background-repeat: no-repeat;
            background-size: 100%;
            margin-top: -1.2rem;
            position: relative;
            p{
                position: absolute;
                top: 1.6rem;
                left: 2rem;
                font-size: 1.4rem;
                
                span{
                    color: inherit;
                    margin-left: 0.1em;
                }
            }
        }
    }
    h2{
        text-align: center;
        font-size: 1.9rem;
        letter-spacing: 0.07em;
        margin-bottom: 6.1rem;
    }
    h3{
        font-size: 1.55rem;
        letter-spacing: 0.11em;
        margin-bottom: 0.3rem;
    }
    p{
        font-size: 1.3rem;
        letter-spacing: 0.11em;
        line-height: 2;
        margin-bottom: 5rem;
    }

    .about-wrap{
        position: relative;
    }
    .about-img{
        *{
            position: absolute;
        }
        .about-pic{
            max-height: none;
        }
        .about-pic-1{
            width: 23.31rem;
            right: -1.25rem;
            top: -10rem;
            z-index: 1;
        }
        .about-icon-1{
            right: 2.4rem;
            top: -12.8rem;
            z-index: 2;
        }
        .about-pic-2{
            width: 20.5rem;
            right: -8.25rem;
            top: -5.6rem;
            z-index: 2;
        }
        .about-icon-2{
            right: 9.3rem;
            top: 7.7rem;
            z-index: 3;
        }
        .about-pic-3{
            width: 19.69rem;
            right: -4.25rem;
            top: -3.5rem;
            z-index: 1;
        }
        .about-icon-3{
            right: 11.4rem;
            top: 9.0rem;
            z-index: 2;
        }
    }
}

@media (max-width: 1024px){
    .section-3{
        margin-bottom: 8.6rem;
        h2{
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
        }
        .about-wrap{
            position: static;
        }
        .container{
            gap: 0;
            *{
                text-align: center;
            }
            div:first-child{
                height: 85px;
                background-size: 110px;
                margin: 0 auto;
                *{
                    margin: 0;
                }
                p{
                    font-size: 1.3rem;
                }
            }
            h3{
                font-size: 1.2rem;
                line-height: 1.6;
                margin-bottom: 0rem;
            }
            p{
                font-size: 1rem;
                margin-bottom: 2.9rem
            }
        }

        .about-img{
            position: relative;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 2.7rem;
            max-width: 400px;
            .about-pic{
                position: static;
                width: 72%;
                max-width: 320px;
                min-width: 240px;
                margin: 0 auto;
            }
            .about-icon-1{
                width: 19%;
                max-width: 90px;
                right: 0;
                top: -1.2rem;
                z-index: 2;
                left: 0;
                margin: 0 auto;
            }
            .about-icon-2{
                width: 15%;
                max-width: 70px;
                right: 2.2rem;
                top: 3.0rem;
                z-index: 2;
            }
            .about-icon-3{
                width: 28%;
                max-width: 130px;
                top: 72%;
                z-index: 2;
                left: 5px;
                transform: rotate(-6deg);
            }
        }
    }

}


.section-4{
    margin: 0 auto;
    margin-bottom: 9.7rem;
    h2{
        text-align: center;
        font-size: 1.9rem;
        letter-spacing: 0.07em;
        margin-bottom: 6.1rem;
        span{
            color: inherit;
        }
    }
    .con{
        padding-right: 3rem;
    }
    .product-wrap{
        max-width: 1280px;
        margin: 0 auto;
    }
    .product{
        flex: 1;
    }
    .package{
        flex: 1;
        min-width: 300px;
        position: relative;
        z-index: 2;
    }
    .property{
        background-color: #fff;
        background-size: 100%;
        max-width: 420px!important;
        max-height: 420px!important;
        flex: 1.2;
        position: relative;
        border-radius: 50%;
        aspect-ratio: 1 / 1 ;
        margin-left: -7rem;
        padding-top: 4rem;
        padding-left: clamp( 5rem, 6.5vw, 5.5rem );
        padding-right: 0rem;
        text-align: left;
        max-width: 420px;
        min-height: none;
        max-height: none;
        .product-icon{
            position: absolute;
        }
        .grape-icon{
            width: 100px;
            top: -50px;
            left: calc( 50% - 50px );
            right: auto;
        }
        .strawberry-icon{
            width: 74px;
            top: -50px;
            left: calc( 50% - 32px );
            right: auto;
        }
        .grape-txt{
            height: 42px;
            margin-top: -0.5rem;
        }
        .strawberry-txt{
            height: 35px;
        }
        p {
            margin-top: 0.5rem;
            font-size: 0.75rem;
            text-align: left;
            line-height: 2.35;
    
        }
    }
}

@media (max-width: 1024px){
    .section-4{
        margin-bottom: 7.4rem;
        .con {
            padding-right: 0rem;
            h2{
                font-size: 1.4rem;
                margin-bottom: 0rem;
            }

            .product:first-child{
                margin-bottom: 1.2rem;
            }
            .package{
                min-width: 225px;
                width: 225px;
                margin: 0 auto;
            }

            .property{
                width: 246px;
                height: 246px;
                max-height: 246px;
                margin: 0 auto;
                margin-top: -4rem;
                padding-top: 2rem;
                padding-left: 0;
                text-align: center;
                p{
                    text-align: center;
                    font-size: 0.55rem;
                    line-height: 1.8;
                }
                .grape-txt{
                    height: 49px;
                    margin-top: 0rem;
                }
                .strawberry-txt{
                    height: 43px;
                }

            }
            .grape-icon{
                width: 50px;
                top: 2rem;
                left: 0rem;
            }
            .strawberry-icon{
                width: 46px;
                top: 2rem;
                left: auto;
                right: 0rem;
            }
        }
    }
}


.section-5{
    padding-bottom: 7rem;
    .caution-box{
        width: 82.5%;
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
        background: #ffffff;
        border-radius: 0.6rem;
        padding: 1.2rem 2rem 2rem 2.5rem;
        position: relative;
        h2{
            font-size: 1.3rem;
            letter-spacing: 0.25em;
            margin-bottom: 1.4rem;
        }
        h2:before,h2:after{
            display: inline;
            content: "";
            padding: 0 1.5em 0px 0px;
            margin: 0.8em 0.1em 0em -0.1em;
            background: url(../img/caution-star.png);
            background-size: 1.2em;
            background-position: 50% 100%;
            background-repeat: no-repeat;
        }
        p{
            font-size: 1.1rem;
            letter-spacing: 0.3em;
            text-align: left;
            margin-bottom: 1.3rem;
            display: flex;
        }
        p:before{
            display: inline;
            content: "";
            padding: 0 1.1em 0px 0px;
            margin-right: 0.5em;
            background: url(../img/caution-note.png);
            background-size: 1.1em;
            background-repeat: no-repeat;

        }
        .caution-pkg{
            width: 5rem;
            position: absolute;
        }
        .caution-pkg-1{
            right: 2.25rem;
            bottom: -1rem;
            transform: rotate(-15.49deg);
        }
        .caution-pkg-2{
            right: -2.4rem;
            bottom: 0.8rem;
            transform: rotate(10.76deg);
        }
    }
}


@media (max-width: 1140px){
    .section-5{
        .caution-box{
            .caution-pkg-1{
                bottom: -8rem;
            }
            .caution-pkg-2{
                bottom: -6.8rem;
            }
        }
    }
}

@media (max-width: 1024px){
    .section-5{
        .caution-box{
            width: 67%;
            padding: 1.8rem 1.3rem;
            h2{
                font-size: 1.4rem;
                margin-bottom: 0.8rem;
            }
            p{
                font-size: 0.9rem;
                letter-spacing: 0.2em;
                text-align: justify;
                line-height: 1.9;
            }
            p:before{
                margin-top: 0.2em;
            }
            .caution-pkg{
                width: 3.6rem;
            }
            .caution-pkg-1{
                right: 3.25rem;
                bottom: -4.6rem;
                transform: rotate(-11.04deg);
            }
            .caution-pkg-2{
                right: 0.6rem;
                bottom: -5.8rem;
            }
        }
    }
}



.section-3,.section-4,.section-4 h2{
    h2:before,h2:after,.hdg:before,.hdg:after{
        display: inline;
            content: "";
            padding: 0 1.3em 0px 0px;
            margin: 0.2em 0.4em 0em 0.2em;
            background: url(../img/hdg-star.png);
            background-size: 1.3em;
            background-repeat: no-repeat;
    }
}
@media (min-width: 1025px){
    .section-4 h2{
        .hdg:before,.hdg:after{
            display: none;
        }
    }
}
@media (max-width: 1024px){
    .section-4{
        h2:before,h2:after{
            display: none!important;
        }
    }
    .section-4 h2{
        .hdg:before,.hdg:after{
            display: inline;
        }
    }
}