@charset "UTF-8";
/**
 * App
 */
/* ==========================================================================
   Foundation
   ========================================================================== */
/*==================================
* theme
==================================*/
/*==================================
* breakpoint
==================================*/
/*==================================
* margin
==================================*/
/*==================================
* padding
==================================*/
/*==================================
* z-index
==================================*/
/*==================================
* round
==================================*/
/* ==========================================================================
   Layout
========================================================================== */
/**
 * Section
 */
/*==================================
* Section
==================================*/
.ml-section {
  width: 100%;
  box-sizing: border-box;
  padding: 5rem 0;
  /* 画像 */
  /* 背景グラデーション */
  /* 背景色あり */
  /* 背景色あり（プライマリ） */
  /* 背景色あり（薄青） */
  /* 下線 */
  /* タイトル型（コメントあり） */
  /* タイトル型（コメントなし） */
}
@media screen and (min-width: 768px) {
  .ml-section {
    padding: 8rem 0;
  }
}
.ml-section img {
  max-width: 100%;
  height: auto;
}
.ml-section.ml-section--gradient {
  background: linear-gradient(to bottom, #FFF 60%, #E9E9E9 100%);
}
.ml-section.ml-section--gray {
  background-color: #F5F5F5;
}
.ml-section.ml-section--primary {
  background-color: #345887;
  color: #FFF;
}
.ml-section.ml-section--l-blue {
  background-color: #f6f7f7;
}
.ml-section.ml-section__border--bottom {
  border-bottom: solid 1px #CCC;
}
.ml-section.ml-section--title--type01 {
  padding: 3rem 0;
  background-color: #345887;
}
.ml-section.ml-section--title--type01 h2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #FFF;
}
.ml-section.ml-section--title--type01 .ml-section--title__text {
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .ml-section.ml-section--title--type01 {
    padding: 5rem 0;
  }
  .ml-section.ml-section--title--type01 .ml-section__container {
    display: flex;
    align-items: center;
  }
  .ml-section.ml-section--title--type01 h2 {
    width: 40%;
    margin: 0;
    font-size: 3.2rem;
  }
  .ml-section.ml-section--title--type01 .ml-section--title__text {
    width: 60%;
  }
}
.ml-section.ml-section--title--type02 {
  padding: 3rem 0;
  background-color: #345887;
}
.ml-section.ml-section--title--type02 h2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .ml-section.ml-section--title--type02 {
    padding: 5rem 0;
  }
  .ml-section.ml-section--title--type02 h2 {
    width: 100%;
    margin: 0;
    font-size: 3.2rem;
  }
}

/*==================================
* Section Container
==================================*/
@media screen and (min-width: 768px) {
  .ml-section__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
}

/* ==========================================================================
   Object
========================================================================== */
/* Utility
----------------------------------------------------------------- */
/**
 * margin
 */
.mu-mb-80 {
  margin-bottom: 80px;
}

/**
 * Text
 */
/*==================================
* マーカー
==================================*/
.mu-text-marker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* Component
----------------------------------------------------------------- */
/**
 * Button
 */
/*==================================
* 標準
==================================*/
.mc-button,
.mc-button--primary,
.mc-button--secondary {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  padding: 10px;
  line-height: 1.5;
  border-radius: 50px;
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  background: #fafafa;
  border: solid 1px #CCC;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  box-sizing: border-box;
}
.mc-button::after,
.mc-button--primary::after,
.mc-button--secondary::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: solid 2px #555;
  border-right: solid 2px #555;
  transform: rotate(45deg);
}
.mc-button:hover, .mc-button:active, .mc-button:focus,
.mc-button--primary:hover,
.mc-button--secondary:hover,
.mc-button--primary:active,
.mc-button--secondary:active,
.mc-button--primary:focus,
.mc-button--secondary:focus {
  text-decoration: none;
  color: #333;
  opacity: 0.8;
}
.mc-button[disabled], .mc-button.disabled,
[disabled].mc-button--primary,
[disabled].mc-button--secondary,
.disabled.mc-button--primary,
.disabled.mc-button--secondary {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .mc-button,
  .mc-button--primary,
  .mc-button--secondary {
    max-width: 260px;
  }
}

