/*採用情報css*/

/*smooth scroll*/
html {
	scroll-behavior: smooth;
}

.subTitle{
    margin: 0 0 25px;
    background: url(../img/hallIcon.png) 0 center no-repeat;
}

/*採用情報トップ*/
#recruitWrap{
    position: relative;
    margin: 120px auto;
}
#recruitWrap::after{
    content: "";
    position: absolute;
    top: -22px;
    right: -40px;
    display: block;
    width: 400px;
    height: 366px;
    background: url(../img/recruit/recruit-img.png) 0 center no-repeat ;
    background-size: contain;
}
#recruitWrap h2{
    margin-bottom: 50px;
    font-size: 28px;
    color: #ff3e36;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
#recruitWrap  .concept{
    max-width: 645px;
}
#recruitWrap  .concept p{
    font-size:14px;
    line-height:1.75;
}
#recruitWrap  .concept p + p{margin-top: 40px;}
#recruitWrap  .concept .link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    margin-top: 48px;
}
#recruitWrap .concept .link a{
    display: block;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    width: 312px;
    font-size:16px;
    text-decoration: none;
    background: #FF5F00;
    box-sizing: border-box;
    height: 100%;
}
#recruitWrap .concept .link a:before{
    display: inline-block;
    margin-right: 1em;
    content: "";
    vertical-align: middle;
}
#recruitWrap .concept .link .jdLink a:before{ 
    width: 25px;
    height: 27px;
    background: url("../img/recruit/yoko.svg") no-repeat center;
    background-size: contain;
}
#recruitWrap .concept .link .formLink a:before{ 
    width: 25px;
    height: 20px;
    background: url("../img/recruit/mail.svg") no-repeat center;
    background-size: contain;
}
#recruitWrap .concept .link li:nth-child(2){margin-left: 18px;}
#recruitWrap .concept .link a:after {
    display: inline-block;
    margin-left: 2em;
    content: "";
    width: 8px;
    height: 8px;
    transform: translateY(-1px) rotate(45deg);
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
}
#recruitWrap .concept .link a:hover{background: #ff3f01;}


/*募集要項*/
#jobDescription{
    padding-block: 50px;
    background: #FFEBD6;
}
#jobDescription table + table{
    margin-top: 40px;
}
#jobDescription table th {
    background: #FF5F00;
    color: #fff;
    font-weight: normal;
    width: 105px;
    padding: 20px 40px;
    vertical-align: top;
    border-bottom: 1px dotted #ccc;
}
#jobDescription table  th:last-child{
    border-bottom: none;
}
#jobDescription table td {
    width: 670px;
    padding: 20px 50px;
    background: #fff;
}

/*採用応募フォーム*/
#recruitForm{
    padding-block: 50px;
}

#recruitForm textarea{
    font-family: "メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}


@media screen and (max-width: 767px){
    /*採用情報トップ*/
    #recruitWrap{
        margin: 50px auto 30px;
    }
    #recruitWrap::after{
        position: static;
        top: auto;
        right: auto;
        width:90vw;
        height:90vw;
    }
    #recruitWrap h2{
        margin-bottom: 24px;
        font-size: 24px;
    }
    #recruitWrap .concept .link {
        margin-block:35px 20px;
        display: block;
    }
    #recruitWrap .concept .link a{
        margin-left: auto;
        margin-right: auto;
        max-width: 360px;
        width: 100%;
    }
    #recruitWrap .concept .link li:nth-child(2){ 
        margin-top: 16px;
        margin-left: auto;
    }
    

/*募集要項*/
#jobDescription table  tr {
    display: block;
    width: 100%;
    border-bottom: none;
}
    #jobDescription table th {
        display: block;
        padding: 10px 2%;
        width: 100%;
        border-bottom: none;
    }
    #jobDescription table td {
        display: block;
        padding: 20px 2%;
        width: 100%;
    }

}