@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}.rec_bg{ box-shadow: 0 0 10px #d4d4d4ee; border-radius: 10px;}#rec-wrap { padding: 0 1.5vw;}#rec-wrap2 h2{ display: inline-block; position: relative; color: #333;}#rec-wrap2 h2:before { content: ''; display: inline-block; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background-color:#ff5215;}#rec-wrap2 h4{ color:#fff; background-color:#ff5215; border-radius: 5px;}#rec-wrap2 ul li{ border-bottom:dotted 1px #ddd;}.fa-square:before { color: #ff5215;}.rec-list-wrap { background-color: rgb(255 250 248); border: solid 1px rgb(255 237 229);}.rec-list-h { border-left:solid 5px #ff5215;}.rec-list-wrap dl { border-bottom: solid 1px rgb(255 237 229);}
#form { padding: 5vw;}#form-text,.comp-wrap { border: solid 1px rgba(255,255,255,.4); background-color: rgba(255,255,255,.07);}
#txt-area { height: 150px;}
.job { cursor: text; text-decoration: none; pointer-events: none; background-color: transparent; color: #ffffff;}
@media (min-width: 1300px){ .rec_bg{ font-size:1.1rem; } .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; } #rec-wrap2 h4{ font-size: 130%; }
}