#container {
    font-size: 14px;
}

/* ----------------------------------------------------
　求人紹介一覧ページ
---------------------------------------------------- */
#page-jobList {
    background: url(/img/job_introduction/con1_bg_sp.png);
    padding: 0 0 20px 0;
}

#page-jobList .mv img {
    width: 100%;
    max-width: 640px;
    display: block;
    margin: 0 auto;
}

#page-jobList .inner {
    padding: 0 10px;
}

#page-jobList .ttl {
    text-align: center;
    margin: 20px 0 20px 0;
}

#page-jobList .ttl img {
    max-width: 600px;
    display: block;
    margin: 0 auto;
}

#page-jobList .job_list {
    margin: 0 auto;
}

#page-jobList .job_list ul li {
    background: #fff;
    border: 3px solid #f7d3da;
    border-radius: 10px;
    margin: 0 0 16px 0;
}

#page-jobList .job_list .job_area {
    color: #333;
    display: block;
    padding: 10px;
    text-decoration: none;
}

#page-jobList .top_area .main_image {
    margin-right: 10px;
    width: 134px;
}

#page-jobList .top_area .job_info {
    width: 47%;
    width : -webkit-calc(100% - 144px);
    width : -moz-calc(100% - 144px);
    width : calc(100% - 144px);
}

#page-jobList .top_area .left img {
    width: 100%;
    max-width: 134px;
    border: 1px solid #dbdbdb;
}

#page-jobList .company_name {
    font-size: 12px;
    font-weight: bold;
}

#page-jobList .job_ttl {
    color: #36b;
    font-weight: bold;
    margin: 2px 0 0 0;
    line-height: 1.6;
    text-decoration: underline;
}

#page-jobList .detail {
    margin: 10px 0 0 0;
}

#page-jobList .salary_area table {
    width: 100%;
}

#page-jobList .salary_area th {
    position: relative;
    padding: 5px 0 5px 20px;
    font-weight: bold;
    color: #555;
    width: 55px;
}

#page-jobList .salary_area td {
    vertical-align: middle;
    padding: 5px 0 5px 0;
}

#page-jobList .salary_area th:before {
    content: '';
    position: absolute;
    border-left: 5px solid #af274c;
    width: 5px;
    height: 14px;
    left: 8px;
    top: 16px;
    margin: -9px 0 0 0;
}

#page-jobList .detail .period_end {
    border: 2px solid #af274c;
    border-radius: 10px;
    padding: 8px 0px 6px 0;
    text-align: center;
    margin: 10px 0 0 0;
    font-weight: bold;
}

#page-jobList .detail .period_end_time {
    font-weight: normal;
}

#page-jobList .detail .period_end .any_time {
    display: inline-block;
    margin: 0 0 0 8px;
}

#page-jobList .detail .period_end span {
    color: #af274c;
}

#page-jobList .state_icon img {
    margin: 0 2px 0 0;
}

#page-jobList .state_icon img.new {
    width: 45px
}

#page-jobList .state_icon img.pick_up {
    width: 55px
}

#page-jobList #more_btn {
    width: 100%;
    margin: 20px auto;
    background-color: #949494;
    box-shadow: 0 3px #606060;
    display: block;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    font-size: 19px;
}

#page-jobList .paging .select {
    float: left;
    height: 31px;
    width: 25%;
}

#page-jobList .paging select {
    background: url(../img/common/bg_selectbox.png) no-repeat 98% 50% #fff;
    background-size: 12px;
    border-radius: 5px;
    height: 31px;
    width: 100%;
}

#page-jobList .paging .page_button {
    float: left;
    margin-left: 10px;
    width: 34%;
}

#page-jobList .paging span.last {
    background-color: #ccc;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

#page-jobList .paging span a {
    background: #555;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
}

/* ----------------------------------------------------
　求人紹介詳細ページ
---------------------------------------------------- */

#page-detail {
    background: url(/img/job_introduction/con1_bg_sp.png);
    padding: 20px 0 20px 0;
}

#page-detail .inner {
    padding: 0 10px;
}

#page-detail .ttl {
    text-align: center;
}

#page-detail .ttl img {
    max-width: 600px;
    display: block;
    margin: 0 auto;
}

