body {
  padding-top: 76px;
  background: #fff url(../img/common/bodyBg.png);
  font-family: Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
}

.MB10 {margin-bottom: 10px!important;}
.ML15 {margin-left: 15px!important;}
.sp {display: block;}

#ghead nav {
  background: #000;
  border: none
}

#ghead .container-fluid {
  padding-right: 0;
}

#ghead h1 {
  margin: 0;
}

#ghead h1 a {
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ghead h1 svg {
  height: 43px;
  fill: #fff;
}

#gnav a {
  color: #fff;
}

#gnav .alpha {
  margin-left: 1rem;
}

#gnav .br {
  display: none;
}

.navbar-toggle {
  margin-top: 20px;
  margin-right: 26px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: rgba(255,255,255,.5)
}

#mv {
  height: 600px;
  margin-bottom: 35px;
  background: url("../img/index/mainVisual.jpg") center no-repeat;
  border-bottom: #dc313d solid 7px;
  box-sizing: content-box;
}

#copy {
  text-align: center;
  padding: 60px 0 1px;
  background: #fff;
  font-size: 2rem;
}

#news {
  padding: 60px 0;
  background: #fff;
}

#news > h1 {
  height: 37px;
  margin: 0 0 45px 0;
  padding: 0;
  background: url(../img/index/news.png) center /auto 100% no-repeat;
  text-indent: -9999px;
}

#news .tab ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
}

#news .tab li {
  width: 10em;
  margin-right: .5em;
  padding: .8em 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
}

#news .all {
  background: #5078b4;
}

#news .parlor {
  background: #47c8ab;
}

#news .slot {
  background: #ffb400;
}

#news .it {
  background: #7397e9;
}

#news .rabuta {
  background: #f184ad;
}

#news .regolith {
  background: #ff8343;
}

#news .active {
  padding: 1em 0 !important;
  background: #fff !important;
  border: #ccc solid 1px;
  border-bottom-color: #fff;
  color: #000 !important;
}

#news .body {
  margin-top: -1px;
  padding: 2.5em;
  padding-right: 0;
  border: #ccc solid 1px;
  font-size: 13px;
}

#news .body ul {
  height: 270px;
  margin: 0;
  padding: 0 2em 0 0;
  list-style: none;
  overflow: auto;
  display: none;
}

#news .body ul:first-child {
  display: block;
}

#news .body li {
  margin-bottom: 1.5em;
}

#news .body li:last-child {
  margin-bottom: 0;
}

#news .body time,
#news .body span {
  font-size: 12px;
  vertical-align: top;
}

#news .body span {
  padding: .2em .5em;
  color: #fff;
}

#news .body time {
  color: #999;
}

#news .body p {
  margin: .3em 0 0 0;
}

#asidearea {
  margin-top: 35px;
  background-color: #fff;
  padding-bottom: 2rem;
}

.shoplist{
  padding-left: 0;
  margin-top: 4rem;
}

.shoplist li {
  list-style: none;
  margin-bottom: 2.5rem;
}

.shoplist li a {
  height: 200px;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.shoplist li a::before {
  width: 100%;
  height: 100%;
  background: center /cover no-repeat;
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.shoplist li a:hover:before {
  opacity: .8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.shoplist svg {
  margin: 10px 0;
  height: 25px;
  z-index: 2;
}

.shoplist svg path {
  fill: #fff;
}

#shop04 svg {height: 32px;}

#shop01 a::before {
  background-image: url(../img/common/img_shop01.jpg);
}
#shop02 a::before {
  background-image: url(../img/common/img_shop02.jpg);
}
#shop03 a::before {
  background-image: url(../img/common/img_shop03.jpg);
}
#shop04 a::before {
  background-image: url(../img/common/img_shop04.jpg);
}

.shoplist li a::after {
    width: 100%;
    height: 48px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
}

footer {
  background: #fff;
}
footer h2 {
  text-align: center;
}
footer h2 svg {
  height: 5.5rem;
}

footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin-top: 2rem;
  padding-left: 0;
}

