@charset "utf-8";

/* etc005 */
/* @latest 2019.05.09 ssj */

.etc005 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative; overflow:hidden;}

.etc005 img {position:absolute; left:0; top:0; z-index:-1; width:100%; height:auto; min-width:100%; min-height:100%;}
.etc005 div.etc05wrap {width:100%; display:inline-block; vertical-align:middle; text-align:center; line-height:normal;}
.etc005 .titlebox {display:inline-block; position:relative; max-width:80%; border:5px solid #fff; box-sizing:border-box; margin:0 15px;}

.etc005 .txttit {width:100%; color:#fff; font-weight:800; letter-spacing:0px; vertical-align:bottom; display:inline-block; overflow:hidden;
				 -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; word-break:keep-all;}

.etc005 .txtco {width:100%; color:#fff; overflow:hidden; word-break:keep-all; display:inline-block; padding:0 15px; box-sizing:border-box; line-height:22px;
				-webkit-line-clamp:3; max-height:66px; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; margin-top:30px;}


.layout_01 .etc005 .txtco {white-space:normal; -webkit-line-clamp:unset; max-height:none;}

.layout_height_L .etc005 .txtco {white-space:nowrap; text-overflow:ellipsis; display:block; height:22px;}


	@media (min-width:1300px){
		.etc005 .titlebox {padding:40px 30px;}
		.layout_height_M .etc005 .titlebox {padding:30px 20px;}
	}
	@media (min-width:800px){
		
		.etc005 .txttit {font-size:28px; line-height:35px; max-height:70px;}
		.etc005 .txtco {font-size:14px;}

		.layout_01 .etc005 {/*height:400px; line-height:400px;*/}
		.layout_01 .etc005 div.etc05wrap {padding:70px 0;}
		.layout_01 .etc005 .txttit {font-size:23px; max-height:70px;}

		.layout_height_H .etc005 {line-height:350px;}
		.layout_height_M .etc005 {line-height:250px;}
		.layout_height_M .etc005 .txtco {margin-top:20px;}
		.layout_height_L .etc005 {line-height:150px;}
		.layout_height_L .etc005 .titlebox {padding:15px; border-width:4px;}
		.layout_height_L .etc005 .txttit { font-size:20px; max-height:46px; line-height:23px;}
		.layout_height_L .etc005 .txtco {margin-top:10px;}
	}

	@media (min-width:801px) and (max-width:1299px){
		.etc005 .titlebox {padding:30px 20px;}
		.layout_height_H .etc005 .txtco {-webkit-line-clamp:4; max-height:88px;}

		.layout_height_M .etc005 .titlebox {padding:15px 10px;}
	}


	@media (max-width:799px){
		.layout_01 .etc005 {height:auto; line-height:normal;}
		.layout_01 .etc005 div.etc05wrap {padding:50px 0;}
	}

	@media (min-width:600px) and (max-width:799px){
		 .etc005 {height:300px; line-height:300px;}
		 .etc005 .titlebox {padding:30px 20px;}
		 .etc005 .txttit {font-size:20px; max-height:46px;}

		 .layout_block4 .layout_height_H .etc005 {height:350px; line-height:350px;}
		 .layout_block4 .layout_height_M .etc005 {height:250px; line-height:250px;}
		 .layout_block4 .layout_height_L .etc005 {height:150px; line-height:150px;}
		 .layout_block4 .layout_height_L .etc005 .titlebox {padding:15px; border-width:4px;}
		 .layout_block4 .layout_height_L .etc005 .txttit {font-size:20px; line-height:23px; }
	}
	@media (max-width:599px){
		.etc005 {height:300px; line-height:300px;}
		.etc005 .titlebox {padding:25px 20px; border-width:2px;}
		.etc005 .txttit {font-size:18px; line-height:25px; max-height:48px;}
		.etc005 .txtco {font-size:13px; -webkit-line-clamp:4; max-height:88px;}

		.layout_height_L .etc005 {height:200px; line-height:200px;}
		.layout_height_L .etc005 .titlebox {padding:15px; border-width:4px;}
		.layout_height_L .etc005 .txttit { font-size:20px; line-height:23px;}
		.layout_height_L .etc005 .txtco {margin-top:10px;}
	}