@charset "utf-8";

.mainBoxSingle {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.singleContent__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 1.68px;
}

.singleContent__cateList {
    display: flex;
    align-items: center;
    gap: var(--spacing-s0_5, 2px);
}

.singleContent__cateListItem {
    display: flex;
    align-items: center;
    color: var(--color-text-link, #3B5CAF);
    font-size: 14px;
    line-height: 150%;
    text-decoration-line: underline;
    text-underline-position: from-font;
}

.singleContent__cateListItem:not(:last-child)::after {
    content: "";
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
    background-image: url(../img/svg-icon/chevron_right.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.singleContent__cate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin: 8px 0 0;
}

.singleContent__cateDate {
    display: flex;
    align-items: center;
    gap: 4px;
}

.singleContent__cateDatePublish {
    color: var(--color-text-black-secondary, #636366);
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
}

.singleContent__cateDateUpdate {
    color: var(--color-text-black-secondary, #636366);
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
}

.singleContent__image {}

.singleContent__image img {
    width: 100%;
    height: 443px;
    margin: 12px 0 0;
    object-fit: cover;
    object-position: top;
    border-radius: var(--border-radius-m, 6px);
    border: 1px solid var(--color-gen-component-border-light, #E9E9ED);
}

.singleContent__tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin: 0 0 32px;
}

.singleContent__tagList {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
    align-items: flex-start;
    gap: 8px;
}

.singleContent__tagListItem {
    display: flex;
    font-weight: 300;
    padding: var(--spacing-s1_5, 6px);
    align-items: center;
    gap: var(--spacing-s0_5, 2px);
    border-radius: var(--border-radius-s, 3px);
    background: var(--color-gen-brand-gold-gold-10-light1, #F7F6F0);
}

.singleContent__tagListItemLink {
    font-weight: 300;
}

.singleContent__tagListItem::before {
    content: "#";
    color: var(--color-gen-brand-gold-gold-60, #C7AD70);
    font-size: 16px;
    font-weight: 600;
}

.singleContent__donyu {
    font-size: 16px;
    font-weight: 300;
    line-height: 170%;
    margin: 40px 0 0;
}

.singleContent__snsList {
    display: flex;
    padding: 10px 0px;
    align-items: center;
    gap: var(--spacing-s4, 16px);
}

.singleContent__snsListItem,
.singleContent__snsListItem--copy {
    width: 30px;
    height: 30px;
    background: lightgray 50% / cover no-repeat;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}

.singleContent__snsListItemImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.singleContent__snsListItemImage--copy {
    width: 70%;
    height: 100%;
    object-fit: contain;
}

.singleContent__snsListItem {
    width: 30px;
    height: 30px;
    background: lightgray 50% / cover no-repeat;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}

.singleContent__recommend {
    display: flex;
    width: 73%;
    flex-direction: column;
    align-items: center;
    margin: 40px auto 0px;
}

.singleContent__recommendTitle {
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

.singleContent__recommendTitle::after {
    display: block;
    height: 47px;
    content: url(../img/other/C_women.png);
    margin: 0 0 0 12px;
}

.singleContent__recommendList {
    display: flex;
    padding: var(--spacing-s5, 20px) var(--spacing-s17, 68px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    align-self: stretch;
    border-radius: 0px 0px var(--border-radius-s, 3px) var(--border-radius-s, 3px);
    border-top: 3px solid var(--color-gen-brand-yellow-yellow-60-primary, #FBDE6D);
    background: var(--color-gen-brand-yellow-yellow-10-light1, #FFFCEE);
}

.singleContent__recommendListItem {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    line-height: 150%;
}

.singleContent__recommendListItem::before {
    content: url(../img/svg-icon/task_alt.svg);
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
    margin-top: 2px;
}

.singleContent__columnBanner {
    justify-content: center;
    display: flex;
    gap: 20px;
    margin: 40px 0 0;
}

.singleContent__columnBannerLink {
    width: 44%;
}

.singleContent__columnBannerLink--picks {
    display: block;
    width: 82%;
    margin: 40px auto 32px;
}

.singleContent__columnBanner--picksSp {
    display: none;
}

.singleContent__author {
    display: flex;
    padding: var(--spacing-s5, 20px) var(--spacing-s7, 28px) var(--spacing-s4, 16px) var(--spacing-s7, 28px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    align-self: stretch;
    border: 3px solid var(--color-gen-component-border-light, #E9E9ED);
    margin: 40px 0 0px;
}

.singleContent__authorBox {
    display: flex;
    gap: 8px;
}

.singleContent__authorTitle {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.84px;
    border-radius: 17px;
    padding: var(--spacing-s1, 4px) var(--spacing-s3, 12px);
    background: var(--color-gen-component-bg-light-3, #F1F1F3);
}

.singleContent__authorName {
    font-size: 18px;
    line-height: 150%;
}

.singleContent__authorIcon img,
.singleContent__authorCommentIcon img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #D5D6D8;
}

.singleContent__authorAffiliation {
    font-size: 12px;
    font-weight: 300;
    text-decoration-line: underline;
}

.singleContent__authorDescription {
    font-size: 14px;
    font-weight: 300;
    line-height: 170%;
}

.listaccordion {
    margin: 72px 0 0px;
}

.listofcontent__inner {
    display: flex;
    padding: var(--spacing-s5, 20px) var(--spacing-s6, 24px);
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    background: var(--color-gen-component-bg-light-1, #FAFBFD);
}

.listofcontent__innerTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1.08px;
    gap: var(--spacing-s2, 8px);
}

.listofcontent__innerTitle.open::after {
    content: "";
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
    background-image: url(../img/svg-icon/remove_circle.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.listofcontent__innerTitle::after {
    content: "";
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
    background-image: url(../img/svg-icon/add_circle.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.listofcontent__innerList {
    list-style: none;
    padding-left: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.listofcontent__inner.open .listofcontent__innerList {
    max-height: 2000px;
}

.listofcontent__innerListHeadline--m,
.listofcontent__innerListHeadline--s {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.listofcontent__innerList li:first-child {
    padding: 16px 0 0 0;
}

.listofcontent__innerListHeadline--s {
    margin-left: 16px;
}

.listofcontent__innerListHeadlineLink--m {
    color: var(--color-text-black-secondary, #636366);
    line-height: 180%;
    text-decoration-line: underline;
    text-underline-offset: auto;
}

.listofcontent__innerListHeadline--m::before {
    content: url(../img/svg-icon/keyboard-arrow-down.svg);
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
}

.listofcontent__innerListHeadlineLink--s {
    color: var(--color-text-black-secondary, #636366);
    font-weight: 300;
    line-height: 200%;
    text-decoration-line: underline;
    text-underline-offset: auto;
}

.listofcontent__innerListHeadline--s::before {
    text-align: center;
    color: var(--color-text-black-secondary, #636366);
    content: "-";
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
}

.contentInner h2,
.singleContent__h2 {
    position: relative;
    padding: 12px 0px 0px 16px;
    align-items: center;
    font-size: 28px;
    min-height: 58px;
    line-height: 140%;
    letter-spacing: 1.68px;
    margin: 40px 0 0;
}

.contentInner h2::before,
.singleContent__h2::before {
    position: absolute;
    content: "";
    width: 58px;
    height: 58px;
    background-image: url(../img/svg-icon/Ellipse\ 135.svg);
    background-repeat: no-repeat;
    background-size: cover;
    /* margin: 0 0 20px; */
    top: 2px;
    left: 0;
    z-index: -1;
}

.contentInner p,
.singleContent__text,
.singleContent__donyu p {
    font-weight: 300;
    line-height: 170%;
}

.contentInner>p,
.contentInner section>p,
.singleContent__donyu p,
.faqA>p,
.faqQ>p,
.singleContent__text {
    margin: 20px 0 0;
}

.singleContent__donyu p:first-child,
.faqA>p:first-child,
.faqQ>p:first-child {
    margin: 0px 0 0;
}

.contentInner em {
    background-color: rgba(248, 204, 29, 0.20);
    margin: 0 0 20px;
}

.common-bold--orange {
    color: #ce7b4c;
    font-weight: 700;
}

.common-bold {
    font-weight: 700;
}

.contentInner h3 {
    padding-bottom: 8px;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 1.32px;
    border-bottom: solid 4px #A3A3A5;
    margin: 40px 0 0;
    position: relative;
}

.contentInner h3::before {
    content: '';
    position: absolute;
    bottom: -4px;
    width: 20%;
    height: 4px;
    background: #F9D32E;
}

.contentInner h4 {
    padding-left: 12px;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1.08px;
    border-left: solid 4px #F8CC1D;
    margin: 40px 0 0px;
}

.contentInner h4+p {
    margin: 12px 0 0;
}

.contentInner>figure>img {
    margin: 20px 0 0;
    width: 100%;
    object-fit: contain;
}

.contentInner .contentList__bannerContainer {
    margin: 20px auto 0;
}


.contentInner .box {
    border-radius: var(--border-radius-s, 3px);
    border: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-gen-component-bg-light-1, #FAFBFD);
    padding: 24px;
    margin: 20px 0 0;
}


.contentInner .box p {
    margin: 0;
}

.contentInner .list--discLine {
    display: flex;
    width: 100%;
    padding: var(--spacing-s6, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    margin: 20px 0 0;
    border: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-gen-component-bg-white, #FFF);
}

.contentInner .list--discLine li {
    display: inline;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .list--discLine li::before {
    content: url(../img/svg-icon/circle-b.svg);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: -2px;
}

.contentInner .list--disc {
    display: flex;
    width: 100%;
    /* padding: var(--spacing-s6, 24px); */
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    margin: 20px 0 0;
    background: var(--color-gen-component-bg-white, #FFF);
}

.contentInner .list--disc li {
    display: inline;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .list--disc li::before {
    content: url(../img/svg-icon/circle-b.svg);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: -2px;
}

.contentInner .list--check {
    display: flex;
    width: 100%;
    /* padding: var(--spacing-s6, 24px); */
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    margin: 20px 0 0;
    background: var(--color-gen-component-bg-white, #FFF);
}

.contentInner .list--check li {
    display: inline;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .list--check li::before {
    content: url(../img/svg-icon/check_circle.svg);
    width: 20px;
    height: 20px;
    align-items: center;
    position: absolute;
    left: 0;
    top: 2px;
}

.contentInner .list--checkLine {
    display: flex;
    width: 100%;
    padding: var(--spacing-s6, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    margin: 20px 0 0;
    border: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-gen-component-bg-white, #FFF);
}

.contentInner .list--checkLine li {
    display: inline;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .list--checkLine li::before {
    content: url(../img/svg-icon/check_circle.svg);
    width: 20px;
    height: 20px;
    align-items: center;
    position: absolute;
    left: 0;
    top: 2px;
}

.contentInner ol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: var(--spacing-s6, 24px); */
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    margin: 20px 0 0;
}

.contentInner ol li {
    counter-increment: list-counter;
    font-weight: 300;
    line-height: 170%;
    position: relative;
    padding: 0 0 0 28px;
}

.contentInner ol li::before {
    content: counter(list-counter) ".";
    font-weight: 600;
    width: 30px;
    height: 20px;
    min-width: 30px;
    position: absolute;
    left: 0;
}

.contentInner .olLine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-s6, 24px);
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    border: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    margin: 20px 0 0;
}

.contentInner .olLine li {
    counter-increment: list-counter;
    font-weight: 300;
    line-height: 170%;
    position: relative;
    padding: 0 0 0 28px;
}

.contentInner .olLine li::before {
    content: counter(list-counter) ".";
    font-weight: 600;
    width: 30px;
    height: 20px;
    min-width: 30px;
    position: absolute;
    left: 0;
}


.contentInner .quote {
    display: flex;
    padding: var(--spacing-s6, 24px) var(--spacing-s7, 28px);
    margin: 20px 24px 0;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 300;
    line-height: 170%;
    gap: var(--spacing-s1, 4px);
    border-left: 6px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-gen-component-bg-light-1, #FAFBFD);
}

.contentInner .quote .note {
    margin: 0 0 0 auto;
}

.contentInner .blogCard {
    display: flex;
    padding: var(--spacing-s3, 12px) var(--spacing-s6, 24px) var(--spacing-s4, 16px) var(--spacing-s6, 24px);
    margin: 20px 0 0;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s1_5, 6px);
    border-radius: var(--border-radius-s, 3px);
    border: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-white-primary, #FFF);
}

.contentInner .blogCard:hover {
    background-color: #FFFCEE;
}

.contentInner .blogCard p {
    line-height: 150%;
    display: flex;
    padding: var(--spacing-s1, 4px) 0px;
    align-items: center;
    gap: var(--spacing-s1, 4px);
    margin: 0 0 12px;
    flex: 1 0 0;
    align-self: stretch;
}

.contentInner .blogCard p::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/svg-icon/square.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.contentInner .blogCard__Inner {
    display: flex;
    gap: 20px;
}

.contentInner .blogCard__Thumbnail {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: var(--border-radius-s, 3px);
    border: 1px solid var(--color-gen-component-border-light, #E9E9ED);
    background: lightgray 50% / cover no-repeat;
}

.blogCard__Thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contentInner .blogCard__Title {
    color: var(--color-text-link, #3B5CAF);
    font-size: 18px;
    line-height: 150%;
    text-decoration-line: underline;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin: 0 0 12px;
}

.contentInner .blogCard__Txt {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .tableInner {
    margin: 20px 0 0;
}

.contentInner table th {
    font-weight: 300;
    line-height: 150%;
    padding: var(--spacing-s3, 12px);
    background: var(--color-gen-component-bg-light-3, #F1F1F3);
    border-top: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-right: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-left: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
}

.contentInner table td {
    font-weight: 300;
    line-height: 150%;
    padding: var(--spacing-s3, 12px);
    border-top: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-right: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-left: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-bottom: 1px solid var(--color-black-50, #D5D6D8);
    background: #FFF;
}

.contentInner table td.sub {
    font-weight: 300;
    line-height: 150%;
    padding: var(--spacing-s3, 12px);
    border-top: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-right: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-left: 1px solid var(--color-gen-component-border-primary, #D5D6D8);
    border-bottom: 1px solid var(--color-black-50, #D5D6D8);
    background: #FAFBFD;
}

.contentInner .note {
    color: var(--color-text-black-secondary, #636366);
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
}

.contentInner .note a {
    font-weight: 300;
}

.contentInner .related .related-other::before {
    content: url(../img/svg-icon/square.svg);
    width: 20px;
    height: 20px;
}

.contentInner .point dl {
    padding: var(--spacing-s9, 36px) var(--spacing-s6, 24px) var(--spacing-s6, 24px) var(--spacing-s6, 24px);
    margin: 40px 0 0;
    border-radius: var(--border-radius-l, 9px);
    border: 2px solid var(--color-gen-brand-yellow-yellow-60-primary, #FBDE6D);
    background: var(--color-gen-brand-yellow-yellow-10-light1, #FFFCEE);
    position: relative;
}

.contentInner .point dd {
    font-weight: 300;
    line-height: 170%;
}

.contentInner .point dt {
    display: flex;
    width: 220px;
    padding: var(--spacing-s1_5, 6px) var(--spacing-s4, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-s0_5, 2px);
    border-radius: 99px;
    background: var(--color-gen-brand-yellow-yellow-60-primary, #FBDE6D);
    position: absolute;
    left: 20px;
    top: -16px;
}

.contentInner .point dt span {

    font-size: 18px;
    line-height: 140%;
    letter-spacing: 1.08px;
}

.contentInner .point dt figure {
    width: 58px;
    height: 47px;
    position: absolute;
    right: -27px;
    top: -10.15px;
}

.contentInner .step {
    margin: 20px 0 0;
}

.contentInner .step dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contentInner .stepDetail {
    display: flex;
    padding: var(--spacing-s6, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    align-self: stretch;
    border-radius: var(--border-radius-l, 9px);
    border: 2px solid var(--color-gen-component-border-primary, #D5D6D8);
    background: var(--color-gen-component-bg-white, #FFF);
}

.contentInner .step dl:not(:last-child)::after {
    content: url(../img/svg-icon/Polygon63.svg);
    width: 90px;
    height: 25px;
    margin: 12px auto;
}

.contentInner .stepDetail dt {
    display: flex;
    align-items: center;
}

.contentInner .stepDetail dt span {
    padding: var(--spacing-s2, 8px) var(--spacing-s4, 16px);
    border-radius: 99px;
    background: var(--color-gen-brand-yellow-yellow-60-primary, #FBDE6D);
}

.contentInner .stepDetail dt p {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.9px;
    padding: var(--spacing-s2, 8px);
    margin: 0;
}

.contentInner .stepDetail dd {
    font-weight: 300;
    line-height: 170%;
}

.contentInner .faq {
    margin: 20px 0;
}

.contentInner .faq .faqQ {
    align-items: flex-start;
    gap: 8px;
    font-weight: 300;
    line-height: 1.7;
    padding: 0px 0 0 42px;
    position: relative;
    margin: 8px 0 16px;
}

.contentInner .faq .faqQ::before {
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    align-content: center;
    text-align: center;
    content: "Q";
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background-color: #FBDE6D;
    background-image: none;
}

.contentInner .faq .faqA {
    align-items: flex-start;
    gap: 8px;
    font-weight: 300;
    line-height: 1.7;
    padding: 0px 0 0 42px;
    position: relative;
}

.contentInner .faq .faqA::before {
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    align-content: center;
    text-align: center;
    content: "A";
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    line-height: 20px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background-color: #1C5A95;
    background-image: none;
}

.contentInner .faq>ul {
    display: flex;
    padding: var(--spacing-s5, 20px) var(--spacing-s3, 12px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s5, 20px);
    border: unset;
    border-bottom: 1px dashed var(--color-gen-component-border-primary, #D5D6D8);
}

.contentInner .faq>ul:last-child {
    border-bottom: unset;
}

.contentInner .related dt {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: var(--spacing-s1, 4px) 0px;
    line-height: 150%;
}

.contentInner .related dt::before {
    display: block;
    content: url(../img/svg-icon/square-b.svg);
    width: 20px;
    height: 20px;
}

.contentInner .related dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s2, 8px);
    align-self: stretch;
    margin: 20px 0 0;
}

.contentInner .related ul {
    display: flex;
    padding: 0px var(--spacing-s4, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s2, 8px);
    margin: 0;
    border: unset;
}

.contentInner .related ul li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.contentInner .related ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 300;
    line-height: 170%;
}

.contentInner .related ul li::before {
    display: block;
    align-content: center;
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    margin-top: 10px;
    background-image: url(../img/svg-icon/circle-b.svg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

.singleContent__authorComment {
    display: flex;
    margin: 40px 0 0;
    padding: var(--spacing-s5, 20px) var(--spacing-s7, 28px) var(--spacing-s6, 24px) var(--spacing-s7, 28px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    border-radius: var(--border-radius-s, 3px);
    border: 3px solid var(--color-gen-component-border-light, #E9E9ED);
    background: var(--color-white-primary, #FFF);
}

.singleContent__authorCommentTitle {
    display: flex;
    padding: var(--spacing-s1_5, 6px) var(--spacing-s5, 20px);
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    border-radius: 17px;
    background: var(--color-gen-brand-yellow-yellow-60-primary, #FBDE6D);
    line-height: 140%;
    letter-spacing: 0.96px;
}

.singleContent__authorCommentBox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.singleContent__authorCommentName {
    font-size: 18px;
    line-height: 150%;
}

.singleContent__authorCommentAffiliation {
    font-size: 12px;
    font-weight: 300;
    line-height: 100%;
    text-decoration-line: underline;
}

.singleContent__authorCommentDescription {
    display: flex;
    position: relative;
    padding: var(--spacing-s4, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    align-self: stretch;
    border-radius: var(--border-radius-l, 9px);
    background: var(--color-gen-component-bg-light-2, #F6F6F8);
    font-weight: 300;
    line-height: 170%;
    margin: 20px 0 0 0;
}

.singleContent__authorCommentDescription::before {
    content: url(../img/svg-icon/polygon65.svg);
    position: absolute;
    top: -20px;
    width: 24px;
    height: 20px;
}

.singleContent__dokuhon--sp {
    display: none;
}

.singleContent__dokuhon {
    margin: 20px 0 0;
}

.singleContent__dokuhonImage {
    margin: 0 0 12px;
}

.singleContent__dokuhonButton {
    display: block;
    width: 83%;
    margin: 0 auto;
}

.singleContent__editor {
    display: flex;
    padding: var(--spacing-s5, 20px) var(--spacing-s7, 28px) var(--spacing-s4, 16px) var(--spacing-s7, 28px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s3, 12px);
    align-self: stretch;
    border: 3px solid var(--color-gen-component-border-light, #E9E9ED);
    margin: 40px 0 0;
}

.singleContent__editorBox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.singleContent__editorTitle {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.84px;
    border-radius: 17px;
    padding: var(--spacing-s1, 4px) var(--spacing-s3, 12px);
    background: var(--color-gen-component-bg-light-3, #F1F1F3);
}

.singleContent__editorName {
    font-size: 18px;
    line-height: 150%;
}

.singleContent__editorAffiliation {
    font-size: 12px;
    font-weight: 300;
    text-decoration-line: underline;
}

.singleContent__editorDescription {
    font-size: 14px;
    font-weight: 300;
    line-height: 170%;
}

.singleContent__editorLink {
    display: flex;
    margin: 0 0 0 auto;
    align-items: center;
    color: var(--color-text-link, #3B5CAF);
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    /* 21px */
    text-decoration-line: underline;
}

.singleContent__editorLink::before {
    content: url(../img/svg-icon/chevron_right.svg);
    width: var(--icon-xs, 20px);
    height: var(--icon-xs, 20px);
    text-align: center;
    align-items: center;
    margin-top: 2px;
}

.singleContent__editorIcon {
    border-radius: 50%;
    border: solid #D5D6D8 1px;
    width: 44px;
    height: 44px;
    background-image: url(../img/other/C_women_icon.png);
    background-size: 120%;
    background-position-x: center;
}

.singleContent__attention {
    color: var(--color-text-black-secondary, #636366);
    font-size: 10px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 8px;
    margin-bottom: 28px;
}

.singleContent__snsList--last {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-s4, 16px);
}

.singleContent__recommendColumn {
    margin: 72px 0 52px;
}

.contentList__servicebannerContainer {
    margin: 20px auto 0;
    display: block;
    align-items: center;
    text-align: left;
    width: 82%;
}

.singleContent__serviceBannerHead {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0 12px;
}

.singleContent__serviceBannerHeadLabel {
    display: block;
    font-size: 20px;
    font-weight: 400;
    background-color: #b33e7e;
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
}

.singleContent__serviceBannerHeadPlan {
    font-size: 32px;
}

.singleContent__serviceBannerHeadGuide {
    font-size: 20px;
    margin: 0 0 0 20px;
}

.singleContent__serviceBannerHead::after {
    content: "\F054";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    display: block;
    position: absolute;
    right: 12px;
}

.singleContent__serviceBanner {
    padding: 12px;
    border: 1px solid #21559D;
}

@media screen and (max-width: 767px) {

    .mainBoxSingle {
        margin-top: 0px;
    }

    .singleContent__cate {
        flex-wrap: wrap;
        gap: 8px;
        margin: 12px 0 0px;
    }

    .singleContent__image img {
        height: 210px;
    }

    .singleContent__recommend {
        width: 100%;
        gap: 4px;
        margin: 32px 0 0;
    }

    .singleContent__recommend dd {
        width: 100%;
    }

    .singleContent__recommendTitle {
        align-items: flex-end;
        justify-content: center;
        width: 100%;
    }

    .singleContent__recommendList {
        padding: var(--spacing-s5, 20px) var(--spacing-s3, 12px);
        align-items: flex-start;
    }

    .listaccordion {
        margin: 48px 0 0px;
    }

    .contentInner h4 {
        font-size: 16px;
        margin: 28px 0 12px;
        padding-left: 6px;
        font-size: 16px;
    }

    .contentInner .blogCard {
        padding: 16px;
        margin: 16px 0 0;
    }

    .contentInner .blogCard p {
        margin: 0 0 8px;
    }

    .contentInner .blogCard__Inner {
        gap: 8px;
    }

    .contentInner .blogCard__Thumbnail {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }

    .contentInner .blogCard__Title {
        font-size: 16px;
        margin: 0 0 2px;
    }

    .contentInner .blogCard__Txt {
        font-size: 12px;
    }

    .contentInner>figure>img {
        margin: 16px 0 0;
    }

    .contentInner .related dl {
        margin: 16px 0 0;
    }

    .contentInner .point dl {
        margin: 32px 0 0;
    }

    .contentInner .point dt {
        transform: translate(15%, 0);
    }

    .contentInner .step {
        margin: 16px 0 0;
    }

    .contentInner .stepDetail dt {
        align-items: flex-start;
        flex-direction: column;
    }

    .contentInner .stepDetail dt p {
        padding: 8px 4px;
    }

    .contentInner .faq {
        margin: 16px 0 0;
    }

    .contentInner .lastRelated dl {
        margin: 16px 0;
    }

    .singleContent__authorComment {
        padding: 20px 20px 24px;
        margin: 28px 0 0;
        gap: 0;
    }

    .singleContent__authorCommentTitle {
        margin: 0 auto 20px;
    }

    .singleContent__authorCommentBox {
        margin: 0 0 12px;
    }

    .singleContent__dokuhon {
        display: none;
    }

    .singleContent__dokuhon--sp {
        display: block;
    }

    .singleContent__dokuhonImage {
        margin: 28px 0 6px;
    }

    .singleContent__editor {
        margin: 40px 0 0;
        padding: 20px 20px 24px 20px;
    }

    .singleContent__snsList--last {
        gap: 20px;
        margin: 0 0 16px;
    }

    .singleContent__recommendColumn {
        margin: 0 0 52px;
    }

    .singleContent__donyu {
        margin: 16px 0 0px;
    }

    .singleContent__snsListItem,
    .singleContent__snsListItem--copy {
        width: 40px;
        height: 40px;
    }

    .singleContent__columnBanner--picks {
        display: none;
    }

    .singleContent__columnBanner--picksSp {
        display: block;
        padding: 0 12px;
        margin: 0 0px 24px;
    }

    .singleContent__author {
        margin: 0;
    }

    .singleContent__authorTitle {
        margin: 0 auto;
    }

    .listofcontent__inner {
        padding: var(--spacing-s5, 20px) var(--spacing-s3, 12px);
    }

    .listofcontent__innerListHeadline--m,
    .listofcontent__innerListHeadline--s {
        font-size: 14px;
    }

    .contentInner h2,
    .singleContent__h2 {
        font-size: 20px;
        margin: 28px 0 0px;
    }

    .contentInner h2::before,
    .singleContent__h2::before {
        width: 50px;
        height: 50px;
    }

    .contentInner>p,
    .singleContent__text {
        margin: 16px 0 0;
    }

    .contentInner h3 {
        font-size: 18px;
        margin: 28px 0 0px;
    }

    .contentInner .box {
        padding: 24px 16px;
        margin: 16px 0 0;
    }

    .contentInner .list--disc,
    .contentInner .list--discLine,
    .contentInner .list--check,
    .contentInner .list--checkLine {
        margin: 16px 0 0;
    }

    .contentInner ol {
        margin: 16px 0 0;
    }

    .contentInner .quote {
        padding: var(--spacing-s6, 24px) var(--spacing-s7, 20px);
        margin: 16px 8px 0;
    }

    .contentInner .tableInner {
        display: flex;
        overflow-x: scroll;
        margin: 16px 0 0;
    }

    .contentInner table {
        font-size: 14px;
        max-width: 1000px;
        flex-shrink: 0;
    }

    .singleContent__title {
        font-size: 24px;
    }

    .singleContent__tag {
        flex-direction: column;
        margin: 0 0 16px;
    }

    .singleContent__snsList {
        padding: 6px 0;
    }

    .singleContent__columnBanner {
        flex-direction: column;
        padding: 0 12px;
        gap: 24px;
        margin: 40px 0px 52px;
    }

    .singleContent__columnBannerLink {
        width: 100%;
    }

    .singleContent__authorCommentAffiliation {
        font-size: 12px;
        font-weight: 300;
        line-height: 100%;
    }

    .contentList__servicebannerContainer {
        width: 100%;
        padding-top: 12px;
    }

    .singleContent__serviceBannerHead {
        padding: 0 4px;
    }

    .singleContent__serviceBannerHeadLabel {
        font-size: 16px;
        padding: 8px 12px;
    }

    .singleContent__serviceBannerHeadPlan {
        font-size: 20px;
    }

    .singleContent__serviceBannerHeadGuide {
        font-size: 16px;
        margin: 0;
    }

    .singleContent__serviceBannerHead::after {
        right: 4px;
    }

    .singleContent__serviceBanner {
        padding: 8px;
    }
}