@charset "UTF-8";
.container {
  margin-top: 10%;
}

.sub-content {
  width: 80%;
  margin: 0 auto;
  font-family: "dnp-shuei-shogomincho-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6vw;
  color: #007bd5;
}

.sub-content2 {
  width: 70%;
  margin: 0 auto;
  font-family: "dnp-shuei-shogomincho-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: max(1.3vw, 10px);
  line-height: 130%;
  margin-top: 3%;
  margin-bottom: 3%;
}

.talk-box {
  display: flex;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 5%;
}

.talk-box1 .talk01 {
  width: 23%;
}
.talk-box1 .talk01 p {
  font-size: max(1.1vw, 10px);
  text-align: center;
  font-family: "HiraginoSans-W2", "Hiragino Sans", "ヒラギノ角ゴシック";
  font-weight: 200;
  padding-top: 2%;
}
.talk-box1 .talk02 {
  width: 77%;
}
.talk-box1 .talk02 p {
  width: 80%;
  margin: 0 auto;
  background-color: #cceaff;
  padding: 5%;
  font-size: 1.5vw;
  border-radius: 2em;
}
.talk-box1 .talk02 .talk-display {
  position: relative;
}
.talk-box1 .talk02 .talk-display .talk {
  position: absolute;
  width: 10%;
  bottom: 25%;
  left: 1%;
}

.talk-box2 .talk02 {
  width: 23%;
}
.talk-box2 .talk02 p {
  font-size: max(1.1vw, 10px);
  text-align: center;
  font-family: "HiraginoSans-W2", "Hiragino Sans", "ヒラギノ角ゴシック";
  font-weight: 200;
  padding-top: 2%;
}
.talk-box2 .talk-display {
  width: 77%;
}
.talk-box2 .talk-display .talk01 {
  position: relative;
}
.talk-box2 .talk-display .talk01 p {
  width: 80%;
  margin: 0 auto;
  background-color: #ffeffb;
  padding: 5%;
  font-size: 1.5vw;
  border-radius: 2em;
}
.talk-box2 .talk-display .talk01 .talk {
  position: absolute;
  width: 10%;
  bottom: 25%;
  right: 1%;
}

.border-box {
  width: 80%;
  border: solid 1px #707070;
  padding: 1%;
  margin: 0 auto;
  margin-top: 10%;
  text-align: center;
  font-size: max(1.4vw, 10px);
}
.border-box .border {
  border: solid 1px #707070;
  padding: 5%;
}
.border-box .border p {
  line-height: 200%;
  font-family: "HiraginoSans-W2", "Hiragino Sans", "ヒラギノ角ゴシック";
  font-weight: 200;
}

.sub-content2 {
  font-family: "HiraginoSans-W2", "Hiragino Sans", "ヒラギノ角ゴシック";
  font-weight: 600;
}

@media (max-width: 700px) {
  .sub-content {
    font-size: 13px;
    line-height: 150%;
    margin-top: 2%;
  }
  .talk-box1 .talk02 p {
    font-size: 14px;
    padding: 5%;
    line-height: 160%;
  }
  .talk-box2 .talk-display .talk01 p {
    font-size: 14px;
    padding: 5%;
    line-height: 160%;
  }
  .talk-box2 .talk-display .talk01 .talk {
    bottom: 40%;
  }
  .talk-box1 .talk02 .talk-display .talk {
    bottom: 40%;
  }
  .talk-box {
    margin-top: 15%;
    margin-bottom: 15%;
  }
  .border-box .border p {
    font-size: 15px;
  }
  .talk-box1 .talk01 p {
    font-size: 10px;
  }
  .talk-box2 .talk02 p {
    font-size: 10px;
  }
  .sub-content2 {
    width: 70%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 130%;
    margin-top: 3%;
    margin-bottom: 3%;
  }
}/*# sourceMappingURL=episode03.css.map */