@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : message.css                               */
/* update : 2023                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
.mv {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.mv .text_wrap {
  position: absolute;
  left: 100px;
  top: 13.8%;
}
.mv .text_wrap .prof {
  font-size: clamp(11px, 1.15vw, 15px);
}
.mv .text_wrap .prof .txt01 {
  font-size: clamp(14px, 1.53vw, 20px);
  font-weight: 700;
  letter-spacing: 0.08em;
}
.mv .text_wrap .prof .name {
  font-size: clamp(20px, 3.06vw, 40px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.mv .comment {
  margin-bottom: 10.6%;
}
.mv .comment span {
  font-size: clamp(28px, 3.38vw, 44px);
  font-weight: 700;
  color: #990044;
  display: inline-block;
  background: #FFF;
  padding: 0 10px 2px 10px;
  letter-spacing: 0.08em;
  margin-bottom: 25px;
  line-height: 1.2;
}
.mv .comment span:last-child {
  margin-bottom: 0;
}

.message_list dt {
  display: block;
  color: #990044;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.message_list dd {
  border-bottom: solid 1px #DFDFDF;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.message_list dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.message_list dd .box .box_text {
  width: 100%;
  margin-bottom: 50px;
}
.message_list dd .box .box_pic {
  width: 100%;
}

@media screen and (max-width: 1150px) {
  .mv .text_wrap {
    left: 50px;
  }
  .mv .comment span {
    margin-bottom: 15px;
  }
}
/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* tablet */
  /* -------------------tablet END------------------------- */
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 750px) {
  /* sp */
  .mv {
    max-width: inherit;
    margin: 0 0 185px 0;
  }
  .mv .text_wrap {
    position: absolute;
    left: 15px;
    top: inherit;
    bottom: -170px;
    margin: 0;
  }
  .mv .text_wrap .prof {
    font-size: 11px;
  }
  .mv .text_wrap .prof .txt01 {
    font-size: 14px;
  }
  .mv .text_wrap .prof .name {
    font-size: 20px;
  }
  .mv .img_wrap {
    position: relative;
  }
  .mv .comment {
    position: absolute;
    bottom: 5px;
    left: 10px;
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    margin-bottom: 0;
  }
  .mv .comment span {
    font-size: 20px;
    font-weight: 700;
    color: #990044;
    display: inline-block;
    background: #FFF;
    padding: 0 5px 2px 5px;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .mv .comment span:last-child {
    margin-bottom: 0;
  }
  .message_list dt {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .message_list dd {
    border-bottom: solid 1px #DFDFDF;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .message_list dd .box {
    display: block;
  }
  .message_list dd .box .box_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .message_list dd .box .box_pic {
    width: 100%;
  }
  /* ---------------------SP END----------------------------- */
}/*# sourceMappingURL=message.css.map */