#page-detail .job_area {
    margin: 24px auto 0 auto;
    border: 2px solid #f7d3da;
    border-radius: 10px;
    background: #fff;
}

#page-detail .contact_maximum {
    background: #fff;
    border: 2px solid #f7d3da;
    border-radius: 10px;
    font-weight: bold;
    padding: 12px;
    margin: 24px auto 0 auto;
    text-align: center;
}

#page-detail .job_area .company_name {
    background: #f7d3da;
    padding: 10px 12px;
    font-weight: bold;
}

#page-detail .job_area .job_detail {
    padding: 14px 12px 8px 12px;
}

#page-detail .job_area .state_icon img {
    margin: 0 2px 0 0;
}

#page-detail .state_icon .new {
    width: 45px;
}

#page-detail .state_icon .pick_up {
    width: 55px;
}

#page-detail .job_area .job_ttl {
    margin: 10px 0 0 0;
    font-size: 21px;
    letter-spacing: 1.2px;
    line-height: 130%;
}

#page-detail .job_area .job_ttl h1 {
    font-weight: bold;
}

#page-detail .job_area .top_area {
    margin: 14px 0 0 0;
}

#page-detail .job_area .top_area .left img {
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 320px;
}

#page-detail .job_area .top_area .salary_area {
    margin: 8px 0 0 0;
}

#page-detail .salary_area table {
    width: 100%;
}

#page-detail .salary_area th {
    position: relative;
    padding: 5px 0 5px 22px;
    color: #555;
    vertical-align: middle;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    font-weight: bold;
}

#page-detail .salary_area td {
    vertical-align: middle;
    display: block;
    width: 100%;
    padding: 10px 0 16px 10px;
    box-sizing: border-box;
}

#page-detail .salary_area tr:last-child td {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #f0f0f0;
}

#page-detail .salary_area th:before {
    content: '';
    position: absolute;
    border-left: 5px solid #af274c;
    width: 5px;
    height: 15px;
    left: 8px;
    top: 50%;
    margin: -9px 0 0 0;
}

#page-detail .tag_aera {
    margin: 16px 0 0 0;
}

#page-detail .tag_aera li {
    border: 3px solid #f7d3da;
    border-radius: 5px;
    margin: 0px 5px 7px 0;
    padding: 2px 5px;
    display: inline-block;
}

#page-detail .recruitment_information {
    margin: 22px 0 0 0;
}

#page-detail .recruitment_information h2 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 22px 0;
}

#page-detail .recruitment_information h2:before {
    content: '';
    position: absolute;
    border-bottom: 5px solid #f7d3da;
    width: 100%;
    height: 6px;
    top: 95%;
}

#page-detail .recruitment_information table {
    width: 100%;
}

#page-detail .recruitment_information th {
    position: relative;
    padding: 5px 0 5px 20px;
    color: #555;
    vertical-align: middle;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

#page-detail .recruitment_information td {
    vertical-align: middle;
    display: block;
    width: 100%;
    padding: 10px 0 16px 10px;
    box-sizing: border-box;
}

#page-detail .recruitment_information th:before {
    content: '';
    position: absolute;
    border-left: 5px solid #af274c;
    width: 5px;
    height: 15px;
    left: 8px;
    top: 50%;
    margin: -9px 0 0 0;
}

#page-detail .company_information {
    margin: 22px 0 0 0;
}

#page-detail .company_information h2 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 22px 0;
}

#page-detail .company_information h2:before {
    content: '';
    position: absolute;
    border-bottom: 5px solid #f7d3da;
    width: 100%;
    height: 6px;
    top: 95%;
}

#page-detail .company_information table {
    width: 100%;
}

#page-detail .company_information th {
    position: relative;
    padding: 5px 0 5px 22px;
    color: #555;
    font-size: 14px;
    vertical-align: middle;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

#page-detail .company_information td {
    vertical-align: middle;
    display: block;
    width: 100%;
    padding: 10px 0 16px 10px;
    box-sizing: border-box;
}

#page-detail .company_information th:before {
    content: '';
    position: absolute;
    border-left: 5px solid #af274c;
    width: 5px;
    height: 15px;
    left: 8px;
    top: 50%;
    margin: -9px 0 0 0;
}

#page-detail .application_area {
    text-align: center;
    margin: 14px 0 10px 0;
}

