@charset "utf-8";
/* //////////////////////////////////
基本設定メモ
color:
font-family:


///////////////////////////////////*/


/* //////////////////////////////////
汎用クラス
///////////////////////////////////*/

/* レスポンシブ関連 */
.pc__block{display:none!important;}
.pc__inline{display:none!important;}
.tb__block{display:none!important;}
.tb__inline{display:none!important;}
.sp__block{display:block!important;}
.sp__inline{display:inline!important;}
.sp__none{display:none!important;}
.pc-tb__block{display:none!important;}
.pc-tb__inline{display:none!important;}
.tb-sp__block{display:block!important;}
.tb-sp__inline{display:inline!important;}
.pc-sp__block{display:block!important;}
.pc-sp__inline{display:inline!important;}

.hide__header.active{display:none;}

html{
  overflow-x: hidden;
}

.sec__eye-catch{
  padding: 120px 0 60px;
}


.sec__eye-catch {
  background:url(../_img/ic_cmn.jpg) no-repeat -50px bottom / 180px #eeefef;
}


/* テキスト系*/
html {
 -webkit-text-size-adjust: 100%;
}
body{
  font-size: 90%;
}

.sec__eye-catch h2{
  font-size: 30px;
}
.sec__lede{
  padding: 65px 0 20px;
}
.sec__lede h3{
  font-size: 22px!important;
}
.sec__introduction h3{
  font-size: 22px!important;
  margin-bottom: 20px!important;
}
h4.heading__border-lr{
  font-size: 20px;
}

.sec__lede p{
  text-align: left!important;
  line-height: 2!important;
}

.footer__uppper{
  padding: 45px 0 50px;
}

.sec__lede figure{
  width: 100%!important;
}
.left__flick{
  display: block;
  text-align: left!important;
  width:230px;
}
.left__flick img{
  width:100%;
}
.left__flick_tb{
  display: block;
  text-align: left!important;
  width:230px;
}
.left__flick_tb img{
  width:100%;
}
/*2カラムレイアウト*/
.layout__pattern01 li figure,
.layout__pattern01 li dl{
  width: 100%!important;
  float: none!important;
}
.layout__pattern01 li{
  margin: 0 0 45px!important;
}
.layout__pattern01 li dt{
  padding: 10px 0 45px!important;
}


/*TOP*/
.sec__news .border-bottom ul li figure{
  width: 100%!important;
  height: auto!important;
  padding: 0;
}

/*NEWS*/
.sec__news ul li{
  width: 100%!important;
  margin: 0 0 20px!important;
}

/*ご利用シーン*/
#scene-page .sec__link{
  padding: 0 0 85px!important;
}
#scene-page .sec__link ul{
  display: block!important;
}
#scene-page .sec__link ul li{
  width: 100%!important;
  margin-bottom: 10px;
}
#scene-page .sec__link ul li a{
  font-size: 18px!important;
  padding: 20px 0!important;
}
#scene-page .sec__link ul li a span:before,
#scene-page .sec__link ul li:last-child a span:before{
  top: -7px!important;
}


/*サービス*/
#service-page .btn_view-more_02{
  margin: 20px auto!important;
}

/*ケータリングサービス*/
#service-page-catering .layout__pattern01 .right__box{
  width: 100%!important;
}
#service-page-catering .layout__pattern01 li dl{
  margin-bottom: 10px!important;
  width: 100%!important;
}

/* アクセス */
.sec__guide p{
  font-size: 16px!important;
  margin: 40px 0 40px!important;
}
.sec__guide .flex__box{
  display: block!important;
}
.sec__guide .flex__box figure,
.sec__guide .flex__box .right__box{
  width: 100%!important;
}
.sec__guide .flex__box .right__box{
  margin-top: 30px;
}

/*よくあるご質問*/
.acdn__title {
  display: table!important;
  width: 100%!important;
}
.acdn__title em {
  padding: 15px 35px 15px 10px!important;
  display: table-cell!important;
  float: none!important;
}
.acdn__title span {
  display: table-cell!important;
  float: none!important;
  width: 40px!important;
  height: 100%!important;
  padding: 0!important;
}
.acdn__content span{
  width: 40px!important;
  padding: 15px 10px!important;
}
.acdn__content em,
.acdn__content .table__em{
  padding: 15px 10px!important;
  width:calc(100% - 40px)!important;
}
.table__04 th,
.table__04 td{
  padding: 5px!important;
}

/* お問い合わせ */
#page-contact .sec__faq01{
  padding: 40px 0 30px!important
}
#page-contact .sec__faq01 p{
  margin: 0 0 40px;
}
.sec__faq01 ul li{
  width: 100%!important;
  margin: 0 0 15px!important;
}
.sec__faq01 ul li a{
  font-size: 16px!important;
}
#page-contact .main__content{
  padding: 30px 0;
}
#page-contact .main__content .tel__box p{
  width: 100%;
  font-size: 40px;
  padding: 10px 0 20px;
}
#page-contact .form__box{
  margin: 50px 0 0 0;
}

#page-contact .form__wrap{
  padding: 0 20px;
}
#page-contact .form__wrap dt,
#page-contact .form__wrap dd label{
  padding: 0;
  margin: 0;
}
#page-contact form input.zip-code-3{
  width: 30%!important;
}
#page-contact form input.zip-code-4{
  width: 40%!important;
}
#page-contact .form__wrap dd{
  width: 100%;
}

/*お問い合わせサンクスページ*/
#body__contact.thanks p{
  text-align: left;
  margin: auto 10px;
}
#body__contact.thanks .tel__box p{
  text-align: center;
  margin: auto 0;
}
#body__contact.thanks h4.heading__border-lr{
  padding-bottom: 0;
}

/*お申し込みの流れ*/
#page-flow .left__box,
#page-flow .right__box{
  float: none;
  width: 100%;
  padding: 0 0 0 0;
}
#page-flow .sec__content01.bg__gray .right__box,
#page-flow .left__box img,
#page-flow .right__box img{
  margin-top: 20px;
}
#page-flow .cmn__btn{
  width: 100%;
  margin: 20px 0 0;
}
#page-floor .sec__floor-map figcaption {
    position: absolute;
    left: 7%;
    top: 4%;
    font-size: 22px;
    color:
    #54402f;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.btn__go-top a{
  transform:scale(0.6);
  transform-origin: right bottom;
}

.footer__uppper p.footer_tel {
    font-size: 9vw;
}
.sp_contact {
    position: fixed;
    top: 13px;
    right: 70px;
    z-index: 320;
    width: 39px;
}
.sp_contact img{
    width: 100%;
}
.under_list{
  margin-left: auto!important;
  text-indent: 1em;
}
.mbt{
  margin-bottom: 10px!important;
}