@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#rec-wrap { padding: 0 1.5vw;}.rec-list-wrap h2{ font-size: 180%; border-left:none; border-bottom: solid 4px #ffbd1e; padding: .5vw .5vw 1.5vw .8vw; display: table; margin: 30px auto 30px auto;}.rec-list-wrap{animation: rec 1.5s;}@keyframes rec {0% { opacity: 0; transform: translateY(40px); }	100% { opacity: 1; transform: translateY(0); }}.rec-list-wrap { /*background-color: rgba(51,51,51,.1); border: solid 1px rgba(51,51,51,.5);*/}.rec-list-h { background-color: #f5f3e9; border-left: solid 3px #ffbd1e;}.rec-list-wrap dl { border-bottom: solid 1px rgba(51,51,51,.3);}
#form { padding: 5vw;}#form-text,.comp-wrap { border: solid 1px rgba(51,51,51,.4); background-color: rgba(51,51,51,.07);}
#txt-area { height: 150px;}
.job { cursor: text; text-decoration: none; pointer-events: none; background-color: transparent; color: #333333;}
@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; }
}