@charset "UTF-8";
/*------------------------------------------
■ 共通CSS-@import url("/css/common.css");
------------------------------------------*/
body{font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:19px;}
a{/*text-decoration:none;*/}
a,a:hover{transition:0.3s;}

/*=== 大枠レイアウト ============================================================================*/
#header{width:1300px;margin:0 auto;}
#wrapper,#footer-inner{width:1030px;margin:0 auto;}

/* 横幅設定、直下のdivを横並びに、画像の縦伸び防止 */
#main{width:100%;margin:0 auto;padding-top:20px;}
/*
#col-2{display:flex;align-items:flex-start;}
#col-2 #left{flex-basis:820px;flex-shrink:0;}
#col-2 #right{flex-basis:380px;flex-shrink:0;padding-left:30px;}
*/
#footer{width:100%;margin:0 auto;}

/* 背景色設定 */
#header-bg{}
#header-bg a{color:#000;}

#wrapper{padding:0 20px 0;}

#footer{background-color:#fff;color:#000;}
#footer a{color:#000;}

/*.over-back{background-image:url(../images/header-tile.jpg);}/* 背景ベージュ */

@media (max-width:1030px) {
#header,#wrapper,#footer-inner,#main #right,#main #left{width:auto;min-width:auto;}

#wrapper{padding:0;}
#main{display:block;padding-top:10px;}

#page65 #main,#page64 #main,#page60 #main,#page57 #main,#page88 #main{padding:0 10px;}

/*
#col-2{display:block;margin:0 10px;}
#col-2 #right{padding-left:0;}
*/
/**/}

/*=== 見出し設定 =======================================================================*/
/*h2{font-size:36px;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ;}*/

h2{color:#000;border-bottom:1px solid #000;
font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size:40px;
font-weight:bold;
line-height:1em;
text-align:left;
padding:12px 0;
margin:0 auto 20px;
max-width:1000px;
width:100%;
}

