@charset "UTF-8";
/* 制作事例 - FV
------------------------------------------------------------------------- */
.fv_single_case_txt {
  width: 91.7333333333vw;
  margin: 0 auto 6.4vw;
  font-size: 3.7333333333vw;
}
.fv_single_case_txt .type {
  margin-bottom: 1.0666666667vw;
}
.fv_single_case_txt .ttl_heading02 {
  width: 100%;
  font-size: 5.3333333333vw;
  margin-bottom: 1.0666666667vw;
  padding-bottom: 2.1333333333vw;
  border-bottom: 1px dashed #000;
}
.fv_single_case_txt .industry {
  text-align: right;
}

.fv_single_case_img {
  width: 87.2vw;
  margin: 0 auto;
}

/* 制作事例 - 概要
------------------------------------------------------------------------- */
.dl_about01 dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 38.4vw;
  height: 10.6666666667vw;
  font-size: 6.4vw;
  font-weight: 900;
  margin-bottom: 2.1333333333vw;
}
.dl_about01 dt::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='90' viewBox='0 0 300 90' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23222222'/%3E%3Cstop offset='100%25' stop-color='%23f04a00'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='292' height='82' rx='41' ry='41' fill='none' stroke='url(%23g)' stroke-width='4' stroke-dasharray='3 6'/%3E%3C/svg%3E");
}
.dl_about01 dd {
  font-size: 5.3333333333vw;
  margin-bottom: 6.4vw;
}
.dl_about01 dd:last-of-type {
  margin-bottom: 0;
}
.dl_about01 dd p {
  margin-bottom: 1.5em;
}
.dl_about01 dd p:last-child {
  margin-bottom: 0;
}

.dl_about02 {
  margin: 12.8vw 0;
}
.dl_about02 dt, .dl_about02 dd {
  padding: 4.2666666667vw;
}
.dl_about02 dt {
  background: #EEEAE9;
  font-weight: 900;
}
.dl_about02 dd {
  background: #fff;
}
.dl_about02 dd a {
  color: #921AFA;
  text-decoration: underline;
}

.wrap_case_img {
  width: 95.7333333333vw;
  margin: 10.6666666667vw auto;
  background: #fff;
  padding: 10.6666666667vw 0;
}
.wrap_case_img p {
  width: 91.7333333333vw;
  margin: 0 auto;
  -webkit-box-shadow: 8px 8px 40px rgba(37, 37, 37, 0.16);
          box-shadow: 8px 8px 40px rgba(37, 37, 37, 0.16);
}

/* 制作事例 - その他の制作実績
------------------------------------------------------------------------- */
.case_contents {
  margin-bottom: 4.2666666667vw;
}
.case_contents:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  /* 制作事例 - FV
  ------------------------------------------------------------------------- */
  .lower_fv:has(.fv_single_case) {
    padding: min(6.4705882353vw, 88px) 0 min(1.4705882353vw, 20px);
  }
  .fv_single_case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(2.9411764706vw, 40px);
  }
  .fv_single_case_txt {
    width: min(51.1764705882vw, 696px);
    margin: 0;
    font-size: min(1.3235294118vw, 18px);
  }
  .fv_single_case_txt .type {
    margin-bottom: min(0.5882352941vw, 8px);
  }
  .fv_single_case_txt .ttl_heading02 {
    font-size: min(2.9411764706vw, 40px);
    margin-bottom: min(0.2941176471vw, 4px);
    padding-bottom: min(1.1764705882vw, 16px);
  }
  .fv_single_case_img {
    width: min(28.2352941176vw, 384px);
    margin: 0;
  }
  /* 制作事例 - 概要
  ------------------------------------------------------------------------- */
  .dl_about01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: min(2.9411764706vw, 40px) min(2.3529411765vw, 32px);
    width: min(68.2352941176vw, 928px);
    margin: 0 auto;
  }
  .dl_about01 dt, .dl_about01 dd {
    margin-bottom: 0;
  }
  .dl_about01 dt {
    width: min(11.8382352941vw, 161px);
    height: min(3.5294117647vw, 48px);
    font-size: min(2.3529411765vw, 32px);
  }
  .dl_about01 dd {
    width: calc(100% - min(2.3529411765vw, 32px) - min(11.8382352941vw, 161px));
    font-size: min(1.7647058824vw, 24px);
    margin-top: min(0.4411764706vw, 6px);
  }
  .dl_about02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: min(68.2352941176vw, 928px);
    margin: min(4.7058823529vw, 64px) auto;
  }
  .dl_about02 dt, .dl_about02 dd {
    padding: min(1.1764705882vw, 16px);
  }
  .dl_about02 dt {
    width: min(21.1764705882vw, 288px);
  }
  .dl_about02 dd {
    width: calc(100% - min(21.1764705882vw, 288px));
  }
  .dl_about02 dd a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .dl_about02 dd a:hover {
    color: #FF4B00;
  }
  .case_img01 {
    width: min(68.2352941176vw, 928px);
    margin: min(4.7058823529vw, 64px) auto min(3.5294117647vw, 48px);
  }
  .wrap_case_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: min(2.3529411765vw, 32px);
    width: min(68.2352941176vw, 928px);
    margin: 0 auto;
    padding: min(3.5294117647vw, 48px) 0;
  }
  .wrap_case_img p {
    width: min(25.8823529412vw, 352px);
    margin: 0;
  }
  /* 制作事例 - その他の制作実績
  ------------------------------------------------------------------------- */
  .other_case .inner_section {
    width: min(90.5882352941vw, 1232px);
  }
  .wrap_other_case_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: min(1.1764705882vw, 16px);
  }
  .case_contents {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=style_case.css.map */