/*ヘッダーページの調整*/
.didippo .page_header img {
    object-position: 0 -100px;
}


/*ディジュッポとは*/
.content_flex{
    display: flex;
    justify-content: space-between;
}
.content_flex .bold_txt{
    font-size: 1.125rem;
    font-weight: 500;
    color:#502200;
    line-height: 1.875rem;
    margin:1.875rem 0 2.813rem 0;
}
.content_flex .content_img{
    width:555px;
    height:320px;
    overflow: hidden;
    border-radius: 1.25rem;
}
.content_flex .content_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center -190px;
}

/*ボイス*/
/*波線コンテンツ*/
.voice .section_content{
    padding: 8.06vw 0 1rem 0 ;
}
/*------------*/

.voice_wrapper{
    width:1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.voice_wrapper .voice_txt .voice_big{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.625rem;
    margin-bottom:1.875rem;
}
.voice_wrapper .voice_txt p{
    font-weight: 400;
}
.voice_wrapper .voice_txt h5{
    font-size: 2.5rem;
    font-weight: 700;
    color:#E53961;
    margin:1.875rem 0 3.313rem 0;
}
.voice_wrapper .content_img{
    width:555px;
    height:320px;
    overflow: hidden;
    border-radius: 1.25rem;
}
.voice_wrapper .content_img img{
    width:100%;
    height:100%;
    object-fit: cover;
}

#access {
    margin-top: 7.5rem !important;/*アクセスの上余白*/
}



/*--------------------------------------------------------------------------------------------

1440px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1440px){
    /*ボイス*/
    .voice_wrapper{
        width: clamp(1130px, 83.33vw, 1200px);
    }
}



/*--------------------------------------------------------------------------------------------

1200px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1200px){
    /*ディジュッポとは*/
    .content_flex .content_img img{
        object-position: center -13.75vw;
    }

    /*ボイス*/
    .voice .svg_ttl .section_ja{
        bottom: -4.78vw ;
    }
    .voice .section_content {
        padding: 10.06vw 0 1rem 0 ;
    }
    .voice_wrapper{
        width: clamp(900px, 83.33vw, 1000px);
    }

    /*ディジュッポとは、ボイスの画像*/
    .content_flex .content_img,
    .voice_wrapper .content_img{
        width: 40.63vw;
        height: 23.43vw;
    }
}



/*--------------------------------------------------------------------------------------------

1024px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1024px){
    /*ボイス*/
    .voice_wrapper{
        width: clamp(856px, 87.89vw, 900px);
    }
    .voice .svg_ttl .section_ja {
        bottom: -6.78vw;
    }
    .voice .section_content {
        padding: 13.06vw 0 1rem 0;
    }
}



/*--------------------------------------------------------------------------------------------

890px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:890px){
    /*ページヘッダーの調整*/
    .didippo .page_header img {
        object-position: 0 -80px;
    }


    /*ディジュッポとは*/
    .content_flex{
        flex-flow: column;
    }

    .content_flex .content_img img{
        object-position: center -200px;
    }

    /*ボイス*/
    .voice_wrapper{
        width: clamp(750px, 92.13vw, 820px);
        flex-flow: column;
    }
    .voice .svg_ttl .section_ja {
        bottom: -8.78vw;
    }
    .voice .section_content {
        padding: 15.06vw 0 1rem 0;
    }


    /*ディジュッポとは、ボイスの画像*/
    .content_flex .content_img,
    .voice_wrapper .content_img{
        width: 580px;
        height: 340px;
        margin: 3.5rem auto 0 auto;
    }

}


/*--------------------------------------------------------------------------------------------

768px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:768px){
    /*ページヘッダーの調整*/
    .didippo .page_header img {
        object-position: 0 -10vw;
    }

    
    /*ボイス*/
    .voice_wrapper{
        width: 95%;
    }
    .voice .svg_ttl .section_ja {
        bottom: -21.78vw;
    }
    .voice .section_content {
        padding: 33.06vw 0 1rem 0;
    }
}


/*--------------------------------------------------------------------------------------------

600px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:600px){
    /*ヘッダーページの調整*/
    .didippo .page_header img {
        width: 219.73%;
        object-position: -100vw -40vw;
    }

    /*ディジュッポとは*/
    .content_flex .content_img img {
        object-position: center -30vw;
    }

    /*ボイス*/
    .voice_wrapper{
        width: 90%;
    }
    .voice .svg_ttl .section_ja {
        bottom: -120px;
    }
    .voice .section_content {
        padding: 180px 0 1rem 0;
    }
    .voice .bottom_svg {
        top: 0;
    }


    /*ディジュッポとは、ボイスの画像*/
    .content_flex .content_img,
    .voice_wrapper .content_img{
        width: 100%;
        height: 53.67vw;
    }
}


/*--------------------------------------------------------------------------------------------

425px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:425px){
    /*ページヘッダーの調整*/
    .didippo .page_header img {
        object-position: -100vw 90%;
    }

    /*ボイス*/
    .voice_wrapper{
        width: 89.33%;
    }
    .voice_wrapper .voice_txt .voice_big{
        font-size: 1.125rem;
        line-height: 2.125rem;
    }
    .voice_wrapper .voice_txt h5 {
        font-size: 2.125rem;
    }
    
}



/*--------------------------------------------------------------------------------------------

375px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:375px){
     /*ページヘッダーの調整*/
     .didippo .page_header img {
        object-position: -100vw 95%;
    }

    /*ボイス*/
    .voice_wrapper{
        width: clamp(280px,89.33vw,335px);
    }
}


/*--------------------------------------------------------------------------------------------

320px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:320px){
}