@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#rec-wrap { background-color: ; color: ; padding: 5vw 1.5vw;}.rec-list-wrap { background-color: ; color: ;}.rec-list-h { background-color: ; color: ;}.rec-list-wrap dl { border-bottom: solid 1px rgba(0,0,0,.3);}
#doui li { padding-left: .5rem;}
.memo { background-image: url("../img/bg-recruit.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative;}.memo::after { content: ''; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.6); width: 100%; height: 100%; z-index: 12;}#memo-box { position: relative; z-index: 999;}
.memo dt { border-left: solid 7px #01582D; padding-left: 7px;}.memo dd { margin-bottom: 0; padding-left: .5rem;}.memo dd::before { content: '\f0c8'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: .25em;}.memo table { border: 1px solid #fff; width: 100%;}.memo table td { border: 1px solid #01582D; padding: .5rem 1rem;}.memo table td:first-child { width: 30%; font-weight: 600;}
.voice { transition: .6s ease-out; transform: translateY(40px); opacity: 0; overflow: hidden;}
.voice.delighter.started { transform: translateX(0); opacity: 1;}
.voice dt { font-size: 110%; border-bottom: 2px solid #155724; padding-bottom: .25rem; margin-bottom: .5rem;}
#form { background-color: ; color: ; padding: 5vw;}#form-text,.comp-wrap { border: solid 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,.07);}
#txt-area { height: 150px;}
.job { cursor: text; text-decoration: none; pointer-events: none; background-color: transparent; color: #222222;}
@media (min-width: 1300px){ .rec-list-wrap { font-size: 1.1rem; } #form { font-size: 1.1rem; }}
@media (min-width: 768px){ #form-text { padding: 2.5vw; width: 45vw; min-width: 600px; } #form-text { margin-bottom: 3vw; }}
@media (max-width: 767px){ #form-text { padding: 2.5vw; } #form-text { margin-bottom: 4vw; } #form { padding: 8vw 5vw; }
}