@charset "utf-8";
/* リセットCSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-style: normal;
  font-weight: 400;
}

html {
  font-size: 62.5%;
  line-height: 1.6;
  color: #000;
}

body {
  background: url(../../img/common/con-bg08.png) repeat top center;
}


body,
table,
input, textarea, select, option {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
  font-size: 18px; font-size: 1.8rem;
}

ol, ul {
  list-style: none;
}

ul li {
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
}

a:link {
  color: #2d1e14;
  text-decoration: none;
}

a:visited {
  color: #2d1e14;
  text-decoration: none;
}

a:hover {
  color: #2d1e14;
  text-decoration: none;
}

a:active {
  color: #2d1e14;
  text-decoration: none;
}

*,
*:after,
*::before {
  box-sizing: border-box;
}


*:before, *:after {
  pointer-events: none;
}

.flex,
.flex_st,
.flex_cn {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.flex {
  justify-content: space-between;
}

.flex_st {
  justify-content: start;
}

.flex_cn {
  justify-content: center;
}

.flex_en {
  justify-content: flex-end;
}


/*iPadの余白対応*/
@media (min-width: 768px) {

  .container {
    width: 100%;
    padding: 0 20px;
  }

  .pd0 {
    padding: 0 !important;
  }

  .container_none {
    padding: 0;
  }

}


.row {
  margin: 0;
}

.js_tel-link02 a{
  color: #000;
}

@media (min-width: 768px) {

  .pad0 {
    padding: 0;
  }
}

@media (max-width: 767.98px) {

  .sp_pad0 {
    padding: 0;
  }
}


.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

