/*@@@
@media only screen and (max-width: 640px) {
}

@media only screen and (min-width: 641px) {
}
@@@*/

/* 共通 */
@media only screen and (max-width: 640px) {
    .is-pc { display: none; }
    .is-sp { display: block; }
    .sp-br { display: block; }
}
@media only screen and (min-width: 641px) {
    .is-pc { display: block; }
    .is-sp { display: none; }
}

/* SNS */
.sns_box { display: none; }

/* ヘッダー */
/*@media only screen and (min-width: 641px) {*/
@media only screen and (min-width: 1025px) {
    .g-BrHeaderCommon__logoBlock { width: 200px; }
    .g-BrHeaderLogo .g-Image__img { max-width: 200px; }
}
@media only screen and (max-width: 1024px) {
    .l-BrHeaderNav__buttonBlock a { border: 1px solid #007c7a; }
    .l-BrHeaderNav__listBlock { background: #fce4e4; }
    .l-BrHeaderNavList__item { border-color: #fff; }
    .l-BrHeaderNavList__item .l-BrHeaderNavListLink { color: #333; }

    .l-BrHeaderNavList__item.is-active a.l-BrHeaderNavListLink {
        color: #333;
        background: #fdefef;
    }
}

/* フッター */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .g-GlFooter { border-top: none; }
}
@media only screen and (max-width: 640px) {
/*    .l-BrFooterSitemapUnit__title { border-color: #fff; }*/
    .g-GlFooter { border-top: none; }
    .g-footerLinks li:first-child { border-top: none; }
}

/* 追従プレゼントボタン */
.btn_present {
    position: fixed;
    width: 100%;
/*    bottom: 20px;*/
    bottom: 0;
    z-index: 9;
}
.btn_present .g-ColumnUnit {
    position: relative;
    padding-top: 10px;
}
.btn_close {
    position: absolute !important;
    width: 20px;
    top: 0;
    right: 18px;
    cursor: pointer;
}
.btn_close:hover { opacity: 0.7; }
}
@media only screen and (min-width: 1025px) {
    #area-GlFooter { padding-bottom: 4.4vw; }
    #area-PageTop { bottom: calc(4.4vw + 30px); }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    /*.btn_present { bottom: 12px; }*/
    .btn_present .g-ColumnUnit { padding-top: 15px; }
    .btn_close { right: 10px; }
    #area-GlFooter { padding-bottom: 6.2vw; }
    #area-PageTop { bottom: calc(5.2vw + 40px); }
}
@media only screen and (max-width: 640px) {
    /*.btn_present { bottom: 12px; }*/
    .btn_present .g-ColumnUnit { padding-top: 15px; }
    .btn_close { right: 10px; }
    #area-GlFooter { padding-bottom: 11.2vw; }
    #area-PageTop { bottom: calc(11.2vw + 60px); }
}

/* キーワード */
.keyword_list .l-ButtonP.is-gutter--m .l-ButtonP__list__item { height: auto !important; }
.keyword_list .g-ButtonUnit__link { padding: 5px 15px 6px; }
.keyword_list .l-ButtonUnit__link {
    height: 30px !important;
    font-size: 18px;
/*    font-size: 20px;*/
    line-height: 1.2;
    border-radius: 40px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
/*    .keyword_list .l-ButtonUnit__link { font-size: 18px; }*/
    .keyword_list .l-ButtonUnit__link { font-size: 16px; }
}
@media only screen and (max-width: 640px) {
/*    .keyword_list .l-ButtonUnit__link { font-size: 17px; }*/
    .keyword_list .l-ButtonUnit__link { font-size: 15px; }
}

/* カテゴリ */
.ico_category {
    position: relative;
    margin-top: 30px;
}
.ico_category::before {
    display: block;
    position: absolute;
    content: "";
    width: 82px;
    height: 82px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    top: -30px;
    left: -23px;
    z-index: 2;
}
.ico_category.page_post { margin-top: 30px; }
.ico_category.page_post::before {
    width: 110px;
    height: 110px;
    top: -20px;
    left: -15px;
}
.ico_category.feature::before { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_feature.png); }
.ico_category.useful-info::before { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_useful-info.png); }
.ico_category.qa::before { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_qa.png); }
.ico_category.enquete::before { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_enquete.png); }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ico_category::before {
        width: 65px;
        height: 65px;
        top: -30px;
        left: -15px;
    }
    .ico_category.page_post::before {
        width: 80px;
        height: 80px;
        top: -28px;
        left: -12px;
    }
}
@media only screen and (max-width: 640px) {
    .ico_category::before {
        width: 60px;
        height: 60px;
        top: -20px;
        left: -15px;
    }
    .ico_category.page_post::before {
        width: 70px;
        height: 70px;
        top: -22px;
        left: -10px;
    }
}

/* 日付 */
.txt_date {
/*    color: #737373;*/
}

/* ハッシュタグ */
.txt_hash-tag .cmn-richtext a {
    color: #007c7a;
    text-decoration: none;
    transition: 0.3s;
}
.txt_hash-tag .cmn-richtext a:hover { opacity: 0.7; }

