@charset "UTF-8";
/* -------------------------------------------------------------------------*/
/* MIXIN / ARGUMENT / COMMON CLASS
/* -------------------------------------------------------------------------*/
.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }

/* -------------------------------------------------------------------------*/
/* COMMON
/* -------------------------------------------------------------------------*/
.ctg_recruit .pg_kv {
  background-image: url(../jpg/pg_kv-9.jpg);
  background-color: #e5f6d8; }

.ctg_recruit .pg_kv_wrp_2::before,
.ctg_recruit .pg_kv_wrp_1::before {
  background-image: url(../png/kv_bc_earth_4.png); }

#PG_cnt {
  position: relative; }

.rcr_entryBtn {
  position: absolute;
  top: -125px;
  right: -35px; }
  .rcr_entryBtn p {
    margin: 0;
    padding: 0; }
  .rcr_entryBtn a {
    display: block;
    width: 156px;
    height: 156px;
    background: url(../png/btn_entry.png);
    overflow: hidden;
    text-indent: -9999px;
    background-size: 100% auto;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    transition: opacity 0.2s ease;
    opacity: 0.8; }
    .rcr_entryBtn a:hover {
      opacity: 1; }
  @media only screen and (max-width: 980px) {
    .rcr_entryBtn {
      top: -90px;
      right: -15px; }
      .rcr_entryBtn a {
        width: 110px;
        height: 110px; }
        .rcr_entryBtn a:hover {
          width: 130px;
          height: 130px; } }
  @media only screen and (max-width: 640px) {
    .rcr_entryBtn {
      margin-top: -30px;
      margin-bottom: 20px;
      position: relative;
      top: auto;
      right: auto; }
      .rcr_entryBtn a {
        font-size: 20px;
        font-size: 1.25rem;
        display: block;
        width: 100%;
        padding: 8px 10px 5px;
        height: auto;
        text-align: center;
        background: none;
        text-indent: 0;
        transition: none;
        box-shadow: none;
        border-radius: 0;
        background: url(../png/arw_r_w.png) right center no-repeat #ff7200;
        color: #fff;
        text-decoration: none; }
        .rcr_entryBtn a span {
          display: block;
          font-size: 16px;
          font-size: 1rem; }
        .rcr_entryBtn a:hover {
          width: 100%;
          height: auto; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* TOP
/* -------------------------------------------------------------------------*/
#RCR_tp_message figure {
  margin: 0;
  padding: 0; }
  #RCR_tp_message figure img {
    max-width: 100%;
    height: auto; }

#RCR_tp_message .message {
  margin-top: 20px; }
  #RCR_tp_message .message p {
    margin: 20px 0;
    line-height: 1.8; }

@media only screen and (max-width: 640px) {
  #RCR_tp_message .message {
    padding: 10px; } }

#RCR_tp_btnArea {
  margin-top: 40px; }
  #RCR_tp_btnArea ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0; }
  #RCR_tp_btnArea li {
    display: inline-block;
    width: 32%;
    background-color: #efffca; }
    #RCR_tp_btnArea li:nth-child(3n-1) {
      margin: 2% 2%; }
  #RCR_tp_btnArea figure {
    margin: 0;
    padding: 0; }
  #RCR_tp_btnArea a {
    font-size: 16px;
    font-size: 1rem;
    padding: 5px;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    border: 2px solid #c8f264;
    border-radius: 3px; }
    #RCR_tp_btnArea a:hover {
      background-color: #ddff8d;
      color: #2aa416; }
  #RCR_tp_btnArea img {
    max-width: 100%;
    height: auto; }
  #RCR_tp_btnArea p {
    margin: 10px 5px 5px; }
  @media only screen and (max-width: 640px) {
    #RCR_tp_btnArea {
      margin-top: 20px; }
      #RCR_tp_btnArea li {
        display: block;
        width: 100%;
        margin: 5px 0 !important; }
      #RCR_tp_btnArea a {
        display: table;
        width: 100%; }
      #RCR_tp_btnArea figure {
        display: table-cell;
        width: 110px;
        vertical-align: middle; }
      #RCR_tp_btnArea p {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-left: 10px; } }