footer li a { color: #000;}

footer li:not(:last-child):after {
  content: "/";
  color: #b1b1b1;
  margin-left: 1rem;
}

footer li {
  margin-left: 1rem;
}

.copylight {
  color: #868686;
  text-align: center;
}

#pageTopBtn {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  font-family: "Glyphicons Halflings";
  text-align: center;
  line-height: 50px;
  display: block;
  position: fixed;
  bottom: 30px;
  right: 30px;
  -webkit-transition: background .3s;
  transition: background .3s;
}

#pageTopBtn::after {
  font-family: "Glyphicons Halflings";
  font-size: 20px;
  content: "\e113";
}

#pageTopBtn:hover {
  background: rgba(0, 0, 0, .3);
  text-decoration: none;
}

#pageTopBtn span {
  display: none;
}

.red { color: #ff0000;}

input[type="radio"] {
  margin-right: 5px;
}

.MT20 {
  margin-top: 20px;
}

.ML15 {
  margin-left: 15px;
}

.MR20 {
  margin-right: 20px;
}

.MB20 {
  margin-bottom: 20px!important;
}


/* サブページ共通 */
#mv_sub {
  height: 171px;
  border-bottom: #dc313d solid 7px;
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}

#mv_sub.about {
  background: url(../img/company/bg.jpg) center /cover no-repeat;
}

#mv_sub.business {
  background: url(../img/works/bg.jpg) center /cover no-repeat;
  margin-top: -20px;
}

#mv_sub.recruit {
  background: url(../img/recruit/bg.jpg) center /cover no-repeat;
}

#mv_sub.contact {
  background: url(../img/contact/bg.jpg) center /cover no-repeat;
}

#mv_sub .rowC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 171px;
}
#mv_sub h2 {
  margin: 0 0 0 15px;
  color: #fff;
  font-size: 2rem;
  line-height: .6;
  text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.9);
  font-weight: normal;
  position: relative;
  z-index: 2;
}

#mv_sub h2 .alpha {
  font-size: 1rem;
}

#mv_sub2 {
  background: #fff;
  height: 171px;
  border-bottom: #dc313d solid 7px;
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}

#mv_sub2 .rowC2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 171px;
}
#mv_sub2 h2 {
  margin: 0 0 0 15px;
  font-size: 2rem;
  line-height: .6;
  font-weight: normal;
  position: relative;
  z-index: 2;
}

#mv_sub2 h2 .alpha {
  font-size: 1rem;
}

#mv_sub .person {
  position: absolute;
  top: 0;
  height: 164px;
  -o-object-fit: contain;
  object-fit: contain;
}

#mv_sub .about-person {right: -5vw;}
#mv_sub .business-person {right: -6vw;}
#mv_sub .recruit-person {right: -7vw;}
#mv_sub .contact-person {right: -7vw;}


/* 会社案内 */
#company, #works, #recruit, #contact, #privacy {
  background-color: #fff;
  padding-bottom: 60px;
}

#company h1, #company h2, #works h1, #recruit h1, #contact h1, #privacy h1 {
  margin: 34px 15px 30px 15px;
}

#company h1 img, #company h2 img, #works h1 img, #recruit h1 img, #contact h1 img, #privacy h1 img {
  max-width: 100%;
  height: auto;
}

#contact .attention {
  margin: 0 0 40px 15px;
}

#contact input {
  margin-bottom: 15px;
}

#contact .msg {
  margin: 0 0 20px 15px;
  color: #ff0000;
}
#contact td .msg {
  margin: 0;
}

.form-horizontal .radio {
  margin-left: 22px;
}


/* テーブル */
.table-style .red {
  font-size: 18px;
  font-weight: bold;
}

.table-style thead th {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #ddd!important;
}

.table-style th {
  width: 124px;
  font-weight: 500;
}

.table-style th, .table-style td {
  padding: 22px 2rem!important;
  border-top: none;
}

.table-style tbody tr:first-child th, .table-style tbody tr:first-child  td {
  border-top: none;
}

.table-style tbody tr:last-child th, .table-style tbody tr:last-child  td {
  border-bottom: none;
}

