@charset "utf-8";
/* CSS Document */

#recruit-top_body img {
  vertical-align: middle;
}

#recruit-top_body .blue {
  color: #0000ff;
}

#recruit-top_body .bold {
  font-weight: 600;
}

a[href^="mailto:"],
a[href^="tel:"] {
  color: #0052A5;
  text-decoration: underline;
}

#recruit-top_body section.bg_gry {
  background-color: #f5f5f5;
}

@media screen and (min-width: 900px) {
  /*====================
   * メインページ *
  ====================*/

  /***** タブ用 *****/
  div {
    *zoom: 1;
  }

  div.js-tab:after {
    content: "";
    clear: both;
  }

  div.js-tab_content:after {
    content: "";
    clear: both;
  }

  .js-tab {
    overflow: hidden;
  }

  .js-tab>div {
    float: left;
    width: 25%;
    background: #54a3ee;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    font-size: 120%;
  }

  .js-tab>div.active {
    background: #1e69de;
  }

  .js-tab_content {
    display: none;
  }

  .js-tab_content.active {
    display: block;
  }

  /***** タブ用　ここまで *****/

  /***** アニメーション用CSS *****/
  #img_area img,
  #btn_entry li,
  #msg p,
  #vision p,
  #top-msg p,
  #tab_menu div,
  #main_cont_top,
  #mv_area,
  #bnr_area {
    transition: 1s;
  }

  .list-mv01 {
    opacity: 0;
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
  }

  .mv01 {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }

  /***** アニメーション用CSS　ここまで *****/

  #main {
    padding: 0 0 30px;
  }

  #recruit-top_body {
    font-size: 16px;
  }

  #heading.top {
    margin: 0 0 60px;
  }

  .inc-color {
    color: #0052A5;
  }

  #img_area {
    background-color: #AAD6EC;
    margin: 0 0 3em;
  }

  #main_img {
    position: relative;
    width: 1200px;
    height: 500px;
    margin: 0 auto;
  }

  .delay_img {
    position: absolute;
    width: 300px;
    display: none;
  }

  .delay_img:nth-of-type(1) {
    top: 0px;
    left: 0px;
  }

  .delay_img:nth-of-type(2) {
    top: 250px;
    left: 300px;
  }

  .delay_img:nth-of-type(3) {
    top: 0px;
    left: 600px;
  }

  .delay_img:nth-of-type(4) {
    top: 250px;
    left: 900px;
  }

  .delay_img:nth-of-type(5) {
    top: 0px;
    left: 900px;
  }

  .delay_img:nth-of-type(6) {
    top: 250px;
    left: 600px;
  }

  .delay_img:nth-of-type(7) {
    top: 0px;
    left: 300px;
  }

  .delay_img:nth-of-type(8) {
    top: 250px;
    left: 0px;
  }

  .delay_img:nth-of-type(9),
  .delay_img:nth-of-type(10),
  .delay_img:nth-of-type(11) {
    top: 0px;
    left: 0px;
    width: 1200px;
  }

  .delay_img img {
    vertical-align: middle;
  }

  #btn_entry {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto 3em;
    width: 1200px;
  }

  #btn_entry li {
    width: 45%;
    margin: 0 2.5%;
    font-size: 21px;
    background: #fc6a6a;
    padding: 0.75em 0;
    border-radius: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #btn_entry a {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }

  #btn_entry a img[src="https://job.mynavi.jp/conts/kigyo/2025/logo/banner_logo_195_60.gif"] {
    margin: 0 1em 0 0;
  }

  #msg {
    background-color: #EEF9FF;
    height: 450px;
  }

  #msg p:first-child,
  #vision p:first-child,
  #info #tab_menu {
    width: 1200px;
    margin: 0 auto;
  }

  #vision {
    background-color: #efefef;
    height: 430px;
  }

  #vision .readmore {
    position: relative;
    bottom: 250px;
    left: 440px;
    margin: 0;
    text-align: center;
  }

  #vision .readmore a {
    background-color: #5f7dff;
  }

  #top-msg {
    background-color: #AAD6EC;
    height: 450px;
  }

  #top-msg .readmore {
    position: relative;
    bottom: 200px;
    right: 300px;
    margin: 0;
    text-align: center;
  }

  #top-msg .readmore a {
    background-color: #fc6a6a;
  }

  .readmore a {
    color: #ffffff;
    display: inline-block;
    padding: 1em 0;
    font-size: 18px;
    width: 200px;
  }

  #info {
    background-color: #EEF9FF;
    padding: 3em 0 0;
  }

  #main_cont_top {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 2em 1em 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  #recruit-top_body h3 {
    font-size: 27px;
    font-weight: bold;
    padding: 0 0 0.25em;
    border-bottom: 3px solid #0052A6;
  }

  .profile table tr:nth-of-type(2n+1) {
    background-color: #fffafa;
  }

  .profile table tr:nth-of-type(2n) {
    background-color: #f5f5f5;
  }

  .profile table {
    width: 100%;
    font-size: 18px;
    margin: 1em 0;
  }

  .profile table th,
  .profile table td {
    border-bottom: 1px solid #a9a9a9;
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 2.0em;
  }

  .profile table th {
    text-align: left;
    padding-left: 15px;
    width: 25%;
  }

  #recruit-top_body h4 {
    background-color: #fc6a6a;
    font-size: 24px;
    color: #ffffff;
    padding: 0.5em;
    margin: 0 0 1em;
  }

  #recruit-top_body .treatment h4 {
    margin: 0 0 1em;
  }

  #recruit-top_body section {
    padding: 0 1em 1em;
  }

  #recruit-top_body section.bg_gry {
    padding: 1em;
  }

  .recruitment .box,
  .treatment .box {
    border-bottom: 3px solid #0052A6;
    padding: 30px 0;
    /* margin: 0 0 30px; */
  }

  .recruitment .box:last-child {
    margin: 0;
  }

  #recruit-top_body section .catch {
    font-size: 18px;
    line-height: 1.75em;
    font-style: italic;
  }

  .recruitment .space {
    height: 50px;
  }

  .recruitment h5,
  .treatment h5 {
    font-size: 21px;
    background: #0052A6;
    color: #FFFFFF;
    padding: 0.5em;
  }

  .recruitment .detail,
  .treatment .detail {
    font-size: 18px;
    line-height: 2.0em;
  }

  .recruitment .detail .indent,
  .treatment .detail .indent {
    padding: 0 0 0 1em;
  }

  .recruitment .parag {
    margin: 0 0 1em;
  }

  .recruitment .parag:last-child {
    margin: 0;
  }

  .recruitment .parag .headline {
    font-weight: 600;
  }

  .recruitment .parag ul {
    padding: 1em 1em 0;
  }

  .recruitment .parag ul li {
    display: flex;
    align-items: center;
  }

  .recruitment .note {
    margin: 1em 0 0;
  }

  /*** エントリーシートボタン用 ***/
  .recruitment .button {
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 0.25em 1em;
    display: inline-block;
  }

  .recruitment .button a {
    font-size: 16px;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    display: block;
    font-weight: bold;
    color: #ffffff;
    background: #1E69DE;
    padding: 0.25em 2em;
  }

  .recruitment .button a img {
    padding: 0 0.5em 0 0;
  }
  /*** エントリーシートボタン用　ここまで ***/

  .senior .pic_gp {
    overflow: hidden;
  }

  .employee {
    width: 48%;
    float: left;
    padding: 10px;
  }

  .employee a {
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 8px;
  }

  .employee span {
    font-size: 150%;
    font-weight: bold;
    padding-left: 1.0em;
    vertical-align: top;
  }

  img.busyo {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 126px;
    padding-bottom: 126px;
    vertical-align: top;
    width: 32%;
  }

  .bnr_minpo-work {
    margin: 60px 0 0;
    text-align: center;
    transition: 1s;
  }

  .link_niigata-job {
    transition: 1s;
    text-align: center;
    width: 45%;
    margin: 0 auto 60px;
  }

  .link_niigata-job a {
    background: #00a190;
    font-size: 21px;
    display: block;
    padding: 1em 0;
    color: #ffffff;
    border-radius: 100vh;
  }

  .link_niigata-job img {
    width: 240px;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
  }

  .link_niigata-job p {
    margin: 0.5em 0 0;
  }

  /* 「ビジョンレポート」リンク追加 */
  #vision .readmore {
    bottom: 300px !important;
  }

  #vision .report {
    position: relative;
    bottom: 270px;
    left: 440px;
    margin: 0;
    text-align: center;
  }

  #vision .report a {
    background-color: #ff52b8;
  }

  .report a {
    color: #ffffff;
    display: inline-block;
    padding: 20px 0;
    font-size: 18px;
    width: 200px;
  }

  /****************************** メインページ　ここまで ******************************/

  /****************************** 先輩ページ ******************************/

  /***** アニメーション用 *****/

  #navi,
  #main_cont,
  #pic_men,
  #pic_woman,
  #comment,
  #schedule,
  #interview,
  #rtn {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #navi {
    padding-top: 10px;
  }

  #navi ul {
    display: flex;
  }

  #navi ul li {
    width: calc(100% / 5);
    text-align: center;
    padding: 0.5em 0;
    color: #fff;
  }

  #navi ul li.blue {
    background-color: #54a3ee;
  }

  #navi ul li.pink {
    background-color: #fe9090;
  }

  #navi ul li.b_active {
    background: #1e69de;
  }

  #navi ul li.p_active {
    background: #ff5c5c;
  }

  #navi ul li a {
    color: #fff;
    display: block;
  }

  #navi ul li:nth-child(6) {
    /*    border: none;*/
  }

  #main_cont {
    margin-top: 20px;
    overflow: hidden;
  }

  #first_cont,
  #second_cont {
    overflow: hidden;
  }

  #pic_men,
  #pic_woman {
    width: 300px;
    float: left;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    height: 520px;
  }

  #pic_men {
    /* Old browsers */
    background: #6db3f2;
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(-45deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(135deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* IE6-9 fallback on horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=1);
  }

  #pic_woman {
    /* Old browsers */
    background: #febbbb;
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(-45deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(135deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* IE6-9 fallback on horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#febbbb', endColorstr='#ff5c5c', GradientType=1);
  }

  .prof {
    padding-left: 1.0em;
  }

  .name {
    font-size: 150%;
    /*font-weight: bold;*/
  }

  .san {
    font-size: 90%;
  }

  #comment {
    margin-left: 350px;
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
  }

  .question {
    font-size: 125%;
    color: #0052A5;
  }

  .answer {
    padding-left: 1.0em;
  }

  .job_img img:nth-of-type(2) {
    margin-left: 11px;
  }

  #schedule {
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    margin-top: 20px;
    width: 480px;
    float: left;
  }

  #schedule table {
    /*margin-top:15px;*/
    margin-left: 15px;
  }

  .am {
    vertical-align: middle;
    text-align: center;
    background-color: #F36993;
    color: #fff;
    padding: 20px;
    font-size: 125%;
    border-bottom: 2px solid #fff;
    /*    border-left: 1px solid #fff;*/
  }

  .pm {
    vertical-align: middle;
    text-align: center;
    background-color: #F79E4C;
    color: #fff;
    padding: 20px;
    font-size: 125%;
    border-bottom: 2px solid #fff;
    /*    border-left: 1px solid #fff;*/
  }

  #schedule table td.time,
  #schedule table td.job_detail {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    /*    border-right: 1px solid #fff;*/
    border-bottom: 2px solid #fff;
  }

  #schedule table td.time {
    background-color: #d3d3d3;
  }

  #schedule table td.job_detail {
    background-color: #f5f5f5;
  }

  #interview {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
  }

  #rtn {
    margin-top: 20px;
    text-align: center;
  }

  #rtn a {
    color: #fff;
    font-size: 110%;
    padding: 15px;
    border-radius: 15px;
    display: inline-block;
    background: #1e69de;
    /* Old browsers */
    /*background: #febbbb;*/
    /* FF3.6-15 */
    /*background: -moz-linear-gradient(-45deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);*/
    /* Chrome10-25,Safari5.1-6 */
    /*background: -webkit-linear-gradient(-45deg, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*background: linear-gradient(135deg, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); */
    /* IE6-9 fallback on horizontal gradient */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=1 );*/
  }

  /****************************** 先輩ページ　ここまで ******************************/

  /****************************** 動画優先ver ******************************/

  /***** アニメーション用 *****/

  #navi,
  #pic_men,
  #pic_woman,
  #p2_comment,
  #p2_schedule,
  #p2_interview {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #p2_interview {
    background-color: #fff;
    margin-left: 350px;
    border-radius: 15px;
    padding: 15px;
    height: 520px;
  }

  #p2_mv_area {
    width: 800px;
    margin: 0 auto;
  }

  #p2_schedule {
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    margin-top: 20px;
    width: 450px;
    float: left;
  }

  #p2_schedule table {
    width: 100%;
    margin-top: 5px;
    /*margin-left: 15px;*/
  }

  #p2_schedule table td.time,
  #p2_schedule table td.job_detail {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    /*    border-right: 1px solid #fff;*/
    border-bottom: 2px solid #fff;
  }

  #p2_schedule table td.time {
    background-color: #d3d3d3;
  }

  #p2_schedule table td.job_detail {
    background-color: #f5f5f5;
  }

  .p2_job_img {}

  .p2_job_img img {
    width: 49%;
    margin-top: 5px;
  }

  .p2_job_img img:nth-of-type(2) {
    margin-left: 4px;
  }

  #p2_comment {
    margin-left: 500px;
    margin-top: 20px;
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
  }

  /****************************** 動画優先ver　ここまで ******************************/

  /****************************** トップメッセージ ******************************/

  /***** アニメーション用 *****/

  #contentsWide {
    padding: 30px 0 0;
  }

  #top-message {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #top-message {
    width: 860px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
  }

  #bg_top-msg {
    background: url(/corporate/recruit/images/bg_top-msg_w900.png) no-repeat bottom right #fff;
  }

  p#honbun {
    font-size: 120%;
    padding-top: 1.0em;
    padding-left: 1.0em;
    padding-right: 1.0em;
    text-shadow: #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px;
  }

  p#shomei {
    text-align: right;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    padding-right: 1.0em;
    background: #fff;
  }

  p#shomei span {
    font-size: 120%;
  }

  /****************************** トップメッセージ　ここまで ******************************/

  /****************************** エントリー方法 ******************************/

  /***** アニメーション用 *****/

  #entry {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #entry {
    width: 860px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
  }

  #entry p {
    /*font-size: 120%;
      padding-left: 1.0em;
      padding-right: 1.0em;*/
  }

  /****************************** エントリー方法　ここまで ******************************/
}