#RCR_tp_experienced {
  margin-top: 15px;
  text-align: right; }
  #RCR_tp_experienced a {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 10px 15px;
    text-decoration: none;
    text-align: left; }
  #RCR_tp_experienced .title {
    margin: 0; }
  #RCR_tp_experienced .text {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    color: #000; }
  @media only screen and (max-width: 640px) {
    #RCR_tp_experienced {
      text-align: left; }
      #RCR_tp_experienced a {
        display: block; } }

#RCR_tp_entrySite {
  margin-top: 60px;
  border: 2px dotted #c7c7c7;
  border-left: none;
  border-right: none; }
  #RCR_tp_entrySite ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0; }
  #RCR_tp_entrySite li {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    width: 32%; }
    #RCR_tp_entrySite li:nth-child(3n-1) {
      margin: 2% 2%; }
    #RCR_tp_entrySite li img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 640px) {
    #RCR_tp_entrySite {
      text-align: center; }
      #RCR_tp_entrySite li {
        width: 100%;
        margin: 15px 0 !important; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* TOP MESSAGE
/* -------------------------------------------------------------------------*/
#RCR_msg_img {
  background-color: #edffc2;
  border-bottom: 10px solid #88e84e; }
  #RCR_msg_img figure {
    margin: 0;
    padding: 0; }
  #RCR_msg_img img {
    max-width: 100%;
    height: auto; }
  #RCR_msg_img .text {
    line-height: 2;
    text-align: center;
    padding: 50px; }
  #RCR_msg_img p {
    display: inline-block;
    max-width: 710px;
    margin: 0 0 10px;
    text-align: left; }
  @media only screen and (max-width: 980px) {
    #RCR_msg_img .text {
      padding: 30px; } }
  @media only screen and (max-width: 640px) {
    #RCR_msg_img .text {
      padding: 15px;
      line-height: 1.7; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* INTERVIEW
/* -------------------------------------------------------------------------*/
.rcr_interview_area ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0; }

.rcr_interview_area li {
  display: inline-block;
  width: 32%;
  margin: 2% 0;
  vertical-align: top; }
  .rcr_interview_area li:nth-child(3n-1) {
    margin: 2% 2%; }

