@charset "shift_jis";
/* Updated 2026/10/21.ht */

.mgArticle-service {
  border: 1px solid #D5DEDB;
  display: flex;
  margin-bottom: 30px;
  color: #141D1D;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .mgArticle-service {
    flex-direction: column;
    height: 100%;
  }
}
a.mgArticle-service:visited {
  color: #141D1D;
}

.mgArticle-service:hover {
  opacity: 0.8;
  color: #141D1D;
}
@media screen and (max-width: 768px) {
  .mgArticle-service:hover {
    opacity: 1;
    color: #141D1D;
  }
}

.mgArticle-service .img {
  border-right: 1px solid #D5DEDB;
  padding: 27px 18px;
  width: 242px;
}
@media screen and (max-width: 768px) {
  .mgArticle-service .img {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #D5DEDB;
    padding: 20px 17vw;
    text-align: center;
  }
}

.mgArticle-service .textbox {
  padding: 20px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .mgArticle-service .textbox {
    flex: none;
  }
}

.mgArticle-service .title {
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .mgArticle-service .title {
    font-size: 1.8rem;
    margin-bottom: 21px;
  }
}

.mgArticle-service .text {
  font-size: 1.4rem;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .mgArticle-service .text {
    font-size: 1.4rem;
  }
}

.mgArticle-service .link {
  font-size: 1.4rem;
  font-weight: 700;
  color: #004831;
  display: block;
  padding-left: 21px;
  background-position: -4px -1px;
}
.mgArticle-service .link.-blank {
  display: block;
  padding-left: 21px;
  background: url(/hojin/eb/cms/imgs/ico_blank.svg) no-repeat;
  background-position: 0 4px;
}