/* 関連記事一覧 */
.list_related .g-Column__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_related .g-Column__inner::after { display: none; }
.list_related .g-Column__inner .g-Column__cols {
    float: none;
    width: 47.872340%;
    margin-bottom: 30px;
}
/*.list_related .g-Image__img img { border-radius: 14px; }*/
.list_related p.cmn-richtext { font-size: 18px; }
.list_related .g-HeadingTitle { margin-bottom: 10px !important; }
.list_related p.cmn-richtext { font-size: 20px; }
.list_related .l-HeadingTitle__p {
/*    font-size: 20px;*/
    font-size: 22px;
    line-height: 1.4;
    margin-top: 3px;
}
.list_related .txt_date {
    color: #333;
/*    font-size: 16px;*/
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_related .g-Column__inner .g-Column__cols { margin-bottom: 20px; }
    .list_related p.cmn-richtext {
/*        font-size: 16px;*/
        font-size: 14px;
    }
    .list_related .l-HeadingTitle__p {
/*        font-size: 18px;*/
        font-size: 16px;
    }
/*    .list_related .txt_date { font-size: 15px; }*/
}
@media only screen and (max-width: 640px) {
    .list_related .g-Column__inner .g-Column__cols {
        width: 100%;
        margin-bottom: 20px;
    }
    .list_related .g-ImageTextHP__contentsBlock__image.opt-lg-w30p { width: 36%; }
    .list_related .g-ImageTextHP__contentsBlock__text.opt-lg-w70p { width: 64%; }
    .list_related .g-HeadingTitle { margin-bottom: 5px !important; }
    .list_related p.cmn-richtext {
/*        font-size: 15px;*/
        font-size: 13px;
    }
    .list_related .l-HeadingTitle__p {
/*        font-size: 17px;*/
        font-size: 15px;
    }
/*    .list_related .txt_date { font-size: 13px; }*/
}

/* 共通バナー */
.c-banner_s .cmn-richtext {
    font-size: 20px;
    line-height: 1.4;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .c-banner_s .cmn-richtext { font-size: 15px; }
}
@media only screen and (max-width: 640px) {
    .c-banner_s .cmn-richtext { font-size: 14px; }
}

/* 共通ボタン */
.c-btn .l-ButtonUnit__link {
    font-size: 32px;
    border-radius: 50px;
}
.c-btn .g-ButtonUnit__link { padding: 10px 110px; }
.c-btn .is-rightIcon .g-ButtonUnit__link .cmn-richtext { padding-right: 0; }
.c-btn .cmn-icon { font-size: 1em; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .c-btn .l-ButtonUnit__link { font-size: 20px; }
    .c-btn .g-ButtonUnit__link { padding: 10px 80px; }
}    
@media only screen and (max-width: 640px) {
    .c-btn.l-ButtonP.is-gutter--m .l-ButtonP__list__item { width: 100%; }
    .c-btn .l-ButtonUnit__link { font-size: 18px; }
    .c-btn .g-ButtonUnit__link { padding: 10px 90px; }
}

/* カテゴリTOP タイトル */
.ttl_category_top { position: relative; }
.ttl_category_top h1 {
    position: absolute;
    width: 100%;
    line-height: 1.3;
    top: 56%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ttl_category_top.qa h1 { top: 48%; }
.ttl_category_top.qa .title_qa_p {
    position: absolute;
    width: 100%;
    line-height: 1.3;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ttl_category_top.qa .title_qa_p p { font-size: 40px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_category_top.qa .title_qa_p p { font-size: 24px; }
}
@media only screen and (max-width: 640px) {
    .ttl_category_top h1 {
        font-size: 25px;
        top: 59%;
    }
    .ttl_category_top.qa h1 { top: 47%; }
    .ttl_category_top.qa .title_qa_p { top: 47%; }
    .ttl_category_top.qa .title_qa_p p { font-size: 25px; }
}

/* 下層ページタイトル */
.page_title h1 {
    border-top: 1px solid #333;
    padding-top: 8px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page_title { margin-bottom: 0; }
}
@media only screen and (max-width: 640px) {
    .page_title { margin-bottom: 0; }
}

/* 監修 */
.ico_supervision {
    position: relative;
    padding-left: 75px;
}
.ico_supervision::before {
    display: block;
    position: absolute;
    content: "監修";
    color: #fff;
    font-size: 20px;
    background-color: #007c7a;
    border-radius: 5px;
    padding: 12px 6px 12px 8px;
    top: 0;
    left: 0;
}
.ico_supervision.pc-row1::before { top: -13px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ico_supervision { padding-left: 60px; }
    .ico_supervision::before {
        font-size: 16px;
        padding: 10px 4px 10px 7px;
    }
}
@media only screen and (max-width: 640px) {
    .ico_supervision { padding-left: 55px; }
    .ico_supervision::before {
        font-size: 15px;
        padding: 8px 5px 8px 6px;
    }
    .ico_supervision.pc-row1::before { top: 0; }
}

/* INDEX */
.list_index .cmn-icon--bullet:before {
    position: absolute;
    content: "▼";
    color: #007c7a;
    font-size: 0.85em;
    top: 2px;
}
.list_index .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext {
    color: #333;
    font-size: 22px;
    text-decoration: underline;
    transition: 0.3s;
}
.list_index .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext:hover { opacity: 0.7; }
*:focus { outline: none; }
.list_index .is-colorset--1 .l-TextLinkUnit__link {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_index .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext { font-size: 15px; }
}
@media only screen and (max-width: 640px) {
    .list_index .cmn-icon--bullet:before {
        font-size: 0.75em; 
        top: 1px;
    }
    .list_index .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext { font-size: 14px; }
}

/* タイトル */
.ttl_block h2,
.ttl_block h3 {
    font-size: 38px;
    border-left: 10px solid #007c7a;
    padding-left: 20px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_block h2,
    .ttl_block h3 {
        font-size: 22px;
        border-left-width: 8px;
        padding-left: 16px;
    }
}
@media only screen and (max-width: 640px) {
    .ttl_block h2,
    .ttl_block h3 {
        font-size: 20px;
        border-left-width: 6px;
        padding-left: 12px;
    }
}

/* ■サブタイトル */
.st_block { border-radius: 50px; }
.st_block h3,
.st_block h4 {
    font-size: 28px;
    padding: 10px 0;
}
.txt_square h3,
.txt_square h4,
.txt_square .l-HeadingTitle__p {
    line-height: 1.2;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.txt_square h3,
.txt_square h4 { font-size: 24px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .st_block h3,
    .st_block h4 {
        font-size: 20px;
        padding: 8px 0;
    }
    .txt_square h3,
    .txt_square h4 { font-size: 16px; }
}
@media only screen and (max-width: 640px) {
    .st_block h3,
    .st_block h4 {
        font-size: 18px;
        padding: 8px 0;
    }
    .txt_square h3,
    .txt_square h4 { font-size: 16px; }
}

/* COLUMNタイトル */
.ttl_column h3 {
    position: relative;
    font-size: 34px;
    padding-top: 70px;
}
.ttl_column h3::before {
    display: block;
    position: absolute;
    content: "";
    width: 160px;
    height: 55px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/useful-info/common/ico_column.png) center bottom no-repeat;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50% - 200px));
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_column h3 {
        font-size: 22px;
        padding-top: 45px;
    }
    .ttl_column h3::before {
        width: 120px;
        height: 40px;
        transform: translateX(calc(-50% - 140px));
    }
}
@media only screen and (max-width: 640px) {
    .ttl_column h3 {
        font-size: 20px;
        line-height: 1.4;
        padding-top: 35px;
    }
    .ttl_column h3::before {
        width: 92px;
        height: 31px;
        transform: translateX(calc(-50% - 80px));
    }
}

