/*全体*/
@import url(common.css);
    /*ローディング画面*/
    .loading_logo p, .hamburger_item a{
        color: #2B660F;
    }

  /*ハンバーガーメニュー*/
    .hamburger_menu{
        bottom: 0;
        left: 0;/*kannrisyaはright*/
        border-radius: 0 35px 0 0;
        box-shadow: 4px 4px 7px 4px #33333360;
    }
    .hamburger_item a{
        text-align: left;
    }

    /*ボタン類*/
    .main_setsumeikai{
        background:linear-gradient(160deg,#f1a886,#C13D00);
        box-shadow: 6px 6px 10px -1px #957c35, -6px -6px 10px -1px #ffffff;
        width: 80%;
        margin: 1.481vh auto 5.9vh;
    }
        .main_setsumeikai:active{
            background: linear-gradient(160deg,#C13D00,#f1a886);
            box-shadow: 6px 6px 10px -1px #ffffff, -6px -6px 10px -1px #957c35;
        }
        .change_lp{
            margin-bottom: 11.9vh;
        }

    .setsumeikai{
        background: linear-gradient(160deg,#9cb264,#2B660F);
        box-shadow: 6px 6px 10px -1px #957c35, -6px -6px 10px -1px #ffffff;
        width: 80%;
        margin: 5.9vh auto 0;
    }
        .setsumeikai:active{
            background: linear-gradient(160deg,#2B660F,#9cb264);
            box-shadow: 6px 6px 10px -1px #ffffff, -6px -6px 10px -1px #957c35;
        }
        .title_subtext{
            text-align: center;
            font-size: 1.8rem;
            margin: 1.481vh 1.7vw 0;
        }

    .mini_setsumeikai{
        background: linear-gradient(160deg,#9cb264,#2B660F);
        box-shadow: 6px 6px 10px -1px #957c35, -6px -6px 10px -1px #ffffff;
        width: 100%;
        padding: 1.481vh 0;
    }
        .mini_setsumeikai p{
            font-size: 2rem;
            text-indent: 0;
        }
        .mini_setsumeikai:active{
            background: linear-gradient(160deg,#2B660F,#9cb264);
            box-shadow: 6px 6px 10px -1px #ffffff, -6px -6px 10px -1px #957c35;
        }

    /*電話番号バナー・ホーム*/
    .phone_number{
        color: #2b660f;
    }

    .home_logo{
        right: 0;
    }
    .home_bigtext{
        color: #C13D00;
    }


    /*全体のレイアウト*/
    .contents{
        width: 100%;
        background: url("../imgs/header_img.jpg") no-repeat center 25% fixed;
        background-size: cover;
    }
    .contents_body_inner{
        margin: 0 0 0 30%;/*kannrisyaは 0 30% 0 0 */
    }

    /*未経験OKなどの４つの特徴を丸で表現したオブジェクト*/
    .subtitle_main{
        color: #2b660f;
        border-bottom: #f4d682 solid 6px;
    }

    /*わーくはぴねす農園とは？*/
    .unique_bkg{
        background-image: url(../imgs/background_dots.png);/*kannrisyaはbkg_kannrisya*/
    }
    .radius_container{
        background-color: #fff4d3;
        border-radius: 35px;
        width: auto;
        padding: 5.9vh 10%;
    }
    .job_img{
        width: min(100%, 600px);
        display: block;
        margin: 0 auto 3vh;
    }
    .job_img1{
        border-radius: 58% 42% 58% 42%/ 49% 71% 60% 57%;
    }
    .job_img2{
        border-radius: 70% 49% 51% 58% / 69% 78% 67% 55%;
    }
    .radius_con_2{
        margin-top: 3vh;
    }
    .intro_img{
        width: min(100%, 500px);
        display: block;
        margin: 5.9vh auto 0;
    }
    .intro_img1{
        border-radius: 69% 31% 67% 33% / 31% 49% 51% 69%;
        margin: 0 auto;
    }
    .intro_img2{
        border-radius: 69% 31% 67% 33% / 50% 40% 52% 60%;
    }
    
    .intro_text span{
        text-decoration: underline #f4d682;
        text-decoration-thickness: 4px;
    }
    .staff_text span{
        text-decoration: underline #fff4d3;
        text-decoration-thickness: 3px;
    }
    .intro_text a{
        color: #2B660F;
        text-decoration: underline #2B660F;
        text-decoration-thickness: 2px;
    }

    /*仕事内容*/
    .article_list{
        margin-bottom: 3vh;
    }
    .article_list p, .question{
        color: #8d4700;
    }

    /*勤務地について*/
    .farm_img1{
        border-radius: 58% 42% 80% 42%/ 56% 71% 47% 57%;
        margin: 1.481vh auto;
    }
    .farm_img2{
        border-radius: 50% 49% 51% 58% / 69% 40% 76% 55%;
        margin: 1.481vh auto;
    }

    /*未経験でも安心な理由(全体的な構図は『わーくはぴねす農園とは？』の項目と共通)*/
    .intro_img4{
        border-radius: 50% 40% 67% 33% / 50% 54% 52% 60%; 
        margin: 0 auto;
    }
    .intro_img5{
        border-radius: 80% 49% 70% 58% / 69% 70% 67% 55%;
    }
    .intro_img6{
        border-radius: 69% 31% 67% 33% / 40% 49% 51% 69%;
    }

    .recruit_steps{
        background-color: #BFC474;
    }
    .arrow{
        background-color: #BFC474;
    }
    /*お問い合わせ*/
    .contact_phone_number{
        color: #2b660f;
    }

    /*フッター*/
    .footer_top{
        border-bottom: #BFC474 solid 3px;
    }


/*スマホ〜タブレット対応サイズ その１(最小430pxまで想定)*/
@media screen and (max-width:828px){
    .contents{
        background: url("../imgs/header_img_sp.jpg") no-repeat center center;
        background-size: 120vh;
        background-attachment: fixed;
    }
    .contents_body_inner{
        width: 100%;
        margin: 0;
    }
    /*ハンバーガーメニュー*/
    .hamburger_menu{
        left: -83%;/*kannrisyaはright*/
    }
    .hamburger_icon, .hamburger_close{
        left: 106%;/*kannrisyaはright*/
    }
    .home_logo{
        right: -8%;/*kannrisyaはleft*/
    }
}

/*スマホ〜タブレット対応サイズ その２(最小320pxまで想定)*/
@media screen and (max-width:430px){
    .home_logo{
        right: -10%;/*kannrisyaはleft*/
    }
    .hamburger_icon, .hamburger_close{
        left: 102.5%;/*kannrisyaはright*/
    }
    .intro_title{
        left: 6.7vw;/*kannrisyaはright*/
    }
}