@charset "UTF-8";
/*	com-color
サイト内で主に使用する色の変数
------------------------------------ */
/*	使用フォント一覧
------------------------------------ */
@font-face {
  font-family: "Noto sansCJK Black";
  src: url(../fonts/NotoSansCJKjp-Black.otf);
}
@font-face {
  font-family: "Noto sansCJK Bold";
  src: url(../fonts/NotoSansCJKjp-Bold.otf);
}
@font-face {
  font-family: "Noto sansCJK DemiLight";
  src: url(../fonts/NotoSansCJKjp-DemiLight.otf);
}
@font-face {
  font-family: "Noto sansCJK Light";
  src: url(../fonts/NotoSansCJKjp-Light.otf);
}
@font-face {
  font-family: "Noto sansCJK Medium";
  src: url(../fonts/NotoSansCJKjp-Medium.otf);
}
@font-face {
  font-family: "Noto sansCJK Regular";
  src: url(../fonts/NotoSansCJKjp-Regular.otf);
}
@font-face {
  font-family: "Jost-Black";
  src: url(../fonts/Jost-Black.ttf);
}
@font-face {
  font-family: "Jost-Bold";
  src: url(../fonts/Jost-Bold.ttf);
}
@font-face {
  font-family: "Jost-ExtraBold";
  src: url(../fonts/Jost-ExtraBold.ttf);
}
@font-face {
  font-family: "Jost-ExtraLight";
  src: url(../fonts/Jost-ExtraLight.ttf);
}
@font-face {
  font-family: "Jost-Light";
  src: url(../fonts/Jost-Light.ttf);
}
@font-face {
  font-family: "Jost-Medium";
  src: url(../fonts/Jost-Medium.ttf);
}
@font-face {
  font-family: "Jost-Regular";
  src: url(../fonts/Jost-Regular.ttf);
}
@font-face {
  font-family: "Jost-SemiBold";
  src: url(../fonts/Jost-SemiBold.ttf);
}
@font-face {
  font-family: "Jost-Thin";
  src: url(../fonts/Jost-Thin.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: "Noto sansCJK Black";
  src: url(../fonts/NotoSansCJKjp-Black.otf);
}
@font-face {
  font-family: "Noto sansCJK Bold";
  src: url(../fonts/NotoSansCJKjp-Bold.otf);
}
@font-face {
  font-family: "Noto sansCJK DemiLight";
  src: url(../fonts/NotoSansCJKjp-DemiLight.otf);
}
@font-face {
  font-family: "Noto sansCJK Light";
  src: url(../fonts/NotoSansCJKjp-Light.otf);
}
@font-face {
  font-family: "Noto sansCJK Medium";
  src: url(../fonts/NotoSansCJKjp-Medium.otf);
}
@font-face {
  font-family: "Noto sansCJK Regular";
  src: url(../fonts/NotoSansCJKjp-Regular.otf);
}
@font-face {
  font-family: "Jost-Black";
  src: url(../fonts/Jost-Black.ttf);
}
@font-face {
  font-family: "Jost-Bold";
  src: url(../fonts/Jost-Bold.ttf);
}
@font-face {
  font-family: "Jost-ExtraBold";
  src: url(../fonts/Jost-ExtraBold.ttf);
}
@font-face {
  font-family: "Jost-ExtraLight";
  src: url(../fonts/Jost-ExtraLight.ttf);
}
@font-face {
  font-family: "Jost-Light";
  src: url(../fonts/Jost-Light.ttf);
}
@font-face {
  font-family: "Jost-Medium";
  src: url(../fonts/Jost-Medium.ttf);
}
@font-face {
  font-family: "Jost-Regular";
  src: url(../fonts/Jost-Regular.ttf);
}
@font-face {
  font-family: "Jost-SemiBold";
  src: url(../fonts/Jost-SemiBold.ttf);
}
@font-face {
  font-family: "Jost-Thin";
  src: url(../fonts/Jost-Thin.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-news
========================================= */
#top-news .inner {
  padding: 110px 0 120px;
}

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

/* =========================================
    top  PC
    top-reason
========================================= */
#top-reason .inner {
  padding: 155px 0 167px;
}

/* =========================================
    top  PC
    top-gallery
========================================= */
#top-gallery .inner {
  padding: 150px 0 170px;
}

/* =========================================
    top  PC
    top-menu
========================================= */
#top-menu .inner {
  padding: 155px 0 170px;
}

/* =========================================
    top  PC
    top-brand
========================================= */
#top-brand .inner {
  padding: 160px 0 170px;
}

/* =========================================
    top  PC
    top-salon
========================================= */
#top-salon .inner {
  padding: 155px 0 170px;
}

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

/* =========================================
    top  PC
    top-reservation
========================================= */
#top-reservation .inner {
  padding: 115px 0 130px;
}

/* =========================================
    top  PC
    footer
========================================= */
#footer .inner {
  padding: 155px 10px;
}

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

#sub-reason .inner {
  padding: 130px 0 140px;
}

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

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

#sub-menu-detail .inner {
  padding: 120px 0 140px;
}

/* =========================================
    sub  PC
    sub-brand
========================================= */
#sub-btn-list .inner {
  padding: 110px 0 120px;
}

#sub-ajua .inner,
#sub-casta .inner,
#sub-jcprogram .inner {
  padding: 125px 0 140px;
}

/* =========================================
    sub  PC
    sub-gallery
========================================= */
#sub-gallery .inner,
#sub-gallery-detail .inner {
  padding: 120px 0;
}

/* =========================================
    sub  PC
    sub-salon
========================================= */
#sub-stylist .inner,
#sub-salon .inner,
#sub-access .inner {
  padding: 120px 0 140px;
}

/* =========================================
    sub  PC
    sub-recruit
========================================= */
#sub-recruit .inner,
#sub-charm .inner,
#sub-recruitment .inner {
  padding: 125px 0 140px;
}