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

@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 a,
  #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　ここまで *****/

  body {
    overflow-x: hidden;
  }

  #main {
    padding: 0 0 30px;
  }

  .top {
    /* background-color: #EEF9FF; */
    background-color: #AAD6EC;
  }

  .inc-color {
    color: #0052A5;
  }
  #img_area {
      /*margin-bottom: -3px;*/
  /*    background-color: #EEF9FF;*/
      background-color: #AAD6EC;
      width: 99.5vw;
      margin-left: calc(50% - 50vw);
      margin-bottom: 50px;
  }
  #btn_entry {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 0 50px;
  }
  #btn_entry li {
    width: 45%;
    margin: 0 2.5%;
    font-size: 21px;
  }
  #btn_entry a {
    background: #fc6a6a;
    color: #ffffff;
    display: block;
    padding: 1.0em 0;
    border-radius: 100vh;
  }
  #msg {
      background-color: #EEF9FF;
  /*    background-color: #AAD6EC;*/
  	width: 99.5vw;
    margin-left: calc(50% - 50vw);
    height: 450px;
  }
  #vision {
  /*    background-color: #EEF9FF;*/
    background-color: #efefef;
  	width: 99.5vw;
    margin-left: calc(50% - 50vw);
    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: #EEF9FF;*/
    background-color: #AAD6EC;
  	width: 99.5vw;
    margin-left: calc(50% - 50vw);
    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: 20px 0;
    font-size: 18px;
    width: 200px;
  }
  #info {
    background-color: #EEF9FF;
  	width: 99.5vw;
    margin-left: calc(50% - 50vw);
    padding: 50px 0 0;
  }
  #main_cont_top {
      background-color: #fff;
      padding-top: 20px;
      overflow: hidden;
  }
  p.tit {
      font-size: 200%;
      padding-top: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      border-bottom: 2px 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: 1200px;
  }
  .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%;
  }
  .profile table td {
      /*padding-left: 30px;*/
  }
  .recruitment .box {
    border-bottom: 2px dashed #aaa;
    margin: 0 0 50px;
  }
  .recruitment .box:last-child {
    margin: 0;
  }
  .recruitment .box .head {
    background-color: #fc6a6a;
    font-size: 21px;
    color: #ffffff;
    padding: 0.75em 0.5em;
    margin: 0 0 1.0em;
  }
  .recruitment .space {
    height: 50px;
  }
  .recruitment h3,
  .treatment h3 {
      font-size: 150%;
      background-color: #0052A6;
      color: #FFFFFF;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
  }
  .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;
  }
  /*.employee {
      width: 30%;
      float: left;
      padding: 10px;
  }*/
  .employee {
      width: 48%;
      float: left;
      padding: 10px;
  }
  .employee img.picture {
      /*width: 60%;*/
  }
  .employee a {
      display: inline-block;
      /*background-color: #ECECE9;*/
      padding-top: 10px;
      padding-left: 10px;
      padding-bottom: 8px;
  }
  .employee a:nth-of-type(2n) {
      /*background-color: #f0ffff;*/
  }
  .employee:nth-child(1),
  .employee:nth-child(2),
  .employee:nth-child(3),
  .employee:nth-child(4) {
      /*border-bottom: 1px solid #a9a9a9;*/
  }
  .employee:nth-child(1),
  .employee:nth-child(3),
  .employee:nth-child(5) {
      /*border-right: 1px solid #a9a9a9;*/
  }
  .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%;
  }
  /*** エントリーシートボタン用 ***/
  .button {
    width: 600px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 0 0 1.0em;
  }
  .color1 {
    border: 2px solid #1E69DE;
    background: #1E69DE;
  }
  .color2 {
    border: 2px solid #1ede93;
    background: #1ede93;
  }
  .color3 {
    border: 2px solid #de1e69;
    background: #de1e69;
  }
  .button a{
    font-family: arial;
    font-size: 18px;
    text-decoration: none;
    line-height: 50px;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    display: block;
    font-weight: bold;
    color: #ffffff;
  }
  .eff {
    width: 600px;
    height: 50px;
    top: -2px;
    right: -600px;
    background: #fff;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
  }
  .button:hover .eff {
    right: 0;
  }
  .color1:hover a {
    color: #1E69DE;
    opacity: 1;
  }
  .color2:hover a {
    color: #1ede93;
    opacity: 1;
  }
  .color3:hover a {
    color: #de1e69;
    opacity: 1;
  }
  /*** エントリーシートボタン用　ここまで ***/

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

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

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

  #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% / 3);
    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) {
  /****************************** メインページ ******************************/

  /***** タブ用 ******/

  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:10px 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;}

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

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

  #img_area,
  .btn_entry a,
  #about p,
  #vision p,
  #top-msg p,
  #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 auto;
  }
  .btn_entry a {
    background: #fc6a6a;
    color: #ffffff;
    display: inline-block;
    font-size: 3.8vw;
    padding: 1em 0;
    border-radius: 100vh;
    width: 90%;
  }
  p.lead {
		font-weight: bold;
		font-size: 150%;
		padding-top: 1.0em;
		color: #0052A5;
  }
  p.lead span {
		border-bottom: 2px solid #0052A5;
		padding-left: 0.5em;
		padding-right: 0.5em;
  }
  p.honbun {
		padding-top: 1.0em;
		padding-bottom: 1.0em;
		padding-left: 1.0em;
		font-size: 120%;
  }
  #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: 120%;
    margin-left: 1.0em;
    margin-bottom: 1.0em;
  }
  #vision .readmore a,
  #top-msg .readmore a {
    color: #ffffff;
    display: block;
    padding: 0.75em 1.5em;
  }
  p.tit {
		font-size: 125%;
		padding-top: 10px;
		font-weight: bold;
		margin-bottom: 10px;
		border-bottom: 2px solid #0052A6;
  }
  #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;
  }

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

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

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

  #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: 50%;
      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;
  }

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