@charset "UTF-8";
.l-container {
  /*min-width: $siteW3;*/
}

@media screen and (max-width: 768px) {
  .l-container {
    min-width: 320px;
  }
}

.l-inner {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  padding-top: 80px;
  padding-bottom: 100px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .l-inner {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.l-inner2 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  overflow: hidden;
}

.l-inner .l-inner {
  padding-left: 0;
  padding-right: 0;
}

.l-container,
.l-inner {
  position: relative;
}

.l-container:after,
.l-inner:after {
  content: " ";
  display: block;
  clear: both;
}

.l-anc {
  margin-top: -90px;
  padding-top: 90px;
}

@media screen and (max-width: 768px) {
  .l-anc {
    margin-top: -70px;
    padding-top: 70px;
  }
}

.c-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-sp {
    display: block;
  }
}

.c-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .c-pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .sp-inb {
    display: inline-block;
  }
}

.f-oswald {
  font-family: "Oswald", sans-serif;
}

.f-big {
  font-size: 56px;
}

@media screen and (max-width: 900px) {
  .f-big {
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .f-big {
    font-size: 30px;
  }
}

.f-small {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .f-small {
    font-size: 11px;
  }
}

.mb_base60 {
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .mb_base60 {
    margin-bottom: 40px;
  }
}

.mb_base40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .mb_base40 {
    margin-bottom: 30px;
  }
}

.c-left {
  float: left;
}

@media screen and (max-width: 768px) {
  .c-left {
    float: none;
    clear: both;
  }
}

.c-right {
  float: right;
}

@media screen and (max-width: 768px) {
  .c-right {
    float: none;
    clear: both;
  }
}

.btn-wrap._typec {
  text-align: center;
}

.btn-wrap._typec .c-btn {
  margin: 0 auto;
}

.c-btn {
  text-align: center;
  background: #fff;
  display: table;
  width: 400px;
  position: relative;
  border-radius: 30px;
}