@media screen and (max-width: 899px) {
  /****************************** メインページ ******************************/

  #heading.top {
    margin: 0 0 15px;
  }

  #recruit-top_body {
    overflow: hidden;
    font-size: 12px;
  }
  /***** タブ用 ******/

  div {
    *zoom: 1;
  }

  div.js-tab:after {
    content: "";
    clear: both;
  }

  div.js-tab_content:after {
    content: "";
    clear: both;
  }

  .js-tab {
    overflow: hidden;
    display: table;
    width: 100%;
  }

  .js-tab>div {
    width: 25%;
    background: #2196F3;
    color: #fff;
    text-align: center;
    padding: 0.75em 0;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
  }

  .js-tab>div.active {
    background: #0D47A1;
  }

  .js-tab_content {
    display: none;
  }

  .js-tab_content.active {
    display: block;
    padding: 1em 0.5em;
  }

  /***** タブ用　ここまで *****/

  /***** アニメーション用 *****/

  #img_area,
  .btn_entry a,
  #about p,
  #vision p,
  #top-msg p,
  #sp-tab_menu div,
  #bnr_area,
  /*#profile,
  #recruitment,
  #treatment,
  #senior*/
  .flipsnap {
    transition: 1s;
  }

  .list-mv01 {
    opacity: 0;
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
  }

  .mv01 {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }

  /***** アニメーション用　ここまで *****/

  #img_area {
    margin-left: -10px;
    margin-right: -10px;
    /* margin-top: -12px; */
  }

  .btn_entry {
    text-align: center;
    margin: 15px 0;
  }

  .btn_entry a {
    background: #fc6a6a;
    color: #ffffff;
    display: flex;
    font-size: 3.8vw;
    padding: 0.75em 0;
    border-radius: 100vh;
    width: 90%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: left;
  }

  .btn_entry a img[src="https://job.mynavi.jp/conts/kigyo/2025/logo/banner_logo_195_60.gif"] {
    max-width: 120px;
    margin: 0 1em 0 0;
  }

  #about,
  #vision,
  #sp_info {
    margin: 2em 0 0;
  }

  p.lead {
    font-weight: 600;
    font-size: 18px;
    color: #0052A5;
    font-style: italic;
  }

  p.lead span {
    border-bottom: 2px solid #0052A5;
    padding: 0 1em;
  }

  p.honbun {
    padding: 1em;
    line-height: 1.75em;
    font-style: italic;
  }

  #about img,
  #vision img,
  #top-msg img {
    text-align: center;
  }

  #vision .readmore {
    background: #5f7dff;
    margin-top: 1em;
  }

  #top-msg .readmore {
    background: #fc6a6a;
  }

  #vision .readmore,
  #top-msg .readmore {
    display: inline-block;
    font-size: 12px;
    margin: 1em 0 1em 1em;
  }

  #vision .readmore a,
  #top-msg .readmore a {
    color: #ffffff;
    display: block;
    padding: 0.75em 1.5em;
  }

  #recruit-top_body h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0.25em;
    border-bottom: 3px solid #0052A6;
  }

  #recruit-top_body h3 span {
    color: #0052A6;
  }

  #recruit-top_body .box {
    padding: 1em 0;
  }

  #recruit-top_body h4 {
    background-color: #fc6a6a;
    font-size: 16px;
    color: #ffffff;
    padding: 0.5em;
    margin: 0 0 1em;
  }

  #recruit-top_body .treatment h4 {
    margin: 0 0 1em;
  }

  #recruit-top_body section {
    padding: 0 0.5em 1em;
  }

  #recruit-top_body section.bg_gry {
    padding: 1em 0.5em;
  }

  #recruit-top_body section .catch {
    font-size: 12px;
    line-height: 1.75em;
    font-style: italic;
  }

  .recruitment h5, .treatment h5 {
    font-size: 14px;
    background: #0052A6;
    color: #FFFFFF;
    padding: 0.5em;
  }

  .recruitment .detail .indent,
  .treatment .detail .indent {
    padding: 0 0 0 1em;
  }

  .recruitment .parag {
    margin: 0 0 1em;
  }

  .recruitment .parag ul {
    padding: 1em 1em 0;
  }

  .recruitment .button {
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    margin: 0.25em 0 0.5em 1em;
    display: inline-block;
  }

  .recruitment .button a {
    font-size: 12px;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    display: block;
    font-weight: bold;
    color: #ffffff;
    padding: 0.25em 2em;
    background: #1E69DE;
  }

  .recruitment .button img {
    padding: 0 0.5em 0 0;
    width: 24px;
  }

  .recruitment .parag dl div:nth-of-type(2) {
    margin: 0.5em 0 0;
  }

  .recruitment .note {
    margin: 1em 0 0;
  }

  #profile table {
    margin: 1em 0 0;
  }

  #profile th {
    width: 20%;
    text-align: left;
    padding: 1em 0.5em;
  }

  #profile td {
    padding: 1em 0.5em;
  }

  #profile tr {
    border-bottom: 1px solid #000;
  }

  #profile table tr:nth-of-type(2n+1) {
    background-color: #fffafa;
  }

  #profile table tr:nth-of-type(2n) {
    background-color: #f5f5f5;
  }

  .recruitment .detail,
  .treatment .detail {
    /*
		font-size: 120%;
		padding-left: 1.0em;
		padding-top: 1.0em;
		padding-bottom: 1.0em;
		line-height: 2.0em;
		*/
    background-color: #f5f5f5;
  }

  #senior .employee {
    /*padding: 10px;*/
    text-align: center;
  }

  #senior .employee a {
    display: block;
  }

  #senior .employee img.busyo {
    padding-bottom: 5px;
  }

  #senior hr {
    border-top: 1px solid #bbb;
    margin: 1.5em 0;
  }

  .link_niigata-job {
		transition: 1s;
		text-align: center;
		width: 90%;
		margin: 15px auto;
	}
	.link_niigata-job a {
		background: #00a190;
		font-size: 3.75vw;
		display: block;
		padding: 1em 0.5em;
		color: #ffffff;
		border-radius: 100vh;
	}
	.link_niigata-job img {
		width: 40%;
		vertical-align: middle;
		margin: 0 0.5em 0 0;
	}
	.link_niigata-job p {
		margin: 0.5em 0 0;
	}

	/* 「ビジョンレポート」リンク追加 */
	#vision .report {
    display: inline-block;
    font-size: 12px;
    margin: 1em 0 1em 1em;
   	background: #ff52b8;
	}

	#vision .report a {
    color: #ffffff;
    display: block;
    padding: 0.75em 1.5em;
	}

  /****************************** メインページ　ここまで ******************************/

  /****************************** 先輩ページ ******************************/

  /***** アニメーション用 *****/

  #navi,
  #pic_men,
  #pic_woman,
  #comment,
  #schedule,
  #interview,
  #rtn {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #navi {
    padding-top: 10px;
  }

  #navi ul {
    overflow: hidden;
    /*margin-bottom: 20px;*/
  }

  #navi ul li {
    float: left;
    width: 33%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
  }

  #navi ul li.blue {
    background-color: #54a3ee;
  }

  #navi ul li.pink {
    background-color: #fe9090;
  }

  #navi ul li.b_active {
    background: #1e69de;
  }

  #navi ul li.p_active {
    background: #ff5c5c;
  }

  #navi ul li a {
    color: #fff;
    display: block;
  }

  #navi ul li {
    /*
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      */
  }

  /*
  #navi ul li:nth-child(1) {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
  }
  #navi ul li:nth-child(2) {
      border-bottom: 1px solid #fff;
  }
  #navi ul li:nth-child(3) {
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff;
  }
  #navi ul li:nth-child(4) {
      border-right: 1px solid #fff;
  }
  #navi ul li:nth-child(5) {
      border-left: 1px solid #fff;
  }
  #navi ul li:nth-child(6) {
      border-left: 1px solid #fff;
  }
  */
  #main_cont {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
  }

  #first_cont {
    overflow: hidden;
  }

  #pic_men,
  #pic_woman {
    width: 300px;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    width: auto;
  }

  #pic_men {
    /* Old browsers */
    background: #6db3f2;
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(-45deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(135deg, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    /* IE6-9 fallback on horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=1);
  }

  #pic_woman {
    /* Old browsers */
    background: #febbbb;
    /* FF3.6-15 */
    background: -moz-linear-gradient(-45deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(-45deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(135deg, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
    /* IE6-9 fallback on horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#febbbb', endColorstr='#ff5c5c', GradientType=1);
  }

  #pic_men .img,
  #pic_woman .img {
    text-align: center;
  }

  .prof {
    padding-left: 1.0em;
    width: 300px;
    margin: 0 auto;
  }

  .name {
    font-size: 150%;
    /*font-weight: bold;*/
  }

  .san {
    font-size: 90%;
  }

  #comment {
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    margin-top: 20px;
  }

  .question {
    font-size: 125%;
    color: #0052A5;
  }

  .answer {
    padding-left: 1.0em;
  }

  .job_img {
    text-align: center;
  }

  #schedule {
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    margin-top: 20px;
  }

  #schedule p#title {
    font-weight: bold;
    color: #68BDEA;
    padding-bottom: 10px;
  }

  #schedule table {
    width: 100%;
  }

  .am {
    vertical-align: middle;
    text-align: center;
    background-color: #F36993;
    color: #fff;
    padding: 20px;
    font-size: 125%;
    border-bottom: 2px solid #fff;
    /*    border-left: 1px solid #fff;*/
  }

  .pm {
    vertical-align: middle;
    text-align: center;
    background-color: #F79E4C;
    color: #fff;
    padding: 20px;
    font-size: 125%;
    border-bottom: 2px solid #fff;
    /*    border-left: 1px solid #fff;*/
  }

  #schedule table td.time,
  #schedule table td.job_detail {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    /*    border-right: 1px solid #fff;*/
    border-bottom: 2px solid #fff;
  }

  #schedule table td.time {
    background-color: #d3d3d3;
  }

  #schedule table td.job_detail {
    background-color: #f5f5f5;
  }

  #interview {
    background-color: #fff;
    margin-top: 20px;
    border-radius: 15px;
    padding: 15px;
  }

  #mv_area {
    position: relative;
    /*    height: 0;
      padding: 30px 0 56.25%;
      overflow: hidden;*/
    width: 100%;
  }

  #mv_area:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
  }

  #mv_area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #rtn {
    padding-bottom: 20px;
    text-align: center;
  }

  #rtn a {
    color: #fff;
    font-size: 110%;
    padding: 15px;
    border-radius: 15px;
    display: inline-block;
    background: #1e69de;
    /*background: #ffd65e;*/
    /* Old browsers */
    /*background: -moz-linear-gradient(-45deg, #ffd65e 0%, #febf04 100%);*/
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(-45deg, #ffd65e 0%,#febf04 100%);*/
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(135deg, #ffd65e 0%,#febf04 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=1 );*/
    /* IE6-9 fallback on horizontal gradient */
  }

  /****************************** 先輩ページ　ここまで ******************************/

  /****************************** 動画優先ver ******************************/

  #p2_interview {
    background-color: #fff;
    /*margin-top: 20px;*/
    border-radius: 15px;
    padding: 15px;
  }

  #p2_mv_area {
    position: relative;
    /*    height: 0;
      padding: 30px 0 56.25%;
      overflow: hidden;*/
    width: 100%;
  }

  #p2_mv_area:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
  }

  #p2_mv_area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .p2_job_img {
    margin-top: 8px;
  }

  /****************************** 動画優先ver　ここまで ******************************/

  /****************************** トップメッセージ ******************************/

  /***** アニメーション用 *****/

  #top-message {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #top-message {
    padding: 10px;
    background-color: #fff;
    margin: 15px 0;
  }

  #bg_top-msg {
    /*
    background: url(/corporate/recruit/images/bg_top-msg_w900.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    */
  }

  p#honbun {
    font-size: 120%;
    padding-top: 1.0em;
    padding-left: 1.0em;
    padding-right: 1.0em;
    text-shadow: #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px;
  }

  p#shomei {
    text-align: right;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    padding-right: 1.0em;
    background: #fff;
  }

  p#shomei span {
    font-size: 120%;
  }

  /****************************** トップメッセージ　ここまで ******************************/

  /****************************** エントリー方法 ******************************/

  /***** アニメーション用 *****/

  #entry {
    transition: 1s;
  }

  /***** アニメーション用 ここまで *****/

  #entry {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
  }

  /****************************** エントリー方法　ここまで ******************************/

  .bnr_minpo-work {
    transition: 1s;
    width: 90%;
    margin: 15px auto;
  }
}