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

/* =========================================
    top  PC
    top-about
========================================= */
#top-about .inner {
  padding: 85px 0 172px;
}

/* =========================================
    top  PC
    top-features
========================================= */
#top-features .inner {
  padding: 55px 0 20px;
}

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

/* =========================================
    top  PC
    top-contact
========================================= */
#top-contact .inner,
#top-contact02 .inner,
#top-contact03 .inner {
  padding: 146px 0 166px;
}

/* =========================================
    top  PC
    top-recruit
========================================= */
#top-recruit .inner {
  padding: 80px 0 110px;
}

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

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

/* =========================================
    sub  PC
    sub-about
========================================= */
#sub-about .inner {
  padding: 80px 0 93px;
}

#sub-pharmacist .inner {
  padding: 110px 0 120px;
}

#sub-community .inner {
  padding: 110px 0 115px;
}

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

/* =========================================
    sub  PC
    sub-drug
========================================= */
#sub-features .inner {
  padding-top: 75px;
}

#sub-dispensing .inner {
  padding: 115px 0 126px;
}

#sub-kampo .inner {
  padding: 87px 0 105px;
}

#sub-first .inner {
  padding: 105px 0 122px;
}

/* =========================================
    sub  PC
    sub-info
========================================= */
#sub-greeting .inner {
  padding: 70px 0 114px;
}

#sub-info .inner {
  padding: 105px 0 120px;
}

/* =========================================
    sub  PC
    sub-recruit
========================================= */
#sub-charm .inner {
  padding: 70px 0 110px;
}

#sub-flow .inner {
  padding-bottom: 120px;
}

#sub-recruit .inner {
  padding-bottom: 100px;
}

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