@charset "utf-8";

/* widequick125 */
.widequick125 {width:100%; height:100%; float:left; text-align:center; overflow:hidden;}

.widequick125 .wqwrap {width:100%; float:left; position:relative;}
.widequick125 .wqwrap .bgbox {width:100%; height:100%; box-sizing:border-box; float:left; position:absolute; top:0; left:0; }
.widequick125 .wqwrap .bgbox img {width:100%; height:auto; min-height:100%;}
.widequick125 .wqwrap .txtbox {width:100%; float:left; text-align:center; background:rgba(0,0,0,0); position:relative; padding:110px 0; box-sizing:border-box;}

/* titbox */
.widequick125 .wqwrap .titbox {display:block; float:left; width:100%; }
.widequick125 .wqwrap .titbox h3, .widequick125 .wqwrap .titbox .title {font-size: 24px;line-height:150%;padding-top:10px;color:#fff;max-width:1300px;margin:0 auto;display:block;box-sizing:border-box;width:100%;}
.widequick125 .wqwrap .titbox span {font-size: 16.5px;color:#fff;line-height:150%;width:100%;max-width:1300px;margin:0 auto;display:block;box-sizing:border-box;word-break:keep-all;}
.widequick125 .wqwrap .titbox h3:empty, .widequick125 .wqwrap .titbox .title:empty, .widequick125 .wqwrap .titbox span:empty {display:none;}

/* quick box */
.widequick125 .wq125 {width:100%; clear:both; display:inline-block; text-align:center; box-sizing:border-box; max-width:1330px; padding:0 15px; }
.widequick125 .wq125 .qbox {display:inline-block; box-sizing:border-box; background:rgba(255,255,255,0.7); position:relative; padding:15px;
							-webkit-transition:box-shadow 500ms; transition:box-shadow 500ms;}

.widequick125 .wq125 .qbox .txt {display:inline-block; width:100%; clear:both; overflow:hidden; box-sizing:border-box; line-height:normal; vertical-align:middle; text-align:center;}
.widequick125 .wq125 .qbox .txt .mTitle {font-size:21px; color:#333; font-weight:600; line-height:150%; margin-top:20px; display:inline-block; border:1px solid rgba(0,0,0,0.3);
   										 padding:5px 35px; max-width:95%; box-sizing:border-box;}
.widequick125 .wq125 .qbox .txt .bContents {width:100%; float:left; margin-top:40px; padding:0 0 20px; box-sizing:border-box; color:#333; font-size: 16px; line-height:22px; word-break:keep-all;}


    .div_wrap.border-radius .widequick125 .wq125 .qbox:nth-child(2n+1) {border-radius:15px 0 0 15px;}
    .div_wrap.border-radius .widequick125 .wq125 .qbox:nth-child(2n) {border-radius:0 15px 15px 0;}
    .div_wrap.border-radius .widequick125 .wq125 .qbox:nth-child(2n+1):last-of-type {border-radius:15px;}
	.div_wrap.border-radius .widequick125 .wq125 .qbox .txt .mTitle {border-radius:8px;}



	@media (min-width:800px){
		.widequick125 .wqwrap .titbox {margin-bottom:65px;}
		.widequick125 .wq125 .qbox {min-height:400px; line-height:400px; width:50%; margin-left:-4px;}
		.widequick125 .wq125 .qbox:first-child,
		.widequick125 .wq125 .qbox:nth-child(2n+1) {margin-left:0; clear:both;}
		.widequick125 .wq125 .qbox:nth-child(2) ~ .qbox {margin-top:30px;}

		.widequick125 .wq125 .qbox:nth-child(2),
		.widequick125 .wq125 .qbox:nth-child(3) {background:#009ff0;}
		.widequick125 .wq125 .qbox:nth-child(2) .mTitle,
		.widequick125 .wq125 .qbox:nth-child(3) .mTitle {color:#fff; border-color:rgba(255,255,255,0.3);}
		.widequick125 .wq125 .qbox:nth-child(2) .bContents,
		.widequick125 .wq125 .qbox:nth-child(3) .bContents {color:#fff;}


		.widequick125 .wq125 .qbox:hover {box-shadow:0px 0px 10px 5px rgba(0,0,0,0.2); z-index:1;}
	}

	@media (min-width:800px) and (max-width:1299px){
		.widequick125 .wq125 {padding:0 15px;}
	}


	@media (max-width:799px){
		.widequick125 .wqwrap .titbox {margin-bottom:45px;}
		.widequick125 .wq125 .qbox {margin-bottom:20px; width:90%; padding:20px 15px;}
		.widequick125 .wq125 .qbox .txt .mTitle {font-size:17px; padding:5px 20px;}
		.widequick125 .wq125 .qbox .txt .bContents {font-size: 15px;margin-top:20px;}
		.widequick125 .wqwrap .bgbox img {width:auto; position:absolute; margin:auto; top:-999px; bottom:-999px; right:-999px; left:-999px; min-width:100%;}

		.widequick125 .wq125 .qbox:nth-child(even){background:#009ff0;}
		.widequick125 .wq125 .qbox:nth-child(even) .mTitle{color:#fff; border-color:rgba(255,255,255,0.3);}
		.widequick125 .wq125 .qbox:nth-child(even) .bContents{color:#fff;}
	}

	@media (min-width:600px) and (max-width:799px){
		.widequick125 .wqwrap .txtbox {padding:80px 0;}
		.widequick125 .wqwrap .titbox h3, .widequick125 .wqwrap .titbox .title {font-size:19px;}
	}
	@media (max-width:599px){
		.widequick125 .wqwrap .txtbox {padding:60px 0;}
		.widequick125 .wqwrap .titbox h3, .widequick125 .wqwrap .titbox .title {font-size: 20px;}
	}