/*==================================
* カラー
==================================*/
.mc-button--primary,
.mc-button--secondary {
  color: #FFF;
  border-color: transparent;
}
.mc-button--primary::after,
.mc-button--secondary::after {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}
.mc-button--primary:hover, .mc-button--primary:active, .mc-button--primary:focus,
.mc-button--secondary:hover,
.mc-button--secondary:active,
.mc-button--secondary:focus {
  text-decoration: none;
  color: #FFF;
  opacity: 0.8;
}

.mc-button--primary {
  background-color: #345887;
}

.mc-button--secondary {
  background-color: #FF8C00;
}

/*==================================
* ラージサイズ
==================================*/
.mc-button--lg {
  padding: 15px;
  font-size: 2rem;
}
.mc-button--lg::after {
  border-top-width: 4px;
  border-right-width: 4px;
}
@media screen and (min-width: 768px) {
  .mc-button--lg {
    max-width: 550px;
    font-size: 2.2rem;
  }
  .mc-button--lg::after {
    top: calc(50% - 8px);
    right: 40px;
    width: 12px;
    height: 12px;
  }
}

/*==================================
* 角なし
==================================*/
.mc-button--square {
  border-radius: 0;
}

/*==================================
* アウトライン
==================================*/
.mc-button--outline {
  background-color: #fff;
}
.mc-button--outline:hover {
  opacity: 1;
}
.mc-button--outline.mc-button--primary {
  color: #345887;
  border: solid 2px #345887;
}
.mc-button--outline.mc-button--primary::after {
  border-top: solid 2px #345887;
  border-right: solid 2px #345887;
}
.mc-button--outline.mc-button--primary:hover {
  color: #fff;
  background-color: #345887;
  transition-duration: 0.3s;
}
.mc-button--outline.mc-button--primary:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.mc-button--outline.mc-button--secondary {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.mc-button--outline.mc-button--secondary::after {
  border-top: solid 2px #FF8C00;
  border-right: solid 2px #FF8C00;
}
.mc-button--outline.mc-button--secondary:hover {
  color: #fff;
  background-color: #FF8C00;
  transition-duration: 0.3s;
}
.mc-button--outline.mc-button--secondary:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

/*==================================
* アイコン
==================================*/
.mc-button--arrow-down::after,
.mc-button--external::after,
.mc-button--download::after {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  position: static;
  border: none !important;
  transform: none;
  margin-left: 10px;
}

.mc-button--arrow-down::after {
  content: "\f078";
}

.mc-button--external::after {
  content: "\f35d";
}

.mc-button--download::after {
  content: "\f019";
}

/*==================================
* コンテナ（1カラム）
==================================*/
.mc-button-container {
  padding: 30px 0 0 0;
  text-align: center;
}

/*==================================
* コンテナ（2カラム）
==================================*/
.mc-button-container--col2 {
  padding: 30px 0 0 0;
}
@media screen and (min-width: 768px) {
  .mc-button-container--col2 {
    display: flex;
    justify-content: space-around;
  }
}

/**
 * Feature
 */
.mc-feature--type01 .mc-feature__block {
  width: 100%;
  margin-bottom: 50px;
}
.mc-feature--type01 .mc-feature__block:last-child {
  margin-bottom: 30px;
}
.mc-feature--type01 .mc-feature__image {
  margin-bottom: 30px;
}
.mc-feature--type01 .mc-feature__image img {
  max-width: 100%;
  height: auto;
}

/* PC */
@media screen and (min-width: 768px) {
  .mc-feature--type01 .mc-feature__block {
    display: flex;
    margin-bottom: 80px;
  }
  .mc-feature--type01 .mc-feature__image {
    width: 50%;
    margin: 0;
    padding: 0 30px 0 0;
  }
  .mc-feature--type01 .mc-feature__text {
    width: 50%;
    padding: 0 0 0 30px;
  }
  .mc-feature--type01 .mc-feature--reverse {
    flex-direction: row-reverse;
  }
  .mc-feature--type01 .mc-feature--reverse .mc-feature__image {
    padding: 0 0 0 30px;
    text-align: right;
  }
  .mc-feature--type01 .mc-feature--reverse .mc-feature__text {
    padding: 0 30px 0 0;
  }
}
/**
 * Title
 */
/* H2
 ======================= */
.mc-title, .mc-title--border {
  margin: 0 0 5rem 0;
  padding: 0;
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: bold;
  color: my-colors(text, base);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .mc-title, .mc-title--border {
    font-size: 3.2rem;
    line-height: 4.5rem;
  }
}

/* H2（下線）
 ======================= */
.mc-title--border {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 6rem;
}
.mc-title--border::after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  left: calc(50% - 30px);
  bottom: 0;
  border: solid 2px #345887;
}
@media screen and (min-width: 768px) {
  .mc-title--border {
    margin-bottom: 8rem;
  }
}

