@charset "utf-8";
/* CSS Document */


/*-----
 alltag use set
---*/

.align_l{
	text-align: left;
}
.align_c{
	text-align: center;
}
.align_r{
	text-align: right;
}
@media all and (max-width: 768px){
	.align_l_m{
		text-align: left;
	}
	.align_c_m{
		text-align: center;
	}
	.align_r_m{
		text-align: right;
	}
}

.mt_l{
	margin-top: 6%;
}
.mb_l{
	margin-bottom: 6%;
}
.mt_m{
	margin-top: 3%;
}
.mb_m{
	margin-bottom: 3%;
}
.mt_s{
	margin-top: 1%;
}
.mb_s{
	margin-bottom: 1%;
}

.ml_l{
	margin-left: 6%;
}
.mr_l{
	margin-right: 6%;
}
.ml_m{
	margin-left: 3%;
}
.mr_m{
	margin-right: 3%;
}
.ml_s{
	margin-left: 1%;
}
.mr_s{
	margin-right: 1%;
}


.pt_l{
	padding-top: 6%;
}
.pb_l{
	padding-bottom: 6%;
}
.pt_m{
	padding-top: 3%;
}
.pb_m{
	padding-bottom: 3%;
}
.pt_s{
	padding-top: 1%;
}
.pb_s{
	padding-bottom: 1%;
}

.pl_l{
	padding-left: 6%;
}
.pr_l{
	padding-right: 6%;
}
.pl_m{
	padding-left: 3%;
}
.pr_m{
	padding-right: 3%;
}
.pl_s{
	padding-left: 1%;
}
.pr_s{
	padding-right: 1%;
}

@media all and (max-width: 768px){
	.mt_l_m{
		margin-top: 6%;
	}
	.mb_l_m{
		margin-bottom: 6%;
	}
	.mt_m_m{
		margin-top: 3%;
	}
	.mb_m_m{
		margin-bottom: 3%;
	}
	.mt_s_m{
		margin-top: 1%;
	}
	.mb_s_m{
		margin-bottom: 1%;
	}

	.ml_l_m{
		margin-left: 6%;
	}
	.mr_l_m{
		margin-right: 6%;
	}
	.ml_m_m{
		margin-left: 3%;
	}
	.mr_m_m{
		margin-right: 3%;
	}
	.ml_s_m{
		margin-left: 1%;
	}
	.mr_s_m{
		margin-right: 1%;
	}
	
	.pt_l_m{
		padding-top: 6%;
	}
	.pb_l_m{
		padding-bottom: 6%;
	}
	.pt_m_m{
		padding-top: 3%;
	}
	.pb_m_m{
		padding-bottom: 3%;
	}
	.pt_s_m{
		padding-top: 1%;
	}
	.pb_s_m{
		padding-bottom: 1%;
	}

	.pl_l_m{
		padding-left: 6%;
	}
	.pr_l_m{
		padding-right: 6%;
	}
	.pl_m_m{
		padding-left: 3%;
	}
	.pr_m_m{
		padding-right: 3%;
	}
	.pl_s_m{
		padding-left: 1%;
	}
	.pr_s_m{
		padding-right: 1%;
	}
}

/*-----
	alluse border set
---*/

.mainBorder{
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}
.contBorder{
	width: 100%;
	max-width: 1024px;
	height: auto;
	text-align: center;
	position: relative;
	display:block;
	margin: auto;
}
.flex_100{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}
@media all and (max-width: 1025px){
	.flex_100{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
}
.flex_100_l{
	width: 100%;
}
.flex_70_l{
	width: 70%;
}
.flex_30_l{
	width: 30%;
}
.flex_80_l{
	width: 80%;
}
.flex_20_l{
	width: 20%;
}
.flex_60_l{
	width: 60%;
}
.flex_40_l{
	width: 40%;
}
.flex_50_l{
	width: 50%;
}
@media all and (max-width: 768px){
	.flex_100_m{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.flex_70_m{
		width: 70%;
	}
	.flex_30_m{
		width: 30%;
	}
	.flex_80_m{
		width: 80%;
	}
	.flex_20_m{
		width: 20%;
	}
	.flex_60_m{
		width: 60%;
	}
	.flex_40_m{
		width: 40%;
	}
	.flex_50_m{
		width: 50%;
	}
}

.yellow_cir{
	background: url("../img/bg_yellow.png") no-repeat center top;
	/*background-color: #fff6cb;*/
	height: auto;
	min-height: 300px;
	margin-top: 420px;
}
.yellow_cir_page{
	background: url("../img/bg_yellow.png") no-repeat center top;
	/*background-color: #fff6cb;*/
	height: auto;
	min-height: 30px;
	margin-top: 420px;
}
.bg_yellow{
	margin-top: 30px;
	background-color: #fff6cb;
	min-height: 135px;
}
.bg_yellow_newspage{
	margin-top: 30px;
	background-color: #fff6cb;
	min-height: 135px;
	padding-bottom: 105px;
}
.bg_yellow_top{
	background: url("../img/bg_yellow_top.png") no-repeat center top;
	height: 104px;
	margin-top: 420px;
}
.bg_yellow_bottom{
	background: url("../img/bg_yellow_bottom.png") no-repeat center bottom;
	height: 100px;
}
@media all and (max-width: 768px){
	.yellow_cir, .yellow_cir_page{
		margin-top: 560px;
	}
}
.green_cir{
	background:url("../img/bg_green.png") no-repeat center top;
	/*background-color: #dce8b8;*/
	height: auto;
	min-height: 200px;
}
.bg_green{
	background-color: #dce8b8;
	margin-top: 50px;
}
.bg_green_pb{
	padding-bottom: 110px;
}
.white_cir{
	background:url("../img/bg_white.png") no-repeat center top;
	height: auto;
	min-height: 95px;/*160*/
	margin-top: -95px;
}
.withe_cir_mt_neg{
	margin-top: -220px;
}
.withe_cir_mt_neg_s{
	margin-top: -60px;
}
.withe_cir_mt{
	margin-top: 160px;
}
.blue_cir{
	background:url("../img/bg_blue.png") no-repeat center top;
	height: auto;
	min-height: 95px;
	margin-top: -95px;
}
.blue_cir_mt_neg{
	margin-top: -220px;
	
}
.blue_cir_mt{
	margin-top: 160px;
	padding-bottom: 200px;
}
.centerPoint_bg{
	background:url("../img/bg_01.jpg") no-repeat center top;
	height: auto;
	min-height: 200px;
}
.centerPoint_blue_bg{
	background:url("../img/bg_blue_01.jpg") no-repeat center top;
	background-color: #e2f1f3;
	height: auto;
	min-height: 200px;
	padding-bottom: 125px;
}
.bottomPoint_bg{
	background:url("../img/bg_02.jpg") no-repeat center top;
	height: auto;
	min-height: 400px;
}
.footer_bg{
	padding-top: 120px;
	background: url("../img/bg_footer.png") no-repeat center top;
	height: auto;
	min-height: 250px;
	/*margin-top: -100px;*/
}