@charset 'UTF-8';

.dp_bl{display:block !important;}
.tr{text-align: right !important;}


/* report */
.report .container .visual { background-image: url(../images/report/bg_visual.jpg);}
.heading + em { display: block; margin-top: 60px; font-size: 18px; font-weight: 300; word-break: keep-all; text-align:center;}
.contents h4{font-size: 24px; font-weight: 700; color:#000}
.contents .agree_wrap{width:100%; background-color: #efefef; border-left: 15px solid #00a94f; box-sizing: border-box; padding: 30px 25px; margin:40px 0;}
.contents .agree_wrap strong{font-size: 20px; color: #3a3a3a; font-weight: 700;}
.contents .agree_wrap > ul{margin-top: 30px;}
.contents .agree_wrap > ul > li{position: relative; padding-left: 15px; font-size: 18px; color: #3a3a3a; margin-bottom:8px;}
.contents .agree_wrap > ul > li:before{position: absolute; display: block; content: ''; width:5px; height: 5px; border-radius: 50%; background-color: #3a3a3a; top:9px; left: 3px; }
.contents .agree_wrap > ul > li > ul{margin-top:8px}
.contents .agree_wrap > ul > li > ul > li{margin-bottom:8px}
.contents .agree_wrap .agree_check_box{font-size: 18px; color: #777;}

.table_wrap{position: relative; padding-top: 25px; margin-bottom: 40px;}
.table_wrap .imp_notice{position: absolute; font-size: 16px; color: #666; padding-left: 10px; top:0px; right:0;}
.table_wrap .imp_notice:before{position: absolute; display: block; content: '*'; border-radius: 50%; top:0px; left: 0px; color: #00a94f;}
.table_wrap .tbl_view{width:100%; padding:0; border:0; border-spacing:0px; border-collapse:collapse;border-top: 2px solid #000; text-align: left;}
.table_wrap .tbl_view tr{border-bottom: 1px solid #ccc;}
.table_wrap .tbl_view tr th,
.table_wrap .tbl_view tr td{height: 50px;}
.table_wrap .tbl_view tr th{background-color: #f7f7f7; padding:5px 10px; text-align:center;}
.table_wrap .tbl_view tr th span{position: relative; padding-right: 10px; font-size: 16px;}
.table_wrap .tbl_view tr th span.imp:before{position: absolute; display: block; content: '*'; border-radius: 50%; top:0px; right: 0px; color: #00a94f;}
.table_wrap .tbl_view tr td{padding:15px 15px 15px 35px;}

.table_wrap .tbl_view tr td input.full{width:100%;}
.table_wrap .tbl_view tr td input,
.table_wrap .tbl_view tr td select{ outline: 0; border:1px solid #ccc; padding:0 10px; height: 30px; font-size: 16px;}

.table_wrap .tbl_view tr td .name{display: inline-block;}

.table_wrap .tbl_view tr td .num{max-width:400px;}
.table_wrap .tbl_view tr td .num input{width:calc(33.333% - 7.5px); float: left;}
.table_wrap .tbl_view tr td .num span{display: inline-block; line-height: 30px; float: left; margin:0 3px;}

.table_wrap .tbl_view tr td .e-mail{max-width:500px;}
.table_wrap .tbl_view tr td .e-mail input{width:31%; float: left;}
.table_wrap .tbl_view tr td .e-mail span{display: inline-block; line-height: 30px; float: left; margin:0 3px;}
.table_wrap .tbl_view tr td .e-mail select{position:relative; width:calc(36% - 21px); float: left; margin-left: 2%; }
.table_wrap .tbl_view tr td .e-mail select:after{position: absolute; display: block; content: ''; width:5px; height:5px; top:50%; right:3px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; transform: translateY(-50%) rotate(45deg);}
.table_wrap .tbl_view tr td .desc textarea{width:100%; min-height: 200px; resize: none; padding:10px; box-sizing: border-box; border:1px solid #ccc;}

.table_wrap .tbl_view tr td .file{overflow: hidden; margin-bottom: 5px;}
.table_wrap .tbl_view tr td .file input{width:calc(100% - 90px); max-width: 450px; vertical-align: middle; float: left;}
.table_wrap .tbl_view tr td .file label{display:inline-block; width:80px; height: 30px; float: left; line-height: 30px; margin-left: 10px; text-align: center; box-sizing: border-box; border: 1px solid #ccc;  vertical-align: middle; cursor: pointer;}
.table_wrap .tbl_view tr td .file label:hover{background-color: #dfdfdf;}

.table_wrap .tbl_view tr td .txt{display: inline-block;}
.table_wrap .tbl_view tr td .txt p{font-size: 16px; word-break: keep-all;}

.captchaBox{margin-top:20px;}
#captcha{display:inline-block; }
.captcha_form {margin-bottom:60px;}
.captchaInputBox{display:inline-block; vertical-align:top;}
.captcha_text {padding: 12px 20px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.captcha_button{ border: 1px solid #25a449; color: #25a449; padding: 12px 30px; text-decoration: none; margin: 0 2px; cursor: pointer; box-sizing:border-box;}
canvas{ /*prevent interaction with the canvas*/ pointer-events:none;}

.btn-wrap {text-align:center;}
.btn-success {background-color: #25a449; border: none; color: white; padding: 12px 30px; text-decoration: none;cursor: pointer;}

@media all and (max-width:1236px) {
	.heading + em { margin-top: 28px; font-size: 16px;}
    .contents h4{font-size: 20px;}
    .contents .agree_wrap{padding:30px 20px; border-width: 8px; margin:35px 0;}
    .contents .agree_wrap strong{font-size: 16px;}
    .contents .agree_wrap > ul{margin-top:10px;}
    .contents .agree_wrap > ul > li{padding-left: 10px; font-size: 16px; margin-bottom: 5px;}
    .contents .agree_wrap > ul > li:before{top:8px; left:0;}
    .contents .agree_wrap > ul > li > ul > li{margin-bottom: 5px;}
    .contents .agree_wrap .agree_check_box{font-size: 14px;}
    .table_wrap{padding-top: 20px; margin-bottom: 35px;}
    .table_wrap .imp_notice{font-size: 14px;}
    .table_wrap .tbl_view tr th,
    .table_wrap .tbl_view tr td{height: 40px;}
    .table_wrap .tbl_view tr th{padding:3px 5px; width:75px;}
    .table_wrap .tbl_view tr th span{font-size: 14px;}
    .table_wrap .tbl_view tr td input,
    .table_wrap .tbl_view tr td select{font-size: 14px; padding: 0 3px;}
    .table_wrap .tbl_view tr td{padding:8px 6px;}
    .table_wrap .tbl_view tr td .txt{margin-top: 5px;}
    .table_wrap .tbl_view tr td .txt p{font-size: 14px;}
    .table_wrap .tbl_view tr td .file label{font-size: 14px;}

    .table_wrap .tbl_view tr td .e-mail input{width:calc(50% - 10.2px); float: left;}
    .table_wrap .tbl_view tr td .e-mail select{clear:both; width:100%; margin: 5px 0 0;}

    .table_wrap .tbl_view tr td .desc textarea{min-height: 150px; padding:5px; font-size: 14px;}
    
	.captchaBox{margin-top:10px;}
	#captcha{display:block; }
	.captchaInputBox{display:block; overflow:hidden;}
	.captcha_text {display:block; width:20%; float:left; min-width:120px; padding:8px 10px;  font-size:14px;}
	.captcha_button{display:block; float:left; padding:8px 10px;  font-size:14px;}
}

@media all and (max-width:370px) {
	
}