@charset "utf-8";
/***** S_RECRUIT YAMITSUKI *****/
.rec_txt {
    text-align: center;
    padding: 4% 0;
}
#rec-page {
    width: 100%;
    margin: 0 auto;
}
#rec-bg {
    background: #FFF;
}
.heading_1_ul {
    background: url(../../images/recruit/bg-first.jpg) center 0;
    background-size: cover;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    padding: 2% 0;
}
.heading_1_li h3 {
    color: #001c55;
    font-size: 1.3rem;
    padding-bottom: 3%;
}
.heading_1_li_txt {
    line-height: 2;
    font-size: 1.0rem;
    letter-spacing: 4px;
    font-weight: bold;
    color: #333;
}
/******** 稼げるお店はここが違います ********/
#rec-art_pt {
    margin-bottom: 3%;
}
.div-no1 {
    text-align:center;
    padding: 2% 0 0 0;
}
.Rec-ttl_sub {
    font-size: 1.4rem;
    color: #00025c;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    padding-bottom: 2%;
    font-weight: bold; 
}
.rec-point {
    margin: 0 auto;
}
.rec-point_ul {
    width: 100%;
}
.rec-point_li {
    width: 100%;
    padding: 0 2% 5% 2%;
    box-sizing: border-box;
}
.rec-point_detail {
    text-align: center;
    font-size: 1.0rem;
    background: #00025c;
    color: #FFF;
    padding: 3% 2%;
}
.rec-point_detail h4 {
    font-size: 1.2rem;
    padding-bottom: 1%;
}
/******** 給料 ********/
.rec-money_ul {
    width: 100%;
    margin: 0 auto;
    display: table;
    font-size: 0;
    padding-bottom: 2%;
}
.rec-money_li {
    display: inline-block;
    width: 48%;
    box-sizing: border-box;
    text-align: center;
    border: dashed 4px #00025c;
    padding: 4% 2%;
    margin: 1%;
}
.rec-money_li h4 {
    font-size: 1.1rem;
    color: #00025c;
    font-weight: bold;
}
.rec-case_ul {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding-bottom: 4%;
}
.rec-case_li {
    box-sizing: border-box;
    padding: 2% 1%;
    margin: 1%;
}
.rec-case_img {
    font-size: 0;
}
.rec-case_li figcaption {
    background: url(../../images/top/nf_bg.jpg) no-repeat;
    padding: 6% 3%;
}
.rec-case_p_head {
    font-weight: bold;
    padding-bottom: 2%;
    font-size: 1.2rem;
}
.rec-case_p {
    font-size: 0.9rem;
}
.rec-case_p span {
    font-weight: bold;
    font-size: 1.2rem;
    color: #f778b0;
}

/******** よくあるご質問 ********/
.rec-q_ul {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 3%;
}
.rec-q_li {
    padding-bottom: 4%;
    font-size: 1.2rem;
}
.rec-q_q {
    border-bottom: 1px solid #000;
    font-weight: bold;
    padding-bottom: 1%;
    margin-bottom: 2%;
}
.rec-q_q span {
    background: #00025c;
    color: #FFF;
    border-radius: 40px;
    margin-right: 1%;
    border-radius: 100px;
    padding: 0 6px;
}
.rec-q_a {
    font-size: 1.0rem;
    color: #555;
}

/******** 募集要項 ********/
#rec-art_summary {
}
.rec_image {
    padding-bottom: 2%;
    text-align: center;
}
#rec_overview_ul{
    margin: 0 auto;
    background:url(../images/recruit/bg-first.jpg) center 0 repeat-y;
    width:100%;
    padding: 2% 4%;
    border:1px solid #CCC;
    box-sizing:border-box;
    margin-bottom: 5%
}
.rec_overview_li{
    display:table;
    padding-bottom: 1%;
    margin-bottom: 2%;
    border-bottom: 1px solid #CCC;
    width: 100%;
}
.overview_l, .overview_r{
    display:table-cell;
}
.overview_l{
    background:#f778b0;
    color:#FFF;
    width: 20%;
    font-size: 1.0rem;
    font-weight: bold;
    text-align:center;
    padding:10px 0;
    vertical-align:middle;
}
.overview_r{
    width: 80%;
    padding-left:4%;
    box-sizing: border-box;
    font-size: 0.9rem;
    color:#222;
    vertical-align:middle;
}

/******** フォーム ********/
#rec_contents2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;   
}
.rec-form_h3 {
    background: #00025c;
    color: #FFF;
    padding: 1%; 
    text-align: center;
    margin-bottom: 3%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 1.4rem;
}
.rec-form_h3 img {
    width: 20px;
    padding-right: 1%;
    vertical-align: middle;
}
#formTable1 {
    width: 80%;
    margin: 0 auto;
}
.formTable-li {
    display: table;
    width: 100%;
    padding-bottom: 2%;
    margin-bottom: 3%;
    border-bottom: 1px solid #888;
}
.formTable-li_l, .formTable-li_r {
    display: table-cell;
}
.formTable-li_l {
    width: 30%;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}
.formTable-li_l span {
    background: #f778b0;
    color: #FFF;
    padding: 1%;
    margin-left: 4px;
    font-size: 0.9rem;
    border-radius: 4px;
}
.formTable-li_r {
    width: 70%;
    padding-left: 6%;
    box-sizing: border-box;
}
.formTable-li_r .middle {
    background: #f1f1f1;
    padding: 1%;
    border-radius: 4px;
    border: none;
    width: 100%;
}
.formTable-li_r select {
    background: #f1f1f1;
    padding: 1%;
    border-radius: 4px;
    border: none;
}
.formTable-li_r textarea {
    background: #f1f1f1;
    padding: 1%;
    border-radius: 4px;
    border: none;
    width: 100%;
}
.send{
    text-align:center;
}
.btn_send{
    border:1px solid #CCC;
    background:#00025c;
    padding:10px;
    font-size:1.2rem;
    color:#FFF;
    border-radius: 40px;
    width: 80%;
}