@charset "UTF-8";
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#rec-wrap { padding: 0px 1.5vw;}.rec-list-wrap {}
.rec-list-h { background-color: #ffffff; border-left: solid 3px #dd3333;}.rec-list-wrap dl { border-bottom: solid 1px rgba(0,0,0,.3);}
#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;}
.job { cursor: text; text-decoration: none; pointer-events: none; background-color: transparent; color: #000000;}#message {position:relative;	display: flex;	padding-top: 50px;}.message-img{background-image:url("../img/recruit greeting.jpg");	background-size: cover;	background-repeat: no-repeat;	background-position: center center;	width: 100%;	height: 75vh;}.message-cmt{position:absolute;	top: 95px; right: 45px;	width: 60%;	background-color: rgba(255,255,255,.9);	padding:65px;	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .2);}#voice{padding: 100px 0;}#voice h4{font-size:90%;	text-align: center;	padding-top:20px;}#voice p{font-size:80%;}#voice h2{font-size: 180%;}.voice-ttl p::after { content: ""; display: block; border-bottom: solid 4px #dd3333; width: 10%; margin: auto; padding-top: 15px;}
@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: 991px){.message-img{height: 37vh;}	#voice{padding: 50px 0;}}
@media (max-width: 767px){ #form-text { padding: 2.5vw; } #form-text { margin-bottom: 4vw; } #form { padding: 8vw 5vw; }
.message-cmt{top: 20%; right: 20px;	width: 90%;	padding:29px;}	.message-img{height: 60vh;}	#voice{ padding: 40px 0;}}