#page-detail .application_area .post_exit {
    font-weight: bold;
    font-size: 20px;
    border: 1px solid #af274c;
    border-radius: 5px;
}

#page-detail .application_area .post_exit .left {
    width: 25%;
    border-right: 1px solid #af274c;
    box-sizing: border-box;
    padding: 20px 0;
}

#page-detail .application_area .post_exit .right {
    width: 75%;
    font-size: 14px;
    padding: 12px 0 0;
}

#page-detail .application_area .post_exit span {
    color: #af274c;
    font-size: 13px;
}

#page-detail .application_area .post_exit .day {
    display: inline-block;
    font-size: 18px;
}

#page-detail .application_area .post_exit .day span {
    color: #af274c;
    font-size: 18px;
}

#page-detail .application_area .post_exit .end_time {
    color: #707070;
    font-size: 13px;
}

#page-detail .application_area .post_exit .end_time span {
    font-weight: normal;
    color: #707070;
    font-size: 15px;
}

#page-detail .application_area .apply_btn {
    margin: 16px auto 10px auto;
    background-color: #af274c;
    box-shadow: 0 3px #70162b;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    text-decoration: none;
    font-size: 19px;
}

#page-detail .return_btn {
    padding: 0 10px;
}

#page-detail .return_btn a {
    margin: 26px auto 10px auto;
    background-color: #949494;
    box-shadow: 0 3px #606060;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    text-decoration: none;
    font-size: 19px;
}

/* ----------------------------------------------------
　求人紹介応募フォーム
---------------------------------------------------- */
#page-application {
    background: url(../img/job_introduction/con1_bg_sp.png);
    padding: 20px 0 20px 0;
}

#page-application .inner {
    padding: 0 10px;
}

#page-application .ttl {
    text-align: center;
}

#page-application .ttl h1 {
    max-width: 600px;
    margin: 0 auto;
}

#page-application .application_box {
    width: 100%;
    margin: 24px auto 0 auto;
    border: 2px solid #f7d3da;
    border-radius: 10px;
    background: #fff;
}

#page-application .application_ttl {
    background: #f7d3da;
    font-size: 14px;
    padding: 12px 10px 10px 10px;
    font-weight: bold;
    line-height: 1.6;
}

#page-application .application_area {
    padding: 20px 15px 8px 15px;
}

#page-application .application_area .job_area {
    border-bottom: dashed 1px #f7d5dc;
    font-weight: bold;
}

#page-application .application_area .company_name {
    font-size: 15px;
}

#page-application .application_area .job_ttl {
    font-size: 18px;
    padding: 10px 0 10px 0;
    line-height: 1.6;
}

#page-application .application_area .description_text {
    margin: 14px 0;
}

#page-application .application_area .description_text p {
    margin: 0 0 20px 0;
}

#page-application .application_area .description_text p span {
    color: #f03040;
}

#page-application .application_area .apply_btn input {
    margin: 18px auto 10px auto;
    background-color: #af274c;
    box-shadow: 0 3px #70162b;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 11px 0;
    border-radius: 10px;
    text-decoration: none;
    font-size: 19px;
    width: 100%;
    border: navajowhite;
}

#page-application .application_btn_area {
    padding: 0 15px;
}

#page-application .application_btn_area .return_btn {
    margin: 20px auto 10px auto;
    background-color: #949494;
    box-shadow: 0 3px #606060;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    text-decoration: none;
    font-size: 19px;
}

#page-application table  {
    width: 100%;
    border: 2px solid #f7d3da;
}

#page-application table th  {
    font-weight: bold;
    background: #f7e6e9;
    border-bottom: 2px solid #f7d3da;
    padding: 6px 0;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    display: block;
}

#page-application table th span {
    color: #f03040;
}

#page-application table th .require_wrap {
    display: inline-block;
    position: relative;
}

#page-application table th .require_wrap .attention {
    position: absolute;
    left: -12px;
}

#page-application table .left {
    padding: 0 0 0 10px;
}

#page-application table .tel_required_text {
    margin: 10px 20px 0 0;
    display: inline-block;
    float: right;
}

#page-application table td {
    display: block;
    vertical-align: middle;
    padding: 16px 12px;
    border-bottom: 2px solid #f7d3da;
}