.c-btn::after {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 16px;
  background: url(../img/cmn/arrow@2x.png) no-repeat center center;
  background-size: 8px auto;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.c-btn .int {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  position: relative;
  padding: 0 15px 5px;
  box-sizing: border-box;
}

.c-btn._type-mail .int {
  padding: 0 50px;
  background: url(../img/cmn/icon_mail.png) no-repeat center left 25px;
  background-size: 25px auto;
}

@media screen and (max-width: 768px) {
  .c-btn {
    width: 100%;
    max-width: 360px;
  }
}

/*aigis--*/
/*
---
name: ボタン
category:
  - component
---
* ボタン

```html
<a class="c-btn01 _download _shadow _width01" href="https://docs.google.com/forms/d/e/1FAIpQLSeeDxbI_g_G6oQ0DSywSgCN795JE6GguqslHCcv523uG14bOg/viewform" target="_blank"><span class="c-btn01_small">- 詳細レポート掲載 -</span><br>資料ダウンロード</a>
```

*/
/*--aigis*/
/*aigis--*/
/*
.c-btn01 {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 50px;
  color: #FF5352;
  font-weight: bold;
  transition: $baseSec;
  text-align: center;
  position: relative;
  letter-spacing: 0.1em;
  background: #fff;
  @include fontSize(22);
  line-height: 1.4;
  border: 2px solid #fff;

  @include bp($bp2) {
    @include fontSize(18);
    max-width: 320px;
  }

  &._borderpink {
    border-color: #F87271;
  }

  &._download {
    padding: 6px 68px 6px;

    @include bp($bp3) {
      padding: 6px 40px 6px;
    }

    &:before {
      content: "";
      display: block;
      width: 20px;
      height: 18px;
      background: url(../img/cmn/ico_download.png) center center no-repeat;
      background-size: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 38px;
      margin: auto 0;
      transition: $baseSec;

      @include bp($bp3) {
        right: 15px;
      }
    }
  }

  &._arrow {
    padding: 10px 42px 10px;

    @include bp($bp3) {
      padding: 10px 40px 10px;
    }

    &:before {
      content: "";
      display: block;
      width: 11px;
      height: 12px;
      background: url(../img/cmn/ico_arrow.png) center center no-repeat;
      background-size: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 22px;
      margin: auto 0;
      transition: $baseSec;

      @include bp($bp3) {
        right: 15px;
      }
    }
  }

  &._shadow {
    box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.16);
  }

  &_small {
    display: block;
    letter-spacing: 0;
    @include fontSize(14);

    @include bp($bp2) {
      @include fontSize(12);
    }
  }

  &._small {
    @include fontSize(16);

    @include bp($bp2) {
      @include fontSize(14);
    }

    .c-btn01_small {
      @include fontSize(12);

      @include bp($bp2) {
        @include fontSize(10);
      }
    }

    &._download {
      padding: 4px 45px 4px;

      &:before {
        right: 20px;
      }
    }
  }

  &._width01 {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    @include bp($bp2) {
      max-width: 320px;
    }
  }

  &:hover {
    text-decoration: none;

    @include bp($bp2, min) {
      background: #FF5352;
      color: #fff;
      border-color: #FF5352;

      &._download {
        &:before {
          background-image: url(../img/cmn/ico_download2.png);
        }
      }

      &._arrow {
        &:before {
          background-image: url(../img/cmn/ico_arrow2.png);
        }
      }
    }
  }
}
*/
/*--aigis*/
/*aigis--*/
/*
---
name: 見出し
category:
- component
---
* 見出し

```html
<h2 class="c-hl01">
<span class="u-lato c-hl01_en">Service Mission</span>
調査を起点にしたPDCAで現場を確実に変えていく
</h2>
<h2 class="c-hl02 u-lato">Contact</h2>
```

*/
/*--aigis*/
/*aigis--*/
/*

.c-hl01 {
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.1em;
  @include fontSize(26);
  margin-bottom: 27px;

  @include bp($bp3) {
    @include fontSize(22);
  }

  &_en {
    display: block;
    position: relative;
    @include fontSize(24);
    margin-bottom: 30px;

    @include bp($bp3) {
      @include fontSize(20);
    }

    &:before {
      content: "";
      display: block;
      background: #F87271;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -20px;
      margin: 0 auto;
    }
  }
}

.c-hl02 {
  text-align: center;
  @include fontSize(32);
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

*/
/*--aigis*/
/*aigis--*/
/*
---
name: CTA
category:
- component
---
* CTA

```html
<!-- c-cta -->
<div class="c-cta">
<div class="l-pink">
<div class="l-inner">
<div class="c-cta">
<p id="cta-move" class="c-cta_text01">
<span class="c-cta_point _icomemo sa sa--up">CS調査とES調査の<br><strong class="big01">「設計・実施」</strong></span>
<span class="c-cta_and">および</span>
<span class="c-cta_point _icoeye sa sa--up" data-sa_trigger="#cta-move" data-sa_delay="200">課題抽出と改善策の<br><strong class="big02">「見える化」</strong></span>
</p>
<p class="c-cta_text02">現場スタッフ、チームが「自律して」一体となり<br class="u-pc">改善に取り組める「運営環境」を実現します。</p>
<div class="sa sa--up">
<a class="c-btn01 _download _shadow _width01" href="https://docs.google.com/forms/d/e/1FAIpQLSeeDxbI_g_G6oQ0DSywSgCN795JE6GguqslHCcv523uG14bOg/viewform" target="_blank"><span class="c-btn01_small">- 詳細レポート掲載 -</span>資料ダウンロードは<br class="u-sp">コチラ</a>
</div>
</div>
</div>
</div>
</div>
<!-- /c-cta -->
```

*/
/*--aigis*/
.c-cta .l-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-cta_text01 {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 900px) {
  .c-cta_text01 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .c-cta_text01 {
    margin-bottom: 30px;
  }
}

.c-cta_point {
  display: inline-block;
  border: 1px solid #fff;
  width: 320px;
  padding: 74px 0 15px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .c-cta_point {
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  .c-cta_point {
    display: block;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
  }
}

.c-cta_point .big01 {
  font-size: 26px;
}

@media screen and (max-width: 900px) {
  .c-cta_point .big01 {
    font-size: 22px;
  }
}

.c-cta_point .big02 {
  font-size: 28px;
}

@media screen and (max-width: 900px) {
  .c-cta_point .big02 {
    font-size: 22px;
  }
}

.c-cta_point._icomemo {
  background-image: url(../img/cmn/ico_memo.png);
  background-size: 58px auto;
  background-position: center 16px;
}

.c-cta_point._icoeye {
  background-image: url(../img/cmn/ico_eye.png);
  background-size: 55px auto;
  background-position: center 25px;
}

.c-cta_and {
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .c-cta_and {
    display: block;
    padding: 10px 0;
  }
}

.c-cta_text02 {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  line-height: 1.9;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .c-cta_text02 {
    text-align: left;
    font-size: 18px;
  }
}

/*aigis--*/
/*
---
name: アニメーション
category:
- component
---
* アニメーション

```html
<div class="sa">
フェードイン
</div>
<div class="sa sa--up">
下から上へ
</div>
```

*/
/*--aigis*/
/*
.sa {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

  &.show {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }

  &--up {
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}
*/
/*全画面*/
.g-wrapper {
  overflow: hidden;
}

/*ヘッダー*/
.g-header {
  padding: 0 0 0 40px;
  overflow: hidden;
  box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .g-header {
    padding: 15px;
  }
}

.g-header .logo {
  float: left;
  padding: 40px 0 0;
}

@media screen and (max-width: 768px) {
  .g-header .logo {
    float: none;
    padding: 0;
    width: 40%;
  }
}

.g-header #gmenu {
  float: right;
}

@media screen and (max-width: 768px) {
  .g-header #gmenu {
    display: none;
  }
}

