/* scaffold */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

p {
    word-wrap: break-word;
}

body {
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    width: 100%;
    background-color: #fff;
}

/* layout */
.l-contents--full {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

/* component */
.c-box--terms {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    background-image: url(../images/img--bg.jpg);
    background-size: contain;
    padding: 3.2% 3.2% 9%;
}

.c-box--terms__texts {
    background-color: #fff;
    padding: 3.3%;
    max-height: 300px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
    border-radius: 10px;
}

.c-box--terms__texts::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
}

.c-box--terms__txt h5,
.c-box--terms__txt2 h5,
.c-box--terms__txt3 h5,
.c-box--terms__txt4 h5 {
    padding-top: 1%;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    color: #56af9f;
}

.c-box--terms__txt p,
.c-box--terms__txt ul,
.c-box--terms__txt2 p,
.c-box--terms__txt2 ul,
.c-box--terms__txt2 ol,
.c-box--terms__txt2 ol li,
.c-box--terms__txt3 p,
.c-box--terms__txt3 ul li {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.7;
    color: #221714;
}

.c-box--terms__txt ul li:before {
    content: "・";
}

.c-box--terms__txt2 ul li:before {
    content: "●";
}

.c-box--terms__txt2 ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
}

.c-box--terms__txt2 ol li:before {
    counter-increment: item;
    content: counter(item)'.';
}

.c-box--terms__txt3 ul li:before {
    content: "※";
}

.c-box--terms__txt a {
    color: #56af9f;
}

.c-box--terms__txt ul li,
.c-box--terms__txt2 ol li,
.c-box--terms__txt2 ul li,
.c-box--terms__txt2 p,
.c-box--terms__txt3 ul li {
    padding-left: 1em;
    text-indent: -1em;
}

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

    .c-box--terms__txt h5,
    .c-box--terms__txt2 h5,
    .c-box--terms__txt3 h5,
    .c-box--terms__txt4 h5 {
        font-size: 14px;
    }

    .c-box--terms__txt p,
    .c-box--terms__txt ul,
    .c-box--terms__txt2 p,
    .c-box--terms__txt2 ul,
    .c-box--terms__txt2 ol,
    .c-box--terms__txt2 ol li,
    .c-box--terms__txt3 p,
    .c-box--terms__txt3 ul li {
        font-size: 13px;
    }
}