@media only screen and (min-width: 48em) {
  #fresh {
    margin-top: calc(100 / var(--base-width) * var(--inner-width) * 1px);
    margin-bottom: calc(180 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .page-mv {
  background: url(../img/work/fresh/mv-img.jpg) no-repeat center center/cover;
}
@media only screen and (max-width: 47.9375em) {
  #fresh .page-mv {
    background: url(../img/work/fresh/mv-img-sp.jpg) no-repeat center center/cover;
  }
}
#fresh .mv-title {
  color: #fff;
}
#fresh .fresh-heading {
  text-align: center;
  font-size: calc(30 / var(--base-width) * var(--inner-width) * 1px);
  font-weight: 700;
  margin-bottom: calc(134 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .fresh-heading {
    font-size: calc(30 / var(--base-width) * var(--inner-width) * 1px);
    margin-bottom: calc(100 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-inner {
  width: calc(1200 / var(--base-width) * var(--inner-width) * 1px);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
  padding: calc(143 / var(--base-width) * var(--inner-width) * 1px) calc(60 / var(--base-width) * var(--inner-width) * 1px) calc(67 / var(--base-width) * var(--inner-width) * 1px);
  border-radius: calc(30 / var(--base-width) * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-inner {
    width: auto;
    margin: 0 calc(40 / var(--base-width) * var(--inner-width) * 1px);
    padding: calc(143 / var(--base-width) * var(--inner-width) * 1px) calc(30 / var(--base-width) * var(--inner-width) * 1px) calc(67 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-inner + .voice-inner {
  margin-top: calc(169 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-inner + .voice-inner {
    margin-top: calc(140 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-question {
  font-size: calc(30 / var(--base-width) * var(--inner-width) * 1px);
  font-weight: 700;
  color: #fff;
  width: calc(1080 / var(--base-width) * var(--inner-width) * 1px);
  height: calc(98 / var(--base-width) * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e60012;
  border-radius: calc(49 / var(--base-width) * var(--inner-width) * 1px);
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-49 / var(--base-width) * var(--inner-width) * 1px);
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-question {
    width: calc(600 / var(--base-width) * var(--inner-width) * 1px);
    font-size: calc(28 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-question::after {
  display: block;
  content: "";
  background: url(../img/work/fresh/fukidashi.png) no-repeat center center/contain;
  width: calc(55 / var(--base-width) * var(--inner-width) * 1px);
  height: calc(62 / var(--base-width) * var(--inner-width) * 1px);
  position: absolute;
  left: 0;
  bottom: calc(-13 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-question::after {
    bottom: calc(-12 / var(--base-width) * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-question span {
    position: relative;
    z-index: 2;
    text-align: center;
    line-height: 1.2;
  }
}
#fresh .voice-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: calc(70 / var(--base-width) * var(--inner-width) * 1px);
}
#fresh .voice-item {
  position: relative;
  width: calc(340 / var(--base-width) * var(--inner-width) * 1px);
  height: calc(180 / var(--base-width) * var(--inner-width) * 1px);
  border-radius: calc(30 / var(--base-width) * var(--inner-width) * 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: calc(10 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-item {
    width: calc(290 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-item > img {
  width: calc(80 / var(--base-width) * var(--inner-width) * 1px);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(-40 / var(--base-width) * var(--inner-width) * 1px);
}
#fresh .voice-item p {
  text-align: center;
  font-size: calc(20 / var(--base-width) * var(--inner-width) * 1px);
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-item p {
    font-size: calc(22 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-item p span {
  font-size: calc(24 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-item p span {
    font-size: calc(25 / var(--base-width) * var(--inner-width) * 1px);
  }
}
#fresh .voice-item.voice-1 {
  background: #ffe8f6;
}
#fresh .voice-item.voice-1 p span {
  color: #c46fa5;
}
#fresh .voice-item.voice-2 {
  background: #cfddf0;
}
#fresh .voice-item.voice-2 p span {
  color: #547fad;
}
#fresh .voice-item.voice-3 {
  background: #fff5c5;
}
#fresh .voice-item.voice-3 p span {
  color: #9d8419;
}
#fresh .voice-item.voice-4 {
  background: #deedf0;
}
#fresh .voice-item.voice-4 p span {
  color: #44838c;
}
#fresh .voice-item.voice-5 {
  background: #e9d2f0;
}
#fresh .voice-item.voice-5 p span {
  color: #834e98;
}
#fresh .voice-item.voice-6 {
  background: #dcecd1;
}
#fresh .voice-item.voice-6 p span {
  color: #567f36;
}
#fresh .voice-item.voice-7 {
  background: #ffe1c4;
}
#fresh .voice-item.voice-7 p span {
  color: #a36736;
}
#fresh .voice-item.voice-8 {
  background: #c8eded;
}
#fresh .voice-item.voice-8 p span {
  color: #468d8b;
}
#fresh .voice-item.voice-9 {
  background: #d3d7f8;
}
#fresh .voice-item.voice-9 p span {
  color: #47539a;
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-list.voice03 {
    align-items: stretch;
  }
}
#fresh .voice-list.voice03 .voice-item {
  width: calc(515 / var(--base-width) * var(--inner-width) * 1px);
  height: calc(250 / var(--base-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  #fresh .voice-list.voice03 .voice-item {
    width: calc(290 / var(--base-width) * var(--inner-width) * 1px);
    height: auto;
    padding: calc(47 / var(--base-width) * var(--inner-width) * 1px) calc(10 / var(--base-width) * var(--inner-width) * 1px) calc(20 / var(--base-width) * var(--inner-width) * 1px);
  }
}/*# sourceMappingURL=fresh.css.map */