@media screen and (min-width: 981px) {
    .bl_kv {
        padding: 70px 0 70px 0
    }

    .bl_kv.bl_kv_space {
        margin: 0 0 25px 0
    }

    .bl_kvInner {
        display: block;
        width: 100%
    }

    .page_ttl {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.05em;
        color: #54A734
    }

    .page_sttl {
        text-align: center;
        font-size: 30px;
        line-height: 1.4;
        letter-spacing: 0em;
        color: #333333
    }

    #realPageArchives .realPageArchives_mgbCommon {
        margin-bottom: 80px
    }

    #realPageArchives .el_contentTxt {
        font-size: 14px;
        font-weight: 700;
        line-height: 2;
        letter-spacing: 0em
    }

    #realPageArchives .el_contentTxt.el_contentTxt_2col {
        display: flex;
        align-items: center;
        justify-content: stretch;
        gap: 15px;
    }

    #realPageArchives .el_contentTxt.el_contentTxt_2col .el_contentTxt_thumbnail{
        display: block;
        width: 300px;
        aspect-ratio: 6 / 4;
        object-fit: cover;
        object-position: center;
    }
    
    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail {
        text-align: center;
    }
    
    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail .el_contentTxt_thumbnail{
        display: inline-block;
        width: 600px;
    }

    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail.el_contentTxt_thumbnailBottomSpace{
        margin-bottom: 30px;
    }

    #realPageArchives .bl_realPageSec {
        margin: 0 0 80px 0;
        background-color: #ffffff
    }

    #realPageArchives .bl_realPageSec:last-child {
        margin: 0 0 135px 0
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbL {
        margin-bottom: 80px
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbM {
        margin-bottom: 30px
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbS {
        margin-bottom: 10px
    }

    #realPageArchives .bl_realPageSecInner {
        padding: 60px 40px 60px 40px
    }

    #realPageArchives .bl_secTtlInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        gap: 30px;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #54A734
    }

    #realPageArchives .el_secNo {
        padding: 14px 10px 14px 10px;
        background-color: #54A734;
        border-radius: 4px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0em;
        color: #ffffff
    }

    #realPageArchives .el_secTtlH2 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_secTtlH3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_secTtlH4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734;
    }

    #realPageArchives .el_secTxt {
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
    }

    #realPageArchives .el_secTxt a {
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        color: #000000;
        text-decoration: underline;
        word-break: break-all;
    }
    #realPageArchives .el_secTxt .el_secTxt_bold {
        font-weight: 700;
    }

    #realPageArchives .el_secTxt .el_secTxt_center {
        display: block;
        text-align: center;
    }

    #realPageArchives .el_secTxt .el_secTxt_highlight {
        color: #FB8A04;
    }
    #realPageArchives .bl_secImageInner {
        margin: 0 auto;
        width: 60%;
    }
    #realPageArchives .bl_secImageInner .bl_secImage {
        display: block;
        width: 100%;
    }
    #realPageArchives .el_secImage {
        width: 80%;
        margin: 0 auto;
    }

    #realPageArchives .el_secTxtPlusImgInner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #realPageArchives .el_secTxtPlusImgInner .el_secTxtPlusImg {
        width: 400px;
    }
    #realPageArchives .el_secTxtPlusImgInner .el_secTxtPlusImg .el_secTxtPlusImage {
        display: block;
        width: 100%;
    }


    #realPageArchives .el_secImage.el_secImage_lesson {
        width: 220px;
        margin: 0 auto 10px 0;
    }

    #realPageArchives .el_secImage img {
        display: inline-block;
        width: 100%;
    }

    #realPageArchives .el_secNote {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0em
    }

    #realPageArchives .bl_questionArea {
        padding: 32px 40px 32px 40px;
        background-color: #eff8ff;
        border-radius: 10px
    }

    #realPageArchives .bl_questionArea.bl_questionArea_flex {
        display: flex;
        align-items: center;
        justify-content: stretch;
    }

    #realPageArchives .bl_questionImageInner {
        float: right;
        width: 200px;
    }
    #realPageArchives .bl_questionImageInner img {
        display: inline-block;
        width: 100%;
    }
    #realPageArchives .bl_questionTxt {
        position: relative;
        margin: 0 0 0 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        text-indent: 2em
    }
    #realPageArchives .bl_questionTxt .bl_questionTxt_bold {
        font-weight: 700;
    }
    #realPageArchives .bl_questionTxt .bl_questionTxt_underline {
        text-decoration: underline;
    }
    #realPageArchives .bl_questionTxt.bl_questionTxt_flex1 {
        flex: 1;
    }

    #realPageArchives .bl_questionTxt::before {
        content: 'Q.';
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        text-indent: 0;
        color: #0484fb
    }

    #realPageArchives .bl_questionTxt.bl_questionTxt_none {
        text-indent: 0;
    }
    #realPageArchives .bl_questionTxt.bl_questionTxt_none::before {
        display: none;
    }

    #realPageArchives .bl_answerArea {
        padding: 32px 40px 32px 40px;
        background-color: #FFF8EF;
        border-radius: 10px
    }
    #realPageArchives .bl_answerArea.bl_answerArea_flex {
        display: flex;
        align-items: center;
        justify-content: stretch;
    }

    #realPageArchives .bl_answerImageInner {
        float: right;
        width: 200px;
    }
    #realPageArchives .bl_answerImageInner img {
        display: inline-block;
        width: 100%;
    }
    #realPageArchives .bl_answerTxt {
        position: relative;
        margin: 0 0 0 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        text-indent: 2em;
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_flex1 {
        flex: 1;
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_none {
        text-indent: 0;
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_none:before {
        display: none;
    }

    #realPageArchives .bl_answerTxt::before {
        content: 'A.';
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        text-indent: 0;
        color: #FB8A04
    }

    #realPageArchives .bl_quotationArea {
        padding: 40px 40px 40px 40px;
        background-color: #F7F7F7;
        border: 1px solid #C3C3C3;
        border-radius: 10px
    }

    #realPageArchives .el_quatationTtl {
        margin: 0 0 30px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.75;
        letter-spacing: 0em;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif
    }

    #realPageArchives .el_quatationTtl.el_quatationTtl_medium {
        font-size: 18px;
        font-weight: 700;
    }

    #realPageArchives .el_quatationTxt {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.65;
        letter-spacing: 0em;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif
    }
    
    #realPageArchives .el_quatationTxt a{
        word-break: break-all;
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_bold {
        font-weight: 700
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_medium {
        font-size: 16px;
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_underline {
        text-decoration: underline
    }

    #realPageArchives .bl_pointsArea {
        background-color: #F5FBE8;
        border-radius: 10px
    }

    #realPageArchives .bl_pointsList {
        padding: 60px 40px 75px 40px
    }

    #realPageArchives .bl_pointsList.bl_pointsList_evenly {
        padding: 60px 40px 60px 40px
    }

    #realPageArchives .bl_pointsList.bl_pointsList_mark {
        position: relative
    }

    #realPageArchives .bl_pointsList.bl_pointsList_mark::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 10px;
        display: block;
        width: 120px;
        height: 120px;
        background-image: url("/agefree/products/eisapo/common/img/real/real_archive_mark.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        translate: 0 40%
    }

    #realPageArchives .bl_pointsItem {
        overflow: hidden;
        margin: 0 0 30px 0
    }

    #realPageArchives .bl_pointsItem:last-child {
        margin: 0 0 0 0
    }

    #realPageArchives .el_pointsTtl {
        position: relative;
        padding: 0 0 0 26px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0em
    }

    #realPageArchives .el_pointsTtl .el_pointsTtl_regular {
        font-weight: 400;
    }

    #realPageArchives .el_pointsTtl::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #000000
    }

    #realPageArchives .el_pointsTtl.el_pointsTtl_nodot {
        padding: 0 0 0 0;
    }

    #realPageArchives .el_pointsTtl.el_pointsTtl_nodot::before {
        display: none;
    }

    #realPageArchives .el_pointsImageInner {
        float: right;
    }

    #realPageArchives .el_pointsImageInner .el_pointsImage {
        display: inline-block;
        padding: 0 0 0 20px;
        width: 200px;
    }

    #realPageArchives .el_pointsTxt {
        margin: 0 0 0 0;
        padding: 0 0 0 26px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.65;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .bl_orderedListArea {
        background-color: #F5FBE8;
        border: 2px solid #54A734;
        border-radius: 10px
    }

    #realPageArchives .bl_orderedList {
        padding: 60px 40px 75px 40px
    }

    #realPageArchives .bl_orderedList.bl_orderedList_mark {
        position: relative
    }

    #realPageArchives .bl_orderedList.bl_orderedList_mark::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 10px;
        display: block;
        width: 120px;
        height: 120px;
        background-image: url("/agefree/products/eisapo/common/img/real/real_archive_mark.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        translate: 0 40%
    }

    #realPageArchives .bl_orderedListItem {
        margin: 0 0 25px 0
    }

    #realPageArchives .bl_orderedListItem:last-child {
        margin: 0 0 0 0
    }

    #realPageArchives .el_orderedListTtl {
        margin: 0 0 0 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_orderedListTxt {
        margin: 0 0 0 0;
        padding: 0 0 0 30px;
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListTxt .el_orderedListTxt_strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 2;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListTxt .el_orderedListTxt_note {
        font-size: 14px;
        font-weight: 700;
        font-weight: 400;
        line-height: 2.1;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListImage {
        margin: 20px 0 20px 0;
        img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: center;
        }
    }
}

