@charset "utf-8";

/* etc004 */
.etc004 {width:100%;height:100%;float:left;padding:15px;box-sizing:border-box;position:relative;overflow:hidden;text-align: center;}

.etc004 img {position:absolute; left:0; top:0; z-index:-1; width:auto; height:auto; min-width:100%; min-height:100%;}
.etc004 div.etc04wrap {width:100%;display:inline-block;vertical-align:middle;text-align:center;max-width: 1300px;margin: 0 auto;}
.etc004 div.etc04wrap .circle_point {width:25px; height:25px; background:#0046a5; border-radius:100%; display:inline-block; margin-left:-4px; position:relative;}
.etc004 div.etc04wrap .circle_point:before {content:""; width:23px; height:22px; position:absolute; top:50%; left:59%; background:rgba(255,255,255,0.1); border-radius:100%; margin-top:-11px; z-index:999;}
.etc004 div.etc04wrap .circle_point:after {content:""; width:23px; height:22px; position:absolute; top:50%; left:59%; background:inherit; border-radius:100%; opacity:0.4; margin-top:-11px;}
.etc004 .txttit {width:100%; color:#134489; font-weight:600; letter-spacing:-1px; vertical-align:bottom; margin-top:10px; 
				word-break:keep-all; overflow:hidden;}
.etc004 .txtco {width:100%;color:#fff;/* letter-spacing: -0.5px; */overflow:hidden;vertical-align:bottom;line-height: 160%;word-break:keep-all;}



	@media (min-width:800px){
		.etc004 .txttit {font-size:22px; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
		.etc004 .txtco {margin-top:20px; -webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}

        .layout_01 .etc004 {padding:40px 15px 30px;}
		.layout_01 .etc004 .txttit {font-size:23px;}

		.layout_height_H .etc004 .txttit {-webkit-line-clamp:5;}
		.layout_height_H .etc004 .txtco  {-webkit-line-clamp: 4;}
		.layout_height_M .etc004 .txttit {-webkit-line-clamp:2;}
		.layout_height_M .etc004 .txtco  {-webkit-line-clamp: 4;}
		.layout_height_L .etc004 .txttit {font-size:20px; white-space:nowrap; text-overflow:ellipsis;}
		.layout_height_L .etc004 .txtco {margin-top: 5px;-webkit-line-clamp:2;}
	}
	@media (min-width:600px){
		.etc004 .txttit {line-height: 150%;/* display:inline-block; */}

		.etc004 div.etc04wrap .circle_point {width:25px; height:25px; margin:0 13px 0 2px;}
		.etc004 div.etc04wrap .circle_point:before,
		.etc004 div.etc04wrap .circle_point:after {width:23px; height:22px; margin-top:-11px;}
	}
	@media (max-width:799px){
		.etc004 .txttit,
		.etc004 .txtco {display:block;}
	}
	@media (min-width:600px) and (max-width:799px){
		 .etc004 .txttit {font-size:19px;}
		 .etc004 .txtco {margin-top:15px;}
        
        .layout_block4 .etc004 .txttit,
        .layout_block4 .etc004 .txtco {-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}
		.layout_block4 .layout_height_H .etc004 .txttit {-webkit-line-clamp:5;}
		.layout_block4 .layout_height_H .etc004 .txtco  {-webkit-line-clamp:9;}
		.layout_block4 .layout_height_M .etc004 .txttit {-webkit-line-clamp:2;}
		.layout_block4 .layout_height_M .etc004 .txtco  {-webkit-line-clamp:5;}
	}
	@media (max-width:599px){
		 .etc004 .txttit {font-size:17px; line-height:20px; display:block; padding-bottom:10px;}
		 .etc004 .txtco {font-size: 15px !important;/* line-height:20px; */margin:0;box-sizing:border-box;width:100%;display:block;}

		 .etc004 div.etc04wrap .circle_point {width:20px; height:20px; margin:0 8px 0 2px;}
		 .etc004 div.etc04wrap .circle_point:before,
		 .etc004 div.etc04wrap .circle_point:after {width:17px; height:17px; margin-top:-8px;}
	}