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

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

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

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

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

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

/* =========================================
    footer  PC
    footer
========================================= */
#footer .inner {
  padding: 105px 0 115px;
}

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

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

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