@charset "UTF-8";
/*	com-color
サイト内で主に使用する色の変数
------------------------------------ */
/*	使用フォント一覧
------------------------------------ */
/* Zen Maru Gothic */
/*	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-about
========================================= */
#top-about .inner {
  padding: 150px 0 165px;
}

/* =========================================
    top  PC
    top-greeting
========================================= */
#top-greeting .inner {
  padding-top: 195px;
}

/* =========================================
    top  PC
    top-attempt
========================================= */
#top-attempt .inner {
  padding: 125px 0 175px;
}

/* =========================================
    top  PC
    top-cafe
========================================= */
#top-cafe .inner {
  padding: 135px 0 120px;
}

/* =========================================
    top  PC
    top-company
========================================= */
#top-company .inner {
  padding: 122px 0;
}

/* =========================================
    top  PC
    top-news
========================================= */
#top-news .inner {
  padding: 120px 0 112px;
}

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

/* =========================================
    top  PC
    footer
========================================= */
#footer .inner {
  padding: 100px 0 95px;
}

/* =========================================
    sub  PC
    sub-work
========================================= */
#sub-thought .inner,
#sub-nursing .inner,
#sub-group .inner {
  padding: 105px 0 127px;
}

#sub-attempt .inner,
#sub-service .inner,
#sub-feature .inner {
  padding: 145px 0 132px;
}

#sub-support .inner {
  padding-bottom: 132px;
}

#sub-flow .inner {
  padding: 90px 0 100px;
}

#sub-question .inner {
  padding: 120px 0 165px;
}

/* =========================================
    sub  PC
    sub-nursing
========================================= */
#sub-voice .inner {
  padding: 100px 0 110px;
}

/* =========================================
    sub  PC
    sub-group
========================================= */
#sub-group .inner {
  padding: 100px 0;
}

#sub-worries .inner {
  padding: 120px 0 130px;
}

#sub-fee .inner {
  padding: 90px 0 120px;
}

#sub-facility .inner {
  padding: 80px 0 105px;
}

/* =========================================
    sub  PC
    sub-cafe
========================================= */
#sub-cafe .inner {
  padding: 60px 0 105px;
}

#sub-menu .inner {
  padding: 130px 0 115px;
}

#sub-workshop .inner {
  padding: 130px 0 175px;
}

#sub-access .inner {
  padding: 100px 0 110px;
}