/* -----------------------
  answer
----------------------- */
.answer {
  background: url(../img/answer_bg.jpg) no-repeat center / cover;
  padding-top: min(42.31vw, 330px);
  padding-bottom: min(15.51vw, 121px);
}


.answer-01 {
  background: url(../img/answer_01_bg.png) no-repeat center top / 100% auto;
}
.answer-01 .txt-boxes {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.answer-01 .txt-box-right {
  width: min(29.87vw, 233px);
  background: url(../img/answer_01_txt_right_bg.png) no-repeat right top / contain;
  display: grid;
}
.answer-01 .txt-box-left {
  width: min(28.85vw, 225px);
  background: url(../img/answer_01_txt_left_bg.png) no-repeat left top / contain;
  display: grid;
}
.answer-01 .txt-box-left .txt,
.answer-01 .txt-box-right .txt {
  grid-area: 1 / 1;
}
.answer-01 .txt-box-right .txt:first-child {
  transition-delay: 0s;
}
.answer-01 .txt-box-left .txt:first-child {
  transition-delay: .5s;
}
.answer-01 .txt-box-left .txt:last-child {
  transition-delay: .75s;
}

.answer-02 {
  background: url(../img/answer_02_bg.png) no-repeat center top / 100% auto;
  margin-top: max(-7.31vw, -57px);
}

.answer-02 .ttl::after {
  background: url(../img/answer_02_ttl_underline.png) no-repeat left bottom / contain;
  width: min(75.51vw, 589px);
  height: min(7.31vw, 57px);
  left: min(4.36vw, 34px);
  bottom: min(17.31vw, 135px);
}

.answer-02 .line-box {
  display: grid;
}
.answer-02 .line-box p, .line {
  grid-area: 1 / 1;
}
.answer-02 .line-box .line {
  display: block;
}
.answer-02 .line-box .line-01 {
  transition-delay: 0s;
}
.answer-02 .line-box .line-03 {
  transition-delay: .5s;
}
.answer-02 .line-box .line-04 {
  transition-delay: .75s;
}
.answer-02 .line-box .line-05 {
  transition-delay: 1s;
}