@charset "UTF-8";
.js-observe {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.js-observe.inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (width >= 751px) {
  .pce {
    display: block;
  }
  img.pce,
  span.pce {
    display: inline;
  }
  .spe {
    display: none !important;
  }
  /* ドット全体 */
  .slick-dots {
    text-align: center;
    margin-top: 20px;
    padding: 0;
    list-style: none;
  }
  /* 各ドット */
  .slick-dots li {
    display: inline-block;
    margin: 0 10px;
    font-size: 0;
  }
  /* ボタンの見た目 */
  .slick-dots li button {
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #c3c3c3;
    text-indent: -9999px;
    cursor: pointer;
  }
  /* アクティブ状態 */
  .slick-dots li.slick-active button {
    background-color: #000000;
  }
  .slider-ui {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .slider-ui .slick-dots {
    margin: 0 25px;
  }
  .slick-disabled {
    visibility: hidden;
  }
  /*============================
  #共通
  ============================*/
  h1.section-title,
  h2.section-title {
    padding-top: 75px;
    font-size: 85px;
    white-space: nowrap;
  }
  section p.section-title-text {
    text-align: center;
    font-size: 40px;
  }
  section p.caption {
    font-size: 20px;
    line-height: 2.75;
  }
  section p.caption.size-mid {
    font-size: 30px;
    line-height: 1.6666666667;
  }
  section h2.t2 {
    color: #c7a577;
    text-align: center;
    line-height: 1;
  }
  section h2.t2 p.section-title-sub {
    font-size: 35px;
  }
  section h2.t2 p.section-title-main {
    font-size: 50px;
    margin-top: 30px;
  }
  /*============================
  #casestudy
  ============================*/
  .case-slider {
    padding-top: 50px;
  }
  div.casestudy-inner {
    background-color: #fff;
  }
  div.casestudy-inner h2.section-title.font-michroma.text-glitch {
    padding-top: 0;
    margin-top: -60px;
  }
  div.casestudy-inner ol.group-case-study.slider {
    margin: 30px auto 0;
    width: 1207px;
  }
  div.casestudy-inner ol.group-case-study.slider li {
    padding: 0 17px;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note {
    margin: 50px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 1180px;
    position: relative;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note img.img-about-02.img-about-02-1 {
    width: 122px;
    height: auto;
    -webkit-transform: translateY(-140px);
            transform: translateY(-140px);
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note img.img-about-02.img-about-02-2 {
    width: 75px;
    height: auto;
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note {
    font-size: 10px;
    line-height: 1.8;
    width: 860px;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li::before {
    content: "※ ";
    margin-right: 0.5em; /* 文字の後ろに余白 */
    color: inherit; /* 色も引き継ぐ（必要なら変更） */
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li:nth-last-child(2)::before {
    content: "※1 ";
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li:last-child::before {
    content: "※2 ";
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths h2 p.section-title-text {
    margin-top: 50px;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths div.box-chart {
    margin: 20px auto 0;
    width: 1005px;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths img.img-casestudy {
    width: 162px;
    margin-top: 40px;
    margin-left: calc(50% - 570px);
  }
}
@media (width <= 750px) {
  img.pce,
  span.pce,
  .pce {
    display: none !important;
  }
  .spe {
    display: block;
  }
  img.spe,
  span.spe {
    display: inline;
  }
  /* ドット全体 */
  .slick-dots {
    text-align: center;
    margin-top: 2vw;
    padding: 0;
    list-style: none;
  }
  .slick-arrow {
    width: 9.4666666667vw;
    margin-bottom: -1.3333333333vw;
  }
  /* 各ドット */
  .slick-dots li {
    display: inline-block;
    margin: 0 1.3333333333vw;
    font-size: 0;
  }
  /* ボタンの見た目 */
  .slick-dots li button {
    width: 2vw;
    height: 2vw;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #c3c3c3;
    text-indent: -9999px;
    cursor: pointer;
  }
  /* アクティブ状態 */
  .slick-dots li.slick-active button {
    background-color: #000000;
  }
  .slider-ui {
    margin-top: 16vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateY(-13.3333333333vw);
            transform: translateY(-13.3333333333vw);
  }
  .slider-ui .slick-dots {
    margin: 0 5.3333333333vw;
  }
  .slick-disabled {
    visibility: hidden;
  }
  /*============================
  #共通
  ============================*/
  h1.section-title,
  h2.section-title {
    white-space: nowrap;
    padding-top: 10vw;
    font-size: 11.3333333333vw;
  }
  section p.section-title-text {
    text-align: center;
    font-size: 6.6666666667vw;
  }
  section p.caption {
    font-size: 4vw;
    line-height: 1.6666666667;
  }
  section p.caption.size-mid {
    font-size: 6.6666666667vw;
    line-height: 1.6;
  }
  section h2.t2 {
    color: #c7a577;
    text-align: center;
    line-height: 1;
  }
  section h2.t2 p.section-title-sub {
    font-size: 4.6666666667vw;
  }
  section h2.t2 p.section-title-main {
    font-size: 6.6666666667vw;
    margin-top: 4vw;
  }
  /*============================
  #casestudy
  ============================*/
  .case-slider {
    padding-top: 26.6666666667vw;
    padding-bottom: 16vw;
  }
  div.casestudy-inner {
    background-color: #fff;
  }
  div.casestudy-inner h2.section-title.font-michroma.text-glitch {
    padding-top: 0;
  }
  div.casestudy-inner h2.section-title.font-michroma.text-glitch div.text span {
    font-size: 8.6666666667vw;
  }
  div.casestudy-inner ol.group-case-study.slider {
    margin: 8vw auto 0;
    width: 89.2vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note {
    margin: -29.3333333333vw auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    position: relative;
    pointer-events: none;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note img.img-about-02.img-about-02-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 16.2666666667vw;
    height: auto;
    margin-left: 4vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note img.img-about-02.img-about-02-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: 9.3333333333vw;
    height: auto;
    margin-right: 7.3333333333vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    font-size: 1.8666666667vw;
    line-height: 1.4285714286;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4vw 5.3333333333vw 0;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li {
    width: 89.3333333333vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li::before {
    content: "※ ";
    margin-right: 0.5em; /* 文字の後ろに余白 */
    color: inherit; /* 色も引き継ぐ（必要なら変更） */
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li:nth-last-child(2)::before {
    content: "※1 ";
  }
  div.casestudy-inner div.box-content.box-content-casestudy-note ul.note li:last-child::before {
    content: "※2 ";
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths h2 p.section-title-text {
    margin-top: 13.3333333333vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths div.box-chart {
    margin: 4vw auto 0;
    width: 90.9333333333vw;
  }
  div.casestudy-inner div.box-content.box-content-casestudy-strengths img.img-casestudy {
    width: 21.6vw;
    margin-top: 8vw;
    margin-left: 5.3333333333vw;
  }
}/*# sourceMappingURL=top-append.css.map */