@charset "utf-8";

/*-------------------------------
	ヘッダー
-------------------------------*/

.header{
    padding:15px 0;
}
.header .logo{
    height:35px;
}
.header .logo img.lg{
    display:none;
}
.header .logo img.sm{
    display:block;
}
.header #nav .nav li{
    width:auto;
    padding:0 50px;
}
.header #nav .nav li:last-child{
    padding-right:40px;
}
.header #nav .nav li a img{
    display:none;
}


/*-------------------------------
	メインタイトル
-------------------------------*/

.maintitle{
    text-align:center;
    margin-top:20px;
    margin-bottom:90px;
}

/*----- タイトル */
.maintitle .page_title{
    padding-top:70px;
}


/*-------------------------------
	求人フォーム
-------------------------------*/

.sec1{
    padding-top:0;
    padding-bottom:200px;
}

/*----- コンテンツ */
.sec1 .entry_box{
    position: relative;
    z-index:1;
    padding-top:60px;
    padding-bottom:70px;
    padding-right:35px;
    padding-left:35px;
    background:#fff;
    border-radius: 8px;
    color:#777963;
}
.sec1 .entry_box::after{
    width:24.949rem;
    height:10.275rem;
    background-image:url("../images/entry/af.png");
    right:-35px;
    bottom:-20px;
}

/*----- タイトル */
.sec1 .entry_box .title{
    background: url("../images/entry/ttl1.png") no-repeat 50% 100%;
    background-size:auto .4rem;
    text-align: center;
    margin-bottom:50px;
    padding-bottom:20px;
    font-weight:500;
    color:#958D65;
    font-size:2.5rem;
}

/*----- テキスト */
.sec1 .entry_txt{
    margin-bottom:45px;
    text-align: center;
}
.sec1 .entry_txt p{
    font-size:1.8rem;
}
.sec1 .entry_txt p:not(:last-child){
    margin-bottom:1em;
}

/*----- レイアウト */
.sec1 .form_table{
    font-size:2.2rem;
    width:100%;
    max-width:720px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:40px;
}
.sec1 .form_table .tbl:not(:last-child){
    margin-bottom:45px;
}
.sec1 .form_table .tbl dt{
    margin-bottom:5px;
}
.sec1 .form_table .tbl dt span{
    display:inline-block;
}
.sec1 .form_table .tbl dt span::after{
    content: " 【任意】";
}
.sec1 .form_table .tbl dt span.req::after{
    content: " 【必須】";
    color:#F37000;
}
.sec1 .form_table .tbl .border{
    border:#BEBCB9 solid 1px;
    border-radius: 5px;
    padding:.3em 1em;
}
.sec1 .form_table .tbl .text_parts:not(:last-child){
    margin-bottom:10px;
}
.sec1 .form_table .tbl .text_parts span{
    width:3em;
    display:inline-block;
}
.sec1 .form_table .tbl .tel_parts span{
    display:inline-block;
    position: relative;
}
.sec1 .form_table .tbl .tel_parts span:not(:last-child){
    margin-right:70px;
}
.sec1 .form_table .tbl .tel_parts span:not(:last-child)::after{
    content: "";
    width:27px;
    height:1px;
    display:block;
    background:#BEBCB9;
    position: absolute;
    top:0;
    bottom:0;
    left:calc(100% + 20px);
    margin:auto;
}

/*----- フォーム リセット */
.form_container input,
.form_container textarea,
.form_container select,
.form_container button{
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

/*----- ボタン */
.sec1 .from_button{
    text-align: center;
}
.sec1 .from_button p{
    display:block;
    margin:30px 0;
}
.sec1 .from_button button{
    height:60px;
    color:#fff;
    background:#F37000;
    border:none;
    transition: 0.2s;
    border-radius:30px;
    /*width:254px;*/
    width:400px;
    cursor: pointer;
    font-size:2.5rem;
    font-weight:600;
    display: flex;
    justify-content: center;
    align-items:center;
    font-family: 'Noto Sans JP', sans-serif;
    border:#F37000 solid 2px;
    margin-right:auto;
    margin-left:auto;
}
.sec1 .from_button button:hover{
    opacity: .6;
}
.sec1 .from_button .return{
    background:#FFF7AC;
    color:#F37000;
}

/*----- フォーム */
.sec1 .form_table input,
.sec1 .form_table textarea,
.sec1 .form_table select{
    border:#BEBCB9 solid 1px;
    border-radius: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    color:#88857E;
    font-size:2.2rem;
}
.sec1 .form_table input,
.sec1 .form_table select{
    height:55px;
    width:100%;
    padding:0 .5em;
}
.sec1 .form_table textarea{
    height:115px;
    width:100%;
    padding:0 .5em;
}
.sec1 .form_table select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sec1 .form_table select::-ms-expand {
    display: none;
}
.sec1 .form_table .text_parts input{
    width:calc(100% - 3em);
}
.sec1 .form_table .tel_parts input{
    width:182px;
}

/* ラジオボタン */
.sec1 .form_table input[type="radio"]{
    display: none;
}
.sec1 .form_table .radio_parts{
    padding-left: 1em;
    position:relative;
}
.sec1 .form_table label{
    display:inline-block;
}
.sec1 .form_table label:not(:last-child){
    margin-right:1.2em;
}
.sec1 .form_table .radio_parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width:12px;
    height:12px;
    padding:0;
    border:#88857E solid 1px;
    background:#fff;
    border-radius: 50%;
}
.sec1 .form_table input[type="radio"]:checked + .radio_parts{
    color: #F37000;
}
.sec1 .form_table input[type="radio"]:checked + .radio_parts::after{
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #F37000;
    border-radius: 50%;
}

