#sec1 {
	position: relative;
	background: url(../img/recruit/s1-bg.png) no-repeat center top/contain;
	
}
#sec1 h2{
	padding: 10px 3px 13px;
}
#sec1 .txt1{
	padding-bottom: 10px;
}
#sec1 h3{
	padding: 10px 0;
}
#sec1 .img2 {
	padding: 10px 10px 15px;
}
#sec2 {
	background: #000;
	padding-bottom: 20px;
	background: url(../img/recruit/s2-bg.png) no-repeat center top/46%;
}
#sec2 .detail{
	position: relative;
	padding-top: 20px;
}
#sec2 .info {
	position: absolute;
	z-index: 9999;
	width: 50%;
	top: 0;
}
#sec2 .info1{
	
    top: 13.6%;
    right: 10px;
}
#sec2 .info2{
	top: 40.2%;
    left: 10px;	
    width: 45%;
}
#sec2 .info3{
	top: 68%;
    right: 10px;	
}
#sec2 .info4{
	top: 80.4%;
    left: 10px;	
    width: 45%;
}
#sec2 .info5{
	    top: 93.5%;
    right: 10px;
    width: 47%;	
}

#sec2 .img {
	z-index: 0;
}
#sec2 h2{
	padding: 13px 10px;
}
#sec3 {
	background: url(../img/recruit/s3-bg.png) repeat center;
	background-size: 100%;
	color: #000;
	padding: 25px 10px 13px;
}
#sec3 .seemore {
	border: 1px solid;
	padding: 10px 0;
}
#sec3 h3 {
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #a84800;
	margin: 20px 0 0;
}
#sec3 .info {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #a84800;
}
#sec3 .info h4 {
	font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #a84800;
	padding: 10px 0 8px;
	font-size: 18px;
}
#sec3 .ttl {
	    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    font-size: 18px;
}
#sec3 .fl {
	width: 50%;
	clear: unset;
}
#sec3 .fr {
	width: 50%;
	clear: unset;
}
#sec3 h3.last {
	margin-top: 15px;
}
#sec4 {
	background: url(../img/recruit/bg_sec4.jpg) no-repeat center/cover;
	
	padding: 10px 0 20px;
	
}
#sec4 h3{
	padding: 0 10px;
}
#sec4 .txt {
	padding: 5px 10px 10px;
}
#sec4 .tel {
	padding: 17px 10px 0;
}
/*popup*/
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 999999999999;
}
.popup-inner {
        width: 84%;
    /* padding: 15px; */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* box-shadow: 0px 2px 6px rgba(0,0,0,1); */
    border-radius: 3px;
     background: #fff; 
     color: #000;
     padding: 10px;
}
.popup-close {
        width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    
    border-radius: 100%;
    background: rgba(0,0,0,0.8);
    font-family: time new roman;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    color: #fff;
   
    padding-right: -1px;
    
    padding-left: 1px;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}
.txt-popup {
	color: #000;
	margin-bottom: -28px;
}
.pt-10 {
	padding-top: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
/*end popup*/