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

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

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

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

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

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

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

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

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

#sub-cellulose .inner {
  padding: 110px 0 125px;
}

#sub-zeh .inner {
  padding: 95px 0 155px;
}

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

#sub-housing .inner {
  padding: 90px 0 83px;
}

/* =========================================
    sub  PC
    com-contact
========================================= */
#com-contact .inner {
  padding: 90px 0 40px;
}

/* =========================================
    sub  PC
    sub-land
========================================= */
#sub-support .inner {
  padding: 110px 0 120px;
}

#sub-question .inner {
  padding: 110px 0 125px;
}

/* =========================================
    sub  PC
    sub-project
========================================= */
#sub-project .inner {
  padding: 225px 0 110px;
}

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

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

/* =========================================
    sub  PC
    sub-plan
========================================= */
#sub-plan .inner {
  padding: 142px 0 150px;
}

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

/* =========================================
    sub  PC
    sub-company
========================================= */
#sub-greeting .inner {
  padding: 173px 0 120px;
}

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

#sub-company {
  padding: 68px 0;
}

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

#sub-recruitment .inner {
  padding: 110px 0 65px;
}

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