@charset "UTF-8";
/*　定義　*/
/*　クリアフィックス　*/
/*　余白すべてなくす　*/
/*　リンクホバーアクション　*/
/*　clearする　*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/*　キーカラー　*/
/*　マスターワイズ　*/
/* 一括初期化
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
/*テーブル*/
table {
  border-collapse: collapse;
  border-spacing: 0; }
  table ul, table ol {
    padding: 0 0 0 1em;
    margin: 0; }

/*ヘッディング*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  line-height: 150%;
  font-style: normal;
  font-weight: normal; }

/*パラグラフ*/
p {
  margin: 0;
  padding: 0 0 1em; }

/*　水平線　*/
hr {
  border: none;
  height: 0px; }

/*　アドレス　*/
address {
  font-style: normal; }

/*　イメージフローティング　*/
.imgLeft {
  float: left;
  padding: 1em 20px 1em 0 !important; }

.imgRight {
  float: right;
  padding: 1em 0 1em 20px !important; }

.imgLeft, .imgRight {
  width: auto;
  font-size: .9em;
  background: #fff; }

.imgLeft img,
.imgRight img {
  margin: 0 0 10px; }

/*　コーションボックス　*/
.cautionBox {
  clear: both;
  width: auto;
  background: #ecf0f1;
  padding: 1em 2em 0;
  margin: 1em 0 2em;
  border-radius: 3px; }
  .cautionBox dl {
    padding: 0 0 1em; }
  .cautionBox dt {
    font-weight: bold; }
  .cautionBox:after {
    /*　クリアー　*/
    content: "";
    clear: both;
    display: block; }

/*　トップページに戻る　*/
#pageTop {
  clear: both;
  position: fixed;
  font-size: 6rem;
  bottom: 100px;
  right: 10px;
  text-decoration: none; }
  #pageTop a {
    display: block;
    color: #f96623;
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent; }

#pageTop a:hover, #pageTop a:focus, #pageTop a:active {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
  opacity: 1;
  color: #fdd013; }

/* 法定外福利厚生はこちらからボタン */
.benefits{
    background: #43a1f8;
    display: inline-block;
    width: auto;
    font-size: 1.4rem;
    line-height: 1;
    padding: 7px 20px;
}
.benefits:link{
  color: #fff;
}

/*　スマートフォン用　*/
#pageTop_sp {
  display: none !important; }

/* ボディ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
html {
  font-size: 62.5%
  /*　10px想定　*/ }

body {
  font-size: 1.6em;
  line-height: 160%;
  color: #333;
  background: #fff;
  font-family: Lato, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*　デバイスフォント最適化　*/
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/*　リンク設定　*/
a:link {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease; }

a:visited {
  color: #555; }

a:hover {
  opacity: .8; }

:focus {
  outline: none; }

/* クリア設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#container, #header, #footer, hr {
  clear: both; }
  #container:after, #header:after, #footer:after, hr:after {
    content: "";
    clear: both;
    display: block; }

/* ページ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#container {
  width: auto;
  background: #fff; }

/* ヘッダ関連の設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#header {
  width: auto;
  line-height: 1;
  padding: 20px 0 17px; }
  #header div {
    width: 1000px;
    margin: 0 auto; }

#logo {
  float: left;
  width: auto;
  padding: 0; }

/* グローバルナビゲーション設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#menu dt {
  display: none; }

#navGloval {
  float: right;
  width: auto;
  line-height: 1;
  letter-spacing: -.4em
  /*　プルダウン部分　*/ }
  #navGloval:before, #navGloval:after {
    content: "";
    display: table; }
  #navGloval li {
    position: relative;
    display: inline-block;
    width: auto;
    letter-spacing: normal; }
  #navGloval a {
    display: block;
    width: auto;
    color: #333;
    padding: 10px; }
    #navGloval a:before {
      content: "\f061";
      font-family: FontAwesome;
      color: #fdd013;
      padding: 0 10px 0 0; }
  #navGloval a:hover {
    opacity: 1;
    background: #fdd013; }
    #navGloval a:hover:before {
      color: #fff; }
  #navGloval li ul {
    display: none;
    width: 100%;
    font-size: 1.4rem;
    background-color: rgba(255, 255, 255, 0.8); }
    #navGloval li ul li {
      position: relative;
      display: block;
      width: auto;
      border-bottom: 2px solid #fdd013; }
    #navGloval li ul li:last-child {
      border-bottom: none; }
    #navGloval li ul a:before {
      content: none;
      padding: 0; }
  #navGloval li:nth-child(2) ul {
    width: 130%; }
  #navGloval li:hover ul, #navGloval li:focus ul {
    position: absolute;
    display: block;
    z-index: 100; }

