@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#rec-wrap { padding: 0 1.5vw;}.rec-list-wrap { background-color: rgba(0,0,0,.1); border: solid 1px rgba(0,0,0,.5);}.rec-list-h { background-color: #ffffff; border-left: solid 3px #095FA7;}.rec-list-wrap dl { border-bottom: solid 1px rgba(0,0,0,.3);}
.photo-area { background: transparent url(/img/about_recruit.jpg) no-repeat center center/cover; height: 100%;}
#form { 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;}
#about_recruit h1,
#qa h1,
#interview h1 { background: linear-gradient(90deg, #2675B8, #095FA7); border-left: solid 15px #095FA7; padding: 1.5vw .5vw 1.5vw .8vw;}
#qa h1 { background: linear-gradient(90deg, #2675B8, #095FA7); border-left: solid 15px #095FA7; padding: 1.5vw .5vw 1.5vw .8vw;}
#interview h2 { background-color: rgba(0,0,0,.05); border-left: solid 30px #095FA7; border-bottom: solid 3px #095FA7; border-right: solid 1px #CBCBCB; border-top: solid 1px #CBCBCB; padding: .5vw .5vw .5vw .8vw;}
#qa dt { background-color: rgba(0,0,0,.05); border-bottom: solid 3px #095FA7; border-right: solid 1px #CBCBCB; border-top: solid 1px #CBCBCB; font-size: 130%; padding: .4vw 0;}
#qa dt::before { content: "Q"; padding: 0.2vw 2vw; margin-right:2vw; color: #fff; background-color: #095FA7;}
#qa dd::before { content: "A"; margin-right:1em; color: #E58342; font-size: 120%;}
#qa dd { padding-left:3em; text-indent:-2em;}
@media (min-width: 1200px){ .rec-list-wrap { font-size: 1.1rem; } #form { font-size: 1.1rem; } #qa dt { padding: 0; }}
@media (max-width: 1200px){ #qa dt { padding: .2vw 0; } #qa dt::before { padding: 0 2vw; }}
@media (min-width: 768px){ #form-text { padding: 2.5vw; width: 45vw; min-width: 600px; } #form-text { margin-bottom: 3vw; }}
@media (max-width: 767px){ .photo-area { height: 70vw; background-position: right -95vw; } #qa dt { padding: 1vw 0; padding-left:1em; text-indent:-1em; font-size:100%; } #qa dt::before { padding: 1vw 2vw; } #form-text { padding: 2.5vw; } #form-text { margin-bottom: 4vw; } #form { padding: 8vw 5vw; }
}