.g-header #gmenu a {
  line-height: 100px;
  padding-top: 4px;
  width: 120px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-bottom: 4px solid #fff;
  letter-spacing: 1.2px;
}

.g-header #gmenu a:hover {
  border-bottom: 4px solid #554433;
}

.g-header #gmenu a.contact {
  margin-left: 20px;
  color: #fff;
  width: 160px;
  background: #554433;
  border-bottom: 4px solid #554433;
}

@media screen and (max-width: 900px) {
  .g-header #gmenu a {
    width: 110px;
  }
  .g-header #gmenu a.contact {
    width: 140px;
  }
}

/*フッター*/
.g-footer {
  background: #554433;
  position: relative;
  color: #fff;
}

.g-footer #pagetop {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  right: 5px;
}

@media screen and (max-width: 768px) {
  .g-footer #pagetop {
    width: 60px;
    height: 60px;
    top: -30px;
  }
}

.g-footer #foot-top {
  padding: 60px 0 30px;
}

@media screen and (max-width: 768px) {
  .g-footer #foot-top {
    padding: 40px 0 20px;
  }
}

.g-footer #foot-top #fmenu {
  float: right;
}

.g-footer #foot-top #fmenu a {
  color: #fff;
  margin: 0 10px;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 768px) {
  .g-footer #foot-top #fmenu {
    float: none;
    text-align: center;
  }
  .g-footer #foot-top #fmenu a {
    margin: 0 5px 5px;
  }
}

.g-footer #foot-top .logo {
  float: left;
}

@media screen and (max-width: 768px) {
  .g-footer #foot-top .logo {
    float: none;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
    width: 160px;
  }
}

.g-footer #foot-btm {
  border-top: 1px solid #E1D0C7;
  padding: 40px 0 20px;
  font-size: 14px;
}

.g-footer #foot-btm .cpright {
  padding-top: 55px;
}

@media screen and (max-width: 768px) {
  .g-footer #foot-btm {
    padding: 20px 0;
  }
  .g-footer #foot-btm ul li {
    line-height: 1.4;
  }
  .g-footer #foot-btm ul li + li {
    margin-top: 5px;
  }
  .g-footer #foot-btm .cpright {
    padding: 20px 0 0;
    text-align: center;
  }
}

/*メイン*/
.g-main {
  display: block;
}

.g-main:after {
  content: " ";
  display: block;
  clear: both;
}

/*----------------------------------------

index

-----------------------------------------*/
.q-top-mv {
  background: url(../img/top/mv_pc_bg.jpg) no-repeat right center;
  background-size: cover;
  height: 616px;
  text-align: center;
}

.q-top-mv .l-inner2 {
  padding-right: 380px;
}

.q-top-mv .mv-top {
  height: 260px;
  padding-top: 80px;
  box-sizing: border-box;
}

.q-top-mv .mv-btm {
  padding-top: 180px;
  font-size: 22px;
  line-height: 40px;
  font-weight: bold;
}

@media screen and (max-width: 900px) {
  .q-top-mv .l-inner2 {
    padding-right: 40%;
  }
  .q-top-mv .mv-top {
    padding-top: 110px;
  }
  .q-top-mv .mv-btm {
    font-size: 18px;
    line-height: 2;
  }
}

@media screen and (max-width: 768px) {
  .q-top-mv {
    background: #E1D0C8 url(../img/top/mv_sp_bg.jpg) no-repeat center top;
    background-size: 100% auto;
    padding: 4vw;
    height: auto;
  }
  .q-top-mv .l-inner2 {
    position: relative;
    padding: 0;
    height: 129vw;
  }
  .q-top-mv .l-inner2 .mv-top {
    position: absolute;
    height: auto;
    bottom: 50%;
    padding: 0 0 24vw;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .q-top-mv .l-inner2 .mv-top .icon {
    width: 50px;
    margin: 0 auto;
  }
  .q-top-mv .l-inner2 .mv-btm {
    font-size: 16px;
    line-height: 1.8;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 25vw 0 0;
    width: 100%;
  }
}

.model_h2 {
  font-size: 56px;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .model_h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

.model_h3 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 15px;
}

.model_h3::after {
  content: "";
  width: 20%;
  height: 2px;
  position: absolute;
  background: #554433;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {
  .model_h3 {
    padding-bottom: 15px;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
  }
  .model_h3::after {
    width: 30%;
  }
}

.model_h4 {
  text-align: center;
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .model_h4 {
    font-size: 18px;
  }
}

#message p {
  text-align: center;
  line-height: 48px;
}

