.post_date_line {
    margin-top: 32px;
}

h1.post_title_line {
    margin-top: 14px;
}
p.post_category_line {
    margin-top: 14px;
}
p.post_category_line span {
    color: #ADB8C3;
    font-size: 12px;
    padding: 8px 14px 9px 14px;
    border: 1px solid #ADB8C3;
    border-radius: 32px;
}
p.post_category_line span a {
    color: #ADB8C3;
}
main.single_post_main {
    max-width: 990px;
    padding-right: 32px;
}
.expl_voice_container {
    display: none;
}


.post_thumbnail_cont {
    text-align: center;
    margin: 32px 0;
}
.post_content_cont {
    margin-top: 36px;
}
main.single_post_main .post_content_cont h2 {
    font-size: 22px;
    font-weight: 400;
    padding-left: 7px;
    border-left: 7px solid #5B6A9D;
    margin-top: 32px;
    margin-bottom: 16px;
}
main.single_post_main .post_content_cont p {
    font-size: 16px;
}
main.single_post_main .post_content_cont h3 {
    padding-left: 18px;
    font-size: 20px;
    font-weight: 400;
    margin-top: 28px;
    margin-bottom: 16px;
    position: relative;
    border-bottom: 2px solid #5B6A9D;
    padding-bottom: 7px;
}
main.single_post_main .post_content_cont h4 {
    font-size: 18px;
    font-weight: 400;
    color: #5B6A9D;
}
main.single_post_main .post_content_cont h2 strong, main.single_post_main .post_content_cont h3 strong {
    font-weight: 400 !important;
}

main.single_post_main .post_content_cont h3:before, main.single_post_main .post_content_cont h3:after {
    position: absolute;
    content: '';
    border-top: 6px solid transparent;
    border-left: 9px solid #5B6A9D;
    border-bottom: 6px solid transparent;
}
main.single_post_main .post_content_cont h3:before {
    top: 4px;
    left: 0;
}
main.single_post_main .post_content_cont h3:after {
    top: 10px;
    left: 4px;
    border-left: 9px solid #B6BBCC;
}
main.single_post_main img {
    margin: 0 auto;
}



span.marker-line-yellow {
    background-image: linear-gradient(transparent 60%, #ffe68a 40%);
    background-repeat: no-repeat;
}
div.dark-blue-frame {
    border: 3px solid #5B6A9D;
    padding: 10px;
    border-radius: 4px;
    margin: 15px 0;
    position: relative;
    margin-top: 48px;
}
div.dark-blue-frame span {
    display: inline-block;
    position: absolute;
    background-color: #5B6A9D;
    color: #fff;
    top: -35px;
    padding: 4px 10px 5px 23px;
    border-radius: 4px 4px 0 0;
    font-weight: 400 !important;
}
div.dark-blue-frame span:before {
    position: absolute;
    content: '';
    border-top: 6px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 6px solid transparent;
    left: 7px;
    top: 10px;
}
/*
div.dark-blue-frame.yellow-point {
    border: 3px solid #f5cb82;
    background-color: #fffaf1;
}
*/
div.dark-blue-frame.red-point {
    border: 3px solid #f59882;
    background-color: #fff4f1;
    margin-top: 0;
    position: relative;
    padding-left: 64px;
    border: none;
    border-radius: 0;
    min-height: 65px;
}
div.dark-blue-frame.red-point span {
    display: none;
}
div.dark-blue-frame.red-point:before {
    font-family: "Material Symbols";
    content: "\000";
    position: absolute;
    font-size: 36px;
    left: 12px;
    top: 6px;
    color: #E2BBBB;
}

main.single_post_main ul {
    border: 3px solid #5B6A9D;
    padding: 10px;
    border-radius: 4px;
}
main.single_post_main ul li {
    padding-left: 28px;
    position: relative;
    padding-bottom: 7px;
}
main.single_post_main ul li:before {
    position: absolute;
    content: '';
    border: 7px solid #B6BBCC;
    border-radius: 50%;
    left: 4px;
    top: 8px;
}
main.single_post_main ul li:after {
    position: absolute;
    content: '';
    border: 7px solid #5B6A9D;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
.qa_card_item {
    position: relative;
    padding: 16px 10px 16px 50px;
    font-size: 14px;
    margin: 16px 0 8px 0;
    background-color: #ECF1F7;
    border-radius: 4px;
}
.qa_card_item.q_blue:before {
    content: 'Q';
    position: absolute;
    color: #E8A4DD;
    font-size: 18px;
    width: 32px;
    height: 32px;
    text-align: center;
    left: 9px;
    top: 15px;
}
.qa_card_item.q_blue p {
    color: #E8A4DD;
}
.qa_card_item.a_pink {
    margin-bottom: 2rem;
}
.qa_card_item.a_pink:before {
    content: 'A';
    position: absolute;
    color: #5B6A9D;
    font-size: 18px;
    width: 32px;
    height: 32px;
    text-align: center;
    left: 10px;
    top: 15px;
}
main.single_post_main .post_content_cont .qa_card_item p {
    margin-bottom: 0;
}
main.single_post_main .post_content_cont .qa_card_item.a_pink p {
    color: #5B6A9D;
}
main.single_post_main thead, main.single_post_main tbody, main.single_post_main tfoot, main.single_post_main tr, main.single_post_main td, main.single_post_main th {
    border: 1px solid #ADB8C3;
    padding: 7px;
}
main.single_post_main table {
    margin-bottom: 7px;
}

/* archive */
.archive_main_cont {
    width: 100%;
    padding-right: 32px;
}
.archive_main_cont .archive_first_line {
    margin-top: 32px;
}
.archive_archive_title p {
    margin-top: 32px;
    color: #445260;
}
.archive_archive_title h2 {
    margin-top: 14px;
    color: #000;
}

@media screen and (max-width: 767px) {
    main.single_post_main img {
        max-width: 100%;
        height: auto;
    }
    main.single_post_main {
        padding: 0;
    }
}