* { margin: 0; padding: 0; }
.wrap { height: 765px; background: url(../images/guide_03.jpg) 50% no-repeat;}
.p-box { position: relative; width: 1200px; margin: 0 auto; padding-top: 200px; }
.tab { position: absolute; left: 0; top: 210px; width: 255px; height: 475px; list-style-type: none; }
.tab li { height: 95px; background-image: url(../images/tabnor.png); }
.tab .on { background-image: url(../images/tabact.png); }
.tab .f01 { background-position: 0 0; }
.tab .f02 { background-position: 0 -95px; }
.tab .f03 { background-position: 0 -190px; }
.tab .f04 { background-position: 0 -285px; }
.tab .f05 { background-position: 0 bottom; }
.swiper-container { position: absolute; right: 105px; top: 246px; z-index: 2; width: 800px; height: 400px;}
.swiper-slide img { width: 100%; }
.char0 { position: absolute; right: -80px; top: 170px; z-index: 3; }