* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: HelveticaNowDisplay, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
	color: #333;
	font-size: .2rem;
}
*:focus {
    outline: 0
}
img{
	max-width: 100%;
}
body {
    height: auto;
    overflow-x: hidden;

}
ol,ul {
    list-style: none
}
ul,li {
    list-style: none
}
img {
    border: 0;
	
   
}
em {
    font-style: normal
}


input[type="submit"],input[type="reset"],input[type="button"] {
    -webkit-appearance: none
}
a,button,input,textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}
.clearf:after {
    display: block;
    clear: both;
    height: 0
}
.clearf {
    zoom: 1
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0
}
.clearfix {
    zoom: 1
}
.main_box{
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
}
a{
	text-decoration: none;
}
.main_contain{
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
}
body *,html * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html{
   
	width: 100%;
}
.clearfix:after,.clearfix:before {
    display: table;
    content: ""
}
.clearfix:after {
    clear: both;
    overflow: hidden
}
.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}
.align_bottom{

	align-items: flex-end;
}
.pc{
	display: block;
}
.mobile{
	display: none;
}
.mobile.flex{
	display: none;
}
@media screen and (max-width:768px) {
	
	.main_box{
		width: 100%;
		padding: 0 .2rem;
	}
	.pc{
		display: none;
	}
	.mobile{
			display: block;
	}
	.pc.flex{
		display: none;
	}
	.mobile.flex{
		display: flex;
	}
}