.main-img-rec{
    margin: auto;
    margin-top: 60px;
    background-image: url(../images/recruit/top-recruit-main.jpg);
    background-size: cover;
    height: 40vh;
    background-position: center center;
}

.pr-video{
    max-width: 1080px;
    width: 100%;
    margin: auto;
    text-align: center;
}
iframe{
    max-width: 1080px;
    width: 100%;
}
h1{
    font-size: 50px;
    color: #8C785A;
}
.container-3{
    background: #FFF;
    color: #707070;
    padding: 100px 0;
    text-align: center;
    margin: auto;
}
.txtRed{
    color: red;
}
h4{
    font-size: 30px;
}
.form{
    max-width: 1080px;
    width: 100%;
    text-align: center;
    background: #FFF;
    color: #707070;
    margin: auto;
}
::placeholder{
    color: #a09f9f8f;
}
::-ms-input-placeholder{
    color: #a09f9f8f;
}
dd {
    padding-left: 10px;
}
dd.gender {
    text-align: left;
}
input[type="radio"] {
    width: fit-content;
    text-align: left;
}
.buttonArea {
    margin: 50px auto;
}
.rec-btn{
    color:#8c785a;
    font-weight: 700;
}
.privacy-policy p{
    text-align: left;
    color: #707070;
}
button{
        width: fit-content!important;
    padding: 5px 30px;
    font-size: 20px!important;
    background: #000;
    margin: 0 20px;
    color: #8c785a;
    font-weight: 700!important;
}
.btn.confirmation {
    display: flex;
    justify-content: center;
    margin: 50px auto;
}
.sec7{
    padding-bottom: 50px;
}
table.check-table {
    width: 90%;
    text-align: left;
    border-collapse: collapse;
    margin: auto;
}
table.check-table th {
    background: #EFEFEF;
    color: rgba(34, 24, 21, 0.5);
    padding: 5px;
    border: 1px solid;
    border-color: #9FA0A0;
    width: 30%;
}
table.check-table td {
    background: #fff;
    color: rgba(34, 24, 21, 0.5);
    padding: 5px;
    border: 1px solid;
    border-color: #9FA0A0;
}
.content__wrap {
    margin: 20px auto;
    text-align: center;
    text-align: -webkit-center;
}
#contactpage .sec_content dl dt{
    display: flex;
    justify-content: space-between;
}
#contactpage .sec_content dl dt.required::after {
    content: "必須";
    padding: 0px 3px 1px 4px;
    background-color: #FF392E;
    color: #fff;
    font-size: 0.7em;
    border-radius: 2px;
    letter-spacing: 0.1em;
    position: relative;
    right: 15px;
}
.container-3 a {
    text-align: center;
    color: #8c785a;
    text-decoration: none;
    padding: 15px 10px;
}
.bckwt{
    background: #fff;
    color: #22181580;
    padding: 40px 20px;
    padding-bottom: 100px;
    margin: 50px auto;
}
.bckwt ul li{
    list-style: disc;
    display: list-item;
}
span.ttlforrec{
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
}
.space-rec {
    height: 20px;
}
span.bottom-right {
    float: right;
}
h2.staff-head{
    display: flex;
    justify-content: center;
    align-items: center;
}
h2.staff-head img{
    width: 26%;
}
.staff-intro-box{
    display: flex;
    margin: 100px auto;
}
.staff-intro-box-1{
    display: flex;
    margin: 100px auto;
}
.staff-intro-txt{
    width: 70%;
}


/*smartphone-view*/

@media screen and (max-width: 540px) {
 
    .form{
        width: 90%;
    }
    .main-img-rec{
    margin: auto;
    margin-top: 60px;
    background-image: url(../images/recruit/top-recruit-main_sp.jpg);
    background-size: cover;
        height: 27vh;
    background-position: center center;
}
    iframe {
    height: 24vh;
}
    .container-3{
        padding: 50px 0;
    }
    
.staff-intro-box{
    display: block;
    margin: 50px auto;
}
.staff-intro-box-1{
    display: flex;
    margin: 50px auto;
    flex-direction: column-reverse;
}
.staff-intro-txt{
    width: 100%;
}
.staff-intro-img{
    width: 50%;
    margin: auto;
}
h2.staff-head img {
    width: 40%;
}
}