@charset "utf-8";
/* @latest 2022.03.15 YHY */
/* @latest 2022.03.15 OSY */
/* @latest 2022.04.07 JRA */

.etc014axebox {width:30px; border:1px solid rgb(56, 153, 236) !important; background:#000;  position:absolute; height:30px;
				color:#ccc; font-size:16px; line-height:30px; text-align:center; right:0; top:0; margin:-5px -33px 0 0;}


.etc014 {width:100% !important; float:left; clear:both; overflow:hidden;}

.etc014 .etcwrap {width:100%; float:left; position:relative;}
.etc014 .etcwrap p.etc014title {height:28px;overflow:hidden;font-size:23px;line-height:28px;color:#fff;font-weight:800;}
.etc014 .etcwrap span.etc014subtitle {width:100%;height:20px;overflow:hidden;margin:10px 0 45px 0;line-height:20px;letter-spacing:-0.5px;font-size:14px;color:#fff;float:left;}


.etc014 .etcwrap .bgbox {width:100%; height:100%; box-sizing:border-box; float:left; position:absolute; left:0;}
.etc014 .etcwrap .bgbox img {width:auto; height:auto; min-width:100%; min-height:100%;}

.etc014 .etcwrap .txtfield {width:100%; float:right; position:relative; box-sizing:border-box; background:#fff; padding:40px 15px;}
.etc014 .etcwrap .txtfield .innerbox {width:100%; float:left;}
.etc014 .etcwrap .txtfield .titbox h3 {font-size:23px; letter-spacing:-0.5px; color:#333; line-height:150%; padding-top:10px;}
.etc014 .etcwrap .txtfield .titbox p {font-size: 16px;color:#333;line-height:150%;}
.etc014 .etcwrap .txtfield ul {}
.etc014 .etcwrap .txtfield ul li{margin-bottom:10px;}
.etc014 .etcwrap .txtfield ul li:nth-child(1),
.etc014 .etcwrap .txtfield ul li:nth-child(2) {width:90%;}

.etc014 .etcwrap .txtfield ul li:nth-child(4) textarea {resize:none; width:100%; min-width:100%; max-width:100%; height:165px; line-height: 150%; color:#333;
														background:#fff; font-size: 16px; box-sizing:border-box; padding: 8px 10px; letter-spacing:-0.5px; border:1px solid #e7e7e7;}
.etc014 .etcwrap .txtfield ul li:nth-child(4) textarea::selection,
.etc014 .etcwrap .txtfield ul li:nth-child(4) textarea::-moz-selection {background:#fff !important; color:#333;}
.etc014 .etcwrap .txtfield ul li input {width:100%;height: 40px;vertical-align:top;color:#333;border:1px solid #e7e7e7;background:#fff;font-size: 16px;box-sizing:border-box;padding: 0 10px !important;outline:none;}
.etc014 .etcwrap .txtfield ul li ::placeholder {color:#333;}
.etc014 .etcwrap .txtfield ul li input:focus {outline:auto;}
.etc014 .etcwrap .txtfield .etc014sendBtn {float:left; width:auto; text-align:center; background:#28b9e9; color:#fff; padding:13px 20px;
												font-size: 17px; display:block; box-sizing:border-box;cursor:pointer;}
.etc014 .etcwrap .txtfield .etc014sendBtn:empty {padding-left:3px; padding-right:13px;}

.border-radius .etc014 .etcwrap .txtfield ul li input, .border-radius .etc014 .etcwrap .txtfield ul li:nth-child(4) textarea,
.border-radius .etc014 .etcwrap .txtfield .etc014sendBtn {border-radius: 8px;}

 	@media (min-width:800px){
 		.etc014 .etcwrap .txtfield {width:50%; padding:75px 15px 60px;}
 		.etc014 .etcwrap .txtfield .innerbox {max-width:635px;}
 		.etc014 .etcwrap .txtfield .titbox {margin-bottom:60px;}
 		.etc014 .etcwrap .txtfield ul li:nth-child(4) {margin-bottom:60px;}

 		.etc014 .etcwrap .bgbox {padding-right:50%; top:0;}

	}



	@media (max-width:990px){
		.etc014 .etcwrap .txtfield ul li:nth-child(1) {margin-right:2%;}
		.etc014 .etcwrap .txtfield ul li:nth-child(1), .etc014 .etcwrap .txtfield ul li:nth-child(2) {width:49%; float:left;}
	}

	@media (max-width:799px){
		.etc014 .etcwrap {height:800px;}
		.etc014 .etcwrap .txtfield .titbox {margin-bottom:45px;}

		.etc014 .etcwrap .bgbox {bottom:0; height:350px;}
		.etc014 .etcwrap .bgbox img {max-width:100%;}
	}

	@media (min-width:600px) and (max-width:799px){
		.etc014 .etcwrap .txtfield .titbox h3 {font-size:19px;}
	}

    @media (max-width:599px){
    	.etc014 .etcwrap .txtfield .titbox h3 {font-size:17px;}
    }