/* お知らせ文字部分の設定 */
.faq_detail_text h1, .faq_detail_text h1 * {
  font-size: 24px !important;
}

.faq_detail_text h2, .faq_detail_text h2 * {
  font-size: 18px !important;
}

.faq_detail_text h3, .faq_detail_text h3 * {
  font-size: 14px !important;
}

.faq_detail_text h4, .faq_detail_text h4 * {
  font-size: 12px !important;
}

.faq_detail_text h5, .faq_detail_text h5 * {
  font-size: 10px !important;
}

.faq_detail_text h6, .faq_detail_text h6 * {
  font-size: 8px !important;
}

/* 色と下線を両立させる */
.faq_detail_text span[style*="text-decoration"] {
  text-decoration-line: underline !important;
  text-decoration-color: inherit !important;
}

.training_main_cont_circle{
    background-image: url(./assets/img/gray_circle.png) !important; 
    background-size: contain;
}

table th:after {
    display: none;
    
}

.back_yellow {
   
    margin-top: 0px; 
   
}

.page_top_mv {
    
  margin-bottom: 0px; 
}

.guide_text_h3 {
    color: #005ea6;
    font-size: 30px;
    margin-bottom: 0px !important;
    font-weight: bold;
    line-height: 40px;
}

.faq_dd{
    display: flex ;  
}

.new-listWrap a {
    border-bottom: 1px solid #eee;
}

.new-listWrap a:after{
    background:none !important;
}

.news_imp_arrow{
    width: 20px;
    margin-right: 0;
}
/*
.page_top_mv img{
    object-position: 0px -70px;
}*/

.faq_detail_h2, .news_detail_head {
    margin-bottom: 40px;
}

strong {
    font-weight: bolder !important;
}

strong span {
    font-weight: inherit !important;
}

.faq_detail_text img {
    margin: unset;
    display: unset;
}

.faq_detail_text li {
    list-style: unset;
}


/* 基本リセット：PCではDBのwidth/height属性を尊重し、スマホでは全幅表示 */
.faq_detail_text img {
  /* width: unset !important;*/
  height: unset !important;
  max-width: 100％ !important;
  max-height: 100％ !important;
  display: block;
  margin: 0 auto;
}

/* ラッパーで列分けする */
.img-wrap {
    box-sizing: border-box;
    padding: 5px;
    float: left;
    display: inline-block;
}

/* PC表示で、画像が小さい場合に2列 */
@media screen and (min-width: 769px) {
    .img-wrap.half {
        width: 50%;
    }

    .img-wrap.wide {
          display: inline-block;
          width: fit-content;
          max-width: 100%;
          margin: 0 auto;
    }
}

/* スマホでは常に1列、画像は100%で表示 */
@media screen and (max-width: 768px) {
    .img-wrap {
        width: 100% !important;
        float: none;
    }

    .faq_detail_text img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
    }
} 

/* テキストリンク用のcss ここを直したらlink.cssも同様に修正が必要 */
.faq_detail_text a {
  color: #005ea6;             /* 標準青 */
  /* text-decoration: underline;  /* 下線あり */
  /* text-underline-offset: 2px;              /* 下線と文字の隙間 */
}

.faq_detail_text a:visited {
  color: #005ea6;             /* 訪問済みリンクは紫 */
}

.faq_detail_text a:hover {
  color: #3399ff;             /* ホバー時は薄めの青 */
}

.faq_detail_text a:active {
  color: #005ea6;             /* クリック中は元の青 */
}