.mv {
  background: #f7f7f7;
  overflow: hidden;
  zoom: 1; }
  .mv .mv-inner-box {
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
    zoom: 1; }
    .mv .mv-inner-box .photo-box {
      width: 45%;
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (max-width: 760px) {
        .mv .mv-inner-box .photo-box {
          float: none;
          width: 100%;
          margin-top: 20px; } }
      .mv .mv-inner-box .photo-box img {
        max-width: 100%; }
    .mv .mv-inner-box .text-box {
      width: 54%;
      float: right;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 110px;
      padding-left: 0px; }
      @media only screen and (max-width: 760px) {
        .mv .mv-inner-box .text-box {
          float: none;
          width: 100%; } }
    .mv .mv-inner-box .title {
      font-size: 50px;
      line-height: 70px;
      letter-spacing: 1px;
      color: #3E3A39;
      margin: 0; }
    .mv .mv-inner-box .text {
      font-size: 20px;
      color: #3E3A39;
      margin-top: 20px;
      font-weight: bold; }
    .mv .mv-inner-box .btn-list {
      margin-top: 50px; }
    .mv .mv-inner-box li {
      width: 40%;
      display: inline-block;
      background: black;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      letter-spacing: 1px; }
      .mv .mv-inner-box li:first-child {
        margin-right: 20px; }
      .mv .mv-inner-box li img {
        margin-right: 12px; }
      .mv .mv-inner-box li a {
        color: white;
        display: block;
        padding: 20px 40px 20px 30px;
        -webkit-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s; }
        .mv .mv-inner-box li a:hover {
          background: black;
          -webkit-transition-duration: 0.8s;
          -o-transition-duration: 0.8s;
          transition-duration: 0.8s; }
    .mv .mv-inner-box .new-user {
      background: #2B73D6; }
    .mv .mv-inner-box .user-login {
      background: #17288B; }

.hakko-suport {
  width: 100%;
  background: #17288B url(/img/bg.svg) 0 0 no-repeat;
  padding: 50px 0px 70px; }
  .hakko-suport .top-h2 {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    color: white;
    letter-spacing: 2px; }
    .hakko-suport .top-h2 span {
      display: block;
      margin-top: 15px;
      font-size: 15px; }
  .hakko-suport .suport-list {
    max-width: 1080px;
    margin: auto;
    margin-top: 30px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    @media only screen and (max-width: 760px) {
      .hakko-suport .suport-list {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column; } }
  .hakko-suport li {
    text-align: center;
    border-right: 0.5px solid #908ea0;
    width: 33.3%; }
    .hakko-suport li:first-child {
      border-left: 0.5px solid #908ea0; }
    .hakko-suport li .icon {
      margin-top: 20px; }
    .hakko-suport li .title {
      font-size: 18px;
      font-weight: bold;
      color: white;
      letter-spacing: 1px;
      margin-top: 20px;
      font-family: "Open Sans", sans-serif; }
    .hakko-suport li .big {
      font-size: 35px; }
    .hakko-suport li .text {
      font-size: 15px;
      color: white;
      margin-top: 10px;
      text-align: center; }

.title-box {
  overflow: hidden;
  zoom: 1; }

.top-news-box {
  padding-top: 40px; }
  .top-news-box .top-news-inner-box {
    max-width: 1080px;
    margin: auto;
    background: white;
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    zoom: 1; }
    .top-news-box .top-news-inner-box .title {
      font-size: 25px;
      font-weight: bold;
      color: #3E3A39;
      float: left; }
    .top-news-box .top-news-inner-box .bace-btn {
      width: 140px;
      float: right; }
    .top-news-box .top-news-inner-box .top-news-list {
      width: 100%;
      margin-top: 15px; }
      .top-news-box .top-news-inner-box .top-news-list li {
        border-bottom: 1px solid #C6C6C6;
        padding: 10px 0px;
        overflow: hidden;
        zoom: 1; }
        .top-news-box .top-news-inner-box .top-news-list li:first-child {
          border-top: 1px solid #C6C6C6; }
      .top-news-box .top-news-inner-box .top-news-list .tag-box {
        width: 23%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 760px) {
          .top-news-box .top-news-inner-box .top-news-list .tag-box {
            float: none;
            width: 100%;
            margin-top: 20px; } }
        .top-news-box .top-news-inner-box .top-news-list .tag-box .tag .category {
          width: 120px;
          margin-right: 15px;
          display: block;
          font-size: 11px;
          letter-spacing: 1px;
          text-align: center;
          color: white;
          background: #3E3A39; }
          .top-news-box .top-news-inner-box .top-news-list .tag-box .tag .category.important {
            background: #B73535; }
        .top-news-box .top-news-inner-box .top-news-list .tag-box .tag span,
        .top-news-box .top-news-inner-box .top-news-list .tag-box .tag time {
          float: left; }
        .top-news-box .top-news-inner-box .top-news-list .tag-box .day {
          color: #B5B5B5;
          font-size: 13px; }
      .top-news-box .top-news-inner-box .top-news-list .link-eria-box {
        width: 76%;
        float: right;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media only screen and (max-width: 760px) {
          .top-news-box .top-news-inner-box .top-news-list .link-eria-box {
            float: none;
            width: 100%; } }
      .top-news-box .top-news-inner-box .top-news-list .link-text {
        padding-top: 3px;
        color: #3E3A39;
        line-height: 20px; }
        .top-news-box .top-news-inner-box .top-news-list .link-text a {
          -webkit-transition-duration: 0.8s;
          -o-transition-duration: 0.8s;
          transition-duration: 0.8s; }
          .top-news-box .top-news-inner-box .top-news-list .link-text a:hover {
            color: #17288B;
            -webkit-transition-duration: 0.8s;
            -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
            text-decoration: underline; }

.mv-inner-box {
  padding: 100px 0px 30px; }