.header_container svg{
    top: 70px;/*下層ページのみ波線の位置を変更*/
}

/*葉っぱのあしらいの位置変更*/
.treat .leaf_2{
    right: -3vw;
    top: 310px;
}
.treat .leaf_3{
    top: 580px;
}
/*---------------------*/

h2{
    font-size: 1.25rem;
    text-align: center;
    margin-top:100px;
    width:100vw;
}



/*コンテンツ幅*/
.container{
    width:1200px;
    margin:0 auto 0 auto;
}
/*-----------------------*/

/*パンくずリスト*/
.pan{
    margin-top:80px;
}
.pan ul{
    display: flex;
}
.pan ul li{
    position: relative;
    font-weight: 400;
    margin-right:1.5rem;
    margin-left:.5rem;
}

.pan ul li::after{
    content:"＞";
    display: block;
    position: absolute;
    top:0;
    right:-1.5rem;
}
.pan ul li:last-of-type::after{
    content:"";
    display: none;
}
.pan ul li a{
    color:#2B2B2B;
}

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


/*ページヘッダー*/
.page_header{
    width:100%;
    height:500px;
    position: relative;
    z-index: 2;
    margin-top:3.75rem;
    border-radius: 2.5rem;
    overflow: hidden;
}
.page_header img{
    width: 101.92%;
    height:100%;
    object-fit: cover;
}
/*ページタイトル*/
.page_ttl{
    margin-top:6.375rem;
}
h3{
    font-family: "Train One", system-ui;
    color:#F0B760;
    font-size: 5.25rem;
    font-weight: 400;
}
.page_ttl p{
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 3rem;
    margin-top: 1.25rem;
}
/*------------------------*/

/*-------------------------内容------------------------------*/
.section_wrapper{
    width:100%;
    margin-top:1.875rem;
}
.section_wrapper p{
    font-weight: 400;
    line-height:1.75rem;
}

/*背景タイトル*/
.bg_ttl{
    width:calc(100% - 3.75rem);
    padding:1.563rem 1.875rem;
    background-color: #FAE9D2;
    font-size: 1.5rem;
    margin-bottom:2.813rem;
}
.section_content:nth-of-type(n+2) .bg_ttl{
    margin-top:5.625rem;
}

/*リスト*/
.section_content .list{
    line-height:2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
}


/*波線コンテンツ*/
section{
    margin-top:5.625rem;
}
.svg_ttl{
    position: relative;
}
.svg_ttl svg{
    transform: scale(1,-1);
    position: static;
}
.svg_ttl h3 {
    width: 100vw;
    text-align: center;
    position: absolute;
    top: 6.59vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.svg_ttl .section_ja{
    width: 100vw;
    position: absolute;
    bottom:-2.78vw;
    z-index: 2;
    text-align: center;
}

section .section_content{
    background-color: #FAE9D2;
    position: relative;
    padding: 3.07vw 0 1rem 0;
    top: -3.07vw;
}
/*下のsvg*/
.bottom_svg{
    position:relative;
    top:-165px;
    z-index: -1;
}
/*--------------------------------*/



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

1440px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1440px){
    .container{
        width: clamp(1130px, 38.54vw, 1200px);
    }

    /*コンテンツ下のsvg*/
    .bottom_svg{
        top: -11.46vw;
    }
}

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

1200px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1200px){
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_2{
        right: -3%;
        top: 270px;
    }
    .treat .leaf_3 {
        top: 530px;
        left: -5.5%;
    }
    /*------------------------*/
    h2{
        margin-top: 5.33vw;
    }

    /*ページヘッダー*/
    .page_header{
        height: clamp(420px, 38.33vw, 460px);
    }
    .page_header img{
        object-position: 0 32%;
    }
    /*-------------*/
    
    .container{
        width: clamp(900px, 83.33vw, 1000px);
    }

    /*メニュー内容*/
    section .section_content{
        padding: 6.07vw 0 1rem 0;
    }
}


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

1024px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:1024px){
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_2 {
        right: -6%;
        top: 29vw;
    }
    .treat .leaf_3 {
        top: 510px;
        left: -8%;
    }
    /*-----------------------*/

    /*ページヘッダー*/
    .page_header {
        height: clamp(390px, 41.02vw, 420px);
    }
    .page_header img {
        width: 103.92%;
    }
    /*------------*/

    .container{
        width: clamp(856px, 87.89vw, 900px);
    }
}


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

