@charset "UTF-8";
/* Scss Document */

h1 {
    background: url(../../recruit/images/title.png) no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0.5rem;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
}

.send-btn {
    width: 14rem;
    background: #FB5008;
    color: #fff;
    border: none;
    font-size: 1.2rem;
    padding: 0.5rem 2rem;
	margin: 2rem auto;
	display: block;
}

.recruit {
    margin: 0 auto;
    padding-bottom: 2rem;
}
.recruit h3 {
    background: #FB5008;
    color: #fff;
    display: block;
    padding: 0.2rem 0;
}
.recruit dl {
    width: 90%;
    margin: 0 auto;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.recruit dt, .recruit dd {
    border-top: 1px solid #646464;
    text-align: left;
    padding: 1rem 1rem;
}
.recruit dt {
    width: 20%;
}
.recruit dd {
    width: 80%;
}
.recruit #acMenu > div {
	display: none;
}
.more {
	text-align: center;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	margin: 2rem auto;
	display: inline-block;
}
.must label::after {
    content: "※必須";
    color: red;
    margin-left: 0.5rem;
}

.recruit h2 {
    font-size: 1.5rem;
    font-weight: normal;
}

#form {
    margin-top: 150px;
}

.process p {
	text-align: center;
	margin: 2rem auto;
}
.process ul {
	text-align: left;
	width: 80%;
	margin: 0 auto;
}

/* for smart phone & tablet*/
@media screen and (max-width: 768px) {

   
}
/* smartphone */
@media screen and (max-width: 480px) {
   .recruit dt {
        white-space: nowrap;
        width: 30%;
    }
    .recruit dd {
        width: 70%;
    }
    
    input, textarea {
        max-width: 100%;
    }
    .inquiry-list dt, .inquiry-list dd {
        width: 100%;
    }
    .inquiry-list dt {

    }
}