@charset "UTF-8";
/*	com-color
サイト内で主に使用する色の変数
------------------------------------ */
/*	使用フォント一覧
------------------------------------ */
/* Zen Old Mincho */
/* Playfair Display */
/*	transition,hover
ホバー時のtransition秒数を統一、ホバーアクション
------------------------------------ */
/*	media-screen
画面サイズごとのcss設定に使用
------------------------------------ */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/*	layout
その他パーツ
------------------------------------ */
/*	font-size
スマホ時にフォントサイズを自動で変更
※13px以下は文字が読めないためPC/SP同じサイズ
------------------------------------ */
/* =========================================

    main layout  all
    PC時のみ反映させるcss

========================================= */
/*	cmn parts
------------------------------------ */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/*	pc inner
------------------------------------ */
/* =========================================
    top  PC
    top-concept
========================================= */
#top-concept .inner {
  padding: 610px 10px 350px;
}

/* =========================================
    top  PC
    top-menu
========================================= */
#top-menu .inner {
  padding: 285px 10px 255px;
}

/* =========================================
    top  PC
    top-charcoal
========================================= */
#top-charcoal .inner {
  padding: 245px 10px 365px;
}

/* =========================================
    top  PC
    top-contact
========================================= */
#top-contact .inner {
  padding: 190px 10px;
}

/* =========================================
    top  PC
    top-news
========================================= */
#top-news .inner {
  padding: 160px 10px 180px;
}

/* =========================================
    top  PC
    footer
========================================= */
#footer .inner {
  width: 100%;
  max-width: 1580px;
  margin: 0 auto;
  padding: 240px 10px 110px;
}

/* =========================================
    sub  PC
    sub-first
========================================= */
#sub-first .inner {
  padding: 190px 0 180px;
}

#sub-popularity .inner {
  padding-bottom: 210px;
}

#sub-question .inner {
  padding: 190px 0 200px;
}

/* =========================================
    sub  PC
    sub-bnr
========================================= */
#sub-bnr .inner {
  padding: 145px 10px;
}

/* =========================================
    sub  PC
    sub-concept
========================================= */
#sub-concept .inner {
  padding: 190px 0 200px;
}

/* =========================================
    sub  PC
    sub-menu
========================================= */
#sub-menu .inner {
  padding: 190px 0 200px;
}

/* =========================================
    sub  PC
    sub-shop
========================================= */
#sub-greeting .inner {
  padding: 190px 0 190px;
}

#sub-shop .inner {
  padding: 200px 0;
}

/* =========================================
    sub  PC
    sub-contact
========================================= */
#sub-method .inner {
  padding: 190px 0 180px;
}

#sub-contact .inner {
  padding: 200px 0 190px;
}