/*  VOICEタイトル */
.box_voice {
    position: relative;
    border: 3px dashed #0b809d;
/*    background-image: linear-gradient(to right, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
        linear-gradient(to right, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
        linear-gradient(to bottom, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
        linear-gradient(to bottom, #0b809d, #0b809d 12px, transparent 12px, transparent 30px);
    background-size: 30px 3px, 30px 3px, 3px 30px, 3px 30px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;*/
}
.ttl_voice h3 {
    position: relative;
    font-size: 32px;
    padding-top: 55px;
}
.ttl_voice h3::before {
    display: block;
    position: absolute;
    content: "";
    width: 150px;
    height: 41px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/enq/common/ico_voice.png) center center no-repeat;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ttl_voice h3::after {
    display: block;
    position: absolute;
    content: "";
    width: 333px;
    height: 15px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/enq/common/bg_ttl_voice.png) center center no-repeat;
    background-size: cover;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
/*    .box_voice {
        position: relative;
        background-image: linear-gradient(to right, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
            linear-gradient(to right, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
            linear-gradient(to bottom, #0b809d, #0b809d 12px, transparent 12px, transparent 30px),
            linear-gradient(to bottom, #0b809d, #0b809d 12px, transparent 12px, transparent 30px);
        background-size: 30px 3px, 30px 3px, 3px 30px, 3px 30px;
    }*/
    .ttl_voice h3 {
        font-size: 20px;
        padding-top: 38px;
    }
    .ttl_voice h3::before {
        width: 110px;
        height: 28px;
    }
    .ttl_voice h3::after {
        width: 220px;
        height: 10px;
        bottom: -15px;
    }
}
@media only screen and (max-width: 640px) {
    .box_voice {
        border-width: 2px;
/*        background-image: linear-gradient(to right, #0b809d, #0b809d 8px, transparent 8px, transparent 20px),
            linear-gradient(to right, #0b809d, #0b809d 8px, transparent 8px, transparent 20px),
            linear-gradient(to bottom, #0b809d, #0b809d 8px, transparent 8px, transparent 20px),
            linear-gradient(to bottom, #0b809d, #0b809d 8px, transparent 8px, transparent 20px);
        background-size: 20px 2px, 20px 2px, 2px 20px, 2px 20px;*/
    }
    .ttl_voice h3 {
        font-size: 18px;
        line-height: 1.4;
        padding-top: 30px;
    }
    .ttl_voice h3::before {
        width: 90px;
        height: 25px;
    }
    .ttl_voice h3::after {
        width: 200px;
        height: 10px;
        bottom: -15px;
    }
}

