@charset "utf-8"; 
/** @latest 2019.07.19 -ssj*/

/* quick005_2 */
.quick005_2 {width:100%;height:100%;padding: 15px;float:left;text-align:center;box-sizing:border-box;background:white;}
	
	.quick005_2 .h2 {text-align:left; margin-bottom:20px;}
	.quick005_2 .h2 span {font-size: 18px;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
	.quick005_2 .qlink_5 {width:100%; float:left;}
	.quick005_2 .qlink_5 .q5link00 {display: inline-block;width:25%;height: 100%;position:relative;margin-left: -4px;vertical-align:top;} 
	.quick005_2 .qlink_5 .q5link00>a {width:100%;height: 100%;float:left;position: relative;}
	.quick005_2 .qlink_5 .q5link00 p {width:100%;line-height: 22px;letter-spacing: -0.5px;position:relative;padding: 0 5px;box-sizing:border-box;}
	.quick005_2 .qlink_5 .q5link00 p span {
											font-size: 17px;
											display:inline-block;
											line-height: 22px;
											vertical-align:middle;
											-webkit-line-clamp: 3;
											-webkit-box-orient:vertical;
											display:-webkit-box;
											white-space:normal;
											height: 66px;
											text-overflow: ellipsis;
											overflow: hidden;
											}
	.quick005_2 .qlink_5 .q5link00>a:after {content:"+";
											position:absolute;
											width:25px;
											height:25px;
											color: #999;
											font-family: arial;
											border: 1px solid rgba(0,0,0,0.1);
											box-sizing:border-box;
											line-height: 23px;
											left:50%;
											margin-left: -12.5px;
											bottom: -25px;
											font-size: 23px;
											}
	.quick005_2 .qlink_5 .q5link00:hover>a:after {background:#fff; color:#333; -webkit-transition:background 1s; transition:background 1s;}
	.quick005_2 .qlink_5 .q5link00 .icon {width:75px; height:75px; background:#e5e5e5; border-radius:100%; margin:0 auto 15px; line-height:75px; vertical-align:middle;}
	.quick005_2 .q5link00 .icon img {vertical-align:middle;}



		.quick005_2 .qlink_5 .qlink01 .icon img {animation:quick003motion1 5s linear 0s 1 normal forwards;}
		.quick005_2 .qlink_5 .qlink02 .icon img {animation:quick003motion2 5s linear 0s 1 normal forwards;}
		.quick005_2 .qlink_5 .qlink03 .icon img {animation:quick003motion3 5s linear 0s 1 normal forwards;}
		.quick005_2 .qlink_5 .qlink04 .icon img {animation:quick004motion4 5s linear 0s 1 normal forwards;}

	    @keyframes quick003motion1 {
	      0% {opacity: 0;}
	      22.22% {opacity: 1;}
	      33.33% {opacity: 0.5;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 1;}
	      100% {opacity: 1;}
	    }
	     @keyframes quick003motion2 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 1;}
	      55.56% {opacity: 0.7;}
	      77.78% {opacity: 0.8;}
	      100% {opacity: 1;}
	    }  
	    @keyframes quick003motion3 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 0.5;}
	      100% {opacity: 1;}
	    }
	    @keyframes quick004motion4 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 0.2;}
	      77.78% {opacity: 0.7;}
	      100% {opacity: 1;}
	    }




	/*layer height - different styling */
		.layout_02 .quick005_2 .qlink_5 .q5link00:nth-child(5),
		.layout_02 .quick005_2 .qlink_5 .q5link00:nth-child(6),
		.layout_02 .quick005_2 .qlink_5 .q5link00:nth-child(7),
		.layout_02 .quick005_2 .qlink_5 .q5link00:nth-child(8),
		.layout_03 .quick005_2 .qlink_5 .q5link00:nth-child(5),
		.layout_03 .quick005_2 .qlink_5 .q5link00:nth-child(6),
		.layout_03 .quick005_2 .qlink_5 .q5link00:nth-child(7),
		.layout_03 .quick005_2 .qlink_5 .q5link00:nth-child(8),
		.layout_04 .quick005_2 .qlink_5 .q5link00:nth-child(4),
		.layout_04 .quick005_2 .qlink_5 .q5link00:nth-child(5),
		.layout_04 .quick005_2 .qlink_5 .q5link00:nth-child(6),
		.layout_04 .quick005_2 .qlink_5 .q5link00:nth-child(7),
		.layout_04 .quick005_2 .qlink_5 .q5link00:nth-child(8),
		.layout_06 .quick005_2 .qlink_5 .q5link00:nth-child(7),
		.layout_06 .quick005_2 .qlink_5 .q5link00:nth-child(8) {display:none;}

		.layout_01 .quick005_2 .q5link00 {width:12.5%;}
		.layout_01 .quick005_2 .q5link00:nth-child(1) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(5) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(9) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(13) .icon {background:#4ca6e5;}
		.layout_01 .quick005_2 .q5link00:nth-child(2) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(6) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(10) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(14) .icon {background:#5290c1;}
		.layout_01 .quick005_2 .q5link00:nth-child(3) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(7) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(11) .icon,
		.layout_01 .quick005_2 .q5link00:nth-child(15) .icon {background:#447ba2;}
		.layout_01 .quick005_2 .q5link00:nth-child(4n) .icon {background:#365b78;}
		


		.layout_01 .quick005_2 .qlink_5 .q5link00 {height:auto;}
		.layout_01 .quick005_2 .qlink_5 .q5link00>a:after {display:none;}
		.layout_01 .quick005_2 .h2 {display:none;}
		.quick005_2 .qlink_5 .q5link00 p span {height:auto; max-height:66px;}

		.layout_04 .quick005_2 .qlink_5 .q5link00 {width:33.333%;}
		.layout_06 .quick005_2 .qlink_5 .q5link00 {width:16.666%;}


		.layout_03.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon img {max-width:45px;}
			

		.layout_height_M .quick005_2 .qlink_5 .q5link00 p span {-webkit-line-clamp:2; height: 44px;}
		.layout_height_L .quick005_2 .qlink_5 .q5link00 p span {white-space:normal; -webkit-line-clamp:1; height:auto;}



		.layout_height_L .quick005_2 .h2 {display:none;}
		.layout_height_L .quick005_2 .qlink_5 .q5link00>a:after {display:none;}


@media (min-width:600px){
	.layout_height_H .quick005_2 .qlink_5 {height: calc(100% - 85px);}
	.layout_height_M .quick005_2 .qlink_5 {height: calc(100% - 73px);}
	.layout_height_L .quick005_2 .qlink_5 {height: calc(100% - 85px);}
	.layout_height_L .quick005_2 .h2 {margin-bottom:14px;}
}

@media (min-width:800px){
	.layout_01 .quick005_2 .qlink_5 .q5link00:nth-child(8) ~ .q5link00 {margin-bottom:20px;}
}




@media (min-width:1050px){
	.layout_height_H .quick005_2 .h2 {margin-bottom:30px;}
	.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {margin:0 auto 20px;}
	.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {margin-top:60px;}
	.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {/* max-height:60px; *//* overflow:hidden; */}

	.layout_01 .quick005_2 .qlink_5 .q5link00 .icon {width:90px; height:90px; line-height:90px;}
	.layout_01 .quick005_2 .qlink_5 .q5link00 .icon img {max-width:50px;}
	.layout_02.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {width:95px; height:95px; line-height:95px;}
	.layout_06.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {width:90px; height:90px; line-height:90px;}
	.layout_height_M .quick005_2 .qlink_5 .q5link00 .icon img,
	.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon img {max-width:45px;}
	.layout_03 .quick005_2 .qlink_5 .q5link00 p,
	.layout_04 .quick005_2 .qlink_5 .q5link00 p {padding:0 5px;}
	.layout_03 .quick005_2 .qlink_5 .q5link00 p span,
	.layout_04 .quick005_2 .qlink_5 .q5link00 p span {font-size:14px;}
	.layout_03.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {margin-top:80px;}
	.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {margin-top:80px;}
	.layout_04.layout_height_M .quick005_2 .qlink_5 .q5link00 .icon {width:70px; height:70px; line-height:70px;}
}
@media (min-width:1050px) and (max-width:1299px){
	.layout_03 .quick005_2 .qlink_5 .q5link00 .icon,
	.layout_04 .quick005_2 .qlink_5 .q5link00 .icon {width: 90% !important;}
	.layout_03 .quick005_2 .qlink01 .icon img, 
	.layout_04 .quick005_2 .qlink01 .icon img {max-width:45px;}

	.layout_03 .quick005_2, 
	.layout_04 .quick005_2 {/* padding:30px 20px; */}
	.layout_03 .quick005_2 .h2 span, 
	.layout_04 .quick005_2 .h2 span {padding:0 10px;}
}

@media (min-width:800px) and (max-width:1049px){
		.quick005_2 .qlink_5 .q5link00 {height:auto; margin-bottom:20px;}
		
		.quick005_2 .q5link00 .icon img {max-width:45px;}
		.quick005_2 .qlink_5 .q5link00 p span {font-size:16px;}

		.layout_height_H .quick005_2 .qlink_5 .q5link00 {width:50%;}
		.layout_height_H .quick005_2 .qlink_5 .q5link00 p {height:20px; line-height:20px;}
		.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {height: 22px;/* overflow:hidden; */white-space: nowrap;-webkit-line-clamp: 1;display: block;}
		.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {display:none;}

			.layout_06.layout_height_H .quick005_2 .qlink_5 .q5link00 {width:33.333%;}
			.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 {width:33.333%;}
		
			.layout_02.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon,
			.layout_06.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {width:80px; height:80px; line-height:80px;}

			.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {display:inline; margin-top:70px;}
			.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p {height:60px; line-height:60px;}
			.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {height:auto;}
			.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {margin:0 auto 20px; width:80px; height:80px; line-height:80px;}
			.layout_04.layout_height_H .quick005_2 .h2 {margin-bottom:30px;}

		.layout_height_M .quick005_2 .qlink_5 .q5link00 .icon {width:70px; height:70px; line-height:70px;}
			.layout_03.layout_height_M .quick005_2 .h2 {margin-bottom:15px;}
			.layout_03.layout_height_M .quick005_2 .qlink_5 .q5link00 {width:50%;margin-bottom:0;margin-bottom: 30px;}
			.layout_03.layout_height_M .quick005_2 .qlink_5 .q5link00 p {position: relative;
																	    width: calc(100% - 80px);
																	    float: left;
																	    height: 70px;}
			.layout_03.layout_height_M .quick005_2 .qlink_5 .q5link00 p span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;padding-left: 5px;height: auto;}

			.layout_03.layout_height_M .quick005_2 .qlink_5 .q5link00>a:after {display:none;}
			.layout_03.layout_height_M .quick005_2 .qlink_5 .q5link00 .icon {margin:auto; float:left;}


			.layout_03.layout_height_L .quick005_2 .qlink_5 .q5link00 {margin-top:10px;}
			.layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 {margin-top:3px;}
			.layout_block3 .layout_03.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon,
			.layout_block4 .layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon {width:80%;height:0; padding-bottom:79%; line-height:52px;}
			.layout_block4 .layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon {width:75px; height:75px; padding-bottom:0; line-height:75px;}
			.layout_03.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon img,
			.layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 .icon img {max-width:35px; max-height:35px;}
			.layout_03.layout_height_L .quick005_2 .qlink_5 .q5link00 p span,
			.layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 p span {-webkit-line-clamp:2; height:44px;}

			.layout_block3_2 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 {height:100%;}
			.layout_block3_2 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {-webkit-line-clamp:3; height:66px; display:block; white-space:normal;}

			.layout_block4 .layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 p span,
			.layout_block3_2 .layout_04.layout_height_L .quick005_2 .qlink_5 .q5link00 p span {white-space: normal; -webkit-line-clamp: 1; height: auto;}

}

@media (min-width:991px) and (max-width:1049px){
		.layout_block4 .layout_04.layout_height_H .quick005_2 .h2 {margin-bottom:10px;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 {width:100%; }
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {margin:auto; float:left;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p {position: relative; width: calc(100% - 80px); float: left; height: 70px;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 14px; padding-left: 5px; height: auto; 
																						display:-webkit-box; -webkit-line-clamp:2; white-space:normal; text-align:left;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after  {display:none;}
}

@media (min-width:800px) and (max-width:990px){
	.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 {height:100%;}
		.layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {-webkit-line-clamp: 3; max-height:66px;display:-webkit-box; white-space:normal;}
}


@media (max-width:799px){
		.quick005_2 {padding:20px 15px;}
		.quick005_2 .qlink_5 .q5link00 .icon img {max-width:45px;}
		.quick005_2 .qlink_5 .q5link00 p span {font-size:15px;}
		.quick005_2 .qlink_5 .q5link00>a:after {display:none;}
}

@media (min-width:600px) and (max-width:799px){
		.quick005_2 .h2 span {font-size:17px;}

		.layout_01 .quick005_2 {padding:0 15px 20px;}
		.layout_01 .quick005_2 .qlink_5 .q5link00 {width:25%; margin-top:20px;}
		.layout_01 .quick005_2 .qlink_5 .q5link00:nth-child(4) ~ .q5link00 {margin-top:20px;}
		.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {margin-top:35px;}

		.layout_height_M .quick005_2 .qlink_5 .q5link00 p {height:40px; line-height:40px;}
		.layout_height_M .quick005_2 .qlink_5 .q5link00 p span {height:auto;}
		.layout_height_M .quick005_2 .qlink_5 .q5link00>a:after {margin-top:35px;}

		.layout_06 .quick005_2 .qlink_5 .q5link00 p {height:40px; line-height:40px;}
		.layout_06 .quick005_2 .qlink_5 .q5link00 p span {max-height:40px; overflow:hidden;}

		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 .icon {margin-bottom:20px;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00 p span {max-height:60px; overflow:hidden;}
		.layout_block4 .layout_04.layout_height_H .quick005_2 .qlink_5 .q5link00>a:after {margin-top:60px; display:inline-block;}
		.layout_block4 .layout_04.layout_height_M .quick005_2 .qlink_5 .q5link00 p {}
		.layout_block4 .layout_04.layout_height_M .quick005_2 .qlink_5 .q5link00 p span {font-size:14px; letter-spacing:-1px;}
}

@media (max-width:599px){
	.quick005_2 {padding:20px 15px 0;}
	.quick005_2 .h2 span {font-size:17px;}
	.quick005_2 .q5link00 {width:25% !important; height:auto !important; text-align:center; box-sizing:border-box; margin-bottom:20px;}
	.quick005_2 .qlink_5 .q5link00 .icon {}
	.quick005_2 .q5link00 .icon img {float:initial; width:40px;}
	.quick005_2 .qlink_5 .q5link00 p {height:44px; line-height:40px !important; position:relative; margin:0 !important; padding:0 !important;}
	.quick005_2 .qlink_5 .q5link00 p span {font-size:14px;line-height:22px; max-height:40px; display:-webkit-inline-box; -webkit-line-clamp:2; vertical-align:middle; font-size:14px !important;}
	.quick005_2 .qlink_5 .q5link00>a:after {display:none;}

		
		.layout_06 .quick005_2 .qlink_5 .q5link00,
		.layout_04 .quick005_2 .qlink_5 .q5link00 {width:33.333% !important;}
		.layout_height_M .quick005_2 .qlink_5 .q5link00 p span {height:auto; }
}