@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: "Figtree-Black";
  src: url(../fonts/Figtree-Black.ttf);
}
@font-face {
  font-family: "Figtree-Bold";
  src: url(../fonts/Figtree-Bold.ttf);
}
@font-face {
  font-family: "Figtree-ExtraBold";
  src: url(../fonts/Figtree-ExtraBold.ttf);
}
@font-face {
  font-family: "Figtree-Light";
  src: url(../fonts/Figtree-Light.ttf);
}
@font-face {
  font-family: "Figtree-Medium";
  src: url(../fonts/Figtree-Medium.ttf);
}
@font-face {
  font-family: "Figtree-Regular";
  src: url(../fonts/Figtree-Regular.ttf);
}
@font-face {
  font-family: "Figtree-SemiBold";
  src: url(../fonts/Figtree-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: "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: "Figtree-Black";
  src: url(../fonts/Figtree-Black.ttf);
}
@font-face {
  font-family: "Figtree-Bold";
  src: url(../fonts/Figtree-Bold.ttf);
}
@font-face {
  font-family: "Figtree-ExtraBold";
  src: url(../fonts/Figtree-ExtraBold.ttf);
}
@font-face {
  font-family: "Figtree-Light";
  src: url(../fonts/Figtree-Light.ttf);
}
@font-face {
  font-family: "Figtree-Medium";
  src: url(../fonts/Figtree-Medium.ttf);
}
@font-face {
  font-family: "Figtree-Regular";
  src: url(../fonts/Figtree-Regular.ttf);
}
@font-face {
  font-family: "Figtree-SemiBold";
  src: url(../fonts/Figtree-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-problem .inner {
  padding: 125px 0 100px;
}

#top-about .inner {
  padding: 160px 0 187px;
}

#top-service .inner {
  padding-bottom: 145px;
}

#top-counseling .inner {
  padding: 132px 0;
}

#top-question .inner {
  padding: 140px 0 150px;
}

#top-news .inner {
  padding: 165px 0 145px;
}

#footer .inner {
  padding: 120px 0 110px;
}
@media screen and (max-width: 1750px) {
  #footer .inner {
    padding: 120px 0 150px;
  }
}

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

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

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

#sub-question .inner {
  padding: 130px 0 155px;
}

#sub-greeting .inner {
  padding: 130px 0 85px;
}

#sub-company .inner {
  padding: 100px 0 115px;
}

#sub-contact .inner {
  padding: 90px 0 130px;
}