/* --------------------------------------------------------
-----------------------------------------------------------
 プラポリ
-----------------------------------------------------------
----------------------------------------------------------- */
.change-style .privacy-check-wrap {
    display: none !important;
}
.change-style #confirm-privacy {
    display: block !important;
}
.scroll-box::-webkit-scrollbar {
    width: 6px; /* 横幅 */
}
.scroll-box::-webkit-scrollbar-thumb {
    background: #004275; /* ハンドルの色 */
}
.scroll-box::-webkit-scrollbar-track {
    background: #ccc; /* 背景色 */
}


#confirm-privacy * {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#confirm-privacy .scroll-box {
    max-height: 300px;
    background: #f3f3f3;
    border: #ddd solid 1px;
    margin: 30px 0 20px;
    padding: 30px;
    overflow: auto;
}
#confirm-privacy .scroll-box h2 {
    color: #505050;
    background: none;
    padding: 0;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 1em;
}
#confirm-privacy h3 {
    color: #505050;
    border: none;
    padding: 0;
    font-size: 14px;
    margin: 1.4em 0 0.75em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #ccc;
}
#confirm-privacy p,
#confirm-privacy li,
#confirm-privacy .in-box * {
    font-size: 13px;
}
#confirm-privacy p {
    margin: 1em 0;
}
#confirm-privacy ul {
    margin: 1em 0;
    padding: 0 0 0 1em;
    list-style-type: disc;
}
#confirm-privacy ul li {
    margin: 0.5em 0;
}
#confirm-privacy dl {
    margin: 1em 0;
    padding: 0;
}
#confirm-privacy dl dt {
    font-weight: bold;
}
#confirm-privacy .in-box {
    background: #fff;
    padding: 15px 30px;
    margin-top: 30px;
}
#confirm-privacy .bottom-txt {
    text-align: center;
    margin: 30px 0 0;
}
.page-template-page-contact #confirm-privacy .scroll-box {
    background: #fff;
}
.page-template-page-contact #confirm-privacy .in-box {
    background: #f3f3f3;
}
@media only screen and (max-width: 736px) {
    #confirm-privacy .scroll-box {
        max-height: 240px;
        padding: 20px;
    }
    #confirm-privacy h2 {
        font-size: 14px;
        text-align: left;
        margin-bottom: -0.5em;
    }
    #confirm-privacy h3 {
        font-size: 13px;
    }
    #confirm-privacy p,
    #confirm-privacy li,
    #confirm-privacy .in-box * {
        font-size: 12px;
    }
    #confirm-privacy .in-box {
        padding: 10px 20px;
    }
}