/* みんなの声：アコーディオン（もっと見る） */
.list_voice_more .l-AccordionUnit__titleBlock .l-HeadingTitle:not(.is-link) .l-HeadingTitle__p {
    color: #001cc0;
    padding-right: 15px;
}
.list_voice_more .l-AccordionUnit__titleBlock__icon { color: #001cc0; }
.list_voice_more .g-AccordionUnit__titleBlock__icon {
    right: calc(50% - 4.5em);
    margin-top: -.6em;
}
.list_voice_more .g-AccordionUnit__contentBlock { padding: 18px 0 10px; }
@media only screen and (max-width: 640px) {
    .list_voice_more .g-AccordionUnit__titleBlock__icon { right: calc(50% - 5em); }
}


/* プロフィールタイトル */
.ttl_profile {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.ttl_profile::after {
    position: absolute;
    content: "";
    border: 14px solid transparent;
    border-top: 16px solid #d12358;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}
.ttl_profile h2,
.ttl_profile h3 {
    display: inline-block;
    font-size: 32px;
    background-color: #d12358;
    border-radius: 50px;
    padding: 8px 40px;
    box-sizing: border-box;
}

.box_profile .l-ImageTextHP__contentsBlock__image .l-Image__img img { border-radius: 10px; }
@media only screen and (min-width: 1025px) {
    .box_qa_profile .opt-md-w20p { width: 18%; }
    .box_qa_profile .opt-md-w80p { width: 82%; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_profile h2,
    .ttl_profile h3 { font-size: 20px; }
    .box_profile .opt-md-w20p { width: 25%; }
    .box_profile .opt-md-w80p { width: 75%; }
}
@media only screen and (max-width: 640px) {
    .ttl_profile {
        margin-bottom: 5px;
        padding-bottom: 10px;
    }
    .ttl_profile::after {
        border-width: 8px;
        border-top-width: 12px;
        bottom: 0;
    }
    .ttl_profile h2,
    .ttl_profile h3 {
        font-size: 18px;
        padding: 6px 25px;
    }
    .ttl_profile.w100 h2,
    .ttl_profile.w100 h3 { width: 100%; }
    
    /* プロフィール */
    .box_profile .l-Text {
        font-size: 15px;
        line-height: 1.5;
    }
}

/* 枠内にあるプロフィール */
.box_profile.frame_in.g-ImageTextHP.is-imageL .opt-lg-imageW20p { grid-template-columns: 23.9% 76.1%; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .box_profile.frame_in.g-ImageTextHP.is-imageL .opt-lg-imageW20p { grid-template-columns: 30.7% 69.3%; }
}
@media only screen and (max-width: 640px) {
    .box_profile.frame_in.g-ImageTextHP.is-imageL .opt-lg-imageW20p { grid-template-columns: 39.6% 60.4% }
}

/* あわせて読みたい */
.link_related .cmn-icon--bullet:before {
    position: absolute;
    content: "";
    color: #d12358;
    width: 0;
    height: 0;
    line-height: 1;
    border-style: solid;
    border-color: transparent;
    border-width: 0.375em 0.64952em;
    border-left-color: currentColor;
    border-right: 0;
    top: 12px;
    left: 0;
}
.link_related .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext {
    color: #333;
    text-decoration: underline;
    transition: 0.3s;
}
.link_related .is-colorset--1 .l-TextLinkUnit__link .cmn-richtext:hover { opacity: 0.7; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .link_related .cmn-icon--bullet:before { top: 9px; }
}
@media only screen and (max-width: 640px) {
    .link_related .cmn-icon--bullet:before { top: 7px; }
}

/* Q&A */
.qa_list .l-AccordionUnit__titleBlock { font-size: 24px; }
.qa_list .g-AccordionUnit--qa__contentBlock__abbr {
    color: #d12358;
    font-size: 26px;
}
.qa_list .is-abbr .g-AccordionUnit--qa__contentBlock__abbr {
    padding-top: 2px;
    left: 3.6%;
}

/*.qa_list .l-GroupBox.is-borderColor--1 { border-color: #ffeded; }*/
.qa_list .l-AccordionUnit__titleBlock {
    border-color: #ffeded;
    background-color:#ffeded;
}
.qa_list .l-AccordionUnit__contentBlock { border-color: #ffeded; }
.qa_list .g-AccordionUnit__titleBlock { padding: 20px 1.875em 5px 3%; }
.qa_list .g-AccordionUnit__titleBlock__icon { margin-top: -.5em; }
.qa_list .g-AccordionUnit__contentBlock { padding: 30px 3% 20px 6.7%; }
.qa_list .l-AccordionUnit__titleBlock .l-HeadingTitle__h3 { font-size: 24px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .qa_list .l-AccordionUnit__titleBlock { font-size: 16px; }
    .qa_list .g-AccordionUnit--qa__contentBlock__abbr { font-size: 18px; }
    .qa_list .is-abbr .g-AccordionUnit--qa__contentBlock__abbr { left: 4%; }

    .qa_list .g-AccordionUnit__titleBlock { padding: 15px 1.875em 2px 3%; }
    .qa_list .g-AccordionUnit__titleBlock__icon { right: 0.5em; }
    .qa_list .g-AccordionUnit__contentBlock { padding: 20px 3% 15px 8%; }
    .qa_list .l-AccordionUnit__titleBlock .l-HeadingTitle__h3 { font-size: 16px; }
}
@media only screen and (max-width: 640px) {
    .qa_list .l-AccordionUnit__titleBlock { font-size: 16px; }
    .qa_list .g-AccordionUnit--qa__contentBlock__abbr { font-size: 18px; }

    .qa_list .g-AccordionUnit__titleBlock { padding: 15px 1.875em 2px 3%; }
    .qa_list .g-AccordionUnit__titleBlock__icon { right: 0.5em; }
    .qa_list .g-AccordionUnit__contentBlock { padding: 20px 3% 15px 11%; }
    .qa_list .l-AccordionUnit__titleBlock .l-HeadingTitle__h3 { font-size: 16px; }
}

/* もっと見るボタン */
.btn_more.is-colorset--1 .l-ButtonUnit__link {
    position: relative;
    color: #333;
    background: none;
    border-color: #333;
    border-radius: 50px;
    box-shadow: none;
    padding: 10px 60px;
}
.btn_more.is-rightIcon .g-ButtonUnit__link .cmn-richtext { padding-right: 0; }
.btn_more.is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
    position: absolute;
    color: #333;
    top: 62%;
    right: 1.0375em;
}
.btn_more .cmn-icon--bullet:before {
    display: block;
    content: "";
    width: 12px;
    height: calc(tan(60deg) * 18px / 2);
    background: #333;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .btn_more.is-colorset--1 .l-ButtonUnit__link { padding: 8px 50px; }
    .btn_more.is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
        top: 58%;
        right: 1.0375em;
    }
    .btn_more .cmn-icon--bullet:before {
        width: 10px;
        height: calc(tan(60deg) * 14px / 2);
    }
}
@media only screen and (max-width: 640px) {
    .btn_more.is-colorset--1 .l-ButtonUnit__link { padding: 8px 40px; }
    .btn_more.is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
        top: 59%;
        right: 0.73375em;
    }
    .btn_more .cmn-icon--bullet:before {
        width: 10px;
        height: calc(tan(60deg) * 14px / 2);
    }
}

/* 強制改行 */
.txt_br { word-break: break-all; }

/* マーカー */
.txt_marker { border-bottom: 3px solid #fff003; }

/* テキスト行間 */
.txt_height1-1 p { line-height: 1.1; }
.txt_height1-2 p { line-height: 1.2; }
.txt_height1-4 p { line-height: 1.4; }
.txt_height1-5 h4 { line-height: 1.5; }

/* その他 */
.txt_scroll {
    height: 200px;
    overflow-y: scroll;
}


/*--------------------------------------------------------------
  TOP
 --------------------------------------------------------------*/
/* 記事一覧 */
.list_post .g-TileLinkVUnit__leadBlock { padding-right: 0; }
.list_post .g-HeadingTitle { margin-bottom: 10px !important; }
.list_post p.cmn-richtext { font-size: 20px; }
.list_post .l-HeadingTitle__p {
    font-size: 22px;
    line-height: 1.4;
    border-top: 1px solid #333;
    margin-top: 3px;
    padding-top: 8px;
}
.top.txt_hash-tag p.cmn-richtext { font-size: 20px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_post p.cmn-richtext { font-size: 14px; }
    .list_post .l-HeadingTitle__p { font-size: 16px; }
    .top.txt_hash-tag p.cmn-richtext { font-size: 14px; }
}
@media only screen and (max-width: 640px) {
    .list_post .g-HeadingTitle { margin-bottom: 5px !important; }
    .list_post p.cmn-richtext { font-size: 13px; }
    .list_post .l-HeadingTitle__p { font-size: 15px; }
    .top.txt_hash-tag p.cmn-richtext { font-size: 13px; }
}


/* お悩み相談室タイトル */
.bg_title {
    display: block;
    position: relative;
/*    padding-bottom: 30px;*/
    padding-bottom: 35px;
}
.bg_title::before {
    display: block;
    position: absolute;
    content: "";
/*    width: 411px;
    height: 23px;*/
    width: 480px;
    height: 26px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/top/bg_title.png) left top no-repeat;
    background-size: cover;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 2;    
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .bg_title { padding-bottom: 30px; }
    .bg_title::before {
        width: 360px;
        height: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .bg_title { padding-bottom: 28px; }
    .bg_title::before {
        width: 330px;
        height: 18px;
        bottom: 8px;
    }
}

@media only screen and (min-width: 1025px) {
/*    .ttl_qa h2 { font-size: 26px; }*/
    .ttl_qa h2 { font-size: 32px; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_qa h2 { font-size: 24px; }
}
@media only screen and (max-width: 640px) {
    .ttl_qa h2 { font-size: 22px; }
}

/* お悩み相談室一覧 */
.list_qa .g-TileLinkHUnit__leadBlock { vertical-align: top; }
.list_qa .g-TileLinkHUnit { padding-bottom: 10px; }
.list_qa .l-TileLinkHUnit.is-colorset--1 { border-radius: 20px; }
.list_qa .g-TileLinkHUnit__imageBlock.opt-lg-w30p { width: 23%; }
.list_qa p.cmn-richtext {
    font-size: 17px;
    line-height: 1.4;
}
.list_qa .l-HeadingTitle__p {
    font-size: 20px;
    line-height: 1.4;
    border-top: 1px solid #333;
    margin-top: 5px;
    padding-top: 8px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_qa .g-TileLinkHUnit { padding: 10px 10px 5px; }
    .list_qa .l-TileLinkHUnit.is-colorset--1 { border-radius: 10px; }
/*    .list_qa p.cmn-richtext { font-size: 12px; }
    .list_qa .l-HeadingTitle__p { font-size: 14px; }*/
    .list_qa p.cmn-richtext { font-size: 11px; }
    .list_qa .l-HeadingTitle__p { font-size: 13px; }
}
@media only screen and (max-width: 640px) {
    .list_qa .g-TileLinkHUnit__leadBlock { vertical-align: middle; }
    .list_qa .l-TileLinkHP.is-gutter--l .l-TileLinkHP__list__tile { padding: 10px; }
    .list_qa .g-TileLinkHUnit { padding: 10px; }
    .list_qa .l-TileLinkHUnit.is-colorset--1 { border-radius: 10px; }
/*    .list_qa .g-TileLinkHUnit__imageBlock.opt-lg-w30p { width: 23%; }*/
    .list_qa .g-TileLinkHUnit__imageBlock.opt-lg-w30p { width: 30%; }
    .list_qa p.cmn-richtext { font-size: 12px; }
    .list_qa .l-HeadingTitle__p { font-size: 14px; }
}

/* ランキング */
.ttl_ranking .l-HeadingTitle__h3 {
    position: relative;
    font-size: 40px;
    padding-top: 60px;
}
.ttl_ranking .l-HeadingTitle__h3::after {
    position: absolute;
    content: "";
    width: 55px;
    height: 42px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking.png) left top no-repeat;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ico_ranking_1st ul li .g-TileLinkVUnit {
    position: relative;
    padding: 0;
}
.ico_ranking_1st ul li .g-TileLinkVUnit::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_1st.png) left top no-repeat;
    background-size: cover;
    top: 0;
    left: 20px;
}
.list_top_ranking ul li .g-TileLinkVUnit {
    position: relative;
    padding: 0;
}
.list_top_ranking ul li .g-TileLinkVUnit::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_2nd.png) left top no-repeat;
    background-size: cover;
    top: 0;
    left: 20px;
}
.list_top_ranking .g-Column__cols:nth-child(2) .g-TileLinkVUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_3rd.png); }
.list_top_ranking .g-Column__cols:nth-child(3) .g-TileLinkVUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_4th.png); }
.list_top_ranking .g-Column__cols:nth-child(4) .g-TileLinkVUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_5th.png); }
.list_top_ranking .g-TileLinkVUnit__leadBlock .l-Text .l-Text { margin-top: 8px; }

