#job h1{
text-align: center;
margin: 0 0 10px;
font-size: 1.3rem;
border: 1px solid #555;
padding: 15px;
font-weight: 400;
letter-spacing: 0.1em;
}
.job-catch {padding: 16px 0;}
#job-author{text-align: right;font-size: 0.5rem;}
.job-notes{padding: 0 0 40px;}
.job-notes span{font-size: 0.8em;}
.job-notes dt{font-weight: 700;border-bottom: 1px solid skyBlue; clear: both;padding: 0 0 0.5em;font-size: 0.9rem;}
.job-notes dd{padding: 1em 0 2em;line-height: 1.6;overflow: hidden;font-size: 0.9rem;}
.job-notes dd li{list-style-position: inside; }
.job-notes dd ol li{list-style-type: decimal; }
.job-notes dd ul{padding: 8px 0;}
.job-notes dd ul li{list-style: outside;margin: 0 0 0 20px;}
.job-end{text-align: right;}
span.one{position: absolute;top: 75px;text-align: left;}
span.two{position: relative;top: 10px;text-align: left;}
.job-notes dd ol li {text-indent: -1.1em;padding: 0 0 0.5em 1.1em;}

#job-notes{margin: 20px 0 0 0;}
#job-notes dt{font-weight: bold;}
#job-notes dd{padding: 0 0 0 1em; margin: 0 0 1em 0;}
#job-notes dd li{list-style-position: inside;}
#job-notes dd ol li{list-style-type: decimal;}
#job-notes dd ul li{list-style-type: disc;}
#job-end{text-align: right;}

#job-voice {display: flex;flex-direction: column;}
#job-voice li {align-items: center;display: flex;flex-direction: column;padding: 0 0 40px;}
#job-voice li .job-voice-pic img {border-radius: 100vh;height: auto;}
#job-voice li .job-voice-name {
    font-size: 1rem;
    line-height: 1.6;
}
#job-voice li .job-voice-name span {
    text-align: center;
    display: block;
    line-height: 3rem;
    font-weight: 600;
}

#no-vacancy h1{text-align: center;}
span.one{position: absolute;top: 10px;text-align: left;}
span.two{position: relative;top: 10px;margin-right: 7em;text-align: left;}

button {outline: 0;border: 0;background: none;}
button a {
    border-radius: 32px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 4px 16px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #00bfff;
}
button a:hover {opacity: 0.8;}
button a:link {color: #FFF;}
@media screen and (min-width: 768px) {
#job-author{text-align: right;font-size: 0.75rem;}
.job-catch {font-size: 17px;}
.job-notes dd{font-size: 1rem;}
#job-voice {padding-top: 24px;}
#job-voice li {flex-direction: row;padding: 0 0 40px;column-gap: 24px;}
#job-voice li .job-voice-pic img {border-radius: 100vh;height: auto;width: 200px;}
#job-voice li .job-voice-name {
    font-size: 1rem;
    line-height: 1.6;
}
#job-voice li .job-voice-name span {text-align: left;}
}
