ul, li, ol, dl, dt, dd {
  list-style: none; }

@font-face {
  font-family: Muli;
  src: url(f/Muli-Regular.ttf); }
.t1 span {
  font-family: Muli;
  font-size: 16px; }

.tit {
  font-family: dp;
  font-size: 40px;
  padding: 65px 0 17px;
  text-align: center;
  font-weight: normal; }

.da p {
  text-align: center;
  line-height: 28px; }

#bn {
  display: none; }

#vttl #bn1 .tvn {
  bottom: 34.86238532%;
  left: 48.55491329%; }

#z1 {
  padding-bottom: 30px; }
  #z1 .tit {
    background: url(i/t1.jpg) no-repeat;
    height: 534px;
    position: relative;
    top: -50px;
    color: #fff;
    padding: 391px 63px 17px; }
  #z1 .t {
    font-family: dp;
    font-size: 20px;
    color: #222222;
    padding: 0 0 15px 12px; }
  #z1 .it {
    padding: 39px 0 0 50px; }
    #z1 .it p {
      text-align: left;
      line-height: 28px; }
    #z1 .it:first-child {
      padding-top: 63px; }

#z2 {
  background: #4881c7;
  color: #fff;
  padding-bottom: 73px; }
  #z2 .da {
    padding: 0 8.33333333%; }
  #z2 .it {
    position: relative; }
    #z2 .it:before {
      content: "";
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #fff;
      display: inline-block;
      position: absolute;
      top: 52px;
      left: 50%;
      margin-left: -55px; }
    #z2 .it:after {
      width: 58px;
      height: 70px;
      background: url(i/ic.png) no-repeat 0px -164px;
      content: "";
      display: inline-block;
      position: absolute;
      top: 72px;
      left: 50%;
      margin-left: -29px; }
    #z2 .it p {
      font-weight: bold;
      text-align: center;
      padding: 174px 22px 0;
      line-height: 28px; }
  #z2 .cmd3:nth-child(3) .it:after {
    width: 67px;
    height: 60px;
    background: url(i/ic.png) no-repeat -61px 0px;
    top: 77px;
    margin-left: -34px; }
  #z2 .cmd3:nth-child(4) .it:after {
    width: 70px;
    height: 56px;
    background: url(i/ic.png) no-repeat -60px -164px;
    top: 75px;
    margin-left: -35px; }
  #z2 .cmd3:nth-child(5) .it:after {
    width: 50px;
    height: 68px;
    background: url(i/ic.png) no-repeat -131px -164px;
    top: 73px;
    margin-left: -25px; }

#z3 .da p {
  padding: 0 200px; }
#z3 .tit {
  padding: 65px 295px 17px; }
#z3 .sli {
  position: relative;
  margin: 60px 8.33333333%;
  padding: 0; }
  #z3 .sli .it {
    margin: 0 15px;
    height: 210px;
    color: #fff; }
    #z3 .sli .it p {
      text-align: center;
      padding: 0px 93px; }
    #z3 .sli .it .t {
      font-size: 30px;
      font-family: dp;
      padding: 39px 0 7px; }
#z3 .t1 {
  background: url(i/t3-1.jpg) no-repeat center; }
#z3 .t2 {
  background: url(i/t3-2.jpg) no-repeat center; }
#z3 .t3 {
  background: url(i/t3-3.jpg) no-repeat center; }
#z3 .t4 {
  background: url(i/t3-4.jpg) no-repeat center; }
#z3 .t5 {
  background: url(i/t3-5.jpg) no-repeat center; }
#z3 #next, #z3 #pre {
  width: 54px;
  height: 17px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  background: url(i/ic.png) no-repeat -183px -165px;
  z-index: 9999;
  left: -14px; }
  #z3 #next:hover, #z3 #pre:hover {
    background: url(i/ic.png) no-repeat -183px -182px;
    transform: rotate(180deg);
    z-index: 9999; }
#z3 #next {
  right: -14px;
  left: unset;
  transform: rotate(180deg); }
  #z3 #next:hover {
    transform: unset; }

#z4 {
  background: url(i/bg-vtt-4.jpg) no-repeat center; }
  #z4 .tit {
    color: #fff; }
  #z4 p {
    text-align: center;
    padding: 0 40px;
    line-height: 28px; }
  #z4 .t {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    padding: 162px 0 13px; }
  #z4 .it {
    background: #fff;
    border-radius: 8px;
    height: 350px;
    margin: 33px 0 79px;
    position: relative; }
    #z4 .it:before {
      width: 110px;
      height: 110px;
      border-radius: 50%;
      content: "";
      position: absolute;
      top: 40px;
      left: 50%;
      margin-left: -55px;
      background: #3065b5; }
    #z4 .it:after {
      content: "";
      background: url(i/ic.png) no-repeat -268px 0px;
      display: inline-block;
      width: 62px;
      height: 78px;
      position: absolute;
      top: 56px;
      left: 50%;
      margin-left: -31px; }
  #z4 .cmd4:nth-child(3) .it:after {
    background: url(i/ic.png) no-repeat -239px -164px;
    width: 70px;
    height: 60px;
    top: 65px;
    margin-left: -35px; }
  #z4 .cmd4:nth-child(4) .it:after {
    background: url(i/ic.png) no-repeat -309px -164px;
    width: 52px;
    height: 73px;
    top: 56px;
    margin-left: -26px; }

