@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{/* background:url(../company/images/back_body_recruit.jpg) center top no-repeat; */}
#wrap{}

.textBtn{ display:inline-block; text-align:center; text-decoration:none;}
a:hover{ opacity:0.7;}

table,tr,th,td{ border:none; box-sizing:border-box;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerArea h1{}

#pageLink_recruit{ margin-bottom:45px;}
#pageLink_recruit ul{ display:flex; justify-content:center;}
#pageLink_recruit li{ font-size:15px; font-weight:500; margin-right:10px;}
#pageLink_recruit li a{ width:155px; color:#000; border:1px solid #000; border-radius:5px; padding:0.3em 0 0.4em;}
#pageLink_recruit li:last-child{ margin-right:0px; position:relative;}
#pageLink_recruit li:last-child:after{ content:url(../company/images/icon_01.png); position:absolute; right:0; top:-23px;}


/*----------------------------------------------------------------------------
 ***                                                             leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {margin: 0 auto;float: none;}
#contentsAreaInner {}

h4{ font-size:18px; line-height:0.9em; padding-top:4px; padding-left:50px; margin-bottom:10px;}
.title-h4 span{font-size:12px;color:#595757;font-weight: normal;}

/* スライドのコンテンツ */
#staffSec{}
#staffSec h4{ background:url(../company/images/icon_h4_01.png) left top no-repeat;}
#staffSec .sectionInner{ position:relative;}

#custom_prev{ position:absolute; left:0; top:175px;}
#custom_next{ position:absolute; right:0; top:175px;}

#staffSec ul{}
#staffSec li{}

.staffVoice{ border:1px solid #000; padding:30px 65px; margin-bottom:45px; position:relative;}
.staffVoice .slideLogoBox{}
.staffVoice .staffPhtoto{ margin:0; padding:0; position:absolute; right:30px; bottom:0;}
.staffVoice .shopLogo{ float:left; margin-right:15px;}

.introduction{ width:230px; padding-left:100px;}
.introduction h5{ font-size:19px; line-height:1.0em; padding-bottom:5px; border-bottom:1px solid #E58000; margin-bottom:5px;}
.introduction h5 span{ font-size:12px; color:#595757;}
.introduction dl{}
.introduction dd{ font-size:12px; color:#595757;}
.introduction dd span{ color:#E58000;}
.introduction dt{ font-size:16px; color:#000; line-height:1.2em;}
.introduction dt span{ font-size:12px; font-weight:normal;}

.commentBox{}
.commentBox dl{ margin-bottom:10px;}
.commentBox dt{ font-size:13px; color:#E68000;}
.commentBox dd{ font-size:12px; color:#3E3A39;}


#entryBtn{ text-align:center;}
#entryBtn a{}



#recruitmentSec{}
#recruitmentSec h4{ background:url(../company/images/icon_h4_02.png) left top no-repeat;}
#recruitmentSec .sectionInner{}
#recruitmentSec table{ border-top:2px solid #000; border-bottom:2px solid #000;}
#recruitmentSec tr{ border-bottom:1px solid #CCC;}
#recruitmentSec th,
#recruitmentSec td{ padding:15px 20px 15px 30px;}
#recruitmentSec th{ width:210px; font-size:12px; color:#000; font-weight:500; background-color:#FAFAFA;}
#recruitmentSec td{ font-size:12px; color:#000; line-height:1.8em;}
#recruitmentSec .telLink{ color:#000;}


#entrySec{}
#entrySec .title-h4{background:url(../company/images/icon_h4_03.png) left top no-repeat;font-size: 18px;line-height: 0.9em;padding-top: 4px;padding-left: 50px;margin-bottom: 10px;color: #000;font-weight: bold;font-family: 'Yu Gothic',YuGothic,'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;}
#entrySec .sectionInner{}

#entrySec #entryFlow{ margin:0;}

#formSec{ background:url(../company/images/back_form.png) left top repeat; padding:0 16px 16px 16px; margin-bottom:5px;}
#formSecInner{ background-color:#FFF; padding:40px 28px 20px; box-sizing:border-box;}
#formSec h5{ font-size:18px; background:url(../company/images/icon_h5.png) left 4px no-repeat; padding-left:22px; padding-bottom:5px; border-bottom:1px solid #E68000;}
#formSec table{ table-layout:fixed;}
#formSec tr{ border-bottom:1px solid #CCC;}
#formSec th{ width:182px; font-size:14px; color:#000; font-weight:500; text-align:left; background-color:#FAFAFA;}
#formSec th img{ padding-left:10px; vertical-align:-2px;}
#formSec th,
#formSec td{padding: 10px 10px 10px 30px;color:#000;}
#formSec td{}
#formSec td .kakunin{color: #888888;font-size: 13px;padding-top: 10px;}
#formSec .attentionText{ font-size:12px; color:#008895;}

input{ color:#000; font-weight:500;}
input[type="text"]{}

#formSec #address input[type="text"]{ margin-bottom:15px; width:80%;}
#formSec #address input[type="text"]#post{ width:40%;}



#formSec #telTr input[type="text"]{ width:60%;}
#formSec #mailTr input[type="text"]{ width:60%;}

input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #3E3A39;
	border-radius:3px;
	padding:3px 5px 4px 9px;
	line-height:1.6em;
}
#post{ margin-right:15px;}
/* ラジオボタン装飾 */
label{ margin-right:20px;}
.radioInput{ display:none;}
.radioParts{ padding-left:25px; position:relative;}
.radioParts::before {
    content:"";
    display:block;
    width:16px;
    height:16px;
    border:1px solid #000;
    background-color:#FFF;
    border-radius:50%;
    position:absolute;
    top:3px;
    left:0;
}
.radioInput:checked + .radioParts::after {
    content:"";
    display:block;
    width:8px;
    height:8px;
    background:#A41934;
    border-radius:50%;
    position:absolute;
    top:8px;
    left:5px;
}

select{
	padding:0.2em 0.5em 0.3em 0.5em;
	border-radius:3px;
	line-height:1.6em;
	border:1px solid #3E3A39;
	vertical-align:baseline;
}
textarea{ width:100%;}
/* 住所自動入力ボタン */
button[type=button]#auto-addr {
	font-size: 12px;
	border: none;
	background:linear-gradient(#DDD,#CACACA);
	color:#000;
	cursor:pointer;
	width:auto;
	text-align:center;
	display:inline-block;
	padding:0.4em 1.5em 0.4em;
	border-radius:3px;
}
#submit-area { text-align: center; padding: 10px; }
#formSec .submit{
    border: none;
    background: none;
    cursor: pointer;
    text-align: center;
}

#required{ font-size:12px; color:#3E3A39; margin-bottom:20px;}
#required img{ padding-right:2px;}



#privacyPolicy{ float:right; font-size:12px;}
#privacyPolicy a{ color:#E68000;}

.privacy_check tac{text-align: center;margin-bottom: 1.5em;font-size: 14px;}
.privacy_check label{}
.privacy_check input[type="checkbox"]{margin-right: 0.3rem; vertical-align: middle; appearance: auto;}

#commentText{ font-size:12px; color:#000; margin-bottom:20px;}

#contactText{}
#contactText dt,
#contactText dd{ font-size:12px;}
#contactText dt{ float:left; width:95px; color:#008895; font-weight:normal; text-align:center; border:1px solid #008895; padding:1px 4px 2px; box-sizing:border-box; margin-right:10px; margin-bottom:30px;}
#contactText dd{ color:#3E3A39;}



/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}




/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaTxt{}


/*----------------------------------------------------------------------------
 ***                                                          breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{}





/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
section { }
section section {}
.sectionInner {}