@media (max-width: 767.98px) {

  .col-xs-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-xs-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .xs_pad0 {
    padding: 0;
  }

  .xs_pt10 {
    padding-top: 10px;
  }

  .xs_pt20 {
    padding-top: 20px;
  }

  .xs_pt30 {
    padding-top: 30px;
  }

  .xs_pt40 {
    padding-top: 40px;
  }

  .xs_pt50 {
    padding-top: 50px;
  }

  .xs_pb10 {
    padding-bottom: 10px;
  }

  .xs_pb20 {
    padding-bottom: 20px;
  }

  .xs_pb30 {
    padding-bottom: 30px;
  }

  .xs_pb40 {
    padding-bottom: 40px;
  }

  .xs_mt10 {
    margin-top: 10px;
  }

  .xs_mt20 {
    margin-top: 20px;
  }

  .xs_mt30 {
    margin-top: 30px;
  }

  .xs_mt40 {
    margin-top: 40px;
  }

  .xs_mt50 {
    margin-top: 50px;
  }

  .xs_mb10 {
    margin-bottom: 10px;
  }

  .xs_mb20 {
    margin-bottom: 20px;
  }

  .xs_mb30 {
    margin-bottom: 30px;
  }

  .xs_mb40 {
    margin-bottom: 40px;
  }

  .xs_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .col-sm-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-sm-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .sm_pad0 {
    padding: 0;
  }

  .sm_pb10 {
    padding-bottom: 10px;
  }

  .sm_pb20 {
    padding-bottom: 20px;
  }

  .sm_pb30 {
    padding-bottom: 30px;
  }

  .sm_pb40 {
    padding-bottom: 40px;
  }

  .sm_pb50 {
    padding-bottom: 50px;
  }

  .sm_mb10 {
    margin-bottom: 10px;
  }

  .sm_mb20 {
    margin-bottom: 20px;
  }

  .sm_mb30 {
    margin-bottom: 30px;
  }

  .sm_mb40 {
    margin-bottom: 40px;
  }

  .sm_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .col-md-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-md-offset-1_5 {
    margin-left: 12.5%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .md_pad0 {
    padding: 0;
  }

  .md_pb10 {
    padding-bottom: 10px;
  }

  .md_pb20 {
    padding-bottom: 20px;
  }

  .md_pb30 {
    padding-bottom: 30px;
  }

  .md_pb40 {
    padding-bottom: 40px;
  }

  .md_pb50 {
    padding-bottom: 50px;
  }

  .md_mb10 {
    margin-bottom: 10px;
  }

  .md_mb20 {
    margin-bottom: 20px;
  }

  .md_mb30 {
    margin-bottom: 30px;
  }

  .md_mb40 {
    margin-bottom: 40px;
  }

  .md_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {

  .col-lg-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-lg-offset-1_5 {
    margin-left: 12.5%;
  }

  .col-lg-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .lg_pad0 {
    padding: 0;
  }

  .lg_pb10 {
    padding-bottom: 10px;
  }

  .lg_pb20 {
    padding-bottom: 20px;
  }

  .lg_pb30 {
    padding-bottom: 30px;
  }

  .lg_pb40 {
    padding-bottom: 40px;
  }

  .lg_pb50 {
    padding-bottom: 50px;
  }

  .lg_mb10 {
    margin-bottom: 10px;
  }

  .lg_mb20 {
    margin-bottom: 20px;
  }

  .lg_mb30 {
    margin-bottom: 30px;
  }

  .lg_mb40 {
    margin-bottom: 40px;
  }

  .lg_mb50 {
    margin-bottom: 50px;
  }

  .lg_mb80 {
    margin-bottom: 80px;
  }
}

/*----------------------------------------------------
main
----------------------------------------------------*/
body, table, input, textarea, select, option {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
}

.font__min {
  font-family:' Noto Serif','Times New Roman','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','メイリオ','Meiryo',serif;
}

.font__dan {
  font-family: 'Dancing Script', cursive;
  letter-spacing: 0.1em;
}


.fas{
  top: -4px;
  display: inline-block;
}

.container {
  width: 100%;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.container_20 {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

/*iPadの余白対応*/
@media (min-width: 991px) {

  .pd0 {
    padding: 0 !important;
  }

  .container_none {
    padding: 0;
  }

}

@media (min-width: 1260px) {

  .container {
    width: 1200px;
    padding: 0 30px;
  }

}

@media (min-width: 1320px) {

  .container {
    width: 1260px;
    padding: 0 30px;
  }

}


@media screen and (min-width: 1240px) and (max-width: 1259.98px) {

  .container {
    width: 100%;
    padding: 0 30px;
  }

}

@media screen and (min-width: 1200px) and (max-width: 1239.98px) {

  .container {
    width: 100%;
    padding: 0 30px;
  }

}

@media (max-width: 1199.98px) {

  .container {
    width: 100%;
    padding: 0 30px;
  }

}

@media (max-width: 991.98px) {

  .container {
    width: 100%;
    padding: 0 30px;
  }

}

@media (max-width: 767.98px) {

  .container {
    width: 100%;
    padding: 0 20px;
  }

}

@media (max-width: 399.98px) {

  .container {
    padding: 0 20px;
  }

}

@media (max-width: 329.98px) {

  .container {
    padding: 0 20px;
  }

}


.row {
  margin: 0;
}

.js_tel-link02 a{
  color: #000;
}

@media (min-width: 768px) {

  .pad0 {
    padding: 0;
  }
}

@media (max-width: 767.98px) {

  .sp_pad0 {
    padding: 0;
  }
}


.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

@media (max-width: 767.98px) {

  .col-xs-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-xs-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .xs_pad0 {
    padding: 0;
  }

  .xs_pt10 {
    padding-top: 10px;
  }

  .xs_pt20 {
    padding-top: 20px;
  }

  .xs_pt30 {
    padding-top: 30px;
  }

  .xs_pt40 {
    padding-top: 40px;
  }

  .xs_pt50 {
    padding-top: 50px;
  }

  .xs_pb10 {
    padding-bottom: 10px;
  }

  .xs_pb20 {
    padding-bottom: 20px;
  }

  .xs_pb30 {
    padding-bottom: 30px;
  }

  .xs_pb40 {
    padding-bottom: 40px;
  }

  .xs_mt10 {
    margin-top: 10px;
  }

  .xs_mt20 {
    margin-top: 20px;
  }

  .xs_mt30 {
    margin-top: 30px;
  }

  .xs_mt40 {
    margin-top: 40px;
  }

  .xs_mt50 {
    margin-top: 50px;
  }

  .xs_mb10 {
    margin-bottom: 10px;
  }

  .xs_mb20 {
    margin-bottom: 20px;
  }

  .xs_mb30 {
    margin-bottom: 30px;
  }

  .xs_mb40 {
    margin-bottom: 40px;
  }

  .xs_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .col-sm-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-sm-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .sm_pad0 {
    padding: 0;
  }

  .sm_pb10 {
    padding-bottom: 10px;
  }

  .sm_pb20 {
    padding-bottom: 20px;
  }

  .sm_pb30 {
    padding-bottom: 30px;
  }

  .sm_pb40 {
    padding-bottom: 40px;
  }

  .sm_pb50 {
    padding-bottom: 50px;
  }

  .sm_mb10 {
    margin-bottom: 10px;
  }

  .sm_mb20 {
    margin-bottom: 20px;
  }

  .sm_mb30 {
    margin-bottom: 30px;
  }

  .sm_mb40 {
    margin-bottom: 40px;
  }

  .sm_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .col-md-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-md-offset-1_5 {
    margin-left: 12.5%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .md_pad0 {
    padding: 0;
  }

  .md_pb10 {
    padding-bottom: 10px;
  }

  .md_pb20 {
    padding-bottom: 20px;
  }

  .md_pb30 {
    padding-bottom: 30px;
  }

  .md_pb40 {
    padding-bottom: 40px;
  }

  .md_pb50 {
    padding-bottom: 50px;
  }

  .md_mb10 {
    margin-bottom: 10px;
  }

  .md_mb20 {
    margin-bottom: 20px;
  }

  .md_mb30 {
    margin-bottom: 30px;
  }

  .md_mb40 {
    margin-bottom: 40px;
  }

  .md_mb50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {

  .col-lg-offset-0_5 {
    margin-left: 4.166666667%;
  }

  .col-lg-offset-1_5 {
    margin-left: 12.5%;
  }

  .col-lg-offset-2_5 {
    margin-left: 20.83333333%;
  }

  .lg_pad0 {
    padding: 0;
  }

  .lg_pb10 {
    padding-bottom: 10px;
  }

  .lg_pb20 {
    padding-bottom: 20px;
  }

  .lg_pb30 {
    padding-bottom: 30px;
  }

  .lg_pb40 {
    padding-bottom: 40px;
  }

  .lg_pb50 {
    padding-bottom: 50px;
  }

  .lg_mb10 {
    margin-bottom: 10px;
  }

  .lg_mb20 {
    margin-bottom: 20px;
  }

  .lg_mb30 {
    margin-bottom: 30px;
  }

  .lg_mb40 {
    margin-bottom: 40px;
  }

  .lg_mb50 {
    margin-bottom: 50px;
  }

  .lg_mb80 {
    margin-bottom: 80px;
  }
}


/*----------------------------------------------------
pc_header
----------------------------------------------------*/

.pc_wrap {
  width: 100%;
  text-align: center;
}

.pc_header{
  /* background: #f2ece1 url(img/common/con-bg02.jpg) repeat top center; */
  position: static;
  transition: .5s;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 10;
}

.pc_header__inner {
  display: table;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 2px;
}

@media (max-width: 599.98px) {

  .pc_header {
    display: none;
  }

}


.header_desc {
  color: #fff;
  font-size: 11px; font-size: 1.1rem;
  line-height: 1.4;
  padding-top: 2px;
  overflow: hidden;
}

.pc_header__h1_01{
  width: 100%;
  display: block;
  font-size: 15px; font-size: 1.5rem;
  text-align: left;
  line-height: 1.5;
  padding: 14px 0 0 0;
}

.pc_header_logo .pc_logo_img {
  width: 100px;
}

.logo__txt01 {
  width: 118px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 6px 0 7px;
  line-height: 1.4;
  font-size: 14px; font-size: 1.4rem;
  display: inline-block;
  margin: 14px 0 0 10px;
  text-align: center;
}

.pc_header__h1_02{
  display: none;
}

.header_tel{
  width: 45%;
  display: block;
  float: right;
  position: relative;
}

.header_tel_box {
  background: #2d1e14;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: right;
}

.header_tel_bin {
  width: 268px;
  padding: 6px 18px 12px;
  margin-top: 10px;
  margin-left: auto;
  background: #371206 url(../../img/common/footer-bg01.png) repeat top center;
  position: relative;
}

a.tel__no01,
.tel__no01 {
  font-size: 26px; font-size: 2.6rem;
  letter-spacing: 0.02em;
  color: #fff;
  font-weight: 400;
  display: block;
  margin-top: 4px;
}

.contact_header__wrap .drawer01_hamburger__box .tel__btn01 {
  font-size: 22px; font-size: 2.2rem;
}

@media (max-width: 399.98px) {

  .contact_header__wrap .drawer01_hamburger__box .tel__btn01 {
    font-size: 20px; font-size: 2.0rem;
  }

}

@media (max-width: 369.98px) {

  .contact_header__wrap .drawer01_hamburger__box .tel__btn01 {
    font-size: 18px; font-size: 1.8rem;
  }

}

.tel__no01 {
  margin-top: 0;
}

.tel__no01 .fas,
.sns__nav01 .fab {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 15px; font-size: 1.5rem;
}

.pc_header__inner .tel__no01 {
  text-align: left;
  padding-left: 46px;
}

.header_tel_box .fas {
  top: 12px;
  left: 18px;
  right: 0;
  position: absolute;
}

.fa-phone-alt:before{
  position: absolute;
  color: #2d1e14;
  top: 8px;
  left: 8px;
}

.pc_header_logo {
  width: 55%;
  display: block;
  float: left;
  padding: 0 20px 0 0;
  text-align: left;
  position: relative;
}


.header_tel .tel_time {
  font-size: 16px; font-size: 1.6rem;
  color: #fff;
}


.header_tel_desc01{
  padding-top: 9px;
  font-size: 15px; font-size: 1.5rem;
}

@media (max-width: 991.98px) {

  .logo__txt01 {
    font-size: 14px; font-size: 1.4rem;
  }

  .drawer01_h1_sp01 {
    display: block;
  }
}


@media screen and ( min-width: 600px) and ( max-width: 767.98px) {

  .pc_header__inner {
    padding-bottom: 56px;
  }

  .pc_header__h1_01 {
    display: none;
  }

  .pc_header__h1_02 {
    width: 50%;
    display: block;
    font-size: 14px; font-size: 1.4rem;
    text-align: left;
  }

  .pc_header_logo {
    width: 42%;
    padding: 0;
  }

  .header_tel {
    width: 58%;
  }

  .header_tel_desc01{
    width: 240px;
    font-size: 14px; font-size: 1.4rem;
    margin-left: auto;
    padding-top: 10px;
  }

  .pc__h1_box01{
    padding: 12px 0 12px 16px;
    margin-top: -53px;
  }

  .header_tel_box {
    right: 0;
  }

}

@media (max-width: 684.98px) {

  .header_tel_bin {
   margin-top: 22px; 
 }

}


/*----------------------------------------------------
pc_gnav
----------------------------------------------------*/

.gnav_wrap {
  position: relative;
  /* background: #f2ece1 url(img/common/con-bg02.jpg) repeat top center; */
}

.gnav_wrap::after {
  display: block;
  content: "";
}

.gnav_inner {
  text-align: center;
  margin: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

.gnav_ul {
  width: 100%;
}

.gnav_ul .gnav_li {
  display: table-cell;
  width: 15.5%;
  padding: 8px 0 8px;
  overflow: hidden;
}

.gnav_ul .gnav_home {
  width: 90px;
  padding: 8px 0;
  position: relative;
}

.gnav_ul .gnav_home .fa-home {
  font-size: 24px; font-size: 2.4rem;
  right: 35%;
  line-height: 68px;
  color: #2d1e14;
  position: absolute;
  top: -4px;
}

.gnav_ul .gnav_li:hover {
  transition: all 0.5s;
  background: rgba(48,29,17,0.9);
}

.gnav_ul .gnav_li:hover .gnav_li_tit,
.gnav_ul .gnav_li:hover .font__dan,
.gnav_ul .gnav_li:hover .pc__dropdown_02 .drawer-caret,
.gnav_ul .gnav_home:hover .fa-home {
  color: #fff;
}

.gnav_ul .gnav_a .gnav_li_tit {
  display: block;
  font-size: 14px; font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #000;
}

.gnav_ul .font__dan {
  font-size: 10px; font-size: 1.0rem;
  display: block;
  color: #2d1e14;
  padding-top: 4px;
}

@media (max-width: 1199.98px) {

  .gnav_ul .gnav_li,
  .gnav_ul .pc__gnav_li_01 .drawer-dropdown-menu {
    width: 15.5%;
  }

  .gnav_ul .gnav_home{
    width: 80px;
  }

  .gnav_ul .gnav_home .fa-home{
    right: 33%;
  }

}

@media (max-width: 991.98px) {

  .gnav_ul .gnav_li {
    width: 15.6%;
    padding: 10px 6px 12px;
  }

  .gnav_ul .gnav_home {
    width: 62px;
    padding: 6px;
    position: relative;
  }

  .gnav_ul .gnav_home .fa-home{
    right: 23%;
    top: -2px;
  }

  .gnav_ul .pc__gnav_li_01 .drawer-dropdown-menu {
    width: 130px;
    margin-top: -6px;
    margin-left: -6px;
  }

}

@media (max-width: 767.98px) {

  .gnav_ul .gnav_li {
    width: 15.5%;
    padding: 10px 0 8px;
    display: block;
    float: left;
  }

  .gnav_ul .pc__gnav_li_01 .gnav_li_tit {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .gnav_ul .gnav_home {
    width: 7%;
    right: 0;
    top: 0;
  }

  .gnav_ul .gnav_home .fa-home{
    right: 0;
    top: 0;
    padding: 17% 0;
    margin: 0 0 0 2%;
    position: static;
    line-height: 1;
  }

  .gnav_ul .pc__gnav_li_01 .drawer-dropdown-menu {
    width: 14.7%;
    margin: -3px 0 0 0%;
  }

  .gnav_ul .pc__gnav_li_01 .drawer-dropdown_acc {
    top: -3px;
  }

}

.gnav_wrap.fix .drawer-dropdown .drawer-caret,
.gnav_wrap.fix .gnav_ul .gnav_li .gnav_a .gnav_li_tit,
.gnav_wrap.fix .gnav_ul .gnav_home .fa-home,
.gnav_wrap.fix .gnav_ul .gnav_li .font__dan {
  color: #fff;
}

.gnav_wrap.fix .gnav_ul .gnav_li:hover {
  background: #fff;
}

.gnav_wrap.fix .gnav_ul .gnav_li:hover .gnav_a .gnav_li_tit {
  color: #000;
}

.gnav_wrap.fix .gnav_ul .gnav_home:hover .fa-home,
.gnav_wrap.fix .gnav_ul .gnav_li:hover .font__dan {
  color: #2d1e14;
}


@media (min-width: 600px) {

  .gnav_wrap.fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background: url(../../img/common/footer-bg01.png) repeat #2d1e14;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 18%);
  }

  .page__sub_nav02 .gnav_wrap.fix {
    box-shadow: none;
    background: url(../../img/common/footer-bg01.png) repeat #2d1e14;
  }

}

/*----------------------------------------------------
sp_nav
----------------------------------------------------*/

.gl_header {
  position: fixed;
  top: 0;
  z-index: 8;
  width: 100%;
  background: rgba(0,0,0,0.8);
}

.gl_header .sp_logo_inner {
  display: table-cell;
  width: 50%;
}

.sp_nav_inner {
  width: 100%;
  position: fixed;
  left: 0;
  /*  height: 9.8vh;　 ボタンの高さ固定 */
  height: auto;
  background: #f8f4ed;
}

.sp_nav_inner .sp_nav_inner_li{
  color: #2d1e14;
  display: block;
  font-size: 10px; font-size: 1.0rem;
  line-height: 1.1;
  text-align: center;
  padding-top: 1.5vh;
}

.sp_nav_inner .sp_logo_inner .sp_01__logo_img{
  width: 100px;
  display: inline-block;
  float: left;
  position: relative;
}


.gl_header .sp_header_h1 {
  padding: 8px 20px;
  font-size: 13px; font-size: 1.3rem;
  color: #FFF;
  background: #191919;
  line-height: 1.4;
}


@media (max-width: 599px) {

  .sp_header {
    height: 56px;
  }

  .gl_header .sp_logo_inner {
    padding: 15px 0 15px 12px;
  }

}


@media (min-width: 600px)  {

  .sp_header {
    display: none;
  }

}

.sp_nav_inner .sp_nav_01{
  width: 80%;
  padding: 0;
}


/* drawer　カラム修正 */
.drawer--right .drawer-nav {
  right: -80%;
  background: #f8f4ed;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 80%;
}

@media (max-width: 299.98px){

  .drawer--right.drawer-open .drawer-hamburger {
    right: 78%;
  }

}

.drawer-hamburger {
  width: 70px;
  top: 20px;
  padding: 0;
  position: fixed;
}

.drawer-hamburger-icon::before {
  top: -8px;
}

.drawer-hamburger-icon::after{
  top: 8px;
}

.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
  background-color: #2d1e14;
  width: 28px;
  margin: 0 auto 11px;
}



.sp_nav_menu{
  color: #2d1e14;
  font-size: 10px; font-size: 1.0rem;
}

.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
  width: 100%;
}

.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{
  width: 100%;
}


.drawer-overlay{
  background-color: rgba(213,204,200,.65);
}

.drawer-nav {
  width: 80%;
}

.drawer01_hamburger__box {
  width: 86%;
  margin-left: 7%;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
}


/* drawer-dropdownはwidthの調整 */
@media (max-width: 499.98px){

  .drawer01_hamburger__box {
    width: 85%;
    margin-left: 7.5%;
  }

}

.drawer01_hamburger__box .drawer01__logo_img {
  width: 100px;
  margin: 60px auto 0;
  float: none;
}

.drawer01_hamburger__box .drawer01_h1 {
  display: block;
  font-size: 15px; font-size: 1.5rem;
  margin: 20px 0 30px;
}

.drawer01_hamburger__box .tel__btn01 {
  font-size: 32px; font-size: 3.2rem;
  color: #fff;
  text-align: left;
}

.drawer01_hamburger__box .tel__btn01_time01,
.drawer01_hamburger__box .tel__btn01_time02 {
  font-size: 15px; font-size: 1.5rem;
  display: block;
  margin: -6px 0 0 15px;
  color: #fff;
  text-align: left;
}

.drawer01_hamburger__box .tel__btn01_time02 {
  display: none;
}

.drawer01_hamburger__box .f_info_txt03 {
  width: 100%;
  text-align: left;
  margin: 10px 0 20px;
}

.drawer01_hamburger__box .drawer-brand {
  width: auto;
  background-color: #2d1e14;
  padding: 14px 0 14px 30px;
  text-align: center;
}

.drawer-nav .drawer01_hamburger__box .f_info_txt03 .fa-phone-alt {
  background-color: #fff;
  top: 6px;
}


.drawer01_hamburger__box .f_info_txt03 .fa-phone-alt:before {
  color: #2d1e14;
}

.drawer01_hamburger__box .tel__btn01_txt01 {
  color: #000;
  display: block;
  font-size: 13px; font-size: 1.3rem;
  margin: 4px 0 0 14px;
}


@media screen and ( min-width: 366px) and ( max-width: 429.98px) {

  .drawer01_hamburger__box .drawer-brand {
    /*width: 252px;*/
  }

  .drawer01_hamburger__box .tel__btn01 {
    font-size: 26px; font-size: 2.6rem;
    color: #fff;
  }

  .drawer01_hamburger__box .drawer01_h1 {
    font-size: 15px; font-size: 1.5rem;
    margin: 20px 0 30px;
  }

  .drawer01_hamburger__box .tel__btn01_time01 {
    font-size: 13px; font-size: 1.3rem;
    display: block;
    margin: -10px 0 0 2px;
  }


}

@media (max-width: 369.98px) {

  .drawer01_hamburger__box .drawer01_h1 {
    font-size: 14px; font-size: 1.4rem;
  }

  .drawer01_hamburger__box .drawer-brand {
    width: 100%;
    padding: 10px 0 10px 20px;
  }

  .drawer01_hamburger__box .drawer01__logo_img {
    margin: 50px auto 0;
  }

  .drawer01_hamburger__box .tel__btn01 {
    font-size: 24px; font-size: 2.4rem;
  }

  .drawer01_hamburger__box .tel__btn01_time01 {
    font-size: 13px; font-size: 1.3rem;
    margin: -6px 0 0 2px;
  }

  .drawer01_hamburger__box .tel__btn01_txt01 {
    margin-left: 4px;
  }

}

@media (max-width: 329.98px) {

  .drawer01_hamburger__box .drawer-brand {
    width: 100%;
    padding: 4px 0 8px 14px;
  }

  .drawer01_hamburger__box .tel__btn01 {
    font-size: 21px; font-size: 2.1rem;
    text-align: center;
  }

  .drawer-nav .drawer01_hamburger__box .f_info_txt03 .fa-phone-alt {
    top: 8px;
  }

  .drawer01_hamburger__box .tel__btn01_time01 {
    display: none;
  }

  .drawer01_hamburger__box .tel__btn01_time02 {
    font-size: 13px; font-size: 1.3rem;
    display: block;
    margin: -10px 0 0 2px;
    text-align: center;
  }

  .drawer01_hamburger__box .tel__btn01_txt01 {
    font-size: 12px; font-size: 1.2rem;
    margin: 4px 0 0 4px;
  }

}

@media (max-width: 289.98px) {

  .drawer01_hamburger__box .tel__btn01 {
    font-size: 20px; font-size: 2.0rem;
    text-align: center;
  }

}

.drawer01_hamburger__box .logo__txt01 {
  color: #2d1e14;
  margin-left: -10px;
  width: 118px;
}



/*----------------------------------------------------
drawer-nav sns
----------------------------------------------------*/
.drawer-nav .drawer01_hamburger__box .f_info__sns01 {
  width: 216px;
  padding: 32px 0 60px;
  margin-right: auto;
  margin-left: 0;
}

.drawer01_hamburger__box .sns__nav01 .nav01_item {
  width: 50px;
  margin-right: 30px;
  padding-right: 0;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01 .nav01_item a {
  width: 50px;
  height: 50px;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01 .fab {
  width: 50px;
  height: 50px;
  font-size: 22px; font-size: 2.2rem;
  background-color: #2d1e14;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01 .fab:before {
  color: #fff;
  top: 14px;
  left: 18px;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01_ig .fab {
  font-size: 24px; font-size: 2.4rem;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01_ig .fab:before {
  top: 13px;
  left: 15px;
}

.drawer-nav .drawer01_hamburger__box .sns__nav01_pt .fab:before {
  top: 15px;
}

@media screen and (min-width: 366px) and (max-width: 429.98px) {

  .drawer-nav .drawer01_hamburger__box .f_info__sns01 {
    margin: 0 auto;
  }

}

@media (max-width: 369.98px) {

  .drawer-nav .drawer01_hamburger__box .f_info__sns01 {
    padding: 32px 0 50px;
  }

}

@media (max-width: 329.98px) {

  .drawer-nav .drawer01_hamburger__box .f_info__sns01 {
    width: 186px;
  }

  .drawer01_hamburger__box .sns__nav01 .nav01_item {
    margin-right: 18px;
  }

}

.drawer-nav_ul .drawer-nav_li {
  text-align: left;
}

.drawer-nav_ul .drawer-nav_li,
.drawer-nav_ul .drawer-nav_li .drawer-nav_li_a {
  width: 100%;
  color: #000;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 400;
}

.drawer-nav_ul .drawer-nav_li .drawer-menu-item .fa-chevron-right {
  font-size: 6px; font-size: 0.6rem;
  color: #d92140;
  top: 50%;
  right: 16px;
  margin-top: -5px;
  position: absolute;
}

/* dropdown設定 */

.drawer-nav_ul .drawer-dropdown {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 12px;
  margin-bottom: 12px;
}

.drawer-nav_ul .sp_drawer-dropdown__li01 {
  padding: 0 0 4px;
  margin-bottom: 0;
}

.drawer-nav_ul .drawer-dropdown .sp_drawer__02 {
  margin-top: 20px;
}

.drawer-dropdown .drawer-dropdown_a{
  padding: 10px;
  text-align: left;
}

.drawer-dropdown .drawer-dropdown_a{
  width: 100%;
  color: #000;
  line-height: 20px;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 400;
}

.drawer-nav_ul .drawer-dropdown,
.drawer-dropdown .drawer-dropdown-menu{
  position: relative;
  display: block;
  text-align: left;
}



.drawer-dropdown .drawer-dropdown-menu{
  padding: 10px 0 10px 10px;
}

.drawer-dropdown .drawer-dropdown_a:hover{
  text-decoration: none;
}



/* 非表示に */
.drawer-dropdown .drawer-dropdown-menu{
  display: none;
  text-align: left;
  line-height: 20px;
  padding: 0;
  overflow: hidden;
}

.drawer-dropdown-menu_li .drawer-dropdown-menu-item .fas{
  font-size: 12px; font-size: 1.2rem;
  color: #341105;
  top: 50%;
  right: 0;
  margin-top: -7px;
  position: absolute;
}

.drawer-dropdown .drawer-dropdown-menu-item:hover{
  text-decoration: none;
}

.drawer-dropdown .drawer-caret{
  color: #341105;
  top: 50%;
  margin-left: 20px;
  margin-top: -2px;
  position: absolute;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transition: .5s;   /* メニュー全体には適応できない */
}

.drawer-dropdown .drawer-dropdown_acc,
.drawer-nav_li .drawer-menu-item {
  height: 42px;
  line-height: 42px;
  padding: 0;
  position: relative;
  overflow: hidden;
}


.drawer-dropdown-menu .drawer-dropdown-menu_li {
  width: 40%;
  float: left;
  height: 45px;
  line-height: 45px;
  border-bottom: #fff solid 1px;
  position: relative;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li {
  border-left: none;
}

.drawer-dropdown-menu_li:last-child .drawer-dropdown-menu-item{
  margin-bottom: 12px;
}

.drawer-dropdown-menu_li:last-child .drawer-dropdown-menu-item .glyphicon{
  margin-top: -13px;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li .drawer-dropdown-menu-item{
  display: block;
  width: 100%;
  margin-left: 0;
  padding: 0 10px;
  color: #000;
  height: 42px;
  line-height: 42px;
  font-size: 16px; font-size: 1.6rem;
  font-weight: 400;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(3),
.drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(4) {
  margin-bottom: 8px;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li .drawer-dropdown-menu-item .fas{
  right: 10px;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(2) .drawer-dropdown-menu-item .fas{
  color: #60a304;
}

.drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(3) .drawer-dropdown-menu-item .fas{
  color: #f49f19;
}

/* dropdown設定終了 */

/* z-indexの指定にてメニュー欄より下にする */

.sp_nav_inner {
  z-index: 2;
}

.drawer-open .drawer-overlay {
  z-index: 4;
}

.drawer--right.drawer-open .drawer-hamburger {
  z-index: 5;
}

.drawer--right .drawer-nav {
  z-index: 6;
}

.dropdown-backdrop{
  z-index: 0;
}


.pc__gnav_li_01 .drawer-dropdown_acc {
  display: block;
  height: auto;
  line-height: normal;
  text-align: center;
  top: 0;
}


.pc__gnav_li_01 .pc__dropdown_02 {
  display: none;
}


@media screen and ( min-width: 768px) and ( max-width: 991.98px) {

  .pc__gnav_li_01 .pc__dropdown_02 {
    display: none;
  }

}

@media (min-width: 992px) {

  .pc__gnav_li_01 .pc__dropdown_01 {
    display: none;
  }

  .pc__gnav_li_01 .pc__dropdown_02 {
    display: block;
  }

}

.pc__gnav_li_01 .drawer-caret {
  margin: 0;
  right: 20px;
  bottom: 0px;
  top: 32px;
}

.pc__gnav_li_01 .gnav_li_tit {
  font-size: 14px; font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.pc__gnav_li_01 .drawer-dropdown-menu {
  position: absolute;
  width: 174px;
  top: 72px;
  margin: 0;
  background: #fff;
  border: 1px solid #e6e6e6;
  z-index: 3;
}

.pc__gnav_li_01 .pc__dropdown02 {
  width: 175px;
}

.pc__gnav_li_01 .drawer-dropdown-menu_li:last-child .drawer-dropdown-menu-item {
  margin-bottom: 0;
}

.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li {
  border-bottom: #e6e6e6 solid 1px;
  width: 100%;
}

.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(3),
.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(4) {
  margin: 0;
}

.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(2) .drawer-dropdown-menu-item .fas,
.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li:nth-child(3) .drawer-dropdown-menu-item .fas {
  color: #2d1e14;
}

.pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li .drawer-dropdown-menu-item .fas {
  right: 16px;
}

@media (max-width: 991.98px) {

  .pc__gnav_li_01 .drawer-dropdown-menu .drawer-dropdown-menu_li .drawer-dropdown-menu-item .fas {
    right: 10px;
  }

  .pc__gnav_li_01 .drawer-caret {
    right: 10px;
  }

}


/*----------------------------------------------------
page__sub_nav
----------------------------------------------------*/

.sub__nav_wrap {
  border-bottom: 1px solid rgba(55,18,6,.3);
  background: rgba(55,18,6,.05);
}


.sub__nav_wrap .sub__nav_inner {
  width: 1140px;
  /*overflow-x: scroll;*/
  margin: 0 auto;
  padding: 10px 0;
}

.sub__nav_wrap .sub__nav_inner .page__sub_nav {
  width: 1200px;
}


.sub__nav_wrap.page__cafe-list01 .sub__nav_inner .page__sub_nav {
  width: 1280px;
}

.sub__nav_wrap.page__cafe-list02 .sub__nav_inner {
  overflow: hidden;
}

.sub__nav_wrap.page__menu-list01 .sub__nav_inner .page__sub_nav {
  /*width: 1420px;*/
  width: auto;
}

.sub__nav_wrap.page__menu-list02 .sub__nav_inner .page__sub_nav {
  /*width: 1570px;*/
  width: auto;
}

.sub__nav_wrap.page__dish-list02 .sub__nav_inner .page__sub_nav {
  /*width: 1720px;*/
  width: 100%;
}

.sub__nav_wrap.page__dish-list01 .sub__nav_inner {
  overflow: hidden;
}



@media screen and (min-width: 1240px) and (max-width: 1259.98px) {

  .sub__nav_wrap .sub__nav_inner .page__sub_nav {
    width: 1180px;
  }

}

@media (min-width: 1260px) {

  .sub__nav_wrap .sub__nav_inner .page__sub_nav {
    width: 1200px;
  }

}

@media (max-width: 1199.98px) {


  .sub__nav_wrap .sub__nav_inner {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }

  .sub__nav_wrap.page__dish-list01 .sub__nav_inner {
    overflow-x: scroll;
  }

  .sub__nav_wrap.page__dish-list01 .sub__nav_inner .page__sub_nav {
    width: 1140px;
  }

}

@media (max-width: 991.98px) {

  .sub__nav_wrap .sub__nav_inner {
    padding: 0 20px;
  }

  .sub__nav_wrap.page__cafe-list02 .sub__nav_inner {
    overflow-x: scroll;
  }

  .sub__nav_wrap.page__cafe-list02 .sub__nav_inner .page__sub_nav {
    width: 960px;
  }

}


.page__sub_nav {
  position: relative;
  margin: 0 auto;
  padding-top: 70px;
}

.page__sub_nav_box {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 1;
}

.page__sub_nav_box .page__sub_nav_ul {
  width: auto;
}

.page__sub_nav_box .page__sub_nav_li {
  position: relative;
  float: left;
  margin-right: 24px;
}


.page__sub_nav_box .page__sub_nav_li:last-child {
  margin-right: 0px;
}

.page__sub_nav_box a {
  position: relative;
  display: block;
  width: auto;
  font-size: 15px;  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
}


.page__sub_nav_box a {
  padding: 12px 42px 12px 20px;
  margin: 10px 0 12px; /* スクロールバー含める */
  display: block;
  font-size: 15px;  font-size: 1.5rem;
  background: #2d1e14;
  color: #fff;
  line-height: inherit;
  -webkit-transition: .3s;
  transition: .3s;
}

.page__sub_nav_box a:hover {
  color: #2d1e14;
  background: #fff;
}


.page__sub_nav_box .page__sub_nav_li:hover:after {
  width: 100%;
  left: 0px;
}


@media (max-width: 1023.98px) {

  .page__sub_nav {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }

}


@media (max-width: 599.98px) {

  .sub__nav_wrap {
    clear: both;
    position: fixed;
    left: 0;
    top: 56px !important;
    width: 100%;
    background: #f8f4ed;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 18%);
    overflow-x: scroll;
    z-index: 5;
  }

  .sub__nav_wrap .sub__nav_inner,
  .sub__nav_wrap .sub__nav_inner .page__sub_nav {
    width: auto;
  }


  .page__sub_nav {
    padding: 0;
    width: auto;
  }

  .page__sub_nav_box {
    position: static;
  }

  .page__sub_nav_box a {
    margin: 20px 0 22px;
  }

  .page__sub_nav_box .page__sub_nav_ul {
    height: auto;
    padding: 0 0 0 0;
    overflow: hidden;
  }

  .page__sub_nav_box .page__sub_nav_li {
    height: auto;
    margin: 0 20px 0 0;
    border: none;
  }

  .page__sub_nav_box .page__sub_nav_li:before,
  .page__sub_nav_box .page__sub_nav_li:after {
    display: none;
  }

}

@media (min-width: 600px) {
  .sub__nav_wrap.fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 8;
    background: #f8f4ed;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 18%);
    background: #371206 url(../../img/common/con-bg12.png) repeat top center;
  }
}

@media (max-width: 365.98px) {

  .sub__nav_wrap .sub__nav_inner {
    padding: 0 0 0 8px;
  }

}

@media (max-width: 335.98px) {

  .page__sub_nav_box .page__sub_nav_li {
    margin: 0 8px 0 0;
  }

}

@media (max-width: 319.98px) {

  .page__sub_nav_box .page__sub_nav_li {
    margin: 0 8px 20px 0;
  }

  .page__sub_nav_box .page__sub_nav_li a {
    margin: 20px 0 0;
  }

  .page__sub_nav_box .page__sub_nav_li:last-child a {
    margin: 0 0 0;
  }


}

.header__inner01{
  background: #eaeaea url(../../img/recruit/about-header.jpg) no-repeat center center;
  background-size: cover;
  display: table;
  height: 240px;
  position: relative;
  width: 100%;
}

.header__content01{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-shadow: 0px 0px 0px #333333;
}

.header__tit01{
  color: #FFF;
  font-size: 32px;  font-size: 3.2rem;
  position: relative;
  top: -30px;
  line-height: 1.4;
}

.header__tit01_sub{
  font-size: 18px;  font-size: 1.8rem;
  color: #FFF;
  position: relative;
  top: -28px;
}


.header-wrap {
  /*background: #f2ece1 url(../../img/common/con-bg02.jpg) repeat top center;*/
  position: relative;
  display: block;
}

.breadcrumb_01__wrapper {
  background: rgba(245, 240, 233, 0.85);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.breadcrumb_01__wrapper .breadcrumb_01__inner {
  font-size: 14px;  font-size: 1.4rem;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 4px auto 2px;
}

.breadcrumb_01__wrapper .breadcrumb_01__inner .bc01__home span{
  display: none;
}

.bc01__li {
  float: left;
}

.bc01__li_txt {
}

.breadcrumb_01__wrapper .breadcrumb_01__inner .fa-home {
  color: #c20000;
  font-size: 16px;  font-size: 1.6rem;
  margin-top: 3px;
}

.breadcrumb_01__wrapper .breadcrumb_01__inner .fa-angle-right {
  font-size: 15px;  font-size: 1.5rem;
  padding-right: 8px;
}

.bc01__li_tit {
  width: 90%;
  font-size: 16px;  font-size: 1.6rem;
  text-align: left;
}

.bc01__arrow {
  position: relative;
  display: inline-table;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;  font-size: 1.5rem;
}

.bc01__arrow::before,
.bc01__arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-top: -6px;
  content: "";
  vertical-align: middle;
}

.bc01__i01::before {
  left: 8px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bc01__txt {
  padding-left: 30px;
  display: inline-table;
}

.bc01__li_tit .bc01__tit_sub {
  margin-left: 12px;
}


@media (max-width: 599.98px) {

  .header__inner01 {
    background: #eaeaea url(../../img/recruit/about-header.jpg) no-repeat 52% center;
    background-size: cover;
  }


  .header__visual {
    margin-top: 52px;
  }

  .header__tit01 {
    top: -10px;
  }

  .header__tit01_sub{
    top: -12px;
  }

  .header__content01 {
    position: relative;
    top: -10px;
  }

  .header-wrap.page__sub_nav01{
    padding-top: 56px;
  }

  .header-wrap.page__sub_nav02{
    padding-top: 106px;
  }

  .breadcrumb_01__wrapper .breadcrumb_01__inner {
    padding: 0 12px;
  }

}

.slider__pc01 {
  display: block;
}

.slider__sp01 {
  display: none;
}




@media (max-width: 767.98px) {

  .slider__pc01 {
    display: none;
  }

  .slider__sp01 {
    display: block;
  }
}


@media (max-width: 599.98px) {

  .breadcrumb_01__wrapper .breadcrumb_01__inner {
    padding: 16px;
  }

}

@media (max-width: 399.98px) {

  .breadcrumb_01__wrapper .breadcrumb_01__inner {
    padding: 8px 10px;
  }

}

@media (max-width: 329.98px) {

  .breadcrumb_01__wrapper .breadcrumb_01__inner {
    padding: 8px 10px;
  }

}

/*----------------------------------------------------
footer
----------------------------------------------------*/


.footer__wrap {
  background: #371206 url(../../img/common/footer-bg01.png) repeat top center;
  position: relative;
  z-index: 5;
}

.footer__info {
  width: 786px;
  overflow: hidden;
  margin: 0 auto;
}

.footer__info_box01,
.f_info_txt02, .f_info_txt03 {
  color: #fff;
  display: block;
  width: 268px;
  position: relative;
  float: left;
  text-align: left;
}

.footer__info_box01 {
  margin: 50px 0 50px 96px;
}

.f_info_txt02 {
  display: none;
}

.f_info_txt03 {
  width: 200px;
  margin: 50px 0 50px 96px;
}

.footer__logo_txt01 {
  width: 112px;
  /*真ん中にする*/
  margin: 60px 0 0 10px;
  display: block;
  position: relative;
  float: left;
}

@media (max-width: 845.98px) {


  .footer__info {
    width: 724px;
  }


  .f_info_txt03,
  .footer__info_box01 {
    margin-left: 9%;
  }

}

@media (max-width: 785.98px) {

  .footer__info {
    width: 706px;
  }

  .f_info_txt03,
  .footer__info_box01 {
    margin-left: 8%;
  }

}


@media (max-width: 767.98px) {

  .f_info_txt02 .tel__btn01_time01 {
    display: block;
    margin: 0 0 30px;
    font-size: 16px; font-size: 1.6rem;
  }

  .f_info_txt02 .tel__btn01_time02 {
    display: none;
  }

  .f_info_txt03 {
  width: 100%;
  text-align: center;
 }

}




@media screen and ( min-width: 600px) and ( max-width: 767.98px) {


  .footer__info {
    width: 508px;
    overflow: hidden;
    margin: 0 auto;
  }

  .footer__logo_txt01 {
    margin-top: 96px;
  }

  .footer__info_box01 {
    margin: 50px 0 50px 50px;
  }

  .f_info_txt02 {
    width: 356px;
    display: block;
    margin-top: 20px;
  }

  .f_info_txt03 {
    display: none;
  }


}


.footer__info img {
  width: 100px;
  padding-left: 6px;
  display: block;
}

.footer__info_box01 .tel__no01 .fas,
.f_info_txt03 .tel__no01 .fas  {
  position: relative;
  margin: 0 10px 0 0;
  top: 4px;
}


.footer__info .logo__txt01 {
  width: 112px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin: 10px 0 0 0;
}

.footer__table_td01 {
  padding-left: 12px;
}

.f-bar_01__wrap {
  background: #910000 url(../../img/common/footer-bg02.png) repeat top center;
  width: 100%;
}


.f-bar_01__inner {
  margin: 0 auto;
  position: relative;
  background: #910000 url(../../img/common/footer-bg02.png) repeat top center;
}

.f-bar_01__inner.container {
  width: auto;
}

.sns__nav01 {
  color: #fff;
  top: 0;
  left: 26px;
  bottom: 0;
}



.f_info__sns02 {
  display: none;
}


@media screen and ( min-width: 600px) and ( max-width: 767.98px) {

  .f_info__sns02 {
    display: block;
    position: static;
  }

  .f_info__sns02 .nav01_item {
    margin-right: 30px;
  }

  .f_info__sns02 .nav01_item .fab:before {
    top: 8px;
    left: 11px;
  }

  .f_info__sns02 .nav01_item .fa-instagram:before {
    left: 9px;
  }

  .f_info__sns02 .nav01_item .fa-pinterest-p:before {
    top: 9px;
  }

}

.sns__nav01 .fab {
  width: 36px;
  height: 36px;
  font-size: 20px; font-size: 2.0rem;
  color: #fff;
  position: relative;
}

.f_info__sns01 .fab:before,
.f_info__sns02 .fab:before {
  color: #2d1e14;
  position: absolute;
  top: 8px;
  left: 10px;
}

.f_info__sns01 .sns__nav01_fb .fab:before {
  top: 8px;
  left: 12px;
}

.f_info__sns01 .sns__nav01_pt .fab:before {
  top: 9px;
  left: 11px;
}


.f_info__sns01 .nav01_item {
  padding-right: 30px;
  margin: 24px 0 0 0;
}

.footer__wrap .f_info__sns01 .fab {
  margin: 0;
}

.nav01_item {
  float: left;
  margin-right: 15px;
}

.sns__nav01_fb {
  margin-top: -1px;
}

.sns__nav01_fb .fab {
}

.sns__nav01_fb .fab:before {
  top: 5px;
  left: 8px;
}


.sns__nav01_ig {
}

.sns__nav01_pt {
  margin-top: 1px;
}

.nav01_item a {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
}


.f_info__sns01 .nav01_item:last-child {
  padding-right: 0;
  margin-right: 0;
}

.copyright {
  display: block;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  padding: 20px 0;
  margin: -2px auto 2px;
}


@media (max-width: 599.98px) {

  .footer__info {
    width: 100%;
  }

  .f_info__sns01 {
    width: 168px;
    overflow: hidden;
    padding: 40px 0 60px;
    margin: 0 auto;
  }

  .f_info_txt03 {
    float: none;
    margin: 0 auto;
    overflow: hidden;
  }

  .f_info__sns01 .nav01_item {
    margin: 0;
  }

}


@media screen and ( min-width: 500px) and ( max-width: 599.98px) {

  .footer__info_box01 {
    margin: 50px 0 40px 40px;
  }

  .footer__logo_txt01 {
    margin-left: calc((100% - 392px ) / 2);
  }


}

@media (max-width: 499.98px) {

  .footer__info {
    width: 100%;
  }

  .footer__info_box01 {
    margin: 50px auto;
    float: none;
  }

  .footer__logo_txt01 {
    float: none;
    margin: 50px auto 0;
  }

}

@media (max-width: 329.98px) {

  .copyright {
    padding: 16px 0;
  }

}



#js_page_link .comBanner .header_tel .header_tel_bin {
  background: none;
}


.comBanner {
  position: fixed;
  right: 20px;
  top: 100px;
  z-index: 3;
  float: none;
}

.comBanner.pc__banner01 {
  z-index: 10;
}

#js_page_link .comBanner .header_tel {
  width: 200px;
  position: static;
  margin: 8px 0 0;
  background: url(../../img/common/con-bg13.png) repeat top center;
  background: rgba(99,59,0,.85);
}


@media (max-width: 991.98px) {

  .comBanner {
    top: 104px;
  }

  #js_page_link .comBanner .header_tel {
    margin: 0;
  }

}

@media (max-width: 767.98px) {

  .comBanner {
    top: 100px;
  }

}

@media (max-width: 599.98px) {

  .comBanner {
    top: 74px;
    right: 0;
  }

}

.comBanner .header_tel a {
  color: #fff;
}

.comBanner .header_tel_box {
  position: static;
  float: none;
  background: none;
  text-align: center;
}

.comBanner .header_tel_bin {
  width: auto;
  margin: 0 auto;
  background: none;
  padding: 16px 18px;
}

#js_page_link .comBanner .header_tel .header_tel_bin.active {
  color: #fff;
  background: #fff;
}

#js_page_link .comBanner .header_tel .header_tel_bin:after {
  background: #fff;
}

.comBanner .header_tel:hover,
.comBanner .header_tel:hover a {
  color: #371206;
}

.comBanner .header_tel .bc01__i01:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.comBanner .header_tel:hover .bc02__arrow.bc01__i01:before {
  border-top: 2px solid #371206;
  border-right: 2px solid #371206;
}

.comBanner .header_tel:hover .header_tel_bin:after {
  left: -10%;
  width: 120%;
}


.contact_tel__wrap .header_tel .fas {
  background-color: #3a2b21;
  left: 8px;
}


.comBanner.pc__banner01,
.pc_banner01_btn {
  display: block;
}

#js_page_link .comBanner.sp__banner01,
.sp_banner01_btn {
  display: none;
}

@media (max-width: 599.98px) {

  .comBanner.pc__banner01,
  .pc_banner01_btn {
    display: none;
  }

  #js_page_link .comBanner.sp__banner01,
  .sp_banner01_btn {
    display: block;
  }

}


@media (max-width: 599.98px) {

  .comBanner {
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
  }

  #js_page_link .comBanner .sp__banner01_inner {
    padding: 8px;
    background: rgba(245, 240, 233, 0.85);
    overflow: hidden;
  }

  #js_page_link .comBanner .header_tel {
    width: 100%;
  }

  .comBanner .header_tel_bin {
    padding: 16px 14px 16px 0;
  }

}


@media (max-width: 599.98px) and ( min-height: 650px) {

  .comBanner {
    top: auto;
    bottom: 0;
  }

}

.comBanner.r-banner_box02__wrap {
  top: auto;
  right: 0;
  bottom: 10%;
  z-index: 3;
}

#js_page_link .r-banner_box02__wrap .header_tel {
  width: 300px;
}

#js_page_link .r-banner_box02__wrap .header_tel .header_tel_bin {
  width: 160px;
  background: #f1572e;
  bottom: 8px;
  padding: 12px 18px;
  border-radius: 8px;
}

.r-banner_box02__wrap .r-banner_box02__a_inner {
  position: relative;
}

.r-banner_box02__wrap .header_tel_box {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}


.r-banner_box02__wrap .header_tel:hover,
.r-banner_box02__wrap .header_tel:hover a{
  color: #f1572e;
}


.r-banner_box02__wrap  .header_tel:hover .bc02__arrow.bc01__i01:before {
  border-top: 2px solid #f1572e;
  border-right: 2px solid #f1572e;
}

@media (min-width: 1399.98px) {

.comBanner.r-banner_box02__wrap {
  z-index: 10;
}

}

@media (max-width: 991.98px) {

  .comBanner.r-banner_box02__wrap {
    bottom: 12px;
  }

  #js_page_link .r-banner_box02__wrap .header_tel {
    width: 200px;
  }

    #js_page_link .r-banner_box02__wrap .header_tel .header_tel_bin {
    bottom: -12px;
  }

  .comBanner.r-banner_box02__wrap p {
    text-align: center;
  }

}

@media (max-width: 599.98px) {

  .comBanner.r-banner_box02__wrap {
    width: auto;
    bottom: 20px;
  }

  #js_page_link .r-banner_box02__wrap .header_tel {
    width: 150px;
    height: 174px;
  }

  #js_page_link .r-banner_box02__wrap .header_tel .header_tel_bin {
    width: 100%;
    background: #f1572e;
    bottom: -24px;
    padding: 14px 18px;
    border-radius: 0;
  }

  #js_page_link .comBanner.r-banner_box02__wrap .sp__banner01_inner {
    background: none;
    padding: 0;
  }

  #js_page_link .r-banner_box02__wrap .header_tel p{
    text-align: center;
  }

}


@media (min-width: 600px) {

   a[href^="tel:"] {
        text-decoration: none;
        display: inline-block;
        pointer-events: none;
    }

}