.rcr_interview_area a {
  display: block;
  text-decoration: none;
  background-color: #efffca;
  padding: 10px;
  border: 2px solid #c8f264;
  border-radius: 3px;
  transition: background 0.2s ease; }
  .rcr_interview_area a:hover {
    background-color: #ddff8d; }
  .rcr_interview_area a figure {
    margin: 0;
    padding: 0;
    text-align: center; }
    .rcr_interview_area a figure img {
      max-width: 100%;
      height: auto; }
  .rcr_interview_area a .title {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 12px 5px 10px;
    color: #2aa416;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #dcf2a9; }
  .rcr_interview_area a .info {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
    color: #000; }

@media only screen and (max-width: 980px) {
  .rcr_interview_area li {
    width: 49%;
    margin: 1%;
    vertical-align: top; }
    .rcr_interview_area li:nth-child(3n-1) {
      margin: 1%; }
    .rcr_interview_area li:nth-child(2n) {
      margin-right: 0; }
    .rcr_interview_area li:nth-child(2n+1) {
      margin-left: 0; } }

@media only screen and (max-width: 640px) {
  .rcr_interview_area li {
    width: 100%;
    margin: 1% 0 !important; }
    .rcr_interview_area li a {
      min-height: 0; }
  .rcr_interview_area a {
    display: table;
    width: 100%;
    border: 1px solid #c8f264; }
    .rcr_interview_area a figure {
      width: 120px;
      display: table-cell;
      vertical-align: top;
      padding-right: 10px; }
    .rcr_interview_area a .text {
      display: table-cell;
      text-align: left;
      padding-left: 10px; }
    .rcr_interview_area a .title {
      text-align: left;
      padding: 5px; } }

.rcr_interview_area_jp a {
  min-height: 310px; }

@media only screen and (max-width: 980px) {
  .rcr_interview_area_jp a {
    min-height: 280px; } }

@media only screen and (max-width: 640px) {
  .rcr_interview_area_jp a {
    min-height: 0; } }

/* ----- DETAIL ----- */
.rcr_interview_detail {
  display: none; }
  .rcr_interview_detail .title_area .title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: 10px;
    font-weight: bold;
    color: #27a309;
    border-bottom: 3px solid #a0ce32; }
  .rcr_interview_detail .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: url(../gif/loader.gif) center center #f4f4f4 no-repeat; }
    .rcr_interview_detail .movie iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .rcr_interview_detail .text {
    margin-top: 30px; }

.mfp-content {
  max-width: 850px;
  padding: 50px;
  background-color: #fff; }
  .mfp-content .rcr_interview_detail {
    display: block; }
  @media only screen and (max-width: 980px) {
    .mfp-content {
      padding: 25px; } }
  @media only screen and (max-width: 640px) {
    .mfp-content {
      padding: 10px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* LIFE
/* -------------------------------------------------------------------------*/
.rcr_life_row {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 5px; }
  @media only screen and (max-width: 640px) {
    .rcr_life_row {
      display: block; } }

.rcr_life_box_1 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  overflow: hidden;
  padding: 10px;
  background-color: #f7ffee;
  border: 1px solid #c5f25a;
  margin-bottom: 10px;
  font-size: 0; }
  .rcr_life_box_1 .title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 15px;
    padding: 12px 20px 8px;
    line-height: 1;
    background-color: #53be32;
    display: inline-block;
    color: #fff;
    border-radius: 20px 0; }
  .rcr_life_box_1 .text {
    font-size: 16px;
    font-size: 1rem;
    margin-left: 10px;
    margin: 0; }
  .rcr_life_box_1 figure {
    text-align: center;
    margin: 0;
    padding: 0; }
    .rcr_life_box_1 figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 640px) {
    .rcr_life_box_1 {
      display: block;
      width: 100%; } }

.rcr_life_club {
  font-size: 0; }
  .rcr_life_club figure {
    margin: 0;
    width: 48%;
    margin: 2% 1%;
    padding: 10px;
    display: inline-block;
    text-align: center;
    background-color: #f7ffee;
    border: 1px solid #c5f25a; }
    .rcr_life_club figure figcaption {
      font-size: 16px;
      font-size: 1rem; }
    .rcr_life_club figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 640px) {
    .rcr_life_club figure {
      width: 100%;
      display: block;
      margin: 10px 0; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* DATA
/* -------------------------------------------------------------------------*/
.rcr_data_block_1 .row {
  display: table;
  border-collapse: separate;
  border-spacing: 10px 5px;
  width: 100%; }

.rcr_data_block_1 .box {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  padding: 20px;
  background-color: #f3ffd8; }

.rcr_data_block_1 .title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  padding: 0 0 5px;
  border-bottom: 1px dotted;
  font-weight: bold;
  color: #3fa30a; }

@media only screen and (max-width: 640px) {
  .rcr_data_block_1 .row {
    display: block; }
  .rcr_data_block_1 .box {
    display: block;
    width: 100%;
    padding: 15px 10px;
    margin-bottom: 5px; } }

.rcr_data_block_2 table {
  border-collapse: collapse;
  width: 100%; }

.rcr_data_block_2 th, .rcr_data_block_2 td {
  border: 1px solid #dfdfdf;
  padding: 8px; }

.rcr_data_block_2 th {
  background-color: #56b42c;
  color: #fff;
  font-weight: normal; }

.rcr_data_block_2 td {
  width: 15%;
  text-align: center; }
  .rcr_data_block_2 td:first-child {
    width: 30%;
    text-align: left; }

.rcr_data_block_2 tr:nth-child(2n) td {
  background-color: #fbfbfb; }

@media only screen and (max-width: 640px) {
  .rcr_data_block_2 th, .rcr_data_block_2 td {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5;
    padding: 3px; } }

.rcr_data_block_3 {
  margin-top: 50px; }
  .rcr_data_block_3 .row {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 0; }
  .rcr_data_block_3 .box {
    display: inline-block;
    width: 50%;
    padding: 10px;
    font-size: 16px;
    font-size: 1rem; }
    .rcr_data_block_3 .box:nth-child(1) {
      padding-left: 0; }
    .rcr_data_block_3 .box:nth-child(2) {
      padding-right: 0; }
  .rcr_data_block_3 .title {
    margin: 0 0 10px;
    padding: 10px 5px 8px;
    text-align: center;
    background-color: #daf2a2; }
    .rcr_data_block_3 .title span {
      font-size: 13px;
      font-size: 0.8125rem;
      white-space: nowrap; }
  .rcr_data_block_3 .rcr_data_tbl_1 {
    width: 100%; }
    .rcr_data_block_3 .rcr_data_tbl_1 th, .rcr_data_block_3 .rcr_data_tbl_1 td {
      padding: 8px; }
    .rcr_data_block_3 .rcr_data_tbl_1 td {
      text-align: right; }
    .rcr_data_block_3 .rcr_data_tbl_1 tr {
      border-bottom: 1px solid #dadada; }
      .rcr_data_block_3 .rcr_data_tbl_1 tr:first-child {
        border-bottom: 2px solid #878787; }
  .rcr_data_block_3 .rcr_data_tbl_2 {
    width: 100%; }
    .rcr_data_block_3 .rcr_data_tbl_2 th, .rcr_data_block_3 .rcr_data_tbl_2 td {
      padding: 8px; }
    .rcr_data_block_3 .rcr_data_tbl_2 th {
      text-align: right; }
    .rcr_data_block_3 .rcr_data_tbl_2 tr {
      border-bottom: 1px solid #dadada; }
  @media only screen and (max-width: 980px) {
    .rcr_data_block_3 .row {
      margin: 0; }
    .rcr_data_block_3 .box {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: 40px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* DATA
/* -------------------------------------------------------------------------*/
#RCR_data_page {
  max-width: 800px;
  padding: 20px 20px 100px;
  margin: 0 auto; }
  #RCR_data_page .rcr_HD {
    position: relative;
    height: 80px;
    text-indent: -9999px;
    overflow: hidden; }
    #RCR_data_page .rcr_HD::before {
      position: absolute;
      left: 0;
      bottom: 20px;
      display: block;
      content: ' ';
      height: 5px;
      width: 100%;
      background-color: #516dc8; }
    #RCR_data_page .rcr_HD::after {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      content: ' ';
      width: 150px;
      height: 80px;
      background: url(../png/hd_logo.png) left no-repeat;
      background-size: 150px auto; }
  #RCR_data_page table {
    border-collapse: collapse;
    width: 100%; }
  #RCR_data_page th, #RCR_data_page td {
    border: 1px solid #dfdfdf;
    padding: 8px; }
  #RCR_data_page th {
    background-color: #e4fbda;
    color: #487c0b;
    font-weight: normal; }
  #RCR_data_page .rcr_wrp > .blockTitle {
    margin-top: 20px; }
  @media only screen and (max-width: 640px) {
    #RCR_data_page {
      padding: 20px 10px 50px; }
      #RCR_data_page th, #RCR_data_page td {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 3px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* ENTRY
/* -------------------------------------------------------------------------*/
.rcr_entry_bnr {
  margin: 20px 0;
  padding: 5px;
  background-color: #efffca;
  border: 1px solid #cef478;
  border-left: none;
  border-right: none; }
  .rcr_entry_bnr ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    list-style: none;
    margin: 0;
    padding: 0; }
  .rcr_entry_bnr li {
    display: table-cell; }
    .rcr_entry_bnr li a {
      display: block;
      padding: 3px;
      background-color: #fff;
      transition: background 0.2s ease; }
      .rcr_entry_bnr li a:hover {
        background-color: #ffa83f; }
      .rcr_entry_bnr li a img {
        max-width: 100%;
        height: auto; }
  @media only screen and (max-width: 980px) {
    .rcr_entry_bnr {
      padding: 5px; } }

/* -------------------------------------------------------------------------*/

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