/*-----採用追加ここから-----*/

.bt-formtop{ display:block; margin:0 auto 3%; text-align:center;}

.box-recruit-top{
    background-color: #F7F9F8;
    margin: 0 auto 30px;
    text-align: center;
    display: block;
}
.recruit-top-title {
    position: relative;
    font-size: 4.4rem !important;
    padding: 6% 0 4% 0;
    color: #473D3E;
    font-size: 36px;
    font-family: 'Noto Serif Japanese';
	color:#fff;
	letter-spacing:0.2em;
}
.recruit-top-title:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 33px;
    height: 1px;
    margin-left: -15px;
    background-color: #fff;
}
.recruit-top-subtitle {
    font-size: 18px;
    padding: 4% 0 6% 0;
    letter-spacing: 0.4rem;
}

.box-recruit{ width:960px; margin:4% auto 6%;}
.box-recruit-title{ text-align:center; margin:0 auto 40px; font-family: 'Noto Serif Japanese';}
.recruit-title-eng{ font-size:12px; color:#CCC; letter-spacing:0.2em;}
.recruit-title-jpn{
	letter-spacing:0.2em;
	overflow: hidden;
    text-align: center;
    position: relative;
    display: table;
    white-space: nowrap;
	font-size:30px;
	    margin: 0 auto;}
.recruit-title-jpn span{
	position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;}
.recruit-title-jpn::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.box-shop-img {
    margin: 0 auto 60px;
    text-align: center;
}
.box-shop-img ul {
    overflow: hidden;
    margin: 0 auto;
}
.box-shop-img ul li {
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}
.box-shop-img ul li:last-child {
    margin: 0 0 0 0;
}

.recruit-txt{ letter-spacing:0.1em; font-size:16px; line-height:180%; margin:0 auto 40px; text-align: justify;}
.recruit-txt p{ margin:0 auto 24px;}
.recruit-txt p:last-child{ margin:0 auto 0;}

.recruit-txt2{ letter-spacing:0.1em; font-size:16px; line-height:180%; margin:0 auto 40px; text-align:center;}
.recruit-txt2 p{ margin:0 auto 24px;}
.recruit-txt2 p:last-child{ margin:0 auto 0;}
.recruit-txt2-title{ font-size:24px; font-weight:bold; font-family: 'Noto Serif Japanese';}

#box-recruit-info {
	width:100%;
    font-size: 14px;
    border-collapse: collapse;
    margin: 0 auto 60px;
}
#box-recruit-info th {
    width: 200px;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    border-right: 20px solid #ffffff;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ffffff;
    /* font-size: 12px; */
    /* line-height: 1.8; */
    font-weight: normal;
    vertical-align: middle;
}
#box-recruit-info td {
    /* width: 676px; */
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px solid #c3c0c0;
    /* font-size: 12px; */
    line-height: 1.8;
    vertical-align: top;
}