.table-style ul {
  list-style: none;
  padding-left: 0;
}

.table-style li {
  width: 50%;
}

.table-style li:not(:last-child) {
  margin-bottom: 2rem;
}


/* 事業内容 */
#works .box {
  margin: 0 1em 3.75em;
}
#works section:last-child .box:last-child {
  margin-bottom: 0;
}



.amusenent, .internet, .restaurant {
  padding-bottom: 1.25em;
}
#works h2 {
  font-size: 1.4em;
  padding: 0 .25em .25em;
  margin-bottom: 1.4em;
}

.amusenent h2 {
  color: #00c498;
  border-bottom: 2px solid #00c498;
}

.internet h2 {
  color: #ffb400;
  border-bottom: 2px solid #ffb400;
}

.restaurant h2 {
  color: #ff3262;
  border-bottom: 2px solid #ff3262;
}

#works h2 .alpha {
  font-size: .85em;;
  font-family: "Cambria", Cambria, serif;
}

#works h3 {
  margin: 10px;
  font-size: 15px;}
#works h3 .cls-1{fill:#000;}

#works h3 svg{
  height: 34px;
  margin-bottom: .4em;
}

.internet h3 svg{
  height: 52px!important;
}

.restaurant h3 svg{
  height: 98px!important;
}

#works ul {
  list-style: none;
  font-size: 13px;
}

#works .info {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 18px 10px;
  margin-bottom: 18px;
}

#works .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

#works .social li:not(:last-child) {
  margin-right: 11px;
}

#works .social img {
  width: 44px;
  height: 44px;
}

#works .social img:hover {
  opacity: .8;
}


#works .photo {
  width: 100% ;
  height: auto;
}


/* 採用情報 */
.regular h3, .regular .overview h4, .regular .toform a {
  color: #ffb400;
}

.regular h3, .regular .detail h4 {
  border-bottom: 2px solid #ffb400;
}

.regular .tag li, .regular .tel, .regular .toform i {
  background-color: #ffb400;
}

.regular .toform {
   border-bottom: 1px solid #ffb400;
   border-left: 1px solid #ffb400;
   border-right: 1px solid #ffb400;
}

.regular .toform:hover {
  background-color: #fff4d9;
}


.part h3, .part .overview h4, .part .toform a {
  color: #7397e9;
}

.part h3, .part .detail h4 {
  border-bottom: 2px solid #7397e9;
}

.part .tag li, .part .tel, .part .toform i {
  background-color: #7397e9;
}

.part .toform {
   border-bottom: 1px solid #7397e9;
   border-left: 1px solid #7397e9;
   border-right: 1px solid #7397e9;
}

.part .toform:hover {
  background-color: #d2defb;
}

.regular .flag {
  background-color: #ffb400;
}

.list.regular hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 10px solid #ffb400;
}

.part .flag {
  background-color: #7397e9;
}

.list.part hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 10px solid #7397e9;
}

#recruit {
  line-height: 1.5;
}

#recruit .flag{
  color: #fff;
  padding: 14px 30px 1px;
  margin:0;
  display: inline-block;
  font-weight: bold;
}

#recruit .list {
  margin-bottom: 40px;
}

#recruit .list .shop {
  padding: 15px 30px 0 30px;
  margin-bottom: 3px;
}

#recruit .list h3 {
  font-size: 20px;
  border-bottom: none;
  padding: 0 30px 15px 30px;
  margin-top: 0;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  line-height: 1.4;
}

#recruit .list img {
  width: 100%;
  height: auto;
  margin: 10px 0 10px;
}

#recruit .box {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#recruit .list a {
  color: #333;
}

#recruit .list a:hover {
  text-decoration: none;
}

#recruit .list a .box:hover {
  background-color: #f5f5f5;
  display: block;
}


#recruit .list .table-style th, #recruit .list .table-style td {
  padding: 10px .5rem!important;
}

#recruit .list .table-style {
  border-left: none;
  border-right: none;
}

#recruit .list .table-style th {
  width: 12em;
}

