/* =======================================
   privacy.css
   個人情報保護方針ページ専用スタイル
======================================== */

/* Outer card border (the red-outlined area in design) */
#side{
    display: none;
}
#privacy.main-container ,
#rule.main-container {
    padding: 0 0 30px;
}

/* Intro paragraph */
#privacy .intro-text,
#rule  .intro-tex{
    padding: 0 0 15px;
    line-height: 1.9em;
}

/* Right-aligned signature block */
#privacy .intro-sign,
#rule .intro-sign {
    text-align: right;
    line-height: 2em;
    padding: 0 0 0;
    font-size: 1.4rem;
}

/* Section headings — blue left border accent matching ic_bs style */
#privacy .main-container h1,
#privacy h1 {
    border-left: 4px solid #2b5fad;
    background: none;
    padding: 0 0 8px 12px;
    font-size: 1.6rem;
    line-height: 1.4em;
    font-weight: bold;
    margin: 0 0 12px;
    letter-spacing: 0.05em;
}

/* Section bottom border */
#privacy section, 
#rule section {
    padding: 20px 0 20px;
    border-bottom: solid 1px #c8d1db;
}

#privacy section.no-border,
#rule section.no-border{
    border-bottom: none;
    padding-bottom: 0;
}

#privacy section:last-child ,
#rule section:last-child{
    border-bottom: none;
    padding-bottom: 10px;
}

/* Body text inside sections */
#privacy section p, 
#rule section p{
    line-height: 1.9em;
    margin: 0 0 10px;
}

/* List items in bordered box */
#privacy section ul ,
#rule section ul {
    padding: 0 20px 12px 36px;
    margin: 10px 0 0;
    list-style: disc;
}

#privacy section ul li,
#rule section ul li {
    list-style: disc;
    line-height: 1.9em;
    font-size: 1.5rem;
}

/* Contact section — no list box needed */
#privacy .contact-section p,
#rule .contact-section p{
    line-height: 2em;
}

#privacy a,
#rule a{
    color: #2e71f2;
    text-decoration: underline;
}

#privacy a:hover,
#rule a:hover{
    opacity: .8;
    text-decoration: none;
}

/* ---- SP (smartphone) ---- */
@media all and (max-width: 767px) {

    #privacy.main-container,
    #rule.main-container {
        padding: 0 15px 20px;
    }

    #privacy h1,
    #rule h1{
        font-size: 1.5rem;
    }

    #privacy section ul,
    #rule section ul{
        padding: 10px 15px 10px 30px;
    }

    #privacy section ul li,
    #rule section ul li {
        font-size: 1.4rem;
    }

    #privacy .intro-sign,
    #rule .intro-sign {
        font-size: 1.3rem;
    }
}