@charset "utf-8";
@font-face{
font-family:Avenir;
font-style:normal;
font-weight:normal;
src:url("../font/Avenir.ttc");
}

/*距離*/

.m-auto {
	margin: auto
}

.mx-0 {
	margin-left: 0!important;
	margin-right: 0!important
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mx-12 {
	margin-left: 3rem;
	margin-right: 3rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem
}

.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.my-7 {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem
}

.my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-16 {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.my-20 {
	margin-top: 5rem;
	margin-bottom: 5rem
}

.mt-0 {
	margin-top: 0!important
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mt-2\.5 {
	margin-top: .625rem
}

.mr-0 {
	margin-right: 0
}

.mr-2 {
	margin-right: .5rem
}

.mr-3 {
	margin-right: .75rem
}

.mr-5 {
	margin-right: 1.25rem
}

.mb-0 {
	margin-bottom: 0!important
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-16 {
	margin-bottom: 4rem
}

.mb-20 {
	margin-bottom: 5rem
}

.mb-24 {
	margin-bottom: 6rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-auto {
	margin-left: auto
}
@media (min-width: 768px){
	.mb{
		display: none!important
	}
}
@media (max-width: 767px){
	.pc{
		display: none!important
	}
}