/* Campaign page */
.block-1 {
  margin-bottom: 65px; }
  .block-1 h3 {
    margin-bottom: 35px; }
  .block-1 .content {
    position: relative;
    max-width: 1000px;
    font-size: 0; }
    .block-1 .content img {
      width: 100%; }
    .block-1 .content p {
      position: absolute;
      font-size: 14px;
      bottom: 9.35%;
      width: 100%;
      left: 0; }

.block-2 h3 {
  margin-bottom: 10px;
  padding: 0 15px; }
.block-2 .content {
  padding: 56px 15px;
  background: url(../img/campaign/bg_camp01.png) top left repeat; }

.block-3 {
  background: #e8f3d6;
  padding: 95px 15px 103px; }
  .block-3 h3 {
    margin-bottom: 47px; }

.block-4 {
  padding: 80px 0 110px;
  background: url(../img/campaign/bg_camp02.png) top left no-repeat;
  background-size: cover; }
  .block-4 .desk {
    display: block !important;
    height: auto !important; }
  .block-4 h3 {
    margin-bottom: 48px; }
  .block-4 ul li {
    padding: 50px 12%;
    background: url(../img/campaign/hor_line.png) bottom left repeat-x; }
    .block-4 ul li .thumb {
      float: left;
      border-radius: 5px;
      width: 49.3%; }
    .block-4 ul li .ct {
      float: left;
      width: 50.7%;
      padding-left: 6.1%; }
      .block-4 ul li .ct .top {
        font-size: 0;
        margin-bottom: 15px; }
      .block-4 ul li:last-child .ct .top {
        white-space: nowrap;
      }
      .block-4 ul li .ct .num, .block-4 ul li .ct h4 {
        display: inline;
        vertical-align: middle; }
      .block-4 ul li .ct .num {
        margin-right: 20px; }
      .block-4 ul li .ct h4 {
        font-size: 24px;
        font-weight: bold;
        color: #3fb1c5; }
      .block-4 ul li .ct p {
        font-size: 15px;
        line-height: 1.9; }
  .block-4 ul li:first-child {
    padding-top: 0; }
  .block-4 ul li:nth-child(2n+2) .thumb {
    float: right; }
  .block-4 ul li:nth-child(2n+2) .ct {
    padding-left: 0;
    padding-right: 0; }
	/*
    .block-4 ul li:nth-child(2n+2) .ct .num, .block-4 ul li:last-child .ct .num {
      margin-right: 5px; }
	  */
    .block-4 ul li:nth-child(2n+2) .ct p {
      padding-right: 10%; }
  .block-4 ul li:last-child {
    padding-bottom: 0;
    background: none; }
    .block-4 ul li:last-child .ct h4 {
      display: inline-block;
      line-height: 1.45; }
    .block-4 ul li:last-child .ct p {
    /*padding-right: 11%;*/ }
  .block-4 ul .specs .ct {
    width: 100%; }
    .block-4 ul .specs .ct .num {
      margin-right: 15px !important; }
  .block-4 ul .specs .list {
    margin-top: 60px;
    font-size: 0; }
    .block-4 ul .specs .list li {
      width: 46.85%;
      padding: 0;
      display: inline-block;
      vertical-align: top;
      background: none;
      position: relative;
      margin-right: 6%;
      margin-bottom: 80px; }
      .block-4 ul .specs .list li .ribbon {
        width: 180px;
        position: absolute;
        left: 0;
        right: 0;
        top: -40px;
        margin: auto; }
      .block-4 ul .specs .list li .thumb {
        width: 100%;
        margin-bottom: 15px; }
      .block-4 ul .specs .list li p {
        line-height: 1.9;
        font-size: 15px; }
    .block-4 ul .specs .list li:nth-child(2n+2) {
      margin-right: 0; }
    .block-4 ul .specs .list li:last-child {
      width: 100%;
      margin: 0; }
      .block-4 ul .specs .list li:last-child .ribbon {
        left: 23.42%;
        margin: 0 0 0 -90px; }
      .block-4 ul .specs .list li:last-child .thumb {
        width: 46.85%;
        float: left; }
      .block-4 ul .specs .list li:last-child p {
        width: 46.85%;
        float: right; }

.block-5 {
  padding: 84px 0 73px; }
  .block-5 h3 {
    margin-bottom: 63px; }
  .block-5 ul {
    font-size: 0; }
    .block-5 ul li {
      width: 48.5%;
      display: inline-block;
      vertical-align: top;
      margin: 0 3% 25px 0;
      border-radius: 5px;
      border: 1px solid #3fb1c5;
      padding: 5px;
      background: #e9feff; }
      .block-5 ul li .q-wrapper {
        border: 1px dashed #3fb1c5;
        padding: 15px 30px 15px 20px;
        position: relative; }
        .block-5 ul li .q-wrapper p:first-child {
          color: #3fb1c5;
          font-weight: bold;
          font-size: 18px;
          background: url(../img/campaign/ico_q_01.png) top left no-repeat;
          background-size: 39px 40px;
          min-height: 40px;
          padding: 6px 0 0 50px;
          margin-bottom: 10px; }
        .block-5 ul li .q-wrapper p:last-child {
          font-size: 14px;
          line-height: 1.9; }
    .block-5 ul li:nth-child(2n+2) {
      margin-right: 0; }
    .block-5 ul li:nth-child(4n+2), .block-5 ul li:nth-child(4n+3) {
      border-color: #ec788b;
      background: #ffe3e8; }
      .block-5 ul li:nth-child(4n+2) .q-wrapper, .block-5 ul li:nth-child(4n+3) .q-wrapper {
        border-color: #ec788b; }
        .block-5 ul li:nth-child(4n+2) .q-wrapper p:first-child, .block-5 ul li:nth-child(4n+3) .q-wrapper p:first-child {
          background: url(../img/campaign/ico_q_02.png) top left no-repeat;
          background-size: 39px 40px;
          color: #ec788b; }
    .block-5 ul li .q-wrapper:before {
      content: "";
      position: absolute;
      width: 50px;
      height: 40px;
      background: url(../img/campaign/ico_star.png) center no-repeat;
      top: 20px;
      right: 8px; }

	.block-5 ul li:nth-child(4n+2) .q-wrapper:before, .block-5 ul li:nth-child(4n+3) .q-wrapper:before {
		display:none;
	}

.block-6 {
  padding: 100px 0 50px;
  background: #f1f2f2; }
  .block-6 h3 {
    margin-bottom: 65px; }
  .block-6 ul {
    margin-left: -16px;
    margin-right: -16px;
    font-size: 0; }
    .block-6 ul li {
      width: 204px;
      display: inline-block;
      vertical-align: top;
      padding: 0 16px;
      margin-bottom: 43px;
      line-height: 1; }
      .block-6 ul li .item-wrapper {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        position: relative; }
        .block-6 ul li .item-wrapper img {
          border-radius: 10px;
          width: 100%;
          height: 100%;
          max-height: 172px;
          margin-bottom: 20px; }
        .block-6 ul li .item-wrapper span {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          padding: 11px 5px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: center;}
        .block-6 ul li .item-wrapper h4 {
          font-size: 18px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
		   text-align:center;
		  }
        .block-6 ul li .item-wrapper .cat1 {
          background: #ec788b; }
        .block-6 ul li .item-wrapper .cat2 {
          background: #8bbe32; }
        .block-6 ul li .item-wrapper .cat3 {
          background: #3fb1c5; }
        .block-6 ul li .item-wrapper .cat4 {
          background: #717171; }

@media (max-width: 476px) {
  .block-6 ul li {
    width: 50% !important; }
    .block-6 ul li .item-wrapper img {
      max-height: 211px; } }
@media (min-width: 768px) and (max-width: 1031px) {
  .block-6 ul {
    margin-left: -14px;
    margin-right: -14px; } }
@media (min-width: 768px) and (max-width: 999px) {
  .block-1 .content p {
    font-size: 12px; }

  .block-4 ul li .ct h4 {
    font-size: 17px; } }
@media (max-width: 767px) {
  .block-1 {
    margin: 0 auto 45px; }
    .block-1 h3 {
      margin: 0 auto 16px;
      width: 80.4%; }
    .block-1 .content {
      padding: 0; }
      .block-1 .content p {
        font-size: 12px;
        width: 83%;
        margin: auto;
        left: 0;
        right: 0;
        line-height: 1.9;
        bottom: 8.3%; }

  .block-2 h3 {
    width: 89.4%;
    margin: 0 auto 18px;
    padding: 0; }
  .block-2 .content {
    padding: 27px 31px 40px 31px;
    background: url(../img/campaign/bg_camp01_sp.png) top left no-repeat;
    background-size: cover; }

  .block-3 {
    padding: 35px 15px 44px; }
    .block-3 h3 {
      margin-bottom: 17px; }
    .block-3 .content img:last-child {
      margin-top: 16px; }

  .block-4 {
    background: url(../img/campaign/bg_camp02_sp.png) top left repeat;
    padding: 43px 0 50px; }
    .block-4 h3 {
      width: 88.8%;
      margin: 0 auto 20px; }
    .block-4 ul {
      padding: 0 15px; }
      .block-4 ul .item-content {
        display: none; }
      .block-4 ul li {
        padding: 0;
        background: none;
        margin-bottom: 2px; }
        .block-4 ul li .sp-heading {
          background: #3fb1c5;
		   color:#fff;
          width: 100%;
          border-radius: 5px;
          padding: 7px 20px 7px 15px;
          font-size: 14px;
          position: relative;
		  font-weight:bold;
		  -webkit-font-smoothing: antialiased;
		  }
          .block-4 ul li .sp-heading img {
            height: 13px; }
        .block-4 ul li .sp-heading:after {
          content: "";
          background: url(../img/campaign/ico_ar_right.png) center no-repeat;
          background-size: 7px 10px;
          width: 7px;
          height: 100%;
          position: absolute;
          right: 12px;
          top: 0;
		   -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
		 }
        .block-4 ul li .sp-heading.opened:after {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .block-4 ul li .step {
          margin: 15px 0; }
        .block-4 ul li .thumb {
          width: 46.6%; }
        .block-4 ul li .ct {
          padding-left: 4.1%; }
          .block-4 ul li .ct .top {
            margin-bottom: 4px; }
          .block-4 ul li .ct .num {
            height: 33px;
            display: block;
            margin-bottom: 8px; }
          .block-4 ul li .ct h4 {
            font-size: 12px;
            display: block; }
          .block-4 ul li .ct p {
            font-size: 12px; }
      .block-4 ul .specs .ct .num {
        margin-right: 7px !important;
        margin: 0;
        display: inline; }
      .block-4 ul .specs .ct h4 {
        display: inline; }
      .block-4 ul .specs .list {
        padding: 0;
        margin: 49px 0 0 0; }
        .block-4 ul .specs .list li {
          width: 100%;
          padding: 0;
          margin: 0 0 60px 0; }
          .block-4 ul .specs .list li .ribbon {
            height: 53px;
            top: -33px; }
          .block-4 ul .specs .list li .thumb {
            margin-bottom: 10px; }
          .block-4 ul .specs .list li p {
            font-size: 12px; }
        .block-4 ul .specs .list li:last-child {
          margin-bottom: 27px; }
          .block-4 ul .specs .list li:last-child .ribbon {
            left: 0;
            right: 0;
            margin: auto; }
          .block-4 ul .specs .list li:last-child .thumb {
            float: none;
            width: auto; }
          .block-4 ul .specs .list li:last-child p {
            float: none;
            width: 100%; }

  .block-5 {
    padding: 44px 0 31px; }
    .block-5 h3 {
      width: 86.9%;
      margin: 0 auto 16px; }
    .block-5 ul li {
      width: 100%;
      margin: 0 auto 20px;
      border-width: 1px; }
      .block-5 ul li .q-wrapper {
        border-width: 1px;
        padding: 15px 8px; }
        .block-5 ul li .q-wrapper p:first-child {
          background-size: 23px 23px !important;
          font-size: 14px;
          padding: 1px 0px 0px 29px;
          margin-bottom: 6px;
          min-height: 23px; }
        .block-5 ul li .q-wrapper p:last-child {
          font-size: 12px;
          line-height: 1.8; }
   .block-5 ul li .q-wrapper:before {
      display: none !important; }
    .block-5 ul li:nth-child(2n+1) {
      border-color: #3fb1c5;
      background: #e9feff; }
      .block-5 ul li:nth-child(2n+1) .q-wrapper {
        border-color: #3fb1c5; }
        .block-5 ul li:nth-child(2n+1) .q-wrapper p:first-child {
          color: #3fb1c5;
          background: url(../img/campaign/ico_q_01.png) top left no-repeat; }
    .block-5 ul li:nth-child(2n+2) {
      border-color: #ec788b;
      background: #ffe3e8; }
      .block-5 ul li:nth-child(2n+2) .q-wrapper {
        border-color: #ec788b; }
        .block-5 ul li:nth-child(2n+2) .q-wrapper p:first-child {
          color: #ec788b;
          background: url(../img/campaign/ico_q_02.png) top left no-repeat; }
    .block-5 ul li:last-child {
      margin-bottom: 0; }

  .block-6 {
    padding: 29px 0 21px; }
    .block-6 h3 {
		padding:0 30px;
      margin: 0 auto 20px; }
    .block-6 ul {
      margin-left: -12px;
      margin-right: -12px; }
      .block-6 ul li {
        padding: 0 12px;
        width: 157px;
        margin-bottom: 29px; }
        .block-6 ul li .item-wrapper img {
          margin-bottom: 11px; }
        .block-6 ul li .item-wrapper span {
          font-size: 12px;
          padding: 8px 5px; }
        .block-6 ul li .item-wrapper h4 {
          font-size: 13px; } }