#recruit .list.regular .table-style th {
  width: 7em;
}

#recruit .list .table-style tbody tr:first-child th,
#recruit .list .table-style tbody tr:first-child td {
  border-top: none;
}

#recruit .list .table-style tbody tr:last-child th,
#recruit .list .table-style tbody tr:last-child td {
  border-bottom: none;
}


#recruit .list .table-responsive {
  margin-bottom: 0;
  border: none !important;
}

#recruit .overview .shop {
  font-size: 16px;
  margin: 0 10px;
}

#recruit .overview p {
  font-size: 15px;
  margin: 0 10px 20px;
}

#recruit .overview h3 {
  font-size: 24px;
  font-weight: bold;
  margin:0 0 20px;
  padding: 0 10px 10px;
  line-height: 1.5;
}

#recruit ul {
  list-style: none;
  padding: 0;
}

#recruit .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
  color: #fff;
  margin: 0 0 20px;

}

#recruit .tag li{
  margin: 0 6px 6px;
  padding: 5px 8px 3px;
  border-radius: 2px;
  font-weight: bold;
}

#recruit .overview h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 10px 10px;
}

#recruit .overview dt {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 5px;
}

#recruit .overview dl {
  margin: 0 10px;
}

#recruit .overview dd {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 15px;
}

#recruit .overview img {
  width: 100%;
  height: auto;
}

#recruit .imglist{
  margin-bottom: 45px;
}

#recruit .imglist li {
  margin-bottom: 15px;
}

#recruit .table-responsive {
  margin-bottom: 45px;
}

#recruit .table-style {
  font-size: 13px;
  border-top: none!important;
}

#recruit .detail h4 {
  font-weight: bold;
  padding: 0 0 10px 10px;
  margin-bottom: 32px;
}

#recruit .tel {
  margin: 0;
  border-radius: 10px 10px 0 0;
  text-align: center;
  font-size: 16px;
  padding: 17px 0 14px;
  color: #fff;
}

#recruit .shopname {
  font-size: 22px;
}

#recruit .num {
  font-size: 36px;
  font-weight: normal;
}

#recruit .toform {
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 14px 0;
  font-size: 18px;
  font-weight: bold;
}

#recruit .toform a {
  display: block;
}

#recruit .toform a:hover {
  text-decoration: none;
}

#recruit .toform i {
  border-radius: 50%;
  color: #fff;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}

/* プライバシーポリシー */
#privacy p {
  margin-bottom: 50px;
}

#privacy dt {
  margin-bottom: 8px;
}

#privacy dd {
  margin-bottom: 30px;
}


