.inner1200{position: relative;margin: 0 auto;max-width: 1240px;padding-left:20px;padding-right:20px;}
.inner1000{position: relative;margin: 0 auto;max-width: 1040px;padding-left:20px;padding-right:20px;}


.padding100{padding-top:100px;padding-bottom:100px;}
.padding50{padding-top:50px;padding-bottom:50px;}


.padding_top100{padding-top:100px}
.padding_bottom100{padding-bottom:100px}
.padding_bottom80{padding-bottom:80px}

.padding_top15{padding-top:15px;}
.padding_bottom10{padding-bottom:10px;}
.padding15{padding:15px 0;}

.mobile{display:none;}
.hidden{
    position: fixed;
    left: -100000px;
}

.banner{
	width:100%;
	height:500px;
}
.banner > .inner1200{
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.banner > .inner1200 > h1 {
	font-size:50px;
	font-weight:700;
	padding-bottom:35px;
}
.banner > .inner1200 > h5 {
	font-size:16px;
	font-weight:300;
	letter-spacing:5px;
}


@media screen and (max-width: 1100px){
	.inner1200 {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
		padding-left: 20px;
		padding-right:20px;
	}
	.inner1000 {
		position: relative;
		margin: 0 auto;
		max-width: 1000px;
		padding: 0 20px;
	}
	.padding100 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.padding_top100{padding-top:80px}
	.padding_bottom100{padding-bottom:80px}
	.padding_bottom80{padding-bottom:60px}
}


@media screen and (max-width: 1000px){
	.banner{
		width:100%;
		height:400px;
	}
	.banner > .inner1200 > h1 {
		font-size:40px;
		padding-bottom:30px;
	}
	.banner > .inner1200 > h5 {
		font-size:16px;
		letter-spacing:3px;
	}
	.header_top{
		padding-top:65px;
	}
	.padding50 {
		padding: 25px 10px;
	}
}


@media screen and (max-width: 900px){
	.pc{display:none;}
	.mobile{display:inline-block;}
}

@media screen and (max-width: 600px){
	.banner{
		width:100%;
		height:300px;
	}
	.banner > .inner1200 > h1 {
		font-size:30px;
		padding-bottom:20px;
	}
	.banner > .inner1200 > h5 {
		font-size:16px;
		letter-spacing:3px;
	}

	.padding100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.padding_top100{padding-top:50px}
	.padding_bottom100{padding-bottom:50px}
	.padding_bottom80{padding-bottom:40px}
}

.font_300{font-weight:300;}
.font_500{font-weight:500;}
.font_700{font-weight:700;}
.font_900{font-weight:900;}

.text_align_left{text-align:left;}
.text_align_center{text-align:center;}
.text_align_right{text-align:right;}