/* main ======================================== */
.clearboth,.clear {
    clear: both;
}
.recruit-form {
    margin-bottom: 40px;
}
#main{
    width:980px; 
    margin:20px auto 30px;
    border:1px solid #CCC;
}

#main_thanks{
    width:980px; 
    margin:50px auto 30px;
    border:1px solid #CCC;
}

#main_title{
    height:55px;
    background:#8bc53f;
    text-align:left;
    border-bottom:1px solid #CCC;
}

#main_title_left{
    width:800px;
    float:left;
}

#main_title_left h1{
    color:#fff;
    font-size:17px;
    line-height:55px;
    margin-left:20px;
}

#main_title_right{
    width:180px;
    float:left;
    margin-top:7px;
}
.btn {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
#go_form_top{ cursor:pointer; width:140px !important; height:auto !important;}
.go_form{ cursor:pointer; width:180px; height:55px;}

#go_top{ cursor:pointer; width:120px !important; height:40px !important;}
.go_top{ cursor:pointer; width:180px; height:55px;}
.go_top2{ margin-bottom:30px;}

#go_tel_div{display:none; text-align:center;}

.go_entry{ cursor:pointer; width:335px !important; height:55px !important;}

#saraly{
    text-align:left;
    border-bottom:1px solid #CCC;
    background:#F1FCFC;
}

#saraly_left{
    width:700px;
    float:left;
}

#saraly_left p{
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    margin:5px 20px;
}

#saraly_right{
    width:280px;
    float:left;
    text-align:right;
}

#saraly_right h2{
    color:#C00;
    font-size:12px;
    line-height:20px;
    margin:5px 20px;
}

#copy{ text-align:left;}

#copy h3{
    color:#C00;
    font-size:18px;
    line-height:24px;
    margin:5px 20px;
}

#thanks{ text-align:center;}

#thanks h3{
    color:#000;
    font-size:18px;
    line-height:24px;
    margin:20px;
}

#detail{
    position: relative;
}

#detail_left{
    width:550px;
    min-height:300px;
    float:left;
    text-align:left;
}

#detail_left p{
    font-size:14px;
    line-height:20px;
    margin:10px 20px;
}

#detail_right{
    width:400px;
    float:left;
}

#bottom{
    position:absolute;
    bottom:10px;

}

#copy_ichiran{
    text-align:left;
    width:980px; 
    margin:50px auto 30px;
}

#copy_ichiran h3{
    color:#C00;
    font-size:18px;
    line-height:24px;
    margin:5px 20px;
}

#ichiran{
    width:980px;
    margin:50px auto;
    text-align:left;
}

#ichiran h4{
    color:#0071bc;
    font-size:18px;
    line-height:24px;
    padding:5px 0;
    border-bottom:1px dotted #0071bc;
    margin:5px 20px;
}

#ichiran p{
    font-weight:bold;
    margin:20px 30px;
}

#ichiran ul{
    margin-top:20px;
}

#ichiran li{
    float:left; 
    margin-left:60px;
    list-style-type: square;
    font-weight:bold;
    color:#0071bc;
}

.search_area {
    width: 980px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 5px;
    border: 3px solid #ded6c9;
}
.search_area h4 {
    padding: 5px;
    margin-bottom: 15px;
    background: #f9f4f0;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}
.search_area ul {
    margin-bottom: 30px;
    overflow: hidden;
}
.search_area li {
    float: left;
    width: 25%;
    list-style-type: none;
}
.search_area li label {
    color: #5895d8;
}
.search_area li label span {
    color: #ff0000;
}

/*フォーム関連======================================== */
fieldset,img{border:0;}
.zeromail legend {
    display:none;
}
.wtn_copyright{display:none;}


/* pr======================================== */

#pr{
    width:980px;
    margin:20px auto;
    border-top:1px solid #ed1c24;
    border-bottom:1px solid #ed1c24;
    background:fff4f8;
    padding:5px 0;
}

#pr_left{
    width:50px;
    padding-left:20px;
    float:left;
}

#pr_img{
    width:50px;
    height:50px;
}

#pr_right{
    width:910px;
    float:left;
    text-align:left;
}

#pr_right p{
    font-size:14px;
    line-height:20px;
    margin:5px 10px;
}

/* voice======================================== */

#voice{
    width:980px;
    margin:20px auto;
    border:1px solid #f7931e;
    background:#FFEFE8;
    padding:5px 0;
}

#voice_left{
    width:300px;
    float:left;
    padding-left:10px;
}

#voice_img{
    width:300px;
    height:40px;
}

#voice_photo{
    width:300px;
    height:auto;
}

#voice_right{
    width:670px;
    float:left;
    text-align:left;
}

#voice_right p{
    font-size:14px;
    line-height:20px;
    margin:5px 10px;
}


/* oubo======================================== */

.oubo{
    width:980px;
    margin:30px auto;
    border-top:1px solid  #ccc; border-left:1px solid  #ccc; border-right:1px solid  #ccc;
    font-size:14px;
    line-height:20px;
}

.oubo th{
    background:#f0f0f0;
    font-weight:bold;
    border-right:1px solid  #ccc;
    border-bottom:1px solid  #ccc;
    padding:5px;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}

.oubo td{
    text-align:left;
    padding-left:5px;
    border-bottom:1px solid  #ccc;
    padding:5px;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}

.table_head{
    background:#8bc53f !important;
    color:#FFF;
}

