@charset "UTF-8";
.tabs {
  width: 900px;
  max-width: 100%;
  margin: 0 auto 30px; }
  .tabs ul {
    display: flex;
    list-style-type: none;
    background: #fff; }
    .tabs ul li {
      width: 50%;
      display: block;
      flex-grow: 1;
      text-align: center;
      padding: 10px 0;
      cursor: pointer;
      order: -1;
      border-top: 1px solid #006cb6;
      border-left: 1px solid #006cb6;
      border-right: 1px solid #006cb6;
      font-size: 1.3em; }
      .tabs ul li.slct {
        background: #006cb6;
        color: white; }
  .tabs .tab-content {
    background: #fff; }
    .tabs .tab-content .inner {
      width: 700px;
      max-width: calc(100% - 30px);
      margin: auto; }
      .tabs .tab-content .inner h2 {
        text-align: center; }
      .tabs .tab-content .inner .flex_table {
        display: flex;
        border-top: 1px solid #CCC; }
        .tabs .tab-content .inner .flex_table dt {
          width: 180px;
          color: #06C;
          padding: 10px 0 7px 25px; }
        .tabs .tab-content .inner .flex_table dd {
          width: calc(100% - 180px);
          padding: 10px 3px 7px 0;
          line-height: 1.6; }
        @media only screen and (max-width: 767px) {
          .tabs .tab-content .inner .flex_table {
            flex-direction: column;
            width: 100%; }
            .tabs .tab-content .inner .flex_table dt {
              width: 100%;
              background: #2E94AD;
              color: #fff;
              padding: 10px 0 10px 10px; }
            .tabs .tab-content .inner .flex_table dd {
              width: 100%;
              padding: 10px;
              line-height: 1.6; } }

/* 本文 */
#body h2.greeting {
  float: left;
  width: 73px;
  margin-right: 25px;
  padding-top: 0;
  background: none; }

#sidebar h3.news {
  padding-left: 0;
  background: none; }

/* 最新情報一覧 */
dl.flex_table dt {
  width: 100px;
  padding: 10px 0 7px 25px;
  border-top: 1px solid #CCC;
  background: url(../images/common/dt_maker.png) 2px 1.15em no-repeat;
  line-height: 1.6;
  color: #06C; }

dl.flex_table dd {
  width: 352px;
  padding: 10px 3px 7px 0;
  border-top: 1px solid #CCC;
  line-height: 1.6; }

dl.flex_table dt:first-child, dl.flex_table dt:first-child + dd {
  border-top: none; }

dl.flex_table {
  display: flex;
  flex-wrap: wrap;
  width: 690px;
  white-space: normal; }

dl.flex_table dt {
  width: 180px;
  color: #06C; }

dl.flex_table dd {
  padding-right: 0;
  width: calc(100% - 180px); }

/* スライダー */
#slider {
  width: 850px;
  height: 303px;
  margin: 0 auto;
  background: url(../images/common/slider/bg.png) no-repeat 0 261px; }

body.single #slider {
  width: 850px;
  height: 242px;
  padding: 0 9px;
  background: #FFF url(../images/common/slider/bg.png) no-repeat 0 200px; }

#slider .bx-window {
  top: 61px; }

#slider .bx-pager {
  position: absolute;
  top: 0;
  left: 0; }

#slider .bx-pager a {
  float: left;
  display: block;
  background: url(../images/common/slider/btn_bg.png) repeat-x; }

#slider .bx-pager a.pager-active {
  background: url(../images/common/slider/btn_bg_f.png) repeat-x; }

#slider .bx-prev {
  position: absolute;
  top: 61px;
  left: -75px; }

#slider .bx-next {
  position: absolute;
  top: 61px;
  left: 850px; }

/* 本社移転案内 */
#head_shift, #head_shift_sendai {
  height: 285px;
  padding: 40px 20px 50px 40px;
  background: #fff url(../../images/index/head_shift_bg.png) no-repeat; }

#head_shift h3, #head_shift_sendai h3 {
  background: none;
  margin-top: 5px;
  padding-left: 0;
  font-size: 165%;
  font-weight: bold;
  color: #069; }

#guide, #guide_sendai {
  float: left;
  width: 390px; }

.shift_address {
  font-size: 130%;
  font-weight: bold;
  line-height: 1.5; }

.smaller {
  font-size: 85%; }

#map, #map_sendai {
  float: right;
  width: 380px;
  height: 280px; }

/* 採用案内タブ設置 */
* {
  box-sizing: border-box; }

/* ラジオボタンは非表示 */
input[type="radio"] {
  display: none; }

.tab {
  width: 900px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-flow: wrap; }

.tab-item {
  display: block;
  flex-grow: 1;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  order: -1;
  /* タブメニューは一番上に表示する */
  /* 下線以外をつける */
  border-top: 1px solid #006cb6;
  border-left: 1px solid #006cb6;
  border-right: 1px solid #006cb6; }

.tab-item:not(:first-of-type) {
  border-left: none; }

/* アクティブなタブの背景色と文字色を変える */
.tab-input:checked + .tab-item {
  background: #006cb6;
  color: white; }

/* コンテンツは原則非表示 */
.tab-content {
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid #006cb6; }

/* ラジオボタンがチェックされているコンテンツだけは表示 */
.tab-input:checked + .tab-item + .tab-content {
  display: flex; }