@charset "UTF-8";

.report-wrap .sec-tit {margin-bottom: 50px;}
.report-form fieldset {border-top: 2px solid #0e1517; border-bottom: 1px solid #eee;}
.report-form fieldset > div {border-bottom: 1px solid #eee; padding: 15px 0;}
.report-form fieldset .item {display: flex; padding: 0 40px; letter-spacing: -0.063em;}
.report-form fieldset .phone-number .tel {flex-basis: 125px;}
.report-form fieldset .email .at {padding: 0 10px; vertical-align: middle; font-size: 16px;}
.report-form fieldset .item > label {width: 160px; color: #0e1518; font-size: 18px; line-height: 26px; flex-shrink: 0; padding-top: 8px;}
.report-form fieldset input[type=text], .report-form fieldset select {height: 40px; font-size: 15px; color: #666; border: 1px solid #ddd; padding: 0 20px;}
.report-form fieldset select {background-image: url('/assets/image/bgf/icon/ico_selectbox.png'); background-position: right 1em center;}
.report-form fieldset input + input, 
.report-form fieldset select + input,
.report-form fieldset input + select {margin-left: 12px;}
.report-form fieldset textarea {padding: 20px; width: 100%; height: 205px; border: 1px solid #ddd; font-weight: 300; font-size: 15px; color: #666; resize: none;}
.report-form fieldset .file-area {width: 100%;}
.report-form fieldset .file-area .file-upload label {display: inline-flex; width: 162px; height: 40px; color: #fff; font-size: 15px; vertical-align: middle; background-color: #0e1518; padding: 0; cursor: pointer;}
.report-form fieldset .file-area .file-upload input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff;}
.report-form fieldset .file-area input[type="file"] { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.report-form fieldset .file-area .add-btn {width: 40px; height: 40px; background: #ccc no-repeat url('/assets/image/bgf/icon/ico_more.png') center / 20px 20px; flex-shrink: 0; margin-left: 10px;}
.report-form fieldset .file-area .added-area {padding-right: 50px; margin-top: 10px;}
.report-form fieldset .file-area .added-area .added-file + .added-file {margin-top: 10px;}
.report-form fieldset .file-area .added-file input[type="text"] {margin-left: 0;}
.report-form fieldset .file-area .added-area .delete-btn {position: relative; width: 40px; height: 40px; background-color: #ccc; text-indent: -9999px;}
.report-form fieldset .file-area .added-area .delete-btn:after {content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 2px; background-color: #fff;}
.report-form fieldset .privacy-area {width: 100%;}
.report-form fieldset .privacy-area .txt {padding: 30px; width: 100%; color: #555; font-size: 15px; font-weight: 300; line-height: 22px; border: 1px solid #ddd;}
.report-form fieldset .privacy-area .txt ul {padding-top: 25px;}
.report-form fieldset .privacy-area .txt ul li, .report-form .privacy-area .txt p {color: #555;}
.report-form fieldset .agree {position: relative; text-align: right; margin: 13px 0 20px;}
.report-form fieldset .agree input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.report-form fieldset .agree label {position: relative; color: #666; font-size: 15px; letter-spacing: -.063em;}
.report-form fieldset .agree label > * {vertical-align: middle;}
.report-form fieldset .agree label:nth-of-type(2) {margin-left: 30px;}
.report-form fieldset .agree label .radio-check {position: relative; display: inline-block; width: 24px; height: 24px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%); margin-right: 6px; cursor: pointer;}
.report-form fieldset .agree label input[type="radio"]:checked + .radio-check:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; background: #3bb149; border-radius: 100%; box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);}


.report-form .submit-area {margin-top: 50px;}
.caution {padding-top: 15px;}
.caution p {color: #999; font-size: 13px; line-height: 1.77; font-weight: 300;}
.half-cont input {flex-basis: 392px;}
.email input {flex-basis: 206px; flex-shrink: 0;} 
.email select {flex-basis: 174px; flex-shrink: 0;}
.email-group { display: flex; flex-direction: column;}

@media screen and (max-width: 1440px) {
	.report-wrap .sec-tit {margin-bottom: 3.47vw;}
	.report-form fieldset > div {padding: 1.04vw 0;}
	.report-form fieldset .item { padding: 0 2.78vw;}
	.report-form fieldset .phone-number .tel {flex-basis: 8.68vw;}
	.report-form fieldset .email .at {padding: 0 0.69vw; font-size: 1.11vw; }
	.report-form fieldset .item > label {width: 11.11vw;  font-size: 1.25vw; line-height: 1.81vw; padding-top: 0.56vw;}
	.report-form fieldset input[type=text], .report-form fieldset select {height: 2.78vw; font-size: 1.04vw; padding: 0 1.39vw;}
	.report-form fieldset input + input, 
	.report-form fieldset select + input,
	.report-form fieldset input + select {margin-left: 0.83vw;}
	.report-form fieldset textarea {padding: 1.39vw; height: 14.24vw; font-size: 1.04vw;}
	.report-form fieldset .file-area .file-upload label { width: 11.25vw; height: 2.78vw;  font-size: 1.04vw;}
	.report-form fieldset .file-area input[type="file"] {width: 0.07vw; height: 0.07vw; padding: 0; margin: -0.07vw;}
	.report-form fieldset .file-area .add-btn {width: 2.78vw; height: 2.78vw; background: #ccc no-repeat url('/assets/image/bgf/icon/ico_more.png') center / 1.39vw 1.39vw; margin-left: 0.69vw;}
	.report-form fieldset .file-area .added-area {padding-right: 3.47vw; margin-top: 0.69vw;}
	.report-form fieldset .file-area .added-area .added-file + .added-file {margin-top: 0.69vw;}
	.report-form fieldset .file-area .added-area .delete-btn { width: 2.78vw; height: 2.78vw;}
	.report-form fieldset .file-area .added-area .delete-btn:after {width: 1.39vw; height: 0.14vw; }
	.report-form fieldset .privacy-area .txt {padding: 2.08vw; font-size: 1.04vw;  line-height: 1.53vw;}
	.report-form fieldset .privacy-area .txt ul {padding-top: 1.74vw;}
	.report-form fieldset .agree {  margin: 0.90vw 0 1.39vw;}
	.report-form fieldset .agree input[type="radio"] {width: 0.07vw; height: 0.07vw; margin: -0.07vw;}
	.report-form fieldset .agree label {font-size: 1.04vw;}
	.report-form fieldset .agree label:nth-of-type(2) {margin-left: 2.08vw;}
	.report-form fieldset .agree label .radio-check {width: 1.67vw; height: 1.67vw; box-shadow: 0 0.07vw 0.14vw rgb(0 0 0 / 5%), inset 0 -1.04vw 0.69vw -0.83vw rgb(0 0 0 / 5%); margin-right: 0.42vw;}
	.report-form fieldset .agree label input[type="radio"]:checked + .radio-check:after {width: 0.90vw; height: 0.90vw; box-shadow: inset 0 0 0.69vw rgb(0 0 0 / 30%);}

	.report-form .submit-area {margin-top: 3.47vw;}
	.caution {padding-top: 1.04vw;}
	.caution p { font-size: 0.90vw;}
	.half-cont input {flex-basis: 27.22vw;}
	.email input {flex-basis: 14.31vw;} 
	.email select {flex-basis: 12.08vw;}
}

@media screen and (max-width: 1024px) {
	.caution p { font-size: 10px;}
}