#z5 {
  background: #4884ca; }
  #z5 .tit {
    color: #fff; }
  #z5 .t {
    font-family: dp;
    font-size: 20px;
    color: #222222;
    padding: 23px 0 15px;
    position: relative; }
    #z5 .t:before {
      width: 60px;
      height: 60px;
      display: inline-block;
      content: "";
      background: #ff005a;
      border: 3px solid #fff;
      border-radius: 50%;
      position: absolute;
      top: 7px;
      right: -171px;
      z-index: 99; }
    #z5 .t:after {
      width: 60px;
      height: 60px;
      display: inline-block;
      content: "01";
      position: absolute;
      top: 7px;
      right: -171px;
      z-index: 99;
      line-height: 60px;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      font-family: muli;
      color: #fff; }
  #z5 p {
    line-height: 28px; }
  #z5 .it {
    position: relative;
    background: #fff;
    padding: 0 32px 24px;
    border-radius: 9px; }
    #z5 .it:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 19px solid #fff;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      display: inline-block;
      right: -19px;
      top: 30px;
      position: absolute; }
  #z5 .l {
    margin-top: 53px;
    position: relative; }
    #z5 .l:after {
      width: 0;
      height: 624px;
      content: "";
      border-left: 3px solid #fff;
      display: inline-block;
      position: absolute;
      top: -40px;
      right: -96px;
      z-index: 1; }
    #z5 .l .it {
      margin-bottom: 70px; }
      #z5 .l .it p {
        text-align: right; }
    #z5 .l .it:nth-child(2) .t:after {
      content: "03"; }
    #z5 .l .it:nth-child(3) .t:after {
      content: "05"; }
  #z5 .r {
    margin-top: 164px; }
    #z5 .r .t:before {
      left: -178px; }
    #z5 .r .t:after {
      left: -178px; }
    #z5 .r .it {
      margin-bottom: 48px; }
      #z5 .r .it:after {
        left: -19px;
        border-right: 19px solid #fff;
        border-left: unset; }
      #z5 .r .it p {
        text-align: left; }
      #z5 .r .it:nth-child(1) .t:after {
        content: "02"; }
      #z5 .r .it:nth-child(2) .t:after {
        content: "04"; }

#z6, #z7, #z8 {
  margin-top: 90px; }
  #z6 .tit, #z7 .tit, #z8 .tit {
    padding: 115px 0 17px;
    position: relative;
    color: #fff; }
    #z6 .tit:before, #z7 .tit:before, #z8 .tit:before {
      background: url(i/t6.jpg) no-repeat center;
      border: 10px solid #fff;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
      width: 100%;
      height: 610px;
      content: "";
      display: inline-block;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0; }
    #z6 .tit:after, #z7 .tit:after, #z8 .tit:after {
      content: "01";
      font-size: 50px;
      line-height: 76px;
      width: 100px;
      height: 100px;
      border: 5px solid #fff;
      display: inline-block;
      position: absolute;
      background: #ff005a;
      color: #fff;
      top: -10px;
      left: 50%;
      margin-left: -50px; }
  #z6 p, #z7 p, #z8 p {
    line-height: 28px;
    text-align: left; }
  #z6 .it, #z7 .it, #z8 .it {
    margin-bottom: 12px; }
    #z6 .it .t, #z7 .it .t, #z8 .it .t {
      font-size: 25px;
      font-family: dp;
      padding-top: 23px;
      padding-bottom: 17px; }
  #z6 .nd, #z7 .nd, #z8 .nd {
    padding: 0 65px 50px 55px; }
  #z6 .item, #z7 .item, #z8 .item {
    background: #fff;
    height: 316px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
    #z6 .item p, #z7 .item p, #z8 .item p {
      text-align: center;
      padding: 21px 30px 0; }
  #z6 .ti, #z7 .ti, #z8 .ti {
    background: #2ea6f6;
    color: #fff;
    height: 77px;
    line-height: 77px;
    font-family: dp;
    font-size: 25px;
    padding: 0 !important; }

#z7 .tit:before {
  background: url(i/t7.jpg) no-repeat center; }
#z7 .tit:after {
  content: "02"; }
#z7 .item {
  height: 232px; }

#z8 {
  margin-bottom: 80px; }
  #z8 .tit:before {
    background: url(i/t8.jpg) no-repeat center; }
  #z8 .tit:after {
    content: "03"; }
  #z8 .item {
    height: 232px; }

/*# sourceMappingURL=vttl.css.map */