@media (max-width: 768px) {

  /* 共通 */
  .shoplist li:last-child {
    margin-bottom: 0;
  }

  /* トップ */
  #mv {
    height: 535px;
    background-image: url("../img/index/mainVisual_small.jpg");
    background-size: auto 535px;
  }

  #copy {
    padding: 3em 1em 1px;
  }

  #news .tab {
    display: none;
  }

  #news .body {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 12px;
  }

  #news .body ul {
    height: 400px;
    padding: 0;
  }

  #news .body time {
    font-size: 11px;
    display: block;
  }

  #news .body span {
    font-size: 11px;
  }


  /* added 20260206 */
  .news_link:hover {
    color: #1D3C5A;
  }
  .news_img img {
    max-width: 100%;
    height: auto;
  }
  
  /* 事業内容 */

  #works .box {
    margin-bottom: 1.5em;
  }

  #works .photo {
    margin-bottom: 1em;
  }

  #works h3 {
    text-align: center;
  }

  #works h2 .alpha {
    font-size: .5em;
  }

  /* 採用情報 */

  #recruit .overview h3 {
    font-size: 20px;
    line-height: 1.2;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .sp {display: none;}
  #mv {
    height: 420px;
    background-image: url("../img/index/mainVisual_middle.jpg");}
  #gnav a {
    width: 104px;
    height: 76px;
    background: center /auto 32px no-repeat;
    border-left: #5d5d5d solid 1px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    line-height: .8;
    text-align: center;
    padding-top: 22px;
    font-size: 1.2rem;
  }
  #gnav .alpha {
    margin-left: 0;
    font-size: .9rem;
  }
  #gnav a:hover {
    background-color: rgba(255, 255, 255, .2);
  }
  #gnav .br {
    display: block;
  }

  #mv_sub {
    height: 342px;
  }

  #mv_sub .rowC {
    height: 342px;
  }

  #mv_sub h2 {
    font-size: 3.8125rem;
  }

  #mv_sub h2 .alpha {
    font-size: 1.25rem;
    margin: 0;
  }

  #mv_sub2 h2 {
    font-size: 3.8125rem;
  }

  #mv_sub2 h2 .alpha {
    font-size: 1.25rem;
    margin: 0;
  }

  #mv_sub .person {
    height: 355px;
  }

  #mv_sub .about-person {right: -5vw;}
  #mv_sub .business-person {right: -10vw;}
  #mv_sub .recruit-person {right: -4vw;}
  #mv_sub .contact-person {right: -4vw;}

  #copy {
    padding: 60px 3em 1px;
  }

  #news .tab li {
    width: auto;
    padding: .8em 1em;
  }

  #news .active {
    padding: 1em !important;
  }

  #news .body {
    margin-top: -1px;
    padding: 2em 0 2em 2em;
  }

  /* 会社案内 */
  #company h1, #company h2, #works h1, #recruit h1, #contact h1, #privacy h1  {
    margin: 68px 0 60px;
  }

  #company h1 img, #company h2 img, #works h1 img, #recruit h1 img, #contact h1 img, #privacy h1 img {
    width: auto;
    height: 38px;
  }

  .form-horizontal .radio {
    margin-left: 0;
  }

  .table-style thead tr {
    border-top: 1px solid #ddd;
  }

  .table-style tbody tr:first-child th, .table-style tbody tr:first-child  td {
    border-top: 1px solid #ddd;
  }

  .table-style tbody tr:last-child th, .table-style tbody tr:last-child  td {
    border-bottom: 1px solid #ddd;
  }

  .table-style ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
  }

  .table-style li {
    width: 50%;
  }

  .table-style li:first-child, .table-style table li:nth-child(2) {
    margin-bottom: 2rem;
  }

  /* 事業内容 */
  #works h2 {
    margin-bottom: 3em;
  }

  #works h3 {
    text-align: center;
  }

  #works .photo {
    width: 85% ;
    display: block;
    margin: 0 auto 35px;
  }

  #works ul {
    font-size: 15px;
  }

  /* 採用情報 */
  #recruit .list img {
    width: 60% ;
    display: block;
    margin: 35px auto 35px;
  }

  #recruit .overview h3 {
    font-size: 24px;
  }

  #recruit .overview h4 {
    font-size: 18px;
  }

  #recruit .table-style {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  #recruit .tel {
    font-size: 18px;
    padding: 21px 0 18px;
  }

  #recruit .shopname {
    font-size: 24px;
  }

  #recruit .num {
    font-size: 40px;
  }

  #recruit .toform {
    font-size: 18px;
    padding: 22px 0;
  }

}

