/*--採用情報----------start-------------*/

.rec-top01{
    position:relative;
    margin: 0 auto;
    width: 100%;
}
.rec-top02{
    position: absolute;
    top: 100px;
    left: 150px;
    text-align: center;
}
.rec-top021{
    font-size: 30px;
    font-family: "HG明朝B";
    color: #D1222D;
    margin: 110px 0 20px;
    text-align: center;
}

.rec-top022{
    color: #8C0000;
    font-size: 45px;
    letter-spacing: 0.5rem;
    font-family: "HG明朝B";
    width:250px;
    margin:0 auto;
    border-bottom: 5px solid;
}
.rec-top022 p{
    border-bottom: 5px solid;
}


.rec-top img{
　　width: 80%;
    margin: 0 auto;
    padding-left: 100px;
}

.rec01-01 p,.rec02-01 p,.rec03-01 p,.rec04-01 p,.rec05-01 p{
    font-size:40px;
    font-family: "HG明朝B";
    padding-left:50px;
}
.rec01-03 img,.rec02-021 img,.rec03-03 img,.rec04-021 img{
    width:100%;
    max-width: 540px;
    border: 1px solid gainsboro;
}
.rec-container02{
    margin-top:700px;
}
.rec-container03{
    margin-top:1400px;
}
.rec-container04{
    margin-top:2100px;
}
.rec-container05{
    margin-top:2800px;
}
.rec-container06{
    margin-top:3820px;
    margin-bottom:50px;
    width:100%;
    font-size:25px;
    font-family: "HG明朝B";
    text-align:center;
    color:#D1222D;
}
/*--rec01、rec03--*/
.rec01,.rec03{
    margin-top: 50px;
    position: relative;
}
.rec01-01,.rec03-01{
    background:#D1222D;
    color:white;
    width:900px;
    position: absolute;
    left: 20px;
}

.rec01-02,.rec03-02{
    background: #EEE2D4;
    position: absolute;
    z-index: -1;
    top: 70px;
    height: 450px;
}
.rec01-021{
    width:45%;
}
.rec03-021{
    width:45%;
   
}
.rec01-021 p{
    margin: 130px 0 50px 50px;
    line-height: 2rem;
}
.rec03-021 p{
    line-height:2rem;
    margin-left: 50px;
}
.rec-title{
    font-size: 25px;
    font-family: "HG明朝B";
    color: #D1222D;
    margin: 110px 0 20px;
    text-align: center;
}
.rec-comment{
    
}
.rec01-03,.rec03-03{
    position: absolute;
    top: 180px;
    right: 20px;
    width:50%;
}

/*--rec02、rec04--*/
.rec02,.rec04{
    margin-top: 50px;
    position: relative;
}
.rec02-01,.rec04-01{
    background:#D1222D;
    color:white;
    width:900px;
    position: absolute;
    right:20px;
}

.rec02-03,.rec04-03{
    background:#A6A6AD;
    position: absolute;
    z-index: -1;
    top: 70px;
    height: 530px;
    color:white;
}
.rec02-031,.rec04-031{
    width:45%;
    margin-left: 620px;
}
.rec02-031 p,.rec04-031 p{
    margin: 110px 0 50px 50px;
    line-height: 2rem;
}
.rec02-02,.rec04-02{
    position: absolute;
    top: 180px;
    left: 20px;
    width:50%;
}
.rec02-021,.rec04-021{
    padding-left:50px;
}
/*-----rec05------*/
.rec05{
    position: relative;
}

.rec05-01{
    background:#D1222D;
    color:white;
    width:900px;
    height: 128px;
    position: absolute;
    left: 20px;
}
.rec05-01 p{
    font-size:40px;
    font-family: "HG明朝B";
    padding-left:50px;
    padding-top:35px;
}
.rec05-02{
    position: absolute;
    width: 100%;
    background: #EEE2D4;
    z-index: -1;
    top: 60px;
}
.rec05 table{
    width: 70%;
    margin: 120px auto 50px;
    border-collapse: collapse;
    border-left: 1px solid #b7a3a3;
    border-right: 1px solid #b7a3a3;
    background: white;
}
.leftbox{
    width: 25%;
    padding: 20px;
    text-align: center;
}
.rightbox{
    padding:10px 5px 10px 30px;
    background: white;
    border-left: 1px solid #b7a3a3;
}
.rec05 tr{
    border-bottom:1px solid #b7a3a3;
}
.topbox{
    border-top:1px solid #b7a3a3;
}

/*--採用情報----------end-------------*/