/*----- 送信確認 */
.sec1 .form_thanks{
    max-width:700px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:100px;
}
.sec1 .form_thanks p{
    font-size:1.8rem;
}
.sec1 .form_thanks p:not(:last-child){
    margin-bottom:1em;
}


@media screen and (max-width:1100px){
    
    /*-------------------------------
        ヘッダー
    -------------------------------*/

    .header #nav .nav li{
        padding:0 20px;
    }
    
    /*-------------------------------
        求人フォーム
    -------------------------------*/
    
    /*----- コンテンツ */
    .sec1 .entry_box::after{
        right:-25px;
    }

}


@media screen and (max-width:768px){
    
    /*-------------------------------
        ヘッダー
    -------------------------------*/

    .header{
        padding:0;
    }
    .header .logo{
        height:14vw;
    }
    .header .logo img.lg{
        display:block;
    }
    .header .logo img.sm{
        display:none;
    }
    .header #nav .nav li{
        padding:0;
    }
    .header #nav .nav li:last-child{
        padding-right:0;
    }
    
    
    /*-------------------------------
        メインタイトル
    -------------------------------*/

    .maintitle{
        /*margin-top:2.604vw;*/
        margin-bottom:5.533vw;
    }

    /*----- タイトル */
    .maintitle .page_title{
        padding-top:9.114vw;
    }
    .maintitle .page_title img{
        width:57.682vw;
        height:auto;
    }
    
    
    /*-------------------------------
        求人フォーム
    -------------------------------*/

    .sec1{
        padding-bottom:13.02vw;
    }

    /*----- コンテンツ */
    .sec1 .entry_box{
        padding-top:7.812vw;
        padding-bottom:11.718vw;
        padding-right:7.812vw;
        padding-left:7.812vw;
        border-radius: 1.041vw;
    }
    .sec1 .entry_box::after{
        width:32.485vw;
        height:13.378vw;
        right:-4.557vw;
        bottom:-1.302vw;
    }

    /*----- タイトル */
    .sec1 .entry_box .title{
        background-size:auto .52vw;
        margin-bottom:5.208vw;
        padding-bottom:2.604vw;
        font-size:2.7rem;
    }
    
    /*----- テキスト */
    .sec1 .entry_txt{
        margin-bottom:5.859vw;
    }
    .sec1 .entry_txt p{
        font-size:2.4rem;
    }

    /*----- レイアウト */
    .sec1 .form_table{
        font-size:2.4rem;
        margin-bottom:11.718vw;
    }
    .sec1 .form_table .tbl:not(:last-child){
        margin-bottom:5.859vw;
    }
    .sec1 .form_table .tbl dt{
        margin-bottom:.651vw;
    }
    .sec1 .form_table .tbl .border{
        border-radius: .651vw;
    }
    .sec1 .form_table .tbl .text_parts:not(:last-child){
        margin-bottom:1.302vw;
    }
    .sec1 .form_table .tbl .tel_parts span:not(:last-child){
        margin-right:3.906vw;
    }
    .sec1 .form_table .tbl .tel_parts span:not(:last-child)::after{
        width:2vw;
        left:calc(100% + 1.302vw);
    }

    /*----- ボタン */
    .sec1 .from_button p{
        margin:3.906vw 0;
        display:block;
    }
    .sec1 .from_button button{
        height:10.416vw;
        border-radius:5.208vw;
        width:80%;
        font-size:2.7rem;
        margin-right:auto;
        margin-left:auto;
    }
    .sec1 .from_button button:hover{
        opacity: 1;
    }

    /*----- フォーム */
    .sec1 .form_table input,
    .sec1 .form_table textarea,
    .sec1 .form_table select{
        border-radius: .651vw;
        font-size:2.4rem;
    }
    .sec1 .form_table input,
    .sec1 .form_table select{
        height:7.161vw;
    }
    .sec1 .form_table textarea{
        height:14.973vw;
    }
    .sec1 .form_table .tel_parts input{
        width:22vw;
    }

    /* ラジオボタン */
    .sec1 .form_table .radio_parts{
        padding-left: 1.5em;
    }
    .sec1 .form_table .radio_parts::before{
        top: 1.3vw;
        width:3.124vw;
        height:3.124vw;
    }
    .sec1 .form_table input[type="radio"]:checked + .radio_parts::after{
        top: 1.9vw;
        left: .65vw;
        width: 2.082vw;
        height: 2.082vw;
    }
    
    /*----- 送信確認 */
    .sec1 .form_thanks{
        margin-bottom:13.02vw;
    }
    .sec1 .form_thanks p{
        font-size:2.4rem;
    }

}