/* メイン記事設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#article {
  width: 1000px;
  margin: 0 auto; }

/*　バナーナビゲーション　*/
#bnrNav {
  width: auto;
  background: #f4f4f4;
  line-height: 0;
  padding: 30px 0; }
  #bnrNav:after {
    content: "";
    clear: both;
    display: block; }
  #bnrNav ul {
    width: 1000px;
    list-style: none;
    margin: 0 auto; }
  #bnrNav li {
    float: left;
    width: auto; }
  #bnrNav li:last-child {
    float: right; }

/* フッタ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#footer {
  width: auto;
  font-size: 1.4rem
  /*　フッターナビゲーション　*/ }
  #footer div {
    width: 1000px;
    margin: 0 auto; }
  #footer #footerNav {
    width: auto;
    list-style: none;
    line-height: 1;
    text-align: center;
    letter-spacing: -.4em;
    padding: 2em 0; }
    #footer #footerNav li {
      display: inline-block;
      width: auto;
      letter-spacing: normal;
      border-left: 1px solid #333;
      padding: 0 2em; }
    #footer #footerNav li:last-child {
      border-right: 1px solid #333; }
  #footer h2 {
    float: left;
    width: auto; }
  #footer address {
    width: auto;
    line-height: 150%;
    font-size: 1.2rem;
    padding: .3em 0 0; }
    #footer address ul {
      float: right;
      width: auto;
      list-style: none; }
  #footer p {
    padding: 0; }
  #footer #copyright {
    clear: both;
    font-size: 1.2rem;
    text-align: center;
    padding: 1em 0; }

/*　通常リスト　*/
.listNormal {
  padding: 0 0 1em 1.2em; }

/* 特殊文字設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.alignLeft {
  text-align: left; }

.alignRight {
  text-align: right; }

.alignCenter {
  text-align: center; }

/*　赤　*/
.red {
  color: #e72b2c; }

/*　文字サイズ小さい　*/
.small {
  font-size: 1.4rem; }

/*　文字サイズさらに小さい　*/
.large {
  font-size: 1.8rem; }

/* ピクト設定（aタグに付ける）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
/* 読み上げ文字 */
.vi {
  height: 0px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  margin: 0px;
  padding: 0px; }

/*　サイズ補正用　*/
.width05 {
  width: 5%; }

.width10 {
  width: 10%; }

.width15 {
  width: 15%; }

.width20 {
  width: 20%; }

.width25 {
  width: 25%; }

.width30 {
  width: 30%; }

.width40 {
  width: 40%; }

.width50 {
  width: 50%; }

.width60 {
  width: 60%; }

.width70 {
  width: 70%; }

.width80 {
  width: 80%; }

.width90 {
  width: 90%; }

.width100 {
  width: 100%; }


/* その他 */
.job-division {
	width: 40%;
}
/* その他  ここまで*/	


/*　ブレークポイント 1024px
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 1024px) {
  img {
    max-width: 100%;
    height: auto; }

  /* ヘッダ関連の設定
  ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
  #header {
    width: auto;
    line-height: 1;
    padding: 20px 0 10px; }
    #header div {
      width: 90%;
      margin: 0 auto; }

  #logo {
    float: left;
    width: 30%;
    padding: 0 0 .3em; }

  #navGloval {
    width: auto;
    font-size: 1.1rem; }
    #navGloval li ul {
      text-align: left;
      font-size: 1.1rem; }

  /* メイン記事設定
  ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
  #article {
    width: auto;
    margin: 0 auto; }

  /*　バナーナビゲーション　*/
  #bnrNav {
    padding: .8em 0; }
    #bnrNav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 95%;
      list-style: none; }
    #bnrNav li {
      float: none;
      width: 48%; }
    #bnrNav li:last-child {
      float: none; }

  #footer {
    width: auto;
    font-size: 1.4rem
    /*　フッターナビ　*/ }
    #footer div {
      width: 94%;
      margin: 0 auto; }
    #footer #footerNav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 80%;
      padding: 1em 0;
      margin: 0 auto; }
      #footer #footerNav li {
        display: block;
        width: 33%;
        text-align: center;
        border-left: 1px solid #ddd;
        padding: 0;
        margin: 0 0 1em; }
      #footer #footerNav li:nth-child(3) {
        border-right: 1px solid #ddd; }
      #footer #footerNav li:nth-child(6) {
        border-right: 1px solid #ddd; }
      #footer #footerNav li:nth-child(7) {
        border-right: 1px solid #ddd; }
      #footer #footerNav li:last-child {
        border-right: 1px solid #ddd; }
    #footer h2 {
      float: none;
      width: auto;
      padding: 0 0 .5em; }
    #footer address {
      width: auto; }
      #footer address ul {
        float: none; } }
