/* ============================
	part css
============================ */

#logo-part1, #logo-part2 { margin:10px auto 20px auto; }
#logo-part1 p, #logo-part2 p { position:relative; width:100%; height:0; }
#logo-part1 p span, #logo-part2 p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#logo-part1 { width:30%; }
#logo-part1 p { padding-top:calc(952% / 1028 * 100); }
#logo-part1 p span { background-image:url(../img/part/logo1.png); }
#logo-part2 { width:60%; }
#logo-part2 p { padding-top:calc(740% / 1312 * 100); }
#logo-part2 p span { background-image:url(../img/part/logo2.png); }

.part-text { margin-bottom:0.7em; font-size:120%; line-height:180%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#logo-part1, #logo-part2 { margin:20px auto 30px auto; }
#logo-part1 { width:50%; }
#logo-part2 { width:100%; }

.part-text { font-size:100%; }

}

/*eof*/