.sub.sub03-04 .inner .title-area {
  margin-bottom: 10px;
}
.sub.sub03-04 .inner .visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 675px;
  background-image: url("../../images/menu03/sub03-04/visual.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.sub.sub03-04 .inner .visual .sub-title {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
.sub.sub03-04 .inner .visual .writer {
  font-size: 0.9em;
  margin-top: 20px;
  text-align: center;
  color: #fff;
}
.sub.sub03-04 .inner .content-area .content-title {
  color: #f6ac19;
}
.sub.sub03-04 .inner .content-area .content .quote-area {
  color: #f6ac19;
}
.sub.sub03-04 .inner .content-area .content .quote-area::before {
  background-color: #f6ac19;
}
.sub.sub03-04 .inner .content-area .content .quote-area::after {
  background-color: #f6ac19;
}

@media (max-width: 800px) {
  .sub.sub03-04 .inner .visual {
    height: 500px;
  }
}
@media (max-width: 745px) {
  .sub.sub03-04 .inner .visual {
    width: 100%;
    background-image: url("../../images/menu03/sub03-04/bg.png");
  }
  .sub.sub03-04 .inner .visual .sub-title {
    font-size: 36px;
  }
}/*# sourceMappingURL=sub03-04.css.map */