@charset "utf-8";

/* ===============[ float解除 ]=============== */
/* Clearfix */  
.clearfix:after {  
    content: " ";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */


/*共通*/
.recruit_wrap{
width:100%:;
background:#FFF;
}
.recruit_wrap a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}
.recruit_wrap h2{
text-align:center;
display:block;
margin:0 auto;
font-weight:normal;
}

.h2_span{
color:#333;
font-size:12px;
padding-left:10px;
font-weight:normal;
}


/*TOP*/
.catchbox{
width:1300px;
height:827px;
background:url("http://www.yoshisoba.jp/images/recruit_yoshisobacatch_back.jpg");
position:relative;
margin-top:20px;
margin-bottom:30px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px; 
border-radius:8px;
}
.catchbox .catch_title{
position:absolute;
top:50px;
left:25px;
}
.catchbox .catch_text{
position:absolute;
top:230px;
left:35px;
width:320px;
overflow:hidden;
font-size:14px;
color:#444444;
line-height:1.6;
}

.catchbox .catch_detail{
position:absolute;
bottom:35px;
left:35px;
}

.recruit_icon{
padding-top:0px;
}

.recruit_icon a{
color:#333333;
}
.recruit_icon a:hover{
color:#DD0000;
}


.recruit_icon{
margin-top:20px;
}

.recruit_icon img{
margin-bottom:10px;
width:170px;
}

.recruit_icon li{
width:170px;
margin-left:20px;
float:left;
font-size:11px;
}

.recruit_icon li.fst{
width:170px;
margin-left:0px;
float:left;
font-size:11px;
}

.mt-20{
margin-top:20px;
}

.mt-15{
margin-top:15px;
}