.box-catalog-photo{
	background-color:inherit;
	background-image:url(img/bg-recruit.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff !important;
	/*height:500px;
	margin:0 auto 60px;*/
	}
.toiawase-title-option{ color:#fff;}
.toiawase-title-option:after{ background-color: #fff;}

.form-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #efefef;
    padding: 10px 0 6px;
    margin: 12px auto 12px;
}
hr.form-border{
    border-top: none;
    border-bottom: solid 1px #E6E6E6;
    width: 100%;
    margin: 12px auto;
	}
	
hr.form-border2{
    border-top: none;
    border-bottom: solid 2px #E6E6E6;
    width: 100%;
    margin: 12px auto;
	}

input::placeholder {
  color: #ccc;
}

/* IE */
input:-ms-input-placeholder {
  color: #ccc;
}

/* Edge */
input::-ms-input-placeholder {
  color: #ccc;
}

/*-----採用追加ここまで-----*/

.box-catalog{
    text-align:center;
    width:768px;
    margin: 0 auto;
    background-color:#fff;
    padding:7% 5%;
    font-size:1.4rem !important;
}
.box-catalog .title{
    font-size:2.4rem;
    line-height:3rem;
    margin:0 auto 3%;
    padding:0% 0 0% 0;
    overflow: hidden;
	text-align: center;
    position:relative;
	display: table;
    white-space: nowrap;
}
.box-catalog .title span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
	}
.box-catalog .title::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.box-catalog .subtitle { font-family: 'HanaMinA'; margin:0 0 3% 0; }

#box-catalog{ width:960px; margin:3% auto 6%; text-align: left;}
.comment{
	font-size:1.4rem;
    line-height:2.6rem ;
    border: double #E6E6E6;
    text-align:center;
    color: #43321B;
    padding:5%;
    letter-spacing:0.1rem;
    margin:0 0 3% 0;
	background-color:#fff;
}
.contact-mes{
    font-size:1.8rem;
    margin:0 0 2% 0;
}
.formstyle{margin:0 auto;}
.form-block{
    /*border-bottom:solid 1px #E6E6E6;*/
    font-size:13px;
    padding:18px 0 16px 0;
}
.form-l{float:left; width:30%;}
.form-r{float:right; width:65%;}
.input-style00{
    width:25%;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.input-style01{
    width:100%;
    background-color:#fff;
    border:none;
    padding:7px 5px 5px 5px;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.input-style02{
    width:50%;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.input-style03{
    width:220px;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}

.input-style04 {
    width: 220px;
    background-color: #888888;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 14px 8px 12px 8px !important;
    font-size: 1.6rem !important;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    margin: 6px 0 0 0;
}
.input-style05 {
    width: 220px;
    background-color: #fff;
    border: none;
    border: solid 1px #B9A282;
    padding: 14px 8px 12px 8px !important;
    font-size: 1.6rem !important;
    font-weight: bold;
    color: #43321B;
    cursor: pointer;
    margin: 6px 0 0 0;
}
.input-style06{
    width:120px;
    background-color:#fff;
    border:none;
    padding:7px 5px 5px 5px;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.select-style01{
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:5px 5px 5px 5px;
    width:220px;
}
.select-style02{
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:5px 5px 5px 5px;
    width:60px;
}
.textarea-style01{
    width:100%;
    height:160px;
    background-color:#fff;
    border: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding:7px 5px 5px 5px;
}
.form-r a{font-size:1rem; color:#635347;}
.form-r ul{text-decoration:none;}
.form-r ul li{text-decoration:none; margin:0 0 20px 0;}
.form-r ul li:last-child{margin:0 0 0 0;}
.form-r ul li p{float:left; margin:0 10px 0 0; display:table-cell;vertical-align:middle;}

@media only screen and (max-width: 1023px) {
#box-catalog{display:block; width:90%;}
.box-recruit{ width:90%; margin:4% auto 6%;}
}

@media only screen and (max-width: 767px) {

.formstyle{display:block; width:100%;}
.comment{font-size:13px;}
.contact-mes{ font-size:16px;}

#box-recruit-info th {
    display: block;
    width: 100%;
    font-size: 14px;
}
#box-recruit-info td {
    display: block;
    width: 100%;
    border: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

}

@media only screen and (max-width: 479px) {

.recruit-title-jpn{ font-size:22px;}
.recruit-title-eng{ font-size:10px; letter-spacing: 0.1em;}
.recruit-top-title{ font-size:24px !important; padding: 12% 0 6% 0 !important;}
.recruit-top-subtitle {
    font-size: 12px !important;
    letter-spacing: 0.2rem !important;
	padding: 6% 0 12% 0;
	line-height: 160%;
}
.recruit-txt{ font-size:14px;}

.recruit-txt2-title{ font-size:20px; text-align:center !important;}
.recruit-txt2{ font-size:14px; text-align:left;}
.recruit-txt2 br{ display:none;}

#box-recruit-info td {
    font-size: 12px;
}
#box-recruit-info th{ padding: 7px 0 5px; }
.box-recruit-title { margin: 0 auto 24px;}

#box-catalog{width:90%;}
.form-block{padding:10px 0 8px 0; border:none;}
.input-style00{width:30%;}
.input-style01{width:100%;}
.input-style02{width:100%;}
.input-style03{width:100%;}
.input-style04{width:100%; font-size: 2.4rem !important;}
.input-style05{width:100%; font-size: 3rem !important;}
.select-style01{width:100%;}
.form-l{display:block; width:100%; float:none; margin: 0 auto 6px;}
.form-r{display:block; width:100%; float:none;}
.comment{
    line-height:1.8rem !important;
    margin:6% 0 4% 0;
    text-align:left;
    
}
.comment br{display:none;}
.box-bottom_sitemap{font-size:0.7rem; line-height:1.4rem; letter-spacing:normal; margin:3% 0;}
.box-bottom_sitemap br{display:inline;}
.contact-mes{    text-align: center;
    margin: 0 auto 20px;}
.contact-mes b{
	font-size: 2.6rem;
    display: block;
    padding: 6px 0;}
}