/*
　H2タイトル（中央寄せ/明朝）
================================*/
.mc-title--mincho {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #111;
}
@media screen and (min-width: 768px) {
  .mc-title--mincho {
    width: 100%;
    margin: 0 auto 45px auto;
    line-height: 1.4;
    font-size: 3.4rem;
  }
}

/*
　H2タイトル（キャッチコピー）
================================*/
.mc-title--catchcopy {
  margin: 0 auto 30px auto;
  padding: 0 8px;
  text-align: center;
}
.mc-title--catchcopy h2 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.mc-title--catchcopy h2 strong {
  font-size: 3.2rem;
  color: #345887;
}
.mc-title--catchcopy h3 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: 700;
}
.mc-title--catchcopy p {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .mc-title--catchcopy {
    max-width: 1140px;
    margin: 0 auto 60px auto;
    padding: 0;
  }
  .mc-title--catchcopy h2 {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 3rem;
  }
  .mc-title--catchcopy h2 strong {
    font-size: 4.8rem;
  }
  .mc-title--catchcopy h3 {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 32px;
  }
  .mc-title--catchcopy p {
    font-size: 24px;
  }
}

/*
　H2タイトル（ルビ付き）
================================*/
.mc-title-ruby-06 {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
}
.mc-title-ruby-06 h2 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.mc-title-ruby-06 span {
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  color: #333;
}
.mc-title-ruby-06 span::first-letter {
  color: #345887;
}
@media screen and (min-width: 768px) {
  .mc-title-ruby-06 {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  .mc-title-ruby-06 h2 {
    font-size: 3.4rem;
  }
  .mc-title-ruby-06 span {
    font-size: 2rem;
  }
}

/* H3
 ======================= */
.mc-title-h3 {
  font-weight: bold;
  margin: 0 0 20px 0;
  padding-left: 10px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-left: solid 5px #345887;
}
@media screen and (min-width: 768px) {
  .mc-title-h3 {
    padding-left: 15px;
    font-size: 2.4rem;
  }
}

.mc-title-h3--primary {
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: bold;
  color: #345887;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .mc-title-h3--primary {
    font-size: 2.4rem;
  }
}

.mc-title-h3--line {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
  margin: 0 auto 15px auto;
  font-size: 1.8rem;
}
.mc-title-h3--line::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 20%;
  height: 4px;
  background-color: #345887;
}
@media screen and (min-width: 768px) {
  .mc-title-h3--line {
    font-size: 2.4rem;
  }
}

/* H3（箇条書き）
 ======================= */
.mc-title-h3--bullet {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 0 30px;
  color: my-colors(text, base);
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.5;
}
.mc-title-h3--bullet::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 15px;
  height: 4px;
  background-color: #345887;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .mc-title-h3--bullet {
    font-size: 2.4rem;
  }
}

/* H4
 ======================= */
.mc-title-h4 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
  color: #345887;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .mc-title-h4 {
    font-size: 2rem;
  }
}

.mc-title-h4--base {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
  color: my-colors(text, base);
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .mc-title-h4--base {
    font-size: 2rem;
  }
}

/* project
----------------------------------------------------------------- */
/**
 * index
 */
/*==================================
* トップ
==================================*/
/** よくある質問 */
.mp-index-ques {
  margin-bottom: 30px;
}

