@charset "UTF-8";
/*	com-color
サイト内で主に使用する色の変数
------------------------------------ */
/*	使用フォント一覧
------------------------------------ */
@font-face {
  font-family: "ZenOldMincho-Black";
  src: url(../fonts/ZenOldMincho-Black.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Bold";
  src: url(../fonts/ZenOldMincho-Bold.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Medium";
  src: url(../fonts/ZenOldMincho-Medium.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Regular";
  src: url(../fonts/ZenOldMincho-Regular.ttf);
}
@font-face {
  font-family: "ZenOldMincho-SemiBold";
  src: url(../fonts/ZenOldMincho-SemiBold.ttf);
}
@font-face {
  font-family: "Allura-Regular";
  src: url(../fonts/Allura-Regular.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Bold";
  src: url(../fonts/CormorantGaramond-Bold.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Light";
  src: url(../fonts/CormorantGaramond-Light.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Medium";
  src: url(../fonts/CormorantGaramond-Medium.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Regular";
  src: url(../fonts/CormorantGaramond-Regular.ttf);
}
@font-face {
  font-family: "CormorantGaramond-SemiBold";
  src: url(../fonts/CormorantGaramond-SemiBold.ttf);
}
/*	transition,hover
ホバー時のtransition秒数を統一、ホバーアクション
------------------------------------ */
/*	media-screen
画面サイズごとのcss設定に使用
------------------------------------ */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/*	layout
その他パーツ
------------------------------------ */
/*	com-color
サイト内で主に使用する色の変数
------------------------------------ */
/*	使用フォント一覧
------------------------------------ */
@font-face {
  font-family: "ZenOldMincho-Black";
  src: url(../fonts/ZenOldMincho-Black.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Bold";
  src: url(../fonts/ZenOldMincho-Bold.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Medium";
  src: url(../fonts/ZenOldMincho-Medium.ttf);
}
@font-face {
  font-family: "ZenOldMincho-Regular";
  src: url(../fonts/ZenOldMincho-Regular.ttf);
}
@font-face {
  font-family: "ZenOldMincho-SemiBold";
  src: url(../fonts/ZenOldMincho-SemiBold.ttf);
}
@font-face {
  font-family: "Allura-Regular";
  src: url(../fonts/Allura-Regular.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Bold";
  src: url(../fonts/CormorantGaramond-Bold.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Light";
  src: url(../fonts/CormorantGaramond-Light.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Medium";
  src: url(../fonts/CormorantGaramond-Medium.ttf);
}
@font-face {
  font-family: "CormorantGaramond-Regular";
  src: url(../fonts/CormorantGaramond-Regular.ttf);
}
@font-face {
  font-family: "CormorantGaramond-SemiBold";
  src: url(../fonts/CormorantGaramond-SemiBold.ttf);
}
/*	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-worries .inner {
  padding: 55px 0 67px;
}

#top-concept .inner {
  padding: 285px 0 100px;
}

#top-thoughts .inner {
  padding: 165px 0 140px;
}

#top-menu .inner {
  padding: 168px 0 50px;
}

#top-case .inner {
  padding: 90px 0 100px;
}

#top-news .inner {
  padding: 150px 0 160px;
}

#top-contact .inner {
  padding: 80px 0;
}

#footer .inner {
  padding: 80px 0;
}

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

#sub-staff .inner {
  padding: 165px 0 140px;
}

#sub-info .inner {
  padding: 75px 0 80px;
}

#sub-parking .inner {
  padding: 140px 0 160px;
}

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

#sub-worries .inner {
  padding: 110px 0 80px;
}

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

#sub-men .inner {
  padding: 80px 0 90px;
}

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

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

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