
@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(0,0,0,.1); border: solid 1px rgba(0,0,0,.5);}.rec-list-h { background-color: #ffffff; border-left: solid 3px ;}.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;}.bg1::before{background-image:url("../img/work1.jpg");	background-size:cover;	content:'';	width: 100%;	height: 255px;	margin-top: -15px;	display: inline-block;}.bg2::before{background-image:url("../img/work2.jpg");	background-size:cover;	background-position: center center;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}.bg3::before{background-image:url("../img/work3.jpg");	background-size:cover;	background-position: center center;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}.bg3::before{background-image:url("../img/work3.jpg");	background-size:cover;	background-position: center center;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}
.bg4::before{background-image:url("../img/work4.jpg");	background-size:cover;	background-position: center center;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}
.bg5::before{background-image:url("../img/work5.jpg");	background-size:cover;	background-position: center top;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}
.bg6::before{background-image:url("../img/work6.jpg");	background-size:cover;	background-position: center top;	content:'';	width: 100%;	height: 255px; margin-top: -15px;	display: inline-block;}
@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; }
}