.header_back {
  background-color: white !important;
  opacity: 0.8; }

.back_panel {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0; }
  .back_panel .company {
    margin: auto;
    width: 1000px;
    height: 66px;
    background-color: #e06733;
    margin-top: 153px; }
  .back_panel .contact, .back_panel .hotline, .back_panel .illegal_copy {
    margin: auto;
    width: 1000px;
    height: 66px;
    background-color: #eeeedc;
    margin-top: 153px; }
  .back_panel .privacy, .back_panel .auction {
    margin: auto;
    width: 1000px;
    height: 66px;
    background-color: #dceeee;
    margin-top: 153px; }
  .back_panel .panel_left {
    position: relative;
    left: 0; }
  .back_panel .panel_right {
    position: relative; }
  .back_panel .gaiyou {
    background-color: #e6e6e6;
    margin-top: 155px; }
    @media screen and (max-width: 768px) {
      .back_panel .gaiyou {
        margin-top: 205px; } }
  .back_panel .naiyou {
    background-color: #dceeee;
    margin-top: 130px; }
  .back_panel .hinmoku {
    background-color: #e6e6e6;
    margin-top: 130px; }
  .back_panel .partner {
    background-color: #eeeedc;
    margin-top: 130px; }
  .back_panel .illegal_copy_content, .back_panel .privacy_policy, .back_panel .auction_content {
    background-color: #e6e6e6;
    margin-top: 77px; }
  @media screen and (max-width: 768px) {
    .back_panel .panel_left {
      width: 100%; }
    .back_panel .panel_right {
      width: 100%;
      margin-left: 0; } }

