@charset "big5";
/* CSS Document */
.header { margin: auto; width: 100%; position: relative; z-index: 999; background: #fff; border-bottom: 1px solid #ccc;}
.footer { margin: auto; width: 100%; position: sticky; z-index: 999; background: #fff; }
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}

.partner_pc img { width: auto !important;}
.mobile .partner_m img { width: 100% !important;}
.mobile .partner_m{ position: relative; height: 26vw; width: 100vw; background: #fff;}
.mobile .partner_m1{ position: absolute; width: 27vw; top:0; left: -2vw;}
.mobile .partner_m2{ position: absolute; width: 25vw; top:0vw; left: 25vw; z-index: 999;}
.mobile .partner_m3{ position: absolute; width: 31vw; top:12vw; left: 25vw; z-index: 999;}
.mobile .partner_m4{ position: absolute; width: 50vw; top:1vw; left: 50vw;}
.mobile .partner_m5{ position: absolute; width: 44vw; top:13vw; left: 56vw;}


@media screen and (max-width:767px) {
.header { width: 100vw; }
.footer{ display: none; }
.hd_pc { display: none; }
.hd_m { display: block; }
.pez_ft { height: 310px;}
	
}


