@charset "UTF-8";
/* ============================================================
   2026-07-22 gift_2026event_february_test 追加分（変更1/6/7）
   セマンティックHTML5化に伴う h2/h3 セレクタ追補 + 新設章スタイル。
   .wrapper_* スコープに限定（グローバルタグセレクタ禁止・LP scoped）。
   ============================================================ */

/* 変更1: 見出しを h4→h2 / h3 に変更したための同スタイル継承 */
h2.headline,
h3.headline{
    font-family: 'ShipporiMincho';
    color: #111;
    margin: 0;
    font-size: 2.8rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
h2.headline::after,
h2.headline::before,
h3.headline::after,
h3.headline::before{
    align-content: center;
    content: "";
    flex-grow: 1;
    margin: 0 3rem;
    height: 1px;
    background: #111;
    display: block;
}
h3.topics{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: 2rem;
    text-align: center;
    line-height: 2.8rem;
    margin: 0;
    font-weight: normal;
}
.wrapper_top h2.lead_ttl{
    font-family: 'ShipporiMincho';
    color: #111;
    font-size: 2.6rem;
    text-align: center;
    line-height: 3.8rem;
    margin: 0 0 1.5rem;
    font-weight: normal;
}
.wrapper_top p.lead_sub{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3rem;
    margin: 1.5rem 0 0;
    letter-spacing: .1rem;
}

/* 変更6: 新設章 wrapper_hybrid（親族・目上ハイブランド） */
.wrapper_hybrid{
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
    margin: 0 auto;
    padding: 6% 15%;
    box-sizing: border-box;
}
.wrapper_hybrid .contents_headline{
    margin-bottom: 4rem;
}
.wrapper_hybrid .text_hybrid{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #111;
    font-size: 1.7rem;
    text-align: left;
    line-height: 3.2rem;
    letter-spacing: .1rem;
    margin: 0 0 2.4rem;
}
.wrapper_hybrid .hybridLinkFlex{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: center;
    margin: 2rem 0 0;
    padding: 0;
}
.wrapper_hybrid .hybridLinkBox{
    flex: 0 1 auto;
}
.wrapper_hybrid .hybridBtn{
    display: block;
    text-decoration: none;
    background: #fff;
    border: 1px solid #b39a5b;
    border-radius: 6px;
    padding: 1.4rem 2.2rem;
    transition: opacity .2s;
}
.wrapper_hybrid .hybridBtn:hover{
    opacity: .8;
}
.wrapper_hybrid .hybridBtnTxt,
.wrapper_hybrid .hybridBtnTxt:visited{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #b39a5b;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    margin: 0;
}

/* 変更7: FAQ 章 wrapper_faq */
.wrapper_faq{
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
    margin: 0 auto;
    padding: 6% 15%;
    box-sizing: border-box;
}
.wrapper_faq .contents_headline{
    margin-bottom: 4rem;
}
.wrapper_faq .faqList{
    margin: 0;
    padding: 0;
}
.wrapper_faq .faqQ{
    font-family: 'ShipporiMincho';
    color: #111;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin: 0 0 1rem;
    padding: 1.6rem 0 1rem;
    border-top: 1px solid #cbb98a;
}
.wrapper_faq .faqA{
    font-family: Lato,Noto Sans JP,sans-serif;
    color: #333;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: left;
    margin: 0 0 2rem;
    padding: 0;
}
.wrapper_faq .faqFigure{
    margin: 1.6rem 0 0;
    max-width: 480px;
}
.wrapper_faq .faqFigure img{
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width:639px) {
    h2.headline,
    h3.headline{
        font-size: 2.2rem;
    }
    h2.headline::after,
    h2.headline::before,
    h3.headline::after,
    h3.headline::before{
        margin: 0 1.2rem;
    }
    .wrapper_top h2.lead_ttl{
        font-size: 2.1rem;
        line-height: 3rem;
    }
    .wrapper_hybrid{
        padding: 8% 5%;
    }
    .wrapper_hybrid .text_hybrid{
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
    .wrapper_hybrid .hybridLinkFlex{
        flex-direction: column;
    }
    .wrapper_faq{
        padding: 8% 5%;
    }
    .wrapper_faq .faqQ{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .wrapper_faq .faqA{
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
}