/*
* message
*
* @author: kawai
* @date: 2021.02.01
* @breakpoint:
*    -> pc/[min-width:960px]
*    -> tab/[min-width:560 - max-width:959]
*    -> sp/[max-width:559]
*/
.under-content__catch {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.under-content__catch h4 {
  font-size: min(5 * 1rem,5 * 10 / 1920 * 100vw);
  margin-left: 3.125vw;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .under-content__catch h4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .under-content__catch h4 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 559px) {
  .under-content__catch h4 {
    font-size: min(5 * 1rem,5 * 10 / 375 * 100vw);
  }
}
.under-content__catch__photo {
  width: 34%;
}

.under-content__text {
  padding-top: 3.6458333333vw;
}
.under-content__text p {
  font-size: clamp(1.6 * 1rem,1.8 * 10 / 1920 * 100vw,2 * 1rem);
  padding-bottom: 1.5em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .under-content__text p {
    font-size: 0.9375vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .under-content__text p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) {
  .under-content__text p {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}

.message__name {
  display: flex;
  justify-content: flex-end;
  padding-top: 2.0833333333vw;
}
.message__name p {
  font-size: clamp(1.8 * 1rem,2 * 10 / 1920 * 100vw,2.2 * 1rem);
  padding-bottom: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .message__name p {
    font-size: 1.0416666667vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .message__name p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 559px) {
  .message__name p {
    font-size: min(2 * 1rem,2 * 10 / 375 * 100vw);
  }
}
.message__name h5 {
  font-size: clamp(2.4 * 1rem,2.6 * 10 / 1920 * 100vw,2.8 * 1rem);
  font-weight: normal;
  line-height: 1.2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .message__name h5 {
    font-size: 1.3541666667vw;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 192rem), screen and (-ms-high-contrast: active) and (min-width: 192rem) {
  .message__name h5 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 559px) {
  .message__name h5 {
    font-size: min(2.6 * 1rem,2.6 * 10 / 375 * 100vw);
  }
}

@media screen and (max-width: 559px) {
  .under-content__catch {
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 18.6666666667vw;
    margin-top: 5.3333333333vw;
  }
  .under-content__catch h4 {
    font-size: min(3 * 1rem,3 * 10 / 1920 * 100vw);
    margin-left: 0;
    position: absolute;
    bottom: -16vw;
    width: 100%;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .under-content__catch h4 {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .under-content__catch h4 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .under-content__catch h4 {
    font-size: min(3 * 1rem,3 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .under-content__catch__photo {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 559px) {
  .under-content__text p {
    font-size: min(1.6 * 1rem,1.6 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .under-content__text p {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .under-content__text p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .under-content__text p {
    font-size: min(1.6 * 1rem,1.6 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .message__name p {
    font-size: min(1.8 * 1rem,1.8 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .message__name p {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .message__name p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .message__name p {
    font-size: min(1.8 * 1rem,1.8 * 10 / 375 * 100vw);
  }
}
@media screen and (max-width: 559px) {
  .message__name h5 {
    font-size: min(2.4 * 1rem,2.4 * 10 / 1920 * 100vw);
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none), screen and (max-width: 559px) and (-ms-high-contrast: active) {
  .message__name h5 {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 559px) and (-ms-high-contrast: none) and (min-width: 192rem), screen and (max-width: 559px) and (-ms-high-contrast: active) and (min-width: 192rem) {
  .message__name h5 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 559px) and (max-width: 559px) {
  .message__name h5 {
    font-size: min(2.4 * 1rem,2.4 * 10 / 375 * 100vw);
  }
}