.list_ranking .g-Column__cols .g-TileLinkHUnit {
    position: relative;
    padding: 0;
}
.list_ranking .g-Column__cols .g-TileLinkHUnit::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 35px;
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_1st.png) left top no-repeat;
    background-size: cover;
    top: 0;
    left: 20px;
}
.list_ranking .g-Column__cols:nth-child(2) .g-TileLinkHUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_2nd.png); }
.list_ranking .g-Column__cols:nth-child(3) .g-TileLinkHUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_3rd.png); }
.list_ranking .g-Column__cols:nth-child(4) .g-TileLinkHUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_4th.png); }
.list_ranking .g-Column__cols:nth-child(5) .g-TileLinkHUnit::after { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/common/ico_ranking_5th.png); }
.list_ranking .g-TileLinkHUnit__imageBlock.opt-lg-w40p { width: 38%; }
.list_ranking .g-TileLinkHUnit__leadBlock .l-Text .l-Text { margin-top: 8px; }
.list_ranking .g-Column__cols .txt_hash-tag { margin-left: 40%; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_ranking .l-HeadingTitle__h3 {
        font-size: 20px;
        padding-top: 40px;
    }
    .ttl_ranking .l-HeadingTitle__h3::after {
        width: 35px;
        height: 27px;
    }
    .list_ranking .g-Column__cols .g-TileLinkHUnit::after {
        width: 20px;
        height: 23px;
        left: 10px;
    }
    .list_ranking .g-TileLinkHUnit__imageBlock.opt-lg-w40p { width: 38%; }
}
@media only screen and (max-width: 640px) {
    .ttl_ranking .l-HeadingTitle__h3 {
        font-size: 25px;
        padding-top: 40px;
    }
    .ttl_ranking .l-HeadingTitle__h3::after {
        width: 35px;
        height: 27px;
    }
    .list_ranking .g-Column__cols.g-Column__cols--sm-w50p {
        width: 100%;
        padding-bottom: 0;
    }
    .list_ranking .g-Column__cols .txt_hash-tag { margin: 0 0 0 37%; }
    .list_ranking .g-Column__cols .g-TileLinkHUnit::after {
        width: 20px;
        height: 23px;
        left: 10px;
    }
    .list_ranking .g-TileLinkHUnit__imageBlock.opt-lg-w40p { width: 35%; }
    .list_ranking .g-TileLinkHUnit__leadBlock .l-Text .l-Text { margin-top: 5px; }
}
/*--------------------------------------------------------------
  特集
 --------------------------------------------------------------*/