@media screen and (max-width: 1070px) {
.rec02-031, .rec04-031 {
    margin-left: 500px;
}
.rec04-03 {
    height: 600px; 
}  
.rec05 table {
    width: 85%;
} 
.rec04-031 p {
    margin: 100px 0 50px 50px;
}
    
}


@media screen and (max-width: 896px) {
.rec-top02 {
    left: 150px;
}
.rec01-021 p {
    margin: 100px 0 50px 50px;
}
.rec01, .rec03 {
    width: 100%;
}
.rec01-01, .rec03-01 {
    width: 90%;
}   
.rec02-031 p, .rec04-031 p {
    margin: 100px 0 50px 50px;   
}
.rec02-031, .rec04-031 {
    margin-left: 430px;
}   
.rec02, .rec04 {
　　width:100%;
} 
.rec02-01, .rec04-01 {
    width: 90%;
}  
.rec03-02 {
    height: 600px;
}
.rec-title {
    font-size:22px;    
}
.rec04-03 {
    height: 700px;
}    
.rec-container05 {
    margin-top: 3000px;
}   
.rec-container06 {
    margin-top: 4000px;
}
   
    
    
}

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


}


@media screen and (max-width: 712px) {
.rec-container06 {
    margin-top: 4000px;
}

}

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

}


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

.rec-top{
    margin-top: 110px;
}
.rec-top021{
    margin: 30px auto 20px;
    font-size: 25px;
}
.rec-top022 {
    font-size: 30px;
} 
.rec01, .rec03 {
    width:100%;  
}
.rec01-01 {
    width: 90%;
    height: 80px;   
} 
.rec01-01 p{
    font-size: 20px;
    padding-left: 30px;
    padding-top: 10px;    
}   
.rec01-02{
     top: 40px;
     width:100%;
    height: 700px;
}
.rec03-02{
     top: 40px;
     width:100%;
    height: 780px;
}
.rec01-03,.rec03-03{
     width: 90%;
    margin: 0 auto;
    top: 100px;
}    
.rec01-021 {
     width: 90%;
    margin: 400px auto;
}   
.rec-top02 {
    position: static;
    margin-top: 150px;
}
 .rec01-021 p {
    width: 95%;
    margin: 0 auto;
}   
 .rec02-01, .rec04-01 {
    height: 80px;
}   
.rec01-01 p, .rec02-01 p, .rec03-01 p, .rec04-01 p {
    font-size: 20px;
    padding-top: 10px;
    padding-left: 30px;
}
.rec-container02 {
    margin-top: 850px;
}
.rec01-01, .rec03-01 {
    height: 80px;
}
.rec02-03{
    top: 40px;
    width:100%;
    height: 700px;
}
.rec02-02, .rec04-02 {
    width: 90%;
    top: 100px;    
}   
.rec02-031, .rec04-031 {
    width: 90%;
    margin: 400px auto;
}  
.rec02-031 p, .rec04-031 p {
    margin: 0 auto;
}  
.rec-container03 {
    margin-top: 1650px;
}
.rec03-021{
    width: 90%;
    margin: 0 auto;
    margin-top:400px;
}  
.rec-title{
    margin: 0 auto;
    margin-top: 400px;
}  
.rec03-021 p {
    margin-left:0px;
    margin-bottom: 10px;
}
    
 .rec-container04 {
    margin-top: 2500px;
}   
.rec-container05 {
    margin-top: 3500px;
}  
.rec04-03 {
    top: 40px;
    width: 100%;
    height: 880px;
}    
.rec05-01 {
    width: 90%;
    height: 80px;
}
.rec05-02 {
    top: 40px;
}
.rec05 table {
    width: 95%;
}
.rec05-01 p {
    font-size: 30px;
    padding-top: 15px;
    padding-left: 30px;
}    
.leftbox {
    padding: 0px;
}
.rightbox {
    padding: 10px;
}   
    
    
.rec-container06 {
    margin-top: 4650px;
}
.rec02-021, .rec04-021 {
    padding-left: 0px;
}   
    
    
}
@media screen and (max-width: 398px) {
.rec-container06 {
    margin-top: 4680px;
}
.rec01-021 {
    margin: 350px auto;
}
.rec02-031, .rec04-031 {
    margin: 320px auto;
}    
.rec02-03 {
    height: 730px;
}  
.rec01-01 p, .rec02-01 p, .rec03-01 p, .rec04-01 p {
    padding-left: 10px;
}    
    
.rec-title {
    margin-top: 350px;
}
 .rec03-021 {
    margin-top: 0px;
}   
.rec04-03 {
    height: 930px;
}  
 .rec05 table {
    margin: 80px auto 50px;
}   
    
}