.mp-index-ques__item {
  width: 200px !important;
}

.mp-index-ques__item a {
  display: block;
  padding: 10px;
  color: #333;
  background: #fff;
  border: solid 1px #dedede;
  border-radius: 8px;
}

.mp-index-ques__item h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  height: 4.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.mp-index-ques .swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.mp-index-ques .swiper-button-prev,
.mp-index-ques .swiper-button-next {
  background: rgba(222, 222, 222, 0.8);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.mp-index-ques .swiper-button-prev:hover,
.mp-index-ques .swiper-button-next:hover {
  background: rgba(222, 222, 222, 0.9);
}

.mp-index-ques .swiper-button-prev::after,
.mp-index-ques .swiper-button-next::after {
  content: "";
  width: 10px;
  height: 10px;
}

.mp-index-ques .swiper-button-prev::after {
  border-top: 4px solid #aaa;
  border-left: 4px solid #aaa;
  transform: rotate(-45deg);
  margin-left: 5px;
}

.mp-index-ques .swiper-button-next::after {
  border-top: 4px solid #aaa;
  border-right: 4px solid #aaa;
  transform: rotate(45deg);
  margin-right: 5px;
}

.mp-index-ques__more {
  text-align: right;
}

/**
 * case-list
 */
/*
　カテゴリメニュー
=================================*/
.mp-case__ctgry-menu {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mp-case__ctgry-menu li {
  margin-bottom: 25px;
  text-align: center;
  border: 3px solid #345887;
}

.mp-case__ctgry-menu li :hover {
  background: #345887;
  cursor: pointer;
  border: none;
}

.mp-case__ctgry-menu li a {
  display: block;
  padding: 30px 0;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  color: #345887;
  background-color: #fff;
}

.mp-case__ctgry-menu li a:hover {
  color: #fff;
}

/* PC */
@media screen and (min-width: 768px) {
  .mp-case__ctgry-menu {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 50px auto;
  }
  .mp-case__ctgry-menu li {
    width: 31%;
    max-width: 100%;
    margin: 0;
  }
  .mp-case__ctgry-menu li a {
    padding: 40px 0;
    font-size: 25px;
  }
}
/**
 * case-detail
 */
.mp-case-detail {
  padding: 30px 0;
  font-size: 16px;
}
.mp-case-detail p {
  line-height: 1.6;
}

/*
　制作後Q&A
================================*/
.mp-case-detail__ques {
  width: 100%;
  margin: 0 auto 30px auto;
}

.mp-case-detail__ques dt,
.mp-case-detail__ques dd {
  line-height: 1.7;
}

.mp-case-detail__ques dt {
  margin-bottom: 10px;
}

.mp-case-detail__ques dd {
  margin-bottom: 50px;
}

.mp-case-detail__ques dt p,
.mp-case-detail__ques dd p {
  display: inline-block;
  width: calc(100% - 60px);
  margin-left: 10px;
  padding: 8px 0;
  font-size: 16px;
  border-radius: 5px;
  box-sizing: border-box;
}

.mp-case-detail__ques dt:before,
.mp-case-detail__ques dd:before {
  display: inline-block;
  content: "Q";
  width: 35px;
  height: 35px;
  vertical-align: top;
  text-align: center;
  font-size: 24px;
  font-family: "Arial", sans-serif;
  font-weight: 500;
  color: #FFF;
  line-height: 35px;
  border-radius: 50%;
  background-color: #345887;
}

.mp-case-detail__ques dd:before {
  content: "A";
  background-color: #C00000;
}

.mp-case-detail__ques__image__inner {
  margin-bottom: 50px;
}

.mp-case-detail__ques__image {
  width: 100%;
}

.mp-case-detail__ques__image img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* PC */
@media screen and (min-width: 768px) {
  .mp-case-detail__ques dt p,
  .mp-case-detail__ques dd p {
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 10px;
    padding: 8px;
    font-size: 16px;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .mp-case-detail__ques dt:before,
  .mp-case-detail__ques dd:before {
    width: 45px;
    height: 45px;
    font-size: 27px;
    line-height: 45px;
  }
  .mp-case-detail__ques__image__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mp-case-detail__ques__image__inner dl {
    width: 70%;
  }
  .mp-case-detail__ques__image {
    width: 20%;
  }
  .mp-case-detail__ques__image img {
    display: block;
  }
}
.mp-case-detail__catchcopy {
  margin-top: 70px;
  /* PC */
}
.mp-case-detail__catchcopy .mp-case-detail__catchcopy__image {
  text-align: center;
}
.mp-case-detail__catchcopy .mp-case-detail__catchcopy__image img {
  width: 200px;
}
.mp-case-detail__catchcopy .mp-case-detail__catchcopy__text {
  font-size: 26px;
  font-weight: bold;
  color: #dc3545;
}
@media screen and (min-width: 768px) {
  .mp-case-detail__catchcopy {
    display: flex;
    align-items: center;
  }
  .mp-case-detail__catchcopy .mp-case-detail__catchcopy__text {
    font-size: 40px;
    padding-left: 30px;
  }
  .mp-case-detail__catchcopy .mp-case-detail__catchcopy__image {
    width: 200px;
  }
}

/*
　制作後インタビュー
================================*/
.mp-case-detail__interview {
  /* PC */
}
.mp-case-detail__interview .mp-case-detail__interview__header {
  margin-bottom: 50px;
}
.mp-case-detail__interview .mp-case-detail__interview__header .mp-case-detail__interview__title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
.mp-case-detail__interview .mp-case-detail__interview__body .mp-case-detail__interview__item {
  margin-bottom: 50px;
  font-size: 18px;
}
.mp-case-detail__interview .mp-case-detail__interview__body .mp-case-detail__interview__item .mp-case-detail__interview__ques {
  font-weight: bold;
  color: #345887;
  margin-bottom: 10px;
}
.mp-case-detail__interview .mp-case-detail__interview__body .mp-case-detail__interview__item .mp-case-detail__interview__ans {
  line-height: 1.6;
}
.mp-case-detail__interview .mp-case-detail__interview__body .mp-case-detail__interview__item .mp-case-detail__interview__image {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .mp-case-detail__interview {
    max-width: 700px;
    margin: 0 auto;
  }
}

/*
　Before & After
================================*/
.mp-case-detail__before-after {
  margin: 50px 0 100px 0;
  /* PC */
}
.mp-case-detail__before-after .mp-case-detail__before-after__title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.mp-case-detail__before-after .mp-case-detail__before-after__title::first-letter {
  color: #345887;
}
.mp-case-detail__before-after .mp-case-detail__before img,
.mp-case-detail__before-after .mp-case-detail__after img {
  max-width: 100%;
  border: solid 1px #dedede;
}
.mp-case-detail__before-after .mp-case-detail__arrow {
  padding: 30px 0;
  font-size: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .mp-case-detail__before-after {
    display: flex;
    justify-content: space-between;
    margin: 100px 0 130px 0;
  }
  .mp-case-detail__before-after .mp-case-detail__before,
  .mp-case-detail__before-after .mp-case-detail__after {
    width: 40%;
  }
  .mp-case-detail__before-after .mp-case-detail__arrow {
    padding: 200px 0 0 0;
  }
}

.mp-case-detail__feature-image {
  /* PC */
}
.mp-case-detail__feature-image .mp-case-detail__feature-image__title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.mp-case-detail__feature-image .mp-case-detail__feature-image__item {
  margin-bottom: 100px;
}
.mp-case-detail__feature-image .mp-case-detail__feature-image__item img {
  border: solid 1px #dedede;
}
@media screen and (min-width: 768px) {
  .mp-case-detail__feature-image {
    display: flex;
    justify-content: space-evenly;
  }
  .mp-case-detail__feature-image .mp-case-detail__feature-image__item {
    width: 30%;
  }
}

/*
　担当者コメント
================================*/
.mp-case-detail__comment {
  background-color: #fff7e0;
  padding: 20px;
}
.mp-case-detail__comment .mp-case-detail__comment__title {
  margin-bottom: 15px;
}
.mp-case-detail__comment .mp-case-detail__comment__title i {
  color: #FF8C00;
}