@charset "UTF-8";
/*追加CSS*/
.inlineAnchor {
  display: inline;
  text-decoration: underline;
}

.indent {
  text-indent: -1em;
}

.imgCaption {
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
  margin: 0 0 8px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .imgCaption {
    font-size: 10px;
  }
}
.imgCaption + .process__pic {
  margin-top: 8px;
}

@media screen and (max-width: 480px) {
  .smallText.long {
    text-align: left;
  }
}

.smallText.asterisk {
  vertical-align: super;
}
@media screen and (max-width: 768px) {
  .smallText.asterisk {
    padding: 0;
  }
}

.process__subheading.long {
  line-height: 1.6;
}

.contents__textFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 885px;
  margin: 42px auto 110px;
}
@media screen and (max-width: 768px) {
  .contents__textFlex {
    margin-top: 20px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 480px) {
  .contents__textFlex {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
  }
}
.contents__textFlex img {
  width: 42%;
}
@media screen and (max-width: 480px) {
  .contents__textFlex img {
    width: 60%;
  }
}
.contents__textFlex .contents__text {
  margin: 0;
  width: 51%;
}
@media screen and (max-width: 768px) {
  .contents__textFlex .contents__text {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .contents__textFlex .contents__text {
    width: 100%;
  }
}

.process__conversation {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 17px 0 26px;
  font-family: "Noto Sans JP", Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .process__conversation {
    font-size: 12px;
    letter-spacing: 0.06em;
    line-height: 1.8;
  }
}
.process__conversation-img {
  width: 100px;
  text-align: center;
}
.process__conversation-img img + span {
  line-height: 1;
  display: block;
}
.process__conversation-text {
  position: relative;
  padding: 22px 16px 22px 32px;
  background-color: #FFF;
  border-radius: 10px;
  border: 1px solid #231815;
  width: 82%;
}
@media screen and (max-width: 768px) {
  .process__conversation-text {
    padding: 16px 16px 18px 18px;
    width: calc(100% - 120px);
  }
}
.process__conversation-text:before, .process__conversation-text:after {
  top: 35px;
  left: -10px;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border-top: 10px solid transparent;
  border-right: 19px solid #231815;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 768px) {
  .process__conversation-text:before, .process__conversation-text:after {
    left: -7px;
    border-top: 7px solid transparent;
    border-right: 12px solid #231815;
    border-bottom: 7px solid transparent;
  }
}
.process__conversation-text:after {
  left: -8px;
  border-right: 19px solid #FFF;
}
@media screen and (max-width: 768px) {
  .process__conversation-text:after {
    left: -5px;
    border-right: 12px solid #FFF;
  }
}
.process__conversation-text:has(+ .process__conversation-img):before, .process__conversation-text:has(+ .process__conversation-img):after {
  transform: translateX(-50%) scale(-1, 1);
  left: calc(100% + 10px);
}
@media screen and (max-width: 768px) {
  .process__conversation-text:has(+ .process__conversation-img):before, .process__conversation-text:has(+ .process__conversation-img):after {
    left: calc(100% + 6px);
  }
}
.process__conversation-text:has(+ .process__conversation-img):after {
  left: calc(100% + 8px);
}
@media screen and (max-width: 768px) {
  .process__conversation-text:has(+ .process__conversation-img):after {
    left: calc(100% + 4px);
  }
}

.process__supplement {
  margin: 36px 0;
  padding: 53px 55px 68px 64px;
  background-color: #FFF;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .process__supplement {
    padding: 25px;
  }
}
.process__supplement__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .process__supplement__box {
    flex-direction: column;
    gap: 20px;
  }
}
.process__supplement__box img {
  width: 34%;
}
@media screen and (max-width: 768px) {
  .process__supplement__box img {
    width: 50%;
  }
}
.process__supplement__box .process__text {
  width: 58%;
}
@media screen and (max-width: 768px) {
  .process__supplement__box .process__text {
    width: 100%;
  }
}
.process__supplement__box:last-child {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .process__supplement__box:last-child {
    flex-direction: column-reverse;
  }
}
.process__supplement__box:last-child img {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .process__supplement__box:last-child img {
    width: 55%;
  }
}
.process__supplement__box:last-child .process__text {
  margin-top: 60px;
  width: 54%;
}
@media screen and (max-width: 768px) {
  .process__supplement__box:last-child .process__text {
    margin-top: 0;
    width: 100%;
  }
}

/*# sourceMappingURL=case_add.css.map */