.oubo a:link,.oubo a:visited{font-size:14px;color:#F60;text-decoration:none;}
.oubo a:hover{font-size:14px;color:#999; text-decoration:underline;}

/* form======================================== */

.form{
    width:980px;
    margin:30px auto;
    border-top:1px solid  #ccc; border-left:1px solid  #ccc; border-right:1px solid  #ccc;
    font-size:14px;
    line-height:30px;
}

.form th{
    width: 15%;
    background:#f0f0f0;
    font-weight:bold;
    border-right:1px solid  #ccc;
    border-bottom:1px solid  #ccc;
    padding:5px;
    vertical-align: middle;
}

.form th span {
    color: #ff0000;
}

.form td{
    text-align:left;
    padding-left:5px;
    border-bottom:1px solid  #ccc;
    padding:5px;
}
.form td.employment_pattern label {
    display: block;
}
.form td input[type="radio"],
.form td label {
    margin-right: 5px;
}
.btn-area {
    text-align: center;
}

.input_size{ width:70%;}
#red{ color:#F00;}

input.blur { color: #ccc; }

/* footer======================================== */

#footer-bottom {
    background: #0068b6;
    margin-top:30px;
    color: #fff;
    width: 100%;
}

#footer-bottom_thanks {
    background: #0068b6;
    margin-top:30px;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#footer-bottom_form {
    background: #0068b6;
    margin-top:30px;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#footer-bottom_ichiran {
    background: #0068b6;
    margin-top:30px;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
}

/*　レスポンシブ======================================== */

@media(max-width:979px){

.sp-only {
    display: block !important;
}

.nav-line{
    width:100%;
}

.fixed { /*ナビゲーションのcss,jsと連動*/
    position:static;
}

#nav_left{
    width:100%;
    float:none;
    text-align:center;
}

#nav_right{
    width:100%;
    float:none;
    text-align:center;
}

#logo_ichiran{
    text-align:center;
}

#main{
    width:100%; 
    margin:20px auto 30px;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:none;
    border-right:none;
}

#main_thanks{
    width:100%; 
    margin:100px auto 30px;
    border:1px solid #CCC;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:none;
    border-right:none;
}

#main_title{
    height:auto;
    padding:10px;
    text-align:left;
    border-bottom:1px solid #CCC;
}

#main_title_left{
    width:100%;
    height:auto;
    float:none;
}

#main_title_left h1{
    color:#fff;
    font-size:14px;
    line-height:24px;
    margin-left:auto;
}

#main_title_right{
    width:100%;
    float:none;
    height:auto;
    text-align:center;
    display: table;
}

#main_title_right div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: center;
}
#main_title_right div img {
    max-width: 180px;
    width: 100%;
    height: auto;
}



#go_form_top{ cursor:pointer; width:140px !important; height:43px !important;}
#go_tel_top{cursor:pointer; width:140px !important; height:43px !important;}
.go_entry{ cursor:pointer; width:auto !important; height:43px !important;}
#go_tel_div { display: block;}
.btn-area {
    margin-bottom: 20px;
}
.btn-area div {
    width: 50%;
    float: left;
}
.go_form {
    width:140px;
    height:43px;
}
#go_form{
    cursor:pointer;
    width:140px;
    height:43px;
}

#saraly_left{
    width:100%;
    float:none;
}

#saraly_right{
    width:100%;
    float:none;
    text-align:right;
}

#detail_left{
    width:100%;
    float:none;
    text-align:left;
    min-height:3px;
    margin-bottom:10px;
}

#detail_left p{
    font-size:14px;
    line-height:20px;
    margin:10px 20px;
}

#detail_right{
    width:100%;
    float:none;
    position:static;
}

#bottom{
    position:static;
    padding-bottom:20px;
    text-align: center;
}
#bottom img {
    width: 100%;
    height: auto;
}

#pr{
    width:100%;
    padding:0;
}

#pr_left{
    width:100%;
    float:none;
    padding-top:5px;
    padding-left:0px;
    text-align: center;
}

#pr_right{
    width:100%;
    float:none;
}

#voice{
    width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#voice_left{
    width:100%;
    float:none;
    text-align: center;
    padding-top:5px;
    padding-left:0;
    margin-bottom: 20px;
}

#voice_img{
    width:300px;
    height:40px;
}

#voice_right{
    width:100%;
    float:none;
}

#voice_right p{
    font-size:14px;
    line-height:20px;
    margin:5px 10px;
}

.oubo{
    width:100%;
    margin-top:50px;
    border-left:none;
    border-right:none;
}

.oubo th{
    float:left;
    width:100%;
}

.oubo td{
    float:left;
    width:100%;
}

.form{
    width:100%;
    margin-top:50px;
    border-left:none;
    border-right:none;
}

.form th{
    float:left;
    width:100%;
}

.form td{
    float:left;
    width:100%;
    text-align:center;
}

.input_size{ width:90%;}

.table_head{
    width:100%;
    display:block;
}

#copy{
    width:100%;
}

#copy_ichiran{
    width:100%;
}

#ichiran{
    width:100%;
}

#ichiran h4{
}

#ichiran p{
    font-weight:bold;
    margin:20px 30px;
}

#ichiran ul{
    margin-top:20px;
}

#ichiran li{
    line-height:30px;
    margin-right:30px;

}

.search_area {
    width: 100%;
}
.search_area li {
    min-width: 120px;
}

#footer-bottom_form {
    position:static;
}

#footer-bottom_ichiran {
    position:static;
}


/*フォームスマホに最適化*/
input[type=text],select{width:90%; font-size:120%; padding:5px;}
input:focus,input:hover{background:#acf3ff;}
textarea{width:100%; font-size:120%; padding:5px; height:50px;}
textarea:focus,textarea:hover{height: 150px;background:#acf3ff;}
.employment_pattern label {
    text-align: left;
}
.staff_type td input[type=text] {
    width: 76%;
}
.mw_wp_form th,
.mw_wp_form td,
.mw_wp_form td input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

}