890px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:890px){
    /*ヘッダーメニュー*/
    .sp_nav{
        padding: 26rem 0 3.75rem 0;
    }
    .sp_nav_container{
        height: 160%;
    }
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_2 {
        right: -8%;
        top: 21vw;
    }
    .treat .leaf_3 {
        top: 44vw;
        left: -10%;
    }
    /*------------------------*/
    
    .header_container {
        height: 240px;
    }
    .header_container .pc_nav h1{
        top: 0;
    }
    .header_container svg {
        top: 192px;
    }
    h2{
        position: absolute;
        top: 30vw;
        left: 50%;
        z-index: 9999;
        transform: translateX(-50%);
        margin-top:0;
    }
    .pan{
        display: none;
    }

    .container{
        width: clamp(750px, 92.13vw, 820px);
        margin: 15.73vw auto 0 auto;
    }


    /*ページヘッダー*/
    .page_header {
        height: clamp(350px, 43.82vw, 390px);
    }
    /*------------------*/
}


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

768px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:768px){
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_3 {
        top: 46vw;
        left: -11%;
    }
    /*----------------------*/
    
    .container{
        width: 95%;
    }

    /*ページヘッダー*/
    .page_header {
        height: clamp(260px, 45.57vw, 350px);
    }

    h2{
        top: 280px;
    }
    /*---------------------------------------*/

    /*ページタイトル*/
    .page_ttl h3{
        font-size: 10.94vw;
    }
    .page_ttl p{
        font-size: 3.91vw;
        line-height:6.25vw;
    }
    /*---*/

    /*----------------------------内容-------------------------*/
    /*背景タイトル*/
    .bg_ttl{
        width: calc(100% - 6.51vw);
        font-size: 3.13vw;
        padding: 3.26vw 3.91vw;
    }

    .svg_ttl h3{
        top: 15.47vw;
    }
    section .section_content{
        top: -6.07vw;
        padding: 25.07vw 0 1rem 0;
    }
    section .section_content {
        padding: 11.07vw 0 1rem 0;
    }
    /*---------------------------------------------------------*/
}


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

600px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:600px){
    /*ヘッダーメニュー*/
    .sp_nav {
        padding: 23rem 0 3.75rem 0;
    }
    .sp_nav_container {
        height: 145%;
    }
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_2 {
        width: 33.26vw;
        right: -11%;
        top: 54vw;
    }
    .treat .leaf_3 {
        width: 61.88vw;
        top: 90vw;
        left: -26%;
    }
    /*-----------------------*/



    h2{
        top: 44vw;
    }
    h3{
        font-size: 50px;
    }
    .container{
        width: 90%;
    }

    /*ページヘッダー*/
    .page_header {
        height: clamp(405px, 100vw, 600px);
    }
    .page_header img {
        width: 144.27%;
    }

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

    section .section_content {
        padding: 20.07vw 0 1rem 0;
    }
    /*-----------------------------------*/
}



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

425px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:425px){
    /*ヘッダーメニュー*/
    .sp_nav {
        padding: 17rem 0 3.75rem 0;
    }
    .sp_nav_container {
        height: 130%;
    }
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_2{
        right: -12.5%;
        top: 60vw;
    }
    .treat .leaf_3 {
        top: 365px;
        left: -110px;
    }
    /*----------------------*/


    .header_container {
        height: 160px;
    }
    .header_container .pc_nav h1{
        top: 0;
    }
    .header_container svg {
        top: 128px;
    }

    .container{
        width: 89.33%;
    }


    /*ページヘッダー*/
    .page_header {
        height: 405px;
    }


    h2 {
        top: 180px;
    }
    /*--------*/

    /*ページタイトル*/
    .page_ttl h3 {
        font-size: 50px;
    }
    .page_ttl p {
        font-size: 1.625rem;
        line-height: 2.75rem;
    }
    /*--------*/

    /*----------------------------内容-------------------------*/
    /*背景タイトル*/
    .bg_ttl {
        width: calc(100% - 2.5rem);
        font-size: 1.25rem;
        padding: 1.25rem;
    }

    section .section_content {
        padding: 26.07vw 0 1rem 0;
    }

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



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

375px以下

---------------------------------------------------------------------------------------------*/
@media(max-width:375px){
    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_3 {
        top: 378px;
        left: -97px;
    }
    /*-----------------------*/

    h2 {
        top: 175px;
    }
    .container{
        width: clamp(280px,89.33vw,335px);
        margin: 70px auto 0 auto;
    }
}


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

320px以下

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

    /*葉っぱのあしらいの位置変更*/
    .treat .leaf_3 {
        top: 390px;
        left: -82px;
    }
    /*----------------------*/
}