#page-application table tr:last-child td {
    border-bottom: none;
}

#page-application table label {
    font-size: 16px;
}

#page-application table .tel_area .tel_box:first-child  {
    margin: 0 0 20px 0;
}

#page-application table .tel_area .tel_box .text  {
    display: inline-block;
}

#page-application table .tel_area .tel_box input[type="text"] {
    padding: 8px 5px;
    font-size: 12px;
}

#page-application table input[type="text"] {
    border: 2px solid #f7d3da;
    padding: 8px 10px;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
}

#page-application table .birthday_box {
    margin: 0 0 15px 0;
}


#page-application table #JobContactYear {
    width: 125px;
}

#page-application table #JobContactMonth,
#page-application table #JobContactDay {
    width: 82px;
}

#page-application table .address_area #JobContactPrefectures {
    width: 130px;
}

#page-application table .address_area .select {
    margin: 0 0 15px 0;
}

#page-application table .address_area #JobContactAddress {
    box-sizing: border-box;
    width: 100%; 
    margin: 6px 0 0 0;
}

#page-application table .birthday_area .text {
    display: inline-block;
}

#page-application table td .birthday_text  {
    font-size: 18px;
    margin: 0px 10px;
    position: relative;
    top: 2px;
}

#page-application table .name_area:last-child,
#page-application table .name_kana_area:last-child {
    margin: 15px 0 0 0;
}

#page-application table #JobContactLastName,
#page-application table #JobContactFirstName,
#page-application table #JobContactFirstNameKana,
#page-application table #JobContactLastNameKana {
    box-sizing: border-box;
    float: left;
    width: 88%;
}

#page-application table .name_area label,
#page-application table .name_kana_area label {
    float: left;
    line-height: 40px;
    max-width: 30px;
    width: 12%;
}

#page-application table .address_area .select label {
    float: left;
    line-height: 30px;
    max-width: 75px;
    width: 30%;
}

#page-application table .address_area select {
    width: 70%;
}

#page-application table #JobContactTel01,
#page-application table #JobContactTel02,
#page-application table #JobContactTel03,
#page-application table #JobContactMobileTel01,
#page-application table #JobContactMobileTel02,
#page-application table #JobContactMobileTel03 {
    width: 66px;
    margin: 0 4px 0 4px;
    box-sizing: border-box;
}

#page-application table #JobContactTel01,
#page-application table #JobContactMobileTel01 {
    margin: 0 4px 0 0;
}

#page-application table #JobContactEmail {
    width: 100%;
}

#page-application table tr:last-child td {
    padding: 12px;
}

#page-application table textarea {
    border: 2px solid #f7d3da;
    box-sizing: border-box;
    width: 100%;
    height: 170px;
    resize: none;
}

#page-application table select {
    width: 80%;
    font-size: 14px;
    border-radius: 5px;
    padding: 4px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background: url(../img/job_introduction/aw.png) right no-repeat,-moz-linear-gradient(top, rgba(255,255,255,1) 71%, rgba(238,238,224,1) 100%); /* FF3.6-15 */
    background: url(../img/job_introduction/aw.png) right no-repeat,-webkit-linear-gradient(top, rgba(255,255,255,1) 71%,rgba(238,238,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../img/job_introduction/aw.png) right no-repeat,linear-gradient(to bottom, rgba(255,255,255,1) 71%,rgba(238,238,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 ); /* IE6-9 */
    background-size: 30px
}


/* ----------------------------------------------------
　求人紹介応募完了
---------------------------------------------------- */

#page-application-complete {
    background: url(../img/job_introduction/con1_bg_sp.png);
    padding: 20px 0 20px 0;
}

#page-application-complete .inner {
    padding: 0 10px;
}

#page-application-complete .ttl {
    text-align: center;
}

#page-application-complete .ttl img {
    max-width: 600px;
    display: block;
    margin: 0 auto;
}

#page-application-complete .application_complete_area {
    margin: 24px auto 0 auto;
    border: 2px solid #f7d3da;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.6;
}

#page-application-complete .return_btn {
    padding: 0 10px;
}

#page-application-complete .return_btn a {
    margin: 26px auto 10px auto;
    background-color: #949494;
    box-shadow: 0 3px #606060;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    text-decoration: none;
    font-size: 19px;
}