/* h2吹き出し */
h2.sec{position:relative;line-height:1.5;font-size:24px;border:none;
margin:0 0 1em;padding:10px 0px 15px;box-shadow:0px 3px 5px 0px #c7c7c7;
text-align:center;font-weight:bold;color:white;font-family:"YuMincho-Demibold";/* テキストfont指定 */
background-color:#717274;color:#fff;}

h2.sec:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #717274;-webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.5));}

h2.sec span{display:block;font-size:16px;font-weight:normal;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
h2.sec .eng-txt{font-family:"Helvetica";}
h2.sec .eng-txt span{display:inline;font-size:18px;position:relative;padding:0 74px;margin-right:15px;}
h2.sec .eng-txt span:before{position:absolute;content:" ";background:white;width:61px;height:1px;top:50%;left:0;}
h2.sec .eng-txt span:after{position:absolute;content:" ";background:white;width:61px;height:1px;top:50%;right:0;}

/*h3 {font-size:22px;color:#fff;background-color:#724534;padding:0.1em 0.5em;margin:1em 0 0.5em;text-align:left;} */
@media screen and (min-width:0px) and (max-width:1030px){
h2.sec{font-size:18px;padding:10px;-webkit-background-size:0px;-moz-background-size:0px;background-size:0px;}
h2.sec:before{border:none;-webkit-filter:none;margin:0;}
h2.sec .eng-txt{display:none;}

/*h3 {padding:4px 0.5em;font-size:16px;margin-top:1em margin-bottom:8px;} */
}

/*=== 全体テンプレート関連 =======================================================================*/
#left{position:relative;}

/*-- [all]ページ上部に戻る ----------------*/

#pagetop{position:fixed;bottom:10px;margin-left:1150px;cursor:pointer;text-align:center;z-index:9;line-height:1.5;}
#pagetop:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#pagetop p{width:80px;height:80px;border-radius:80px;color:#330000;background-color:#000000;border:solid 3px #adadad;}
#pagetop p span{display:block;width:24px;height:24px;position:absolute;top:33px;left:29px;
border-top:2px solid #fff; border-left:2px solid #fff;transform:rotate(45deg);}

@media (max-width:860px){
#pagetop{position:fixed;bottom:110px !important;right:10px;margin-left:auto;}
}

/*-- モバイルアンカー ----------------*/
#overlay-box{display:none;z-index:1000;}
input#cl1{display:none;}

@media (max-width:1030px) {
#overlay-box{position:fixed;bottom:0;right:0;display:block;}
#overlay-ad{z-index:1000;background:rgba(0,0,0,0.8);text-align:center;}
#overlay-ad a{display:block;}
#overlay-ad a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#overlay-box input {display:none;}
#overlay-box input:checked ~ #overlay-ad{display:none;}

#overlay-box label{position:absolute;top:0px;right:0px;padding:3px 6px;font-weight:bold;font-size:20px;border:solid 1px black;background-color:#fff;color:#000;cursor:pointer;z-index:1001;}
#overlay-box label:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#overlay-box input:checked + label{display:none;}
}

/*- header部分 -----------------------------------------------------*/
body{padding-top:140px;}/* ヘッダ固定分の調整 */
/* ページ内リンクのジャンプ位置の調整 */
#course{padding-top:14px;}
.course-link{margin-top:-140px;padding-top:140px;}

#header-fixed{position:fixed;top:0;min-height:84px;width:100%;z-index:999;background-color:rgb(255,255,255,0.8);}
h1{position:absolute;top:0;z-index:8;width:100%;padding-top:5px;text-align:right;font-size:14px;}
h1 span{display:block;width:100%;max-width:1300px;margin:0 auto;}

#header{position:relative;text-align:left;padding-bottom:20px;}
.img-logo{padding:10px 0 20px;}
.head_mail{display:none;}


@media (max-width:1030px) {
#header-fixed{position:relative;min-height:0px;background-color:rgb(0,0,0,0);}

body{padding-top:80px;}/* ヘッダ固定分の調整 */

/* ページ内リンクのジャンプ位置の調整 */
#course{padding-top:80px;}
.course-link{margin-top:-80px;padding-top:80px;}

/* スマホ用ヘッダ調整 */
h1{position:absolute;top:0;background-color:#000;padding:5px;font-size:12px;color:#fff;}

#header{position:fixed;top:0;right:0;height:80px;width:100%;z-index:4;background-color:black;}

.img-logo{position:absolute;top:20px;left:20px;max-width:30%;max-height:70px;margin-bottom:0;}

.head_mail{display:block;position:absolute;top:10px;right:60px;width:150px;
border:solid 1px #fff;border-top:none;border-bottom:none;padding:15px 10px;}

.head_mail a:before{float:left;margin-top:-5px;padding-right:5px;font-family:"Font Awesome 5 Free";content:"\f0e0";font-weight:bold;color:#dde7e9;font-size:34px;}
#header .head_mail a{display:block;padding-top:5px;text-align:right;text-decoration:none;color:#fff;font-size:12px;line-height:1.2;}
/**/}

/*- navi下：タイトル画像 -----------------------------------------------------*/
#header div{text-align:center;}
.title-img{text-align:center;position:relative;z-index:0;background-color:black;border:solid 1px black;border-left:0;border-right:0;}

/*- navi部分 -----------------------------------------------------*/
#navi{z-index:8;display:block;/*position:absolute;top:30px;right:0;*/}

#navi ul{font-size:0;display:flex;margin:0 auto;
font-size:14px;font-weight:bold;/*font-family:"Sawarabi Mincho","Yu Mincho",メイリオ;*/}

/*#navi li{width:calc(750px / 5);}*/

#navi li{border-right:solid 1px #000;width:calc(100% / 7);}
#navi li:nth-child(1){border-left:solid 1px #000;}

#navi li a{display:block;text-decoration:none;position:relative;margin:0 5px;color:#000;}
#navi li a span{display:block;text-align:center;}

#navi li a:before,
#navi li a:after {
  border-bottom:solid 2px #000;
  bottom:0;
  content:"";font-size:0;
  display:block;
  position:absolute;
  transition:all .3s ease;
  -webkit-transition:all .3s ease;
  width:0;
}

#navi li a:before {left:50%;}
#navi li a:after {right:50%;}
#navi li a:hover:before,#navi li a:hover:after {width:50%;}

/*#navi li a:hover span,#navi li.current a:hover,#navi li a:active,#navi li.current a:active{border-bottom:solid 3px #a88c48;}*/

@media (max-width:1030px){
#navi{margin-bottom:0;}
#navi li,#navi li:nth-child(1){border:none;}
#navi li:last-child a span br{display:none;}

/* 全画面用のボタン装飾全取り消し */
#navi ul{display:block;background-color:transparent;border:none;padding:0;margin:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
#navi li a{border:none;border-right:solid 1px none;}
#navi li a span{display:inline;height:auto;width:auto;}

#navi ul li:nth-child(1) a{border-left:none;}
#navi li a:hover span,#navi li.current a:hover,#navi li a:active,#navi li.current a:active{border-bottom:none;}

/* スマホ画面用装飾・開閉挙動 */
#overflow{overflow:hidden;position:relative;}
#navi .spmenu_btn{display:block;cursor:pointer;position:absolute;top:65px;right:-60px;color:#fff;font-weight:bold;padding:0 0 5px;text-align:right;width:60px;height:100%;transition:0.5s;z-index:99;}
#navi .spmenu_btn.open{position:fixed;right:0;width:100%;transition:0.5s;background-color:rgb(0,0,0,0.6);}

#navi .spmenu_btn:before{display:block;position:fixed;top:20px;right:0;font-family:"Font Awesome 5 Free";content:"\f0c9";font-size:36px;transition:0.5s;margin-right:15px;}
#navi .spmenu_btn.open:before{position:fixed;right:0;font-family:"Font Awesome 5 Free";content:"\f00d";font-size:38px;transition:0.5s;}

#navi .spmenu{position:fixed;top:65px;right:-300px;width:300px;height:100%;padding:20px;background:#151515;z-index:100;transition:0.5s;}
#navi .open ~ .spmenu{position:fixed;right:0;transition:0.5s;}

#navi .spmenu li{display:block;margin:0;width:100%;text-align:left;}

#navi .spmenu li:last-child a{color:#fff;}
#navi .spmenu li:last-child{background:#151515;filter:none;}

#navi .spmenu ul li a{display:block;position:relative;margin:0 5px;padding:10px 5px;padding-left:40px;width:auto;color:#fff;border-bottom:solid 1px #efefef;}
#navi .spmenu li:nth-child(1) a {background:url(../images/icon_01.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(2) a {background:url(../images/icon_02.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(3) a {background:url(../images/icon_03.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(4) a {background:url(../images/icon_04.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(5) a {background:url(../images/icon_05.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(6) a {background:url(../images/icon_06.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(7) a {background:url(../images/icon_09.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(8) a {background:url(../images/icon_07.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(9) a {background:url(../images/icon_08.png) no-repeat 5px 5px;background-size:30px auto;}
#navi .spmenu li:nth-child(10) a {background:url(../images/icon_10.png) no-repeat 5px 5px;background-size:30px auto;}

/**/}


/*- ページ頭の大見出し -----------------------------------------------------*/
.ttl{position:relative;box-shadow:0 10px 7px 0px rgba(0,0,0,0.3) inset, 0 -10px 7px 0px rgba(0,0,0,0.3) inset;
background-size:cover;background-position:center;box-sizing:border-box;border-bottom:solid 1px black;}

.ttlbox{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1000px;height:120px;border-bottom:none;
color:#ffffff !important;
font-size:36px;
font-weight:bold;
line-height:40px;
letter-spacing:0.05em;
text-align:center;
padding-bottom:16px;
text-shadow:2px  2px 1px rgba(0,0,0,0.5),-2px  2px 1px rgba(0,0,0,0.5),2px -2px 1px rgba(0,0,0,0.5),-2px -2px 1px rgba(0,0,0,0.5),2px  0px 1px rgba(0,0,0,0.5),0px  2px 1px rgba(0,0,0,0.5),-2px  0px 1px rgba(0,0,0,0.5),0px -2px 1px rgba(0,0,0,0.5);
}
.ttlbox:after {
content:attr(data-spelling);
box-sizing:border-box;
font-size:20px;
font-weight:normal;
display:block;
line-height:40px;
letter-spacing:0;
padding:8px 0;
margin:18px auto 0;
background:url(../images/ttl_spell_bar.png) no-repeat top center;
}

/* 設定方法→「.page［ID番号］ .ttl」の指定で背景画像を設定します。
　 imagesフォルダに画像をアップロードし、読み込む画像名の指定を変更してください。 */

#page1 .ttl{background-image:url(../images/title01.jpg);background-position:center;}/* トップページ(1) */
#page59 .ttl{background-image:url(../images/ttl_59.jpg);background-position:center;}/* にくまれ屋(59) */
#page69 .ttl{background-image:url(../images/ttl_69.jpg);background-position:center;}/* はなれ(69) */
#page65 .ttl{background-image:url(../images/ttl_65.jpg);background-position:center;}/* お肉ファクトリー／キッチンカー(65) */
#page64 .ttl{background-image:url(../images/ttl_64.jpg);background-position:center;}/* 解体業／アスベスト(64) */
#page60 .ttl{background-image:url(../images/ttl_60.jpg);background-position:center;}/* 求人(60) */
#page57 .ttl{background-image:url(../images/ttl_57.jpg);background-position:center;}/* 会社概要(57) */
#page88 .ttl{background-image:url(../images/ttl_88.jpg);background-position:center;}/* 問い合わせ(88) */

/* 下層ページ大見出し画像設定個所 */
.ttl {background-image:url(../images/ttl_59.jpg);/* ←設定しなかった場合の共通画像 */
background-size:cover;background-repeat:no-repeat;}

/* 見出しテキスト非表示 */
#page57 h2.ttlbox{display:none;}

@media (max-width:860px){
.ttl{height:auto;}
.ttlbox{width:100%;line-height:30px;padding-bottom:0;padding-top:10px;font-size:20px;}
.ttlbox:before{line-height:20px;}

#page1 .ttl{background-image:url(../images/title01.png);background-position:center;}/* トップページ(1) */
#page59 .ttl{background-image:url(../images/ttl_59.png);background-position:center;}/* にくまれ屋(59) */
#page69 .ttl{background-image:url(../images/ttl_69.png);background-position:center;}/* はなれ(69) */
#page65 .ttl{background-image:url(../images/ttl_65.png);background-position:center;}/* お肉ファクトリー／キッチンカー(65) */
#page64 .ttl{background-image:url(../images/ttl_64.png);background-position:center;}/* 解体業／アスベスト(64) */
#page60 .ttl{background-image:url(../images/index-menu05_sp.jpg);background-position:center;}/* 求人(60) */
#page57 .ttl{background-image:url(../images/title01.png);background-position:center;}/* 会社概要(57) */
#page88 .ttl{background-image:url(../images/ttl_88.jpg);background-position:center;}/* 問い合わせ(88) */
}

/*- #panList：パンくずリスト -----------------------------------------------------*/
#page59 #panList,#page69 #panList {background-color:black;padding:10px 0;}
#page59 #panListInner ul,#page69 #panListInner ul{margin:0 auto;}

#panListInner ul {text-align:left;
box-sizing:border-box;
margin:20px auto 0;
width:1000px;
font-size:14px;
}

#panListInner li {display:inline-block;}
#panListInner li + li:before {
content:"＞";
padding-left:.4em;
padding-right:.8em;
}

#panListInner li a {text-decoration:underline;}

@media (max-width:860px){
#panListInner ul {width:100%;margin-left:10px;}
}

/* footer上お問い合わせ・SNSボタン -----------------------------------------------------*/
.yoyaku-back{background-color:#fff;border-top:solid 0px #350202;padding:70px 0;}

.yoyaku-tel{color:#151515;padding:10px;max-width:890px;margin:0 auto;
border:solid 3px #151515;box-shadow:0 0 0 2px #fff inset,0 0 0 3px #151515 inset;
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ;
}

.yoyaku-tel i{padding-right:5px;}

.yoyaku-tel h3{display:block;background-color:transparent;color:#151515;text-align:center;
max-width:400px;margin:0 auto;border-bottom:solid 2px #151515;padding-bottom:10px;margin-bottom:10px;}

.yoyaku-text{position:relative;color:#151515;}
.yoyaku-text p:nth-child(1){font-size:46px;}
.phone{display:inline-block;background-color:#151515;border-radius:50px;height:50px;width:50px;position:relative;top:8px;margin-right:10px;}
.phone i{color:#fff;font-size:30px;position:relative;top:-14px;left:-2px;}

.yoyaku-text a{color:#151515;direction:none;}
.yoyaku-text a:hover{color:#a7a7a7;}

@media (max-width:1030px){
.yoyaku-tel{width:calc(100% - 30px);}
}

/*--- fotter上SNS ---*/
.footer-sns {text-align:center;padding-top:20px;padding-bottom:20px;/*position:relative;z-index:2;*/}
.footer-sns .icon-sns {display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 2px;}
/*
.home-sns{width:100%;margin:0 auto;}
.home-sns_body{display:flex;}
.home-sns_body h3 a{color:#fff;}
.home-sns_body div.fb,.home-sns_body div.insta{flex-basis:50%;padding:10px;}
.home-sns_body div.insta{display:block;}
.home-sns_body div.fb iframe{width:470px;height:500px;}

.sns{text-align:right;margin:10px auto;}

@media (max-width:1030px){
.home-sns_body{display:block;}
.home-sns_body div.fb iframe{width:100%;}
}*/

/*- page-bottom -----------------------------------------------------*/
#page-bottom{background-color:#fff;border-bottom:solid 10px #151515;}
.bottom-logo {
background-image:url(../images/bottom_cover.png);
background-repeat:no-repeat;
background-position:50% 50%;
-webkit-background-size:cover;
background-size:cover;
box-sizing:border-box;
position:relative;
width:100%;
padding:188px 0;
box-shadow:0 10px 5px -3px rgba(0,0,0,0.3) inset, 0 -10px 5px -3px rgba(0,0,0,0.3) inset;
}
.bottom-logo a{text-decoration:none;color:#fff;}

.bottom-logo-box img {display:none;}

.bottom-logo-box {position:relative;
color:#ffffff;font-size:22px;font-weight:600;
letter-spacing:0.2em;line-height:1.8em;text-align:center;
display:block;width:380px;margin:0 auto;
font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
.bottom-sns {text-align:center;padding-top:48px;padding-bottom:20px;position:relative;z-index:2;}
.bottom-sns .icon-sns {display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 2px;}

@media (max-width:700px){
.bottom-logo {padding:0;background-image:url(../images/bottom_cover-sp.png);width:auto;}
.bottom-logo-box img {display:block;margin:0 auto;}
}

/* pagetop2ボタン */
.bottom-box {position:relative;z-index:3;width:100%;position:relative;margin:0 auto;padding:0;}
.bottom-pagetop {cursor:pointer;display:block;}
.bottom-box .pagetop-btn {display:block;position:absolute;top:-76px;left:50%;margin-left:-80px;z-index:2;}


/*- footer部分 -----------------------------------------------------*/
#footer{padding-top:20px;background-color:#151515;color:#fff;}
#footer-inner{position:relative;}

.footer-cat{text-align:left;font-size:18px;}
.footer-cat a{text-decoration:none;color:#fff !important;}
.footer-cat p{font-weight:bold;font-size:26px;margin:0;}
.footer-cat ul{border-left:1px solid #fff;margin-left:10px;padding:5px;padding-left:10px;}

.footer-cat li:nth-child(1) a {background:url(../images/icon_01.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(2) a {background:url(../images/icon_02.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(3) a {background:url(../images/icon_03.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(4) a {background:url(../images/icon_04.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(5) a {background:url(../images/icon_05.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(6) a {background:url(../images/icon_06.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(7) a {background:url(../images/icon_07.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(8) a {background:url(../images/icon_08.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li:nth-child(9) a {background:url(../images/icon_09.png) no-repeat 0px 0px;background-size:20px auto;}
.footer-cat li a{padding:2px 0 2px 25px;}

.footer-logo{position:absolute;top:10px;right:0;text-align:left;}

@media (max-width:1030px) {
#footer-inner{margin:0 10px;}
.footer-cat p{text-align:center;border-bottom:solid 2px #fff;}
.footer-cat ul{border:none;margin-left:0;padding-left:0;}
.footer-cat li a{padding-left:0;margin-left:0;}

.footer-logo{position:relative;margin:20px auto;}
}

/*=== 個別ページ別 ============================================================================*/

/* index -----------------------------------------------------*/
#index{text-align:left;margin-top:-20px;}
#index .over{background-color:#fff;color:#000;background-image:url(../images/back.png);background-size:100% auto;}

/* index：最上部説明テキスト */
.top-text{display:flex;flex-wrap:wrap;margin:0 auto;padding-top:20px;max-width:1200px;}
.top-text img{align-self:flex-start;}
.top-text div{flex-basis:calc(100% / 2);}

.top-text-inner{padding:10px;margin:10rem 0 0;border-radius:9px;
background:#eee;border-bottom:solid 6px #ccc;}

.top-text-inner p:nth-child(1){font-size:24px;font-weight:bold;padding-bottom:1rem;}

@media (max-width:1199px){
.top-text{display:block;}
.top-text-inner{max-width:100%;margin:0 20px;}
}

/*- #index部分：news：新着情報 -----------------------------------------------------*/
.news{display:block;max-width:1050px;margin:0 auto;}
.news-box{box-sizing:border-box;margin:0 auto;position:relative;}

#index h3.ttl-news{position:relative;display:block;background-color:rgb(0,0,0,0);text-align:left;color:#fff;font-size:18px;padding:0;font-weight:bold;}
.ttl-news:after{display:block;content:" ";position:absolute;top:12px;height:1px;background-color:#dee2e6;width:calc(100% - 5em);margin-left:5em;}

.news ul {margin:0 auto;box-sizing:border-box;color:#898989;}
.news-item {border-bottom:dashed 1px #dee2e6;padding:14px 20px;
display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

.news a{color:#fff;text-decoration:none;}
.news a:hover {color:#898989;}

.news .news-item-date {width:9em;box-sizing:border-box;padding-left:1em;padding-right:1em;color:#fff;}
.news .news-item-title {width:736px;}

@media (max-width:860px){
.news-box{margin:0 10px;}
.news-item{display:block;}
.news .news-item-date {display:inline-block;}
.news .news-item-date{width:200px;padding-left:0;}
.news .news-item-title{width:100%;padding-top:5px;}
.news .news-item-title br{display:none;}
}

/*- #index部分：理念 -----------------------------------------------------*/
.rinen{color:#333;background-color:#fff;}
.rinen div{width:calc(100% - 20px);max-width:1050px;margin:0 auto;padding:20px;padding-bottom:0;margin-bottom:-50px;}
.rinen h2{color:#333;border:none;margin:0;margin-bottom:20px;}

.rinen dl{margin: 0 20px;display:flex;flex-wrap:wrap;}
.rinen dt,.rinen dd{display:block;margin-bottom:20px;}
.rinen dt{width:6em;font-weight:bold;text-align:center;}
.rinen dd{width:calc(100% - 6em);margin-top:.5em;}

@media (max-width:860px){
.rinen dl{display:block;margin:0;}
.rinen dt br{display:none;}
.rinen dt{width:100%;}
.rinen dd{width:100%;margin-top:.5em;}
}

/*- index：見出しメニュー --------------------------------------------*/
.index-menu-waku{background-color:#000;color:#fff;}

.index-menu{}
.index-menu:before,.index-menu:last-child:after{display:block;content:" ";height:3px;
background:#cccccc;
background:-moz-linear-gradient(left,  #808080 0%, #ccc 50%, #808080 100%);
background:-webkit-linear-gradient(left,  #808080 0%,#ccc 50%,#808080 100%);
background:linear-gradient(to right,  #808080 0%,#ccc 50%,#808080 100%);
}

.menu01{background:linear-gradient(to left,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 35%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu01.jpg);}
.menu02{background:linear-gradient(to right,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 40%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu02.jpg);}
.menu03{background:linear-gradient(to left,rgba(0,0,0,1) 35%,rgba(0,0,0,0) 40%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu03.jpg);}
.menu04{background:linear-gradient(to right,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 35%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu04.jpg);}
.menu05{background:linear-gradient(to left,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 35%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu05.jpg);background-position:left -100px;}
.menu06{background:linear-gradient(to right,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 35%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu06.jpg);}
.menu07{background:linear-gradient(to left,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 35%,rgba(240,240,240,0) 60%,rgba(230,230,230,1) 70%),url(../images/index-menu07.jpg);}

.index-menu-back{margin:0 auto;background-repeat:no-repeat;background-size:auto 100%;background-position:calc(50% - 400px) center;}
.index-menu-text{width:60%;min-height:400px;margin-left:auto;margin-right:0;text-align:center;padding:100px 0;color:#d9d9d9;font-weight:bold;text-align:left;}

.index-menu:nth-child(even) .index-menu-back{background-position:calc(50% + 400px) center;}
.index-menu:nth-child(even) .index-menu-back .index-menu-text{margin-left:0;margin-right:auto;}

.index-menu-text p{max-width:500px;margin:0 auto;padding-bottom:1rem;font-size:16px;}
/*
.index-menu-text a{display:block;position: relative;max-width:300px;text-decoration:none;color:#000;font-weight:bold;text-align:center;margin:0 auto;padding:10px;background-image:url(../images/index-menu-btn.jpg);border:solid 2px #dedede;}
.index-menu-text a:hover{opacity:0.7;}
*/

.index-menu-text a{display:block;max-width:300px;text-decoration:none;font-weight:bold;text-align:center;margin:0 auto;padding:10px;color:#fff;
border:solid 1px #aa8356;background:#3d2314;
background: -moz-linear-gradient(top, #3d2314 0%, #221914 100%);
background: -webkit-linear-gradient(top, #3d2314 0%,#221914 100%);
background: linear-gradient(to bottom, #3d2314 0%,#221914 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2314', endColorstr='#221914',GradientType=0 );
}
.index-menu-text a:hover{background:#1e0804;color:#ed8f4e;border-color:#aa8356;opacity:1;
background: -moz-linear-gradient(top, #1e0804 0%, #1e0804 100%);
background: -webkit-linear-gradient(top, #1e0804 0%,#1e0804 100%);
background: linear-gradient(to bottom, #1e0804 0%,#1e0804 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e0804', endColorstr='#1e0804',GradientType=0 );}

.index-menu-text a:before{font-family:"Font Awesome 5 Free";content:"\f138";font-weight:900;padding-right:10px;}


@media (max-width:1199px){
.menu01{background:url(../images/index-menu01_sp.png);}
.menu02{background:url(../images/index-menu02_sp.png);}
.menu03{background:url(../images/index-menu03_sp.png);}
.menu04{background:url(../images/index-menu04_sp.png);}
.menu05{background:url(../images/index-menu05_sp.jpg);background-position:center 0;}
.menu06{background:url(../images/index-menu06_sp.png);}
.menu07{background:url(../images/index-menu07_sp.png);}
.index-menu-back,.index-menu:nth-child(even) .index-menu-back{background-position:top center;background-repeat:no-repeat;background-size:100% auto;}

.index-menu-sp{background:rgb(0,0,0,0.6);}
.index-menu-text{position:relative;width:calc(100% - 40px);min-height:auto;width:100%;margin:0 auto !important;padding:0;text-align:left !important;}
.index-menu-text p{margin-top:0px;padding-top:0;padding:20px 10px;}

}

/*- page59,page69：にくまれ屋、はなれ -----------------------------------------------------*/
#page59,#page69{background-image:url(../images/back-tile.jpg);}
#page59 #header-bg,#page69 #header-bg{background-color:#fff;}
#page59 #panList,#page69 #panList,#page59 #panList a,#page69 #panList a{color:#dbc982;}
#page59 #wrapper,#page69 #wrapper{color:#fff;}
#page59 #wrapper h2,#page69 #wrapper h2{color:#fff;border-color:#fff;}
#page59 .text,#page69 .text{max-width:1000px;padding:10px;margin:0 auto;}

.shop-info{background-color:rgb(0,0,0,0.5);}
.shop-info p{color:#fff;padding:0 10px;max-width:1000px;padding:10px;margin:0 auto;text-align:left;}
.shop-info h2{font-size:36px;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ;border:none;text-align:center;}

/* 求人からコピー、色違い箇所だけ修正 */
#page59 .mes,#page69 .mes{background-color:rgb(255,255,255,0);}
#page59 .text_box,#page69 .text_box,#page59 .text_box p,#page69 .text_box p{color:#333;}

#page59 .comment:nth-child(1) .text_box:before,#page69 .comment:nth-child(1) .text_box:before{
border-width:32.5px 40px 32.5px 0;
border-color:transparent #FFF transparent transparent;
left:0;
margin-left:-40px;
}

#page59 .comment:nth-child(2) .text_box:before,#page69 .comment:nth-child(2) .text_box:before{
border-width:32.5px 0 32.5px 40px;
border-color:transparent transparent transparent #FFF;
right:0;
margin-right:-40px;
}

@media (max-width:999px){
#page59 .comment:nth-child(1) .text_box:before,#page69 .comment:nth-child(1) .text_box:before{display:none;}
#page59 .comment:nth-child(2) .text_box:before,#page69 .comment:nth-child(1) .text_box:before{display:none;}
}

/* 予約色違い箇所だけ追加修正 */
#page59 .yoyaku-back,#page69 .yoyaku-back{/*background-color:#f6e7ca;*/background-color:#0c0000;border-top:solid 0px #350202;}
#page59 .yoyaku-tel,#page69 .yoyaku-tel{background-color:#fff;color:#000;padding:10px;max-width:1000px;margin:0 auto;
border:solid 4px #a58367;box-shadow:0 0 0 5px #fff inset,0 0 0 4px #a58367 inset;}
#page59 .yoyaku-tel a,#page69 .yoyaku-tel a,#page59 .yoyaku-tel p,#page69 .yoyaku-tel p{color:#000;}
#page59 .phone,#page69 .phone{background-color:#000;}
#page59 .yoyaku-tel h3,#page69 .yoyaku-tel h3{color:#000;border-color:#000;}


/* 料理写真-横3並び */
.dish{width:calc(100% - 20px);max-width:1020px;margin:0 auto;font-size:0;text-align:left;}
.dish div{display:inline-block;width:calc(100% / 3 - 20px);margin:0 10px 20px;font-size:18px;text-align:center;}
.dish img{display:block;}

@media (max-width:999px){
.dish div{width:calc(100% - 20px);margin:10px;}
}

/*- page64：キッチンカー -----------------------------------------------------*/
.img4{font-size:0;}
.img4 img{display:inline-block;width:calc(100% / 4 - 10px);margin:20px 5px;text-align:center;}

@media (max-width:860px){
.img4 img{width:calc(100% / 2 - 10px);}
}

/*- page57：会社概要 -----------------------------------------------------*/
.table-gr {max-width:1000px;margin:0px auto 70px;width: 100%;text-align:left;}
.table-gr th {border-top: 1px solid #bcc0c9;padding: 20px 28px;box-sizing: border-box;width: 250px;}
.table-gr td {border-top: 1px solid #bcc0c9;padding: 20px 28px;position: relative;}
.table-gr td:before {content: "";display: block;width: 1px;height: -webkit-calc(100% - 20px);height: -o-calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 0;background-color: #bcc0c9;}
.table-gr tr:last-child th ,.table-gr tr:last-child td {border-bottom: 1px solid #bcc0c9;}

@media (max-width:860px){
.table-gr th{width:100%;border-top-width:2px;}
.table-gr td:before{display:none;}
}

/*- page60：求人 -----------------------------------------------------*/
.top_column{
position:relative;
display:block;
line-height:25pt;
margin-top:0 !important;
padding-top:0 !important;
padding-bottom:99px !important;
background-repeat:no-repeat;
background-position:top 0 right;
z-index:1;}

.top_column .column-in{position:relative;display:block;clear:both;float:none;width:980px;margin:0 auto;padding:0;}

.top_column h2,.top_column p{
position:relative;display:block;text-align:left;z-index:10;}

.top_column h2{padding:50px 0 56px;border:none;
font-size:36px;font-weight:700;line-height:1.5em;letter-spacing:0.1em;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_column h2:before,.top_column h2:after{display:none;}

#page60 .top_column{background-image:url(../images/recruit_topcolumn.jpg);
-webkit-background-size:auto 515px;background-size:auto 515px;
background-position:top 0 right -30%;}
#page60 .top_column .column-in:before,#page4 .top_column .column-in:after{height:515px;}
#page60 .top_column h2{padding-bottom:20px;}

@media (max-width:860px){
.top_column .column-in{width:auto;}
#page60 .top_column{background-image:none;padding-bottom:0px !important;}
#page60 .top_column .column-in:before{display:none;}
/**/}

/* メッセージ */
h2.comment{position:relative;display:table;left:0;right:0;line-height:1em;width:auto;margin:0 auto;padding:50px 0;border-bottom:none;}
h2.comment:before,
h2.comment:after{content:"";position:absolute;display:block;width:50px;height:2px;top:0;bottom:0;margin:auto 0;}
h2.comment:before{left:-70px;margin-right:20px;
background:-moz-linear-gradient(left, #151515 60%, rgba(255,255,255,0));
background:-webkit-linear-gradient(left, #151515 60%, rgba(255,255,255,0));
background:linear-gradient(to left, #151515 60%, rgba(255,255,255,0));}
h2.comment:after{right:-70px;margin-left:20px;
background:-moz-linear-gradient(right, #151515 60%, rgba(255,255,255,0));
background:-webkit-linear-gradient(right, #151515 60%, rgba(255,255,255,0));
background:linear-gradient(to right, #151515 60%, rgba(255,255,255,0));}

.mes {background-color:#eee;}
#message {max-width:1030px;margin:0 auto;}
#message .comment{margin-bottom:60px;text-align:left;}
#message .comment .recruit_pict{width:250px;height:250px;margin:0 auto;}
#message .comment .recruit_pict img{position:relative;display:block;width:100%;height:auto;}
#message .comment .text_box{width:610px;background:#FFF;padding:40px;}
#message .comment .text_box:before{content:"";
position:absolute;top:0;bottom:0;
display:block;width:0;height:0;
border-style:solid;
margin:auto 0;
}

#message .comment:nth-child(3) .text_box:before{
border-width:32.5px 40px 32.5px 0;
border-color:transparent #FFF transparent transparent;
left:0;
margin-left:-40px;
}

#message .comment:nth-child(4) .text_box:before{
border-width:32.5px 0 32.5px 40px;
border-color:transparent transparent transparent #FFF;
right:0;
margin-right:-40px;
}

#message .comment .text_box h3{margin-bottom:10px;}
#message .comment .text_box p{line-height:21pt;}

.clear{clear:both;float:none;height:0;}
.fl_l{position:relative;display:block;float:left;}
.fl_r{position:relative;display:block;float:right;}

@media (max-width:860px){
.mes {background-color:#fff;}
.fl_l,.fl_r{clear:both;float:none;}

#message h2.comment{padding:10px 0;max-width:calc(100% - 140px);margin-bottom:10px;}
#message .comment{margin-bottom:0px;}
#message .comment .text_box{width:auto;margin:10px 10px 0;}
#message .comment .text_box:before{display:none;}
#message .comment .recruit_pict{width:auto;height:auto;max-width:calc(100% - 20px);margin:0 auto;}
/**/}

/* 募集要項 */
table.table_style{width:100%;border-collapse:collapse;border-top:1px solid #333;text-align:left;}
table.table_style tr th{color:#FFF;font-weight:500;text-align:left;line-height:1em;background:#333;padding:20px;border-bottom:1px solid #CACACA;}
table.table_style tr td{padding:20px;border-bottom:1px solid #333;}

/* 予約色違い箇所だけ追加修正 */
#page60 .yoyaku-tel{max-width:800px;border:solid 5px #151515;box-shadow:none;background-color:#fff;}

/* ボタン */
.form-btn{max-width:890px;display:block;padding:1rem 10px;text-decoration:none;text-align:center;background-image:url(http://sasakami-test.info/rleo_cook/images/btn.jpg);background-size:cover;font-weight:bold;color:#333;
border:solid 3px #ccc;border-radius:3px;font-size:24px;
box-shadow:0 0 0 2px #999 inset,0 0 0 3px #999 inset,2px 2px 6px inset #eee,-2px -2px 6px inset #eee;}

.form-btn:hover{opacity:0.7;cursor:pointer;}
.form-btn,.form-btn:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}