.txt_interview p::before {
    display: inline-block;
    position: relative;
    content: "";
    width: 2em;
    height: 1px;
    background-color: #007c7a;
    top: -9px;
}
.box_graph { padding: 15px 5% !important; }
.list_middle-dot.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
.list_middle-dot.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 0.8em;
}
.list_middle-dot.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    content: "?";
    top: 0;
    left: 0;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .txt_interview p::before { top: -6px; }
    .box_graph { padding: 10px 5% !important; }
    .list_middle-dot.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
}
@media only screen and (max-width: 640px) {
    .txt_interview p::before { top: -5px; }
    .box_graph { padding: 10px 5% !important; }
    .box_graph .l-Text { font-size: 18px; }
    .list_middle-dot.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
}


/*--------------------------------------------------------------
  お悩み相談室
 --------------------------------------------------------------*/
.ttl_introduction h2 {
    font-size: 40px;
    line-height: 1.5;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_introduction h2 { font-size: 24px; }
}
@media only screen and (max-width: 640px) {
    .ttl_introduction h2 { font-size: 22px; }
}

.list_square.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
.list_square.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 1.2em;
}
.list_square.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    content: "■";
    top: 0;
    left: 0;
}
.list_square.g-List--ver2.is-none .g-List--ver2__ul li.pink::before { color: #dc2e62; }

@media only screen and (min-width: 1025px) {
    .list_specialist .g-ImageTextHP__contentsBlock__image.opt-lg-w30p { width: 34%; }
    .list_specialist .g-ImageTextHP__contentsBlock__text.opt-lg-w70p { width: 66%; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_specialist .g-ImageTextHP__contentsBlock__image.opt-md-w30p { width: 34%; }
    .list_specialist .g-ImageTextHP__contentsBlock__text.opt-md-w70p { width: 66%; }
}
@media only screen and (max-width: 640px) {
/*    .list_specialist .g-ImageTextHP__contentsBlock__image.opt-lg-w10p { width: 20%; }
    .list_specialist .g-ImageTextHP__contentsBlock__text.opt-lg-w90p { width: 80%; }*/
}

/* 下層ページ */
@media only screen and (min-width: 1025px) {
    .title_qa_h1 h1 { font-size: 38px; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .title_qa_h1 h1 { font-size: 22px; }
}
@media only screen and (max-width: 640px) {
    .title_qa_h1 h1 { font-size: 20px; }
}


/*--------------------------------------------------------------
  みんなのFemアンケート
 --------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
    .list_voice .g-ImageTextHP__contentsBlock__image.opt-lg-w10p { width: 12%; }
    .list_voice .g-ImageTextHP__contentsBlock__text.opt-lg-w90p { width: 88%; }
    .list_voice.g-ImageTextHP.is-imageL .opt-lg-imageW10p { grid-template-columns: 12% 88%; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_voice .g-ImageTextHP__contentsBlock__image.opt-md-w10p { width: 12%; }
    .list_voice .g-ImageTextHP__contentsBlock__text.opt-md-w90p { width: 88%; }
    .list_voice.g-ImageTextHP.is-imageL .opt-lg-imageW10p { grid-template-columns: 12% 88%; }
}
@media only screen and (max-width: 640px) {
/*    .list_voice .g-ImageTextHP__contentsBlock__image.opt-lg-w10p { width: 20%; }
    .list_voice .g-ImageTextHP__contentsBlock__text.opt-lg-w90p { width: 80%; }*/
}


/*--------------------------------------------------------------
  お役立ち情報
 --------------------------------------------------------------*/
/* こんなとき… */
.list_type.g-List--ver2.is-none .g-List--ver2__ul,
.list_type_none.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
/*.list_type.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.4; }*/
.list_type.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 0.8em;
}
.list_type.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    content: "?";
    top: 0;
    left: 0;
}
.list_type.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext,
.list_type_none.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 22px; }

.list_type.row2.g-List--ver2.is-none .g-List--ver2__ul {
    display: flex;
    flex-wrap: wrap;
}
.list_type.row2.g-List--ver2.is-none .g-List--ver2__ul li {
    width: 50%;
    box-sizing: border-box;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_type.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
    .list_type.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext,
    .list_type_none.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 15px; }
}
@media only screen and (max-width: 640px) {
    .list_type.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
    .list_type.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext,
    .list_type_none.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 15px; }

    .list_type.row2.g-List--ver2.is-none .g-List--ver2__ul li { width: 100%; }
}

/* COLUMN */
.list_column.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
.list_column.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 1em;
}
.list_column.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    content: "□";
    top: 0;
    left: 0;
}

