:root {
  --main-kosodate-color: #eb7777;
  --main-kyouiku-color: #eb9944;
  --main-juken-color: #0070cb;
  --main-eigo-color: #6ca300;
  --main-kyouiku_trends-color: #eb9944;
  --main-shinro_shokugyo-color: #0070cb;

  --main-kosodate-backgroundColor: #fcebeb;
  --main-kyouiku-backgroundColor: #fcf0e3;
  --main-juken-backgroundColor: #d9eaf7;
  --main-eigo-backgroundColor: #e9f1d9;
  --main-kyouiku_trends-backgroundColor: #fcf0e3;
  --main-shinro_shokugyo-backgroundColor: #d9eaf7;
}

/* 概要 */
#page_kosodate #articles .mt-contents .cb_overview {
  border-color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_overview {
  border-color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_overview {
  border-color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_overview {
  border-color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_overview {
  border-color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_overview {
  border-color: var(--main-shinro_shokugyo-color);
}
#page_kosodate #articles .mt-contents p.cb_overview_title {
  color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents p.cb_overview_title {
  color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents p.cb_overview_title {
  color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents p.cb_overview_title {
  color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents p.cb_overview_title {
  color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents p.cb_overview_title {
  color: var(--main-shinro_shokugyo-color);
}
/* リスト */
#page_kosodate #articles .mt-contents .cb_list {
  background-color: var(--main-kosodate-backgroundColor);
}
#page_kyouiku #articles .mt-contents .cb_list {
  background-color: var(--main-kyouiku-backgroundColor);
}
#page_juken #articles .mt-contents .cb_list {
  background-color: var(--main-juken-backgroundColor);
}
#page_eigo #articles .mt-contents .cb_list {
  background-color: var(--main-eigo-backgroundColor);
}
#page_kyouiku_trends #articles .mt-contents .cb_list {
  background-color: var(--main-kyouiku_trends-backgroundColor);
}
#page_shinro_shokugyo #articles .mt-contents .cb_list {
  background-color: var(--main-shinro_shokugyo-backgroundColor);
}
#page_kosodate #articles .mt-contents .cb_list ol li::before {
  color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_list ol li::before {
  color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_list ol li::before {
  color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_list ol li::before {
  color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_list ol li::before {
  color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_list ol li::before {
  color: var(--main-shinro_shokugyo-color);
}
#page_kosodate #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_list ul li::before {
  background-color: var(--main-shinro_shokugyo-color);
}
/* 人物エリア */
#page_kosodate #articles .mt-contents .cb_person {
  background-color: var(--main-kosodate-backgroundColor);
}
#page_kyouiku #articles .mt-contents .cb_person {
  background-color: var(--main-kyouiku-backgroundColor);
}
#page_juken #articles .mt-contents .cb_person {
  background-color: var(--main-juken-backgroundColor);
}
#page_eigo #articles .mt-contents .cb_person {
  background-color: var(--main-eigo-backgroundColor);
}
#page_kyouiku_trends #articles .mt-contents .cb_person {
  background-color: var(--main-kyouiku_trends-backgroundColor);
}
#page_shinro_shokugyo #articles .mt-contents .cb_person {
  background-color: var(--main-shinro_shokugyo-backgroundColor);
}
#page_kosodate #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_person .cb_person_title {
  color: var(--main-shinro_shokugyo-color);
}
/* あわせて読みたい */
#page_kosodate #articles .mt-contents .cb_more_head {
  background-color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_more_head {
  background-color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_more_head {
  background-color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_more_head {
  background-color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_more_head {
  background-color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_more_head {
  background-color: var(--main-shinro_shokugyo-color);
}
#page_kosodate #articles .mt-contents .cb_more_body {
  border-color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_more_body {
  border-color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_more_body {
  border-color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_more_body {
  border-color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_more_body {
  border-color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_more_body {
  border-color: var(--main-shinro_shokugyo-color);
}
#page_kosodate #articles .mt-contents .cb_more_subtitle {
  color: var(--main-kosodate-color);
}
#page_kyouiku #articles .mt-contents .cb_more_subtitle {
  color: var(--main-kyouiku-color);
}
#page_juken #articles .mt-contents .cb_more_subtitle {
  color: var(--main-juken-color);
}
#page_eigo #articles .mt-contents .cb_more_subtitle {
  color: var(--main-eigo-color);
}
#page_kyouiku_trends #articles .mt-contents .cb_more_subtitle {
  color: var(--main-kyouiku_trends-color);
}
#page_shinro_shokugyo #articles .mt-contents .cb_more_subtitle {
  color: var(--main-shinro_shokugyo-color);
}

@media(min-width: 768px) {
  /* h2 */
  #articles .mt-contents h2:not(.concl-ttl) {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 0;
    padding: 8px 0;
    margin: 30px 0 20px;
    margin-bottom: 24px;
  }
  /* h3 */
  #articles .mt-contents h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  /* 中テキスト */
  #articles .mt-contents .cb_middle_text p {
    font-size: 16px;
  }
  /* 小テキスト */
  #articles .mt-contents .cb_small_text p {
    font-size: 14px;
  }
  /* 画像（webpあり） */
  #articles .mt-contents .img {
    margin-bottom: 60px;
  }
  #articles .mt-contents .block > img {
    margin-bottom: 60px;
  }
  /* 引用 */
  #articles .mt-contents .cb_quotation {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 28px;
    margin-top: 5px;
    margin-bottom: 60px;
    background-color: #F7F7F7;
    position: relative;
  }
  #articles .mt-contents .cb_quotation::before {
    content: "";
    width: 32px;
    height: 22px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="22" viewBox="0 0 32 22" fill="none"><g clip-path="url(%23clip0_363_5445)"><path d="M22.1566 20.5038L24.7095 14.1177C24.8448 13.781 24.7987 13.3999 24.5853 13.0995C24.3733 12.8006 24.0203 12.6214 23.6465 12.6214H23.2001C20.8397 12.6214 18.9258 10.7738 18.9258 8.4951V4.12635C18.9258 1.8477 20.8397 0 23.2001 0H27.7255C30.0858 0 31.9998 1.8477 31.9998 4.12635V10.2539C31.9998 11.8094 31.6092 13.3406 30.8614 14.7196L27.2344 21.4115C27.0377 21.7738 26.6485 22 26.2258 22H23.2224C22.8457 22 22.4928 21.8236 22.2808 21.5219C22.0687 21.2229 22.0213 20.8418 22.158 20.5038H22.1566Z" fill="%23E6E6E6"/><path d="M3.23222 20.5038L5.78508 14.1177C5.92179 13.781 5.87436 13.3999 5.66232 13.0995C5.44889 12.8006 5.09735 12.6215 4.72069 12.6215H4.27429C1.91395 12.6215 0 10.7738 0 8.4951V4.12635C0 1.8477 1.91395 0 4.27429 0H8.80108C11.16 0 13.0754 1.8477 13.0754 4.12635V10.2539C13.0754 11.8094 12.6848 13.3406 11.9371 14.7196L8.30725 21.4115C8.11055 21.7738 7.72274 22 7.29866 22H4.29522C3.91857 22 3.56703 21.8236 3.35638 21.5219C3.14294 21.2229 3.09691 20.8418 3.23222 20.5038Z" fill="%23E6E6E6"/></g><defs><clipPath id="clip0_363_5445"><rect width="32" height="22" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 28px;
    top: -5px;
  }
  #articles .mt-contents .cb_quotation p {
    color: #595757;
    margin-bottom: 0;
  }
  /* 概要 */
  #articles .mt-contents .cb_overview {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 32px 28px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin-bottom: 60px;
  }
  #articles .mt-contents .cb_overview p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_overview p.cb_overview_title {
    font-size: 18px;
    font-weight: bold;
  }
  /* 補足・注釈 */
  #articles .mt-contents .cb_supplement {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 25px 28px;
    margin-bottom: 60px;
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    border-color: #818181;
  }
  #articles .mt-contents .cb_supplement p {
    color: #595757;
    line-height: 1.7;
    margin-bottom: 0;
  }
  /* あわせて読みたい */
  #articles .mt-contents .cb_more {
    margin-bottom: 60px;
  }
  #articles .mt-contents .cb_more p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_more .cb_more_head {
    padding: 10px 28px;
    background-color: #F7F7F7;
  }
  #articles .mt-contents .cb_more .cb_more_title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
  }
  #articles .mt-contents .cb_more .cb_more_body {
    display: flex;
    column-gap: 24px;
    padding: 24px 28px;
    border: 2px solid;
    border-color: #F7F7F7;
    transition: all 0.3s ease;
  }
  #articles .mt-contents .cb_more .cb_more_body:hover {
    opacity: 0.8;
  }
  #articles .mt-contents .cb_more .cb_more_body:hover p {
    text-decoration: underline;
  }
  #articles .mt-contents .cb_more .cb_more_body img {
    max-width: 222px;
    width: 100%;
    height: auto;
  }
  #articles .mt-contents .cb_more .cb_more_textarea {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  #articles .mt-contents .cb_more .cb_more_subtitle {
    font-size: 18px;
    font-weight: bold;
  }
  #articles .mt-contents .cb_more .cb_more_text {
    font-size: 16px;
  }
  /* リスト */
  #articles .mt-contents .cb_list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 25px 28px;
    margin-bottom: 60px;
    background-color: #F7F7F7;
  }
  #articles .mt-contents .cb_list p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_list ul,
  #articles .mt-contents .cb_list ol {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  #articles .mt-contents .cb_list ol {
    counter-reset: list;
  }
  #articles .mt-contents .cb_list ul li,
  #articles .mt-contents .cb_list ol li {
    padding-left: 20px;
    position: relative;
  }
  #articles .mt-contents .cb_list ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 0.5em;
    background-color: #333;
  }
  #articles .mt-contents .cb_list ol li::before {
    counter-increment: list;
    content: counter(list);
    color: #333;
    text-align: center;
    font-weight: bold;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* 人物エリア */
  #articles .mt-contents .cb_person {
    display: flex;
    column-gap: 16px;
    padding: 32px 28px;
    margin-bottom: 60px;
  }
  #articles .mt-contents .cb_person p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_person > img {
    max-width: 100px;
    width: 100%;
    aspect-ratio: 1/1;
  }
  #articles .mt-contents .cb_person .cb_person_textarea {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 100%;
    width: 100%;
  }
  #articles .mt-contents .cb_person .cb_person_title {
    font-weight: bold;
  }
  #articles .mt-contents .cb_person .cb_person_text {
    font-size: 16px;
  }
  #articles .mt-contents .cb_person .cb_person_name {
    font-size: 14px;
    color: #595757;
  }
  /* ボックス */
  #articles .mt-contents .cb_box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    margin-bottom: 60px;
    border: 1px solid #000;
  }
  #articles .mt-contents .cb_box p {
    margin-bottom: 0;
  }
  /* 吹き出し */
  #articles .mt-contents .cb_balloon {
    display: flex;
    margin-bottom: 60px;
  }
  #articles .mt-contents .cb_balloon p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_balloon_thumb {
    max-width: 90px;
    text-align: center;
  }
  #articles .mt-contents .cb_balloon_thumb img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  #articles .mt-contents .cb_balloon_name {
    font-size: 16px;
  }
  #articles .mt-contents .cb_balloon_textarea {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: calc( 100% - 90px );
    padding: 25px;
    margin-left: 20px;
    border-radius: 10px;
    background-color: #f7f7f7;
    position: relative;
  }
  #articles .mt-contents .cb_balloon_textarea::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 40px;
    right: 100%;
    margin-top: 2px;
    border-right: 16px solid #f7f7f7;
    border-top: 0px solid transparent;
    border-bottom: 16px solid transparent;
  }
  /* 吹き出し：対話型 */
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) .cb_balloon_textarea {
    margin-left: 0;
    margin-right: 20px;
  }
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) .cb_balloon_textarea::before {
    border-left: 16px solid #f7f7f7;
    border-right: 0;
    left: 100%;
    right: unset;
  }
  /* まとめ & 実践 TIPS */
  #articles .mt-contents .concl .concl-ttl {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 4px 12px;
    margin: 30px 0 20px;
    box-sizing: border-box;
  }
  #articles .mt-contents .concl > * {
    margin-bottom: 40px;
  }
}