@media (min-width: 992px) {
  .sp {display: none;}
  #gnav a {
    width: 124px;
    height: 76px;
    background: center /auto 32px no-repeat;
    border-left: #5d5d5d solid 1px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    line-height: .8;
    text-align: center;
    padding-top: 22px;
  }
  #gnav .alpha {
    margin-left: 0;
    font-size: .9rem;
  }
  #gnav a:hover {
    background-color: rgba(255, 255, 255, .2);
  }
  #gnav .br {
    display: block;
  }

  footer h2 {text-align: left;}
  footer ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .copylight {text-align: right;}

  #mv_sub {
    height: 342px;
  }

  #mv_sub .rowC {
    height: 342px;
  }

  #mv_sub h2 {
    font-size: 4.8125rem;
    margin: 0;
  }

  #mv_sub h2 .alpha {
    font-size: 1.85rem;
  }

  #mv_sub2 h2 {
    font-size: 4.8125rem;
    margin: 0;
  }

  #mv_sub2 h2 .alpha {
    font-size: 1.85rem;
  }

  #mv_sub .person {
    right: 1vw;
    height: 355px;
  }

  #copy {
    padding: 60px 1rem 1px;
  }

  /* 会社案内 */
  #company h1, #company h2, #works h1, #recruit h1, #contact h1, #privacy h1  {
    margin: 68px 0 60px;
  }

  #company h1 img, #company h2 img, #works h1 img, #recruit h1 img, #contact h1 img, #privacy h1 img {
    width: auto;
    height: 38px;
  }

  .form-horizontal .radio {
    margin-left: 0;
  }

  .table-style thead tr {
    border-top: 1px solid #ddd;
  }

  .table-style tbody tr:first-child th, .table-style tbody tr:first-child  td {
    border-top: 1px solid #ddd;
  }

  .table-style tbody tr:last-child th, .table-style tbody tr:last-child  td {
    border-bottom: 1px solid #ddd;
  }

  .table-style ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
  }

  .table-style li {
    width: 50%;
  }

  .table-style li:first-child, .table-style li:nth-child(2) {
    margin-bottom: 2rem;
  }

  /* 事業内容 */
  #works h2 {
    font-size: 25px;
    margin: 0 0 2.4em 0;
  }

  #works h2 .alpha {
    font-size: 18px;
  }

  #works h3 {
    margin: 10px 0 10px 10px;
  }

  #works .info {
    margin: 0 0 18px 0;
  }

  #works .photo {
    width: 400px ;
    height: auto;
  }

  /* 採用情報 */
  #recruit section, #recruit article {
    width: 900px;
    margin: 0 auto;
  }

  #recruit .list img {
    margin: 10px 0 20px 15px;
  }

  #recruit .list .table-style {
    margin: 1em auto 20px;
    width: 98%;
  }

  #recruit .overview h3 {
  }

  #recruit .overview h4 {
    font-size: 18px;
  }

  #recruit .table-style {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  #recruit .tel {
    font-size: 18px;
    padding: 21px 0 18px;
  }

  #recruit .shopname {
    font-size: 24px;
  }

  #recruit .num {
    font-size: 40px;
  }

  #recruit .toform {
    font-size: 18px;
    padding: 22px 0;
  }


  /*#gnav a {
    width: 124px;
    height: 76px;
    background: center /auto 32px no-repeat;
    border-left: #5d5d5d solid 1px;
    text-indent: -9999px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
  }

  #gnav a:hover {
    background-color: rgba(255, 255, 255, .2);
  }

  #gnav01 a {
    background-image: url(../img/common/gnav01.png);
  }

  #gnav02 a {
    background-image: url(../img/common/gnav02.png);
  }

  #gnav03 a {
    background-image: url(../img/common/gnav03.png);
  }

  #gnav04 a {
    background-image: url(../img/common/gnav04.png);
  }

  #gnav05 a {
    background-image: url(../img/common/gnav05.png);
  }*/

}


.news_area{

width:1000px;
margin:0 auto;

}

@media (max-width: 768px) {

  .news_area{

  width:100% !important;
  float: left;

  }
}

.shoplist2{
  padding-left: 0;
  margin-top: 4rem;
}

.shoplist2 li {
  list-style: none;
  margin-bottom: 2.5rem;
}

.shoplist2 li a {
  height: 200px;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.shoplist2 li a::before {
  width: 100%;
  height: 100%;
  background: center /cover no-repeat;
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.shoplist2 li a:hover:before {
  opacity: .8;
  -webkit-transform: scale(1.1);
  transform: scale(1.0);
}

.shoplist2 svg {
  margin: 10px 0;
  height: 25px;
  z-index: 2;
}

.shoplist2 svg path {
  fill: #fff;
}

@media (max-width: 767px) {
.shoplist2 li a::before {
  width: 100%;
  height: 100%;
  background: center /contain no-repeat;
  display: block;
  position: absolute;
  top: 0;
  content: "";

}
.shoplist2 li a {
  height: 100px;
  background: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

}