@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*sec-intro
-----------------------------------------------------------*/
.sec-intro {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%); }
  @media only screen and (max-width: 767px) {
    .sec-intro {
      padding: 50px 0 70px; } }
  .sec-intro h2 small {
    font-size: .65em; }

/*sec-voice
-----------------------------------------------------------*/
.sec-voice {
  min-height: 260vw;
  padding-bottom: 100px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%); }
  @media only screen and (max-width: 991px) {
    .sec-voice {
      min-height: 410vw; } }
  @media only screen and (max-width: 767px) {
    .sec-voice {
      min-height: 850vw;
      padding-bottom: 30px; } }
  .sec-voice .voiceListWrap .voiceList .caseText {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    width: 27vw;
    height: 27vw; }
    .sec-voice .voiceListWrap .voiceList .caseText .text {
      font-size: 16px; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText .text {
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText .text {
          padding: 0 5vw 10px;
          font-size: 13px;
          line-height: 1.5; }
          .sec-voice .voiceListWrap .voiceList .caseText .text br {
            display: none; } }
      .sec-voice .voiceListWrap .voiceList .caseText .text.caption {
        margin: 30px 0 0;
        text-align: right; }
        @media only screen and (max-width: 767px) {
          .sec-voice .voiceListWrap .voiceList .caseText .text.caption {
            margin: 0;
            padding: 0 5vw; } }
        .sec-voice .voiceListWrap .voiceList .caseText .text.caption small {
          font-size: .75em; }
          @media only screen and (max-width: 767px) {
            .sec-voice .voiceListWrap .voiceList .caseText .text.caption small {
              padding: 0; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-01 {
      top: 0;
      left: 7vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-01 {
          left: 0;
          width: 45vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-01 {
          top: 0;
          left: 0vw;
          width: 55vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-02 {
      top: 23.6vw;
      left: 40vw;
      height: 22.77vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-02 {
          left: 55vw;
          width: 45vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-02 {
          top: 49vw;
          left: 45vw;
          width: 55vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-03 {
      top: 8.68vw;
      left: 72.15vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-03 {
          top: 150vw;
          left: 5vw;
          width: 45vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-03 {
          top: 95vw;
          left: 0vw;
          width: 55vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-04 {
      top: 39.375vw;
      left: 0;
      width: 34.027777777777778vw;
      height: 34.027777777777778vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-04 {
          top: 80vw;
          left: 45vw;
          width: 55vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-04 {
          top: 145vw;
          left: 40vw;
          width: 60vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-05 {
      top: 65.763888888888889vw;
      left: 72.152777777777778vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-05 {
          width: 30vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-05 {
          top: 120vw;
          left: 0vw;
          width: 47.5vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-05 {
          top: 215vw;
          left: 35vw;
          width: 65vw;
          height: 45vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-06 {
      top: 77.986111111111111vw;
      left: 35vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-06 {
          width: 33vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-06 {
          top: 140vw;
          left: 55vw;
          width: 47.5vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-06 {
          top: 270vw;
          left: 0vw;
          width: 55vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-07 {
      top: 100.763888888888889vw;
      left: 2.916666666666667vw;
      width: 33.194444444444444vw;
      height: 24.097222222222222vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-07 {
          top: 190vw;
          left: 50vw;
          width: 45vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-07 {
          top: 330vw;
          left: 48vw;
          width: 52vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-08 {
      top: 118.75vw;
      left: 33.819444444444444vw;
      width: 34.027777777777778vw;
      height: 26.875vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-08 {
          top: 170vw;
          left: 0vw;
          width: 45vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-08 {
          top: 365vw;
          left: 0vw;
          width: 70vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-09 {
      top: 132.291666666666667vw;
      left: 72.152777777777778vw;
      height: 24.722222222222222vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-09 {
          top: 200vw;
          left: 15vw;
          width: 40vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-09 {
          top: 395vw;
          left: 50vw;
          width: 50vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-10 {
      top: 165.486111111111111vw;
      left: 42.916666666666667vw;
      width: 39.027777777777778vw;
      height: 23.680555555555556vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-10 {
          width: 45vw;
          height: 26vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-10 {
          top: 260vw;
          left: 20vw;
          width: 70vw;
          height: 45vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-10 {
          top: 460vw;
          left: 0vw;
          width: 65vw;
          height: 65vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-11 {
      top: 173.472222222222222vw;
      left: 0;
      width: 34.305555555555556vw;
      height: 30.277777777777778vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-11 {
          top: 300vw;
          left: 50vw;
          width: 50vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-11 {
          top: 570vw;
          left: 0vw;
          width: 60vw;
          height: 55vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-12 {
      top: 197.986111111111111vw;
      left: 65.972222222222222vw;
      width: 34.027777777777778vw;
      height: 20.833333333333333vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-12 {
          height: 23vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-12 {
          top: 310vw;
          left: 0vw;
          width: 40vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-12 {
          top: 630vw;
          left: 50vw;
          width: 50vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-13 {
      top: 220.138888888888889vw;
      left: 11.388888888888889vw;
      width: 24.444444444444444vw;
      height: 24.444444444444444vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-13 {
          width: 30vw;
          height: 30vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-13 {
          top: 340vw;
          left: 5vw;
          width: 40vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-13 {
          top: 710vw;
          left: 30vw;
          width: 70vw;
          height: 50vw; } }
    .sec-voice .voiceListWrap .voiceList .caseText.caseText-14 {
      top: 229.166666666666667vw;
      left: 51.111111111111111vw;
      width: 44.236111111111111vw;
      height: 20.833333333333333vw; }
      @media only screen and (max-width: 1280px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-14 {
          width: 50vw;
          height: 30vw; } }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-14 {
          top: 380vw;
          left: 30vw;
          width: 70vw;
          height: 40vw; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseText.caseText-14 {
          top: 770vw;
          left: 0vw;
          width: 80vw;
          height: 60vw; } }
  .sec-voice .voiceListWrap .voiceList .caseImg {
    position: absolute;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 767px) {
      .sec-voice .voiceListWrap .voiceList .caseImg .imgcap {
        font-size: 10px; } }
    .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-01 {
      top: 43.263vw;
      left: 62.708vw;
      width: 20.416vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-01 {
          top: 60vw;
          left: 60vw;
          width: 30vw;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-01 {
          top: 100vw;
          left: 60vw;
          width: 40vw; } }
    .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-02 {
      top: 70vw;
      left: 0;
      width: 26.111111111111111vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-02 {
          top: 110vw;
          left: 0vw;
          width: 40vw;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-02 {
          top: 190vw;
          left: 0vw;
          width: 70vw; } }
    .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-03 {
      top: 100.763888888888889vw;
      left: 77.430555555555556vw;
      width: 17.361111111111111vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-03 {
          top: 220vw;
          left: 65vw;
          width: 25vw;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-03 {
          top: 320vw;
          left: 0vw;
          width: 35vw; } }
    .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-04 {
      top: 139.236111111111111vw;
      left: 12.847222222222222vw;
      width: 29.166666666666667vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-04 {
          top: 280vw;
          left: 0vw;
          width: 45vw;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-04 {
          top: 520vw;
          left: 20vw;
          width: 80vw; } }
    .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-05 {
      top: 198.611111111111111vw;
      left: 26.944444444444444vw;
      width: 26.388888888888889vw; }
      @media only screen and (max-width: 991px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-05 {
          top: 345vw;
          left: 55vw;
          width: 40vw;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .sec-voice .voiceListWrap .voiceList .caseImg.caseImg-05 {
          top: 670vw;
          left: 0vw;
          width: 60vw; } }
  .sec-voice .allCaption {
    position: absolute;
    left: 30px;
    bottom: 20px;
    font-size: 12px; }
    @media only screen and (max-width: 767px) {
      .sec-voice .allCaption {
        left: 0;
        padding: 0 5vw;
        font-size: 11px;
        line-height: 1.8; } }

/*sec-customerInterviews
-----------------------------------------------------------*/
.sec-customerInterviews {
  padding: 150px 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.2) 100%); }
  @media only screen and (max-width: 767px) {
    .sec-customerInterviews {
      padding: 50px 0; } }
  .sec-customerInterviews .bnArea {
    max-width: 1350px;
    margin: 0 auto; }
    @media only screen and (max-width: 1440px) {
      .sec-customerInterviews .bnArea {
        margin: 0 5%; } }
    .sec-customerInterviews .bnArea .bnWrap {
      /*display: flex;
      align-items: center;
      background: rgba(255,255,255,.35);
      box-shadow: 0 0 30px rgba(0,0,0,.05);
      @include laptop(){
      	flex-wrap: wrap;
      }*/ }
      .sec-customerInterviews .bnArea .bnWrap a {
        display: block;
        transition: .3s all ease-in-out; }
        .sec-customerInterviews .bnArea .bnWrap a:hover {
          transform: scale(1.05); }
      .sec-customerInterviews .bnArea .bnWrap .imgWrap {
        width: 60%;
        line-height: 0; }
        @media only screen and (max-width: 1440px) {
          .sec-customerInterviews .bnArea .bnWrap .imgWrap {
            width: 100%; } }
      .sec-customerInterviews .bnArea .bnWrap .textWrap {
        display: flex;
        justify-content: center;
        width: 40%;
        padding: 0; }
        @media only screen and (max-width: 1440px) {
          .sec-customerInterviews .bnArea .bnWrap .textWrap {
            width: 100%; } }
        .sec-customerInterviews .bnArea .bnWrap .textWrap .title {
          position: relative;
          z-index: 10;
          margin: 0 -11vw 10px 0;
          font-size: 18px;
          line-height: 2;
          font-weight: 300;
          font-family: 'Shippori Mincho', serif; }
          @media only screen and (max-width: 1440px) {
            .sec-customerInterviews .bnArea .bnWrap .textWrap .title {
              margin: 0 0 20px 0;
              text-align: center; } }
          @media only screen and (max-width: 767px) {
            .sec-customerInterviews .bnArea .bnWrap .textWrap .title {
              font-size: 14px; } }
          .sec-customerInterviews .bnArea .bnWrap .textWrap .title .en {
            font-size: 90px;
            font-family: 'Italianno', cursive; }
            @media only screen and (max-width: 767px) {
              .sec-customerInterviews .bnArea .bnWrap .textWrap .title .en {
                font-size: 50px; } }
          .sec-customerInterviews .bnArea .bnWrap .textWrap .title .jp {
            display: block;
            margin: -50px 0 0 30px; }
            @media only screen and (max-width: 1440px) {
              .sec-customerInterviews .bnArea .bnWrap .textWrap .title .jp {
                margin: -50px 0 0 0; } }
            @media only screen and (max-width: 767px) {
              .sec-customerInterviews .bnArea .bnWrap .textWrap .title .jp {
                margin: -30px 0 0 0; } }
        .sec-customerInterviews .bnArea .bnWrap .textWrap .readMoreBtn {
          margin: 30px 0 20px; }
          @media only screen and (max-width: 1440px) {
            .sec-customerInterviews .bnArea .bnWrap .textWrap .readMoreBtn {
              margin: 20px auto 30px; } }

/*# sourceMappingURL=caseStudy.css.map */