/* FONT */
.top .yl {
  color: #ff0; }
.top .content .mv {
  width: auto; }
  .top .content .mv .btn_mv {
    position: absolute;
    display: inline-block;
    bottom: 40px;
    right: 60px; }
  .top .content .mv .bx-wrapper {
    margin: 0 auto; }
    .top .content .mv .bx-wrapper .sp {
      display: none; }
    .top .content .mv .bx-wrapper li img {
      margin: 0 auto; }
    .top .content .mv .bx-wrapper li .wrap {
      position: relative;
      margin: 0 auto;
      width: 1000px; }
    .top .content .mv .bx-wrapper li.item01 {
      background: url(../../images/register/bg_mv.jpg) center 0 repeat-x; }
    .top .content .mv .bx-wrapper li.item02 {
      background: #444037 url(../../images/top/mv02.jpg) center top no-repeat; }
    .top .content .mv .bx-wrapper .bx-viewport {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      left: 0; }
    .top .content .mv .bx-wrapper .bx-controls-direction {
      position: relative;
      top: -200px;
      margin: 0 auto;
      width: 1000px; }
      .top .content .mv .bx-wrapper .bx-controls-direction a {
        top: 52%;
        margin-top: 0;
        width: 30px;
        height: 80px; }
    .top .content .mv .bx-wrapper .bx-next {
      right: 20px;
      background: url(../../images/top/btn_next.png) no-repeat;
      background-size: cover; }
    .top .content .mv .bx-wrapper .bx-prev {
      left: 20px;
      background: url(../../images/top/btn_prev.png) no-repeat;
      background-size: cover; }
    .top .content .mv .bx-wrapper .bx-pager {
      bottom: 0; }
      .top .content .mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
        width: 15px;
        height: 15px;
        background: #b4b4b4;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 2px solid #fff; }
        .top .content .mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {
          background: #599fff; }
      .top .content .mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child a.active {
        background: #ff537f; }
.top .content .news_box {
  display: table;
  width: 804px;
  margin: 20px auto; }
  .top .content .news_box .news-th {
    display: table-cell;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 92px;
    background: #feaf8d; }
  .top .content .news_box .news-cont {
    display: table-cell;
    width: 692px;
    padding: 10px;
    -webkit-box-shadow: inset 0px 1px 5px 0px #666;
    -moz-box-shadow: inset 0px 1px 5px 0px #666;
    box-shadow: inset 0px 1px 5px 0px #666; }
    .top .content .news_box .news-cont .aqua {
      background: #6cd0b7; }
    .top .content .news_box .news-cont .blue {
      background: #599fff; }
    .top .content .news_box .news-cont .row {
      display: table;
      margin: 5px 0;
       }
      .top .content .news_box .news-cont .row p {
        display: table-cell; }
        .top .content .news_box .news-cont .row p.date {
          width: 88px; }
        .top .content .news_box .news-cont .row p.type {
          color: #fff;
          width: 72px;
          text-align: center; }
        .top .content .news_box .news-cont .row p.link {
          padding-left: 10px; }
          .top .content .news_box .news-cont .row p.link a {
            text-decoration: underline;
            color: #e55619; }
.top .content .cont_body .txt_catch {
  text-align: center;
  font-size: 200%;
  line-height: 1.4; }
  .top .content .cont_body .txt_catch .big {
    font-size: 142.85714%; }
  .top .content .cont_body .txt_catch .pink {
    color: #ff537f; }
  .top .content .cont_body .txt_catch .orange {
    color: #fe601d; }
  .top .content .cont_body .txt_catch .blue {
    color: #599fff; }
.top .content .cont_body .cont-inner {
  position: relative;
  margin-top: 15px;
  background: #fed7c6; }
  .top .content .cont_body .cont-inner:before {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    margin-left: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff; }
  .top .content .cont_body .cont-inner .tab-control {
    display: none; }
  .top .content .cont_body .cont-inner .cont-block {
    width: 1000px;
    padding: 40px 20px;
    margin: 0 auto; }
    .top .content .cont_body .cont-inner .cont-block .block {
      width: 470px;
      background: #fff;
      -moz-box-shadow: 3px 3px 2px #8d8b8b;
      -webkit-box-shadow: 3px 3px 2px #8d8b8b;
      box-shadow: 3px 3px 2px #8d8b8b; }
      .top .content .cont_body .cont-inner .cont-block .block .tl_bl {
        color: #fff;
        font-size: 185.71429%;
        padding: 10px; }
        .top .content .cont_body .cont-inner .cont-block .block .tl_bl img {
          margin-right: 10px;
          vertical-align: bottom; }
      .top .content .cont_body .cont-inner .cont-block .block .block-inner {
        padding: 30px 20px; }
        .top .content .cont_body .cont-inner .cont-block .block .block-inner .item {
          padding-bottom: 30px; }
          .top .content .cont_body .cont-inner .cont-block .block .block-inner .item h3 {
            position: relative;
            color: #fff;
            padding: 10px 2em 10px 2.5em;
            font-size: 142.85714%; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item h3 .icon {
              position: absolute;
              top: -10px;
              left: -10px; }
          .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner {
            padding: 10px 10px 0;
            /*.text2 {
              padding-top: .8em;
              width: 280px;
              float: left;
              line-height: 1.6;
            }*/ }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .img {
              width: 113px;
              float: left;
              margin-right: 10px; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2 {
              position: relative;
              float: left;
              padding-left: .5em;
              width: 280px;
              background: #fff;
              border-left: 1px solid #ff537f; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2:after, .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2:before {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2:after {
              border-color: rgba(136, 183, 213, 0);
              border-right-color: #fff;
              border-width: 10px;
              margin-top: -10px; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2:before {
              border-color: rgba(255, 83, 127, 0);
              border-right-color: #ff537f;
              border-width: 11px;
              margin-top: -11px; }
          .top .content .cont_body .cont-inner .cont-block .block .block-inner .item.last {
            padding-bottom: 0; }
        .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn01 {
          display: inline-block;
          margin-left: 10px; }
        .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn02 {
          display: inline-block;
          margin: 30px 0 0 10px; }
        .top .content .cont_body .cont-inner .cont-block .block .block-inner .contact {
          display: block;
          margin: 14px auto 0;
          width: auto;
          text-align: center; }
          .top .content .cont_body .cont-inner .cont-block .block .block-inner .contact img {
            width: auto; }
      .top .content .cont_body .cont-inner .cont-block .block.fRight .block-inner .item {
        padding-bottom: 15px; }
    .top .content .cont_body .cont-inner .cont-block #block01 .tl_bl {
      background: url(../../images/top/bg_block01.png) center top; }
    .top .content .cont_body .cont-inner .cont-block #block01 .item h3 {
      background: #ff98b2; }
    .top .content .cont_body .cont-inner .cont-block #block02 .tl_bl {
      background: url(../../images/top/bg_block02.png) center top; }
    .top .content .cont_body .cont-inner .cont-block #block02 .item h3 {
      background: #8fbeff; }

@media only screen and (max-width: 768px) {
  .top .content .sp_mv .btn_mv {
    position: absolute;
    display: inline-block;
    bottom: 2%;
    left: 0;
    width: 100%; }
    .top .content .sp_mv .btn_mv img {
      width: 94%;
      height: auto;
      margin: 0 auto; }
  .top .content .sp_mv .bx-wrapper {
    text-align: center;
    margin: 0 auto; }
    .top .content .sp_mv .bx-wrapper .bx-viewport {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      left: 0; }
    .top .content .sp_mv .bx-wrapper .sp {
      display: block;
      width: 100%;
      height: auto; }
    .top .content .sp_mv .bx-wrapper .pc {
      display: none; }
    .top .content .sp_mv .bx-wrapper .bx-controls-direction a {
      top: 50%;
      margin-top: -60px;
      width: 30px;
      height: 80px; }
    .top .content .sp_mv .bx-wrapper .bx-next {
      right: 3%;
      background: url(../../images/top/btn_next.png) no-repeat;
      background-size: cover; }
    .top .content .sp_mv .bx-wrapper .bx-prev {
      left: 3%;
      background: url(../../images/top/btn_prev.png) no-repeat;
      background-size: cover; }
    .top .content .sp_mv .bx-wrapper .bx-pager {
      position: static;
      padding-top: 10px; }
      .top .content .sp_mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
        width: 30px;
        height: 10px;
        background: #b4b4b4;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 2px solid #fff; }
        .top .content .sp_mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {
          background: #599fff; }
      .top .content .sp_mv .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child a.active {
        background: #ff537f; }
  .top .content .news_box {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 128.57143%; }
    .top .content .news_box .news-th {
      display: block;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      padding: .5em 0;
      background: #feaf8d; }
    .top .content .news_box .news-cont {
      display: block;
      width: 100%;
      padding: 3% 3%;
      background: #fafafa;
      -webkit-box-shadow: inset 0px 0px 3px 0px #666;
      -moz-box-shadow: inset 0px 0px 3px 0px #666;
      box-shadow: inset 0px 0px 3px 0px #666; }
      .top .content .news_box .news-cont .aqua {
        background: #6cd0b7;
        font-size: 66.66667%; }
      .top .content .news_box .news-cont .blue {
        background: #599fff;
        font-size: 66.66667%; }
      .top .content .news_box .news-cont .row {
        display: block; }
        .top .content .news_box .news-cont .row p {
          display: inline-block; }
          .top .content .news_box .news-cont .row p.date {
            width: auto;
            margin-right: 3%; }
          .top .content .news_box .news-cont .row p.type {
            position: relative;
            top: -3px;
            color: #fff;
            width: 80px;
            padding: 0;
            line-height: 1.4;
            text-align: center; }
          .top .content .news_box .news-cont .row p.link {
            display: block;
            padding-left: 10px;
            margin-top: 10px; }
            .top .content .news_box .news-cont .row p.link a {
              text-decoration: underline;
              color: #e55619; }
        .top .content .news_box .news-cont .row:first-child {
          margin-bottom: 10px; }
  .top .content .cont_body {
    width: 100%;
    margin: 0 auto; }
    .top .content .cont_body .cont-inner {
      padding-top: 20px; }
      .top .content .cont_body .cont-inner .tab-control {
        display: block;
        width: 94%;
        margin: 0 auto; }
        .top .content .cont_body .cont-inner .tab-control ul li {
          width: 48%; }
          .top .content .cont_body .cont-inner .tab-control ul li img {
            width: 100%;
            height: auto; }
          .top .content .cont_body .cont-inner .tab-control ul li a {
            position: relative;
            display: inline-block;
            z-index: 9999; }
          .top .content .cont_body .cont-inner .tab-control ul li .menu_tb01.active:before {
            position: absolute;
            bottom: -19px;
            left: 50%;
            content: "";
            margin-left: -25px;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #ff4071;
            z-index: 99; }
          .top .content .cont_body .cont-inner .tab-control ul li .menu_tb02.active:before {
            position: absolute;
            bottom: -19px;
            left: 50%;
            content: "";
            margin-left: -25px;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #5ba0ff;
            z-index: 99; }
      .top .content .cont_body .cont-inner .cont-block {
        width: 100%;
        padding: 30px 0; }
        .top .content .cont_body .cont-inner .cont-block .block {
          display: none;
          width: 100%;
          background: #fff;
          -moz-box-shadow: 0 5px 5px -5px #333;
          -webkit-box-shadow: 0 5px 5px -5px #333;
          box-shadow: 0 5px 5px -5px #333; }
          .top .content .cont_body .cont-inner .cont-block .block .tl_bl {
            font-size: 157.14286%; }
            .top .content .cont_body .cont-inner .cont-block .block .tl_bl img {
              width: 30px;
              height: auto; }
          .top .content .cont_body .cont-inner .cont-block .block .block-inner {
            padding: 8% 3% 20px 3%;
            /*.contact {
              display: inline-block;
              margin: 14px 0 0 10px;
            }*/ }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .item {
              padding-bottom: 30px; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .item h3 {
                font-size: 128.57143%;
                padding: 10px .3em 10px 2.2em; }
                .top .content .cont_body .cont-inner .cont-block .block .block-inner .item h3 .icon {
                  left: -3%;
                  width: 40px;
                  height: auto; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner {
                padding: 10px 0 10px 10px; }
                .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .img {
                  width: 30.16667%;
                  float: left;
                  margin-top: 3%;
                  text-align: center; }
                  .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .img img {
                    height: auto; }
                    .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .img img.sp {
                      display: inline; }
                .top .content .cont_body .cont-inner .cont-block .block .block-inner .item .item-inner .text2 {
                  width: 66.33333%;
                  margin-top: 3%; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .item.last {
                padding-bottom: 0; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn01 {
              display: inline;
              margin: 2% auto;
              margin-left: 2%; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn01 img {
                width: 98%;
                height: auto;
                margin: 3% 0; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn02 {
              display: inline-block;
              margin: 2% auto;
              width: 100%;
              padding-left: 3%; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .btn02 img {
                width: 100%;
                height: auto; }
            .top .content .cont_body .cont-inner .cont-block .block .block-inner .coming {
              display: block;
              width: 98%;
              padding: 0 0 0 2%; }
              .top .content .cont_body .cont-inner .cont-block .block .block-inner .coming img {
                width: 100%;
                height: auto; }
          .top .content .cont_body .cont-inner .cont-block .block.fRight .block-inner .item {
            padding-bottom: 15px; }
          .top .content .cont_body .cont-inner .cont-block .block.active {
            display: block; } }
@media only screen and (max-width: 600px) {
  .top .content .cont_body .txt_catch {
    margin: 3% 0;
    text-align: center;
    font-size: 157.14286%;
    line-height: 1.6; }
    .top .content .cont_body .txt_catch .big {
      font-size: 136.36364%; } }
@media only screen and (max-width: 480px) {
  .top .content .cont_body .txt_catch {
    text-align: center;
    font-size: 128.57143%;
    line-height: 1.6; }
    .top .content .cont_body .txt_catch .big {
      font-size: 133.33333%; } }
@media only screen and (max-width: 320px) {
  .top .content .cont_body .txt_catch {
    text-align: center;
    font-size: 128.57143%;
    line-height: 1.6; }
    .top .content .cont_body .txt_catch .big {
      font-size: 122.22222%; } }