body {
    font-size: 15px;
}

.content {
    padding-left: 0.8em;
    padding-right: 0.8em;
}

p {
    margin: 1em 0 0 0;
}

strong {
    font-size: 17px;
    color: rgb(55, 55, 55);
}

header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    /* 元の線より上に配置 */
    height: 1px;
    /* 線の太さ */
    background: rgb(167, 167, 167);
    /* 2本目の線の色 */
}



ol {
    margin: 0;
    padding-left: 1.2em;
}

.dot {
    margin: 0;
    padding-left: 0.5em;
    list-style-type: lower-roman;
}

ul {
    margin: 0;
    padding-left: 1.2em;
}

.header h1 {}

body .header {
    background-image: url("Liorca_HotMark_Header2.jpg?v=0411");
    background-size: cover;
    /* 画像をヘッダーにフィット */
    background-position: center;
    /* 中央に配置 */
    height: 80px;
    color: rgb(59, 65, 101);
    /* color: rgb(6, 14, 59); */
    /* ヘッダーの高さ */
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 7px solid rgb(255, 239, 223);
    border-bottom: 7px solid rgb(255, 239, 223);
    /* border-top: 7px solid rgb(210, 255, 206);
    border-bottom: 7px solid rgb(218, 255, 254); */
    position: relative;
    padding: 0;
}

header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    /* 下にずらす */
    height: 1px;
    background: rgb(167, 167, 167);
    /* 2本目の線の色 */
}

.bg {
    color: rgb(102, 102, 102);
    /* background: url('LFrame.png') no-repeat center/cover; */
}