@media(max-width: 767px) {
  /* h2 */
  #articles .mt-contents h2:not(.concl-ttl) {
    font-size: 20px;
    margin: 30px 0 20px;
    padding: 8px 0 5px;
  }
  /* h3 */
  #articles .mt-contents h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  /* 中テキスト */
  #articles .mt-contents .cb_middle_text p {
    font-size: 14px;
  }
  /* 小テキスト */
  #articles .mt-contents .cb_small_text p {
    font-size: 14px;
  }
  /* 画像（webpあり） */
  #articles .mt-contents .img {
    margin-bottom: 40px;
  }
  #articles .mt-contents .block > img {
    margin-bottom: 40px;
  }
  /* 引用 */
  #articles .mt-contents .cb_quotation {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    margin-top: 6px;
    margin-bottom: 40px;
    background-color: #F7F7F7;
    position: relative;
  }
  #articles .mt-contents .cb_quotation::before {
    content: "";
    width: 32px;
    height: 22px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="22" viewBox="0 0 32 22" fill="none"><g clip-path="url(%23clip0_363_5445)"><path d="M22.1566 20.5038L24.7095 14.1177C24.8448 13.781 24.7987 13.3999 24.5853 13.0995C24.3733 12.8006 24.0203 12.6214 23.6465 12.6214H23.2001C20.8397 12.6214 18.9258 10.7738 18.9258 8.4951V4.12635C18.9258 1.8477 20.8397 0 23.2001 0H27.7255C30.0858 0 31.9998 1.8477 31.9998 4.12635V10.2539C31.9998 11.8094 31.6092 13.3406 30.8614 14.7196L27.2344 21.4115C27.0377 21.7738 26.6485 22 26.2258 22H23.2224C22.8457 22 22.4928 21.8236 22.2808 21.5219C22.0687 21.2229 22.0213 20.8418 22.158 20.5038H22.1566Z" fill="%23E6E6E6"/><path d="M3.23222 20.5038L5.78508 14.1177C5.92179 13.781 5.87436 13.3999 5.66232 13.0995C5.44889 12.8006 5.09735 12.6215 4.72069 12.6215H4.27429C1.91395 12.6215 0 10.7738 0 8.4951V4.12635C0 1.8477 1.91395 0 4.27429 0H8.80108C11.16 0 13.0754 1.8477 13.0754 4.12635V10.2539C13.0754 11.8094 12.6848 13.3406 11.9371 14.7196L8.30725 21.4115C8.11055 21.7738 7.72274 22 7.29866 22H4.29522C3.91857 22 3.56703 21.8236 3.35638 21.5219C3.14294 21.2229 3.09691 20.8418 3.23222 20.5038Z" fill="%23E6E6E6"/></g><defs><clipPath id="clip0_363_5445"><rect width="32" height="22" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 24px;
    top: -6px;
  }
  #articles .mt-contents .cb_quotation p {
    color: #595757;
    margin-bottom: 0;
  }
  /* 概要 */
  #articles .mt-contents .cb_overview {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 24px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin-bottom: 40px;
  }
  #articles .mt-contents .cb_overview p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_overview p.cb_overview_title {
    font-size: 18px;
    font-weight: bold;
  }
  /* 補足・注釈 */
  #articles .mt-contents .cb_supplement {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 24px;
    margin-bottom: 40px;
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    border-color: #818181;
  }
  #articles .mt-contents .cb_supplement p {
    color: #595757;
    line-height: 1.7;
    margin-bottom: 0;
  }
  /* あわせて読みたい */
  #articles .mt-contents .cb_more {
    margin-bottom: 40px;
  }
  #articles .mt-contents .cb_more p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_more .cb_more_head {
    padding: 13.5px 28px;
    background-color: #F7F7F7;
  }
  #articles .mt-contents .cb_more .cb_more_title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  #articles .mt-contents .cb_more .cb_more_body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 28px;
    border: 2px solid;
    border-color: #F7F7F7;
    transition: all 0.3s ease;
  }
  #articles .mt-contents .cb_more .cb_more_body:hover {
    opacity: 0.8;
  }
  #articles .mt-contents .cb_more .cb_more_body:hover p {
    text-decoration: underline;
  }
  #articles .mt-contents .cb_more .cb_more_body img {
    width: 100%;
    height: auto;
  }
  #articles .mt-contents .cb_more .cb_more_textarea {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  #articles .mt-contents .cb_more .cb_more_subtitle {
    font-size: 18px;
    font-weight: bold;
  }
  #articles .mt-contents .cb_more .cb_more_text {
    font-size: 16px;
  }
  /* リスト */
  #articles .mt-contents .cb_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    margin-bottom: 40px;
    background-color: #F7F7F7;
  }
  #articles .mt-contents .cb_list p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_list ul,
  #articles .mt-contents .cb_list ol {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #articles .mt-contents .cb_list ol {
    counter-reset: list;
  }
  #articles .mt-contents .cb_list ul li,
  #articles .mt-contents .cb_list ol li {
    padding-left: 20px;
    position: relative;
  }
  #articles .mt-contents .cb_list ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 0.5em;
    background-color: #333;
  }
  #articles .mt-contents .cb_list ol li::before {
    counter-increment: list;
    content: counter(list);
    color: #333;
    text-align: center;
    font-weight: bold;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* 人物エリア */
  #articles .mt-contents .cb_person {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    margin-bottom: 40px;
  }
  #articles .mt-contents .cb_person p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_person > img {
    max-width: 100px;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 1/1;
  }
  #articles .mt-contents .cb_person .cb_person_textarea {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 100%;
    width: 100%;
  }
  #articles .mt-contents .cb_person .cb_person_title {
    font-weight: bold;
  }
  #articles .mt-contents .cb_person .cb_person_text {
    font-size: 16px;
  }
  #articles .mt-contents .cb_person .cb_person_name {
    font-size: 14px;
    color: #595757;
  }
  /* ボックス */
  #articles .mt-contents .cb_box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    margin-bottom: 40px;
    border: 1px solid #000;
  }
  #articles .mt-contents .cb_box p {
    margin-bottom: 0;
  }
  /* 吹き出し */
  #articles .mt-contents .cb_balloon {
    display: flex;
    margin-bottom: 40px;
  }
  #articles .mt-contents .cb_balloon p {
    margin-bottom: 0;
  }
  #articles .mt-contents .cb_balloon_thumb {
    max-width: 40px;
    text-align: center;
  }
  #articles .mt-contents .cb_balloon_thumb img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  #articles .mt-contents .cb_balloon_name {
    font-size: 14px;
  }
  #articles .mt-contents .cb_balloon_textarea {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: calc( 100% - 40px );
    font-size: 14px;
    padding: 15px;
    margin-left: 20px;
    border-radius: 10px;
    background-color: #f7f7f7;
    position: relative;
  }
  #articles .mt-contents .cb_balloon_textarea::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 40px;
    right: 100%;
    margin-top: 2px;
    border-right: 16px solid #f7f7f7;
    border-top: 0px solid transparent;
    border-bottom: 16px solid transparent;
  }
  /* 吹き出し：対話型 */
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) .cb_balloon_textarea {
    margin-left: 0;
    margin-right: 20px;
  }
  #articles .mt-contents .cb_balloonList .cb_balloon:nth-of-type(even) .cb_balloon_textarea::before {
    border-left: 16px solid #f7f7f7;
    border-right: 0;
    left: 100%;
    right: unset;
  }
  /* まとめ & 実践 TIPS */
  #articles .mt-contents .concl .concl-ttl {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 6px 12px;
    margin: 30px 0 20px;
    box-sizing: border-box;
  }
  #articles .mt-contents .concl > * {
    margin-bottom: 40px;
  }
}