@media screen and (max-width: 980px) {
    .bl_kv {
        padding: 57px 0 47px 0
    }

    .bl_kv.bl_kv_space {
        margin: 0 0 25px 0
    }

    .el_pageTtl {
        max-width: none !important;
        width: auto !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.05em !important
    }

    .el_pageSttl {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        letter-spacing: 0em !important
    }

    .bl_kvInner {
        display: block;
        width: 100%
    }

    .page_ttl {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.05em;
        color: #54A734
    }

    .page_sttl {
        text-align: center;
        font-size: 30px;
        line-height: 1.4;
        letter-spacing: 0em;
        color: #333333
    }

    #realPageArchives .realPageArchives_mgbCommon {
        margin-bottom: 40px
    }

    #realPageArchives .el_contentTxt {
        font-size: 13px;
        font-weight: 700;
        line-height: 2;
        letter-spacing: 0em
    }

    #realPageArchives .el_contentTxt.el_contentTxt_2col {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: stretch;
        gap: 20px;
    }

    #realPageArchives .el_contentTxt.el_contentTxt_2col .el_contentTxt_thumbnail{
        display: block;
        width: 80%;
        aspect-ratio: 6 / 4;
        object-fit: cover;
        object-position: center;
    }
    
    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail {
        text-align: center;
    }
    
    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail .el_contentTxt_thumbnail{
        display: inline-block;
        width: 100%;
    }
    #realPageArchives .el_contentTxt.el_contentTxt_centerThumbnail.el_contentTxt_thumbnailBottomSpace{
        margin-bottom: 20px;
    }

    #realPageArchives .bl_realPageSec {
        margin: 0 0 40px 0;
        background-color: #ffffff
    }

    #realPageArchives .bl_realPageSec:last-child {
        margin: 0 0 50px 0
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbL {
        margin-bottom: 40px
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbM {
        margin-bottom: 20px
    }

    #realPageArchives .bl_realPageSec .bl_realPageSec_mgbS {
        margin-bottom: 10px
    }

    #realPageArchives .bl_realPageSecInner {
        padding: 30px 20px 30px 20px
    }

    #realPageArchives .bl_secTtlInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        gap: 10px;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #54A734
    }

    #realPageArchives .el_secNo {
        padding: 14px 10px 14px 10px;
        background-color: #54A734;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0em;
        color: #ffffff
    }

    #realPageArchives .el_secTtlH2 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_secTtlH3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_secTtlH4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #54A734
    }

    #realPageArchives .el_secTxt {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
    }

    #realPageArchives .el_secTxt a {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        color: #000000;
        text-decoration: underline;
        word-break: break-all;
    }

    #realPageArchives .el_secTxt .el_secTxt_bold {
        font-weight: 700;
    }

    #realPageArchives .el_secTxt .el_secTxt_center {
        display: block;
        text-align: center;
    }

    #realPageArchives .el_secTxt .el_secTxt_highlight {
        color: #FB8A04
    }
    #realPageArchives .bl_secImageInner {
        margin: 0 auto;
        width: 80%;
    }
    #realPageArchives .bl_secImageInner .bl_secImage {
        display: block;
        width: 100%;
    }
    #realPageArchives .el_secImage {
        width: 100%;
        margin: 0 auto;
    }

    #realPageArchives .el_secTxtPlusImgInner {
        display: flex;
        flex-flow: column;
        align-items: stretch;
        justify-content: stretch;
    }
    #realPageArchives .el_secTxtPlusImgInner .el_secTxtPlusImg {
        width: 100%;
        text-align: center;
    }
    #realPageArchives .el_secTxtPlusImgInner .el_secTxtPlusImg .el_secTxtPlusImage {
        display: inline-block;
        width: 60%;
    }

    #realPageArchives .el_secImage.el_secImage_lesson {
        width: 50%;
        margin: 0 auto 10px 0;
    }

    #realPageArchives .el_secImage img {
        display: inline-block;
        width: 100%;
    }

    #realPageArchives .el_secNote {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0em
    }

    #realPageArchives .bl_questionArea {
        padding: 30px 20px 30px 20px;
        background-color: #eff8ff;
        border-radius: 10px
    }

    #realPageArchives .bl_questionImageInner {
        width: 100%;
        text-align: center;
    }
    #realPageArchives .bl_questionImageInner img {
        display: inline-block;
        width: 60%;
    }
    #realPageArchives .bl_questionTxt {
        position: relative;
        margin: 0 0 0 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        text-indent: 2em
    }
    #realPageArchives .bl_questionTxt .bl_questionTxt_bold {
        font-weight: 700;
    }
    #realPageArchives .bl_questionTxt .bl_questionTxt_underline {
        text-decoration: underline;
    }
    #realPageArchives .bl_questionTxt.bl_questionTxt_flex1 {
        flex: 1;
    }

    #realPageArchives .bl_questionTxt::before {
        content: 'Q.';
        position: absolute;
        top: 0;
        left: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        text-indent: 0;
        color: #0484fb
    }

    #realPageArchives .bl_questionTxt.bl_questionTxt_none {
        text-indent: 0;
    }

    #realPageArchives .bl_questionTxt.bl_questionTxt_none::before {
        display: none;
    }

    #realPageArchives .bl_answerArea {
        padding: 30px 20px 30px 20px;
        background-color: #FFF8EF;
        border-radius: 10px
    }

    #realPageArchives .bl_answerImageInner {
        width: 100%;
        text-align: center;
    }
    #realPageArchives .bl_answerImageInner img {
        display: inline-block;
        width: 60%;
    }
    #realPageArchives .bl_answerTxt {
        position: relative;
        margin: 0 0 0 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        text-indent: 2em
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_flex1 {
        flex: 1;
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_none {
        text-indent: 0;
    }
    #realPageArchives .bl_answerTxt.bl_answerTxt_none:before {
        display: none;
    }
    #realPageArchives .bl_answerTxt::before {
        content: 'A.';
        position: absolute;
        top: 0;
        left: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        text-indent: 0;
        color: #FB8A04
    }

    #realPageArchives .bl_quotationArea {
        padding: 30px 20px 30px 20px;
        background-color: #F7F7F7;
        border: 1px solid #C3C3C3;
        border-radius: 10px
    }

    #realPageArchives .el_quatationTtl {
        margin: 0 0 20px 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0em;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif
    }

    #realPageArchives .el_quatationTtl.el_quatationTtl_medium {
        font-size: 18px;
        font-weight: 700;
    }

    #realPageArchives .el_quatationTxt {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0em;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif
    }

    #realPageArchives .el_quatationTxt a{
        word-break: break-all;
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_bold {
        font-weight: 700
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_medium {
        font-size: 15px;
    }

    #realPageArchives .el_quatationTxt .el_quatationTxt_underline {
        text-decoration: underline
    }

    #realPageArchives .bl_pointsArea {
        background-color: #F5FBE8;
        border-radius: 10px
    }

    #realPageArchives .bl_pointsList {
        padding: 30px 20px 60px 10px
    }

    #realPageArchives .bl_pointsList.bl_pointsList_evenly {
        padding: 30px 20px 30px 10px
    }

    #realPageArchives .bl_pointsList.bl_pointsList_mark {
        position: relative
    }

    #realPageArchives .bl_pointsList.bl_pointsList_mark::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 10px;
        display: block;
        width: 80px;
        height: 80px;
        background-image: url("/agefree/products/eisapo/common/img/real/real_archive_mark.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        translate: 0 40%
    }

    #realPageArchives .bl_pointsItem {
        overflow: hidden;
        margin: 0 0 30px 0
    }

    #realPageArchives .bl_pointsItem:last-child {
        margin: 0 0 0 0
    }

    #realPageArchives .el_pointsTtl {
        position: relative;
        padding: 0 0 0 26px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0em
    }

    #realPageArchives .el_pointsTtl .el_pointsTtl_regular {
        font-weight: 400;
    }

    #realPageArchives .el_pointsTtl::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #000000
    }

    #realPageArchives .el_pointsTtl.el_pointsTtl_nodot {
        padding: 0 0 0 0;
    }

    #realPageArchives .el_pointsTtl.el_pointsTtl_nodot::before {
        display: none;
    }

    #realPageArchives .el_pointsImageInner {
        width: 100%;
        text-align: center;
    }

    #realPageArchives .el_pointsImageInner .el_pointsImage {
        display: inline-block;
        width: 80%;
    }

    #realPageArchives .el_pointsTxt {
        margin: 0 0 0 0;
        padding: 0 0 0 26px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.65;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .bl_orderedListArea {
        background-color: #F5FBE8;
        border: 2px solid #54A734;
        border-radius: 10px
    }

    #realPageArchives .bl_orderedList {
        padding: 30px 20px 60px 20px
    }

    #realPageArchives .bl_orderedList.bl_orderedList_mark {
        position: relative
    }

    #realPageArchives .bl_orderedList.bl_orderedList_mark::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 10px;
        display: block;
        width: 80px;
        height: 80px;
        background-image: url("/agefree/products/eisapo/common/img/real/real_archive_mark.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        translate: 0 40%
    }

    #realPageArchives .bl_orderedListItem {
        margin: 0 0 25px 0
    }

    #realPageArchives .bl_orderedListItem:last-child {
        margin: 0 0 0 0
    }

    #realPageArchives .el_orderedListTtl {
        margin: 0 0 10px 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0em;
        color: #54A734
    }

    #realPageArchives .el_orderedListTxt {
        margin: 0 0 0 0;
        padding: 0 0 0 15px;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListTxt .el_orderedListTxt_strong {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.8;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListTxt .el_orderedListTxt_note {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0em;
        color: #575757
    }

    #realPageArchives .el_orderedListImage {
        margin: 20px 0 20px 0;
        img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: center;
        }
    }
}

/* table */

.table-wrapper {
    overflow-x: auto;
    margin: 20px 0;
}
  
.compare-table {
    border-collapse: collapse;
    min-width: 800px;
    width: 100%;
    background: #fff;
    font-size: 14px;
}
  
.compare-table th,
.compare-table td {
    border: 1px solid #ddd;
    padding: 12px 16px;
    vertical-align: top;
    line-height: 1.5;
}
  
.compare-table th {
    background: #54A734;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
  
.compare-table tr:nth-child(even) {
    background: #f9f9f9;
}
  
.compare-table td:first-child {
    font-weight: bold;
    background: #f3f7f1;
    width: 20%;
    white-space: nowrap;
}