@charset "UTF-8";

#wrapper img {
    display  : block;
    max-width: 100%;
}

#wrapper {
    width      : 100%;
    max-width  : 100%;
    font-family: '游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体', sans-serif;
}

.contents01 .inner {
    width    : 800px;
    max-width: 98%;
    margin   : 0 auto;
    padding  : 3% 0;
}

.contents02 {
    background-color: #f8eff9;
}

.contents02 .inner {
    width    : 800px;
    max-width: 98%;
    margin   : 0 auto;
    padding  : 5% 0 3%;
}

.contents01 img {
    margin: 0 auto;
}

.title {
    display         : inline-block;
    width           : 100%;
    color           : #fff;
    font-size       : 24px;
    font-weight     : bold;
    text-align      : center;
    border-radius   : 9999px;
    background-color: #2f2365;
    padding         : 0.7rem 0;
    line-height     : 1.2;
}

.read {
    font-size  : 20px;
    font-weight: bold;
    line-height: 1.5;
}

.cp-list {
    display      : flex;
    flex-wrap    : wrap;
    border-top   : 1px solid #2f2365;
    line-height  : 1.5;
    margin-bottom: 5%;
}

.cp-list dt {
    width          : 25%;
    padding        : 20px 10px 20px 0;
    font-size      : 24px;
    font-weight    : bold;
    border-bottom  : 1px solid #2f2365;
    box-sizing     : border-box;
    display        : flex;
    align-items    : center;
    justify-content: space-around;
}

.cp-list dt:last-of-type,
.cp-list dd:last-of-type {
    border-bottom: none;
}

.cp-list dd {
    width           : 75%;
    padding         : 20px 10px 20px 0;
    margin          : 0;
    font-size       : 24px;
    font-weight     : bold;
    border-bottom   : 1px solid #2f2365;
    box-sizing      : border-box;
    /* display      : flex;
    align-items     : center; */
}

.small {
    font-size: 20px;
}

.big {
    font-size: 28px;
}

.ul01 {
    margin     : 0;
    width      : 100%;
    font-size  : 22px;
    font-weight: 400;
    list-style : none;
    padding-left: 0;
}

.ul02 {
    margin     : 0;
    width      : 100%;
    font-size  : 20px;
    font-weight: 400;
    list-style : none;
    padding-left: 0;
}

.ul01 li,
.ul02 li {
    padding-left: 1em;
    text-indent : -1em;
}

.cp-list dd a {
    color          : #000;
    margin         : 0;
    padding-left   : 20px;
    width          : 100%;
    font-size      : 20px;
    font-weight    : 400;
    text-decoration: none;
}

.caution {
    border : 1px solid #2f2365;
    padding: 3%;
}

.caution p {
    font-size     : 24px;
    font-weight   : bold;
    text-align    : center;
    padding-bottom: 2%;
}

.caution ul {
    list-style : none;
    font-size  : 20px;
    line-height: 1.5;
    padding-left: 0;
}

.pt3 {
    padding-top: 3%;
}

.pt5 {
    padding-top: 5%;
}

.pb3 {
    padding-bottom: 3%;
}

.pb7 {
    padding-bottom: 7%;
}

.pc_none {
    display: none;
}

.sp_none {
    display: block;
}

@media print {
    .print-hide {
        display: none !important;
    }
}

.protect-me {
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    user-select          : none;
    pointer-events       : none;
}

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

    .contents01 .inner,
    .contents02 .inner {
        width    : 100%;
        max-width: 93%;
    }

    .title {
        font-size: 16px;
    }

    .read {
        font-size: 14px;
    }

    .cp-list dt {
        width        : 100%;
        font-size    : 16px;
        padding      : 10px 0 5px;
        border-bottom: none;
    }

    .cp-list dd {
        width    : 100%;
        font-size: 16px;
        padding  : 0 0 10px;
    }

    .cp-list dd:last-of-type {
        padding-bottom: 5px;
    }

    .ul01 {
        font-size: 14px;
    }

    .ul02 {
        font-size: 13px;
    }

    .small,
    .cp-list dd a {
        font-size   : 13px;
        padding-left: 0;
    }

    .big {
        font-size: 20px;
    }

    .caution p {
        font-size: 16px;
    }

    .caution ul {
        font-size: 14px;
    }

    .pc_none {
        display: block;
    }

    .sp_none {
        display: none;
    }
}