@charset "UTF-8";

/* ===================================================
 * 合格実績ページ（result）専用カスタムCSS
 * ===================================================
 * このファイルに書いたスタイルは、合格実績ページのみに適用されます。
 * 他の固定ページやLP、TOPページには干渉しません。
 */


 .post_content h2{
    background: none;
    padding: 0;
    color: #004D28;
    margin-bottom: 40px;
    margin-top: 0;
    font-family: 'BrandKaiGothic', sans-serif;
    font-weight: 800;
    font-size: 1.7em;
    text-align: center;
}
.post_content h2::before{
    display: none;
}
.post_content h2::after{
    content: "";
    display: block !important;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #FFD700;
    border-radius: 2px;
}
h2.p-result_special_title{
    background-color: #ff3366;
    color: #fff;
    font-size: 1.4em;
    padding: 6px 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
h2.p-result_special_title::after{
    content: none;
}
.post_content h3::before{
    content: none;
}
h3.p-result_area_title{
    margin-bottom: 0;
    font-size: 1.05em;
    display: inline-block;
    color: #004D28;
    padding-bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px;
    padding: 4px 18px;
}
.p-result_area_wrap{
    text-align: center;
    padding-top: 20px;
}
section.p-result__ss-sec{
    padding-bottom: 40px;
    padding-top: 40px;
}
span.p-result__ttl-sm{
    font-size: 0.7em;
}


.page-id-9975 .custom-full-width-bg {
    background-color: #ff3366;
}
.page-id-9975 .page-main-title{
    color: #fff;
}
.page-id-9975 .page-title-icon{
    filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px) {
    .custom-title-inner {
        justify-content: center;
    }
    .page-id-9975 .custom-full-width-bg {
        padding: 16px 0;
        margin-bottom: 0;
    }
    .page-id-9975 .page-main-title{
        font-size: 27px;
    }
    .page-id-9975 .page-title-icon{
        width: 27px;
    }
}