@charset "UTF-8";
.top_contents h1 {font-size: 140%;	font-weight: 600;	margin-bottom: .5rem;}
.top_contents h2 {font-size: 110%;	font-weight: 600;	border-bottom: 1px solid #333;	padding-bottom: .25rem;	margin-bottom: .5rem;}
.top_contents_image { width: 80%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment:scroll; height: 30vw;}
.top_contents_text {width: 40%;	position: absolute;	bottom: -50px;	left: 10%;	color: #333;	background: rgba(255,255,255,.8);	padding: 3rem;}
#rec-h, #form-h { font-size: 180%; margin-bottom: 3vw;}#rec-wrap { background-color: ; color: ; padding: 5vw 1.5vw;}.rec-list-wrap { background-color: ; color: ; border: solid 1px #d8d8d8;}.rec-list-h { background-color: #7bb02a; color: #fff;}.rec-list-wrap dl { /*border-bottom: solid 1px rgba(0,0,0,.3);*/}.rec-list-wrap dl dt{ border-bottom: solid 2px #7bb02a;}.rec-sec dl dd{ border-bottom: solid 2px #ddd;}
#form { background-color: ; color: ; 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: #333333;}.rec-sec dl:nth-child(even){ background-color: #faffec;}@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; }}
@media (max-width: 575px){.top_contents_image { width: 100%; height: 40vw;	background-attachment: scroll;}.top_contents_text {width: 100%;	position: relative;	top: 0;	left: 0;	padding: 2rem;}}