@charset "UTF-8";
/* 
scss 基本設定ファイル
*/
/* ====================================================
フォントファミリー
==================================================== */
/* ゴシック体
------------------------------------------*/
/* 明朝体
------------------------------------------*/
/* ====================================================
メディアクエリ
==================================================== */
/* ====================================================
カラーコード
==================================================== */
/*
コンテンツページスタイル
*/
/* ====================================================
#work:WORK
==================================================== */
#work .title {
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom: 1.6em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #work .title {
      padding-bottom: 2.4em; } }

#work .message {
  margin-bottom: -1.6em; }
  @media screen and (min-width: 768px) {
    #work .message {
      text-align: center; } }
  #work .message p {
    padding-bottom: 1.6em; }

/* ====================================================
#company:会社情報
==================================================== */
#company .chapter1 .sdgs {
  padding-top: 0.8em; }

#company .chapter1 .feature dt {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background: #74A261;
  margin-bottom: 1.2em;
  padding: 0.1em 0.4em; }

#company .chapter1 .feature dd {
  padding-bottom: 3em; }
  #company .chapter1 .feature dd:last-child {
    padding-bottom: 0; }

#company .chapter1 .sub-title {
  font-weight: bold;
  font-size: 1em;
  padding: 1.6em 0 0.4em; }

@media screen and (min-width: 768px) {
  #company .chapter1 .original {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

#company .chapter1 .original p {
  padding-bottom: 1em; }
  @media screen and (min-width: 768px) {
    #company .chapter1 .original p {
      padding: 0 8em 0 0; } }

#company .chapter1 .original figure {
  text-align: center; }
  @media screen and (min-width: 768px) {
    #company .chapter1 .original figure {
      text-align: left;
      margin-top: -3em; } }

#company .chapter1 .processbox dl {
  background: #74A261; }
  #company .chapter1 .processbox dl dt, #company .chapter1 .processbox dl dd {
    padding: 0.4em 1em; }
  #company .chapter1 .processbox dl dt {
    font-weight: bold;
    color: #fff; }
  #company .chapter1 .processbox dl dd {
    border: solid 2px #74A261;
    background: #fff; }
  #company .chapter1 .processbox dl + figure {
    margin: 1.4em 0 1.4em 1.4em; }
    @media screen and (min-width: 768px) {
      #company .chapter1 .processbox dl + figure {
        margin: 1.8em 0 1.8em 2em; } }

/* ====================================================
#services:業務内容
==================================================== */
#services .chapter1 .greenbox {
  border: solid 2px #74A261;
  padding: 2.4em 2em;
  text-align: center; }
  #services .chapter1 .greenbox .title {
    font-weight: bold;
    font-size: 1.1em;
    color: #74A261;
    padding-bottom: 0.6em; }
  #services .chapter1 .greenbox .desc {
    padding-bottom: 3em; }

#services .chapter1 .greenbox1 {
  margin-bottom: 2.6em; }
  #services .chapter1 .greenbox1 dl dt {
    background: #74A261;
    padding: 0.2em 0;
    text-align: center;
    margin-bottom: 1em;
    color: #fff; }
  #services .chapter1 .greenbox1 dl dd p {
    padding-bottom: 1.4em; }
  #services .chapter1 .greenbox1 dl + figure {
    padding: 1.4em 0; }
    #services .chapter1 .greenbox1 dl + figure img {
      height: 3.8em;
      width: auto; }

#services .chapter2 .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 1em;
  color: #74A261;
  padding-top: 4em; }
  #services .chapter2 .title-box:first-child {
    margin-top: -4em; }
  #services .chapter2 .title-box h3 {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 0.5em; }
  #services .chapter2 .title-box p {
    font-size: 0.9em;
    text-decoration: underline; }
  #services .chapter2 .title-box.original {
    color: #D38126; }

#services .chapter2 .detailbox dt {
  background: #74A261;
  color: #fff;
  font-weight: bold;
  padding: 0.1em 0.4em;
  margin-bottom: 0.8em; }

#services .chapter2 .detailbox dd {
  padding-bottom: 3em; }
  #services .chapter2 .detailbox dd:last-child {
    padding-bottom: 0; }
  #services .chapter2 .detailbox dd .catch {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 0.8em; }

#services .chapter2 .detailbox.original dt {
  background: #D38126; }

#services .chapter2 .chicken-road {
  padding-top: 2em; }
  @media screen and (min-width: 768px) {
    #services .chapter2 .chicken-road {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  #services .chapter2 .chicken-road .textbox {
    padding-bottom: 1.4em; }
    @media screen and (min-width: 768px) {
      #services .chapter2 .chicken-road .textbox {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
  #services .chapter2 .chicken-road .chiken-btn {
    width: 12em; }
    @media screen and (min-width: 768px) {
      #services .chapter2 .chicken-road .chiken-btn {
        padding-left: 2em; } }

/* ====================================================
#privacy-policy:プライバシーポリシー
==================================================== */
#privacy-policy .chapter1 .desc {
  padding-bottom: 2em; }

#privacy-policy .chapter1 dt {
  font-size: 1.05em;
  font-weight: bold;
  padding-bottom: 0.8em;
  color: #74A261; }

#privacy-policy .chapter1 dd {
  padding-bottom: 3em; }
  #privacy-policy .chapter1 dd:last-child {
    padding-bottom: 0; }

#privacy-policy .chapter1 .contactbox {
  padding-top: 1.6em; }

/* ====================================================
#notfound:ページが見つかりません
==================================================== */
#notfound .message {
  text-align: center;
  padding-bottom: 4em; }
  #notfound .message .title {
    font-weight: bold;
    padding-bottom: 0.4em; }

/* ====================================================
#single:記事
==================================================== */
/* ====================================================
#archive:一覧
==================================================== */
/* ====================================================
#sitemap:サイトマップ
==================================================== */