@media screen and (max-width: 768px) {
  #message p {
    line-height: 2;
    text-align: left;
  }
  #message p br {
    display: none;
  }
}

#concept {
  background: #E1D0C7 url(../img/top/concept_pc_bgtop.jpg) no-repeat center top;
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  #concept {
    background: #E1D0C7 url(../img/top/concept_sp_bgtop.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

#concept .bg02 {
  background: url(../img/top/concept_pc_bgbottom.jpg) no-repeat center bottom;
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  #concept .bg02 {
    background: url(../img/top/concept_sp_bgbottom.jpg) no-repeat center bottom;
    background-size: 100% auto;
  }
}

#concept .comment p + p {
  margin-top: 32px;
}

@media screen and (max-width: 768px) {
  #concept .comment p + p {
    margin-top: 20px;
  }
}

#concept .comment sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: 0;
}

#concept .comment ul {
  margin-top: 25px;
}

#concept .comment ul li {
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.6;
}

#concept .comment ul li + li {
  margin-top: 10px;
}

#concept .feature_box {
  background: rgba(255, 255, 255, 0.3);
  padding: 20px 0;
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

#concept .feature_box .model_h4 {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 220px;
}

#concept .feature_box .text {
  display: table-cell;
  padding: 0 40px 0 0;
}

#concept .feature_box .text .strong {
  font-size: 20px;
}

#concept .feature_box .text ul {
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
}

#concept .feature_box .text ul li {
  padding-left: 20px;
  position: relative;
}

#concept .feature_box .text ul li + li {
  margin-top: 15px;
}

#concept .feature_box .text ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 12px;
  height: 12px;
  background: #554433;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  #concept .feature_box {
    display: block;
    margin-bottom: 20px;
  }
  #concept .feature_box .model_h4 {
    display: block;
    text-align: center;
    width: 100%;
  }
  #concept .feature_box .text {
    display: block;
    padding: 15px;
  }
  #concept .feature_box .text .strong {
    font-size: 16px;
    line-height: 1.6;
  }
  #concept .feature_box .text ul li {
    padding-left: 15px;
  }
  #concept .feature_box .text ul li::before {
    top: 7px;
    width: 10px;
    height: 10px;
  }
}

#concept .last_comment {
  text-align: center;
  font-size: 20px;
  line-height: 50px;
}

@media screen and (max-width: 768px) {
  #concept .last_comment {
    font-size: 18px;
    line-height: 2;
  }
}

#company {
  font-size: 14px;
}

#company table {
  width: 100%;
}

#company table th {
  border-top: 1px solid;
  text-align: center;
  width: 120px;
  padding: 15px;
  vertical-align: top;
}

#company table td {
  border-top: 1px solid #E1D0C7;
  padding: 15px;
}

#company table td.nopdtenchi {
  padding: 0;
}

#company table td dl {
  display: table;
  width: 100%;
  padding: 15px;
}

#company table td dl dt {
  display: table-cell;
  width: 90px;
  padding: 15px 0 15px 15px;
  vertical-align: top;
}

#company table td dl dd {
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
  padding: 15px 0;
}

#company table td dl + dl {
  border-top: 1px solid #E1D0C7;
}

@media screen and (max-width: 768px) {
  #company table {
    display: block;
    width: 100%;
  }
  #company table tbody, #company table tr {
    width: 100%;
    display: block;
  }
  #company table th {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    background: #554433;
    color: #fff;
  }
  #company table td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
  #company table td.nopdtenchi {
    padding: 0 10px;
  }
  #company table td.nopdtenchi ul li {
    padding-left: 14px;
    text-indent: -14px;
    line-height: 1.6;
  }
  #company table td.nopdtenchi ul li + li {
    margin-top: 5px;
  }
  #company table td dl {
    padding: 15px;
  }
  #company table td dl dt {
    margin-top: 15px;
    padding: 0 0 0 3px;
    display: inline-block;
    border-left: 5px solid;
    width: auto;
    line-height: 1;
  }
  #company table td dl dd {
    display: block;
    padding: 10px 0;
  }
  #company table td dl dd .c-right {
    text-align: right;
  }
}

#contact {
  background: #E1D0C7;
  text-align: center;
}

/*# sourceMappingURL=_maps/style.css.map */