.mb30{
margin-bottom:30px;
}
@media screen and (min-width: 1100px) {
	

/*詳細*/
.svbox_shibaki{
width:1270px;
height:837px;
background:url("../images/recruit/sv_back_shibaki.jpg");
position:relative;
margin-bottom:20px;
}
.svbox_shibaki .sv_title_shibaki{
padding-bottom:2px;
border-left:7px solid #CC0000; 
border-bottom:1px dashed #AAAAAA;
margin-bottom:12px;
}
.katagaki{
font-size:16px;
padding-left:15px;
}
.staff_name{
font-size:26px;
font-weight:bold;
padding-left:15px;
}
.name_small{
font-size:12px;
color:#777;
font-weight:normal;
padding-left:10px;
}
.svbox_shibaki .sv_text_shibaki{
position:absolute;
top:100px;
right:100px;
width:480px;
height:640px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
background-color:rgba( 255, 255, 255, 0.9);
overflow:hidden;
padding:20px 15px 15px 15px;
color:#000000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px; 
border-radius:8px;
font-size:1em;
text-align:left;
}
.svbox_shibaki .sv_text_shibaki p{
line-height:1.6;
}

.svbox_takada{
width:1270px;
height:837px;
background:url("../images/recruit/sv_back_takada.jpg");
position:relative;
margin-bottom:20px;
margin-top:15px;
}
.svbox_takada .sv_title_takada{
padding-bottom:2px;
border-left:7px solid #CC0000; 
border-bottom:1px dashed #AAAAAA;
margin-bottom:12px;
}
.svbox_takada .sv_text_takada{
position:absolute;
top:100px;
right:100px;
width:480px;
height:540px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
background-color:rgba( 255, 255, 255, 0.9);
overflow:hidden;
padding:20px 15px 15px 15px;
color:#000000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px; 
border-radius:8px;
font-size:1em;;
text-align:left;
}
.svbox_takada .sv_text_takada p{
line-height:1.6;
}

.kinmuphoto{
margin-top:20px;
}

.kinmuphoto li img{
margin-bottom:15px;
width:230px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px; 
border-radius:4px;
}
.kinmuphoto li{
width:230px;
font-size:12px;
float:left;
margin-left:25px;
margin-bottom:10px;
}

.works-midashi{
font-size:1em;;
font-weight:bold;
color:#CC0000;
line-height: 1.4;
margin-bottom:0px;
margin-top:10px;
}

.kinmuphoto li p{
line-height: 1.6;
}

.kinmuphoto li:first-child {
width:230px;
font-size:12px;
float:left;
margin-left:0px;
}

.recruit_info{
margin-top:20px;
}

.recruit_info table{ border-collapse:collapse; width:100%; margin-top:20px; width:740px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; font-size:100%; text-align:left; line-height:1.6;}
.recruit_info th{ font-weight:normal; vertical-align:text-top; width:200px; padding:10px; border:1px solid #CCCCCC; vertical-align:middle; text-align:center; background-color:#F6F6F6;}
.recruit_info td{ vertical-align:text-top; padding:10px; border:1px solid #CCCCCC; vertical-align:middle; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:left;}

.recruit_tel_box{background-image: url(http://www.kknoah.co.jp/images/media_list_back.jpg);
background-repeat: repeat-x;
padding:15px;
margin:20px 0 10px;
}
.recruit_tel_text{
background-color:#ffffff;
padding:10px;
text-align:center;
line-height:1.4;
}
.recruit_tel{
font-size:30px;
font-weight:bold;
color:#CC0000;
font-family: Helvetica, Arial, Verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
.oubo{
font-size:14px;
padding-right:5px;
color:#000000;
}
.tanto{
font-size:12px;
padding-left:5px;
}

.recruit_infobox{
padding:20px 0px 0 0px;
}
.recruit_infobox h2{
margin:0 0 10px 0;
}
.recruit_infobox p{
font-size:15px;
line-height: 1.7;
}
.recruit_tel_box{background-image: url(http://www.kknoah.co.jp/images/media_list_back.jpg);
background-repeat: repeat-x;
padding:15px;
margin:20px 0;
}
.recruit_tel_text{
background-color:#ffffff;
padding:10px;
text-align:center;
}
.recruit_tel_text li{
display:inline;
}
.recruit_tel{
font-size:20px;
font-weight:bold;
margin-top:5px;
}
.oubo{
font-size:12px;
padding-right:5px;
}
.tanto{
font-size:12px;
padding-left:5px;
}
.recruit_wrap table{
border-collapse:collapse;
width:100%;
margin-top:20px;
}
.recruit_wrap th{
font-weight:normal;
vertical-align:text-top;
width:200px;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
}
.recruit_wrap td{
vertical-align:text-top;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
}
.recruit_wrap p{
line-height:1.8;
padding:0px;
margin:0px;
font-size:0.8em;
}
.recruit_wrap .recruit{
width:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:100%;
text-align:left;
}
.recruit_wrap .recruit td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}






.noahworks{
padding-top:15px;
}
.noahworks li p{
padding:0 10px;
font-size:13px;
line-height: 1.6;
}

/*　◆求人応募フォーム◆　*/
.recruit_contact{
background:#FFF;
padding:20px 0;
}
.recruit_contact h2{
font-size:18px !important;
color:#333;
line-height:1.4;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight:normal;
margin:30px 0 15px;
}
.recruit_contact .h2_span{
font-size:12px;
font-weight:normal;
color:#999999;
}
.recruit_contact table{
border-collapse:collapse;
width:100%;
font-size:14px;
}
.recruit_contact th{
font-weight:normal;
vertical-align:text-top;
width:100%;
display:block;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
}
.recruit_contact td{
vertical-align:text-top;
width:100%;
display:block;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
}
.recruit_contact p{
line-height:1.8;
}
.recruit_contact .recruit{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:100%;
text-align:left;
}
.recruit_contact .recruit td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}
.recruit_contact .form_table td{
text-align:left;
}
.recruit_contact .form_table td.button_td{
text-align:center;
}
.mail-error{
color:#FF0000;
}
.app a{
display:block;
text-align:center;
background-color:#;
-moz-border-radius:24px;
-webkit-border-radius:24px;
-khtml-border-radius:24px; 
border-radius:24px;
font-size:18px;
font-weight:normal;
color:#FFF;
padding:10px;
margin:10px auto;
border:3px solid #DDDDDD;
background: -webkit-linear-gradient(top,#CC0000 0%,#AA0000 100%);
background: -moz-linear-gradient(top,#CC0000 0%,#AA0000 100%);
background: -ms-linear-gradient(top,#CC0000 0%,#CC0000 50%,#AA0000 50%,#AA0000 100%);
background: linear-gradient(top,#CC0000 0%,#CC0000 50%,#AA0000 50%,#AA0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CC0000, endColorstr=#AA0000);
width:30%;
}
.s_box{
width:100px;
}
.b_box{
width:100%;
}


}

@media screen and (max-width: 1100px) {
	li, ul{
margin:0;
padding:0;
list-style:none;
}
.b_box{
width:100%;
}
/*　◆求人詳細ページ◆　*/
.svbox_shibaki{
width:100%;
padding-top:72%;
background:url("../images/recruit/sv_back_shibaki.jpg");
background-repeat:no-repeat;
background-size:contain;
margin-bottom:30px;
}
.svbox_shibaki .sv_title_shibaki{
padding-bottom:2px;
border-left:7px solid #CC0000; 
border-bottom:1px dashed #AAAAAA;
margin-bottom:12px;
}
.svbox_shibaki .sv_text_shibaki{
color:#000000;
font-size:100%;

padding:15px;

}
.svbox_shibaki .sv_text_shibaki p{
line-height:1.6;
text-align:left;
font-size:0.9em;
}
.svbox_takada{
width:100%;
padding-top:72%;
background:url("../images/recruit/sv_back_takada.jpg");
background-repeat:no-repeat;
background-size:contain;
margin-bottom:30px;
}
.svbox_takada .sv_title_takada{
padding-bottom:2px;
border-left:7px solid #CC0000; 
border-bottom:1px dashed #AAAAAA;
margin-bottom:12px;
}
.katagaki{
font-size:110%;
padding-left:15px;
}
.staff_name{
font-size:155%;
font-weight:bold;
padding-left:15px;
}
.name_small{
font-size:70%;
color:#777;
font-weight:normal;
padding-left:10px;
}
.svbox_takada .sv_text_takada{
color:#000000;
font-size:100%;
padding:15px;

}
.svbox_takada .sv_text_takada p{
line-height:1.6;
text-align:left;
font-size:0.9em;
}
.kinmuphoto{
margin-bottom:15px;
}
.kinmuphoto li img{
margin:0 auto 10px;
diplay:block;
}
.kinmuphoto li:nth-child(odd){
width:50%;
float:left;
font-size:80%;
padding-right:10px;
margin-bottom:15px;
}
.kinmuphoto li:nth-child(even){
width:50%;
float:left;
font-size:80%;
padding-left:10px;
margin-bottom:15px;
}
.kinmuphoto li p{
line-height: 1.4;
}
.recruit_wrap table{
border-collapse:collapse;
width:100%;
margin-top:20px;
}
.recruit_wrap th{
font-weight:normal;
vertical-align:text-top;
width:28%;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
}
.recruit_wrap td{
vertical-align:text-top;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
}
.recruit_wrap p{
line-height:1.8;
}
.recruit_wrap .recruit{
width:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:100%;
text-align:left;
}
.recruit_wrap .recruit td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}
.recruit_tel_box{
background-image: url(http://www.kknoah.co.jp/images/media_list_back.jpg);
background-repeat: repeat-x;
padding:10px;
margin:20px 0;
}
.recruit_tel_text{
background-color:#ffffff;
padding:15px;
text-align:center;
}
.recruit_tel{
font-size:150%;
font-weight:bold;
margin-top:5px;
}
.oubo{
font-size:100%;
}
.tanto{
font-size:100%;
}

.works-midashi{
font-size:1em;;
font-weight:bold;
color:#CC0000;
line-height: 1.4;
margin-bottom:0px;
margin-top:10px;
}

.app a{
display:block;
text-align:center;
background-color:#;
-moz-border-radius:24px;
-webkit-border-radius:24px;
-khtml-border-radius:24px; 
border-radius:24px;
font-size:130%;
font-weight:normal;
color:#FFF;
padding:10px;
margin:15px auto;
border:3px solid #DDDDDD;
background: -webkit-linear-gradient(top,#CC0000 0%,#AA0000 100%);
background: -moz-linear-gradient(top,#CC0000 0%,#AA0000 100%);
background: -ms-linear-gradient(top,#CC0000 0%,#CC0000 50%,#AA0000 50%,#AA0000 100%);
background: linear-gradient(top,#CC0000 0%,#CC0000 50%,#AA0000 50%,#AA0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CC0000, endColorstr=#AA0000);
width:50%;
}
/*　◆求人応募フォーム◆　*/
.recruit_contact{
background:#FFF;
padding:20px;
}
.recruit_contact h2{
font-size:18px !important;
color:#333;
line-height:1.4;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight:normal;
margin:30px 0 15px;
}
.recruit_contact .h2_span{
font-size:12px;
font-weight:normal;
color:#999999;
}
.recruit_contact table{
border-collapse:collapse;
width:100%;
font-size:14px;
}
.recruit_contact th{
font-weight:normal;
vertical-align:text-top;
width:250px;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
background-color:#F6F6F6;
}
.recruit_contact td{
vertical-align:text-top;
padding:10px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
}
.recruit_contact p{
line-height:1.8;
}
.recruit_contact .recruit{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size:100%;
text-align:left;
}
.recruit_contact .recruit td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:left;
}
.recruit_contact .form_table td{
text-align:left;
}
.recruit_contact .form_table td.button_td{
text-align:center;
}
}