/*　ブレークポイント 1024px ここまで　*/
/*　ブレークポイント 540px
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 540px) {
  /*　サイズ補正用　*/
  .width05, .width10, .width15, .width20, .width25, .width30, .width40, .width50, .width60, .width70, .width80, .width90, .width100 {
    width: auto; }

	
	
	/* その他 */
#article td.job-division {
	width: 50%;
	float: left;
	border-right: 1px solid #ddd;
}
#article td.job-division:last-of-type {
	border-right: none;
}
	/* その他  ここまで*/	
	
	

  #header {
    position: relative;
    padding: 0 0 18%; }

  #logo {
    position: absolute;
    width: 60%;
    z-index: 900;
    top: 1.2em;
    left: 4%;
    padding: 0 0 .5em; }

  /*　ページの先頭に戻る　*/
  #pageTop {
    display: none; }
    #pageTop a {
      display: none; }

  #pageTop_sp {
    display: block !important;
    width: auto;
    text-align: center;
    line-height: 1;
    padding: 0; }
    #pageTop_sp a {
      display: block;
      background-color: #f96623;
      color: #fff;
      padding: 10px 0; }
    #pageTop_sp a:before {
      content: "\f0aa";
      font-family: FontAwesome;
      padding: 0 5px 0 0; }
    #pageTop_sp a:hover {
      opacity: 1; }

  /* グローバルナビゲーション設定
  ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
  #menu {
    position: absolute;
    top: 2em;
    right: 3%;
    z-index: 800;
    width: 94%; }
    #menu dt {
      display: block;
      width: auto;
      font-size: 1.8rem;
      text-align: right;
      padding: 0 0 .5em; }
      #menu dt:before {
        content: "\f0c9";
        font-family: FontAwesome;
        color: #fdd013;
        padding: 0 10px 0 0; }
    #menu dd {
      display: none; }

  #navGloval {
    float: none;
    width: auto;
    letter-spacing: 0
    /*　プルダウン部分　*/ }
    #navGloval li {
      position: relative;
      display: block;
      width: auto;
      background: #fdd013;
      letter-spacing: normal; }
    #navGloval a {
      display: block;
      width: auto;
      color: #333;
      border-bottom: 2px solid #f4f4f4;
      padding: 10px 20px; }
      #navGloval a:before {
        content: none;
        padding: 0; }
    #navGloval li:last-child a {
      border-bottom: none; }
    #navGloval a:hover {
      opacity: 1; }
      #navGloval a:hover:before {
        color: #fff; }
    #navGloval li ul {
      display: block;
      width: 100%;
      font-size: 1.4rem;
      background-color: white; }
      #navGloval li ul li {
        position: static;
        display: block;
        width: auto;
        background: #f4f4f4;
        padding: 0; }
      #navGloval li ul a {
        border-bottom: none;
        padding: 10px 30px; }
      #navGloval li ul a:before {
        content: none;
        padding: 0; }
    #navGloval li:nth-child(2) ul {
      width: 100%; }
    #navGloval li:hover ul {
      position: static;
      background: #fff; }

  /*　バナーナビゲーション　*/
  #bnrNav {
    padding: 20px 0 0; }
    #bnrNav ul {
      display: block;
      width: 86%;
      list-style: none; }
    #bnrNav li {
      width: auto;
      padding: 0 0 20px; }

  /* フッタ設定
  ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
  #footer {
    width: auto
    /*　フッターナビ　*/ }
    #footer div {
      width: auto; }
    #footer #footerNav {
      width: auto;
      border-top: 1px solid #ddd;
      padding: 0;
      margin: 0 0 1em; }
      #footer #footerNav li {
        display: block;
        width: 50%;
        text-align: left;
        border-bottom: 1px solid #ddd;
        border-left: none;
        padding: 10px 0 10px 8%;
        margin: 0; }
        #footer #footerNav li a {
          display: block; }
      #footer #footerNav li:nth-child(odd) {
        border-right: 1px solid #ddd; }
      #footer #footerNav li:last-child {
        border-right: none; }
    #footer h2 {
      padding: .8em 0 .8em 8%; }
    #footer address {
      width: 84%;
      margin: 0 auto; } 
	  
	  
	  }
/*　ブレークポイント 768px ここまで　*/


/* 西ウイング棟OPEN
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */


.top_newward{
	width:1000px;
	margin:0 auto;
	padding:0 0 30px 0;
	}

.top_newward{
	 display:block;
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	}

.top_newward img{
	width:100%;
	height:auto;
	}

.top_newward_sp{
	display:none;
	}
	
@media screen and (max-width: 1024px) {

.top_newward{
	display:block;
	}
	
.top_newward_sp{
	display:none;
	}
}

@media screen and (max-width: 540px) {

.top_newward{
	display:none;
	}
	
 .top_newward_sp{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	}

.top_newward_sp img{
	width:100%;
	height:auto;
	}
	
}