.cafe .page_header img{
    object-position: 0 -116px;/*カフェの紹介の位置変更*/
}

/*-------------------------内容------------------------------*/



.section_content span{
    font-size: 1.125rem;
    font-weight: 500;
    line-height:2.5rem;
    display: inline-block;
    margin:1.875rem 0;
}


/*ようこそ、泉佐野のオーガニックカフェ「organic e-yan」への画像*/
.section_content.e-yan_info{
    position: relative;
}
.section_content.e-yan_info img{
    width:555px;
    height:320px;
    object-fit: cover;
    object-position: 0 1px;
    border-radius: 1.25rem;
    position: absolute;
    top:130px;
    right:0;
}
/*メニューのこだわり：自然と調和した、からだ想いの料理*/
.section_content.menu .prejudice_img{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:1.875rem;
}
.section_content.menu .prejudice_img div{
    width:calc((100% - 4.39%) / 3);
    height:250px;
    border-radius: 1.25rem;
    overflow: hidden;
}
.section_content.menu .prejudice_img div img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.section_content.menu .prejudice_img div:first-of-type img{
    object-position: center -35px;
}
.section_content.menu .prejudice_img div:nth-of-type(2) img{
    width:111.67%;
    object-position: -35px center;
}
/*こんな方におすすめです*/
.section_content.flex div:not(.section_txt){
    width:100%;
    display: flex;
    justify-content: space-between;
}

.section_content.flex img{
    width:555px;
    height:329px;
    object-fit: cover;
    border-radius: 1.25rem;
}
.section_wrapper .section_content:nth-of-type(3) img{
    object-position: 0 -320px;
}
/*人気のドリンクも充実*/
.section_wrapper .section_content:nth-of-type(4) img{
    object-position: 0 -60px;
}
/*カフェ × カルチャーの場として*/
.section_wrapper .section_content:nth-of-type(5) p{
    width:555px;
}
.section_wrapper .section_content:nth-of-type(5) img{
    object-position: 0 -200px;
}






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

1440px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1440px){
    .cafe .page_header img{
        object-position: 0 38%;/*カフェの紹介の位置変更*/
    }


    /*-----------------------------内容-----------------------------*/
    .cafe .page_header img {
        object-position: 0 27%;
    }


    /*--------------------------------------------------------------*/
}



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

1200px以下

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

    /*----------------内容----------------*/
    /*ようこそ、泉佐野のオーガニックカフェ「organic e-yan」への画像*/
    .section_content.e-yan_info img {
        width: clamp(350px, 35.5vw, 450px);
        height: clamp(220px, 21.5vw, 270px);
    }
    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img div{
        height: 16.67vw;
    }
    .section_content.menu .prejudice_img div:nth-of-type(2) img{
        object-position: -25px center;
    }
    /*こんな方におすすめです*/
    .section_content.flex img {
        width: 40.63vw;
        height: 23.43vw;
    }
    /*人気のドリンクも充実*/
    .section_wrapper .section_content:nth-of-type(3) img {
        object-position: 0 -23.5vw;
    }
    /*カフェ × カルチャーの場として*/
    .section_wrapper .section_content:nth-of-type(5) p {
        width: 450px;
    }
    .section_wrapper .section_content:nth-of-type(5) img {
        object-position: 0 -16.67vw;
    }

    /*--------------------------------------*/
}


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

1024px以下

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

    /*---------------内容----------------*/
     /*ようこそ、泉佐野のオーガニックカフェ「organic e-yan」への画像*/
    .section_content.e-yan_info img {
        width: clamp(300px, 33.33vw, 350px);
        height: clamp(120px, 20.72vw, 205px);
    }
    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img div {
        height: 17.58vw;
    }
    /*人気のドリンクも充実*/
    .section_wrapper .section_content:nth-of-type(4) img {
        object-position: 0 -5.37vw;
    }
    /*------------------------------------*/
    
}


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

890px以下

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

    /*---------------内容----------------*/
    /*ようこそ、泉佐野のオーガニックカフェ「organic e-yan」への画像*/
    .section_content.e-yan_info img{
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width:580px;
        height: 340px;
        margin-top:2.5rem;
        text-align: center;
    }

    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .section_content.menu .prejudice_img div {
        width: calc((100% - 4.39%) / 2);
        height: 28.09vw;
    }
    .section_content.menu .prejudice_img div:last-of-type{
        margin-top:.5rem;
    }
    /*こんな方におすすめです*/
    .section_content.flex div:not(.section_txt){
        flex-flow: column;
    }
    .section_content.flex img {
        width: 580px;
        height: 340px;
        margin: 2.5rem auto 0 auto;
    }
    .section_wrapper .section_content:nth-of-type(3) img {
        object-position: 0 -336px;
    }
    /*人気のドリンクも充実*/
    .section_wrapper .section_content:nth-of-type(4) img {
        object-position: 0 -68px;
    }
    /*カフェ × カルチャーの場として*/
    .section_wrapper .section_content:nth-of-type(5) p {
        width: 100%;
    }
    .section_wrapper .section_content:nth-of-type(5) img {
        object-position: 0 -200px;
    }
    /*-----------------------------------*/
}





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

600px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:600px){
    .cafe .page_header img {
        object-position: -35vw center;
    }

    /*---------------内容----------------*/
    /*背景タイトル*/
    .bg_ttl{
        margin-bottom:1.25rem;
    }
    .section_content:nth-of-type(n+2) .bg_ttl {
        margin-top: 1.25rem;
    }

    /*ようこそ、泉佐野のオーガニックカフェ「organic e-yan」への画像*/
    .section_content.e-yan_info img{
        width: 100%;
        height: 53.67vw;
    }
    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img div:first-of-type img {
        object-position: center -20px;
    }
    /*こんな方におすすめです*/
    .section_content.flex img {
        width: 100%;
        height: 53.67vw;
        margin-top:1.25rem;
    }
    .section_wrapper .section_content:nth-of-type(3) img {
        object-position: 0 -51.5vw;
    }
    /*人気のドリンクも充実*/
    .section_wrapper .section_content:nth-of-type(4) img {
        object-position: 0 -10vw;
    }
    /*カフェ × カルチャーの場として*/
    .section_wrapper .section_content:nth-of-type(5) img {
        object-position: 0 -30vw;
    }
    /*----------------------------------*/
    
}



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

425px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:425px){
    .cafe .page_header img {
        object-position: -30vw center;
    }

    /*----------------------------内容-------------------------*/
    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img div{
        width: calc((96% / 2));
    }
    .section_content.menu .prejudice_img div:first-of-type img {
        object-position: center -14px;
    }
    .section_content.menu .prejudice_img div:nth-of-type(2) img {
        object-position: -15px center;
    }
    /*---------*/
}



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

375px以下

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

    /*ページヘッダー*/
    .cafe .page_header img {
        object-position: -150px center;
    }

}


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

320px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:320px){
    /*ページヘッダー*/
    .cafe .page_header img {
        object-position: -170px center;
    }
    /*-------------------------*/

    /*------------------------内容------------------------*/
    /*メニューのこだわり：自然と調和した、からだ想いの料理*/
    .section_content.menu .prejudice_img div:first-of-type img {
        object-position: center -10px;
    }
}