@charset "UTF-8";

#case_index {
  padding: 12vw 0;
}
#case_index .list_case {
  gap: 10vw 5%;
}
#case_index .list_case li {
  width: 47.5%;
}
#case_index .list_case li .company {
  font-size: 1.9vw;
  padding: .5em .6em;
}
#case_index .list_case li .description {
  font-size: 3vw;
}

#case {
  background: linear-gradient(#FFF 40vw, #F2F2F2 40vw);
  padding: 12vw 0;
}
#case .profile .image {
  width: 100vw;
  margin: 0 -6vw;
}
#case .profile .image img {
  width: 100%;
}
#case .profile .text {
  position: static;
}
#case .profile .text .box {
  width: 100%;
  margin-top: -4vw;
  padding: 5vw;
  box-shadow: 2vw 2vw 0px 0px rgba(255, 223, 0, 1);
}
#case .profile .text .box .company,
#case .profile .text .box .name {
  font-size: 5vw;
}
#case .profile .text .box p {
  font-size: 3.75vw;
}
#case .profile .text .date {
  font-size: 3.125vw;
  margin: 1.6em 0 0 .8em;
}
#case .vol_top {
  margin: 1em 0 0 .8em;
  font-size: 3.125vw;
}
#case .vol_bottom {
  margin-bottom: 10vw;
}
#case .catchphrase {
  margin: 12vw 0;
  font-size: 5vw;
  text-align: left;
}
#case .interview {
  padding: 5vw;
}
#case .interview + .interview {
  margin-top: 14vw;
}
#case .interview .title_interview {
  position: static;
  transform: none;
  width: calc(100% + 10vw);
  font-size: 4vw;
  line-height: 1.5;
  margin-left: -7vw;
  padding: .6em .9em .7em;
  box-sizing: border-box;
}
#case .interview .row,
#case .interview .row.reverse {
  flex-direction: column;
  gap: 5vw;
}
#case .interview .row .image,
#case .interview .row .image img,
#case .interview .row .text {
  width: 100%;
}
#case .interview .question {
  font-size: 4vw;
}
#case .interview * + .row {
  margin-top: calc(4vw * 1.4);
}
#case .interview .answer {
  font-size: 3.75vw;
  padding-left: 0;
}
#case .img_case_end {
  width: 88vw;
  margin: 10vw auto;
}