header { background: #2a5ea8; padding-bottom: 10rem; position: unset;}
header a img { filter: brightness(100); opacity: 0.5; width: 2.5rem;}
header .page_tit { color: #fff; font-size: 2.4rem; font-weight: 600; margin-top: 1.5rem; line-height: 1.3;}
header p { line-height: 1.5; color: #fff; font-size: 1.8rem; margin-top: 1.5rem;}

main { padding-top: 0; margin-top: -8rem;}
main .contents_wrap ul li { background: #f9f9f9; margin-bottom: 1.5rem; padding: 1.5rem 1.5rem; }
main .contents_wrap ul li .date { color: #8c979f; font-size: 1.8rem; line-height: 1.5; }
main .contents_wrap ul li h3 { font-size: 1.8rem; font-weight: 600; line-height: 1.3; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd; }
main .contents_wrap ul li .content { font-size: 1.8rem; line-height: 1.3;}
main .contents_wrap ul li a { width: fit-content; display: block; margin: 0 0 0 auto;}
main .contents_wrap ul li a img { width:10rem;}

/* subpage */
.news_sub header { position: relative; padding-bottom: 2rem;}
.news_sub header a { position: absolute; left: 1.5rem ;top: 50%; transform: translateY(-50%);}
.news_sub header p { margin-top: 0; text-align: center;} 
.news_sub main { margin-top: unset;}
main .box { background: #fff; padding-bottom: 6rem;}
main .box .title_wrap { padding-bottom: 1.5rem; padding: 2.5rem 0 0;}
main .box .title_wrap h2 { font-size: 2.2rem; font-weight: 600; line-height: 1.3; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd;}
main .box .title_wrap span { font-size: 1.8rem;} 
main .box .content_wrap pre { padding: 2rem 0;line-height: 1.5; color: #323232; font-size: 1.8rem;}
main .box .content_wrap > img { width: 100%;}
main .box .content_wrap a { font-weight: 600; border-radius: .5rem; padding: 1.5rem 0; background: #6486ad;color: #fff; position: fixed; font-size: 1.8rem; bottom: 7.5rem; left: 50%; transform: translateX(-50%); width: 90%; display: flex; justify-content: center; align-items: center; gap: 1rem;}
main .box .content_wrap a img { width: .7rem;}