@charset "utf-8";

/*共通スペース--------------------------------------------------------------------------*/
/*テキストグループに適用*/
.text_group_mt{margin-top: 32px;}

/*共通の定義--------------------------------------------------------------------------*/
.thumnail_name{font-size: 0.9rem;text-align: left;margin-top: 2%;color: #696969;}



/*共通の見出しからコンテンツまでのブロックを定義--------------------------------------------*/
.content_group_wrapper{padding-top:96px;}
.content_group{max-width: 1100px;margin-left: auto;margin-right: auto;width: 90%;}
ul.page_ancher{border-top: 2px solid #253386;}
.imgcolumn-2cols ul li img{border-radius: 16px;border: 1px solid #f4f4f4;}
.imgcolumn-2cols ul li{margin-top: 16px;}

/*学習環境とサポート--------------------------------------------------------------------*/
.fv_s3{background-image: url(https://www.medical-ark.co.jp/wp-content/uploads/2026/01/gakushukankyo_fv-scaled.webp);background-size: cover;height: 400px;}
.fv_s3 .fv__inner{max-width: 1100px;text-align: center;max-width: 1100px;padding-top: 120px;margin-left: auto;margin-right: auto;}
.fv_s3 .fv__inner p span{font-size: 0.3em;display: block;color: #b8a17f;}
.fv_s3 .fv__inner p{font-size: 4.2em;color: #fff;font-weight: bold;line-height: normal;}
.image_bm{margin-bottom: 64px;}
.col3_line{width: 31%;}
.page_content_group_fg{display: flex;flex-wrap: wrap;gap: 16px;}
.page_content_group_fg ._pageitem{width: calc((100% - 2 * 16px) / 3);}

@media (min-width:767px){
.page_content_group_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.page_content_group_flex_cr{display: flex;justify-content: space-between;align-items: center;flex-direction:row-reverse;}

._pcgf_img{width: 40%;}
._pcgf_text{width: 58%;}
.image_bm{margin-bottom: 0px;}
}

@media (min-width:581px){
  .pages_heading{max-width: 1100px;margin-left: auto;margin-right: auto;width: 90%;}
  .imgcolumn-2cols ul{display: flex;justify-content: space-between;}
.imgcolumn-2cols ul li{width: 48%;}
}

@media (max-width:580px){
    ._content_heading span{padding-left: 2%;padding-right: 2%;display: block;}
    .col3_line{width: 100%;}
    .page_content_group_fg ._pageitem{width: calc((100% - 1 * 16px) / 2);}

}