.list_column.row2.g-List--ver2.is-none .g-List--ver2__ul {
    display: flex;
    flex-wrap: wrap;
}
.list_column.row2.g-List--ver2.is-none .g-List--ver2__ul::after { display: none; }
.list_column.row2.g-List--ver2.is-none .g-List--ver2__ul li {
    width: 58%;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.list_column.row2.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(2n) { width: 42%; }
@media only screen and (max-width: 640px) {
    .list_column.row2.g-List--ver2.is-none .g-List--ver2__ul li {
        width: 100%;
        margin-bottom: 0;
    }
    .list_column.row2.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(2n) { width: 100%; }
}


/*--------------------------------------------------------------
  Q&A
 --------------------------------------------------------------*/
.link_qa .l-TileLinkTextUnit { padding: 20px 30px; }
.link_qa .l-TileLinkTextUnit.is-colorset--1 { border-radius: 20px; }
.link_qa .g-TileLinkTextUnit__icon { right: 10px; }
.link_qa .l-TileLinkTextUnit.new {
    position: relative;
    padding-top: 50px;
}
.link_qa .l-TileLinkTextUnit.new::before {
    position: absolute;
    content: "NEW";
    color: #d12358;
    font-family: 'YuGoPr6N-Bold', sans-serif;
    font-size: 18px;
    font-weight: 700;
    top: 20px;
    left: 30px;
}
.link_qa .txt_question {
    position: relative;
    font-size: 22px;
    line-height: 1.4;
    padding-left: 1.5em;
}
.link_qa .txt_question::before {
    position: absolute;
    content: "Q.";
    font-family: 'YuGoPr6N-Bold', sans-serif;
    font-size: 22px;
    left: 0;
}
.link_qa .txt_answer {
    font-size: 20px;
    line-height: 1.3;
    padding-left: 1.7em;
}
/* 枠：点線ピンク */
.box_border-pink {
    position: relative;
    border: 3px dashed #d12358;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .link_qa .l-TileLinkTextUnit { padding: 20px 15px 10px; }
    .link_qa .l-TileLinkTextUnit.is-colorset--1 { border-radius: 10px; }
    .link_qa .l-TileLinkTextUnit.new { padding-top: 35px; }
    .link_qa .l-TileLinkTextUnit.new::before {
        font-size: 14px;
        top: 10px;
        left: 15px;
    }
    .link_qa .txt_question { font-size: 17px; }
    .link_qa .txt_question::before { font-size: 17px; }
    .link_qa .txt_answer { font-size: 15px; }
/*    .link_qa .l-TileLinkTextUnit { padding: 10px 10px 5px; }
    .link_qa .l-TileLinkTextUnit.is-colorset--1 { border-radius: 10px; }
    .link_qa .l-Text { font-size: 12px; }
    .link_qa .l-HeadingTitle__p { font-size: 14px; }*/
}
@media only screen and (max-width: 640px) {
    .link_qa .l-TileLinkTextUnit {
/*        padding: 20px 15px 10px;*/
        padding: 15px 10px 5px 12px;
    }
    .link_qa .l-TileLinkTextUnit.is-colorset--1 { border-radius: 10px; }
    .link_qa .g-TileLinkTextUnit__icon { right: 5px; }
    .link_qa .l-TileLinkTextUnit.new { padding-top: 30px; }
    .link_qa .l-TileLinkTextUnit.new::before {
        font-size: 14px;
        top: 8px;
        left: 12px;
    }
    .link_qa .txt_question { font-size: 17px; }
    .link_qa .txt_question::before { font-size: 17px; }
    .link_qa .txt_answer { font-size: 15px; }

    /* 枠：点線ピンク */
    .box_border-pink { border-width: 2px; }
}


/*--------------------------------------------------------------
  セルフチェック
 --------------------------------------------------------------*/
.list_dot.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
.list_dot.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 1.2em;
}
.list_dot.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    content: "●";
    top: 0;
    left: 0;
}
.list_dot.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 22px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .list_dot.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
    .list_dot.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 15px; }
}
@media only screen and (max-width: 640px) {
    .list_dot.g-List--ver2.is-none .g-List--ver2__ul li { line-height: 1.5; }
    .list_dot.g-List--ver2.is-none .g-List--ver2__ul li .cmn-richtext { font-size: 15px; }
}

/* アコーディオン */
.check_accordion .g-AccordionUnit__titleBlock { padding: 20px 1.875em 20px 3%; }
.check_accordion .g-AccordionUnit__titleBlock__icon { margin-top: -.5em; }
.check_accordion .g-AccordionUnit__contentBlock { padding: 30px 3% 20px; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .check_accordion .g-AccordionUnit__titleBlock { padding: 15px 1.875em 15px 3%; }
    .check_accordion .g-AccordionUnit__contentBlock { padding: 20px 3% 15px; }
}
@media only screen and (max-width: 640px) {
    .check_accordion .g-AccordionUnit__titleBlock { padding: 15px 1.875em 15px 3%; }
    .check_accordion .g-AccordionUnit__contentBlock { padding: 20px 3% 15px; }
}

