@charset "UTF-8";
body, h1, div, h1, h2, ul, li, p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333; }

li {
  list-style: none; }

img {
  -webkit-backface-visibility: hidden;
  width: 100%; }

a {
  text-decoration: none;
  color: #333; }

.clear {
  clear: both; }

.sp_clear {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_clear {
      clear: both; } }

.pc_block {
  display: block; }
  @media screen and (max-width: 767px) {
    .pc_block {
      display: none; } }

.pc_inline {
  display: inline; }
  @media screen and (max-width: 767px) {
    .pc_inline {
      display: none; } }

.sp_block {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_block {
      display: block; } }

.sp_inline {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_inline {
      display: inline; } }

body, table {
  font-size: 14px;
  color: #333;
  font-family: "メイリオ", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
  body.debug .content, table.debug .content {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }

.content {
  font-size: 14px;
  width: 980px;
  min-width: 980px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .content {
      width: 100%;
      min-width: 0;
      border: none; } }

header {
  background: #f80041;
  padding-bottom: 38px; }
  @media screen and (max-width: 767px) {
    header {
      position: relative;
      padding-bottom: 10px; } }
  header h1 {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    margin-left: 12px;
    padding-top: 8px; }
    @media screen and (max-width: 767px) {
      header h1 {
        font-size: 10px;
        margin-left: 5px; } }
  header .logo {
    margin-left: 43px;
    margin-top: 35px;
    width: 306px;
    float: left; }
    @media screen and (max-width: 767px) {
      header .logo {
        width: 150px;
        margin-left: 10px;
        margin-top: 10px; } }
  header .nav_toggle_btn {
    float: right;
    position: relative; }
    header .nav_toggle_btn div {
      width: 30px;
      position: absolute;
      top: 15px;
      right: 20px; }
      header .nav_toggle_btn div span {
        margin-bottom: 7px;
        display: block;
        border-top: 3px solid #fff; }
        header .nav_toggle_btn div span:last-child {
          margin-bottom: 0; }
    header .nav_toggle_btn.open div {
      position: relative; }
      header .nav_toggle_btn.open div span {
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out; }
      header .nav_toggle_btn.open div span:nth-child(1) {
        position: absolute;
        top: 11px;
        display: block;
        width: 100%;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: rotate(315deg); }
      header .nav_toggle_btn.open div span:nth-child(2) {
        width: 0;
        left: 50%; }
      header .nav_toggle_btn.open div span:nth-child(3) {
        position: absolute;
        top: 11px;
        display: block;
        width: 100%;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg); }
  header nav {
    float: right;
    margin-top: 33px; }
    @media screen and (max-width: 767px) {
      header nav {
        display: none;
        float: none;
        position: absolute;
        z-index: 99;
        top: 50px;
        background: #333;
        width: 100%;
        height: 0px;
        overflow: hidden; }
        header nav.open {
          display: block;
          height: 375px;
          -webkit-transition: height 0.3s ease-in-out;
          -moz-transition: height 0.3s ease-in-out;
          -webkit-transition: height .3s ease-in-out;
          -o-transition: height .3s ease-in-out;
          transition: height .3s ease-in-out; } }
    header nav a {
      text-decoration: none;
      color: #fff; }
    header nav ul li {
      float: left; }
      @media screen and (max-width: 767px) {
        header nav ul li {
          float: none; } }
    header nav ul.uper {
      float: right;
      width: 416px;
      margin-right: 30px;
      font-size: 13px; }
      @media screen and (max-width: 767px) {
        header nav ul.uper {
          width: 100%;
          float: none; } }
      header nav ul.uper li {
        background: #fff;
        padding: 5px 0;
        width: 198px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          header nav ul.uper li {
            background: none;
            padding: 0;
            width: auto;
            text-align: left; } }
        header nav ul.uper li a {
          display: block;
          color: #f80041;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            header nav ul.uper li a {
              padding: 15px 0 15px 10px;
              font-size: 18px;
              color: #fff;
              font-weight: normal; } }
        header nav ul.uper li:first-child {
          margin-right: 20px; }
          @media screen and (max-width: 767px) {
            header nav ul.uper li:first-child {
              margin-right: 0; } }
    header nav ul.downer {
      margin-top: 20px;
      width: 467px;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        header nav ul.downer {
          margin-top: 0;
          width: 100%; } }
      header nav ul.downer li {
        border-right: 1px solid #fff;
        padding: 0px 20px; }
        @media screen and (max-width: 767px) {
          header nav ul.downer li {
            padding: 0;
            width: auto;
            text-align: left; }
            header nav ul.downer li:last-child {
              border-bottom: none; }
            header nav ul.downer li a {
              padding: 15px 0 15px 10px;
              display: block;
              font-size: 18px; } }
        header nav ul.downer li:last-child {
          border-right: none; }

/** ./header **/
.content_body h2 {
  font-size: 40px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .content_body h2 {
      font-size: 25px; } }

.content_body h3.bar_h3 {
  background: #f80041;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  font-size: 22px; }

footer .top {
  padding-top: 67px;
  padding-bottom: 70px;
  background: #f80041; }
  @media screen and (max-width: 767px) {
    footer .top {
      padding-top: 50px;
      padding-bottom: 30px; } }
  footer .top .footer_logo a {
    display: block;
    width: 230px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      footer .top .footer_logo a {
        width: 130px; } }
  footer .top .site_map {
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      footer .top .site_map {
        margin-top: 20px; } }
    footer .top .site_map ul {
      width: 745px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        footer .top .site_map ul {
          width: 95%;
          margin-left: 5%; } }
      footer .top .site_map ul li {
        font-size: 13px;
        float: left;
        margin-left: 45px; }
        @media screen and (max-width: 767px) {
          footer .top .site_map ul li {
            margin-left: 5%;
            width: 45%;
            margin-bottom: 10px; } }
        @media screen and (min-width: 768px) {
          footer .top .site_map ul li:first-child {
            margin-left: 0; } }
        footer .top .site_map ul li a {
          color: #fff; }

footer .copy {
  padding: 35px 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    footer .copy {
      padding: 15px 0; } }

/** ./footer **/
.tbl {
  border-collapse: collapse;
  width: 800px;
  margin: 75px auto 0; }
  @media screen and (max-width: 767px) {
    .tbl {
      width: 100%; } }
  .tbl tr:first-child th, .tbl tr:first-child td {
    border-top: 2px solid #b5b5b5; }
    @media screen and (max-width: 767px) {
      .tbl tr:first-child th, .tbl tr:first-child td {
        border-top: none; } }
  .tbl tr:last-child th, .tbl tr:last-child td {
    border-bottom: 2px solid #b5b5b5; }
    @media screen and (max-width: 767px) {
      .tbl tr:last-child th, .tbl tr:last-child td {
        border-bottom: none; } }
  .tbl tr th, .tbl tr td {
    border: 1px solid #b5b5b5; }
    @media screen and (max-width: 767px) {
      .tbl tr th, .tbl tr td {
        border: none; } }
  .tbl tr th {
    font-weight: bold;
    width: 180px;
    text-align: center;
    border-left: none; }
    @media screen and (max-width: 767px) {
      .tbl tr th {
        width: 100%;
        display: block;
        background: #333;
        color: #fff; } }
  .tbl tr td {
    padding: 20px 30px;
    border-right: none; }
    @media screen and (max-width: 767px) {
      .tbl tr td {
        display: block;
        padding: 10px 10px 30px; } }
    .tbl tr td a {
      text-decoration: underline; }
      .tbl tr td a:hover {
        text-decoration: none; }

.top_content .wester_sub {
  text-align: center;
  margin-top: 120px;
  line-height: 32px; }
  @media screen and (max-width: 767px) {
    .top_content .wester_sub {
      margin-top: 50px;
      line-height: 1.5em; } }

.top_content .read_more {
  font-size: 16px; }
  .top_content .read_more a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    margin: 0 auto;
    width: 180px;
    display: block;
    text-align: center;
    padding: 8px 20px; }
    .top_content .read_more a:hover {
      color: #aaa;
      border: 1px solid #aaa; }
  .top_content .read_more.black a {
    color: #333;
    border: 1px solid #333; }
    .top_content .read_more.black a:hover {
      color: #aaa;
      border: 1px solid #aaa; }

.top_content .top_service,
.top_content .top_voice {
  margin-top: 125px; }
  @media screen and (max-width: 767px) {
    .top_content .top_service,
    .top_content .top_voice {
      margin-top: 50px; } }
  .top_content .top_service .top_service_warp,
  .top_content .top_service .top_voice_warp,
  .top_content .top_voice .top_service_warp,
  .top_content .top_voice .top_voice_warp {
    margin-top: 90px;
    background: #333;
    height: 420px; }
    @media screen and (max-width: 767px) {
      .top_content .top_service .top_service_warp,
      .top_content .top_service .top_voice_warp,
      .top_content .top_voice .top_service_warp,
      .top_content .top_voice .top_voice_warp {
        height: auto;
        padding-bottom: 70px; } }
    .top_content .top_service .top_service_warp .img_warp,
    .top_content .top_service .top_voice_warp .img_warp,
    .top_content .top_voice .top_service_warp .img_warp,
    .top_content .top_voice .top_voice_warp .img_warp {
      position: relative;
      float: left;
      width: 499px; }
      @media screen and (max-width: 767px) {
        .top_content .top_service .top_service_warp .img_warp,
        .top_content .top_service .top_voice_warp .img_warp,
        .top_content .top_voice .top_service_warp .img_warp,
        .top_content .top_voice .top_voice_warp .img_warp {
          float: none;
          width: 66%;
          margin-left: 17%; }
          .top_content .top_service .top_service_warp .img_warp:before,
          .top_content .top_service .top_voice_warp .img_warp:before,
          .top_content .top_voice .top_service_warp .img_warp:before,
          .top_content .top_voice .top_voice_warp .img_warp:before {
            content: "";
            display: block;
            padding-top: 100%;
            width: 100%; } }
      .top_content .top_service .top_service_warp .img_warp img,
      .top_content .top_service .top_voice_warp .img_warp img,
      .top_content .top_voice .top_service_warp .img_warp img,
      .top_content .top_voice .top_voice_warp .img_warp img {
        position: absolute;
        top: -39px; }
    .top_content .top_service .top_service_warp .sub,
    .top_content .top_service .top_voice_warp .sub,
    .top_content .top_voice .top_service_warp .sub,
    .top_content .top_voice .top_voice_warp .sub {
      padding-top: 70px;
      margin-left: 597px; }
      @media screen and (max-width: 767px) {
        .top_content .top_service .top_service_warp .sub,
        .top_content .top_service .top_voice_warp .sub,
        .top_content .top_voice .top_service_warp .sub,
        .top_content .top_voice .top_voice_warp .sub {
          padding-top: 30px;
          margin-left: 0; } }
      .top_content .top_service .top_service_warp .sub p,
      .top_content .top_service .top_voice_warp .sub p,
      .top_content .top_voice .top_service_warp .sub p,
      .top_content .top_voice .top_voice_warp .sub p {
        font-size: 15px;
        color: #fff;
        width: 300px;
        line-height: 32px; }
        @media screen and (max-width: 767px) {
          .top_content .top_service .top_service_warp .sub p,
          .top_content .top_service .top_voice_warp .sub p,
          .top_content .top_voice .top_service_warp .sub p,
          .top_content .top_voice .top_voice_warp .sub p {
            margin-left: 20px;
            margin-right: 20px;
            width: auto;
            line-height: 1.4em; } }
      .top_content .top_service .top_service_warp .sub .two,
      .top_content .top_service .top_voice_warp .sub .two,
      .top_content .top_voice .top_service_warp .sub .two,
      .top_content .top_voice .top_voice_warp .sub .two {
        margin-top: 0; }
        @media screen and (max-width: 767px) {
          .top_content .top_service .top_service_warp .sub .two,
          .top_content .top_service .top_voice_warp .sub .two,
          .top_content .top_voice .top_service_warp .sub .two,
          .top_content .top_voice .top_voice_warp .sub .two {
            margin-top: 20px; } }
      .top_content .top_service .top_service_warp .sub .read_more,
      .top_content .top_service .top_voice_warp .sub .read_more,
      .top_content .top_voice .top_service_warp .sub .read_more,
      .top_content .top_voice .top_voice_warp .sub .read_more {
        margin-top: 35px; }
        @media screen and (max-width: 767px) {
          .top_content .top_service .top_service_warp .sub .read_more,
          .top_content .top_service .top_voice_warp .sub .read_more,
          .top_content .top_voice .top_service_warp .sub .read_more,
          .top_content .top_voice .top_voice_warp .sub .read_more {
            margin-top: 25px; } }

.top_content .top_voice {
  margin-top: 175px; }
  @media screen and (max-width: 767px) {
    .top_content .top_voice {
      margin-top: 60px; } }
  .top_content .top_voice .top_voice_warp {
    background: #eee; }
    .top_content .top_voice .top_voice_warp .img_warp {
      float: right; }
      @media screen and (max-width: 767px) {
        .top_content .top_voice .top_voice_warp .img_warp {
          float: none; } }
    .top_content .top_voice .top_voice_warp .sub {
      margin-left: 100px; }
      @media screen and (max-width: 767px) {
        .top_content .top_voice .top_voice_warp .sub {
          margin-left: 0; } }
      .top_content .top_voice .top_voice_warp .sub p {
        color: #333; }

.top_content .top_staff {
  margin-top: 194px;
  padding-top: 132px;
  width: 100%;
  height: 707px;
  background: url("../image/top/top_voice_bg.jpg") center top no-repeat; }
  @media screen and (max-width: 767px) {
    .top_content .top_staff {
      padding-top: 65px;
      background-size: auto 100%;
      margin-top: 0;
      height: auto;
      padding-bottom: 65px; } }
  .top_content .top_staff h2 {
    color: #fff; }
  .top_content .top_staff .top_staff_warp {
    margin-top: 105px; }
    @media screen and (max-width: 767px) {
      .top_content .top_staff .top_staff_warp {
        margin-top: 55px; } }
    .top_content .top_staff .top_staff_warp .img_warp {
      margin-left: 40px;
      float: left; }
      @media screen and (max-width: 767px) {
        .top_content .top_staff .top_staff_warp .img_warp {
          float: none;
          margin-left: 0;
          text-align: center; }
          .top_content .top_staff .top_staff_warp .img_warp img {
            width: 50%; } }
    .top_content .top_staff .top_staff_warp .sub {
      padding-top: 70px;
      margin-left: 490px; }
      @media screen and (max-width: 767px) {
        .top_content .top_staff .top_staff_warp .sub {
          padding-top: 40px;
          margin-left: 0; } }
      .top_content .top_staff .top_staff_warp .sub p {
        font-size: 15px;
        color: #fff;
        line-height: 32px; }
        @media screen and (max-width: 767px) {
          .top_content .top_staff .top_staff_warp .sub p {
            font-size: 14px;
            line-height: 1.5em;
            margin-left: 20px;
            margin-right: 20px; } }
      .top_content .top_staff .top_staff_warp .sub .two {
        margin-top: 30px; }
      .top_content .top_staff .top_staff_warp .sub .read_more {
        margin-top: 35px; }

.company_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .company_content .infomation {
    margin-top: 77px; }
    @media screen and (max-width: 767px) {
      .company_content .infomation p {
        margin: 0 10px; } }
  .company_content .overview {
    background: #eee;
    margin-top: 77px;
    padding-top: 114px;
    padding-bottom: 115px; }
    .company_content .overview table {
      border-collapse: collapse;
      width: 800px;
      margin: 75px auto 0; }
      @media screen and (max-width: 767px) {
        .company_content .overview table {
          width: 100%; } }
      .company_content .overview table tr:first-child th, .company_content .overview table tr:first-child td {
        border-top: 2px solid #b5b5b5; }
        @media screen and (max-width: 767px) {
          .company_content .overview table tr:first-child th, .company_content .overview table tr:first-child td {
            border-top: none; } }
      .company_content .overview table tr:last-child th, .company_content .overview table tr:last-child td {
        border-bottom: 2px solid #b5b5b5; }
        @media screen and (max-width: 767px) {
          .company_content .overview table tr:last-child th, .company_content .overview table tr:last-child td {
            border-bottom: none; } }
      .company_content .overview table tr th, .company_content .overview table tr td {
        border: 1px solid #b5b5b5; }
        @media screen and (max-width: 767px) {
          .company_content .overview table tr th, .company_content .overview table tr td {
            border: none; } }
      .company_content .overview table tr th {
        font-weight: bold;
        width: 180px;
        text-align: center;
        border-left: none; }
        @media screen and (max-width: 767px) {
          .company_content .overview table tr th {
            width: 100%;
            display: block;
            background: #333;
            color: #fff; } }
      .company_content .overview table tr td {
        padding: 20px 30px;
        border-right: none; }
        @media screen and (max-width: 767px) {
          .company_content .overview table tr td {
            display: block;
            padding: 10px 10px 30px; } }
        .company_content .overview table tr td a {
          text-decoration: underline; }
          .company_content .overview table tr td a:hover {
            text-decoration: none; }
  .company_content .map {
    margin-top: 110px; }
    .company_content .map #access1 {
      margin-top: 90px; }
    .company_content .map #access2 {
      margin-top: 80px; }
    .company_content .map .map_warp h3 {
      background: #f80041;
      color: #fff;
      padding: 10px 0 9px 20px;
      font-size: 16px; }
    .company_content .map .map_warp .if_warp {
      width: 60%;
      height: 400px;
      float: left; }
      @media screen and (max-width: 767px) {
        .company_content .map .map_warp .if_warp {
          width: 100%;
          height: 300px;
          float: none; } }
      .company_content .map .map_warp .if_warp iframe {
        border: none;
        width: 100%;
        height: 100%; }
    .company_content .map .map_warp .map_txt {
      margin-left: 62%; }
      @media screen and (max-width: 767px) {
        .company_content .map .map_warp .map_txt {
          margin-left: 0; }
          .company_content .map .map_warp .map_txt p {
            padding: 20px 10px; } }
      .company_content .map .map_warp .map_txt .bold {
        font-weight: bold; }
      .company_content .map .map_warp .map_txt a.link {
        text-decoration: underline; }
        .company_content .map .map_warp .map_txt a.link:hover {
          text-decoration: none; }

.service_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .service_content .unit .sub {
    width: 50%;
    float: left; }
    @media screen and (max-width: 767px) {
      .service_content .unit .sub {
        width: 100%;
        float: none;
        margin-bottom: 30px; } }
    .service_content .unit .sub h3 {
      margin-top: 0;
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        .service_content .unit .sub h3 {
          margin-bottom: 20px; } }
  .service_content .unit .img_warp {
    margin-left: 55%;
    width: 45%; }
    @media screen and (max-width: 767px) {
      .service_content .unit .img_warp {
        margin-left: 0;
        width: 100%; } }
  .service_content .unit.row1 {
    margin-top: 77px; }
  .service_content .unit.odd {
    margin-top: 50px;
    padding: 60px 0;
    background: #eee; }
    .service_content .unit.odd .img_warp {
      margin-left: 0;
      width: 45%;
      float: left; }
      @media screen and (max-width: 767px) {
        .service_content .unit.odd .img_warp {
          width: 100%;
          float: none; } }
    .service_content .unit.odd .sub {
      float: none;
      margin-left: 50%; }
      @media screen and (max-width: 767px) {
        .service_content .unit.odd .sub {
          margin-left: 0; } }
  .service_content .row3 {
    margin-top: 77px; }
    .service_content .row3 .row3_unit {
      width: 31%;
      margin-right: 34px;
      float: left; }
      @media screen and (max-width: 767px) {
        .service_content .row3 .row3_unit {
          width: 100%;
          margin-right: 0;
          float: none; } }
    .service_content .row3 .last {
      margin-right: 0; }
  @media screen and (max-width: 767px) {
    .service_content p {
      margin: 0 10px; } }

.privacy_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .privacy_content .content {
    margin-top: 77px; }
    @media screen and (max-width: 767px) {
      .privacy_content .content .sub {
        padding-left: 10px;
        padding-right: 10px; } }
    .privacy_content .content .link {
      text-decoration: underline; }
      .privacy_content .content .link:hover {
        text-decoration: none; }

.voice_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .voice_content h2 {
    margin-bottom: 77px; }
  .voice_content .voice_parent {
    padding: 50px 50px 50px 30px;
    margin-bottom: 100px; }
    @media screen and (max-width: 767px) {
      .voice_content .voice_parent {
        padding: 50px 0 50px 0;
        margin-bottom: 50px; }
        .voice_content .voice_parent h3 {
          padding-left: 10px;
          padding-right: 10px; } }
    .voice_content .voice_parent.odd {
      background: #eee; }
    .voice_content .voice_parent:last-child {
      margin-bottom: 0; }
    .voice_content .voice_parent .row {
      margin-top: 45px; }
      .voice_content .voice_parent .row .img_warp {
        width: 130px;
        height: 115px;
        padding-top: 15px;
        margin-left: 10px;
        float: left;
        text-align: center;
        background: #fff;
        border-radius: 50%; }
        @media screen and (max-width: 767px) {
          .voice_content .voice_parent .row .img_warp {
            display: none; } }
        .voice_content .voice_parent .row .img_warp img {
          width: 75px; }
      .voice_content .voice_parent .row .balloon {
        position: relative;
        margin: 14px 0 0px 29px;
        padding: 25px 20px;
        background: #fff;
        border: 2px solid #d2d2d2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        width: calc(100% - 170px); }
        @media screen and (max-width: 767px) {
          .voice_content .voice_parent .row .balloon {
            margin-left: 10px;
            width: calc(100% - 20px);
            float: none; } }
        .voice_content .voice_parent .row .balloon:before {
          content: "";
          position: absolute;
          top: 25%;
          left: -24px;
          margin-top: -12px;
          border: 12px solid transparent;
          border-right: 12px solid #fff;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            .voice_content .voice_parent .row .balloon:before {
              display: none; } }
        .voice_content .voice_parent .row .balloon:after {
          content: "";
          position: absolute;
          top: 25%;
          left: -29px;
          margin-top: -14px;
          border: 14px solid transparent;
          border-right: 14px solid #d2d2d2;
          z-index: 1; }
          @media screen and (max-width: 767px) {
            .voice_content .voice_parent .row .balloon:after {
              display: none; } }
        .voice_content .voice_parent .row .balloon.right {
          clear: both; }
        .voice_content .voice_parent .row .balloon p {
          margin: 0;
          padding: 0; }
      .voice_content .voice_parent .row .comment {
        margin-top: 20px;
        border: 3px solid #333;
        background: #fff; }
        .voice_content .voice_parent .row .comment span {
          color: #fff;
          background: #333;
          padding: 3px 12px;
          font-weight: bold; }
        .voice_content .voice_parent .row .comment p {
          margin: 0;
          padding: 20px; }

.recruit_btn {
  background: #333;
  display: block;
  width: 300px;
  padding: 15px 30px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center; }

.recruit_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .recruit_content .sub {
    margin-top: 77px; }
    @media screen and (max-width: 767px) {
      .recruit_content .sub p {
        margin: 0 10px; } }
  .recruit_content .swiper-container {
    margin-top: 70px; }
    .recruit_content .swiper-container .swiper-slide {
      text-align: center; }
      .recruit_content .swiper-container .swiper-slide img {
        width: 630px; }
        @media screen and (max-width: 767px) {
          .recruit_content .swiper-container .swiper-slide img {
            width: 100%; } }
  .recruit_content .table_warp {
    background: #eee;
    margin-top: 77px;
    padding-top: 114px;
    padding-bottom: 115px; }
    .recruit_content .table_warp .btn_warp {
      margin-top: 77px; }
  .recruit_content .prosess_warp {
    margin-top: 110px; }
    .recruit_content .prosess_warp .flow_warp {
      margin-top: 77px; }
      .recruit_content .prosess_warp .flow_warp .flow_parent {
        display: table;
        width: 100%; }
        .recruit_content .prosess_warp .flow_warp .flow_parent .step {
          display: table-cell;
          width: 80px;
          background: #cc2222;
          color: #fff;
          text-align: center;
          vertical-align: middle; }
        .recruit_content .prosess_warp .flow_warp .flow_parent .flow {
          display: table-cell;
          padding: 16px 20px;
          background: #fee8e8; }
      .recruit_content .prosess_warp .flow_warp .triangle {
        width: 0;
        margin: 10px auto;
        border-top: 16px solid #cc2222;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent; }

.contact_content {
  padding-top: 90px;
  padding-bottom: 140px; }
  .contact_content .page_sub {
    margin-top: 77px; }
  .contact_content .form_warp table th {
    background: #f6f6f6; }
    @media screen and (max-width: 767px) {
      .contact_content .form_warp table th {
        background: #333; } }
  .contact_content .form_warp table .appy_th {
    width: 100px; }
    @media screen and (max-width: 767px) {
      .contact_content .form_warp table .appy_th {
        background: none;
        color: #333;
        text-align: left;
        padding: 10px 0 0 10px; } }
  .contact_content .form_warp table .require {
    background: #ffa500;
    color: #fff;
    padding: 1px 5px;
    margin-right: 10px;
    font-size: 12px; }
  .contact_content .form_warp table .init_none {
    display: none; }
  .contact_content .form_warp table input, .contact_content .form_warp table select, .contact_content .form_warp table textarea {
    padding: 5px 10px;
    width: calc(90% - 0px);
    border: solid 1px #a9a9a9;
    border-radius: 3px;
    font-size: 14px; }
  .contact_content .form_warp table select {
    width: calc(90% + 20px); }
  .contact_content .form_warp table textarea {
    height: 250px;
    resize: vertical; }
  .contact_content .form_warp .privacy_sub {
    margin-top: 40px;
    text-align: center; }
    .contact_content .form_warp .privacy_sub a {
      text-decoration: underline; }
      .contact_content .form_warp .privacy_sub a:hover {
        text-decoration: none; }
    .contact_content .form_warp .privacy_sub .check {
      margin-top: 20px;
      position: relative; }
      .contact_content .form_warp .privacy_sub .check input[type=checkbox] {
        position: relative;
        top: 3px; }
  .contact_content .form_warp .btn_warp {
    margin-top: 40px;
    text-align: center; }
    .contact_content .form_warp .btn_warp input[type=submit] {
      border: solid 1px #ccc;
      padding: 15px 30px;
      margin: 0 0 20px;
      font-size: 1.2em;
      text-transform: uppercase;
      font-weight: bold;
      color: #333;
      cursor: pointer; }
  .contact_content .error_str {
    display: block;
    color: #f00; }

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