.content {
  top: 140px;
  background-color: transparent !important;
  font-size: 13px; }
  .content .container-fluid {
    background-color: transparent !important; }
  .content .row {
    margin: 0;
    padding: 0; }
    .content .row .col-12 {
      padding: 0; }
      .content .row .col-12.gaiyou {
        padding-top: 20px; }
        .content .row .col-12.gaiyou .company_info dl {
          margin-top: 20px; }
        .content .row .col-12.gaiyou .company_info dt {
          font-weight: normal; }
        .content .row .col-12.gaiyou .company_info dt, .content .row .col-12.gaiyou .company_info dd {
          margin-bottom: 30px; }
        .content .row .col-12.gaiyou .company_info iframe {
          width: 600px;
          height: 450px; }
        @media screen and (max-width: 768px) {
          .content .row .col-12.gaiyou .company_info dt {
            margin-bottom: 5px; }
          .content .row .col-12.gaiyou .company_info iframe {
            width: 100%;
            height: 300px; } }
        @media screen and (max-width: 768px) {
          .content .row .col-12.gaiyou {
            margin-top: 50px; } }
      .content .row .col-12.naiyou {
        padding-top: 120px;
        margin-left: 20%; }
        @media screen and (max-width: 768px) {
          .content .row .col-12.naiyou {
            margin-left: 0;
            width: 100%; }
            .content .row .col-12.naiyou div {
              padding: 10px; } }
      .content .row .col-12.hinmoku {
        padding-top: 120px; }
        .content .row .col-12.hinmoku div {
          margin-top: 15px;
          width: 650px; }
        @media screen and (max-width: 768px) {
          .content .row .col-12.hinmoku div {
            width: 100%;
            padding: 10px; } }
      .content .row .col-12.partner {
        padding-top: 120px;
        margin-left: 20%; }
        .content .row .col-12.partner .row {
          margin-top: 15px; }
          .content .row .col-12.partner .row .col-sm-6 {
            margin-bottom: 10px; }
        @media screen and (max-width: 768px) {
          .content .row .col-12.partner {
            margin-left: 0;
            width: 100%; }
            .content .row .col-12.partner div.row {
              padding: 10px; } }
      .content .row .col-12 .illegal_copy_content, .content .row .col-12 .auction_content {
        padding-top: 120px;
        margin-left: 20%; }
        @media screen and (max-width: 768px) {
          .content .row .col-12 .illegal_copy_content, .content .row .col-12 .auction_content {
            margin-top: 110px;
            margin-left: 0;
            width: 100%;
            padding: 10px; }
            .content .row .col-12 .illegal_copy_content div, .content .row .col-12 .auction_content div {
              padding: 10px; } }
      .content .row .col-12 .privacy_policy {
        padding-top: 82px;
        margin-left: 20%; }
        @media screen and (max-width: 768px) {
          .content .row .col-12 .privacy_policy {
            margin-top: 72px;
            margin-left: 0;
            width: 100%;
            padding: 10px; }
            .content .row .col-12 .privacy_policy div {
              padding: 10px; } }
  .content h2 {
    color: #363636;
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    text-align: center;
    z-index: 10; }
  .content .first_comment {
    padding: 7px;
    margin-top: 65px;
    font-size: 13px;
    height: 110px; }
  .content h3 {
    margin-left: 7px;
    color: #363636;
    font-size: 20px;
    font-weight: bold; }
  .content .contact, .content .hotline {
    text-align: center; }
    .content .contact .alert, .content .hotline .alert {
      margin-top: 90px; }
    .content .contact .hotline_text, .content .hotline .hotline_text {
      margin: auto;
      width: 80%;
      text-align: left; }
      .content .contact .hotline_text.hotline_text_top, .content .hotline .hotline_text.hotline_text_top {
        margin-top: 80px; }
      .content .contact .hotline_text a, .content .hotline .hotline_text a {
        color: #ff6633; }
        .content .contact .hotline_text a:hover, .content .hotline .hotline_text a:hover {
          text-decoration: none; }
    .content .contact table, .content .hotline table {
      width: 80%;
      margin: auto;
      margin-top: 80px; }
      .content .contact table th, .content .hotline table th {
        vertical-align: middle;
        background-color: #f5f5f5; }
        .content .contact table th .badge, .content .hotline table th .badge {
          color: white;
          border-radius: 0;
          padding: 4px 3px; }
          .content .contact table th .badge.badge-warning, .content .hotline table th .badge.badge-warning {
            background-color: #ff6633; }
          .content .contact table th .badge.badge-default, .content .hotline table th .badge.badge-default {
            background-color: #999; }
      .content .contact table td, .content .hotline table td {
        text-align: left; }
        .content .contact table td label.error, .content .hotline table td label.error {
          color: red; }
        .content .contact table td .contact_tel, .content .hotline table td .contact_tel {
          font-size: 17px;
          font-weight: bold;
          color: #363636; }
          .content .contact table td .contact_tel a, .content .hotline table td .contact_tel a {
            color: #363636; }
            .content .contact table td .contact_tel a:hover, .content .hotline table td .contact_tel a:hover {
              text-decoration: none; }
      @media screen and (max-width: 768px) {
        .content .contact table, .content .hotline table {
          width: 100%; } }
    .content .contact .buttons, .content .hotline .buttons {
      margin: 30px auto;
      text-align: center;
      display: block;
      width: 450px; }
      .content .contact .buttons .btn_back, .content .hotline .buttons .btn_back {
        margin: 0 auto;
        display: block;
        width: 200px;
        height: 57px;
        background-color: #ccc;
        float: left;
        color: #363636;
        font-size: 14px;
        padding-top: 19px; }
        .content .contact .buttons .btn_back:hover, .content .hotline .buttons .btn_back:hover {
          text-decoration: none;
          border: 1px solid #363636;
          background-color: #EFEFEF; }
      .content .contact .buttons .btn_send, .content .hotline .buttons .btn_send {
        margin: auto;
        display: block;
        background-color: #363636;
        width: 200px;
        height: 57px;
        color: #EFEFEF;
        padding-top: 5px;
        padding-left: 27px;
        letter-spacing: 5px;
        border: none;
        font-weight: bold; }
        .content .contact .buttons .btn_send .arrow_base, .content .hotline .buttons .btn_send .arrow_base {
          position: relative;
          width: 70px;
          height: 20px;
          float: right; }
          .content .contact .buttons .btn_send .arrow_base .arrow_right, .content .hotline .buttons .btn_send .arrow_base .arrow_right {
            position: relative;
            padding-top: 9px;
            width: 20px;
            height: 20px;
            -webkit-animation: arrow_right_back 0.5s ease forwards;
            -moz-animation: arrow_right_back 0.5s ease forwards;
            animation: arrow_right_back 0.5s ease forwards; }
            .content .contact .buttons .btn_send .arrow_base .arrow_right .arrow_shaft, .content .hotline .buttons .btn_send .arrow_base .arrow_right .arrow_shaft {
              position: relative;
              height: 1px;
              width: 100%;
              background-color: #EFEFEF; }
              .content .contact .buttons .btn_send .arrow_base .arrow_right .arrow_shaft:before, .content .hotline .buttons .btn_send .arrow_base .arrow_right .arrow_shaft:before {
                content: "";
                position: absolute;
                width: 8px;
                height: 1px;
                right: 0;
                background-color: #EFEFEF;
                -webkit-transform-origin: 100% 50%;
                -webkit-transform: rotate(40deg);
                -moz-transform-origin: 100% 50%;
                -moz-transform: rotate(40deg);
                transform-origin: 100% 50%;
                transform: rotate(40deg); }
              .content .contact .buttons .btn_send .arrow_base .arrow_right .arrow_shaft:after, .content .hotline .buttons .btn_send .arrow_base .arrow_right .arrow_shaft:after {
                content: "";
                position: absolute;
                width: 8px;
                height: 1px;
                right: 0;
                background-color: #EFEFEF;
                -webkit-transform-origin: 100% 50%;
                -webkit-transform: rotate(-40deg);
                -moz-transform-origin: 100% 50%;
                -moz-transform: rotate(-40deg);
                transform-origin: 100% 50%;
                transform: rotate(-40deg); }
        .content .contact .buttons .btn_send:hover, .content .hotline .buttons .btn_send:hover {
          text-decoration: none;
          border: 1px solid #363636;
          background-color: #EFEFEF;
          color: #363636;
          cursor: pointer; }
          .content .contact .buttons .btn_send:hover .arrow_base .arrow_right, .content .hotline .buttons .btn_send:hover .arrow_base .arrow_right {
            -webkit-animation: arrow_right 0.5s ease forwards;
            -moz-animation: arrow_right 0.5s ease forwards;
            animation: arrow_right 0.5s ease forwards; }
            .content .contact .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft, .content .hotline .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft {
              background-color: #363636; }
              .content .contact .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft:before, .content .hotline .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft:before {
                background-color: #363636; }
              .content .contact .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft:after, .content .hotline .buttons .btn_send:hover .arrow_base .arrow_right .arrow_shaft:after {
                background-color: #363636; }

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