/* チェック表 */
.table_check { border: 1px dashed #9b9b9b; }
.table_check div { border-bottom: 1px dashed #9b9b9b; }
.table_check div:last-child { border-bottom: none; }

.table_check dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.table_check .check01 div:nth-of-type(-n+4) dl { background-color: #ffb8ca; }
.table_check .check02 div:nth-of-type(-n+5) dl { background-color: #bee8cc; }
.table_check .check03 div:nth-of-type(-n+3) dl { background-color: #ffd051; }
.table_check .check04 div:nth-of-type(-n+2) dl { background-color: #dbc6f6; }

/*.table_check div:nth-of-type(-n+4) dl { background-color: #82d4ff; }
.table_check div:nth-of-type(n+5):nth-of-type(-n+7) dl { background-color: #ffd051; }
.table_check div:nth-of-type(n+8):nth-of-type(-n+9) dl { background-color: #ffb8ca; }
.table_check div:nth-of-type(n+10):nth-of-type(-n+11) dl { background-color: #bee8cc; }
.table_check div:nth-of-type(n+12):nth-of-type(-n+13) dl { background-color: #dbc6f6; }*/

.table_check dl dd {
    width: 90%;
    background-color: #fff;
    margin: 0;
    padding: 15px 3%;
}
.table_check dl dd p {
    margin: 0;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.table_check dl dt { padding: 0px 15px; }

/* カスタムチェックボックス */
.table_check .checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.table_check .checkbox-input {
    width: 0;
    margin: 0;
    opacity: 0;
}
.table_check .checkbox-input:checked + .checkbox-dummy {
    background: #fff;
    border: solid 2px #333;
}
.table_check .checkbox-input:checked + .checkbox-dummy::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
    background-size: contain;
    top: 0;
    left: 0;
}
.table_check .checkbox-dummy {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 2px #888;
    border-radius: 4px;
    top: 0;
    left: 0;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .table_check .checkbox-dummy {
        width: 20px;
        height: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .table_check dl dd { padding: 10px 3%; }
    .table_check dl dt { padding: 0px 10px; }

    .table_check .checkbox-dummy {
        width: 15px;
        height: 15px;
    }
}


/*--------------------------------------------------------------
  FemCare LABとは
 --------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
    .is-row1 .g-Column__inner div.l-Column__cols:last-child { display: none; }
    .bg_about_read {
        background-image: url("/is/image/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/about/sp_bg_read_top.png"), url("/is/image/content/dam/sites/kao/www-kao-com/jp/ja/femcarelab/about/sp_bg_read_btm.png") !important;
    }
}


/*--------------------------------------------------------------
  プレゼント
 --------------------------------------------------------------*/
/* 角丸タイトル */
.ttl_radius { margin-bottom: 20px; }
.ttl_radius h2 {
    display: inline-block;
    font-size: 32px;
    background-color: #d12358;
    border-radius: 50px;
    padding: 8px 40px;
    box-sizing: border-box;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_radius h2 { font-size: 20px; }
}    
@media only screen and (max-width: 640px) {
    .ttl_radius { margin-bottom: 5px; }
    .ttl_radius h2 {
        font-size: 18px;
        padding: 6px 25px;
    }
}

/* リスト表記 */
.list_num.g-List--ver2.is-none .g-List--ver2__ul { padding: 0; }
.list_num.g-List--ver2.is-none .g-List--ver2__ul li {
    position: relative;
    padding-left: 1.3em;
}
.list_num.g-List--ver2.is-none .g-List--ver2__ul li::before {
    position: absolute;
    top: 0;
    left: 0;
}
.list_num.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(1)::before { content: "\02460"; }
.list_num.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(2)::before { content: "\02461"; }
.list_num.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(3)::before { content: "\02462"; }
.list_num.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(4)::before { content: "\02463"; }
.list_num.g-List--ver2.is-none .g-List--ver2__ul li:nth-child(5)::before { content: "\02464"; }


/* 動画のテキスト版 */
.accordion_movie .l-AccordionUnit__titleBlock { font-size: 20px; }
.accordion_movie .l-AccordionUnit__titleBlock__icon { font-size: 20px; }
.accordion_movie .l-HeadingTitle__p { font-size: 18px; }
.accordion_movie .g-AccordionUnit__contentBlock { padding: 0; }
.accordion_movie .g-List--ver2__ul__item { line-height: 1.2; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .accordion_movie .l-AccordionUnit__titleBlock { font-size: 15px; }
    .accordion_movie .l-AccordionUnit__titleBlock__icon { font-size: 15px; }
    .accordion_movie .l-HeadingTitle__p { font-size: 13px; }
}
@media only screen and (max-width: 640px) {
    .accordion_movie .l-AccordionUnit__titleBlock { font-size: 14px; }
    .accordion_movie .l-AccordionUnit__titleBlock__icon { font-size: 14px; }
    .accordion_movie .l-HeadingTitle__p { font-size: 12px; }
    .accordion_movie .g-List--ver2__ul { padding-left: 1em; }
}

/* プレゼントタイトル */
.ttl_present {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.ttl_present::after {
    position: absolute;
    content: "";
    border: 14px solid transparent;
    border-top: 16px solid #c62478;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}
.ttl_present h2,
.ttl_present h3 {
    font-size: 32px;
    background-color: #c62478;
    border-radius: 10px;
    padding: 20px 40px;
    box-sizing: border-box;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .ttl_present h2,
    .ttl_present h3 { font-size: 20px; }
}
@media only screen and (max-width: 640px) {
    .ttl_present {
        margin-bottom: 5px;
        padding-bottom: 10px;
    }
    .ttl_present::after {
        border-width: 8px;
        border-top-width: 12px;
        bottom: 0;
    }
    .ttl_present h2,
    .ttl_present h3 {
        font-size: 18px;
        padding: 10px 25px;
    }
    .ttl_present.w100 h2,
    .ttl_present.w100 h3 { width: 100%; }
}

/* プレゼント詳細アコーディオン */
.accordion_details .g-AccordionUnit__titleBlock { padding: 15px 1.875em 15px 10px; }
.accordion_details .g-AccordionUnit__contentBlock { padding: 50px 5% 40px; }
.accordion_details .g-AccordionUnit__titleBlock__icon { margin-top: -.6em; }
.accordion_details .l-AccordionUnit__titleBlock__icon { color: #fff; }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .accordion_details .g-AccordionUnit__contentBlock { padding: 40px 5% 30px; }
}
@media only screen and (max-width: 640px) {
    .accordion_details .g-AccordionUnit__contentBlock { padding: 20px 5% 10px; }
}

/* 応募方法 */
.howto_present .g-HeadingTitle__titleBlock__imageBox { vertical-align: top; }
.howto_present .l-HeadingTitle__p { line-height: 1.5; }

.box_p {
    display: block;
/*    width: 16.39824304538799vw;*/
    width: 8em;
    background-color: #c62478;
    border-radius: 25px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 6px;
}
@media only screen and (max-width: 640px) {
    .box_p {
        width: 28.66666666666667vw;
        border-radius: 27.5px;
    }
    .box_p_sm {
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media only screen and (min-width: 1025px) {
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}
<!--0.00014901161193848-->