
@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(112,89,48,.1); border: solid 1px rgba(112,89,48,.5);}.rec-list-h { background-color: #fffae3; border-left: solid 3px #705930;}.rec-list-wrap dl { border-bottom: solid 1px rgba(112,89,48,.3);}
#form { padding: 5vw;}#form-text,.comp-wrap { border: solid 1px rgba(112,89,48,.4); background-color: rgba(112,89,48,.07);}
#txt-area { height: 150px;}
.job { cursor: text; text-decoration: none; pointer-events: none; background-color: transparent; color: #705930;}
.flow dl{display: flex;	flex-wrap: wrap;	justify-content: center;	align-items: center;}.flow dt{width:30%;}
.flow dd{width:45%;	padding-left:10px;	line-height: 40px;}.flow dd span{background-color: #fc90bc;	border-radius: 10px;	padding:8px 15px;	color:#fff;}
@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; }	.flow dt{width:60%;}.flow dd{text-align:center;	width:100%;	padding-left:10px;	line-height: 40px;}}